body {
font-family: 'Open Sans', sans-serif;
}
nav {
font-weight: 500;
background: #f3f3f3;
}
main {
background: #f3f3f3
}
a, a:hover {
color: #000!important;
}
p {
margin-bottom: 1rem!important;
}
#publi-preroll {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.tag-single {
background: #d8d8d8;
color: #fff;
padding: 5px 5px 5px 5px;
border-radius: 8px;
text-transform: uppercase;
font-size: 13px;
}
.tag-single a {
color: #fff;
text-decoration: none!important;
}
.bg-futuro {
background-color: #2d5be2;
}
.bg-1 {
background-color: #075be2a3;
}
.bg-2 {
background-color: #fbfc009e;
}
.bg-3 {
background-color: #42e354a1;
}
.bg-darker {
background-color: #000;
}
[ad-name="ad-inter"][ad-empty="true"],
[ad-name="ad-inter-mobile"][ad-empty="true"]
{
display: none;
}
ned-ad[ad-name="ad-inter-mobile"] iframe {
height: 690px!important;
}
ned-ad[ad-type=Interstitial][ad-empty=false] {
display: none;
}
ned-ad[ad-ensures-viewability][ad-type=Square] > div {
position: sticky;
top: 200px;
}
/*.mpu1-sticky ned-ad[ad-ensures-viewability] {
position: sticky;
top: 200px;
}
*/
.lb-single {
background: #e3e3e3;
border-radius: 10px;
padding: 1em 1em 0.5em 1em;
margin: 0 0 1em 0;
}
.lb-single ul {
list-style: inherit!important;
padding-left: 2rem!important;
}
.play-m2-aod {
background-color: #e5e5e5;
font-size: 2.5em;
color: #0d6efd8c;
text-align: center;
border-radius: 9px;
background-size: contain;
background-repeat: no-repeat;
}
.play-m2-aod i {
font-size: 0.7em;
}
.play-m2 {
font-size: 2.5em;
color: #0d6efd;
}
.wrap-audio-m2 {
border-bottom: 2px #222 solid;
}
.wrap-audio-m2 p {
line-height: 1;
}
.btn-m2, .btn-m2:hover {
color: #fff;
background-color: #065be2;
border-color: #065be2;
text-transform: uppercase;
}
.wrap-audio-m2-single {
border: 2px #065be2 solid;
padding: 0 10px 0 10px;
border-radius: 9px;
margin-bottom: 10px;
}
.audiom2 {
width: 100%;
height: 100px;
margin: 1em 0 1em 0;
}
.audiom2 .playertop {
background: #e3e3e3;
color: #212529;
}
.audiom2  .playertop.en-directo .emisora .conf {
border-color: #eaeaea;
visibility: hidden;
}
.audiom2 .playertop .play {
border: 4px solid #065be2;
}
.audiom2 .playertop .volume .dot, .audiom2  .playertop .info .track .dot {
background:#065be2;
}
.audiom2 .playertop .volume .value {
background: #065be2;
}
.audiom2 .share .redes .open-redes, .audiom2 .share button {
background: #065be2;
}
.audiom2 .playertop ul li button .icon-embed {
background: #065be2 none repeat scroll 0 0;
}
.audiom2 .playertop .info .track-wrapper {
height: 25px;
}
.audiom2 .playertop .play .ico .icon-play, .audiom2  .playertop .play .ico .icon-pause {
color: #065be2;
}
.audiom2 .playertop .info .track .played {
background: #242421;
}
.ic
{
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 40px;
height: 40px;
border-radius: 30px;
margin-right: .2em;
-webkit-animation-name: spinner;
animation-name: spinner;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
transition: 0.3s;
cursor: pointer;
}
.ic:hover {
background-color: #46e354;
}
@-webkit-keyframes spinner {
83.33% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
83.33% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.los7 {
background-image: url(../img/los7.svg);
}
.musica {
background-image: url(../img/musica.svg);
}
.entrevistas {
background-image: url(../img/entrevistas.svg);
}
.series {
background-image: url(../img/series.svg);
}
.actualidad {
background-image: url(../img/actualidad.svg);
}
.agenda {
background-image: url(../img/agenda.svg);
}
.placer {
background-image: url(../img/placer.svg);
}
.pop {
background-image: url(../img/pop.svg);
}
.deportes {
background-image: url(../img/b.png);
}
.ochom {
background-image: url(../img/ochom.png);
}
.cover-wrapper {
position: relative;
padding: 0;
}
.nav-item a:hover, .rrss-nav a:hover, .big-footer a:hover {
color: #255be2!important;
}
.banner-editorial img {
width: 300px!important;
}
.concurso-terminado img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.form-control:focus {
border-color: #000000;
border: 2px solid #000;
border-radius: 25px;
}
.bg-orange-wrapper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 75%;
background-color: #2d5be2;
z-index: -1;
}
.bg-orange-wrapper-podcast {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 60%;
background-color: #2d5be2;
z-index: -1;
}
.text-futuro {
color: #2d5be2;
}
.archive-scroll .text-futuro {
color: #8e8e8e;
font-size: 0.8em;
}
.text-indent {
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
.logo-nav {
background-image:url('../img/logo_concierto.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
width: 400px;
height: 100px;
}
.logo-footer {
background-image: url(../img/logo_concierto.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
width: 300px;
height: 100px;
}
.navbar-nav {
font-size: 1rem;
}
.nav-link i {
color: #0000007d;
}
.form-menu {
position:relative;
}
.form__icon {
position: absolute;
pointer-events: none;
z-index: 2;
top: 13px;
left: 1em;
color: #000;
}
.form__input {
position: relative;
z-index: 3;
}
.form__input:placeholder-shown {
z-index: 1;
background-color: #F8F8F8;
border-radius: 25px;
line-height: 1.5;
border: 2px solid #000;
width: 160px;
}
.form-control:focus {
box-shadow: none;
}
.form-menu .form-control {
width: 115px;
}
.wapi-live-desk, .navbar-expand-lg {
transition: all 0.5s linear;
}
.small-logo  {
width: 16rem;
height: 5em;
margin-left: -2em;
transition: all 0.5s linear;
}
.wapi-live-desk .col-scroll {
width: 94.99999%;
transition: all 0.5s linear;
}
.wapi-live-desk .cover-small {
margin-left: -3em;
transition: all 0.5s linear;
}
.wapi-live-desk .cover-small img {
width: 70px;
height: 70px;
transition: all 0.5s linear;
}
.play-desk-scroll {
font-size: 1.2em;
position: absolute;
top: 15%;
right: 30%;
transition: all 0.5s linear;
}
.wapi-live {
transition: all 0.5s linear;
overflow: hidden;
}
.wapi-live-hide {
position: absolute;
transform: translateY(-300%);
opacity: 0;
}
.wapi-live-desk .main-row {
display: none;
}
.live-wrap {
background: linear-gradient(271deg, #075be2, #0a0a0a, #1f1f1f, #075be2);
background-size: 800% 800%;
-webkit-animation: circulo-concierto 19s ease infinite;
-moz-animation: circulo-concierto 19s ease infinite;
animation: circulo-concierto 19s ease infinite;
}
.ocho_eme {
background-color: #60007D!important;
color: #fff;
}
.ocho_eme h2 {
color: #fff!important;
}
.ocho_eme a {
color: #fff!important;
}
/*.live-wrap {
background: linear-gradient(271deg, #5f017c, #0a0a0a, #1f1f1f, #5f017c);
background-size: 800% 800%;
-webkit-animation: circulo-concierto 19s ease infinite;
-moz-animation: circulo-concierto 19s ease infinite;
animation: circulo-concierto 19s ease infinite;
}*/
@-webkit-keyframes circulo-concierto {
0%{background-position:0% 53%}
50%{background-position:100% 48%}
100%{background-position:0% 53%}
}
@-moz-keyframes circulo-concierto {
0%{background-position:0% 53%}
50%{background-position:100% 48%}
100%{background-position:0% 53%}
}
@keyframes circulo-concierto {
0%{background-position:0% 53%}
50%{background-position:100% 48%}
100%{background-position:0% 53%}
}
.play-desk .fa-inverse {
color: #255be2;
position: relative;
}
.play-desk .fa-inverse:before {
background: linear-gradient(271deg, #075be2, #8e8e8e, #2c2f34, #075be2);
background-size: 800% 800%;
-webkit-animation: circulo-concierto 19s ease infinite;
-moz-animation: circulo-concierto 19s ease infinite;
animation: circulo-concierto 19s ease infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: initial;
}
.wapi-live-desk .cover {
margin-left: 0em;
}
.wapi-live-desk .cover img {
width: 75px;
height: 75px;
object-fit: cover;
border-radius: 50%;
border: 1px solid #ffffff61;
}
.wapi-live-desk .cover img:hover {
}
.wapi-live-desk h3 {
font-weight: normal;
font-size: 1.4em;
font-weight: 100;
}
.wapi-live-desk .space-live {
position: relative;
margin: 0 2em 0 2em;
}
.wapi-live-desk .space-live:after {
position: absolute;
content: '';
border-left: 0.1em solid #ffffff;
height: 50px;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
width: 50%;
}
.wapi-live-desk span {
font-size: 1.2em;
font-weight: 500;
}
.cat-title h2 {
font-weight: 100;
margin-bottom: 0.5em;
}
.program h2 {
font-weight: 100;
}
.program em {
font-weight: 500;
}
.program p {
margin: 0;
line-height: 1.2;
font-size: 1.2em;
font-weight: 500;
text-align: left;
}
#preload {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
font-weight: 100;
}
.sep {
width: 1.5px;
color: #222;
background: #532589;
height: 35px;
}
.play-desk {
font-size: 2em;
position: absolute;
right: 3%;
left: auto;
animation: heartbeat 3s infinite;
color: #fff;
}
.play-desk:after {
position: absolute;
content: '';
width: 50%;
height: 50%;
background: #efefe6;
top: 40%;
right: 0;
left: auto;
transform: translate(-50%, -50%);
z-index: -1;
}
@keyframes heartbeat
{
0%
{
transform: scale( .75 );
}
20%
{
transform: scale( 1 );
}
60%
{
transform: scale( 1 );
}
100%
{
transform: scale( .75 );
}
}
#meta-show
{
font-weight: 100;
font-size: 1.1em;
line-height: 1.2;
text-align: start;
}
.btn-player-fmdos {
color: #532489;
border-color: #532489;
background-color: #FFE72F;
border-radius: 2rem;
font-size: 1.8em;
text-transform: uppercase;
line-height: 1;
padding: 0.7em 1em 0.5em 1em;
font-weight: 700;
}
.btn-player-fmdos:hover {
color:#FFE72F;
border-color: #FFE72F;
background-color: #532489;
}
.main-cover img {
width: 100%;
height: 340px;
object-fit: cover;
border-radius: 20px;
}
.main-cover h2 {
font-weight: 100;
line-height: 1;
}
.main-cover span, .subcover span, .post-category-full span, .half-section-full span {
text-transform: uppercase;
color: #255be2;
font-weight: 500;
transition: 0.3s;
}
.main-cover span:hover, .subcover span:hover, .post-category-full span:hover, .half-section-full span:hover {
color: #46e354;
}
.main-cover p {
font-weight: 100;
font-size: 1.1em;
line-height: 1.1;
}
.subcover {
margin-top: 2em;
}
.subcover img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: top;
border-radius: 20px;
}
.subcover h2 {
font-weight: 100;
line-height: 1.1;
font-size: 1.4em;
}
.subcover p {
font-weight: 500;
}
h2.title-home-section  {
font-size: 3.5em;
margin: 0;
font-weight: 100;
}
.half-section-full img {
height: 300px;
object-fit: cover;
border-radius: 20px;
}
.cat-section h2 {
font-weight: 100;
line-height: 1;
}
.category-section {
background-color: #E1E1E1;
padding: 2em 0 2em 0;
}
.main-post-cat img{
height: 450px;
object-fit: cover;
border-radius: 20px;
}
.category-section-full {
background-color: #E5E5E5;
padding: 2em 0 2em 0;
}
.cat-section {
padding: 2em 0 2em 0;
}
.main-post-category img {
width: 100%;
height: 360px;
object-fit: cover;
}
.main-post-category h2 {
font-weight: 100;
}
.subpost-category h2 {
font-size: 1.2em;
font-weight: 100;
margin-top: 1em;
padding: 0 1em 0 0;
height: 100%;
}
.subpost-category:nth-child(-n+4) h2{
border-right: 1px solid #22222245;
}
.banner-cms {
background-color: #FFF;
padding: 2em 0 2em 0;
}
.post-category-full h2 {
font-size: 1.2em;
 font-weight: 600;
    line-height: 1.1;
margin-top: 1em;
}
.post-category-full img {
height: 235px;
object-fit: cover;
width: 100%;
border-radius: 20px;
}
.programas-wrap .post-category-full img {
height: 280px;
}
.double-row img {
height: inherit;
}
.programas-wrap{
background-color: #f3f3f3;
}
.programas h2 {
font-size: 1.6em;
}
.programas h4 {
font-size: 1.2em;
font-weight: 100;
}
.programas p {
font-weight: 100;
}
.show-info figure {
}
.show-info .podcast-show {
text-transform: uppercase;
font-weight: 800;
line-height: 1.1;
}
.show-info img {
}
.show-info img:hover {
}
.show-info h2 {
text-transform: uppercase;
font-weight: 800;
font-size: 1.2em;
margin: 0.5em 0 0 0;
}
.show-info hr {
height: 2px;
background-color: #f54e2a66;
opacity: 1;
}
.show-info p {
text-transform: uppercase;
font-weight: 100;
line-height: 1.1;
}
.podcast-section {
padding: 2em 0 2em 0;
position: relative;
}
.podcast-show h2 {
font-size: 1.2em;
font-weight: 800;
margin-top: .5em;
}
.menu-footer li {
font-size: 1.4em;
padding-bottom: .5em;
font-weight: 100;
}
.footer-redes li {
font-size: 1.2em;
padding-bottom: .5em;
font-weight: 100;
}
.logo-nav-mob {
background-image: url(../img/logo_concierto.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
width: 155px;
height: 35px;
}
.menu-mob-futuro .dropdown:hover > .dropdown-menu {
display: block;
}
.menu-mob-futuro .dropdown > .dropdown-toggle:active {
pointer-events: none;
}
.menu-mob-futuro .navbar-nav {
padding-top: 1rem;
}
.menu-mob-futuro .navbar-toggler:focus,
.menu-mob-futuro .navbar-toggler:active {
outline: 0;
}
.menu-mob-futuro .navbar-toggler {
height: 45px;
}
.menu-mob-futuro .navbar-toggler span {
display: block;
background-color: #2d5be2;
height: 2px;
width: 25px;
margin-top: 6px;
margin-bottom: 4px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
opacity: 1;
}
.menu-mob-futuro .navbar-toggler span:nth-child(1),
.menu-mob-futuro .navbar-toggler span:nth-child(3) {
-webkit-transition: transform 0.35s ease-in-out;
-moz-transition: transform 0.35s ease-in-out;
-o-transition: transform 0.35s ease-in-out;
transition: transform 0.35s ease-in-out;
}
.menu-mob-futuro .navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
top: 32px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.menu-mob-futuro .navbar-toggler:not(.collapsed) span:nth-child(2) {
visibility: hidden;
background-color: transparent;
}
.menu-mob-futuro .navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
top: 32px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.55);
border-color: transparent;
}
.navbar-toggler:focus {
box-shadow: none;
}
.programa-page {
position: relative;
}
.programa-page .aod {
text-transform: uppercase;
position: absolute;
font-size: 13px;
background: #4a4a4a;
color: #e4e4e4;
padding: 2px 5px 1px 5px;
z-index: 1;
font-weight: 100;
}
.programa-page img {
object-fit: cover;
width: 100%;
object-position: top;
}
.programa-page figcaption {
background: #4a4a4a;
width: 100%;
height: 150px;
}
.program-meta  {
padding: 1em;
}
.program-meta h2 {
font-weight: 100;
color: #fff;
margin: 0px 0 5px 0;
line-height: 1;
font-size: 1.6em;
}
.program-meta p {
color: #fff;
margin: 0;
line-height: 1.1;
font-size: 0.9em;
}
.main-uu a {
color: #fff!important;
}
.main-uu a:hover {
color: #46e354!important;
}
.uu_ li{
padding: 2px 5px 0px 5px;
border-radius: 10px;
margin: 0;
font-weight: 100;
}
.uu_ a:hover {
color: #46e354!important;
}
.fre .col-freq:nth-last-child(1) {
border-right: none
}
.fre .col-freq {
border-right: 2px solid #FBFC00;
}
.dial-wrap-futuro h3 {
margin: 0;
font-weight: 100;
}
.dial-wrap-futuro p {
margin: 0;
font-size: 1.6em;
}
@media (max-width: 575.98px) {
.fre .col-freq {
border-right: none
}
h2.title-home-section {
font-size: 2.5em;
margin: 0;
font-weight: 100;
}
.fre .col-freq {
border-right: 2px solid #FBFC00;
}
.fre .col-freq:nth-last-child(1) {
border-right: none
}
.main-post-category img {
height: 195px;
}
.post-category-full img {
height: 185px;
}
.logo-footer {
width: 100%;
}
.main-cover img {
height: 210px;
}
.big-footer {
padding-bottom: 7em;
}
.big-footer p, .big-footer .col-md-6 {
text-align: center;
}
.menu-footer, .footer-redes {
display: none;
}
.m-search   .btn-primary {
color: #fff;
background-color: #255be2;
border-color: #255be2;
width: 100%;
}
.horizontal-post article {
border: none;
}
.ad {
background: #fff;
padding: 0.3em 0 0.3em 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 2.5rem;
padding-left: 0rem;
padding-bottom: 0;
padding-top: 0;
font-weight: 100;
}
}