/* Dynamic Settings
================================================== */
section.container,
.container {
  max-width: 1400px;   
}
.container.narrow {
  max-width: calc(1400px * .75);
}
section.container,
section.container-fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}
.product-banner-image {
	margin-top:40px;
}
.template-textpage .content .container,
.template-account .container.content,
.template-review .container.content,
.template-404 .container:not(.home-categories) {
  max-width: 900px;
}

.navigation .logo img {
  max-height: 40px; 
  max-width: 100%;
  }

.filters-cat li a.itemLink,
.filters-cat li a.subitemLink,
a.filter-title,
.filters > div label,
.sortBy select,
.sidebar select,
.sortBy-wrap .count span,
.filterBy button,
.filter-value input,
.filter-value label {
  text-transform: normal;
  font-size: 14px;
  color: #000000;
}
@media screen and (min-width: 992px) {
  .navigation .logo img {
    height: 50px;
  }
}

/* Fonts
================================================== */
body {
  font-family: "Questrial", Helvetica, sans-serif;
  font-size: 14px;
  background: #ffffff;
}
header {
  font-size: 14px;
}
footer {
  font-size: 14px;
}
h1, h2, h3, h4, h5, h6, .gui-page-title {
  font-size: 26px;
  font-family: "Questrial", Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
}
h3 {
  font-size: calc(26px * .8); 
}
h4 {
  font-size: calc(26px * .7); 
}
h5 {
  font-size: calc(26px * .6); 
}
h6 {
  font-size: calc(26px * .5); 
}
a.btn span,
button span,
input[type="submit"] span,
input[type="reset"] span,
input[type="button"] span,
#filtermenu h3,
#filtermenu h3:first-of-type,
.sidebar-title, .gui-block-title,
.footer-main h4.menu-title,
.gui a.gui-button-facebook {
  font-family: "Questrial", sans-serif!important;
}

#footerNewsletter .title,
footer .footer-contact h3,
.single-post-meta,
.post-meta,
.blog-header h1,
.products .product .info a.title {
  font-family: "Questrial", sans-serif;
}

.mobile-menu-close i {
  font-size: 14px;
}
nav.primary ul li.item,
nav.desktop .subnav .subitem,
nav .subitem .subitemLink,
#menuSearchMobile input {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}

.primary .item .itemLink, .primary .subitem .subitemLink {
  text-transform: uppercase; 
}

.pretext, .preheading {
  text-transform: Normal;
  letter-spacing: 0pxpx;
  font-size: 12pxpx;
  font-weight: 600;
}

/* Colors
================================================== */
/* Highlight color */
a,
a:hover, 
a:focus,
nav.desktop .item.active .itemLink,
footer .social-media .symbol:hover,
.products .product .image-wrap .cart,
.slider-prev:hover span, .slider-next:hover span,
.highlight-color,
.header-usp-wrap .fa,
.product-usp-wrap .fa,
span.bag-count,
nav.desktop .item .itemLink:hover,
.navigation .burger.open i,
button.text-cta:hover,
.product-info i.full,
.bottom-reviews i,
nav.desktop .item.sale .itemLink,
.pager ul li.active a,
blockquote,
.comment i,
#countdown .timer,
button.icon-drop[aria-expanded="true"] i.fa-chevron-down:before,
.lang-curr a.active {
  color: #04a1b1;
}
.usp-icon svg path,
.cs-widget-icon svg path {
  fill: #04a1b1;
}
.review-stars i,
.stars i {
  color: #04a1b1;
}
.home-testimonial .review-stars i {
  color: #ffc107; 
}
.highlight-color {
  color: #04a1b1 !important;
}
.wishlist svg path,
.cart-search-wrap a:hover svg path,
.search-link:hover svg path {
  fill: #04a1b1;
}
.wishlist a:hover {
  background-color: #04a1b1; 
}

/* Highlight border-color */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
.products .product .image-wrap .cart,
.slider-pagination a,
.border-highlight-color,
.tabs ul li.active a
#collection-filter-price .ui-slider-handle {
  border-color: #04a1b1;
}

hr,
footer,
.footer-main .links .links-head,
.product-usp-1,
.sidebar .item .subnav,
.csItem a,
.comment,
.locations li,
.locations-map,
footer .payments,
.gui-blog-nav,
.gui-blog-article,
.copyright-payment,
.collection-filters,
.search-preview .search-preview-item {
  border-color: #eaeaea!important;
}

/* Newsletter popup */
#newsletter-pop {
  background-color: ;
}

/* Highlight background-color */
.slider-pagination a.active,
.background-highlight-color,
.products .product .image-wrap .sale-new.new-label {
  background-color: #04a1b1;
}
.product-option .boxes #box.selected a,
#box a:hover {
  border-color:#04a1b1;
}
#box a {
  border-color: #000000;
  color: #000000;
}

/* Headings color */
.products .product .info a.title,
h1, h2, h3, h4, h5, h6, .gui-page-title,
.tabs ul li.active a,
.post-title a,
.categories .category.blank span.title,
.categories .category.blank .title,
.categories .category.blank span,
.list-price,
.topbar-msg.mobile,
.categories .category .cat-text.under h3,
.categories .category .cat-text.under span,
.footer-main .menu-title {
  color: #000000;
}
.footer-main h2.title,
.footer-main .menu-title {
  color: #ffffff;
}

/* Button color */
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.gui-login .gui a.gui-button-small {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}
a.btn:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
.gui-login .gui a.gui-button-small:hover {
  color: #000000;
  background-color: #04a1b1;
  border-color: #04a1b1;
}
a.btn.alt-color {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}

/* Footer background color */
.background-footer-color {
  background-color: #04a1b1;
}

/* Footer social icon color */
footer .social-icon {
  color: #ffffff;
}
footer .social-icon:hover {
  color: #ffffff;
}

/* Body background-color
================================================== */
body,
.slider-pagination a,
.gui-login-registered form#gui-form {
  background-color:#ffffff;
}
/* Light grey background-color */
#collection-filter-price .ui-slider-handle,
.gui-login .gui-col2-big {
  background-color: #f7f7f7;
}
.slider img, 
.products .product .image-wrap img, 
.categories .category img, 
.zoombox .images a img, .zoombox .thumbs a img {
  background-color: #f7f7f7;
}
.cs-widget-top,
.cs-widget-bottom,
.product-discounts {
  background-color: #f3f4f5; 
}

/* Lightborder */
.sort,
.sidebar .item,
.pager ul li a,
.product-info .product-option,
.product-info .product-price,
.product-actions,
hr,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select,
footer input[type="text"],
.headline .slider,
.brands .slider li,
.hallmarks .slider li,
nav.primary.subcat-image .subnav,
.categories .category,
.products .product .image-wrap img,
.products .product .info,
#collection-filter-price,
#collection-filter-price .ui-slider-range,
.pager ul,
.zoombox .images,
.zoombox .thumbs a,
.product-info .product-price .cart .change,
.tabsPages .page.reviews .review,
.footer-contact,
.cat-profile,
.pager ul li a:hover,
.pager ul li.active a,
.service-menu,
.service-menu li a,
.product-actions,
.product-actions .tags-actions .actions,
.dropdown-menu {
  border-color: #eaeaea;
}

/* Image and text section */
.home-image-text .wrap {
  background-color: #f3f4f5;
}
.home-image-text h2,
.home-image-text p {
  color: #000000; 
}

/* Body color.filterBy button:active
================================================== */
/* general color */
body,
.product-info a:not(.btn),
.product .info a,
.product-info .product-price .cart .change a,
.dropdown-menu > li > a,
button.text-cta,
.tabs ul li a:hover,
.filter-cats a,
.pager ul li a,
.service-menu li a,
a.review-link,
.share-links ul li a:hover,
#countdown,
.tags a:hover,
a.text-cta,
.pro-desc a .text,
.modes a,
select,
.search-preview-item a:hover {
  color: #000000;
}
#collection-filter-price .ui-slider-range {
  background-color: #000000; 
}
.collection-header .banner-wrap {
  background-color: #f2f2f2; 
}

/* lighter color */
small,
.breadcrumbs, .breadcrumbs a,
.products .product .info .old-price,
.pager,
.pager ul li a,
.product-info .product-price .old-price,
.product-actions .tags-actions,
.product-actions .tags-actions .actions a,
.tabs ul li a,
label,
legend,
label span,
.tabsPages .page.reviews .bottom,
.product-actions .tags-actions,
span.header-usp-subtext,
span.product-usp-subtext,
.products .product span.strict,
.pager ul li a,
.product-info .product-price .cart .change,
ul.post-meta li,
.share-links ul li a,
.single-post-meta,
.comment .info,
.unitprice, .vat,
.availability,
.tags a {
  color: #595959;
}
button.disabled {
  background-color: #bfbfbf!important;
  border-color: #bfbfbf!important;
}

/* darker color */
.breadcrumbs a:hover,
.sidebar .item .itemLink:hover, .sidebar .item .subitemLink:hover,
.pager ul li a:hover,
.product-actions .tags-actions .actions a:hover,
.product-info .product-price .cart .change a:hover,
.sidebar .item .itemLink,
.faq ul li a:hover,
.faq ul li.active a {
  color: #000000;
}

/* Element color
================================================== */
/* .dark colors */
.dark, .dark p, .dark a, .dark a.text-cta,
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
  color: #000000 !important;
}

.banner.overlay h2,
.banner.overlay .pretext,
.banner.overlay .subtext {
  color: #fff !important; 
}

/* header */
header,
header a,
nav.desktop ul a, nav.desktop ul a:visited,
nav.desktop .item .itemLink,
nav.desktop .subnav .subitem .subitemLink:hover,
nav .item button.icon-drop {
  color: #000000;
}
header svg path {
  fill: #000000;
}
header .btn-close svg path {
  fill: #48515e;
}
.navigation .burger li,
.products .product .image-wrap .sale-new {
  background-color: #000000;
}
header,
.navigation {
  background-color: #ffffff;
}
header,
header input[type="text"],
nav.desktop .subnav .subitem,
nav.desktop .item.hover .itemLink,
nav.desktop .subnav,
nav.primary .mega-menu .subnav,
.service-menu li {
  border-color: #eaeaea;
}
nav.primary .subnav {
  background-color: #ffffff;
}
nav.primary .subitemLink,
nav.primary .subcat-title {
  color: #000000; 
}

/* blog header fix 02/03/17 */
.gui-blog-article header { background: none; }

nav.desktop .item.sub.hover .itemLink,
nav.desktop .item.hover .itemLink,
nav.desktop .subnav .subitem {
  background-color: #fefefe;
} 

/* Topbar */
.topbar {
  background-color: #04a1b1;
}
.topbar, 
.topbar a {
  color: #ffffff;
}

/* Promo banner */
.promo-banner {
  background-color: #f3f4f5; 
}
.promo-banner h2,
.promo-banner span,
.promo-banner a span {
  color: #48515e; 
}

/* footer */
footer,
.slider-prev,
.slider-next,
.products .product .image-wrap .new {
  background-color: #04a1b1;
}

.products .product .image-wrap .description,
footer,
footer a, 
footer .links a,
.slider-prev span,
.slider-next span,
.products .product .image-wrap .new,
ul.footer-contact-icons li a,
.footer-main .links-head,
.footer-contact h3,
.footer-main h4 {
  color: #ffffff;
}

/* copyright */
.copyright-payment {
  background-color: #ffffff;
}
.copyright-payment .copyright,
.copyright-payment .copyright a {
  color:#ffffff;
}

@media (max-width: 991px) {
  #formSearch,
  header input[type="text"],
  #menuSearchMobile input,
  nav.primary.subcat-image .subnav .subitem {
    color:#48515e;
  }
  .mobile-sidebar,
  #menuSearchMobile input,
  .mobile-offcanvas {
    background-color: #f3f4f5;
   }
  .subnav-third,
  .item.secondary,
  nav.primary .subnav {
    background-color: #ecedee; 
  }
  nav.primary .secondary-mobile-menu .subnav {
    background-color: #f3f4f5;
	}
  .navigation .logo, .navigation .burger {
    background-color: #ffffff;
    border-color: #eaeaea; 
  }
  nav.primary,
  nav.primary .item, 
  nav.primary .subitem,
  nav.primary .subitemLink,
  nav.primary .itemLink,
  nav.primary .mega-menu .subnav .subitemLink,
  nav .item .icon-drop,
  .mobile-menu-close {
    color:#48515e;
   }
  .accordion-button,
  button.accordion-button:hover,
  .accordion-button:not(.collapsed) {
    color:#000000;
  }
  .filter-value input, .filter-value label {
    color:#48515e;
  }
  .gui-blog-nav {
    background-color: #ffffff;
  }
}
@media (max-width: 991px) {
  .wrapper {
    background-color:#ffffff; 
  }   
  .banner.no-overlay .content-wrap.light h2,
  .carousel .banner .content-wrap.light h2,
  .hero .banner .content-wrap.light h2,
  .home-testimonial .banner .content-wrap.light h2 {
    color: #000000 !important;
  }  
  .banner.no-overlay .content-wrap.light,
  .carousel .banner .content-wrap.light,
  .hero .banner .content-wrap.light,
  .home-testimonial .banner .content-wrap.light {
    color: #000000 !important;
  }
  .no-overlay .banner-content .btn.alt-color,
  .carousel .banner-content .btn.alt-color,
  .hero .banner.single .banner-content .btn.alt-color {
    color: #000000 !important;
    background-color: #04a1b1 !important;
	}
  a.btn.alt-color {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000; 
  }
}

.gui a.gui-button-large {
  background-color: #04a1b1 !important;
  color: #000000 !important;
  border-color: #04a1b1 !important;
}

.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image {
  border-color: #eaeaea !important;
}