/*
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: none; background-color: #e3e3e3; }
.header-wrapper .header-main {}
.page-title-wrapper { background-color: #e3e3e3; color: #333; border-top: none; border-bottom: none; }
.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; }

.page-title-image { background-color: #e3e3e3; color: #ffffff; border-top: none; border-bottom: none; }
.page-title-image a { color: #ffffff; }
.page-title-image .title-bar h1.entry-title { margin: 0; color: #ffffff; font-size: 35px; }
.page-title-image .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.page-title-image .breadcrumb li.breadcrumb-item { margin: 0; font-size: 11px; }

.footer-wrapper .footer-widget-area { background-color: #e3e3e3; padding: 0; }
.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 .logo .logo-link img, .header-wrapper .header-main .logo .mobile-logo-link img { max-height: 35px; }

/* 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 .row { padding: 10px 0; }
.header-wrapper.header-sticky .header-main .logo .logo-link img, 
.header-wrapper.header-sticky .header-main .logo .sticky-header-logo-link img { max-height: 35px; }

/* Superfish
================================================================================================= */
.sf-menu li { background: none; }
.sf-menu li a { padding: 0.5em 1.0em; text-decoration: none; }
.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: none; min-width: 8em; *width: 8em !important; }
.sf-menu > li:after { content: ''; width: 0; top: 30px; left: 0; position: absolute; height: 3px; background: #f52713; transition: all 0.3s ease; }
.sf-menu > li:hover:after { width: 18px; left: 50%; margin-left: -9px; }
.sf-menu > li.current-menu-item:after { width: 18px; left: 50%; margin-left: -9px; }
.sf-menu ul li, 
.sf-menu ul ul li { border-bottom: none; background: rgba( 160, 160, 160, 0.7 ); }
.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-color: rgba( 246, 43, 25, 0.7 ); }
.sf-menu ul li a, 
.sf-menu ul ul li a { font-size: 0.8125rem; letter-spacing: 1px; }
.sf-menu ul li a, 
.sf-menu ul ul li a, .sf-menu li:hover li a { color: #ffffff; }
.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-color: rgba( 246, 43, 25, 0.7 ); }
.sf-menu ul li.current-menu-item a, 
.sf-menu ul li.current_page_item a { color: #ffffff; }

/* 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: "\f0da"; 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 h3 { font-size: 19px; line-height: normal; margin: 0 0 10px 0; color: #111; }
.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: none; }
.footer-widget-area .widget:not(.widget_text) ul li { position: relative; margin: 0; padding: 2px; }
.footer-widget-area .widget:not(.widget_text) ul li:before { display: none; }

/* Custom
================================================================================================= */
.text-gray-3 { color: #808080; }
.icon-mex { background: url("/source/da9bfc1e5c3d738ab974e8dc079f3c11/icon-mex.png") no-repeat; background-size: contain; width: 34px; height: 19px; float: left; margin-right: 10px; }
.icon-usa { background: url("/source/af414240c1db964d27e3d40659c8cd6a/icon-usa.png") no-repeat; background-size: contain; width: 34px; height: 19px; float: left; }
.footer-phones { list-style: none; margin: 0; }
.footer-phones li { display: block; border-left: none; padding: 0 0 15px 0; }
.footer-phones li:first-child { border-left: none; }

.social-media-custom a { display: inline-block; margin-right: 15px; font-size: 1.2rem; }

.owl-carousel .owl-dots{ text-align:center; padding:25px 0 0 0; }
.owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-carousel .owl-dots .owl-dot span { width: 40px; height: 10px; margin: 5px; background: #111; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span { background: #f52713; }

.ro-icons { width: 100%; padding: 20px 0; text-align: center; }
.btn-icon { width: 60px; height: 60px; margin: 0 5px; border-radius: 50%; text-align: center; background-color: rgba(0, 0, 0, 0.2); border: 1px solid #ffffff; color: #ffffff; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; transition: background-color 200ms linear; z-index: 2; }
.btn-icon:hover { background-color: rgba(255, 255, 255, 0.95); color: #555; }
.btn-icon:before { font-size: 22px; line-height: 60px; }

.list-downloads { list-style: none; margin: 0; }
.list-downloads li { border: 1px solid #111; margin-left: 5px; float: left; }
.list-downloads li a { display: block;  padding: 10px 20px; transition: background-color .5s ease; }
.list-downloads li a:hover { background-color: #f72816; color: #FFF; }
.list-downloads li:first-child { margin-left: 0; }

.gallery-title { letter-spacing: 1px; margin-bottom: 5px; color: #999; font-size: 16px; }
.image-wrapper img { border: 1px solid #e1e1e1; }

.swim-container { display: block; position: relative; cursor: pointer; }
.swim-container > img:first-child { opacity: 1; transition: all 0.5s; }
.swim-container > img:nth-child(2) { opacity: 0; position: absolute; top: 0; left: 0; }
.swim-container:hover > img:nth-child(2) { opacity: 1 !important; transition: all 0.5s; }

h3.accordion-heading { color: #111; }

.item-line { height: 280px; margin-bottom: 20px; border: 1px solid #666; }
.item-line:before { content: ''; position: absolute; background-color: rgba(255, 255, 255, 0.40); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.2s ease; }
.item-line img { position: relative; display: block; margin: 0 auto; height: 60px; width: auto; z-index: 2; }
.item-line:hover:before { background-color: rgba(255, 255, 255, 0.80); }

.type-locations.post-item { background-color: #f6f6f6; margin: 0 0 10px 0; font-size: 12px; }
.type-locations.post-item .location-header { background-color: #111; color: #fff; padding: 5px 10px; margin: 0; }
.type-locations.post-item .location-header h3 { font-size: 14px;  margin: 0; color: #fff; }
.type-locations.post-item .location-header a { color: #fff; font-size: 12px; }
.type-locations.post-item p { margin-bottom: 10px; }

.card-catalog { border: none; border-radius: 0; text-align: center; }
.card-catalog h3 { font-size: 18px; font-weight: 600; }
.wrapper-product-modal { background-color: #FFF; }

.wp-block-file a { display: inline-block !important; padding: 5px 20px !important; }

#menu-item-4863 a { color: #f72816; font-weight: 600; letter-spacing: 1px; }

@media (max-width: 991px) {
   .banner-line { background-color: #f6f6f6; background-image: none !important; height: auto !important; padding: 40px 0; }
}

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

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

@media (min-width: 992px) {
	.header-wrapper .header-main .logo .logo-link img, .header-wrapper .header-main .logo .mobile-logo-link img { width: auto; max-height: 45px; }
	.footer-phones li { float: left; display: inline-block; border-left: 1px solid #adadad; padding: 20px 15px; }
    .header-wrapper .header-main .wrapper-logo .standard-logo, 
	.header-wrapper .header-main .wrapper-logo .sticky-logo { max-width: none; max-height: 50px; }
}

@media (min-width: 1200px) {
	.sf-menu li a { padding: 0.5em 1.5em; }
	ul.custom-menu li a { padding: 0.5em 1.5em !important; }
}