.mdn-english-header{width:100%;background:#fff;border-bottom:1px solid #ddd}
.mdn-english-header-inner{max-width:1170px;margin:0 auto;min-height:130px;display:flex;align-items:center;justify-content:space-between}
.mdn-english-calendar{flex:0 0 190px;width:190px;text-align:center;line-height:1.05}
.mdn-english-calendar .mdn-day{font-size:15px;font-weight:600;text-transform:uppercase}
.mdn-english-calendar .mdn-date{font-size:34px;font-weight:700}
.mdn-english-calendar .mdn-month{font-size:15px;font-weight:600;text-transform:uppercase}
.mdn-english-logo{flex:1;text-align:center}
.mdn-english-logo img{width:auto;max-width:560px;height:140px;max-height:none;display:inline-block}
.mdn-english-social{flex:0 0 210px;width:210px;text-align:center}
.mdn-english-social .socials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mdn-english-social a{font-size:18px;text-decoration:none}
@media(max-width:767px){
.mdn-english-header-inner{min-height:90px;padding:8px}
.mdn-english-calendar{width:75px}
.mdn-english-calendar .mdn-date{font-size:25px}
.mdn-english-calendar .mdn-day,.mdn-english-calendar .mdn-month{font-size:10px}
.mdn-english-logo img{max-width:240px;max-height:70px}
.mdn-english-social{width:75px}
.mdn-english-social .socials{grid-template-columns:repeat(2,1fr);gap:5px}
}
.mdn-english-social{margin-left:auto!important;text-align:right!important}
.mdn-english-social .socials{justify-content:end!important}

/* MDN English Header - 10 Social Icons */
.mdn-english-social .socials{
    width:210px;
    display:grid;
    grid-template-columns:repeat(5,32px);
    grid-auto-rows:32px;
    gap:6px;
    justify-content:end;
    align-items:center;
}

.mdn-english-social .socials a{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:32px;
    text-decoration:none;
}

@media(max-width:767px){
    .mdn-english-social .socials{
        width:75px;
        grid-template-columns:repeat(2,32px);
        grid-auto-rows:32px;
        gap:5px;
    }
}

/* MDN English Header - override SuperMag social styles */
.mdn-english-social .socials a{
    color:#333!important;
    padding-left:0!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
}

.mdn-english-social .socials a i{
    display:block!important;
    color:#333!important;
    opacity:1!important;
    visibility:visible!important;
}
.mdn-english-social .socials a i.fa{font-family:"FontAwesome"!important;font-style:normal!important;font-weight:normal!important;}

/* MDN English Header - Social Icon Colors */
.mdn-english-social .facebook i{color:#1877F2!important;}
.mdn-english-social .twitter i{color:#000000!important;}
.mdn-english-social .youtube i{color:#FF0000!important;}
.mdn-english-social .instagram i{color:#E4405F!important;}
.mdn-english-social .whatsapp i{color:#25D366!important;}
.mdn-english-social .telegram i{color:#229ED9!important;}
.mdn-english-social .linkedin i{color:#0A66C2!important;}
.mdn-english-social .pinterest i{color:#E60023!important;}
.mdn-english-social .rss i{color:#F26522!important;}
.mdn-english-social .email i{color:#555555!important;}

/* MDN English Header - Force brand colors on Font Awesome glyphs */
.mdn-english-social .facebook i:before{color:#1877F2!important;}
.mdn-english-social .twitter i:before{color:#000000!important;}
.mdn-english-social .youtube i:before{color:#FF0000!important;}
.mdn-english-social .instagram i:before{color:#E4405F!important;}
.mdn-english-social .whatsapp i:before{color:#25D366!important;}
.mdn-english-social .telegram i:before{color:#229ED9!important;}
.mdn-english-social .linkedin i:before{color:#0A66C2!important;}
.mdn-english-social .pinterest i:before{color:#E60023!important;}
.mdn-english-social .rss i:before{color:#F26522!important;}
.mdn-english-social .email i:before{color:#555555!important;}

/* MDN English Header - Larger Social Icons */
.mdn-english-social .socials a{
    width:36px!important;
    height:36px!important;
}

.mdn-english-social .socials a i{
    font-size:22px!important;
    line-height:36px!important;
}

/* MDN English Header - Hanging Live Calendar */
.mdn-english-calendar{
    position:relative;
    width:145px;
    min-height:155px;
    margin:0 auto;
    padding:34px 10px 10px;
    box-sizing:border-box;
    text-align:center;
    background:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    box-shadow:0 3px 8px rgba(0,0,0,.18);
    overflow:visible;
    z-index:5;
}

.mdn-calendar-top{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:38px;
    background:#c40000;
    border-radius:3px 3px 0 0;
}

.mdn-calendar-rings{
    position:absolute;
    top:-10px;
    left:0;
    right:0;
    height:24px;
    z-index:8;
    display:flex;
    justify-content:space-around;
    padding:0 22px;
    box-sizing:border-box;
}

.mdn-calendar-rings span{
    display:block;
    width:9px;
    height:25px;
    background:#555;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0,0,0,.35);
}

.mdn-english-calendar .mdn-day{
    position:relative;
    z-index:2;
    margin:2px 0 0;
    font-size:13px;
    line-height:20px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
}

.mdn-english-calendar .mdn-date{
    position:relative;
    z-index:2;
    margin-top:5px;
    font-size:52px;
    line-height:55px;
    font-weight:800;
    color:#c40000;
}

.mdn-english-calendar .mdn-month{
    position:relative;
    z-index:2;
    margin-top:1px;
    font-size:15px;
    line-height:20px;
    font-weight:700;
    color:#333;
}

.mdn-live-time{
    position:relative;
    z-index:2;
    margin-top:7px;
    font-size:12px;
    line-height:18px;
    font-weight:600;
    color:#555;
}

.mdn-live-time i{
    margin-right:3px;
    color:#c40000;
}

@media (max-width:767px){
    .mdn-english-calendar{
        width:125px;
        min-height:140px;
        padding-top:31px;
    }

    .mdn-calendar-top{
        height:34px;
    }

    .mdn-english-calendar .mdn-date{
        font-size:44px;
        line-height:47px;
    }

    .mdn-english-calendar .mdn-month{
        font-size:13px;
    }
}


/* =========================================================
   MDN ENGLISH HEADER - REALISTIC HANGING CALENDAR
   ========================================================= */

.mdn-english-calendar{
    position:relative!important;
    width:175px!important;
    height:220px!important;
    min-height:220px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-align:center!important;
    background:linear-gradient(to bottom,#ffffff 0%,#ffffff 82%,#f1f1f1 100%)!important;
    border:1px solid #cfcfcf!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 5px 9px rgba(0,0,0,.28)!important;
}

/* Red calendar header */
.mdn-calendar-top{
    position:absolute!important;
    top:0!important;
    left:-1px!important;
    right:-1px!important;
    height:61px!important;
    background:linear-gradient(to bottom,#ff2020 0%,#e90000 45%,#b50000 100%)!important;
    border:1px solid #a90000!important;
    border-radius:22px 22px 0 0!important;
    box-shadow:inset 0 2px 2px rgba(255,255,255,.45)!important;
}

/* Metal hanging rings */
.mdn-calendar-rings{
    position:absolute!important;
    top:-22px!important;
    left:0!important;
    right:0!important;
    height:45px!important;
    padding:0!important;
    display:block!important;
    z-index:20!important;
}

.mdn-calendar-rings span{
    position:absolute!important;
    top:0!important;
    width:13px!important;
    height:42px!important;
    display:block!important;
    border-radius:8px!important;
    background:linear-gradient(to right,#333 0%,#999 25%,#eeeeee 48%,#777 70%,#292929 100%)!important;
    border:1px solid #333!important;
    box-shadow:0 2px 3px rgba(0,0,0,.45)!important;
}

.mdn-calendar-rings span:first-child{
    left:43px!important;
}

.mdn-calendar-rings span:last-child{
    right:43px!important;
}

/* Small dark ring holes/shadows */
.mdn-calendar-rings span:after{
    content:""!important;
    position:absolute!important;
    top:1px!important;
    left:2px!important;
    right:2px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#222!important;
    box-shadow:inset 0 1px 2px rgba(255,255,255,.35)!important;
}

/* Day */
.mdn-english-calendar .mdn-day{
    position:absolute!important;
    top:13px!important;
    left:0!important;
    right:0!important;
    z-index:10!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:25px!important;
    line-height:32px!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
    color:#fff!important;
}

/* Large date */
.mdn-english-calendar .mdn-date{
    position:absolute!important;
    top:67px!important;
    left:0!important;
    right:0!important;
    z-index:5!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:82px!important;
    line-height:82px!important;
    font-weight:900!important;
    letter-spacing:-3px!important;
    color:#d60000!important;
}

/* Month and year */
.mdn-english-calendar .mdn-month{
    position:absolute!important;
    top:151px!important;
    left:0!important;
    right:0!important;
    z-index:5!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:20px!important;
    line-height:25px!important;
    font-weight:800!important;
    letter-spacing:-.2px!important;
    text-transform:uppercase!important;
    color:#16366f!important;
}

/* Divider */
.mdn-english-calendar .mdn-month:after{
    content:""!important;
    display:block!important;
    width:135px!important;
    height:2px!important;
    margin:8px auto 0!important;
    background:#c8c8c8!important;
}

/* Live clock */
.mdn-live-time{
    position:absolute!important;
    top:190px!important;
    left:0!important;
    right:0!important;
    z-index:5!important;
    margin:0!important;
    padding:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:17px!important;
    line-height:22px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    color:#16366f!important;
}

.mdn-live-time i{
    margin-right:5px!important;
    font-size:20px!important;
    color:#16366f!important;
}

/* Responsive */
@media (max-width:767px){
    .mdn-english-calendar{
        width:150px!important;
        height:190px!important;
        min-height:190px!important;
    }

    .mdn-calendar-top{
        height:53px!important;
    }

    .mdn-calendar-rings span:first-child{
        left:36px!important;
    }

    .mdn-calendar-rings span:last-child{
        right:36px!important;
    }

    .mdn-english-calendar .mdn-day{
        top:11px!important;
        font-size:21px!important;
        line-height:28px!important;
    }

    .mdn-english-calendar .mdn-date{
        top:58px!important;
        font-size:70px!important;
        line-height:70px!important;
    }

    .mdn-english-calendar .mdn-month{
        top:128px!important;
        font-size:16px!important;
        line-height:21px!important;
    }

    .mdn-english-calendar .mdn-month:after{
        width:115px!important;
        margin-top:6px!important;
    }

    .mdn-live-time{
        top:165px!important;
        font-size:14px!important;
    }
}


/* FINAL MDN CALENDAR TIME OVERLAP FIX */
.mdn-english-calendar{
    position:relative!important;
    height:185px!important;
    overflow:hidden!important;
}

.mdn-english-calendar .mdn-live-time{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:158px!important;
    height:20px!important;
    line-height:20px!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
    text-align:center!important;
}

.mdn-english-calendar .mdn-live-time i{
    font-size:11px!important;
    margin-right:2px!important;
}

.mdn-english-calendar .mdn-month{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:126px!important;
    height:24px!important;
    line-height:24px!important;
    margin:0!important;
}

.mdn-english-calendar .mdn-date{
    line-height:1!important;
}
EOFcat >> english-header.css <<'EOF'

/* FINAL MDN CALENDAR TIME OVERLAP FIX */
.mdn-english-calendar{
    position:relative!important;
    height:185px!important;
    overflow:hidden!important;
}

.mdn-english-calendar .mdn-live-time{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:158px!important;
    height:20px!important;
    line-height:20px!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
    text-align:center!important;
}

.mdn-english-calendar .mdn-live-time i{
    font-size:11px!important;
    margin-right:2px!important;
}

.mdn-english-calendar .mdn-month{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:126px!important;
    height:24px!important;
    line-height:24px!important;
    margin:0!important;
}

.mdn-english-calendar .mdn-date{
    line-height:1!important;
}
EOFcat >> english-header.css <<'EOF'

/* FINAL MDN CALENDAR TIME OVERLAP FIX */
.mdn-english-calendar{
    position:relative!important;
    height:185px!important;
    overflow:hidden!important;
}

.mdn-english-calendar .mdn-live-time{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:158px!important;
    height:20px!important;
    line-height:20px!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
    text-align:center!important;
}

.mdn-english-calendar .mdn-live-time i{
    font-size:11px!important;
    margin-right:2px!important;
}

.mdn-english-calendar .mdn-month{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:126px!important;
    height:24px!important;
    line-height:24px!important;
    margin:0!important;
}

.mdn-english-calendar .mdn-date{
    line-height:1!important;
}

/* MDN CALENDAR - CLEAN FINAL LAYOUT */
.mdn-english-calendar{
    position:relative!important;
    width:145px!important;
    height:185px!important;
    overflow:hidden!important;
}

.mdn-english-calendar .mdn-day{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:52px!important;
    line-height:52px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:20px!important;
    font-weight:700!important;
    color:#fff!important;
}

.mdn-english-calendar .mdn-date{
    position:absolute!important;
    top:57px!important;
    left:0!important;
    right:0!important;
    height:68px!important;
    line-height:68px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:68px!important;
    font-weight:800!important;
    color:#c5281c!important;
}

.mdn-english-calendar .mdn-month{
    position:absolute!important;
    top:120px!important;
    left:0!important;
    right:0!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    line-height:16px!important;
    white-space:normal!important;
}

.mdn-english-calendar .mdn-month-name{
    display:block!important;
    font-size:15px!important;
    line-height:17px!important;
    font-weight:700!important;
    color:#173b78!important;
    text-transform:uppercase!important;
}

.mdn-english-calendar .mdn-year{
    display:block!important;
    font-size:15px!important;
    line-height:17px!important;
    font-weight:700!important;
    color:#173b78!important;
}

.mdn-english-calendar .mdn-live-time{
    position:absolute!important;
    top:158px!important;
    left:0!important;
    right:0!important;
    height:15px!important;
    line-height:15px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:10px!important;
    font-weight:600!important;
    color:#173b78!important;
}

.mdn-english-calendar .mdn-live-time i{
    font-size:10px!important;
    margin-right:2px!important;
}


/* MDN CALENDAR - LARGER LOWER CLOCK */
.mdn-english-calendar .mdn-live-time{
    top:166px!important;
    height:18px!important;
    line-height:18px!important;
    font-size:13px!important;
    font-weight:700!important;
}

.mdn-english-calendar .mdn-live-time i{
    font-size:14px!important;
    margin-right:3px!important;
}


/* MDN CALENDAR - TALLER AND NARROWER PROPORTION */
.mdn-english-calendar{
    width:135px!important;
    height:170px!important;
}


/* MDN CALENDAR - FINAL NARROW WIDTH */
.mdn-english-calendar{
    width:125px!important;
    height:170px!important;
}


/* FORCE CALENDAR WIDTH */
.mdn-english-header .mdn-english-calendar{
    width:125px!important;
    min-width:125px!important;
    max-width:125px!important;
    flex:0 0 125px!important;
    box-sizing:border-box!important;
}


/* MDN CALENDAR - WIDTH 130PX */
.mdn-english-header .mdn-english-calendar{
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
    flex:0 0 130px!important;
    box-sizing:border-box!important;
}


/* MDN CALENDAR - WIDTH 130PX */
.mdn-english-header .mdn-english-calendar{
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
    flex:0 0 130px!important;
    box-sizing:border-box!important;
}


/* MDN CALENDAR - LOCK WIDTH AND HEIGHT */
.mdn-english-header .mdn-english-calendar{
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
    flex:0 0 130px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}


/* MDN CALENDAR - FINAL PROPORTION ADJUSTMENT */
.mdn-english-header .mdn-english-calendar .mdn-day{
    height:31px!important;
    line-height:31px!important;
    font-size:20px!important;
    top:0!important;
}

.mdn-english-header .mdn-english-calendar .mdn-date{
    top:42px!important;
    height:62px!important;
    line-height:62px!important;
    font-size:60px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-month{
    top:108px!important;
    height:38px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-live-time{
    top:150px!important;
    height:18px!important;
    line-height:18px!important;
    font-size:13px!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:20!important;
}

.mdn-english-header .mdn-english-calendar .mdn-live-time i{
    font-size:14px!important;
}


/* RED FRIDAY HEADER - HALF HEIGHT */
.mdn-english-header .mdn-english-calendar .mdn-calendar-top{
    height:16px!important;
    min-height:16px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-day{
    height:16px!important;
    line-height:16px!important;
    top:0!important;
    font-size:20px!important;
}


/* FRIDAY RED HEADER - 30PX */
.mdn-english-header .mdn-english-calendar .mdn-calendar-top{
    height:30px!important;
    min-height:30px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-day{
    height:30px!important;
    line-height:30px!important;
    top:0!important;
    font-size:20px!important;
}


/* FRIDAY RED HEADER - 38PX */
.mdn-english-header .mdn-english-calendar .mdn-calendar-top{
    height:38px!important;
    min-height:38px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-day{
    height:38px!important;
    line-height:38px!important;
    top:0!important;
    font-size:20px!important;
}


/* FRIDAY RED HEADER - 38PX */
.mdn-english-header .mdn-english-calendar .mdn-calendar-top{
    height:38px!important;
    min-height:38px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-day{
    height:38px!important;
    line-height:38px!important;
    top:0!important;
    font-size:20px!important;
}


/* FRIDAY RED HEADER - 45PX */
.mdn-english-header .mdn-english-calendar .mdn-calendar-top{
    height:45px!important;
    min-height:45px!important;
}

.mdn-english-header .mdn-english-calendar .mdn-day{
    height:45px!important;
    line-height:45px!important;
    top:0!important;
    font-size:20px!important;
}


/* MONTH AND YEAR - 12PX */
.mdn-english-header .mdn-english-calendar .mdn-month-name,
.mdn-english-header .mdn-english-calendar .mdn-year{
    font-size:12px!important;
    line-height:14px!important;
}


/* MONTH AND YEAR - 10PX */
.mdn-english-header .mdn-english-calendar .mdn-month-name,
.mdn-english-header .mdn-english-calendar .mdn-year{
    font-size:10px!important;
    line-height:12px!important;
}


/* MONTH AND YEAR - 12PX */
.mdn-english-header .mdn-english-calendar .mdn-month-name,
.mdn-english-header .mdn-english-calendar .mdn-year{
    font-size:12px!important;
    line-height:14px!important;
}


/* MONTH AND YEAR - 15PX */
.mdn-english-header .mdn-english-calendar .mdn-month-name,
.mdn-english-header .mdn-english-calendar .mdn-year{
    font-size:15px!important;
    line-height:17px!important;
}