/*
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: #f6f6f6; color: #333; border-top: none; border-bottom: none; }
.page-title-wrapper .title-bar-bg { height: 450px; }
.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: 28px; }
.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: #ffffff; padding: 60px 0; }
.footer-wrapper .footer-copyright-area { background-color: #111; color: #FFF; border-top: none; }
.footer-wrapper .footer-copyright-area a { color: #FFF; }
.footer-wrapper .footer-copyright-area a:hover { color: #CCC; }
.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: 35px; }

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

/* Nav
================================================================================================= */
.navbar li { margin: 0 15px; }
.navbar a { padding: 10px 0; }
.navbar a,
.navbar a:focus { color: #fff; }
.navbar li:hover > a { color: #f6f6f6; }
.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 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: #ce2c34; }
.navbar li.item-scrollto:hover:before,
.navbar li.item-scrollto.active:before { opacity: 1; width: 40%; }
/* 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; text-align: center; font-size: 14px; }
.footer-widget-area .widget h2,
.footer-widget-area .widget h3,
.footer-widget-area .widget h4,
.footer-widget-area .widget h5 { color: #111; }
.footer-widget-area .widget h3.widget-title { color: #111; font-size: 19px; line-height: normal; margin: 0 0 5px 0; }
.footer-widget-area .widget a:not(.btn) { color: #111; }
.footer-widget-area .widget a:hover:not(.btn) { color: #CCC; }
.footer-widget-area .widget:not(.widget_text) ul li { border-bottom: 1px solid #4b4c4d; }

/* 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; }
.header-wrapper.header-original { background-color: rgba( 0, 0, 0, 0.7 ); position: absolute; left: 0; top: 0; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 1040; }
.section-title:after { content: ""; display: block; background-color: #ce2c34 !important;  width: 30px; height: 1px; height: 2px; width: 120px; margin: 15px 0 0; }
.section-title-center:after { margin: 15px auto 0; }

.card-inventory { border-radius: 0 !important; border: none; }
.snip1551 { position: relative; overflow: hidden; width: 100%; color: #ffffff; font-size: 16px; background-color: rgba(236, 246, 249); margin: 0; }
.snip1551 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.snip1551 img { vertical-align: top; max-width: 100%; backface-visibility: hidden; border-radius: 0 !important; }
.snip1551 figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; border: none; overflow: hidden; padding: 0; box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.8); }
.snip1551 h3 { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 9px 15px; margin: 0; font-weight: normal; font-size: 1em; letter-spacing: 2px; display: inline-block; background-color: rgba(0, 0, 0, 0.8); -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); color: rgba(255, 255, 255, 0); }
.snip1551 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.snip1551:hover > img,
.snip1551.hover > img { opacity: 0.5; }
.snip1551:hover h3,
.snip1551.hover h3 { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); color: #ffffff; }

.gutter-px-1 [class^="col-"], 
.gutter-px-1 [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.masonry-grids .post-item { margin-bottom: 0 !important; }

a.btn-load-more { display: inline-block; border: none !important; background-color: #ce2c34; color: #FFF; padding: 12px 20px; border-radius: 4px; letter-spacing: 1px;  margin-top: 30px; }
a.btn-load-more:hover { background-color: #111; }

.zd-gallery img { width: 100%; height: auto; }
body.single-inventory #content h3 { font-size: 24px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #2c4964; }
body.single-inventory #content h3::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(0 - 60px); }
body.single-inventory #content h3::after { content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #ce2c34; bottom: 0; left: calc(0 - 20px); }

.theme-gradient { background: #ce2c34; background: -webkit-linear-gradient(10deg,#ce2c34,#570206); background: linear-gradient(140deg,#ce2c34,#570206); background-clip: border-box; }
a.menu-hamburger { display: inline-block; color: #FFF; background-color: #ce2c34; width: 30px; height: 30px; text-align: center; border-radius: 50%; line-height: 30px; }
.style-grids .post-item { margin-bottom: 0 !important; }

.box-01 { transition: background-color 0.5s ease; }
.box-01:hover { background-color: #ce2c34 !important; color: #fff; transition: all 0.5s ease; border-radius: 4px; }
.box-01:hover h3 { color: #fff; }
.box-01:hover .section-title:after { background-color: #fff !important; }

.modal-header { border-bottom: 1px dotted #CCC; }
.modal-header h5 { color: #fff !important; border-left: 3px solid #ce2c34; font-size: 28px; padding-left: 15px; }
.modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
.modal-content { background-color: #000; }
.modal-content,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5 { color: #fff; }

.menu-toggle-content { background-color: rgba(0,0,0, 0.7); border: none; }

.tbm-box-info { position: relative; color: #FFF; }
.tbm-box-info p:first-child { margin-top: 5px; }
.tbm-box-info p { margin-bottom: 5px; }
.tbm-box-title { color: rgba(255,255,255,.6); font-size: 12px; line-height: 12px; text-transform: uppercase; }

.inventory-sold { position: absolute; top: 0; right: 0; transform: translate(0,0); border: 2px solid #E43A36; font-weight: 600; letter-spacing: 2px; background: #E43A36; color: #fff; font-size: 12px; padding: 10px 20px; }

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

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

@media (min-width: 992px) {
    .border-left { border-left: 1px solid #FFF; }
}

@media (min-width: 1200px) {
	.header-wrapper .header-main .wrapper-logo .standard-logo, 
	.header-wrapper .header-main .wrapper-logo .sticky-logo { max-width: none; max-height: 55px; }
    .custom-box-b-lg { padding: 25px; text-align: center; }
    .bl-lg { border-left: 1px dotted #FFF; }
    .header-wrapper .header-main .header-main-content { padding-left: 100px; padding-right: 100px; }
    .tbm-box-info { margin-top: -100px !important; z-index: 9; text-align: center; }
}