/*
	Theme Name: Homemade Radio
	Theme URI: https://matthewhollett.com/design/
	Author: Matthew Hollett
	Author URI: https://matthewhollett.com/
	Description: Homemade Radio is a responsive WordPress theme, custom designed for VOBB by Matthew Hollett.
	Version: 2.0
	Text Domain: vobb
*/



/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;1,400&display=swap');



*, *::after, *::before {box-sizing: border-box; text-rendering: optimizeLegibility;}
html, body {overflow-x: hidden;}
html {font-size: 110%; scroll-behavior: smooth;}
body {
 margin: 0; background-color: #fff; color: #222;
 font-family: 'Montserrat', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

a {text-decoration: none; transition: color 0.15s ease-out;}
a:link, a:visited {color: #f26e21;}
a:hover, a:active {color: #2192f2;}
img {max-width: 100%; height: auto;}
a img {border: none;}
iframe, .mejs-container {max-width: 100% !important;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0 0 0 21px;}
ol {margin: 0; padding: 0;}
ol li {margin: 0; padding: 0 0 0 21px;}
table {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight: 500; line-height: 1.2;}
h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, p:first-child {margin-top: 0;}
h1 {font-size: 2.4rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.6rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.3rem; text-transform: uppercase;}
h6 {font-size: 1.1rem; font-style: italic;}

hr, hr.wp-block-separator {clear: both; height: 0; border: 0; border-top: 1px #ccc solid; margin: 3em auto;}
.fluid-width-video-wrapper {max-width: 100%; margin: 1.5em 0;}

article blockquote {
 position: relative; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";
 font-size: 1.35rem; font-weight: 500; color: #739f42;
}
article blockquote p {display: inline;}

article .wp-block-pullquote p {font-size: 1.35em;}
article .has-large-font-size {font-size: 1.5em;}

article blockquote cite, article .wp-block-quote cite {
 display: block; margin: 1em 0 0 0; font-size: 1.1rem; color: #222; text-align: right; font-style: normal;
}

.embed-container, .wp-block-embed__wrapper {
 position: relative; width: 100%; max-width: 1500px; height: 0; margin: 0 auto; padding-bottom: 56.25%;
 text-align: center; overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed__wrapper iframe {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.clear {font-size: 0; height: 0; clear: both;}

.logo, .nav, .button, .wp-block-button, .emm-paginate, form label, #wpadminbar {
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}

.svg-inline--fa {display: inline-block; margin-right: 0.5em;}

.screenreader-text {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.screenreader-text:focus {
 display: inline-block; position: static; width: auto; height: auto; margin: auto; padding: 3px; color: black;
}

#scrollToTop {
 position: fixed; display: none; bottom: 20px; right: 20px; width: 45px; height: 45px; margin: 0; padding: 10px;
 background-color: #666; border-radius: 12px; color: #fff; font-size: 25px; line-height: 25px; text-align: center;
 opacity: 0.5; cursor: pointer; z-index: 1000;
}
#scrollToTop .svg-inline--fa {margin: 0;}
#scrollToTop:hover {background-color: #ff712d; opacity: 1.0; transition: background-color 0.1s ease-out, opacity 0.1s ease-out;}



/* header */
.header-wrapper {
 margin: 0; background-color: #000;
 background: url('images/landscape-winter.jpg') top center no-repeat; background-size: cover;
}
.header-wrapper.winter {background-image: url('images/landscape-winter.jpg');}
.header-wrapper.summer {background-image: url('images/landscape-summer.jpg');}

header {
 position: relative; width: 1500px; min-height: 400px; margin: 0 auto;
 background: url('images/radio-circles.png') right center no-repeat; background-size: 500px;
}

.logo {
 display: block; position: absolute; top: -55px; left: 0;
 width: 650px; height: 185px; max-width: 100%; margin: 0; padding: 0;
 background: url('images/vobb-logo-title.png') center center no-repeat; background-size: contain; z-index: 800;
}
.logo a {display: block; width: 100%; height: 100%; margin: 0;}

.listen-live {
 display: table; position: absolute; right: 128px; top: 76px; width: 250px; height: 250px; margin: 0;
}
.listen-live-inner {display: table-cell; vertical-align: middle; margin: 0;}
.listen-live p {font-size: 1.2rem; font-weight: 500; text-align: center;}
.listen-live .cc_player {margin: 0 auto; text-align: center;}

.nav-wrapper {
 position: relative; margin: 0; background-image: linear-gradient(180deg, #7fad48 0%, #3c6033 100%);
 border-top: 1px transparent solid; border-bottom: 5px #f26e21 solid; z-index: 1000;
}
.nav {
 position: relative; width: 1500px; margin: 0.5em auto; padding: 0;
 color: #fff; font-size: 1.2rem; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); font-weight: 500; text-align: center;
 border-top: 1px transparent solid;
}

.nav ul {list-style: none; margin: 0; padding: 0;}
.nav ul li {display: inline-block; margin: 0; padding: 0;}

.nav a {transition: none;}
.nav a:link, .nav a:visited {color: #fff;}
.nav a:hover, .nav a:active {color: #fff;}
.nav ul li a, .nav ul li span {display: block; width: 100%; margin: 0; padding: 10px 16px;}
.nav ul li.current_page_item>a {background-color: #222;}
.nav ul li a:hover, .nav ul li a:focus {background-color: #f26e21;}

.nav ul li ul {
 display: none !important; position: absolute; margin: -1px 0 0 0; padding: 0.5em 0 0.75em 0;
 font-size: 1.05rem; text-align: left; background-color: #3c6033; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); z-index: 1000;
}
.nav ul li ul li {display: block; margin: 0; padding: 0;}
.nav ul li ul li a {padding: 10px 16px;}
.nav ul li:hover ul {display: block !important;}
.nav ul li ul li ul {
 display: block !important; position: relative; margin: -0.25em 0 0 0; padding: 0 0 0 0.75em; font-size: 0.92rem;
 background-color: transparent; box-shadow: none; z-index: 1;
}
.nav ul li ul li ul li a {padding-top: 3px; padding-bottom: 3px;}
.nav ul li ul li ul li a::before {display: inline-block; content: '\2022'; vertical-align: top; margin-right: 5px;}

.nav #menuToggle {display: none; margin: 0; padding: 0.5em 0; text-align: center; cursor: pointer;}
.nav #menuToggle:hover, .nav #menuToggle:focus {color: #222; text-shadow: 0px 1px 1px rgba(255,255,255,0.5);}
.nav #menuToggle .fa-times {display: none;}
.nav #menuToggle.expanded .fa-times {display: inline;}
.nav #menuToggle.expanded .fa-bars {display: none;}



/* search and social */
.top-bar-wrapper {min-height: 60px; margin: 0; padding-top: 5px; background-color: #222; overflow: hidden;}
.top-bar {position: relative; width: 1500px; margin: 0 auto;}

.social-header {position: absolute; top: 10px; right: 60px; z-index: 900;}
.social {margin: 0; padding: 0; line-height: 1;}
.social a {display: inline-block; margin: 0 9px; padding: 0; font-size: 1.8rem; vertical-align: middle;}
.social a:link, .social a:visited, .search-icon {color: #bbb;}
.social a:hover, .social a:active, .social a:focus, .search-icon:hover, .search-icon:focus {color: #2192f2;}

.search-div {
 display: inline-block; width: 50px; margin: 0; padding: 10px; vertical-align: middle;
 background-color: #fff; border-radius: 25px; transition: width 0.3s ease-out; z-index: 1000; cursor: pointer;
}
.search-form {position: relative; min-width: 28px; width: 100%; height: 28px; overflow: hidden;}
.search-input {
 top: 0; right: 0; width: 100%; height: 28px; margin: 0 !important; padding: 5px; border: 0 !important;
 font-size: 1rem; color: #222; font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 background-color: #fff; box-shadow: none !important; opacity: 0; transition: opacity 0.3s ease-out;
}
.search-input::-webkit-search-cancel-button {display: none;}
.search-icon, .search-submit {
 display: block; position: absolute; top: 1px; right: 0; width: 28px; height: 28px; padding: 0; margin: 0;
 color: #bbb; font-size: 25px !important; text-align: center; line-height: 1 !important;
 cursor: pointer; background: transparent !important; border: 0;
}
.search-submit {color: transparent !important;}
.search-icon {transition: all 0.3s ease-out;}
article input[type=submit].search-submit {
 padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important;
}
.search-div.expanded {width: 300px; border: 1px #ccc solid; cursor: default;}
.search-div.expanded .search-input {opacity: 1;}
.search-div.alwaysexpanded {width: 300px !important;}

.header-search-div {position: absolute; top: 0; right: 0; display: block; margin: 0;}
.header-search-div .search-form {float: right;}
.header-search-div, .header-search-div .search-input {background-color: #bbb;}
.header-search-div .search-input, .header-search-div .search-icon, .header-search-div .search-submit {color: #222;}
.header-search-div.expanded {border: 0;}
.header-search-div.expanded, .header-search-div.expanded .search-input {background-color: #bbb !important;}

.header-search-div:hover, .header-search-div:hover .search-input,
 .header-search-div:focus, .header-search-div:focus .search-input {background-color: #2192f2;}



/* body */
.wrapper {position: relative; width: 1500px; margin: 0 auto;}

.section {margin-top: 2.5em;}
.section-page, .section-single, .section-search, .section-404 {max-width: 750px; margin-left: auto; margin-right: auto;}
.section-404 {text-align: center;}
.section-page-news {max-width: none;}

.section article {font-size: 1.1rem; line-height: 1.6;}
.section-search article, .emm-paginate {clear: both; width: 100%; padding-top: 3em; margin-top: 3em; border-top: 1px #ccc solid;}
.section-page article li, .section-single article li, .section-page article blockquote, .section-single article blockquote,
 .post-excerpt, .post-image-wrapper, .gallery dl dt {max-width: 750px;}

.section article a:link, .section article a:visited, .section .post-meta a:link, .section .post-meta a:visited {
 text-decoration: underline dotted #bbb;
}
.section article a:hover, .section article a:active, .section .post-meta a:hover, .section .post-meta a:active {
 text-decoration: underline solid #2192f2;
}

.section-single article h2, .section-single article h3, .section-page article h2, .section-page article h3 {margin-top: 2em;}
.section-single article .wp-block-column h2, .section-single article .wp-block-column h3,
 .section-page article .wp-block-column h2, .section-page article .wp-block-column h3 {margin-top: 0;}

.home-news article h2, .home-recipes article h2, .section-page-news article h2,
 .section-page-programs article h2, .section-page-recipes article h2 {margin-top: 0.5em; font-size: 1.5rem;}

.pcp-carousel-wrapper .sp-pcp-title a {
 font-weight: 500 !important; line-height: 1.2 !important; margin-top: 0.5em; font-size: 1.5rem !important;
}
.pcp-carousel-wrapper .sp-pcp-title a:link, .pcp-carousel-wrapper .sp-pcp-title a:visited {color: #f26e21 !important;}
.pcp-carousel-wrapper .sp-pcp-title a:hover, .pcp-carousel-wrapper .sp-pcp-title a:active {color: #2192f2 !important;}
 
.heading-sublink {margin: -1em 0 2em 0; padding: 0; font-size: 1rem; text-transform: uppercase;}

.section article ul {list-style: none; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ul li {margin: 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ul li::before {content: "•"; display: block; float: left; width: 1.2em; color: #222;}

.section article ol {list-style-position: inside; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ol li {margin: 0 0 0 0.5em; padding: 0;}

.section article figure.wp-block-table {margin: 1em 0 !important;}
.section article table {table-layout: fixed; width: 100%; font-size: 0.95rem; border-collapse: collapse; border: 1px #ccc solid;}
.section article th, .section article td {padding: 20px; vertical-align: top;}

.post-block-container {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.post-block {flex: 0 1 33.33%; margin: 0 0 3% 0; padding: 0 1.5%;}
.section-search .post-block {padding-left: 0; padding-right: 0;}
.post-excerpt, .sp-pcp-post-content p {margin-top: -1em; font-size: 1rem;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-left: 7px; margin-right: 7px;}

.post-meta {margin: -1em 0 2em 0;}
.post-date, .post-taxonomies, .post-type {margin: 0.25em 0; color: #aaa; font-size: 0.9rem; line-height: 1.4;}
.post-type {margin: 1em 0 -1em 0; text-transform: uppercase;}
.taxonomy-description {color: #aaa; margin-bottom: 2em;}

.post-image-wrapper {position: relative; height: 0; padding-bottom: 70%; overflow: hidden;}

.post-image-link {
 display: block; position: absolute; width: 100%; height: 100%; box-shadow: none !important;
 background-position: top center; background-repeat: no-repeat; background-size: cover; transition: transform 0.4s ease-out;
}
.post-image-link:hover {transform: scale(1.07);}

.search-image {float: right; width: 200px; max-width: 50%; height: auto; margin: 15px 0 15px 15px; border: 1px #ddd solid;}
a:hover .search-image {border: 1px #2192f2 solid;}

.post-previous-next {clear: both; margin: 3em 0; line-height: 1.4;}
.post-previous-next-label {font-size: 0.9rem; color: #222; text-transform: uppercase;}
.previous-next-date {font-size: 0.9rem; color: #999;}
.post-previous, .post-next {
 position: relative; width: 48.5%; padding: 15px; border: 1px #ccc solid;
 /*font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;*/
}
.post-previous-next a {text-decoration: none !important;}
.post-previous:hover, .post-previous:active, .post-next:hover, .post-next:active {border-color: #2192f2;}
.post-previous {float: left; text-align: right;}
.post-next {float: right;}



/* home */
.intro-wrapper {
 margin: 0; background: #a3ecfd;
 background: radial-gradient(circle at 28% 140px, rgba(255,255,255,1) 0%, rgba(167,238,255,1) 70%, rgba(75,185,212,1) 100%);
 box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

.home-intro {position: relative; width: 1500px; margin: 0 auto;}

.intro-text {float: left; width: 45%; margin: 0 auto; padding: 60px 50px 40px 50px; font-size: 1.2rem; line-height: 1.5;}
.intro-text h1, .intro-text p {max-width: 380px;}

.intro-slides {float: left; width: 55%; margin: 0 auto; padding: 30px 50px;}

.slides-wrapper {position: relative; width: 100%; height: 0; margin: 0 auto; padding-bottom: 66.66%; z-index: 0;}
ul.slides {position: absolute; width: 100%; height: 100%; margin: 0 auto; padding: 0; list-style: none; overflow: hidden;}
ul.slides li {display: none; position: relative; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;}
ul.slides li:first-child {display: block;}
.home-slide-image {
 position: absolute; width: 100%; height: 100%;
 background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.home-slide-caption {
 position: absolute; bottom: 0; right: 0; width: auto; margin: 0; padding: 6px 15px;
 background-color: rgba(0,0,0,0.6); border-radius: 2px;
 color: #fff; font-size: 0.85rem; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
 text-align: right;
}

a.rslides_nav {
 position: absolute; top: 0; display: flex; align-items: center; width: 50px; height: 100%; margin: 0; padding: 0;
 font-size: 5rem; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.5); z-index: 1000;
}
a.rslides_nav.prev {left: 0; transform: scale(-1, 1);}
a.rslides_nav.next {right: 0;}
a.rslides_nav:link, a.rslides_nav:visited {color: #fff;}
a.rslides_nav:hover, a.rslides_nav:active {color: #2192f2;}

.home-schedule-weather {margin-top: 5em;}
.home-schedule {float: left; width: 48%;}
.home-schedule iframe {width: 550px; max-width: 100%; height: 650px;}
.home-weather {float: right; width: 48%;}
.home-weather img.weather-station {margin-bottom: 2em; border: 1px #bbb solid; box-shadow: 0px 1px 3px rgba(0,0,0,0.6);}

.home-meet img {width: 100%; max-width: 600px;}
.home-meet a:hover img {outline: 3px #2192f2 solid;}



/* recipes */
.recipes-wrapper {
 margin: 1em 0; background: url('images/bg-paper-yellow.png'); /*box-shadow: inset 0 5px 10px -8px rgba(0, 0, 0, 0.5);*/
 border-top: 2px #ccc dashed; border-bottom: 2px #ccc dashed;
}
.home-recipes {position: relative; width: 1500px; margin: 1em auto;}
.home-recipes h1 {padding-top: 1em;}

.section-page-recipes .recipe-block-container {}
.section-page-recipes .recipe-block-container .post-block {flex: 0 1 100%;}
.section-page-recipes .recipe-block-container .post-image-wrapper {}
.section-page-recipes .recipe-block-container .post-excerpt {font-size: 1.1rem;}



/* programs */
.program-block-container {}
.program-block-container .post-block {flex: 0 1 100%;}
.program-block-container .post-image-wrapper {}
.program-block-container .post-excerpt {font-size: 1.1rem;}

.programGallery {display: flex; flex-flow: row wrap; margin: 0 -1%;}
.programGallery div {flex: 0 1 25%; margin: 0 0 3% 0; padding: 0 1%;}
.programGallery div a {
 display: block; width: 100%; height: 0; padding-bottom: 75%;
 border: 3px #fff solid; box-shadow: 0 2px 9px rgba(0,0,0,0.3); transition: border 0.15s ease-out;
 background-position: center center; background-repeat: no-repeat; background-size: cover;
}
.programGallery a:hover {border-color: #2192f2;}
.programGallery img {display: block;}



/* forms */
input, textarea {margin: 0.5em 0; padding: 15px; font-size: 1.1rem; line-height: 1.5; border-radius: 2px;}
textarea {width: 100%; max-width: 500px !important;}

.section article form input, .section article form textarea {
 display: block; max-width: 100%; margin-top: 0.3em;
 border: 1px #ccc solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 12px inset;
 transition: all 0.3s ease-in-out;
}
.section article form input:focus, .section article form textarea:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px;
 border: 1px #3272b6 solid;
}

.section article form select {
 padding: 15px; font-size: 1.1rem; line-height: 1.5; box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}

article input[type=image] {
 padding: 0 !important; border: none !important; border-radius: 0 !important;
 box-shadow: none !important; text-shadow: none !important;
}

.ninja-forms-form-wrap .nf-form-fields-required {padding: 2em 0;}
.ninja-forms-form-wrap .hr-container {margin: 3em auto !important;}



/* buttons */
.button, article input[type=submit], .wp-block-button__link, .wp-block-file .wp-block-file__button,
 .nf-form-wrap input[type=button] {
 display: inline-block; padding: 10px 24px !important;
 border: 0 !important; border-radius: 2px !important; box-shadow: 0 1px 1px #222 !important;
 background-image: linear-gradient(180deg, #fe8138 39%, #c25415 100%) !important;
 color: #fff !important; font-size: 1.25rem !important; font-weight: 500 !important;
 text-decoration: none !important; text-shadow: rgba(0,0,0,.6) 0 1px 1px;
 vertical-align: middle; cursor: pointer; transition: none;
}
.button:hover, .button:active, .button:focus,
 .wp-block-button__link:hover, .wp-block-button__link:active,
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:active,
 article input[type=submit]:hover, article input[type=submit]:active, article input[type=submit]:focus,
 .nf-form-wrap input[type=button]:hover, .nf-form-wrap input[type=button]:active {
 background: #2192f2 !important;
}
.button:active, article input[type=submit]:active,
 .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active,
 .nf-form-wrap input[type=button]:active {
 box-shadow: none !important; transform: translateY(2px);
}
article input[type="submit"].search-submit {background: transparent !important; background-image: none !important;}

.post-excerpt .button, .post-excerpt .wp-block-button__link {
 display: inline !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important;
 background-image: none !important; background: transparent !important; color: #f26e21 !important;
 font-size: 1rem !important; font-weight: normal !important; text-shadow: none !important;
 text-decoration: underline dotted #bbb !important; vertical-align: baseline !important;
}
.post-excerpt .button:hover, .post-excerpt .wp-block-button__link:hover {
 color: #2192f2 !important; text-decoration: underline solid #2192f2 !important;
}



/* footer */
.footer-wrapper {
 position: relative; margin: 140px 0 0 0; background-color: #222;
 border-top: 5px #739f42 solid; border-bottom: 1px #222 solid;
}

.footer-logo {
 position: absolute; left: calc(50% - 80px); top: -80px; width: 160px; height: 160px;
 background: url(images/vobb-logo-circle.png) center center no-repeat; background-size: contain;
}

.social-footer {position: absolute; top: -128px; right: 0;}
.social-footer a {font-size: 2.2rem;}

footer {
 position: relative; width: 1500px; min-height: 300px; margin: 60px auto 0 auto;
 color: #fff; font-size: 1.1rem; line-height: 1.5;
}
footer a:link, footer a:visited {color: #fff; text-decoration: underline dotted #bbb;}
footer a:hover, footer a:active {color: #2192f2; text-decoration: underline solid #2192f2;}

.footer-columns {display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0;}
.footer-col {flex: 0 1 calc(50% - 20px); margin: 0 0 3% 0; padding: 20px 40px;}
.footer-col h1, .footer-getinvolved {text-align: center;}

.footer-getinvolved img {display: block; width: 300px; max-width: 100%; margin: 0 auto;}
.footer-getinvolved a.och {display: inline-block; opacity: 0.8; margin: 2em auto 1em auto;}
.footer-getinvolved a.och:hover {opacity: 1;}

.footer-badges {margin: 2em 0; text-align: center;}
.footer-badge {display: inline-block; width: 120px; height: auto; margin: 10px;}
.footer-badge img {display: inline-block; margin: 0;}
.footer-badge a:hover img {outline: 3px #2192f2 solid;}

footer .copyright {margin: 5em auto 2em auto; font-size: 0.88rem; text-align: center;}



/* sidebar */
aside {}

.relatedPages-title {font-size: 1.1rem;}

aside ul {list-style: none; margin: 0; padding: 0; line-height: 1.3;}
aside ul li {margin: 0; padding: 0 0 0 0.5em; text-indent: -0.5em;}
aside ul li ul li::before {content: "•"; display: block; float: left; width: 1.2em; color: #222;}

aside .current_page_item a {color: #222 !important;}


/* misc */
.read-more {}

.gallery {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.gallery dl {flex: 0 1 25%; margin: 0 0 3% 0; padding: 0 1.5%;}
.gallery dl dt {position: relative; height: 0; padding-bottom: 75%; overflow: hidden;}
.gallery dl dt a {display: block; position: absolute; width: 100%; height: 100%;}
.gallery dl dt a img {display: block; width: 100%; height: auto; transition: transform 0.4s ease-out;}
.gallery dl dt.landscape a img {width: auto !important; min-width: 100%; max-width: none; height: 100%;}
.gallery dl a:hover img {transform: scale(1.07);}

.wp-block-gallery ul.blocks-gallery-grid {margin-bottom: 0; padding: 0; text-indent: 0;}
.wp-block-gallery ul.blocks-gallery-grid li, .nf-form-wrap .list-wrap li {padding: 0; text-indent: 0;}
.wp-block-gallery ul.blocks-gallery-grid li::before, .nf-form-wrap .list-wrap li::before {content: none !important;}
.wp-block-gallery ul.blocks-gallery-grid figcaption {display: none;}
.wp-block-gallery ul.blocks-gallery-grid a img {border: 1px #ddd solid;}
.wp-block-gallery ul.blocks-gallery-grid a:hover img {border: 1px #2192f2 solid; outline: 3px #2192f2 solid;}

.emm-paginate {clear: both; display: block; margin: 3em 0 1em 0; font-size: 1.4rem; line-height: 1.4; overflow-wrap: break-word;}
.emm-paginate a {padding: 1px 7px; text-align: center;}
.emm-paginate a:link, .emm-paginate a:visited {}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate a:focus {background-color: #ccc;}
.emm-paginate .emm-title {color: #222; margin-right: 4px;}
.emm-paginate .emm-gap {color: #999;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .emm-current {background-color: #ccc; color: #fff; padding: 1px 7px; cursor: default;}



/* selections; hide input placeholder text on focus; fix for ios automatically styling phone numbers */
::-moz-selection, ::selection {background: #04a4cc; color: #fff; text-shadow: none;}
input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder {color: transparent;}
a[href^="tel"] {color: inherit; text-decoration: none;}



/* wordpress core */
div#wpadminbar {z-index: 10000 !important;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right;	margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;	margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}

.alignwide {position: relative; left: -10vw; width: calc(100% + 20vw);}
.alignfull {width: 100vw; max-width: 100vw; margin: 2rem calc(50% - 50vw);}

.wp-caption {padding: 5px 3px 10px;	max-width: 100% !important;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto;	margin: 0;	padding: 0;	max-width: 100% !important;}
.wp-caption .wp-caption-text, .gallery-caption, figcaption {
 clear: both !important; display: block !important; width: 100% !important; margin: 0;	padding: 4px;
 font-size: 0.8rem; color: #888; line-height: 1.3;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
.wp-block-image figcaption {margin-top: -0.3em !important;}

input[type="password"] {
 margin: 0 5px; padding: 5px 7px; font-size: 0.9rem;
 border: 1px #999 solid; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset;
 transition: all 0.30s ease-in-out;
}
input[type="password"]:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px; border: 1px #2192f2 solid;
}
.post-password-form p {margin: 2em 0;}






/* responsive */

/* When width is less than 1580 */
@media only screen and (max-width: 1580px) {
 html {font-size: 95%;}
 .wrapper, .top-bar, header, .nav, .home-intro, .home-recipes, footer {width: 96%; max-width: 1500px; min-width: 300px;}
}


/* When width is less than 1100 */
@media only screen and (max-width: 1100px) {
 .intro-slides {padding: 30px;}
 .intro-text {padding: 60px 30px 30px 30px;}
}


/* When width is less than 950 */
@media only screen and (max-width: 950px) {
 .intro-text {padding: 40px 30px 30px 30px;}
 
 .post-block {flex: 0 1 50%;}
 .alignwide {left: 0; width: 100%;}
}


/* When width is less than 900 */
@media only screen and (max-width: 900px) {
 header {background-position: center center;}
 .listen-live {position: relative; right: auto; top: auto; width: 100%; padding-top: 110px;}
 
 .home-schedule, .home-weather {display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;}
 .home-weather {margin-top: 5em;}
}


/* When width is less than 800 */
@media only screen and (max-width: 800px) {
 .section, aside {display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;}
 .gallery dl, .programGallery div {flex: 0 1 33.33%;}
 
 .intro-slides, .intro-text {
  display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;
  text-align: center;
 }
 .intro-text h1 {margin: -1em auto 0.5em auto;}
 .intro-text p {margin: 1em auto;}
 
 .footer-col {flex: 0 1 100%;}
}


/* When width is less than 750 */
@media only screen and (max-width: 750px) {
 .footer-logo {left: calc(50% - 60px); top: -60px; width: 120px; height: 120px;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .logo {top: -60px;}
 
 .alignright, .alignleft {
  display: block; float: none !important; width: auto; height: auto; margin: 1em 0 !important; padding: 0;
 }
 .post-block {flex: 0 1 100%;}
 
 .footer-col {padding: 20px;}
}


/* When width is less than 480 (also prevent nav from staying hidden on wider screens) */
@media only screen and (min-width: 481px) { .nav ul {display: block !important;} }
@media only screen and (max-width: 480px) {
 html {font-size: 90%;}
 .wrapper, .top-bar, header, .nav, .home-intro, .home-recipes, footer {width: 100%; padding-left: 10px; padding-right: 10px;}

 .logo {left: 2%; max-width: 96%;}
 
 .social-header {right: 68px;}
 .social-header a {font-size: 1.9rem;}
 .header-search-div {right: 8px;}
 
 .nav #menuToggle {display: block; font-size: 1.15rem;}
 .nav ul {display: none; font-size: 1.15rem;}
 .nav ul li {display: block; margin: 0 0 0.5em 0;}
 .nav ul li ul {
  display: block !important; position: relative; margin: 0 0 1em 0; padding: 0;
  font-size: 0.95rem; text-align: center; background-color: transparent; box-shadow: none; z-index: 0;
 }
 .nav ul li ul li {display: block; margin: 0; padding: 0;}
 .nav ul li ul li a {display: block; margin: 0; padding: 6px 18px;}
 
 .home-schedule iframe {height: 500px;}
  
 article blockquote {margin: 1em 0.5em;}
 .gallery dl, .programGallery div {flex: 0 1 50%;}
 
 .post-previous, .post-next {width: 100%; float: none; text-align: left;}
 .post-next {margin-top: 1.5em;}
}


/* When width is less than 360 */
@media only screen and (max-width: 360px) {
}





/* touch devices without hover */
@media (hover: none) {
 
}






/* print stylesheet */
@media print {
 header, aside, footer, .post-previous-next {display: none;}
 .wrapper, .section {width: 100% !important; max-width: 100% !important; font-size: 0.82em !important;}
 .logo {
  -webkit-print-color-adjust: exact !important; /* print background images in Chrome, Safari */
                color-adjust: exact !important; /* Firefox*/
 }
}