/*
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,
.side-header-wrapper {}
.header-wrapper .header-meta { border-bottom: 1px solid #e1e1e1; }
.header-wrapper .header-main {}
.header-wrapper .header-main .header-main-content .header-main-content-row { padding-top: 10px; padding-bottom: 10px; }
.page-title-wrapper { background-color: #f6f6f6; color: #333; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.page-title-wrapper .title-bar-bg { height: 250px; }
.page-title-wrapper .title-bar-bg,
.page-title-wrapper .title-bar-bg a { color: #FFF; }
.page-title-wrapper .title-bar-bg .title-bar h1.entry-title { margin: 0; color: #FFF; font-size: 38px; }
.page-title-wrapper,
.page-title-wrapper a { color: #333; }
.page-title-wrapper .title-bar h1.entry-title { margin: 0; color: #333; }
.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: #363839; padding: 60px 0; }
.footer-wrapper .footer-copyright-area { background-color: #fff; color: #111; border-top: none; }
.footer-wrapper .footer-copyright-area a { color: #111; }
.footer-wrapper .footer-copyright-area a:hover { color: #666; }
.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: 25px; }

/* 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: 25px !important; }

/* Menu Main
================================================================================================= */
.navbar a { padding: 10px 20px; text-transform: uppercase; }
.navbar a,
.navbar a:focus { color: #111; }
.navbar li:hover > a { color: #666; }
.navbar .dropdown ul a, 
.navbar .dropdown ul a:focus { color: #111 !important; }
.navbar .dropdown ul li:hover > a { color: #666 !important; }

<!-- Nav Current -->
.navbar li.current-menu-item:not(.item-scrollto), 
.navbar li.current_page_item:not(.item-scrollto) {}
.navbar li.current-menu-item:not(.item-scrollto) a, 
.navbar li.current_page_item:not(.item-scrollto) a { color: #666; }
    
<!-- Nav Dropdown -->
.navbar .dropdown ul { background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }
.navbar .dropdown ul li.current-menu-item, 
.navbar .dropdown ul li.current_page_item { background: #f5f5f5; }
.navbar .dropdown ul li.current-menu-item a, 
.navbar .dropdown ul li.current_page_item a { color: #333; }

ul li.item-scrollto:before,
ul li.item-scrollto:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
ul li.item-scrollto:before { bottom: 0; display: block; height: 3px; width: 0%; content: ""; background-color: #666; }
ul li.item-scrollto:hover:before,
ul li.item-scrollto.active:before { opacity: 1; width: 100%; }

/* Widgets
================================================================================================= */
.widget_nav_menu ul { list-style: none; }

.sidebar .widget { margin-bottom: 20px; }
.sidebar .widget ul { list-style: none; }
.sidebar .widget ul li { position: relative; margin: 0; padding: 0 0 6px 0; }

.footer-widget-area .widget { color: #8c8989; }
.footer-widget-area .widget a:not(.btn),
.footer-widget-area .widget h2,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4,
.footer-widget-area .widget h5,
.footer-widget-area .widget h6 { color: #fff; }
.footer-widget-area .widget a:hover:not(.btn) { color: #CCC; }

/* 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; }

.snip1534 { position: relative; display: inline-block; overflow: hidden; margin: 10px; color: #ffffff; text-align: left; font-size: 16px; background-color: #000000; }
.snip1534 img { vertical-align: top; max-width: 100%; backface-visibility: hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.75; transition: all 0.5s ease; }
.snip1534 figcaption { z-index: 1; align-items: center; position: absolute; width: 100%; bottom: 0; display: flex; flex-direction: column; justify-content: center; background-color: rgba(221, 108, 55, 0.8); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%); padding: 15px; }
.snip1534 h3,
.snip1534 h5 { margin: 0; letter-spacing: 1px; }
.snip1534 h3 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; color: #fff; }
.snip1534:hover > img,
.snip1534.hover > img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

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

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

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

@media (min-width: 1200px) {
	/*body.home .header-wrapper.header-original { position: absolute; left: 0; top: 0; width: 100%; padding-top: 20px; z-index: 1040; }*/
	.header-wrapper .header-main .wrapper-logo .standard-logo, 
	.header-wrapper .header-main .wrapper-logo .sticky-logo { max-width: none; max-height: 40px; }
    .header-wrapper .header-main .header-main-content .header-main-content-row { padding-top: 15px; padding-bottom: 15px; }
}