/*----------------------------------------------------
 Print Default
----------------------------------------------------*/
.header-print {
  background-image: url("../../images/print/print_head_garderning.svg") !important;
}

.footer-print {
  background-image: url("../../images/print/print_footer_garderning.svg") !important;
}
/* --------------------------------
	Colors
-------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #45B36F;
}

/* --------------------------------
Responsive
-------------------------------- */
/* --------------------------------
	Lightcase STYLE
-------------------------------- */
#lightcase-nav a[class*='lightcase-icon-']:focus {
  text-decoration: none;
  color: #ffcc00;
}

#lightcase-nav a[class*='lightcase-icon-']:hover {
  color: #45B36F;
}

/* --------------------------------
	Mobilenav
-------------------------------- */
.sb-slidebar.sb-left {
  background-color: #3DA34C;
}

/* --------------------------------
From Layout
-------------------------------- */
.form-control {
  border-bottom: 1px solid #45B36F;
}

.input-group-addon svg {
  color: #45B36F;
}

/* --------------------------------
Buttons
-------------------------------- */
.btn-main {
  background: #45B36F;
}

.btn-main:hover, .btn-main:focus {
  background: #378e58;
}

.index-prod-list .owl-controls .owl-buttons i {
  background: #ffcc00;
}

.index-prod-list .owl-controls .owl-buttons .owl-prev {
  border: 1px solid #ffcc00;
}

.index-prod-list .owl-controls .owl-buttons .owl-next {
  border: 1px solid #ffcc00;
}

.btn-white {
  color: #45B36F;
  background: #fff;
  border: 2px solid #45B36F;
}

.btn-white:hover, .btn-white:focus {
  color: #fff;
  background: #378e58;
}

.btn-trans {
  color: #ffcc00;
}

.btn-trans:hover, .btn-trans:focus {
  color: #45B36F;
}

.btn-round {
  color: #fff;
  background: #45B36F;
}

.btn-round:hover, .btn-round:focus {
  background: #378e58;
}

/* --------------------------------
Accordion
-------------------------------- */
#prodCategory .panel > a {
  color: #33AA61;
}

#prodCategory .panel > a svg {
  color: #33AA61;
}

/* --------------------------------
Tab Style
-------------------------------- */

.prod-tab .nav-tabs>li.active>a>.tab-title,
.prod-tab .nav-tabs>li>a:hover>.tab-title {
  color: #45B36F;
}

.prod-tab .nav-tabs > li > a:before {
  background: #45B36F;
}

.member-tab .nav-tabs > li > a:before {
  background: #ffcc00;
}

/* --------------------------------
Pagination
-------------------------------- */
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #6C8742;
}

/* --------------------------------
	HEADER STYLE
-------------------------------- */
header.index-header {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(198, 180, 5, 0.5)));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(198, 180, 5, 0.5) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(198, 180, 5, 0.5) 100%);
}

header .logo {
  content: url(../../../static/images/logo/logo_garderning.svg);
}

.btn-inquiry .dialog-box span.count {
  background: #3DA34C;
}

/*----------------------------------------------------
 Search
----------------------------------------------------*/
#search {
  background-color: rgba(69, 177, 111, 0.8);
}

/*----------------------------------------------------
Search and Inquiry List Btn
----------------------------------------------------*/
#lang-menu ul li {
  color: #ffcc00;
}

/* --------------------------------
	Index
-------------------------------- */
.index-prod-list .owl-controls .owl-buttons i {
  background: #00913A;
}

.index-prod-list .owl-controls .owl-buttons .owl-prev {
  border: 1px solid #00913A;
}

.index-prod-list .owl-controls .owl-buttons .owl-next {
  border: 1px solid #00913A;
}

section.index-hotprod h2.section-title div {
  background: #45B36F;
}

/* --------------------------------
	Index - About
-------------------------------- */
section.index-about {
  background-image: url("../../images/index/about_bg_garderning.jpg");
}

section.index-about .title {
  color: #BCEA56;
}

section.index-about .index-about-bird:after {
  background: url("../../images/index/about/index_about_family.png");
}

@media only screen and (max-width: 931px) {
  section.index-about .index-about-bird:after {
    background: url("../../images/index/about/index_about_mobile_family.png");
  }
}

/* --------------------------------
	About
-------------------------------- */
.about-title {
  color: #3DA34C;
}

.about-title span {
  color: #ffcc00;
}

.about-title:after {
  border-bottom: 1px solid #45B36F;
}

/* --------------------------------
Q and A
-------------------------------- */
/* Mask: */
.qa-header {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(10%, #3CA064), to(#45B36F));
  background-image: -o-linear-gradient(right, #3CA064 10%, #45B36F 100%);
  background-image: linear-gradient(to left, #3CA064 10%, #45B36F 100%);
}

.qa-header .dialog svg {
  color: #5DBF84;
}

.qa-list li.panel .panel-heading.active:before {
  background: #39CD72;
}

.qa-list li.panel .panel-heading svg {
  color: #39CD72;
}

/* --------------------------------
Contact
-------------------------------- */
.contact-title {
  color: #45B36F;
}

.contact-title span {
  color: #ffcc00;
}

ul.contact-method {
  border-left: 1px solid #45B36F;
}

ul.contact-method .icon-img svg {
  color: #45B36F;
}

.contact-bird:after {
  background-image: url("../../images/contact/bird_garderning.png");
}

/* input colors ---- */
.form-control:focus ~ label {
  color: #45B36F;
}

.form-control:focus {
  border-color: #45B36F;
}

.form-control:focus ~ .form-bar:before,
.form-control:focus ~ .form-bar:after {
  background: #45B36F;
}

#focusedInput {
  border-color: rgba(69, 177, 111, 0.8);
}

/* --------------------------------
	Products
-------------------------------- */
.prod-header {
  background-image: url("../../images/prod-header/bg_garderning.jpg");
}

.prod-header .inner {
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, #499D6A), to(transparent));
  background: -o-linear-gradient(left, #499D6A 55%, transparent);
  background: linear-gradient(to right, #499D6A 55%, transparent);
}

.prod-category-list li .prod-block .overlay {
  background: rgba(255, 204, 0, 0.6);
}

.prod-list li .prod-block:hover .entry-box {
  background: #47B055;
}

.prod-dialog .dialog-shape svg {
  color: #87BB1B;
}

.prod-dialog .dialog-shape:after {
  background: url("../../images/products/dialog_arrow_garderning.png");
}

/* --------------------------------
	Product Detail Page
-------------------------------- */
.prod-detail-wrapper {
  background: #F2F5EF;
}

.prod-detail-wrapper .btn-prev-prod,
.prod-detail-wrapper .btn-next-prod {
  color: #33AA61;
}

.prod-detail-content .prod-content .title {
  color: #419D5F;
}

.prod-detail-content .prod-content .info {
  color: #8EC31F;
}

.inquiry-info .title {
  color: #ffcc00;
}

.inquiry-info .title .first-word {
  color: #3DA34C;
}

/* Rectangle 3: */
.prod-recommend-wrapper {
  background-image: -o-linear-gradient(91deg, #3DA34C 8%, #45B362 71%, #54B364 98%);
  background-image: linear-gradient(-1deg, #3DA34C 8%, #45B362 71%, #54B364 98%);
}

/* --------------------------------
Products Comparison
-------------------------------- */
table.table-comparison .title {
  color: #ffcc00;
}

/* --------------------------------
	Shop Recommend
-------------------------------- */
/* --------------------------------
Member Login
-------------------------------- */
#password-send-box svg {
  color: #ffcc00;
}

/* --------------------------------
Totol and shippin block
-------------------------------- */
.cart-total span.price-total {
  color: #ffcc00;
}

/* --------------------------------
Mini Cart
-------------------------------- */
.slide-cart .cart-title h4 {
  color: #6C8742;
}

.slide-cart .cart-title .close {
  background: #45B36F;
}

.mini-cart .details .title a {
  color: #ffcc00;
}

.mini-cart .details .delete:hover svg {
  color: #45B36F;
}

/* --------------------------------
404 Page
-------------------------------- */
.error-image:after {
  background: url("../../images/404/404_garden.png");
}


@media only screen and (max-width: 931px){
  .header-controls .btn-search {
      background-color: #6C8742;
  }    
}