/*
Theme Name: WDVX 2020
Author: Aside Project Studio
Author URI: https://asideproject.com/
Description: A responsive, semantic, HTML5, WordPress theme custom-built for WDVX
Version: 1.0
Tags: custom-menu, sticky-post, post-formats, responsive
*/
@font-face { font-family: 'Wide Latin'; font-style: normal; font-weight: normal; src: local("Wide Latin"), url("fonts/LATINWD.woff") format("woff"); }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

/* Sections ========================================================================== */
body { margin: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
a { background-color: transparent; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
img { border-style: none; }

/* Forms ========================================================================== */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
details { display: block; }

summary { display: list-item; }

/* Misc ========================================================================== */
template { display: none; }

[hidden] { display: none; }

* { box-sizing: border-box; position: relative; }

/*
$unit: percentage(69 / 960);
$gutter: percentage(12 / 960);

$unit: percentage(58 / 960);
$gutter: percentage(24 / 960);

$unit: percentage(68 / 970);
$gutter: percentage(14 / 970);
$unit: percentage(57 / 970);
$gutter: percentage(26 / 970);

$unit: percentage(77 / 1056);
$gutter: percentage(12 / 1056);
*/
/*
$unit: percentage(66 / $fullwidth);
$gutter: percentage(24 / $fullwidth);
*/
.radial { background: radial-gradient(center, circle farthest-corner, #555A5F 0%, #000 100%); background-color: #555A5F; width: 100%; height: 100%; position: absolute; }

/*! layout elements
--------------------------------*/
/*-- flexbox --*/
/*-- MENU
--------------------------------*/
ul.menu { margin: 0; padding: 0; list-style: none; }

li.mi-listen, li.mi-donate { display: flex; }

li.mi-listen a, li.mi-donate a { display: inline-block; transition: all 0.2s ease; text-align: center; text-transform: uppercase; width: auto; padding: .6em 1em; font-weight: 400; font-family: "montserrat", "lato", "helvetica neue", helvetica, arial, sans-serif; background: #FC5438; color: white; border: 0; text-decoration: none; cursor: pointer; padding: 1rem 2rem !important; }

li.mi-listen a:visited, li.mi-donate a:visited { color: white; }

li.mi-listen a:hover, li.mi-donate a:hover { background: #1A364F; text-decoration: none; color: white; }

li.mi-listen a.reversed, li.mi-donate a.reversed { background: white; color: #FC5438; border: 1px solid #1A364F; }

li.mi-listen a.reversed:visited, li.mi-donate a.reversed:visited { color: #FC5438; }

li.mi-listen a.reversed:hover, li.mi-donate a.reversed:hover { background: #FFBF54; }

@media screen and (max-width: 540px) { li.mi-listen a, li.mi-donate a { padding: .4rem .7rem; font-size: 93.75%; } }

li.mi-listen a svg, li.mi-donate a svg { margin-left: .5rem; }

li.mi-donate a { background: #4F8287; }

#navmain { transition: font-size 0.1s ease; display: block; float: left; width: 100%; -webkit-backface-visibility: hidden; }

#navmain .menu-main-menu-container { flex-grow: 1; }

#navmain .menu-special-menu-container { flex-grow: 0; }

#navmain ul { -webkit-backface-visibility: hidden; }

#navmain ul li { position: relative; }

#navmain ul li a { display: block; font-family: "montserrat", "lato", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; text-decoration: none; line-height: 1; color: white; }

#navmain ul li ul li a { text-transform: none; }

#navmain ul li.current_page_item a, #navmain ul li.current-page-ancestor a { color: #FC5438; }

#navmain ul li:hover > a { color: #FFBF54; }

#navmain ul li:hover ul li a { background: none; }

body.home #navmain ul li.mi-home { display: none; }

.trigger { cursor: pointer; color: #FC5438; font-weight: 300; }

.trigger path { fill: #FFBF54; }

.trigger:hover { color: #FC5438; }

.trigger:hover path { fill: #FC5438; }

@media screen and (max-width: 770px) { /*-- main nav --------------------------------*/ #navmain { -webkit-transform: translateX(100%); transform: translateX(100%); transition: all 0.3s ease; position: fixed; top: 0; left: 0; min-height: 100vh; background-color: rgba(26, 54, 79, 0.9); z-index: 999999; width: 100%; margin: 0; padding: 0 0 30px; overflow: hidden; font-size: 110%; -webkit-overflow-scrolling: touch; } #navmain .menu-main-menu-container { padding-bottom: 2rem; width: 100%; padding: 50px 30px 30px; clear: both; } #navmain .menu-special-menu-container { width: 100%; clear: both; } #navmain ul { width: 100%; text-align: center; } #navmain ul li { width: 100%; } #navmain ul li a { display: block; padding: 0.25rem 2.272727%; } #navmain ul li ul { transition: all 0.2s ease; font-size: 75%; max-height: 0; opacity: 0; overflow: hidden; padding: 0; margin: 0; } #navmain ul li.open > a { color: #FC5438; } #navmain ul li.open > ul { max-height: 1000rem; opacity: 1; padding-bottom: 1rem; } #navmain ul li:hover a { background: transparent; } #navmain ul li.mi-social { display: inline-block; margin: 1em .5em; width: auto; } #navmain ul li.mi-social:last-of-type { clear: right; } #navmain ul.menu.special-menu { display: flex; } #navmain ul.menu.special-menu li { width: 50%; flex-basis: 50%; flex-grow: 1; } #navmain ul.menu.special-menu li a { width: 100%; padding: 1rem !important; } #navmain.viz { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } #slide-trigger { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5%; float: right; text-align: right; text-decoration: none; margin: 0; text-transform: uppercase; } #slide-trigger span { float: left; display: inline-block; line-height: 30px; color: #FFBF54; } #slide-trigger:hover span { color: white; } #slide-trigger:hover svg path { fill: white; } .trigger { display: block; } .bars, .closex { width: 30px; height: 30px; margin-left: .5rem; } .bars svg, .closex svg { display: block; width: 20px; height: 20px; margin: 5px auto; } .bars svg path, .closex svg path { fill: #FFBF54; } .closex { display: block; float: right; border: none; position: absolute; top: 2.272727%; right: 2.272727%; z-index: 300; } .closex:hover { color: #FC5438; } .closex:hover svg path { fill: #FC5438; } .no-js #slide-trigger { display: none; } .no-js .menu-main-menu-container { display: block; } .no-js .menu-main-menu-container ul li { float: none; } }

@media screen and (min-width: 771px) { #navmain { flex-grow: 1; display: flex; align-content: center; flex-wrap: nowrap; flex-direction: row; width: auto; margin: 0; text-align: right; font-size: 12px; } #navmain .menu-main-menu-container, #navmain .menu-special-menu-container { align-items: center; justify-content: flex-end; display: flex; height: 100%; } #navmain .menu-main-menu-container > ul.menu, #navmain .menu-special-menu-container > ul.menu { display: flex; height: 100%; align-items: center; } #navmain .menu-main-menu-container > ul.menu li.mi-social:first-child, #navmain .menu-special-menu-container > ul.menu li.mi-social:first-child { margin-left: 1rem; } #navmain .menu-main-menu-container > ul.menu li.mi-listen, #navmain .menu-main-menu-container > ul.menu li.mi-donate, #navmain .menu-special-menu-container > ul.menu li.mi-listen, #navmain .menu-special-menu-container > ul.menu li.mi-donate { display: flex; height: 100%; } #navmain .menu-main-menu-container > ul.menu li.mi-listen a, #navmain .menu-main-menu-container > ul.menu li.mi-donate a, #navmain .menu-special-menu-container > ul.menu li.mi-listen a, #navmain .menu-special-menu-container > ul.menu li.mi-donate a { height: 100%; display: flex; align-items: center; } #navmain .menu-main-menu-container > ul.menu li.mi-donate, #navmain .menu-special-menu-container > ul.menu li.mi-donate { margin-left: 1rem; } #navmain ul { float: right; } #navmain ul li { display: block; float: left; } #navmain ul li a { padding: .5rem .4rem; } #navmain ul li ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 0.2s ease; position: absolute; top: 100%; right: 0; padding: 5px 0 0 0; background: #4F4D47; font-size: 90%; width: 12rem; visibility: hidden; opacity: 0; z-index: 19999; text-align: right; } #navmain ul li ul:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -7px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #4F4D47; border-left: 7px solid transparent; content: ''; } #navmain ul li ul li { width: 100%; } #navmain ul li ul li a { line-height: 0; padding: .5rem .5rem .5rem 1rem; height: auto; color: white; } #navmain ul li ul li ul { -webkit-transform: none; transform: none; font-size: 87.5%; left: 100%; margin-left: 0; top: 0; width: 10rem; text-align: left; } #navmain ul li ul li ul li a { font-weight: 400; } #navmain ul li ul li ul:before { display: none; } #navmain ul li ul li:hover > a { color: #FC5438; } #navmain ul li:hover > ul { visibility: visible; opacity: 1; } #navmain ul li:hover > ul li a { line-height: 1; height: auto; } #slide-trigger, #menuheader, .closex { display: none; } }

@media screen and (min-width: 1031px) { #navmain { font-size: 13px; letter-spacing: .5px; } #navmain ul li a { padding: .5rem .75em; } #navmain ul li ul { letter-spacing: 0 !important; } }

@media screen and (min-width: 1057px) { #navmain { font-size: 14px; } }

@media screen and (min-width: 1400px) { #navmain { font-size: 15px; letter-spacing: 1px; } }

/* =12-column grid setup
--------------------------------------------------------------------*/
.col { margin: 0 1.136364%; position: relative; display: inline-block; float: left; min-height: 1px; }

.first { margin-left: 0; }

.last { margin-right: 0; }

.unit1 { width: 6.25%; }

.unit2 { width: 14.772727%; }

.unit3 { width: 23.295455%; }

.unit4 { width: 31.818182%; }

.unit5 { width: 40.340909%; }

.unit6 { width: 48.863636%; }

.unit7 { width: 57.386364%; }

.unit8 { width: 65.909091%; }

.unit9 { width: 74.431818%; }

.unit10 { width: 82.954545%; }

.unit11 { width: 91.477273%; }

.unit12 { width: 100%; margin-right: 0; }

.columns { -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; -webkit-column-rule: none; -moz-column-rule: none; column-rule: none; -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-perspective: 1; }

.columns ul, .columns li, .columns p, .columns h1, .columns h2, .columns h3, .columns h4, .columns h5, .columns h6 { column-break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; }

.columns h1, .columns h2, .columns h3, .columns h4, .columns h5, .columns h6 { -webkit-column-break-after: avoid; page-break-after: avoid; -moz-column-break-after: avoid; break-after: avoid; -moz-break-after: avoid-column; }

@media screen and (min-width: 541px) { .columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }

.columns > *::first-of-type:last-of-type { display: block; width: 100%; }

/* credit card icons ------------------------------------------------------*/
.gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px; }

.gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(../images/gf-creditcard-icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float: left; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px; }

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px; }

.gform_wrapper .gform_card_icon_container input[type=radio]#gform_payment_method_creditcard { float: left; position: relative; top: 4px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left, .gform_wrapper .ginput_complex .ginput_cardinfo_right { min-height: 43px; position: relative; float: left; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left label, .gform_wrapper .ginput_complex .ginput_cardinfo_right label { white-space: nowrap !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left { width: 50%; margin-right: 1%; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container { position: relative; display: block; min-width: 160px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month { margin-right: 4px; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right { min-width: 85px !important; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code { width: 4em !important; float: left; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right label { clear: both; }

.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon { width: 32px; height: 23px; background-image: url(../images/gf-creditcard-icons.png); background-repeat: no-repeat; background-position: 0 -128px; position: relative; top: -1px; left: 6px; display: -moz-inline-stack; display: inline-block; zoom: 1; }

.gform_wrapper .ginput_complex span.ginput_cardextras { display: block; overflow: hidden; }

.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month, .gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year { width: 48% !important; display: -moz-inline-stack; display: inline-block; zoom: 1; }

.gform_wrapper .right_label .gform_fileupload_multifile, .gform_wrapper .left_label .gform_fileupload_multifile { margin-left: 31%; }

.gform_wrapper .gform_delete { vertical-align: middle; cursor: pointer; }

.gform_wrapper .gform_fileupload_multifile .gform_drop_area { padding: 25px; border: 2px dashed #ddd; text-align: center; color: #aaa; margin-bottom: 10px; }

/*-- form elements
--------------------------------*/
form { display: block; }

fieldset legend { display: none; }

label { display: block; margin-bottom: .2em; font-weight: 700; }

input[type='text'], input[type='email'], input[type='tel'], input[type='search'], input[type='password'], textarea, select { font-family: "lato", "helvetica neue", helvetica, arial, sans-serif; font-size: 100%; color: #241F21; display: block; width: 100%; max-width: 700px; border: 1px solid #ccc; padding: .75em; height: 2.5em; }

::-webkit-input-placeholder { color: #907f86; }

::-moz-placeholder { color: #907f86; }

::placeholder { color: #907f86; }

input:focus, textarea:focus, select:focus { background: #ffe; }

input[type='submit'], input[type='button'], .button, button { display: inline-block; transition: all 0.2s ease; text-align: center; text-transform: uppercase; width: auto; padding: .6em 1em; font-weight: 400; font-family: "montserrat", "lato", "helvetica neue", helvetica, arial, sans-serif; background: #FC5438; color: white; border: 0; text-decoration: none; cursor: pointer; }

input[type='submit']:visited, input[type='button']:visited, .button:visited, button:visited { color: white; }

input[type='submit']:hover, input[type='button']:hover, .button:hover, button:hover { background: #1A364F; text-decoration: none; color: white; }

input[type='submit'].reversed, input[type='button'].reversed, .button.reversed, button.reversed { background: white; color: #FC5438; border: 1px solid #1A364F; }

input[type='submit'].reversed:visited, input[type='button'].reversed:visited, .button.reversed:visited, button.reversed:visited { color: #FC5438; }

input[type='submit'].reversed:hover, input[type='button'].reversed:hover, .button.reversed:hover, button.reversed:hover { background: #FFBF54; }

@media screen and (max-width: 540px) { input[type='submit'], input[type='button'], .button, button { padding: .4rem .7rem; font-size: 93.75%; } }

textarea { max-width: none; height: auto; }

select { width: auto; padding: 0 .75em; }

/*-- Gravity forms specific styles
--------------------------------*/
.gform_wrapper { /* Class for labelling required form items */ /*-- datepicker input --------------------------------*/ }

.gform_wrapper ul.gfield_radio label, .gform_wrapper ul.gfield_checkbox label, .gform_wrapper .ginput_container_consent label { display: inline-block; clear: right; margin-left: .5em; font-weight: initial; }

.gform_wrapper input.small { width: 20%; min-width: 20px; max-width: 100px; }

.gform_wrapper .zipcode input { min-width: 60px; max-width: 100px; }

.gform_wrapper ul.gform_fields, .gform_wrapper ul.gfield_radio, .gform_wrapper ul.gfield_checkbox { list-style: none; padding: 0; }

.gform_wrapper li.gfield { *zoom: 1; margin-bottom: 1rem; }

.gform_wrapper li.gfield::before, .gform_wrapper li.gfield::after { content: ""; display: block; clear: both; height: 0; }

.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { margin-bottom: 0; }

.gform_wrapper .gfield_description { margin-top: .5rem; }

.gform_wrapper .reqtxt, .gform_wrapper .emailreqtxt { font-size: 90%; color: #bd071a; font-style: italic; }

.gform_wrapper .totalfield { display: inline-block; border: 2px solid #E0D4C2; padding: .5rem; }

.gform_wrapper .totalfield label, .gform_wrapper .totalfield .ginput_container { display: inline-block; margin-right: .5rem; }

.gform_wrapper .totalfield .ginput_container { font-weight: 700; }

.gform_wrapper .required, .gform_wrapper .validation_error { color: #bd071a; }

.gform_wrapper .validation_error, .gform_wrapper .validation_message, .gform_wrapper .gform_confirmation_message { background: rgba(202, 10, 55, 0.1); padding: 1rem; border-left: 3px solid #c03; margin-bottom: 1rem; }

.gform_wrapper .gform_confirmation_message { color: #3e754d; background: rgba(62, 117, 77, 0.1); border-color: #3e754d; }

.gform_wrapper .validation_message { font-size: 75%; padding: .5rem 1rem; font-style: italic; color: #3e754d; }

.gform_wrapper .ginput_complex span { display: block; }

.gform_wrapper .ginput_complex span label { font-weight: 400; }

.gform_wrapper .ginput_complex span.name_first { margin-right: 2%; }

.gform_wrapper .ginput_complex.ginput_container_address span.address_state select { width: 100%; }

.gform_wrapper .ginput_complex.ginput_container_address span.address_zip { width: 17%; min-width: 120px; }

.gform_wrapper .ginput_container_date input.datepicker, .gform_wrapper .ginput_container_date .ui-datepicker-trigger { display: inline-block; }

.gform_wrapper .ginput_container_date input.datepicker { max-width: 200px; background-image: url(images/icons/calendar-alt.svg); background-repeat: no-repeat; background-size: 1em; background-position: .5em center; padding-left: 2em; }

.gform_wrapper .ginput_container_date .ui-datepicker-trigger { margin-left: .5rem; }

/*-- datepicker div
--------------------------------*/
div#ui-datepicker-div { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); padding: .5rem; border: 1px solid #E0D4C2; background: rgba(255, 255, 255, 0.9); width: 200px; font-size: 87%; }

div#ui-datepicker-div a { text-decoration: none; }

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { float: left; width: auto; max-width: 50%; text-transform: uppercase; }

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { width: 100%; float: left; border: 1px solid #E0D4C2; border-width: 1px 0; padding: .5rem 0; }

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { float: right; text-align: right; clear: right; }

div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { text-transform: none; }

div#ui-datepicker-div table.ui-datepicker-calendar { width: 100%; }

div#ui-datepicker-div table.ui-datepicker-calendar td { text-align: center; }

@media screen and (min-width: 341px) { .gform_wrapper .ginput_complex span { display: block; float: left; width: 49%; } .gform_wrapper .ginput_complex span:first-of-type, .gform_wrapper .ginput_complex span.name_first { margin-right: 2% !important; } }

@media screen and (max-width: 770px) { .gform_wrapper .ginput_complex span.address_city, .gform_wrapper .ginput_complex span.address_state { width: 100%; margin-right: 0; } }

@media screen and (min-width: 771px) { .gform_wrapper .ginput_complex.ginput_container_address span.address_city { clear: left; margin-right: 2%; } .gform_wrapper .ginput_complex.ginput_container_address span.address_state { width: 30%; margin-right: 2%; } }

/*-- Social links, etc
--------------------------------*/
ul.socials, ul.sharing-links { list-style: none; padding: 0; margin: 0; }

ul.socials li, ul.sharing-links li { display: block; overflow: hidden; float: left; }

ul.socials li a, ul.sharing-links li a { text-align: center; display: block; width: 100%; height: 100%; padding: 5px; }

ul.socials li svg, ul.sharing-links li svg { display: block; max-width: 100%; max-height: 100%; margin: auto; }

ul.socials li path, ul.sharing-links li path { fill: white; }

.share-icon { width: 26px; height: 26px; display: block; }

/* ul#menu-main-menu, ul#menu-social-menu { li { background-color: transparent; &.share-facebook:hover a { color: $facebook; } &.share-instagram:hover a { color: $facebook; } &.share-linkedin:hover a { color: $linkedin; } &.share-pinterest:hover a { color: $pinterest; } &.share-tumblr:hover a { color: $tumblr; } &.share-twitter:hover a { color: $twitter; } &.share-youtube:hover a { color: $youtube; } &.share-email:hover a { color: #666; } } } */
ul.sharing-links li.share-facebook a { background-color: #3b5998; }

ul.sharing-links li.share-instagram a { background: #f09433; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }

ul.sharing-links li.share-linkedin a { background-color: #0073a5; }

ul.sharing-links li.share-pinterest a { background-color: #d43638; }

ul.sharing-links li.share-tumblr a { background-color: #2c4762; }

ul.sharing-links li.share-twitter a { background-color: #2ca9e1; }

ul.sharing-links li.share-youtube a { background-color: #bf0900; }

ul.sharing-links li.share-email a { background-color: #FFBF54; }

.sharing-module { *zoom: 1; }

.sharing-module::before, .sharing-module::after { content: ""; display: block; clear: both; height: 0; }

.sharing-module .sharing-title { display: block; cursor: pointer; margin: 0; float: left; font-size: 1rem; line-height: 1; }

.sharing-module .sharing-title span { display: inline-block; float: left; margin-right: .5em; color: #FFBF54; }

.sharing-module .sharing-title span path { fill: #FFBF54; }

.sharing-module .sharing-title span.share-icon { width: 1em; }

.sharing-module .sharing-title:hover span { color: #1A364F; }

.sharing-module .sharing-title:hover span path { fill: #1A364F; }

.sharing-module .positioner { float: left; min-width: 50%; height: 26px; overflow: hidden; }

.sharing-module .share-icon { display: block; }

.sharing-module .sharing-links { -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: all 0.2s ease; float: left; position: relative; left: 0; opacity: 0; }

.sharing-module.open .sharing-links { -webkit-transform: none; transform: none; opacity: 1; }

/* =collapsible div
--------------------------------------------------------------------*/
.collapse { opacity: 1 !important; padding: .5rem 0 .5rem 0; border-bottom: 1px solid #E0D4C2; }

.collapse .collapse-heading, .collapse .collapse-content { padding: .5rem 0; margin: 0; }

.collapse .collapse-heading { cursor: pointer; }

.collapse .collapse-heading .indicator { display: inline-block; width: 0; height: .8em; margin-right: 1.5em; }

.collapse .collapse-heading .indicator span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); display: block; height: 0; width: .65em; border-bottom: 3px solid #FFBF54; }

.collapse .collapse-heading .indicator span.x1 { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.2s ease; }

.collapse .collapse-heading .indicator span.x2 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.collapse .collapse-heading:hover { cursor: pointer; color: #FC5438; text-decoration: none; }

.collapse .collapse-heading:hover .indicator span { border-color: #FC5438; }

.collapse .collapse-heading.open .indicator span.x1 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.collapse .collapse-content { opacity: 1 !important; }

.collapse .collapse-content .collapse-content-inner { opacity: 1 !important; padding-left: 1.7em; }

.collapse .collapse-content .collapse-content-inner * { opacity: 1 !important; }

.hiddenform { transition: all 0.4s ease; display: none; }

/* =promo boxes
--------------------------------------------------------------------*/
.excerpt-cards > h2 { padding: 1.5rem 0 0; margin-bottom: 0; color: white; }

.excerpt-cards > h2 a { color: white; }

.cards { clear: both; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.cards h2 { width: 100%; flex-basis: 100%; }

.cards.padded { padding: 2.272727% 2.272727% 0; }

.cards .card, .cards .banner { margin-bottom: 2%; }

.card, .banner { position: relative; background: black; float: left; color: white; font-size: 75%; }

.card--thumb { transition: opacity 0.4s ease-in; width: 100%; height: 0; padding-top: 66%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.card--content { /* Fallback for sad browsers */ background-color: none; /* Mozilla Firefox */ /* Opera */ /* WebKit (Chrome 11+) */ /* WebKit (Safari 5.1+, Chrome 10+) */ /* IE10 */ /* W3C */ background-image: linear-gradient(transparent, black); padding: 2rem 1rem 1rem; position: absolute; top: auto; right: 0; bottom: 0; left: 0; }

.card--content h2, .card--content h3 { text-transform: none; letter-spacing: 0; color: white; margin: 0; font-weight: 700; }

.card--content a { color: white; }

.card--meta { font-family: "montserrat", "lato", "helvetica neue", helvetica, arial, sans-serif; font-weight: 400; font-size: 75%; }

.card--meta a { text-decoration: none; }

.card .eventlist_cats, .banner .eventlist_cats { margin: 0; padding: 0; list-style: none; line-height: 1; }

.card .eventlist_cats li, .banner .eventlist_cats li { display: inline-block; margin-right: 1em; }

.card .eventlist_cats li a, .banner .eventlist_cats li a { border-radius: 3px; display: inline-block; background: #1A364F; padding: 4px 5px; }

.card:hover .card--thumb, .banner:hover .card--thumb { opacity: 0.5; }

#hero .card, #hero .banner { width: 100%; }

.promos .card, .promos .banner { background: black; font-size: 85%; }

.card:nth-of-type(odd) .card--thumb, .banner:nth-of-type(odd) .card--thumb { background-color: #1A364F; }

.card:nth-of-type(even) .card--thumb, .banner:nth-of-type(even) .card--thumb { background-color: #275075; }

/* =banners
--------------------------------------------------------------------*/
.banner { background: transparent; width: 100% !important; margin: 0 !important; font-size: 112%; }

.banner .card--thumb { padding-top: 45%; }

.banner .card--content { padding: 3rem 0 1rem 0; }

.banner .card--meta { font-size: 87.5%; }

.banner:hover .card--thumb { opacity: 0.5; }

.banner#hero { background: black; }

.banner#hero.video-banner .video-band { /* Fallback for sad browsers */ background-color: black; /* Mozilla Firefox */ /* Opera */ /* WebKit (Chrome 11+) */ /* WebKit (Safari 5.1+, Chrome 10+) */ /* IE10 */ /* W3C */ background-image: linear-gradient(#1A364F, black); }

.banner#hero.video-banner .card--content { font-size: 100%; position: relative; padding-top: 1rem; }

@media screen and (max-width: 540px) { .card, .banner { width: 100%; } .card--thumb { padding-top: 40%; } .padded .card, .padded .banner { margin-bottom: 2.272727%; } }

@media screen and (min-width: 541px) { .card, .banner { width: 49%; } .promos .card .card--thumb, .promos .banner .card--thumb { padding-top: 75%; } #promos-b .card, #promos-b .banner { flex-basis: 50%; flex-grow: 1; } #promos-b .card .banner-content, #promos-b .banner .banner-content { font-size: 100%; } #promos-b .card .card--thumb, #promos-b .banner .card--thumb { padding-top: 55.25%; } }

@media screen and (min-width: 771px) { .card, .banner { width: 32%; } .promos .card, .promos .banner { width: 50%; } }

@media screen and (orientation: portrait) { .banner .banner-content .card--thumb { padding-top: 55%; } .banner#hero.video-banner .video-band > .contain { width: 100%; max-width: 100%; } }

@media screen and (min-width: 1601px) { .banner#hero .banner-content .card--thumb { padding-top: 35%; } #promos-b { flex-wrap: nowrap; } #promos-b .banner { flex-basis: calc(100% / 3); } }

/* The Modal (background) */
.modal { display: none; position: fixed; /* Stay in place */ z-index: 1000000; /* Sit on top */ width: 100vw; left: 0; top: 0; right: 0; bottom: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; /* Enable scroll if needed */ /* The Close Button */ }

.modal--container { display: flex; align-items: center; justify-content: center; z-index: 2; height: 100vh; width: 100vw; }

.modal--bg { z-index: 1; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(26, 54, 79, 0.9); }

.modal--content { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); background-color: #fefefe; padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ max-width: 550px; }

.modal--content img { width: 100%; height: 100%; }

.modal .close { color: #aaa; height: 30px; width: 30px; border-radius: 50%; background: black; color: white; padding: 5px; line-height: 0; right: -15px; top: -15px; position: absolute; z-index: 3; }

.modal .close svg { width: 20px; height: 20px; }

.modal .close svg path { transition: all 0.2s ease; fill: #ddd; }

.modal .close:hover, .modal .close:focus { background-color: #FFBF54; text-decoration: none; cursor: pointer; }

.modal .close:hover svg path, .modal .close:focus svg path { fill: black; }

.modal .action { display: block; }

@media screen and (max-height: 600px) { .modal--content { max-width: 90vh; max-height: 90vh; } }

@media print { /* ============================================================================= Print Styles ========================================================================== */ * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } body { font-size: 11pt; margin: .5in; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, block quote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #branding { position: relative !important; padding: 1rem 0; border-bottom: 1px solid #ccc; height: auto !important; } #branding #logo { width: auto; max-width: 100%; } #branding #logo a { text-indent: 0; padding: 0; height: auto; color: #999; font-weight: 700; } #branding #logo a img { width: 100%; } #branding #logo a:after { display: none; } #primary { float: left; padding: 0; } #shim { height: 0 !important; } nav, #slide-trigger, .sharing-module { display: none !important; } h2, h3 { page-break-after: avoid; } article { page-break-before: always; } ul, img { page-break-inside: avoid; } }

/* HTML definitions */
body { margin: 0; padding: 0; background: #1A364F; font-family: "lato", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; font-size: 100%; line-height: 1.5; color: #241F21; }

::-moz-selection { background: #ffd287; color: white; text-shadow: none; }

::selection { background: #ffd287; color: white; text-shadow: none; }

a { transition: all 0.2s ease; color: #FC5438; font-weight: 700; text-decoration: underline; }

a:visited { color: #FC5438; }

a:hover { color: #FFBF54; text-decoration: none; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

path { transition: all 0.2s ease; }

h1, h2, h3, h4, h5, h6 { font-family: "montserrat", "lato", "helvetica neue", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.1; color: #1A364F; margin: 0 0 .5em 0; letter-spacing: -.5px; }

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { text-decoration: none; font-weight: inherit; color: inherit; }

h1 a:hover, h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, h6 a:hover, h6 a:visited:hover { color: #FC5438; }

h1 { font-size: 250%; }

h2 { font-size: 185%; }

h3 { font-size: 135%; text-transform: uppercase; }

h4 { font-size: 112%; text-transform: uppercase; }

h5 { font-size: 106.25%; text-transform: uppercase; }

h6 { font-size: 100%; font-weight: 700; text-transform: uppercase; }

p, ul, ol, hr { margin: 0 0 1.5em 0; }

ul { padding-left: 2em; list-style-type: square; }

hr { clear: both; border: 0; border-top: 1px solid #E0D4C2; }

hr.clr { visibility: hidden; height: 0; width: 0; margin: 0; border: 0; }

iframe { width: 100%; }

.callout { font-family: "Wide Latin", "montserrat", serif; text-transform: none; }

/*!-- STRUCTURE
--------------------------------*/
#page, #bottom, #main, .aligncenter, .band, .clearfix { *zoom: 1; }

#page::before, #page::after, #bottom::before, #bottom::after, #main::before, #main::after, .aligncenter::before, .aligncenter::after, .band::before, .band::after, .clearfix::before, .clearfix::after { content: ""; display: block; clear: both; height: 0; }

.contain { margin: 0 auto; position: relative; width: 90%; max-width: 1056px; clear: both; clear: both; }

#page { background: white; overflow: hidden; }

#main { padding: 0; }

#primary.full-width { width: 100%; }

#primary, #sidebar { padding: 2rem 0; }

#content { margin: 0 0 1.5em 0; width: 100%; }

#bottom, #sidebar { font-size: 75%; line-height: 1.3; }

#sidebar #tertiary, #sidebar .widget { border-bottom: 0; margin-bottom: 1rem; }

#sidebar #tertiary:last-child, #sidebar .widget:last-child { margin-right: 0; }

.band { padding: 2rem 0; }

/*-- HEADER
--------------------------------*/
#branding { background: #4F4D47; z-index: 10000; width: 100%; position: fixed; height: 64px; }

#branding .flex-container { width: 100%; display: flex; flex-wrap: nowrap; }

#branding #logo { padding: 0; margin: 0 0 0 5%; line-height: 1; max-width: 120px; }

#branding #logo a { margin: .75rem 0 .75rem; display: block; }

#branding #logo img { width: auto; height: 40px; display: block; }

/*-- Footer
--------------------------------*/
#supporters > .contain { border-top: 1px solid #E0D4C2; padding-top: 2rem; }

.boxads { margin: 0; padding: 0; list-style: none; clear: both; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; }

.boxads li { width: 23%; float: left; flex-basis: 23%; }

.boxads li a { display: block; }

.boxads li a img { max-width: 100%; max-height: 100%; }

#bottom { background: #1A364F; padding: 2rem 0; color: white; }

#bottom p { margin-bottom: 1rem; }

#bottom a { color: white; }

#bottom a:hover { color: #E0D4C2; }

#bottom #colophon, #bottom #foot-contact { border-bottom: 1px solid white; margin-bottom: 1.5rem; padding-bottom: 1.5rem; display: flex; flex-wrap: nowrap; flex-direction: row; }

#bottom #colophon .logo { width: 31.818182%; float: left; max-width: 120px; margin-right: 2.272727%; }

#bottom #colophon .foot-info { float: left; width: auto; }

#bottom #foot-contact { text-align: center; }

#bottom #foot-contact .gform_wrapper li.gfield { width: 100%; float: left; padding: 0; margin: 0 0 .5em 0; }

#bottom #foot-contact .gform_wrapper li.gfield div.ginput_complex { width: 100% !important; }

#bottom #foot-contact .gform_wrapper li.gfield div.ginput_complex span { width: 49%; padding: 0; }

#bottom #foot-contact .gform_wrapper li.gfield div.ginput_complex span.name_first { margin-right: 2%; }

#bottom #foot-contact .gform_wrapper li.gfield label { display: none !important; }

#bottom #foot-contact .gform_wrapper li.gfield input[type=email] { max-width: none !important; }

#bottom #foot-contact .gform_wrapper .gform_footer { text-align: center; padding-top: .5rem; }

#bottom ul#menu-social-menu { font-size: 18px; }

#bottom ul#menu-social-menu li { display: inline-block; padding: 5px; }

#bottom ul#menu-social-menu li:hover a, #bottom ul#menu-social-menu li:hover a i { color: #FFBF54; }

/*-- headers and overlays
--------------------------------*/
.overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); content: ''; }

.overlink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; }

.page_header h1 { margin: 2rem 0 0 0; }

.page_header.has_header { background-size: cover; background-position: center; background-repeat: no-repeat; height: 35vh; padding-bottom: 1rem; max-height: 300px; display: flex; flex-direction: row; align-items: flex-end; }

.page_header.has_header::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: none; content: ''; /* Fallback for sad browsers */ background-color: none; /* Mozilla Firefox */ /* Opera */ /* WebKit (Chrome 11+) */ /* WebKit (Safari 5.1+, Chrome 10+) */ /* IE10 */ /* W3C */ background-image: linear-gradient(transparent, black); top: 50%; z-index: 0; }

.page_header.has_header h1 { z-index: 1; color: white; }

/* =background colors
--------------------------------------------------------------------*/
.neg *, .bg-gray *, .bg-red *, .bg-blue *, .bg-teal *, .bg-black * { color: white; }

.bg-gold { background-color: #FFBF54; }

.bg-tan { background-color: #E0D4C2; }

.bg-black { background-color: #241F21; }

.bg-teal { background-color: #4F8287; }

.bg-blue { background-color: #1A364F; }

.bg-red { background-color: #FC5438; }

.bg-gray { background-color: #4F4D47; }

/* =now playing
--------------------------------------------------------------------*/
.now-playing .title { font-weight: bold; }

.now-playing .artist { font-style: italic; }

body.home .now-playing .title, body.home .now-playing .artist { display: inline-block; }

body.home .now-playing .title { padding-right: 1rem; margin-right: 1rem; border-right: 1px solid #275075; }

/* =playlist
--------------------------------------------------------------------*/
.playlist-table { border-collapse: collapse; font-size: 75%; }

.playlist-table tr { border-bottom: 1px solid #f1ece4; }

.playlist-table td { vertical-align: top; }

.playlist-table td.now-playing-time { width: 25%; }

.playlist-table td.now-playing-title { width: 75%; }

/* =sidebar
--------------------------------------------------------------------*/
#onair-feature .ontheair { padding: 1rem; border: 1px solid #E0D4C2; }

#onair-feature .ontheair h3 { padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px solid #E0D4C2; }

#onair-feature .ontheair .now-playing { margin-bottom: 1rem; }

#onair-feature .ontheair .title, #onair-feature .ontheair .artist { margin-bottom: .5em; }

.program_block { border: 1px solid #E0D4C2; padding: 1rem; margin-bottom: 1rem; width: 100%; float: left; }

.program_block .program-info, .program_block .program-logo { display: block; float: left; }

.program_block .program-logo { width: 25%; max-width: 80px; padding: 0 1rem 2rem 0; }

.program_block .program-info { width: 75%; float: right; }

/*-- General Content
--------------------------------*/
/* Add " (PDF)" text after links that go to PDFs */
/* If file size specified as data attribute, use that too */
.post { margin: 0 0 1rem; padding: 0 0 1rem 0; border-bottom: 2px solid #efefef; }

.entry-meta { clear: both; display: block; font-size: 75%; margin-bottom: 1rem; color: #ac8c5d; }

#content nav { display: block; overflow: hidden; }

#content nav.nav-previous { float: left; width: 50%; }

#content nav.nav-next { float: right; text-align: right; width: 50%; }

#content nav #nav-above { display: none; }

#content nav #nav-below { margin: 1rem 0; }

#content nav article.last-child, #content nav .single .post { border: 0; }

.paged #content #nav-above, .single #content #nav-above { display: block; }

/* Image Attachments */
.image-attachment div.entry-meta { float: left; }

.image-attachment nav { float: right; margin: 0 0 1rem 0; }

.image-attachment .entry-content { clear: both; }

.image-attachment .entry-content .entry-attachment { background: #E0D4C2; margin: 0 0 1rem; padding: 1rem; text-align: center; }

.image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; }

/* Images */
p img { margin-bottom: 0.5rem; }

img, img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ }

img.alignleft { margin-right: 1rem; }

img.alignright { margin-left: 1rem; }

.wp-caption { margin-bottom: 1rem; text-align: center; }

.wp-caption.alignleft { margin-right: 1rem; }

.wp-caption.alignright { margin-left: 1rem; }

.wp-caption img { margin: .25rem; }

.wp-caption p { margin-bottom: 0; }

.wp-caption .wp-caption-text { font-size: 85%; font-style: italic; }

img.alignnone { display: block; }

#primary ul { overflow: hidden; }

/*-- Alignment
--------------------------------*/
.alignleft, .alignright { display: inline; }

.alignleft { float: left; }

.alignright { float: right; }

/*-- alerts
--------------------------------*/
.alert, .validation_error, .gform_confirmation_message { *zoom: 1; border-radius: 7px; border: 1px solid #ac8c5d; background: #f1ece4; padding: 2.272727%; margin-bottom: 2rem; }

.alert::before, .alert::after, .validation_error::before, .validation_error::after, .gform_confirmation_message::before, .gform_confirmation_message::after { content: ""; display: block; clear: both; height: 0; }

.alert *, .validation_error *, .gform_confirmation_message * { color: #333; }

.warning, .validation_error { background: #f2dede; border-color: #bd071a; }

.ok, .gform_confirmation_message { background: #dff0d9; border-color: #3e754d; }

.validation_message { font-weight: 700; color: #a00; }

/* =tables
--------------------------------------------------------------------*/
table { border-collapse: collapse; width: 100%; }

table tr td { padding: .5rem; }

/* =lists
--------------------------------------------------------------------*/
.profile_listing { margin: 0; padding: 0; list-style: none; *zoom: 1; }

.profile_listing::before, .profile_listing::after { content: ""; display: block; clear: both; height: 0; }

.profile_listing .single_profile { width: 100%; float: left; border-bottom: 1px solid #E0D4C2; margin-bottom: 1.5rem; }

.profile_listing .single_profile .thumb, .profile_listing .single_profile .desc { float: left; }

.profile_listing .single_profile .thumb { width: 25%; }

.profile_listing .single_profile .desc { width: 100%; }

.profile_listing .single_profile .desc.hasthumb { width: 75%; padding-left: 1em; }

.profile_listing .single_profile .button { font-size: 87.5%; }

.page-id-16 .profile_listing .single_profile.blue-plate-special { padding: 2rem 2rem 0; border: 2px solid #FFBF54; margin-bottom: 2rem; }

.podcast-embed iframe, .panels iframe { min-height: 300px; border: none; }

.sponsor_group { width: 100%; clear: both; display: flex; flex-wrap: wrap; justify-content: space-between; }

.sponsor_group .single_sponsor { display: flex; width: 30%; margin-bottom: 1em; align-content: center; text-align: center; align-items: center; }

.sponsor_group .single_sponsor a, .sponsor_group .single_sponsor img { display: block; width: 100%; }

/*-- Accessibility
--------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text, .assistive-text, .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); border: 0; }

/*-- alert boxes
--------------------------------*/
.alert { *zoom: 1; border-radius: 7px; border: 1px solid #ac8c5d; background: #E0D4C2; padding: 2.272727%; margin-bottom: 2rem; }

.alert::before, .alert::after { content: ""; display: block; clear: both; height: 0; }

.warning { background: #f2dede; border-color: #bd071a; }

.ok { background: #dff0d9; border-color: #3e754d; }

/*-- Widgets
--------------------------------*/
.widget { display: block; margin-bottom: 1rem; }

.widget-area .widget_search { overflow: hidden; }

.widget-area .widget_search input { float: left; }

/* =host & program page
--------------------------------------------------------------------*/
.headshot { max-width: 35%; float: right; margin: .5rem 0 1rem 1rem; }

.host { *zoom: 1; padding-bottom: .5rem; }

.host::before, .host::after { content: ""; display: block; clear: both; height: 0; }

.program_actions { *zoom: 1; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #f1ece4; }

.program_actions::before, .program_actions::after { content: ""; display: block; clear: both; height: 0; }

/*-- tabs
--------------------------------*/
.tabs { *zoom: 1; }

.tabs::before, .tabs::after { content: ""; display: block; clear: both; height: 0; }

.tabs .tabindex, .tabs .panels { *zoom: 1; width: 100%; }

.tabs .tabindex::before, .tabs .tabindex::after, .tabs .panels::before, .tabs .panels::after { content: ""; display: block; clear: both; height: 0; }

.tabs .tabindex { list-style: none; padding: 0; width: 100%; clear: both; }

.tabs .tabindex li { display: inline-block; float: left; margin-right: .5em; }

.tabs .tabindex li a { border-radius: 5px; display: block; border: 1px solid #FFBF54; padding: .5em 1em; text-transform: uppercase; text-decoration: none; }

.tabs .tabindex li:hover a { background: #1A364F; color: white; }

.tabs .tabindex li.ui-state-active a { background: #1A364F; color: white; }

/* =streamiong players
--------------------------------------------------------------------*/
.video-player { width: 100% !important; margin-bottom: 1rem; }

.video-player div.sgplayer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; }

.video-player div.sgplayer iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.video-player > video { width: 100%; height: auto; }

/* =media queries
--------------------------------------------------------------------*/
@media screen and (max-width: 540px) { #bottom #foot-contact { display: block; padding-bottom: 0; border-bottom: 0; } #bottom #foot-contact > div { width: 100%; padding: 1em 0; border: 0; border-bottom: 1px solid white; } #bottom #foot-contact .gform_wrapper { margin-bottom: 0; } #bottom #foot-contact .gform_wrapper .gform_footer input[type=submit] { margin: 0; } .boxads li { flex-basis: 48%; } }

@media screen and (min-width: 541px) { #bottom #foot-contact { display: flex; align-items: center; } #bottom #foot-contact .foot-address, #bottom #foot-contact .foot-follow { flex-basis: 25%; } #bottom #foot-contact .foot-address { padding-right: 1rem; } #bottom #foot-contact .foot-follow { padding-lef: 1rem; } #bottom #foot-contact .foot-subscribe { flex-basis: 50%; padding: 0 1rem; border: 1px solid white; border-width: 0 1px; } #bottom #foot-contact .foot-subscribe .gform_wrapper { margin: 0; } }

@media screen and (max-width: 720px) { body { font-size: 14px; line-height: 1.3; } h1 { font-size: 200%; } h2 { font-size: 165%; } h3 { font-size: 120%; } h4 { font-size: 110%; } .callout { font-size: 125%; } #bottom #colophon { text-align: center; flex-wrap: wrap; margin-bottom: 0; } #bottom #colophon .foot-info { width: 100%; } #bottom #colophon .logo { margin: 0 auto 1em; float: none; } .band { padding: 1em 0; } }

@media screen and (max-width: 770px) { body { transition: all 0.3s ease; width: 100%; font-size: 1rem; } body.dropped { margin-left: -100%; } #logo { width: 23.295455%; float: left; } #primary, #sidebar { width: 100% !important; clear: both; } #primary { border-bottom: 1px solid #E0D4C2; } }

@media screen and (min-width: 771px) { #logo { width: 14.772727%; float: left; } #primary { float: left; width: 61.647727%; margin: 0; } #sidebar { float: right; width: 31.818182%; } }

@media screen and (max-width: 768px) and (max-height: 1024px) { /* thinking about smaller screens now */ }
/*# sourceMappingURL=style.css.map */