/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {	--cnvs-themecolor:#152438 !important;}

.bgazul {background-color: #152438 !important;}
.colazul{color: #152438 !important;}
.azulcie{color: #08a3e5 !important;}
.gris1{ background-color: #e1e1e1 !important;}
.gris2{ color: #8f8f8f;}
.bgris{ background-color: #8f8f8f !important;}
.bgris2{ background-color: #e1e1e1 !important;}
.bgris3{ background-color: #3c3836 !important;}
.dorado{ color: #ae9768 !important;}
.bgdorado{ background-color: #ae9768 !important;}
.colblanco{color: #FFF !important;}

#header-wrap {background-color: #152438;}

.menu-item > .menu-link {color: rgb(189, 189, 189) !important;}
.menu-item:hover > .menu-link {color: #FFF !important;}

#header{--cnvs-primary-menu-active-color:  rgb(189, 189, 189) !important;}

.is-expanded-menu .sub-menu-container, .is-expanded-menu .mega-menu-content {
    box-shadow: 0px 13px 42px 11px; color: #152438 !important; 
    border: var(--cnvs-primary-menu-submenu-border);
    border-top: rgb(189, 189, 189) !important;
}

.dark{--cnvs-contrast-bg: #152438 !important;}
#gotoTop:hover {background-color:#152438 !important; color: rgb(189, 189, 189) !important;}

.is-expanded-menu .full-header #logo { border-right: none;}
.is-expanded-menu .full-header .primary-menu .menu-container { border-right: none;}
.slider-inner { height: 427px;}
.just{text-align: justify !important;}
.bgblue{ background-image: url(../images/bgblue.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.color { color: #08a3e5 !important;}

.fontp1{font-size: larger; letter-spacing: 1.45px; margin: 20px 0 !important;}
.centflex{  display:flex; justify-content: center; align-items: center;}

.fancy-title { --cnvs-contrast-rgb: #8f8f8f !important;}
.fancy-title::before, .fancy-title::after {color: #8f8f8f !important;}

.divazul{ padding: 10px;}   .divazul>p{ margin: 0;}

.suspensivos{ display: -webkit-box; max-width: 100%; height: 30px; margin: 0 auto; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.multisuspensivos  { display: -webkit-box; max-width: 100%; height: 95px; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.littletxt{ font-size: 90%; margin: 0 15px 10px 0; color: #999;}
.noticia{ border: solid 1px #e1e1e1; }
.ds{filter: drop-shadow(5px 5px 4px #2c2c2c); }
.dark #copyrights, #copyrights.dark { background-color: #a1a1a1;color:#152438 !important;}
#footer {border-top: 5px solid #152438 !important; position: relative;   border-top: var(--cnvs-footer-top-border);}
.copyright-links a { color: #152438 !important;}
.centerdiv{	margin-left: auto; margin-right: auto;}

.notcardimg{border-radius: 0.375rem 0.375rem 0 0;}
.notcard{border: 1px solid #dee2e6;padding: 1rem;}
.notcardtit{font-weight: bold; color:#152438 !important ; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.notcardtxt{margin-top: 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.bgazuul {  background-color: #000046;}

/* estilos joss */

.tecard 
{
  width: 540;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}



.boton-live{padding: 20px; text-transform:uppercase; background-color: rgba(255,255,255,.5); color:#152438; border-radius: 5px; font-size:36px;}
.boton-live:hover{background-color: rgba(21,36,56,.5) !important;}