html, body {
    overflow-x: hidden;
}

body {
    Font-Family: 'Raleway', sans-serif;
    font-weight: 500;
}

.Lato-Bold {
    Font-Family: 'Raleway', sans-serif;
    font-weight: 800;
}

.Lato-Regular {
    Font-Family: 'Raleway', sans-serif;
}

.Lato-Black {
    Font-Family: 'Raleway', sans-serif;
    font-weight: 800;
}
.bold{
    font-weight:500;
}
.border-rounded{
    border-radius:2.75rem !important;
}
.border-rounded-horizontal {
    border-radius: 2.75rem !important;
}
a {
    text-decoration: none !important;
}

.container-img {
    border-radius: 30px; /* Ajusta el valor según tus preferencias para redondear los bordes */
    overflow: hidden; /* Esto asegura que la imagen no se desborde del contenedor */
}
    .container-img img {
        width: 100%; /* La imagen ocupa el 100% del ancho del contenedor */
        height: 100%; /* La imagen ocupa el 100% de la altura del contenedor */
        object-fit: cover; /* La imagen se estira para cubrir todo el espacio del contenedor */
    }

.container {
    font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Playfair Display', serif;
}

.text-date {
    font-size: 0.8rem;
}


.bg-transparent {
    background-color: rgba(0,0,0,0);
}

.bg-gray {
    background-color: #f2f2f2;
}

@media (max-width: 768px) {
    /*h4 {
        font-size: 1rem !important;
    }*/
    h1.title-responsive {
        font-size: 1.5rem; /* Cambia el valor según el tamaño de fuente que desees */
    }
    h3.subtitle-responsive {
        font-size: 1.25rem; /* Cambia el valor según el tamaño de fuente que desees */
    }
    p{
        font-size: .9375rem !important;
    }
    .card-body{
        min-height:5rem !important;
    }
}
.card-body {
    min-height: 11rem !important;
}
/*
.overlay_2 {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.overlay_2 {
    inset: 0;
}
.overlay-img {
    position: absolute;
    background: rgba(89, 128, 186, 0.2);
}*/

/*h4 {
    font-size: 1.2rem !important;
}*/
.bg-overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 100%;
}


.bg-primary-blue {
    background-color: #1B314B;
}

.bg-second-blue {
    background-color: #375B8D;
}

.bg-third-blue {
    background-color: #4373B5;
}

.bg-white-blue {
    background-color: #F2F7FF;
}

.bg-light-pink {
    background-color: #EDF0F4;
}

.color-primary-blue {
    color: #1B314B;
}

.color-second-blue {
    color: #375B8D !important;
}

.color-submenu-blue {
    color: #8298B8;
}
.color-third-blue {
    color: #4373B5;
}
.color-blue-emx {
    color:#5980BA !important;
}
.text-black-70 {
    color: rgba(0,0,0,0.7) !important;
}

.h-38-vw {
    height: 38vw !important;
}

.h-28-vw {
    height: 28vw !important;
}

.object-fit-cover {
    object-fit: cover;
}

object-fit-contain {
    object-fit: contain;
}

.max-width-500 {
    max-width: 500px !important;
}

.max-width-400 {
    max-width: 400px !important;
}

.max-width-150 {
    max-width: 150px !important;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-400 {
    min-height: 400px;
}

.w-30px {
    width: 30px !important;
}

.pl-6, .px-6 {
    padding-left: 6rem !important;
}

.pr-6, .px-6 {
    padding-right: 6rem !important;
}

.pl-8, .px-8 {
    padding-left: 8rem !important;
}

.pr-8, .px-8 {
    padding-right: 8rem !important;
}

.border-radius {
    border-radius: 100px;
}

.border-left-radius {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.border-right-radius {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.border-third-blue {
    border-color: #4373B5 !important;
}
.banner {
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin: 0 10px;
}

.overlay {
    position: absolute;
    top: 64%;
    z-index: 10;
    width: 100%;
    height: 55%;
    background: rgba(27,49,75,0.6);
    transform: skewY(-6deg);
    left: 0px;
}

.overlay-md {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 100%;
    height: 66%;
    background: rgba(27,49,75,0.6);
    transform: skewY(-6deg);
    left: 0px;
}

.overlay-text {
    position: absolute;
    /*bottom: 0;
    right: 20px;*/
    z-index: 11;
    font-weight: 300;
    font-size: 48px;
}

.carousel-caption {
    right: 40% !important;
    left: 0 !important;
    z-index: 12;
}

.object-position-top {
    object-position: top
}

.bg-white-opacity {
    background: rgba(255,255,255,0.6);
}

.line {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    border-bottom: 1px dashed #ddd;
}

.navbar {
    transition: all 0.3s;
    text-transform: uppercase;
}

.navbar-nav > .nav-item > .nav-link:hover{
    font-weight:900!important;
}
#logo, #logo2 {
    transition: all 0.3s;
}

.navbar.compressed {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    font-size: 0.8rem;
}


@media (min-width: 100px) {
    .navbar img {
        width: 200px;
    }

    .article-lg-header {
        font-size: 1rem;
    }

    .jumbotron-bg-image {
        min-height: 30vh;
    }
}

@media (min-width: 544px) {
    .navbar img {
        width: 220px;
    }

    .article-lg-header {
        font-size: 1rem;
    }

    .jumbotron-bg-image {
        min-height: 30vh;
    }
}
/*
@media (max-width: 992px) and (max-width:768px) {
    .cover-video {
        max-height: 90vh !important;
    }

    .cover-container-video {
        min-height: 90vh !important;
    }
}*/


@media (max-width:992px){
    .cover-video {
        max-height: 90vh !important;
    }

    .cover-container-video {
        min-height: 90vh !important;
    }
    .w-img {
        width: 50% !important;
    }
}
.w-img {
    width:25%;
}
@media (min-width: 768px) {
    .navbar img {
        width: 260px;
    }

    .article-lg-header {
        font-size: 1rem;
    }

    .jumbotron-bg-image {
        min-height: 40vh;
    }
}

@media (min-width: 992px) {
    .navbar img {
        width: 260px;
    }

    .article-lg-header {
        font-size: 2rem;
    }

    .jumbotron-bg-image {
        min-height: 50vh;
    }
}

@media (min-width: 1200px) {
    .navbar img {
        width: 350px;
    }

    .article-lg-header {
        font-size: 2rem;
    }

    .jumbotron-bg-image {
        min-height: 50vh;
    }
}

#logo.logo, #logo2.logo {
    width: 180px !important;
    /*width: 140px !important;*/
}



.btn-outline-primary {
    color: #145081 !important;
}

    .btn-outline-primary:hover {
        color: #FFFFFF !important;
    }



.font-family-primary {
    font-family: 'Lato', sans-serif !important;
}

.font-family-secondary {
    font-family: 'Noticia Text', serif !important;
}

.font-family-heading {
    font-family: 'Oswald', sans-serif !important;
}

.no-radius {
    border-radius: 0rem !important;
}

.card-img-top {
    width: 100%;
    height: 12vw;
    min-height: 240px;
    object-fit: cover;
}


.section-header {
    border-bottom: 3px solid lightgrey;
    padding: 0 10px;
    background: #1B314B;
    position: relative;
    top: 0px;
}

.dropdown-item {
    font-size: .8rem;
}
    .dropdown-item:hover {
        background-color: #375B8D;
        color:white;
    }

.content iframe {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}


/*


div.card-content:before {
    left: 0;
    bottom: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: 0% 50%;
}

div.card-content.entertainment:before {
    border-bottom: 2px solid #EBD89B;
}

div.card-content.culture:before {
    border-bottom: 2px solid #93D4B4;
}

div.card-content.things-that-matter:before {
    border-bottom: 2px solid #FFAC72;
}

div.card-content.fierce:before {
    border-bottom: 2px solid #FF144C;
}

div.card-content.video:before {
    border-bottom: 2px solid #5FC6C8;
}

div.card-content.video-trending:before {
    border-bottom: 2px solid #5FC6C8;
}

div.card-content.sponsored:before {
    border-bottom: 2px solid #8583BE;
}

article.video-box:hover .section.entertainment, article:hover .section.entertainment {
    color: #EBD89B;
}

article.video-box:hover .section.culture, article:hover .section.culture {
    color: #93D4B4;
}

article.video-box:hover .section.things-that-matter, article:hover .section.things-that-matter {
    color: #FFAC72;
}

article.video-box:hover .section.fierce, article:hover .section.fierce {
    color: #FF144C;
}

article.video-box:hover .section.video, article:hover .section.video {
    color: #5FC6C8;
}
*/


.lazy {
    background-image: none !important;
    background-color: #F1F1FA;
}


.img-blur-wrap {
    position: relative;
    overflow: hidden;
}

.img-blur {
    filter: none;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 20px 40px #000;
    object-fit: contain;
}

.img-blur-bg {
    filter: blur(5px);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.carousel-control-prev {
    z-index: 3;
}

.carousel-control-next {
    z-index: 3;
}
.jssocials-share > a {
    border-radius: 100% !important;
}
.jssocials-share-facebook > a {
    border: 2px solid;
    border-color: #3b5998;
    background: inherit!important;
    color: #3b5998 !important;
}
.jssocials-share-twitter > a {
    border: 2px solid;
    border-color: #9abce2;
    background: inherit!important;
    color: #9abce2!important;
}
.jssocials-share-whatsapp > a {
    border: 2px solid;
    border-color: #a3c492;
    background: inherit !important;
    color: #a3c492 !important;
}
.cover-video {
    min-width: 100vw;
    max-height: 90vh;
    background-size: cover;
    object-fit: cover;
}
.cover-container-video {
    min-height: 90vh;
}