@charset "UTF-8";
/*
Theme Name: The News
Theme URI: https://www.thenews.mx/
Author: Isael Mundo Alvarez
Author URI: https://www.facebook.com/isaelmundoalvarez
Description: The News ya está a la altura de sus contenidos ahora en su nueva versión web.
Version: 1.0
Text Domain: TheNews
*/
html,
body{
	background: #f7f7f7 !important;
}

button,
button:focus{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
}

h1,h2,h3,h4,h5,h6{
	position: relative !important;
	display: block;
	font-size: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: inherit !important;
}

a{ text-decoration: none !important; }

a[class~=btn]{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
}

.ubuntu-light{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300 !important;
    font-style: normal !important;
}

.ubuntu-regular-italic{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: italic !important;
}

.ubuntu-regular{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
}

.ubuntu-bold{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
}

.fsize-08{ font-size: 8pt !important; }
.fsize-10{ font-size: 10pt !important; }
.fsize-12{ font-size: 12pt !important; }
.fsize-14{ font-size: 14pt !important; }
.fsize-16{ font-size: 16pt !important; }
.fsize-18{ font-size: 18pt !important; }
.fsize-20{ font-size: 20pt !important; }
.fsize-22{ font-size: 22pt !important; }
.fsize-24{ font-size: 24pt !important; }
.fsize-26{ font-size: 26pt !important; }
.fsize-28{ font-size: 28pt !important; }
.fsize-30{ font-size: 30pt !important; }
.fsize-32{ font-size: 32pt !important; }
.fsize-34{ font-size: 34pt !important; }
.fsize-36{ font-size: 36pt !important; }
.fsize-38{ font-size: 38pt !important; }
.fsize-40{ font-size: 40pt !important; }
.fsize-42{ font-size: 42pt !important; }
.fsize-44{ font-size: 44pt !important; }
.fsize-46{ font-size: 46pt !important; }
.fsize-48{ font-size: 48pt !important; }
.fsize-50{ font-size: 50pt !important; }
.fsize-60{ font-size: 60pt !important; }
.fsize-100{ font-size: 100pt !important; }

.fsize-26-32{ font-size: 26pt !important; line-height: 32pt !important; }
.fsize-22-26{ font-size: 22pt !important; line-height: 26pt !important; }
.fsize-20-22{ font-size: 20pt !important; line-height: 22pt !important; }
.fsize-18-22{ font-size: 18pt !important; line-height: 22pt !important; }
.fsize-16-22{ font-size: 16pt !important; line-height: 22pt !important; }
.fsize-14-18{ font-size: 14pt !important; line-height: 18pt !important; }
.fsize-12-16{ font-size: 12pt !important; line-height: 16pt !important; }
.fsize-10-14{ font-size: 10pt !important; line-height: 14pt !important; }

.colfb100a{ color: #3b5998 !important; }
.coltw100a{ color: #55acee !important; }
.colwa100a{ color: #34af23 !important; }
.colln100a{ color: #00C300 !important; }
.colgp100a{ color: #df4b37 !important; }
.colbg100a{ color: #F57D00 !important; }
.colsk100a{ color: #00aff0 !important; }
.coltg100a{ color: #0088CC !important; }
.coltb100a{ color: #35465C !important; }
.colld100a{ color: #0077B5 !important; }
.colfd100a{ color: #E12828 !important; }
.colgm100a{ color: #E53345 !important; }
.colpt100a{ color: #BD081C !important; }
.colrd100a{ color: #FF4500 !important; }
.colvk100a{ color: #4c75a3 !important; }
.colyh100a{ color: #410093 !important; }
.colyt100a{ color: #ed302f !important; }
.colin100a{ color: #2e5e86 !important; }

.bgsfb100a{ background: #3b5998 !important; }
.bgstw100a{ background: #55acee !important; }
.bgswa100a{ background: #34af23 !important; }
.bgsln100a{ background: #00C300 !important; }
.bgsgp100a{ background: #df4b37 !important; }
.bgsbg100a{ background: #F57D00 !important; }
.bgssk100a{ background: #00aff0 !important; }
.bgstg100a{ background: #0088CC !important; }
.bgstb100a{ background: #35465C !important; }
.bgsld100a{ background: #0077B5 !important; }
.bgsfd100a{ background: #E12828 !important; }
.bgsgm100a{ background: #E53345 !important; }
.bgspt100a{ background: #BD081C !important; }
.bgsrd100a{ background: #FF4500 !important; }
.bgsvk100a{ background: #4c75a3 !important; }
.bgsyh100a{ background: #410093 !important; }
.bgsyt100a{ background: #ed302f !important; }
.bgsin100a{ background: #2e5e86 !important; }

.bgs-unset{ background: unset !important; }
.bgs-100{ background: #FFFFFF !important; }
.bgs-101{ background: #000000 !important; }
.bgs-102{ background: #44657b !important; }
.bgs-103{ background: #39576b !important; }
.bgs-104{ background: #3E4C59 !important; }
.bgs-105{ background: #F26556 !important; }
.bgs-106{ background: #999999 !important; }

.col-unset{ color: unset !important; }
.col-100{ color: #FFFFFF !important; }
.col-101{ color: #000000 !important; }
.col-102{ color: #44657b !important; }
.col-103{ color: #39576b !important; }
.col-104{ color: #3E4C59 !important; }
.col-105{ color: #F26556 !important; }
.col-106{ color: #999999 !important; }

.bgs-latest-news{ background: #C71F3B !important; }
.col-latest-news{ color: #C71F3B !important; }
.bor-latest-news{ border-top: 2px solid #C71F3B !important; }

.bgs-world{ background: #B3AE92 !important; }
.col-world{ color: #B3AE92 !important; }
.bor-world{ border-top: 2px solid #B3AE92 !important; }

.bgs-business{ background: #5E597B !important; }
.col-business{ color: #5E597B !important; }
.bor-business{ border-top: 2px solid #5E597B !important; }

.bgs-living{ background: #E7BC64 !important; }
.col-living{ color: #E7BC64 !important; }
.bor-living{ border-top: 2px solid #E7BC64 !important; }

.bgs-science{ background: #645E62 !important; }
.col-science{ color: #645E62 !important; }
.bor-science{ border-top: 2px solid #645E62 !important; }

.bgs-sports{ background: #2FA97E !important; }
.col-sports{ color: #2FA97E !important; }
.bor-sports{ border-top: 2px solid #2FA97E !important; }

.bgs-entertainment{ background: #C560AC !important; }
.col-entertainment{ color: #C560AC !important; }
.bor-entertainment{ border-top: 2px solid #C560AC !important; }

.border-100{
    border-top: 2px solid #44657b;
}

.line-clamp-1{
    -webkit-line-clamp: 1;
}

.line-clamp-2{
    -webkit-line-clamp: 2;
}

.line-clamp-3{
    -webkit-line-clamp: 3;
}

.line-clamp-4{
    -webkit-line-clamp: 4;
}

.focus-100::selection,
.focus-100:required,
.focus-100:focus{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
}

.d--none{ 
    display: none;  
}

.alignleft{
    float: left;
    padding-right: 5px;
}

.alignright{
    float: right;
    padding-left: 5px;
}

.z-indez-1{ z-index: 1 !important; }
.z-indez-2{ z-index: 2 !important; }
.z-indez-3{ z-index: 3 !important; }

.rounded-100{
    border-radius: .7em;
}

.rounded-101{
    border-bottom-left-radius: .7em;;
    border-bottom-right-radius: .7em;
}

/* Size */
.btn-s-lg-100{
    width: 61px !important;
    height: 61px !important;
}

.btn-s-md-100{
    width: 47px !important;
    height: 47px !important;
}

.btn-s-sm-100{
    width: 36px !important;
    height: 36px !important;
}

.t-0{ top: 0; }
.b-0{ bottom: 0; }
.l-0{ left: 0; }
.r-0{ right: 0; }


/* Menu Desktop */
.nav-menu-descktop a{
    color: #FFFFFF !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 10pt;
    text-transform: uppercase;
}

/* Menu mobile */
#menu-hiden ul,
#menu-hiden ul li{
    border: none;
    border-radius: 0;
    background: #3E4C59 !important;
}

#menu-hiden ul li a{
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 10pt;
}

/* Search Desktop */
.group-search button,
.group-search input{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
    color: #FFFFFF !important;
    border-radius: 0;
    border: none;
    background: #3E4C59 !important;
    font-size: 10pt;
}

.group-search input{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
}

.group-search input::placeholder{
    color: #FFFFFF !important;
    opacity: 0.8;
}

footer > div{
    border-top: 2px solid #39576b;
}

.fb-title{
    display: inline-block;
    padding: .6rem .8rem !important;
    color: #000000;
    background: #f2f2f2;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cf-text{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300 !important;
    font-style: normal !important;
    color: #999;
    font-size: 10pt;
}

.cf-text a{
    color: #F26556;
}

.list-footer li{
    border: none !important;
}

.list-footer li h2{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #999;
    font-size: 12pt !important;
}

/* Loading image */
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.display-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: -o-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}

/* Breadcrumb */
.nav-breadcrumb *,
.nav-breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
    font-size: 12pt !important;
    color: #FFFFFF;
}

.breadcrumb-default h1,
.nav-breadcrumb h1{
    display: inline-block !important;
}

/* Breadcrumb Default */
.breadcrumb-default *,
.breadcrumb-default .breadcrumb-item+.breadcrumb-item::before{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
    font-size: 12pt !important;
    color: #000000;
}
/* Navbar navegación */
#nav-pagination{
    background: #44657b;
    overflow: hidden;
    border-radius: .4rem;
}

#nav-pagination button{
    background: #39576b;
    color: #FFFFFF;
    border-radius: 0 !important;
}

#nav-pagination .page-numbers{
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    margin-left: .5rem;
    margin-right: .5rem;
}

#nav-pagination .current{
    color: #F26556;
}

/* Titulo de la seccion */
.c-section-title h2,
.c-section-title-100 h2{
    display: inline-block;
    padding: .4rem .6rem !important;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 16pt !important;
    text-transform: uppercase !important;
}

.c-section-title hr,
.c-section-title-100 hr{
    padding: 0 !important;
    margin: 0 !important;
}

/* Card Nota */
.card-100{
    position: relative;
    padding: 1rem;
    background: #FFFFFF;
    border-radius: 0.4rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

/* Contenedor notas */
.c-container-100{
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    overflow: hidden;
}

.c-container-100 > p{
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 12pt !important;
}

.c-container-100 > div.row:last-child > div.col-12 hr{
    display: none;
}

.c-avatar-100 picture img,
.c-picture img,
.c-picture-100 img,
.c-picture-101 img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: .25rem;
}

/* Picture aspect ratio 16:9 */
.c-picture-100{
    position: relative; 
    display: block; 
    width: 100%; 
    padding-top: 56.25%; 
    overflow: hidden;
    margin: 0;
    background: #f7f7f7;
}

/* Picture aspect ratio 4:3 */
.c-picture-101{
    position: relative; 
    display: block; 
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
    margin: 0;
}

/* avatar */
.c-avatar-100{
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #44657b;
    background: #e9ecef;
}

/* Titulo */
.c-title{
    position: relative;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* Sumario */
.c-summary{
    position: relative;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Category */
.c-category{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
}

.c-category a{
    display: inline-block;
    padding: .4rem;
    background: #F26556;
    box-sizing: border-box;
    text-decoration: none;
    border-top-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500 !important;
    font-style: normal !important;
    color: #FFFFFF;
    text-transform: uppercase !important;
}

/* Categoria solo tag */
.c-category-h{
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}

/* Categoria bloque */
.c-category-block{
    padding: 0 !important;
}
.c-category-block h2{
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500 !important;
    font-style: normal !important;
    text-transform: uppercase;
    padding: .4rem .6rem !important;
    background: blue;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    font-size: 16pt;
    color: #FFFFFF;
}

/* Media Video */
.c-media-video{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.btn-media-video,
.c-media-video button{
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15) !important;
    -webkit-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    background: #F26556;
    color: #FFFFFF;
    margin: .5rem;
    font-size: 10pt;
}


/* Cuerpo de la nota */
.single-content{
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: .4rem;
    overflow: hidden;
}

.single-content .post_category{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase;
}

.single-content .post_title{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
}

.single-content .post_author *{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase;
    color: #999 !important;
}

.single-content .post_date{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300 !important;
    font-style: normal !important;
    text-transform: uppercase;
    color: #999 !important;
}

.single-content .post_excerpt{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #6b6b6b !important;
    font-size: 12pt;
    line-height: 20pt;
}

.single-content .post_image_caption{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 8pt;
    padding-left: 1rem;
    padding-right: 1rem;
}

.single-content .post_content{
    font-size: 14pt !important; 
    line-height: 22pt !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #444;
}

.single-content .post_content h3,
.single-content .post_content h4,
.single-content .post_content h5,
.single-content .post_content h6{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-bottom: 1rem !important;
    font-size: 14pt !important; 
    line-height: 18pt !important;
}

.single-content .post_content blockquote{
    margin: 1rem 2rem !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: italic !important;
}

.single-content .post_content a{
    color: #F26556 !important;  
}

.single-content .post_content img{
    border-radius: .25rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    margin-bottom: 1rem;
}
.single-content .post_content img,
.single-content .post_content iframe{
    max-width: 100%;
}

.h-450-px{ height: 450px; }
.wh-150-px{ width: 150px; height: 150px; }

/* Swiper pagination jwp */
#sc-jwp .swiper-pagination{
    position: relative !important;
    color: #FFFFFF !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 10pt;
}

#sc-jwp .swiper-pagination-fraction{
    bottom: 0px;
}

#f-contacto input,
#f-contacto textarea{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300 !important;
    font-style: normal !important;
    border: unset;
}

#f-contacto input::selection,
#f-contacto input:required,
#f-contacto input:focus,
#f-contacto textarea::selection,
#f-contacto textarea:required,
#f-contacto textarea:focus{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
}