/* Custom CSS for ResonanceFM 2025 to override the master css that is compiled from SCSS */
/* CB 2026-01-21 Modifies Header (inc. navigation) to promote DONATE  */
/* CB 2025-02-25 Adds Show (Programmes) page */
/* CB 2025-02-24 Adds Schedule page */
/* CB 2025-02-04 Adds SlicesCMS - Now_Next slice */
/* CB 2025-02-03 Adds Header (inc. navigation) */
/* CB 2025-01-27 Adds Footer - Subscribe */
/* CB 2025-01-23 Adds SlicesCMS - Quotes slice */

/** Header element **/
/* Use Adrian Shaughnessy International Klein Blue (#002FA7) */

/* Fundraiser drop-shadow */
nav .links ul li.fundraiser a {
    text-shadow: 1px 1px 15px #002FA7;
}
nav .links a:hover {
    color: #002FA7;
    border-bottom: 1px solid #002FA7;
}

/* Listen (Radioplayer) link */
nav .links ul li.listen-nav a {
    color: #002FA7;
    background-image: url(/assets/play-button-002FA7-58f007fa8011046bad2924d179739f8e.png);
}
nav .links ul li.listen-nav a:hover {
    border-bottom: 1px solid #002FA7;
}

/* Menu link and menu content on the responsive menu */
nav .links.responsive-menu a {
    color: #002FA7;
}
nav .responsive-links a {
    color: #002FA7;
}
nav .responsive-links li {
    border-bottom: 1px solid #002FA7;
}

/* Replay link */
nav .links ul li.replay-nav a {
    color: #002FA7;
    background: url(/assets/mixcloud-logo-002FA7-03e000c3df80fd4071ebb25bd53b1ee5.png);
    background-size: 30px 30px;
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
}
nav .links ul li.replay-nav a:hover {
    border-bottom: 1px solid #002FA7;
}
/* Donate link */
nav .links ul li.donate-nav a {
    color: #002FA7;
    background: url(/assets/donate-icon-002FA7-201345a9bf1b4754b75546db700fe4f0.png);
    background-size: 18px 18px;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
}
    nav .links ul li.donate-nav a:hover {
        border-bottom: 1px solid #002FA7;
}
        
/** SlicesCMS - Quotes slice **/
/* Add a small margin */

.slice.quotes .quote-holder .quote {
padding-left: 5%;
padding-right: 5%;
}

/* Stop the First Line from wrapping so easily */
.slice.quotes h2 {
max-width: 75%;
}

/* Hide the Quote Marks */
.slice.quotes h2 .quote-mark {
visibility: hidden;
}

/* Use Adrian Shaughnessy International Klein Blue (#002FA7) */

.slice.quotes h2 {
color: #002FA7;
}
.slice.quotes .quote-holder .quote a {
color: #002FA7;
}

.slice.quotes .microfiche-bullet.selected {
background: #002FA7;
}

/* Remove the frosted background */
.slice.quotes {
    background-image: none;
    background-color: whitesmoke;
}

/** SlicesCMS - Now_Next slice **/
/* Replace gradient shading with solid block backgrounds */
/* Remove background from Now */
.slice.now_next .now .now-background {
    background: unset;
}
/* Remove gradient overlay from Next shows microfiche */
.slice.now_next .next .next-overlay {
    background: unset;
}
/* Add lightest grey background for Next-First show */
.slice.now_next .next .next-show.first {
    background: gainsboro;
}
/* Add next-lightest grey background for later Next shows */
.slice.now_next .next .next-show {
    background-color: lightgrey;
}

/* Use Adrian Shaughnessy International Klein Blue (#002FA7) */
/* For highlight text elements... */
.slice.now_next .now-next-description {
    color: #002FA7;
}
/* ... and the Listen-Now control... */
.slice.now_next .now .listen-now-button {
    background-image: url(/assets/play-button-002FA7-58f007fa8011046bad2924d179739f8e.png);
    border: 2px solid #002FA7;
    color: #002FA7;
}
/* ... and the next-microfiche control buttons, using the new #002FA7 play-button for next, and flipping it horizontally for prev */
.slice.now_next .next .microfiche-button.microfiche-next-button {
    background-image: url(/assets/play-button-002FA7-58f007fa8011046bad2924d179739f8e.png);
}
.slice.now_next .next .microfiche-button.microfiche-prev-button {
    background-image: url(/assets/play-button-002FA7-58f007fa8011046bad2924d179739f8e.png);
    transform: scaleX(-1);
}

/** Application - Schedules page **/

/* Use Adrian Shaughnessy International Klein Blue (#002FA7) /*
    /* for ON NOW text elements */
.schedule-index .schedule-block .on-now {
color: #002FA7;
}
    /* And the ON NOW Listen-Now control */
.schedule-index .listen-now-button {
background-image: url(/assets/play-button-002FA7-58f007fa8011046bad2924d179739f8e.png);
border: 2px solid #002FA7;
color: #002FA7;
}
/* Replace gradient on the Schedule navigator */
.schedule-nav-holder {
    background: whitesmoke;
}
/* Add gradient to regular program blocks */
.schedule-index .schedule-block {
    background: gainsboro;
}
/* Replace gradient on the NO NOW program block*/
.schedule-index .schedule-block.schedule-current {
    background: none;
}

/** Application - Shows (Programmes) page **/
/* Show Sidebar - Use Adrian Shaughnessy International Klein Blue (#002FA7) */
    /* Small Search */
    .small-search ::placeholder {
        color: color: #002FA7;
        /* opacity: 1; /* Firefox */
    }
    .show-index .show-sidebar .small-search input {
        color: #002FA7;
    }
    .show-index .show-sidebar .small-search input {
        background-image: url(/assets/search-icon-002FA7-870b51e552f3d2d8e61d3b44868e85c2.png);
    }
    /* Selected Show */
    .show-index .show-sidebar li.active {
        background: #002FA7;
    }
/* Show Description - Use Adrian Shaughnessy International Klein Blue (#002FA7)  */
    .show-index .show-description .next-episode {
        color: #002FA7;
    }
    /* Big Search */
    .small-search ::placeholder {
        color: #002FA7;
        /* opacity: 1; /* Firefox */
    }
    .show-index input {
        color: #002FA7;
    }
    .show-index .show-description-initial .vertical-center input {
        border-bottom: 1px solid #002FA7;
    }
    .show-index .show-description input.show-search {
        background-image: url(/assets/search-icon-002FA7-870b51e552f3d2d8e61d3b44868e85c2.png);
    }
/* Replace gradient on the Show Sidebar */
    .show-index .show-sidebar .show-sidebar-header {
        background: gainsboro;
    }
/* Replace gradient on Show Description */
    .show-index .show-description .show-description-bar {
        background: whitesmoke;
    }   

/** Footer - 202501 Subscribe (embedded form) **/
/**   Adding our own overrides to the Mailchimp form style sheet "https://cdn-images.mailchimp.com/embedcode/classic-061523.css" **/

/* Background colour and font */
        #mc_embed_shell {
            color: initial;
        }
        #mc_embed_signup {
            background: #fff;
            clear: left;
            font: 14px Helvetica, Arial, sans-serif;
        }
        #mc_embed_signup a {
            color: #002FA7;
            text-decoration: underline;
        }
        #mc_embed_signup input {
             font-size: 1.25em;
        }
        #mc_embed_signup div#mce-responses {
                padding: 0;
                margin: 0; 
        }
        #mc_embed_signup .button {
            background-color: #002FA7;
        }
/* Subscribe form tidy */
        #mc-embedded-subscribe-form .mc_fieldset {
            border: none;
            min-height: 0px;
            padding-bottom: 0px;
        }
        #mc-embedded-subscribe-form input[type=checkbox] {
            display: inline;
            width: auto;
            margin-right: 10px;
        }

/* GDPR boilerplate tidy */
        #mergeRow-gdpr {
            margin-top: 20px;
        }

        #mergeRow-gdpr fieldset label {
            font-weight: normal;
        }

/** Footer **/
/* Lighten the solid background colour */
footer {
    background: darkgrey;
}

/* Action Buttons to use Use Adrian Shaughnessy International Klein Blue (#002FA7) */
footer form input[type="submit"], footer form button {
    background-color: #002FA7;
    font-weight: 600;
}

/* End of Custom CSS for ResonanceFM 2025 */