/*



Theme name: AdOne Noticias

Version: 1.0

Description: Plantilla Wordpress de WAU

Author: Ricardo Barona

Author URI: https://adone.com.co

License: GNU.





*/

.bannerprincipal h2{
    font-weight: 700 !important;
}

.customize-support>.slider>.slider-widget>.bannerprincipal {
    min-height: 443px !important;
}

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

body{

    margin: 0px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-optical-sizing: auto;

}
main {
    /* padding: 20px; */
    /* width: min(1100px,100%); */
    margin: auto;
}

main .bloquecompleto {
        padding: 50px 35px 0;
    width: min(1130px, 100%);
    margin: 35px auto;
}

main .bloqueconmenosancho{
    width: min(770px,100%) !important;
    margin: 60PX auto !important;
    /* padding: 40px 0; */
}

.wp-block-cb-carousel-v2{
    padding: 20px 0;
}

.bloquede3logos{
    width: min(1100px,100%) !important;
    margin: auto;
}

.bloquecompleto .bloquedelogos {
    margin: 70px 0 35px 0;
    padding: 0 0 30px 0;
}

.bloquedelogos a{
    transform: scale(1);
    transition: transform .3s ease-in-out;
}

.bloquedelogos a:hover{
    transform: scale(0.8);
    transition: transform .3s ease-in-out;
}



.bannerini{

    background-image: linear-gradient(rgb(0 0 0 / 25%), rgb(0 0 0 / 25%)), url(../img/bannerinicio.png);

    padding: 185px 0;

    background-position: center;

}

.botonbannerrojo{
    background-color: #c0422e;
    padding: 10px 30px;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
}

.botonbannerrojo a{
    color: white;
}

.botonbannerrojo:hover{
    filter: brightness(120%);
}

.botonbannerrojo:hover a{
    color: white;
}



.header{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-around;
    border-bottom: 2px solid #c0422e;
    position: sticky;
    z-index: 300;
    background-color: white;
    padding: 0px 70px;
    align-content: center;

}

/* .header div:last-child{
    padding: 10px 0;
} */



.header img{

    width: 103px;

    padding: 10px 0px;

}

figure {
    margin: 0;
}

.redessocialesheader {
    display: flex;
    align-items: center;
    gap: 5px;
}

.redessocialesheader img{
    width: 20px;
    border-radius: 30px;
    border: 1px solid #C0422E;
    padding: 7px;
    box-sizing: unset;
    vertical-align: baseline;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}

.redessocialesheader img:hover{
    transform: scale(0.8);
    transition: transform .3s ease-in-out;
    filter: grayscale(100%);
}



.header>div>img:last-child{

    width: 17px;

    border-radius: 30px;

    border: 1px solid #000;

    padding: 4px 3px;

    box-sizing: unset;

    vertical-align: baseline;

}

a:hover{
    color: #505160;
    text-decoration: none;
}

.footer2-2 .footer-rs-widget .wp-block-image img:first-child{

    width: 40px;

    border-radius: 30px;

    border: 1px solid #ffffff;

    padding: 5px 5px;

    transition-duration: .5s;

}



.footer2-2 .footer-rs-widget .wp-block-image img:first-child:hover{

    background-color:#9fe4ff30 ;

    transform: scale(0.9);

}



.footer2-2 .footer-rs-widget .wp-block-image img:last-child{

    width: 40px;

    border-radius: 30px;

    border: 1px solid #ffffff;

    padding: 5px 5px;

    transition-duration: .5s;

}



.footer2-2 .footer-rs-widget .wp-block-image img:last-child:hover{

    background-color: #9fe4ff00;

    transform: scale(0.9);

}


footer>div:last-child{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    color: white;
}





nav .container-menu ul.menu-principal{
    display: flex;
    margin-bottom: 0;
}



li{

    list-style: none;

}



nav>div>ul>li>a{
    padding: 5px 20px;
    color: #c0422e;
    text-transform: uppercase;
    fill: #c0422e;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

nav>div>ul>li>ul>li>a{
    padding: 13px 50px;
    color: #c0422e;
    text-transform: uppercase;
    fill: #c0422e;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

nav>div>ul>li>a>ul>li{
    padding: 20px;

}

nav a a{
    padding: 0px;

}

.hamburguerMenu{
    display: none;
}



nav>ul>li>ul>li>a{

    padding: 20px 50px;

    color: #505160;

}



nav ul li ul li{

    list-style: none;

    display: flex;
    /* padding: 13px 50px; */
}

nav ul li ul li:hover{
    background-color: #C0422E;

}

nav ul li ul li:hover a{
    color: white;
}



nav ul li:hover ul {

    display: block;

    padding: 0px;

}



ul.sub-menu {

    position: absolute;

    min-width: 140px;

    background-color: #ffffff;

    z-index: 100;

    font-size: 22px;

    display: none;

}  

li:hover>ul.children{
    display: block;
    padding: 0px;
}

li>ul.children{
    display: none;
}





.wp-block-cover>.wp-block-cover__inner-container{

    display: flex;

    flex-direction: column;

    align-items: center;

    color: white;

    width: min(930px, 100%);

    margin: auto;

}



.slider>.slider-widget>.wp-block-cover>.wp-block-cover__inner-container>h2{
    margin: 5px 0;
    text-align: center;
    font-size: 24px; 
    font-weight: 600;

}






.p-n2a4564>a{

    background-color: #aebd38 !important;

    margin: 8px 0;

    padding: 13px 25px;

    border-radius: 5px;

    text-decoration: none;

    color: white;

}



.p-n2a4564>a:hover{

    background-color: #505160 !important;

}



.p-xiv5680>a{

    background-color: #9e6951 !important;

    margin: 8px 0;

    padding: 13px 25px;

    border-radius: 5px;

    text-decoration: none;

    color: white;

}



.p-xiv5680>a:hover{

    background-color: #68829e !important;

}



footer{

    background-color: #C0422E;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 100px 120px;
    gap: 200px;


}



footer>img{

    width: 250px;

}



footer>div{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-content: flex-start;

    color: white;

}



body footer .menu-footer  li a{

    color: white;

    text-decoration: none;

    font-weight: 600;
    transform: scale(1);
    transition: transform .3s ease-in-out;
    font-size: 17px;

}

body footer .menu-footer  li a:hover{
    color: white;
    transform: scale(0.8);
    transition: transform .3s ease-in-out;
}

.h2demenufooter{
    font-weight: 700;
    font-size: 22px;
    color: white;
}

.mensajedigitalfuture{
    background-color: #000;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

.mensajedigitalfuture p{
    margin: 0px;
}



.footer2-1>a{

    display: flex;

    color: white;

    text-decoration: none;

}



.footer2-1>a>p{

    margin: 0 0 5px 0;

    font-weight: 500;

}



.footer2-2 a{
    display: flex;
    color: white;
    text-decoration: none;
    background-color: #fff;
    /* padding: 7px; */
    border-radius: 50px;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}

.footer2-2 a:hover{
    background-color: #C0422E;
    /* border: 1px solid #ffffff; */
    transform: scale(0.8);
    transition: transform .3s ease-in-out;

}

.footer2-2 a img{
    width: 31px;
}

.footer2-2 a:hover img{
    filter: brightness(378%);
}



.footer2-2 .wp-block-group__inner-container{

    padding: 50px 0 0 0;
    display: flex;
    align-items: center;
    gap: 10px;

}



footer>div>h1{

    font-size: 20px;
    font-weight: 600;

}



.footer1{

    width: 500px;

}

.customize-support>.slider>.slider-widget>.wp-block-cover {
    min-height: 630px;
}

.customize-support>.slider>.slider-widget>.wp-block-cover>.wp-block-cover__background {
    background-color: #0000009c !important;
}

.Parrafosprincipales>.wp-block-group__inner-container>p{
    width: min(1140px, 100%);
    margin: 25px auto;
    font-size: 15px;
    font-weight: 500;
    color: #505160;
    text-align: justify;
}

.Parrafosprincipales>.wp-block-group__inner-container>.p-t827185>div>h2 mark{
    color: #AEBD38 !important;
    background-color: #ffffff00;
    font-size: 25px;
    font-weight: 600;
}

.titulosverdes>h2{
    color: #AEBD38 !important;
    background-color: #ffffff00;
    font-size: 25px;
    font-weight: 600;
}

.Parrafosprincipales>.wp-block-group__inner-container>.wp-block-group>.wp-block-group__inner-container>p {
    width:  min(1140px, 100%);  
    margin: 25px auto;
    font-size: 15px;
    font-weight: 500;
    color: #505160;
    text-align: justify;
}

.Parrafosprincipales{
    margin: 50px 0;
}

main>div>.wp-block-group>.wp-block-columns{
    margin: auto;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 60px;
}

main>div>.a775576>#a775576>.pagelayer-heading-holder>h2{
    background-color: #ffffff00;
    font-size: 25px;
    font-weight: 600;
    margin: 30px 0;
}

.wp-block-group>.wp-block-group__inner-container>.wp-block-columns{
   
}

.titulosgrises .pagelayer-heading-holder>h2{
    margin: 75px auto 25px;
    font-size: 35px;
    font-weight: 600;
    color: #505160;
    text-align: center;
}

.wp-block-group>.wp-block-group__inner-container>.wp-block-columns{
    width: min(900px, 100%);
    margin: auto;
    justify-content: center;
}
.wp-block-group{
    margin: 35px 0;
}

.p-lmo3266 .pagelayer-image-slider-ul {
    margin: auto;
}

.wp-block-group__inner-container>#bdy1338>.pagelayer-heading-holder>h2{
    margin: 25px auto;
    font-size: 25px;
    font-weight: 600;
    color: #505160;
    text-align: center;
}
.pagelayer-heading-holder h2{
    font-size: 20px;
    font-weight: 700;
}

.p-aZwONph14RxZAtMd > .pagelayer-background-overlay {
    background-color: #090909 !important;
    opacity: 0.5 !important;
}

/* CSS BLog INICIO*/
.wp-block-group.entradaBlogLista {
    padding: 20px;
    width: min(1800px, 100%);
    margin: auto;
    border-bottom: 1px solid #ccc;
}
.entradaBlogLista p {
    font-size: 14px;
    font-weight: 200;
    margin: 3px 0px;
}
.entradaBlogLista p:nth-child(1) a {
    color: #9e6951;
    font-weight: 400;
    font-size: 14px;
}
.entradaBlogLista ul {
    padding: 0;
    font-size: 13px;
    color: #7a7a7a;
}
.entradaBlogLista h1 {
    color: #505160;
    font-size: 20px;
}
.entradaBlogLista .wp-block-buttons {
    color: #9e6951;
    flex-direction: row-reverse;
}
.entradaBlogLista .wp-block-buttons a {
    background-color: #ffffff;
    padding: 0;
    color: #9e6951;
}

ul.menu-footer {
    padding: 0;
}
ul.menu-footer li {
    
}
ul.menu-footer li a{
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 0;
    padding: 0;
}
ul.menu-footer li ul{
    
}



/* CSS BLog FIN*/

main div .bloquesdelogos{
    width: 1200px;
    margin: 25px auto;
}

.wp-block-group>.wp-block-group__inner-container>.wp-block-columns {
    /* width: 1200px; */
    margin: 25px auto;
}

.bannerediciones .wp-block-cover__background{
    background-color: #0000009c !important;
}

/* INICIO LISTADO DE BLOGS*/
.mainlistadeblogs{
    display: flex;
    gap: 40px;
    width: min(1150px, 100%);
    margin: auto;
    font-family: "Montserrat";
    color: #676767;

}
.buscaryfiltrar{
    width: 270px;
}
.buscaryfiltrar h2{
    background-color: #C0422E;
    color: white;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 20px;
}

.buscaryfiltrar ul{
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.buscaryfiltrar ul li ul li{
    padding: 0px;
}

.buscaryfiltrar ul li ul li label{
    border-radius: 50%;
}

.searchandfilter h4 {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
}
.searchandfilter li{
    padding: 10px 0;
}

li:last-child input:last-child{
    background-color: #C0422E;
    color: white;
    padding: 5px 35px;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 17px;
    border: none;
    border-radius: 3px;
}

.videos_destacados{
    margin: 75px auto 40px;
    border-bottom: 2px solid #C0422E;
    width: min(1150px, 100%);
}

.videos_destacados h2{
    font-size: 16px;
    text-align: center;
    color: #676767;
}




/* FIN LISTADO DE BLOGS*/

/* .elementor-2 .elementor-element.elementor-element-da6ded3>.elementor-widget-container {
    margin: 0  !important;
} */
/* 
.wp-block-group {
    margin: 60px 0 !important;
} */

.listadodelcomite p{
    margin-bottom: 5px;
}

.titulosvideos{
    width: 250px;
    line-height: 0.6;
    text-align: center;
}

.titulosvideos a{
    font-size: 16px;
    text-align: center;
    color: #676767;
}

.listadodeblogs{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    align-content: flex-start;
}

.listadodeblogs img{
    width: 250px;
    height: auto;
}

.ventanaroja{
    width: min(320px, 100%);
    display: flex;
    background-color: #c0422e;
    margin: auto;
    font-weight: 500;
    color: white;
    font-family: "Montserrat";
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 200;
    left: 0px;
    right: 0px;
}

.ventanaroja h2{
    font-size: 15px;
    margin: 0px;
}

main div .calendario {
    width: min(1140px, 100%);
    margin: 25px auto;
}

.calendario {
    border-bottom: 2px dotted #505160;
    padding: 0 0 20px 0;
}

.h3grandecalendar {
    color: #68829e;
    font-size: 15px;
}

.bloquedefechascalendar .wp-block-group__inner-container h2 {
    color: #7a7a7a;
    font-size: 15px;
}

.calendario div .h3grandecalendar {
    color: #7a7a7a;
    font-size: 15px;
    /* padding: 50px 0 0 0; */
    font-weight: 700;
}

.iconytext div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.caledarh3 {
    color: #7a7a7a;
    font-size: 15px;
}

.iconytext {
    margin: 0px;
}

.iconytext div p, .iconytext div figure {
    margin: 0px;
    color: #707478;
}

.caledarh1 {
    color: #7a7a7a;
    font-size: 20px;
    font-weight: 700;
}

.caledarh2 {
    color: #000000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.botonrojo a{
    background-color: #C0422E;
    color: white;
    padding: 5px 25px;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 15px;
    border: none;
    border-radius: 3px;
}

.calendario .wp-block-group div p a{
    color: #54595f;
    text-decoration: underline;
}

.calendario div details{
    color: #7a7a7a;
    font-size: 15px;
}

.wp-block-group {
margin: 10px 0;
}

.dosbloques div .iconytext:first-child{
    border-right: 2px solid #0000007a;
    padding: 0 10px 0 0;
}

.dosbloques div {
    display: flex;
    gap: 10px;
}

.calendario div p{
    color: #707478;
}

.calendario div .dosbotones div .botonrojo a{
    color: white;
    text-decoration: none;
    font-weight: 400;
}

.dosbotones div{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.infodevideo {
    width: min(770px, 100%);
    margin: 35px auto;
    padding: 30px 0 0 0;
}

.infodevideo iframe {
    width: min(770px, 100%);
    aspect-ratio: 16 / 9;
    height: 100%;
}

.infodevideo h2{
    font-size: 22px;
    font-weight: 700;
}

.infodevideo p{
    font-size: 15px;
    line-height: 1.3;
}

main div .infodevideo p a{
    background-color: #C0422E;
    color: white;
    padding: 5px 35px;
    text-align: center;
    font-weight: 500;
    font-family: "Montserrat";
    font-size: 17px;
    border: none;
    border-radius: 3px;
    text-decoration: none;
}

.videosrelacionados ul li a {
    font-size: 14px;
    text-align: center;
    color: #676767;
}

.infodevideo div .videosrelacionados{
    margin: 35px 0;
}

@media screen and (max-width: 1200px) {
    footer {
        gap: 100px;
    }
    /* main {
        padding: 50px;
    } */
}

@media screen and (max-width: 1140px) {
    main .bloquecompleto {
        padding: 50px 70px 0;
    }
}

@media screen and (max-width: 1000px) {
    footer {
        gap: 55px;
        padding: 100px 30px;
    }
    .hamburguerMenu {
        background-image: url(https://arbitrationweekdc.com/wp-content/uploads/2025/07/hamburguer.png);
        background-repeat: no-repeat;
        height: 22px;
        width: 25px;
        position: relative;
        bottom: 25px;
        cursor: pointer;
        display: block;
    }
    .nav{
        position: absolute;
        top: 95px;
        background-color: white;
        width: 100%;
        text-align: center;
    }

    .nav .container-menu ul.menu-principal {
        display: flex;
        margin-bottom: 0;
        flex-direction: column;
        padding: 0px;
    }

    .dosbotones div {
        gap: 20px;
        flex-wrap: wrap;
    }

    .nav .container-menu ul.menu-principal li {
        border-bottom: 1px solid #0000007a;
    }

    .header .nav .container-menu {
        padding: 0px;
        width: 100%;
    }

    .nav>div>ul>li>a{
        display: block;
        padding: 10px 0;
    }

    .nav>div>ul>li>a:hover{
        background-color: #c0422e;
        color: white;
    }

    ul.sub-menu{
        display: block;
        padding: 0px;
        width: 100%;
    }

    .nav ul li ul li {
        justify-content: center;
    } 
    
    .mainlistadeblogs {
        gap: 50px;
    }

    .videos_destacados .wp-container-core-columns-is-layout-9d6595d7>div:first-child{
        display: none;
    }

    .videos_destacados .wp-container-core-columns-is-layout-9d6595d7>div:last-child{
        display: none;
    }


}

@media screen and (max-width: 770px) {
    footer {
        align-items: center;
        flex-direction: column;
    }
    footer nav{
        text-align: center;
    }
    footer div{
        text-align: center;
    }
    footer>div:last-child {
        align-items: center;
    }
    .footer2-2 .wp-block-group__inner-container {
        justify-content: center;
    }
    .dosbotones div {
        gap: 0px;
        flex-direction: column;
    }
    main .bloquecompleto {
        padding: 50px 60px 0;
    }
}

@media screen and (max-width: 650px) {
    .mainlistadeblogs {
        flex-direction: column;
    }
    .listadodeblogs {
        gap: 30px;
    }
    .buscaryfiltrar {
        width: auto;
    }
    .listadodeblogs img {
        width: 230px;
        height: auto;
    }
    .titulosvideos{
        line-height: 0.5;
    }


}

@media screen and (max-width: 500px) {
    footer {
        gap: 55px;
        padding: 100px 30px;
    }
    .bannerprincipal h2 {
        font-size: 20px !important;
    }
    /* main {
        padding: 15px;
    } */
    .listadodelcomite p{
        font-size: 15px !important;
    }
    .header{
        padding: 10px 10px;
        gap: 10px;
    }
    main .bloquecompleto {
        padding: 50px 35px 0;
    }
    footer>img {
        width: 180px;
    }
}

@media screen and (max-width: 400px) {
    .botonrojo a {
        padding: 5px 10px;
        font-size: 13px;
    }
}