/*
Theme Name: Zafiro Child
Description: Child theme for Zafiro theme
Template: zafiro
Version: 1.0
*/

/* Basics
================================================================================================= */
h1, h2, h3, h4, h5, h6 {}

/* Pages Sections
================================================================================================= */
.header-wrapper .header-meta { border-bottom: 1px solid #e1e1e1; }
.header-wrapper .header-main {}
.page-title-wrapper { background-color: transparent; color: #FFF; border-top: none; border-bottom: none; padding-top: 0; padding-bottom: 0; }
.page-title-wrapper .title-bar-bg { height: 380px; }
.page-title-wrapper .title-bar-bg,
.page-title-wrapper .title-bar-bg a { color: #FFF; }
.page-title-wrapper .title-bar-bg h1.entry-title { margin: 0; color: #FFF; font-size: 38px; }
.page-title-wrapper,
.page-title-wrapper a { color: #FFF; }
.page-title-wrapper .title-bar h1.entry-title { margin: 0; background-color: #00a4fe; color: #FFF; border: 2px solid #111; padding: 20px; font-size: 32px; }
.page-title-wrapper .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.page-title-wrapper .breadcrumb li.breadcrumb-item { margin: 0; font-size: 11px; }
.footer-wrapper .footer-widget-area { background-color: #222; padding: 40px 0; border-top: 6px solid #00a4fe; }
.footer-wrapper .footer-copyright-area { background-color: #282a2b; color: #888485; border-top: 1px solid #4b4c4d; }
.footer-wrapper .footer-copyright-area a { color: #bfbfbf; }
.footer-wrapper .footer-copyright-area a:hover { color: #FFF; }
.footer-wrapper .footer-copyright-area p:last-child { margin: 0; }

/* Header Main Global
================================================================================================= */
.header-wrapper .header-main .wrapper-logo .standard-logo, 
.header-wrapper .header-main .wrapper-logo .sticky-logo { max-height: 65px; }

/* Sticky Header
================================================================================================= */
.header-wrapper.header-sticky { background-color: rgba( 255, 255, 255, 1.0 ); box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.1 ); -webkit-animation-duration: .5s; animation-duration: .5s; }
.header-wrapper.header-sticky .header-meta { display: none !important; }
.header-wrapper.header-sticky .header-main .header-main-content .row { padding: 10px 0; }
.header-wrapper.header-sticky .header-main .wrapper-logo .standard-logo, 
.header-wrapper.header-sticky .header-main .wrapper-logo .sticky-logo { max-width: none !important; max-height: 65px !important; }

/* Superfish
================================================================================================= */
.sf-menu li { background: none; }
.sf-menu li a { padding: 0.5em 1.0em; text-decoration: none; text-transform: uppercase; }
.sf-menu li:hover a { color: #666; }
.sf-menu li.current-menu-item, 
.sf-menu li.current_page_item {}
.sf-menu li.current-menu-item a, 
.sf-menu li.current_page_item a { color: #666; }
.sf-menu ul { border: 1px solid #e1e1e1; }
.sf-menu ul li, 
.sf-menu ul ul li { border-bottom: 1px solid #e1e1e1; background-color: rgba( 255, 255, 255, 1.0 ); }
.sf-menu ul li:last-child, 
.sf-menu ul ul li:last-child { border-bottom: none; }
.sf-menu li li:hover, 
.sf-menu li li.sfHover { background: #f6f6f6; }
.sf-menu ul li a, 
.sf-menu ul ul li a { font-size: 0.8125rem; }
.sf-menu ul li a, 
.sf-menu ul ul li a, .sf-menu li:hover li a { color: #333; }
.sf-menu ul li a, 
.sf-menu ul ul li a { padding: .80em .75em; font-size: 13px; }
.sf-menu ul li.current-menu-item, 
.sf-menu ul li.current_page_item { background: #f5f5f5; }
.sf-menu ul li.current-menu-item a, 
.sf-menu ul li.current_page_item a { color: #333; }

.sf-menu li { padding-bottom: 3px; }
.sf-menu li:after { content: ''; display: block; margin: auto; height: 3px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; }
.sf-menu li:hover:after, 
.sf-menu li.current_page_item:after { width: 50%; background: #FFF; }

/* Sidebars
================================================================================================= */
.widget:not(.widget_text) ul li { position: relative; margin: 0; padding: 10px 0 10px 15px; }
.widget:not(.widget_text) ul li:before { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; position: absolute; left: 0; top: 10px; }

.sidebar .widget { margin: 0 0 30px 0; padding: 0; }
.sidebar .widget h3 { margin: 0 0 8px 0; }
.sidebar .widget:not(.widget_text) ul li { border-bottom: 1px solid #e1e1e1; }

.footer-widget-area .widget { margin: 20px 0; color: #8c8989; }
.footer-widget-area .widget h2,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4,
.footer-widget-area .widget h5 { color: #FFF; }
.footer-widget-area .widget h3 { font-size: 19px; line-height: normal; margin: 0 0 25px 0; }
.footer-widget-area .widget a:not(.btn) { color: #bfbfbf; }
.footer-widget-area .widget a:hover:not(.btn) { color: #ffffff; }
.footer-widget-area .widget:not(.widget_text) ul li { border-bottom: none; padding: 4px 0 4px 0; }
.footer-widget-area .widget:not(.widget_text) ul li:before { display: none; }

/* Custom
================================================================================================= */
.text-style-01 { display: inline-block; color: transparent; background: linear-gradient(130deg, #CCC, #f9f9f9); background-clip: text; font-size: 150px; line-height: 150px; font-weight: 600; }

.text-fade { display: none; position: absolute; width: 100%; }
.text-fade.text-fade-first { display: block; }

.custom-icon i { border: 1px solid #111; width: 30px; height: 30px; text-align: center; border-radius: 50%; }
.custom-icon i:hover { background-color: #f13465; color: #FFF; }
.custom-icon i:before { line-height: 30px; font-size: 12px; }

.wrapper-slider { background-color: #222; }

.nicdark_text_gradient_1 { display: inline-block; margin-right: 25px; background: linear-gradient(to right, #b2d7de 0%, #61acbb 100%); background: linear-gradient(to right, #1bbc9b 0%, #14b9d5 100%);  background-clip: border-box;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.cart-contents-price { color: #ffffff; }

.woocommerce .custom-product, 
.woocommerce h2.woocommerce-loop-category__title {}
.woocommerce .custom-product .product { border: none }
.woocommerce .product { position: relative; background: #FFF; border: none; padding-bottom: 15px; }
.woocommerce .product:hover {}
.woocommerce .product h2.woocommerce-loop-product__title { color: #5C5C5C !important; font-size: 12px !important; margin-bottom: 0 !important; }
.woocommerce .product .price { display: inline-block; }
.woocommerce .product .price .woocommerce-Price-amount { display: inline-block; font-weight: 600; color: #f13465; font-size: 18px !important; }
.woocommerce .product h2.woocommerce-loop-product__title { font-size: 14px !important; }
.woocommerce .product .product-thumbnail { margin: 0 0 18px; position: relative; }
.woocommerce .product .product-thumbnail .product-custom-add-to-cart { position: absolute; text-align: center; bottom: 0; left: 0; right: 0; opacity: 0; transition: all 0.2s ease; }
.woocommerce .product .product-thumbnail:hover .product-custom-add-to-cart { opacity: 1 !important; }
.woocommerce .product .product-thumbnail .product-custom-add-to-cart a.button { background-color: #f13465 !important; display: block; font-size: 12px; border: none !important; color: #ffffff !important; padding: 20px 0 !important; }
.woocommerce .product .product-thumbnail .product-custom-add-to-cart a.button:hover { background-color: #f13465 !important; opacity: 0.9; }
.woocommerce .product a.added_to_cart { display: none; }
.woocommerce .product .product-badges { text-align: left; display: inline-block; }
.woocommerce .product .btn-wc-product-basket { position: absolute ; top: 5px; right: 20px; color: #24294a; font-size: 20px; }
.woocommerce .product .product-info { position: relative; width: 100%; }

/* Arrows */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next { position: absolute; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; top: auto; bottom: -45px; margin-top: -20px; background: #f6f6f6; color: #111; text-align: center; font-size: 25px; line-height: 40px; z-index: 7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1.0; }
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { opacity: 1.0; background-color: #111; color: #FFF; }
.owl-carousel .owl-nav button.owl-prev { left: 50%; margin-left: -44px; }
.owl-carousel .owl-nav button.owl-next { right: 50%; margin-right: -44px; }

.flex-direction-nav a { text-decoration: none; display: block; width: 45px; height: 45px; background: #f6f6f6; color: #111; text-align: center; font-size: 25px; border-radius: 50%; line-height: 45px; margin: -25px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer;  opacity: 0; border: 1px solid #e1e1e1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.flex-direction-nav .flex-prev { left: -20px; }
.flex-direction-nav .flex-next { right: -20px;}
.flexslider:hover .flex-direction-nav .flex-prev { left: 15px; opacity: 1.0; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 0.8; }
.flexslider:hover .flex-direction-nav .flex-next { right: 15px; opacity: 1.0; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 0.8; }

.header-wrapper.header-original { position: absolute; left: 0; top: 0; width: 100%; z-index: 1040; /*background-color: rgba( 0, 0, 0, 0.1);*/ }
body.home .header-wrapper.header-original { background-color: transparent; }
body.home .header-wrapper.header-original .btn-lang { color: #FFF; }

ul.menu-main li a { color: #FFF; }

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
     /*body.home .header-wrapper.header-original .header-main .sf-menu li a { color: #FFF; }
     body.home .header-wrapper.header-original .header-main .custom-icon i { border: 1px solid #FFF; color: #FFF; }*/
     body .header-wrapper.header-original .header-main .sf-menu li a { color: #FFF; }
     body .header-wrapper.header-original .header-main .custom-icon i { border: 1px solid #FFF; color: #FFF; }
	.header-wrapper .header-main .wrapper-logo .standard-logo, 
	.header-wrapper .header-main .wrapper-logo .sticky-logo { max-width: none; max-height: 95px; }
    .header-main-content { padding: 0 50px; }
}