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

#cnt_logo_ser {
    width:100%;
    text-align:center;
    background:#22273d;
    padding:15px 0
}

#cnt_logo_ser a {
    display:inline-block;
    width:90px;
    height:29px;
    background:transparent url("//cadenaser00.epimg.net/assets/v3.x/v3.0/img/cadena-ser.svg") no-repeat 50%;
    background-size:100%;
    text-indent:-9999px
}

.elecciones-madrid{
    width:100%;
    max-width:1020px;
    margin:0 auto 20px;
    background:url(https://cadenaser.com/estaticos/recursosgraficos/responsive/cabeceras-personalizadas/elecciones-madrid/fondo.png) no-repeat;
    background-size:cover;
    position:relative;
    height:70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.elecciones-madrid.coverpage-tag{
    margin:20px auto -15px;
}

.elecciones-madrid.coverpage{
    margin:5px auto 20px;
}

.elecciones-madrid:after{
    content:" ";
    background:transparent url("https://cadenaser00.epimg.net/estaticos/recursosgraficos/responsive/img/section-border.svg") repeat-x 0 50%;
    height:5px;
    width:100%;
    position:absolute;
    left:0;
    bottom:-5px;
}

.elecciones-madrid.coverpage:after{
    bottom:auto;
    top:-5px;
}

.elecciones-madrid a{
    display:flex;
    align-items:flex-start;
    height:70px;
    padding: 14px 20px;
}

.elecciones-madrid h1 a:after,
.elecciones-madrid h3 a:after,
.elecciones-madrid > a:after{
    content:"";
    width:75px;
    height:29px;
    background:url(https://cadenaser.com/estaticos/recursosgraficos/responsive/cabeceras-personalizadas/elecciones-madrid/bandera-madrid.png) no-repeat right center;
    background-size:contain;
    margin:4px 0 0 20px;

}

.elecciones-madrid h1 span,
.elecciones-madrid h3 span,
.elecciones-madrid > a span{
    font:600 18px montserrat;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
}

.elecciones-madrid h1 a > span:first-child,
.elecciones-madrid h3 a > span:first-child,
.elecciones-madrid > a > span:first-child{
    font-size:40px;
    align-self:center;
    margin-bottom: 3px;
}

.elecciones-madrid h1 a > span:nth-child(2),
.elecciones-madrid h3 a > span:nth-child(2),
.elecciones-madrid > a > span:nth-child(2){
    border-bottom:4px solid #fff;
    margin:0 10px 0 3px;
}

.elecciones-madrid h1 a span:last-child,
.elecciones-madrid h3 a span:last-child,
.elecciones-madrid > a span:last-child{
    display:block;
    font-size:20px;
}

.elecciones-madrid h1 a > span:last-child,
.elecciones-madrid h3 a > span:last-child,
.elecciones-madrid > a > span:last-child{
    font-weight:400;
    letter-spacing:1px;
    font-size:13px;
    line-height:15px;
}

.elecciones-madrid.others{
    margin:0 auto;
}

.elecciones-madrid.others:after{
    display:none;
}

.cnt-breadcrumb{
    display:none;
}

.elecciones-madrid > div{
    display: flex;
    padding-right: 11px;
}

.elecciones-madrid > div a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 44px;
    background: #cf0202;
    padding: 0;
}

.elecciones-madrid > div a span{
    font:600 14px/19px Poppins;
    color: #fff;
    text-transform: uppercase;
    letter-spacing:1px;
}

.elecciones-madrid [title~=Directo]{
    margin-left: 11px;
}

.elecciones-madrid [title~=Directo]:before{
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
}


@media (max-width:770px){
    .elecciones-madrid{
        flex-direction: column;
        height: auto;
        background: none;
    }

    .elecciones-madrid::after {
        display: none;
    }
    .elecciones-madrid.coverpage-tag{
        margin:20px auto -5px;
    }
    .elecciones-madrid h1,
    .elecciones-madrid h3,
    .elecciones-madrid > a{
        width: 100%;
    }
    .elecciones-madrid h1 a,
    .elecciones-madrid h3 a,
    .elecciones-madrid > a{
        background:url(https://cadenaser.com/estaticos/recursosgraficos/responsive/cabeceras-personalizadas/elecciones-madrid/fondo.png) no-repeat;
        background-size:cover;
    }
    .elecciones-madrid > div{
        width: 100%;
        padding: 0;
    }
    .elecciones-madrid > div a{
        width: 100%;
    }
    .elecciones-madrid [title~="Directo"]{
        margin: 0;
    }

    .elecciones-madrid > div > span{
        width: 1px;
        height: 44px;
        background: #510707;
    }
    .elecciones-madrid > div a span{
	    font:600 18px/20px Poppins;
    }
}

@media (min-width: 1020px) {
    #cnt_logo_ser {
        min-width:100vw;
        position:relative;
        left:calc((1020px - 100vw) / 2)
    }
}