/*graphic line improvements*/
@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&family=Poppins:ital,wght@0,200;0,400;0,500;0,600;0,700;1,500&display=swap');

html,
body{
    font-family: "Akshar", Sans-serif;
}

.links-programas span:first-of-type{
    text-shadow:none!important;
}

.formulario input, 
.formulario textarea,
.authorinfo,
.pubtime,
.tablinks-guia{
    font-family: "Akshar",Sans-serif!important;
}

.pubtime {
    font-size: 1rem;
}

.sidebar .sub-menu a span,
.sidebar .main-nav.general li span {
    font-size: 1.2rem;
}

.main-content h1 {
    font-size: 2.8rem;
}

span.titulo-noticia,
a.homelink-radio-universidad span,
.links-programas a span,
.noticia-lista a span{
    font-weight: 700;
    font-size: 1rem!important;
} 

.entry-content{
    font-size: 1.2rem!important;
}


.station-image-banner{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    filter: grayscale(100%);
    position:relative;
}

b {
    font-weight: 600;
}

.below-content.programs {
    background: #000;
}

a.station-logo {
    width: 25%;
}

.stations .live-box {
    width: 25%;
}

.stations .live-box:after {
    background: none!important;
}

.station-image {
    filter: grayscale(100%);
}

.station.radioucr a.playpause {
    background: #fff;
}

.radioucr .radiou-icon-play {
    color: #6B190F;
}

.station-8126 .radiou-icon-play {
    color: #F9B719;
}

.station-8124 .radiou-icon-play {
    color: #F27024;
}

.stations .station {
    background: #7FA8BC;
}

.buscador-container {
    background: #000000;
}

input.input-buscador {
    background: #000;
    border: .1rem solid #fff;
    color: #fff;
}

input.input-buscador::placeholder {
    color: #fff;
}

.stations-menu>li>a {
    font-weight: 500!important;
    text-transform: uppercase;
    background: #7FA8BC;
    font-size: .9rem;
}

.sidebar .main-nav.general li span{
    font-weight: 500!important;
}

ul.stations-menu {
    display: flex;
    gap: .3rem;
    flex-direction: column;
}

#vue-wordpress-app .sidebar {
    background: #000;
}

/* Change color radioU */
.stations-menu li.radiou>a:before {
    background: #F9B719!important;
}

.station.radiou {
    border-left: 10px solid #F9B719;
}

.station.radiou a.playpause {
    background: #fff;
}

.radio-u .main-content h1:before {
    background: -o-linear-gradient(left,#F9B719 0%,#F9B719 100%);
    background: -webkit-gradient(linear,left top,right top,from(#786435),to(#F9B719));
    background: -webkit-linear-gradient(left,#786435 0%,#F9B719 100%);
    background: linear-gradient(to right,#786435 0%,#F9B719 100%);
}

.radio-u #playhowlerbtn, .radio-u #pausehowlerbtn {
    color: #F9B719;
    text-shadow: 0 0 15px #F9B719;
}

.radio-u #bar, .radio-u #progress {
    background-color: #F9B719;
    -webkit-box-shadow: 0 0 5px #F9B719;
    box-shadow: 0 0 5px #F9B719;
}

.radio-u #progress:after {
    border: 0.25rem solid #F9B719;
}

.radio-u li.radiou .sub-menu a:hover span {
    border-left: 2px solid #F9B719;
}

.radiou .live-box:after {
    background: -webkit-linear-gradient(left,rgba(15,117,188,0) 0%,rgb(188 138 15 / 35%) 100%);
background: linear-gradient(to right, rgba(15,117,188,0) 0%, rgb(188 138 15 / 35%) 100%);
}

/*change color radio 967*/

.stations-menu li.radioucr>a:before {
    background: #6B190F;
}

.station.radioucr {
    border-left: 10px solid #6B190F;
}

.radio-universidad li.radioucr .sub-menu a:hover span {
    border-left: 2px solid #6B190F;
}

.radio-universidad .main-content h1:before {
    background: linear-gradient(to right,#520E13 0%,#6B190F 100%);
}

.radio-universidad #playhowlerbtn, .radio-universidad #pausehowlerbtn {
    color: #6B190F;
    text-shadow: 0 0 15px #6B190F;
}

.radio-universidad #bar, .radio-universidad #progress {
    background-color: #6B190F;
    -webkit-box-shadow: 0 0 5px #6B190F;
    box-shadow: 0 0 5px #6B190F;
}

.radio-universidad #progress:after {
    border: 0.25rem solid #a10606;
}

/* change color radio 870 */

.stations-menu li.radio870>a:before {
    background: #F27024;
}

.radio-870 .main-content h1:before {
    background: -o-linear-gradient(left,#996B27 0%,#F27024 100%);
    background: -webkit-gradient(linear,left top,right top,from(#996B27),to(#F27024));
    background: -webkit-linear-gradient(left,#996B27 0%,#F27024 100%);
    background: linear-gradient(to right,#996B27 0%,#F27024 100%);
}

.radio-870 li.radio870 .sub-menu a:hover span {
    border-left: 2px solid #F27024;
}

.station.radio870 {

    border-left: 10px solid #F27024;
}

.station.radio870 a.playpause {
    background: #fff;
}

#playhowlerbtn, #pausehowlerbtn {
    color: #F27024;
    text-shadow: 0 0 15px #F27024;
}

#progress {
    background-color: #F27024;
    -webkit-box-shadow: 0 0 5px #F27024;
    box-shadow: 0 0 5px #F27024;
}

#progress:after {
    border: 0.25rem solid #F27024;
}

#bar {
    background-color: #F27024;
}

.radio-870 .sidebar.left {
    border-right: 2px solid #F27024;
}

/*interferencia*/

.stations-menu li.interferencia>a:before {
    background: #22B9AA;
}

.interferencia.elementor-page .below-content h2:before {
    background: -webkit-gradient(linear, left top, right top, from(#175c55), to(#22B9AA));
    background: linear-gradient(to right, #1c544e 0%, #22B9AA 100%);
}

.home .lista-programas-home {
    background: #7FA8BC;
    border-radius: 1rem;
}

.lista-ultimo-home {
    background: none;
}

.contact-home {
    background: none;
}

.elementor-page .below-content h2:before {
    background: #fff;
}

h2 a.ver-mas {
    text-decoration: none;
}

span.song-pre {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
}

span.song-name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.single-post .below-content {
    background: #fff;
}

a.station-logo img {
    width: 8rem;
    height: 9rem;
    position: relative;
    display: flex;
}

.station.radiou .station-logo {padding: 0;}

.footer {
    background: #000;
}

.homelink-radio-universidad span, .meta-categoria.meta-radio-universidad {
    background: #6B190F;
}

.homelink-radiou span, .meta-categoria {
    background: #FBB818;
}

.homelink-radiou870 span, .meta-categoria.meta-radio-870 {
    background: #F27024;
}

.logo-container {
    padding: 0;
}

.author-box img {
    width: auto;
    height: 80px;
    border-radius: 0;

}

a.footer-logo-link {
    height: 7rem;
    width:9rem;
}

a.btn-transparencia {
    padding: 1rem;
    background: #87161f;
    margin: 1.5rem 0 2.5rem;
    display: block;
    box-shadow: -4px 5px 10px rgb(0 0 0 / 20%);
}

.below-content h2{
    font-weight:500;
    margin-bottom:1rem!important;

}

.container-share {
    display:flex;
    
}

.container-share p{
    width: 20%;  
}

.share-buttons{
    gap: 1rem;
    width: 70%;
    display: flex;
    align-items: center;
    background:none;
}

.icon-social{
    width:2rem;
    height:2rem;
    filter: drop-shadow(0.2rem 0.4rem 0.6rem #00000070);
}

.icon-social img{
    cursor:pointer;
    width:2rem;
    height:2rem;
}

.custom-audio-wrapper .wp-audio-shortcode {
    margin-bottom: 30px !important;
}
.custom-audio-wrapper .caption-audio {
    width: 100%;
    padding: 10px;
    margin: 0;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: .85rem;
}


.nota-destacada-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: auto;
}

.nota-destacada-container .noticia {
    width: 100%;
}
.nota-destacada-container .banner-noticia-a {
    width: 66%;
    padding-bottom: 49.5%;
}
.nota-destacada-container .noticia-textos {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    width: 33%;
    text-align: left;
}
.nota-destacada-container  h2 {
    padding-left: 0;
    padding-top: 0;
}
.nota-destacada-container .descripcion-noticia {
    margin-left: 0;
}

.interferencia  h2 {
    color: #fff;
    display: inline-block;
    bottom: 0;
    margin: auto;
    width: 80%;
    font-size: 1.15rem;
    width: 100%;
    padding: 1rem 0.5rem;
    font-weight: 300;
}

.author-box .img-container {
    max-width: 11rem;
    min-width: 2rem;
    width: 11rem;
}

.author-box img {
    width: 100%;
    height: auto;
    border-radius: 0;
    padding: 0!important;
    box-shadow: none;
}

#template-post .elementor-posts .elementor-post {
    flex-flow: column!important;
}

img.logos-quienes-somos {
    height: auto;
    width: 6rem;
    object-fit: contain;
    max-height: none;
}

img.logo-ucr{
    width: 7rem!important;
}
@media screen and (max-width: 1100px){
     #howlertitle{
         max-width:8rem;
    }
    .sound-bar{
        max-width:none;
    }
    
    .lista-blog .noticia:first-of-type .noticia-textos {
        position: relative;
        padding: 1rem 0;
        width: 100%;
    }
    
    .lista-blog .noticia:first-of-type .banner-noticia-a {
        width: 100%;
        padding-bottom: 49.5%!important;
    }
}
    

@media screen and (max-width: 767px){
    .single-post figcaption {
        position: relative !important;
    }
    
    .banner-social {
        z-index: 100;
    }
    
    .container-share p{
        width: 50%;  
    }
    
    .author-box .img-container {
        padding: 15px 5px;
    }
    
    .stations .live-box {
        width: 40%;
    }
    
    
    .sidebar .sub-menu a span,
    .sidebar .main-nav.general li span {
        font-size: inherit!important;
    }
    
    .main-content h1 {
        font-size: 1.8rem!important;
    }
    
    span.titulo-noticia,
    a.homelink-radio-universidad span,
    .links-programas a span,
    .noticia-lista a span{
        font-size: .89rem!important;
        
    }
    
    .entry-content {
        font-size: 1.2rem!important;
    }
    
    .programa-header .responsive-image {
        width: 100%;
        height: 100%;
    }
    
    .song-name {
        font-size: 1.2rem!important;
    }
    
    .lista-ultimo-home .noticia-lista a {
        display: flex;
        align-items: flex-start;
    }
    
    .lista-ultimo-home .noticia-lista span.programa-info-container {
        margin-top: 3rem;
    }
    
    .nota-destacada-container .banner-noticia-a {
        width: 100%;
        padding-bottom: 70%;
    }

    .nota-destacada-container .noticia {
        display: flex;
        flex-direction: column;
    }

    .nota-destacada-container .noticia-textos {
        position: relative!important;
        width: 100%!important;
        padding: .2rem 0!important;
    }
    .page-nav {
  margin: 20px 0;
  font-size: 1rem;
  text-align: center;
}

.page-nav p {
  margin: 0;
  padding: 10px 0;
}

.page-nav a {
  color: #0073aa;
  text-decoration: none;
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f9f9f9;
  transition: background-color 0.3s;
}

.page-nav a:hover {
  color: #005177;
  background-color: #e9e9e9;
}

.post-navigation {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  flex: 1;
  text-align: center;
  padding: 10px;
  background-color: #f4f4f4;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  color: #0073aa;
  text-decoration: none;
  font-weight: bold;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-color: #e9e9e9;
  color: #005177;
}
}