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

/* Basics
================================================================================================= */
body { line-height: 1.9em; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }

/* Pages Sections
================================================================================================= */
.header-wrapper .header-meta { border-bottom: none; background-color: #444; color: #FFF; font-size: .825rem }
.header-wrapper .header-main { background-color: rgba(255,255,255,0.7); }
.header-wrapper .header-main .header-main-content .header-main-content-row { padding-top: 10px; padding-bottom: 10px; }
.page-title-wrapper { background-color: #1994fb; color: #fff; border-top: none; border-bottom: none; }
.page-title-wrapper .title-bar-bg { height: 360px; }
.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: #fff; }
.page-title-wrapper .title-bar h1.entry-title { margin: 0; color: #fff; }
.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: #f6f6f6; padding: 30px 0 30px 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: 55px; }

/* Sticky Header
================================================================================================= */
.header-wrapper.header-sticky { background-color: rgba( 255, 255, 255, 0.7 ); 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: 55px !important; }

/* Nav
================================================================================================= */
.navbar a { padding: 10px 10px; text-transform: uppercase; }
.navbar a,
.navbar a:focus { color: #111; }
.navbar li:hover > a { color: #1a95fc; }
.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: #1a95fc; }
    
<!-- Nav Dropdown Current -->
.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; }

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

/* 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: #111; }
.footer-widget-area .widget h2,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4,
.footer-widget-area .widget h5 { color: #111; margin: 0 0 15px 0; }
.footer-widget-area .widget a:not(.btn) { color: #111; }
.footer-widget-area .widget a:hover:not(.btn) { color: #666; }
.footer-widget-area .widget:not(.widget_text) ul li { border-bottom: 1px dotted #666; }

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

.box { position: relative; background-color: #444; color: #fff; border: 1px solid #e1e1e1; transition: all 0.5s ease; }
.box img { padding: 15px; display: inline-block; width: 100%; height: auto; }
.box:hover { opacity: 0.8; background-color: #f6f6f6; box-shadow: 0 0 11px rgba(33,33,33,.2); }
.box figure { margin-bottom: 0; }
.box h3 { color: #fff; margin-bottom: 10px; font-size: 18px; padding: 10px 0; transition: all 0.5s ease; }
.box:hover h3 { color: #333; }

.gallery-81 .post-thumbnail { border: 1px solid #e1e1e1; }

.gallery-carousel.swiper-horizontal { margin-left: 80px; margin-right: 80px; }
.swiper-button-parent { width: 45px; height: 45px; color: #FFF; background-color: #666; border-radius: 50%; }
.swiper-button-next, 
.swiper-button-prev { top: 45%; }

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

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

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

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