/*
Theme Name: Zycar Child Theme
Description: Tema hijo para Zycar Theme
Author:      Alexander Castellanos
Template:   zycar
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zycar-child
*/
.post, .page {
    margin: 0 !important;
}

.header-in-container {
    /*background: linear-gradient(#333, transparent);*/
    /*background: rgba(255,255,255,0.3);*/
    padding: 1rem 0;
    /*background: #13274A;*/
    transition: .2s all;
}

.menu-item-411 {
    position: inherit !important;
}
.main-navigation, .main-navigation .menu-menu-principal-container, .main-navigation .nav-menu, .main-navigation .menu-item {
    align-items: center;
    height: 100%;
}

.main-navigation .menu-item {
    display: flex;
}


.menu-item-411 .sub-menu {
    background: white;
    left: 0 !important;
    width: 100% !important;
    top: 50% !important;
    justify-content: space-between;
    padding: 2rem;
    opacity: 0;
    transition: .3s all;
    display: flex;
	flex-wrap:wrap;
    pointer-events: none;
}
.menu-item-411 .sub-menu .menu-item{
    width:21%!important;
}


.menu-item-411:hover .sub-menu {
    top: 81% !important;
    opacity: 1;
    pointer-events: auto;
}

.menu-item-411 .item-submenu-custom {
    text-align: center;
    font-weight: bold;
}

.menu-item-411 .item-submenu-custom span {
    display: block;
    color: #1C2848;
    margin-top: .5rem;
}

.menu-item-411 .item-submenu-custom img {
    width: 100%;
}

.nav-menu {
    justify-content: space-between;
}

.nav-menu a {
    font-family: "Maven Pro", sans-serif;
    color: white;
}

.custom-logo, .custom-logo img {
    width: 190px;
    transition: .2s;
}

.primary-font, .primary-font h1, .primary-font h2, .primary-font h3, .primary-font p {
    font-family: "Maven Pro", sans-serif !important;
}
@media screen and (max-width: 768px) {
    .header-in-container {
        background: #fff !important;
        box-shadow: 0px 0px 30px -24px black;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        z-index: 999;
    }

    .header-in-container .custom-logo, .header-in-container .custom-logo img {
        width: 120px !important;
    }

    .header-in-container #logo-blanco {
        display: none !important;
    }

    .header-in-container #logo-color {
        display: block !important;
    }

    .header-in-container a {
        color: #13294B !important;
        font-weight: 500 !important;
    }

    .main-navigation {
        display: flex !important;
        align-items: center;
        justify-content: end;
    }

    .main-navigation .nav-menu {
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
        z-index: 99;
        background: white;
        padding:0;
        height: auto!important;
    }

    .main-navigation .menu-item {
        align-items: center;
        height:auto !important;
        display: block !important;
    }
    .main-navigation .menu-item a{
        padding:.7rem 1rem;
        display: block;
        border-bottom:1px solid #bbb;
    }
    .main-navigation .sub-menu .menu-item a{
        border-bottom:none;
    }
    .menu-item-411.focus .sub-menu{
        opacity: 1!important;
    }

    .main-navigation .sub-menu {
        background:#f5f5f5!important;
        opacity: 1 !important;
    }

    .main-navigation .sub-menu .menu-item {
        height: auto !important;
		
    }

    .menu-item-411 {
        position: relative !important;
    }
    .menu-item-411 .sub-menu {
        pointer-events: auto!important;
		background:white!important;
        position: relative;
        top: 0 !important;
    }
	
	.menu-item-411 .sub-menu .menu-item,.menu-item-411 .sub-menu .menu-item a {
        width:100%!important;
    }
	
}



@media screen and (max-width: 720px) {
    #gallery-1 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.gallery-container figure {
    max-width: 100% !important;
}

.gallery-container figure img {
    max-width: 100%;
    width: 100%;
    filter: grayscale(100%);
    transition: .4s all;
}

.gallery-container figure img:hover {
    max-width: 100%;
    width: 100%;
    filter: grayscale(0);
}

.gallery-container .gallery {
    grid-gap: 0;
    margin: 0 !important;
}

.mega-sub-menu {
    background: #ffffff !important;
}

#mega-menu-411-0 {
    background: #fff !important;
}

#mega-menu-411-0 .mega-sub-menu {
    display: flex !important;
}

#mega-menu-411-0 .mega-sub-menu li {
    width: 100% !important;
}

.sub-menu .menu-item {
    opacity: 1;
    width: 100%;
    transition: .4s all !important;
}

.sub-menu .menu-item a {
    width: 90%;
}

.menu-item {
    width: 100%;
    justify-content: center;
    font-size: 1rem !important;
    transition: .4s all !important;
    border-bottom: 2px solid transparent !important;
    font-family: "Maven Pro", sans-serif !important;
}

.menu-item:hover {
    border-bottom: 2px solid white !important;
}

/*.mega-menu-wrap {
    position: inherit !important;
    background: transparent !important;
}

.mega-menu-wrap .mega-menu {
    display: flex !important;
    position: inherit !important;
}
.item-submenu {
    opacity: 1;
    transition: .4s all !important;
}

.item-submenu .mega-sub-menu {
    margin-top: 3rem;
    flex-direction: column;
    text-align: center;
}

.item-submenu .mega-sub-menu .mega-block-title {
    text-align: center !important;
}

.item-submenu a {
    margin: auto;
}

.mega-menu-item .mega-sub-menu {
    padding-top: 1rem !important;
    margin-top: .5rem;
}*/

.menu-scrolled, .menu-not-home {
    background: #fff !important;
    box-shadow: 0px 0px 30px -24px black;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.menu-not-home {
    position: relative !important;
}

.menu-scrolled .custom-logo, .menu-scrolled .custom-logo img {
    width: 160px;
}

.menu-scrolled #logo-blanco {
    display: none !important;
}

.menu-scrolled #logo-color {
    display: block !important;
}

.menu-scrolled a {
    color: #13294B !important;
    font-weight: 500 !important;
}

.menu-not-home .custom-logo, .menu-not-home .custom-logo img {
    width: 160px;
}

.menu-not-home #logo-blanco {
    display: none !important;
}

.menu-not-home #logo-color {
    display: block !important;
}

.menu-not-home a {
    color: #13294B !important;
    font-weight: 500 !important;
}

.menu-hover {
    background: #fff !important;
}

.menu-hover #logo-blanco {
    display: none !important;
}

.menu-hover #logo-color {
    display: block !important;
}

.menu-hover a {
    color: #13294B !important;
}

.opacity-50 {
    opacity: .5 !important;
}


.wpsl-store-details, .wpsl-directions {
    background: #1C2848;
    color: white !important;
    font-size: .8rem !important;
    border-radius: .3rem;
    text-align: center;
    padding: .2rem .4rem .2rem .4rem;
    transition: .2s all;
}

.wpsl-directions {
    background: #5C9DE1 !important;
}

.wpsl-store-details:hover, .wpsl-directions:hover {
    background: #2d3e6e;
}

.wpsl-store-details::before {
    color: white !important;
    border-top-color: #fff !important;
    border-bottom-color: #ececec !important;
    right: .2rem !important;
}

#wpsl-stores li {
    transition: .2s all;
}

#wpsl-stores li:hover {
    background: #ECECECFF !important;
}

.wpsl-search {
    font-weight: bolder;
    background: #1C2848;
    color: white;
    border-radius: 0.3rem;
}

table {
    margin: 0 !important;
}

.odd {
    background: #F0F0F0;
    font-family: "Maven Pro", sans-serif;
}

.pair {
    font-family: "Maven Pro", sans-serif;
}

.odd th, .pair th {
    padding-top: .1rem;
    padding-bottom: .1rem;
    font-size: 1rem;
    padding-left: .5rem;
    font-weight: 500;
}

.odd th:first-child, .pair th:first-child {
    font-weight: 700 !important;
}

.gallery-car-detail picture img {
    max-height: 249px;
    object-fit: cover;
    object-position: center;
}


/*
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu{
    visibility: visible!important;
    opacity: 1!important;
}*/

.features-slider figure picture img{
grayscale(0.6);
}

/*.elementor-tab-title{
	background:#1C2848;
}
 .elementor-tab-title a, .elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{
	color:#fff!important;
} */

.picker-container{
    display:flex;
    align-items:center;
    justify-content:center;
}
.picker-container .color-container{
    position:relative;
}
.picker-container .color-container .btn-color{
    border-radius:50%;
    margin-left:.5rem;
    margin-right:.5rem;
    cursor:pointer;
}
.picker-container .color-container .label-color{
    display:none;
    position:absolute;
    color:white;
    font-size:.9rem;
    padding-left:.5rem;
    padding-right:.5rem;
    border-radius:.5rem;
    top:120%;
    margin:auto;
    left:-85%;
    min-width:120px;
    text-align:center;
    background:#334155;
}
.picker-container .color-container:hover .label-color{
    display:block;
}
.wpsl-direction-wrap{
    display:none!important;
}
.nf-response-msg{
	background:green;
	color:white;
	padding:.5rem;
	margin:1rem 0;
}

.formulario-garantia label{
	display:block;
	margin-top:1rem;
	font-weight:bold;
	font-size:1.1rem;
}
.formulario-garantia span{
	font-weight:normal;
	font-size:1rem;
}
.formulario-garantia input[type="text"],.formulario-garantia input[type="date"], .formulario-garantia textarea{
	width:100%!important;
	padding:.5rem;
	margin-top:.3rem;
}
.formulario-garantia input[type="submit"]{
	display:block;
	width:200px!important;
	text-align:center;
	margin-top:1rem;
	background:#1C2848;
	color:white;
	padding:1rem;
	font-size:1.1rem;
	font-weight:bold;
}
.wpcf7 form .wpcf7-response-output{
	margin-top:0!important;
}

.post-password-form{
	width: 100%;
    height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}