/*
    Theme Name: theme_max
    Theme URI:
    Description: Tema para la web de Max Ludwig Planck
    Author: INVITRO
    Version: 1.0
    License: GNU General Public License v2 or Later
    Tags: Wordpress - Max Ludwig Planck
*/

*{margin: 0;padding: 0;box-sizing: border-box;}

header nav picture img{
    object-fit: contain;
    object-position: left;
}


.photos .splide{display: none;}
@media (max-width: 700px){
    .photos .images{
        display: none !important;
    }
    .photos .splide{
        display: block;
        width: 94%;
        margin-inline: auto;
        border-radius: 10px;
        overflow: hidden;
        max-width: 400px;
    }
}

.visitanos-section form .flex.date p > label{
    width: 58%;
    margin: 0;
    position: relative;
}
.visitanos-section form .flex.date p > label > span:not([class]){
    position: absolute;
    left: 18px;
    top: 50%;
    color: #53699B !important;
    font-family: 'GorditaRegular';
    transform: translateY(-50%);
    display: none;
}
@media (max-width: 768px){
    .visitanos-section form .flex.date p > label{
        width: 100% !important;
    }
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .visitanos-section form .flex.date p > label > span:not([class]){
        display: block;
    }
}

@media (max-width: 500px){
    header img{
        height: 40px !important;
    }
}

@media (max-width: 600px){
    header nav{
        padding-block: 10px !important;
    }
    header img {
        height: 56px !important;
    }
}

.card_nivel_icon{height: 80px;}

@media (max-width: 1024px){
    .hamburg {
        display: flex !important;
    }
    .pilares .start{
        gap: 40px;
    }
    .stair .step{
        width: min(100%, 250px);
        gap:0 !important;
    }
    .pilares .stair{
        gap: 50px 30px !important;
    }
    .our_convenios .item img {
        max-width: 150px !important;
    }
    .our_convenios .our_convenios_grid{
        gap: 30px;
    }
    .why_mlp h2{
        margin-bottom: 20px !important;
    }
    .experience__year-container{
        flex-direction: column;
        align-items: center !important;
    }
    header .navegacion{
        justify-content: flex-start !important;
    }
    .visitanos-section h3{
        margin-bottom: 18px !important;
    }
    p{
        line-height: 1.5 !important;
    }
    .valores .row {
        gap: 40px !important;
    }
    header img{
        height: 55px !important;
    }
    .card_valor picture img{
        height: 80px !important;
    }
    .card_valor picture{
        min-height: 110px !important;
    }
    .card_valor{
        width: min(100%, 250px) !important;
    }
    .valores .bg_icon.oleos{
        top: -36px !important;
    }
    .valores .bg_icon.birrete{
        top: 100% !important;
        transform: translateY(-100%) !important;
    }
    .contenido_escalonado.page_formation::before{
        max-height: 38% !important;
    }
    #banner{
        min-height: 400px !important;
    }
     header .navegacion_menu > ul > li > a {
        /*font-size:14px !important;*/
    }
    h1 {
        font-size: 2.85em !important;
    }
}

@media (max-width: 1200px){
     header .navegacion_menu > ul > li > a {
        font-size:14px !important;
    }
}

@media (min-width: 1024px){
    #banner{
        min-height: 550px !important;
        padding-top: 0 !important;
    }
    header .navegacion_menu > ul > li > a {
        min-width: initial !important;
    }
}

@media screen and (min-width: 1025px){
    .hamburg {
        display: none !important;
    }
}

#banner h1, main.home h1{
    margin-top: 6rem !important;
    margin-bottom: 0 !important;
}

@media (max-width: 1200px){
    .contacto .bg_icon{
        left: 3rem !important;
        top: 2rem !important;
    }
     header .navegacion_menu > ul{
        gap: 0 !important;  
    }
    .nivel_section {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: initial !important;
        padding-top: 6rem !important;
        padding-bottom: 8rem !important;
        clip-path: polygon(0 0, 100% 0%, 100% 94.4%, 0% 100%) !important;
    }
    .nivel_section > div{
        gap: 40px !important;
    }
}

.menu-item-44 > a::before{
    position: relative !important;
}
    margin-right: .4rem !important;
}