/* ===== CLOSED tape: everything is shut down except SUBMIT DEMO ===== */
.cl { position: relative !important; overflow: hidden; cursor: not-allowed !important; user-select: none; -webkit-user-select: none; }
.cl, .cl * { pointer-events: none; }
.cl::after, .cl.cl-x::before {
    content: "CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED \2022  CLOSED";
    position: absolute; left: -15%; width: 130%; top: 50%;
    height: 22px; line-height: 22px; font: 900 12px/22px 'Montserrat', Arial, sans-serif; letter-spacing: 3px;
    white-space: nowrap; overflow: hidden; text-align: center; color: #000;
    background:
        linear-gradient(#ffd400, #ffd400) center / 100% calc(100% - 8px) no-repeat,
        repeating-linear-gradient(45deg, #ffd400 0 8px, #111 8px 16px);
    box-shadow: 0 2px 8px rgba(0,0,0,.6);
    transform: translateY(-50%) rotate(-6deg);
    z-index: 50; pointer-events: none; opacity: 1 !important; filter: none !important;
}
.cl.cl-x::before { transform: translateY(-50%) rotate(6deg); z-index: 49; }
.cl.cl-sm::after { height: 16px; font: 900 9px/16px 'Montserrat', Arial, sans-serif; letter-spacing: 2px;
    background: linear-gradient(#ffd400,#ffd400) center / 100% calc(100% - 4px) no-repeat, repeating-linear-gradient(45deg,#ffd400 0 5px,#111 5px 10px); }
.cl.cl-lg::after, .cl.cl-lg.cl-x::before { height: 34px; font: 900 18px/34px 'Montserrat', Arial, sans-serif; letter-spacing: 5px; }
nav ul li a.cl, .logo a.cl, .footer-right a.cl { display: inline-block; }
