/*
Theme Name: Twenty Twenty Child
Template: twentytwenty
Version: 1.0.0
Text Domain: twenty-twenty-child
*/

#wpadminbar ul, #wpadminbar li, #wpadminbar a{
    color: rgba(255, 255, 255, 0.6) !important;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

/*---||--TIPOGRAFÍA--||-----*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: 'Montserrat', sans-serif !important;
}

h3, h4, h5, h6{
    letter-spacing: 0;
}

p, a, span, ul, li{
    font-family: 'Nunito', sans-serif !important;
}

p{
    font-size: 16px !important;
}



h1.entry-title, h1{
    max-width: 800px;
    margin: 60px auto 0;
    font-size: 36px !important;
    text-align: center;
    color: #255dc4;
}

h2{
    font-size: 22px !important;
    color: #454848 !important;
}

/*---||--COLOR--||-----*/
/*Override accent color*/
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover, .color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a{
    color: #255dc4 !important;
}

body:not(.overlay-header) .primary-menu > li > a{
    font-weight: 600 !important;
    color: #454848 !important;
    text-decoration: none !important;
}


body:not(.overlay-header) .primary-menu > li > a:hover{
    text-decoration: none;
    color: #255dc4 !important;
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
    background-color: #255dc4 !important;
}

p, li{
    color: #454848 !important;
}


/*---||--COMPONENTES--||-----*/



.toggle, .close-nav-toggle{
    background-color: transparent !important;
}

/*Main container*/
#main, .archive #site-content{
    max-width: 1280px !important;
    margin: auto !important;
    padding: 0 20px !important;
}

.aero-card{
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}   

.button{
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
	letter-spacing: 0.5px;
    width: 100% !important;
    border-radius: 100px !important;
    text-transform: capitalize !important;
    color: #fff !important;
    background-color: #255dc4 !important;
}

.button:hover{
    background: #0A42A8 !important;
    text-decoration: none !important;
}

.button:visited, .btn-2:visited{
    text-decoration: none;
}

.btn-2{
    padding: 10px 15px 11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold !important;
	letter-spacing: 0.5px;
    text-decoration: none;
    color: #255dc4 !important;
    border: 2px solid #255dc4;
    border-radius: 100px;    
}

.btn-2:hover{
    background: #255dc4;
    color: #fff !important;
}


.ver-mas-cta{
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: center;
}

select{
	padding: 13px 12px 14px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

input[type=submit]{
	font-family: 'Nunito', sans-serif;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 13px 25px 14px;
	text-decoration: none !important;
}




input[type=submit], input[type=submit]:hover, input[type=submit]:visited, .btn-2:hover, .btn-2:visited, .button, .button:visited{
	text-decoration: none !important;
} 

section > h2, .charlas-grabadas-home h2{
    margin-top: 0 !important;
    text-align: center !important;
}

.empty-state{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;    
    text-align: center;
}


/*Site header*/
#site-header{
    height: 85px !important;
}

#site-header > div{
    height: 100%;
    padding: 0 !important;
	max-width: 1280px;
}

.custom-logo{
    max-width: 760px !important;
    height: auto !important;
}

ul.primary-menu{
    font-size: 16px !important;
}



/*----------------*/



/*Encabezado home*/
.header-background{
    width: 100%;
    height: 350px;
    position: relative;
    text-align: center;
    background: url('https://somosaero.ar/charlas/wp-content/uploads/2020/12/mate-en-mano-y-computadora-de-fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.titulo-home{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.titulo-home h1{
    position: relative;
    top: 70px;
    color: #fff !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.encabezado-inner{
    position: relative;
    top: 180px;
    margin: auto;
    max-width: 760px;
    padding: 30px 25px;
}

.temario{
    max-width: 550px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
}

.temario-icon img{
    max-width: 50px;
}

.temario-lista ul{
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none !important;
}

.temario-lista ul li{
    font-size: 15px !important;
    font-weight: bold !important;
    color: #07203D !important;
}

/*--------------*/

.charla-item{
    border-radius: 3px;
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);

}

.proximas-charlas{
    margin-top: 100px !important;
    padding-bottom: 0 !important;   
}

.charlas-futuras-wrapper{
    max-width: 760px;
    margin: auto;
}

.charlas-futuras-wrapper .charla-item{
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.charlas-futuras-wrapper .charla-item h3{
    margin-top: 0 !important;
    margin-bottom: 8px;
    color: #255dc4 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.charlas-futuras-wrapper .charla-item p{
    margin-bottom: 0 !important;
}

.charlas-futuras-wrapper .charla-logo{
    max-width: 160px;
    padding: 25px 0 25px 25px;
    display: flex;
    align-items: center;

}

.charlas-futuras-wrapper .charla-logo img{
    max-width: 110px !important;
    max-height: 110px !important;
}

.charlas-futuras-wrapper .charla-tema{
    padding: 25px 25px 25px 30px;
}

.charlas-futuras-wrapper .charla-last{
    padding: 25px;
    border-left: 1px solid #E5E5E5;
    min-width: 225px;
    max-width: 225px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.charlas-futuras-wrapper .charla-fecha{
    font-weight: bold;
    margin-bottom: 15px;
}

.charlas-grabadas-home{
	margin: 60px 0 0 0;
	padding: 35px 15px;
	background: #e6e6e6;
	
}

.charlas-grabadas-home > div{
	max-width: 1280px;
	margin: auto;
}

.charlas-grabadas-home .ver-mas-cta{
	margin-top: 15px;
}


.charlas-grabadas-wrapper{
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.charlas-grabadas-wrapper .charla-item{
    width: 31%;
    margin: 0 8px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.charlas-grabadas-wrapper .charla-item .charla-item-inner{
    padding: 20px 20px 20px;
    display: flex;
}

.charlas-grabadas-wrapper .charla-item .charla-item-inner .charla-logo{
    max-width: 85px;
    display: flex;
    align-items: center;
}

.charlas-grabadas-wrapper .charla-item .charla-info{
    padding-left: 20px;
}

.charlas-grabadas-wrapper .charla-item .charla-info h3{
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
    color: #454848 !important;
}

.charlas-grabadas-wrapper .charla-item .charla-info p{
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.descarga{
    display: block;
    margin-top: 5px;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.descarga:hover{
    color: #0A42A8 !important;
    text-decoration: underline !important;
}

.charlas-grabadas-wrapper .charla-item .charla-info .charla-fecha p{
    margin-bottom: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.play-btn{
    display: block;
    text-align: center;
    border-top: 1px solid #E5E5E5;
}

.play-btn a{
    display: block;
    padding: 14px 15px 16px;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: #454848 !important;
    
}

.play-btn a:hover{
    color: #255dc4 !important;
    background: #f3f3f3 !important;
}

/*ARCHIVO CHARLAS GRABADAS*/

.archive-wrapper{
    display: flex;
    max-width: 1280px !important;
margin: 0 auto 100px;
}

.archive-wrapper .charlas-grabadas-wrapper{
    margin-left: 15px;
    justify-content: space-between;
    align-content: flex-start;
}   

.archive-wrapper .charlas-grabadas-wrapper .charla-item{
    width: 48% !important;
    min-width: 300px !important;    
}

.archive-wrapper .sidebar{
    position: relative;
    padding: 20px;
    min-width: 250px;
    background: #fff !important;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.searchandfilter ul, .searchandfilter li{
    margin: 0 !important;
    padding: 0 !important;
}

.searchandfilter li{
    display: block !important;
}

.sidebar li:first-child h4{
    margin-top: 0 !important;
}

.searchandfilter input[type="submit"]{
    font-size: 15px !important;
    width: 100%;
    margin-top: 15px;
}

.searchandfilter input[type="submit"]:hover{
    
    background-color: #0A42A8 !important;
}

.limpiar-filtros{
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
}

.limpiar-filtros:hover{
    color: #0A42A8 !important;
}

.search #site-content, .category #site-content{
    margin-bottom: 100px !important;
}

.blog #site-content{
    margin-top: 80px !important;
    overflow: initial;
}

/*************************************/

.charlas-partners-wrapper{
    display: flex;
    justify-content: center;
}

.charlas-partners-wrapper .charla-item{
    position: relative;
    width: 24%;
    margin: 0 8px;
}

.charlas-partners-wrapper .charla-item a{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none !important;

}

.charlas-partners-wrapper .charla-item .royal{
    padding: 10px 12px;
    width: 100%;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 13px;
    background-color: #003871;
    border-radius: 3px 3px 0 0;
}

.charlas-partners-wrapper .charla-item h3{
    margin: 12px 0 8px !important;
    padding: 0 14px;
    font-size: 16px !important;
    color: #454848 !important;
}

.charlas-partners-wrapper .charla-item p{
    margin-bottom: 12px;
    padding-left: 14px;
}

.charlas-partners-wrapper .charla-item .fa-external-link{
    position: absolute;
    bottom: 12px;
    right: 12px;
    visibility: hidden;
}

.charlas-partners-wrapper .charla-item a:hover{
    background-color: #f3f3f3;
}


.charlas-partners-wrapper .charla-item a:hover .fa-external-link{
    visibility: visible;
}

.charlas-partners-wrapper .charla-item a:hover h3{
    color: #255dc4 !important;
}


/*********************/

.archive-header{
    padding-top: 0 !important;
    padding-bottom: 30px;
    background-color: transparent !important;
}

.archive-header .entry-title{
    margin-top: 30px !important;
    font-size: 28px !important;
}

.pagination-wrapper {
    margin-top: 30px;
    margin-bottom: 60px;
}

.pagination-wrapper .styled-separator{
    display: none !important;
}

#site-footer{
    padding: 30px 0 !important;
}

#site-footer .section-inner{
    display: flex !important;
    justify-content: center !important;
}

footer .footer-credits{
    display: flex;
    flex-direction: column;
}

footer .footer-credits a{
    display: flex;
    align-items: flex-end;
    margin-bottom: 0 !important;
    line-height: 0.8 !important;
}

footer .footer-credits img{
    margin-left: 10px !important;
    max-width: 50px;
}

footer .redes-sociales{
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0 !important;
    list-style-type: none !important;
}

.redes-sociales li{
    margin: 0 10px !important;
    font-size: 22px;
}

.redes-sociales li a:hover{
    text-decoration: none !important;
    color: #0A42A8;
}




/**--------------||RESPONSIVE||-------------------------**/

@media (max-width: 1100px){
    .archive-wrapper .charlas-grabadas-wrapper .charla-item{
        width: 100% !important;
    }
}

@media (max-width: 1000px){

    .encabezado-inner{
        max-width: 100%;
        margin: 0 15px 0;
    }

    .proximas-charlas{
        margin-top: 140px !important;
    }

    .charlas-grabadas-wrapper .charla-item .charla-item-inner{
        flex-direction: column;
    }

    .charlas-grabadas-wrapper .charla-item .charla-info{
        margin-top: 15px;
        padding-left: 0;
    }

    .charlas-grabadas-wrapper .charla-item .charla-info h3{
        padding-right: 12px;
    }

}

@media (max-width: 750px){
    .charlas-grabadas-wrapper{
        justify-content: flex-start;
    }

    .charlas-grabadas-wrapper .charla-item{
        width: 47%;
    }

}

@media (max-width: 640px){

    .titulo-home h1{
        font-size: 28px !important;
    }

    .charlas-futuras-wrapper .charla-item{
        flex-direction: column;
    }

    .proximas-charlas{
        margin-top: 200px !important;
    }

    .charlas-futuras-wrapper .charla-logo{
        max-width: 100%;
        padding: 25px 0 0 0;
        justify-content: center;
    }

    .charlas-futuras-wrapper .charla-last{
        min-width: 100%;
        max-width: 100%;
        border-left: none;
        border-top: 1px solid #e5e5e5;
    }

}

@media (max-width: 592px){

    #site-header .header-inner{
        display: flex;
    }

    
    .proximas-charlas{
        margin-top: 250px !important;
    }

    .charlas-grabadas-wrapper .charla-item{
        width: 100%;
    }

    .archive-wrapper .sidebar{
        position: relative;
        width: 100%;
        margin-bottom: 30px !important;
    }

    .archive-wrapper .charlas-grabadas-wrapper{
        margin: 0 !important;
        width: 100%;
    }

    .searchandfilter ul, .searchandfilter li{
        width: 100%;
    }

    .searchandfilter > li:nth-child(2){
        display: none !important;
    }

    .archive-wrapper{
        flex-direction: column;
    }

}

@media (max-width: 472px){


    .proximas-charlas{
        margin-top: 300px !important;
    }

    .temario-icon{
        margin-right: 10px;
    }

    .temario-lista ul{
        flex-direction: column;
        align-items: flex-start;
    }

}