@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');

/* Structure: */
/* - Header (application logo | audio player | overlay-menu:show-960) #main-header-section, #audio-player-section */
/* - Section Banner (slideshow): #home-bnr-section, #bnr-section */
/* - Main menu: #main-menu-section:hide-960 */
/* - Main content area: #<section>-main-content-section */
/* - Footer: #footer-section */
/* note: content areas (responsive 1100px area) defined by .content-area in all of the above */

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;	
	font-size: 16px;
	color: #444;
	text-align: center;
	background-image: url('../../../ext/static/img/bg/body_pattern.png');
	margin: 0;
}

div { box-sizing: border-box; }

a { text-decoration: none; color: inherit; }
a, img { border: 0; outline: none; }
a.link { color: #595959; }
a.underline { text-decoration: none !important; border-bottom: 1px #CCC solid; }
a.active { border-bottom: 0px #777 solid; }

.small { font-size: 0.8em !important; }
.smaller { font-size: 0.9em !important; }
.larger { font-size: 1.25em !important; }
.large { font-size: 1.5em !important; }

.em { font-style: italic; }
.normal { font-weight: normal !important; }
.strong { font-weight: bold !important; }

hr, .hr { height: 1px; border: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #aaaaaa; -moz-box-sizing: content-box; }

h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; line-height: 1.25em; }
h1 { color: #000; font-weight: 300; }
h2 { color: #5897b5; font-weight: 300; }
h3 { color: inherit; font-weight: 400; }

form input.text, form textarea.text { padding: 0.5em; font-size: 14px; font-family: Arial, Helvetica, sans-serif; border: 1px #C0BBB4 solid; }
form input.button { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1em; color: #FFFFFF; background-color: #C59284; border: 0; text-align: center; padding: .5em; }
form .error-msg { color: #de6a4e; margin-top: 0.3em; }

/* Header (Logo & Audio player) */
div#main-header-section, div#audio-player-section { height: 180px; vertical-align: middle; }
div#audio-player-section { position: absolute; visibility: hidden; }
img.overlay-menu-trigger { width: 26px; vertical-align: middle; }
img#mefc-hor-lg { width: 300px; }

/* Main menu (start) */
div#main-menu-section a.section-link,
div#main-menu-section a.section-link-active,
div#main-menu-section span.section-link-separator { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.25em; color: #777; }
div#main-menu-section a.section-link-active, div#main-menu-section a.section-link:hover, .highlighted { color: #5897b5; }
div#main-menu-section span.section-link-separator { font-size: 1.35em !important; padding: 0 .2em; }
/* Main menu (end) */

/* Overlay menu (start) */
div#overlay-menu {
	font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.2em;
	padding: 1em; width: 100%;
}
div#overlay-menu a.section-link, div#overlay-menu a.section-link-active { display: block; margin-bottom: .5em; }
div#overlay-menu a.section-link { color: #777; }
div#overlay-menu a.section-link-active { font-weight: 700; color: #5897b5; }
div#overlay-menu span.section-link-separator { display: none; }
/* Overlay menu (end) */

div.content-area { width: 1100px; margin: 0 auto; text-align: left; padding: 1em; background-image: url('../../../ext/static/img/bg/content_pattern.png'); }

div.main-content-area { padding: 30px 2em 70px 2em; }
div#home-main-content-section { text-align: center; padding-left: 0; padding-right: 0; }

div.content-area p, div.content-area div { line-height: 1.5em; }

div#quote-box {
	position: absolute; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
	width: 300px; padding-left: 40px; z-index: 2; top: 19%;
}

div.quote-text { font-size: 22px; line-height: 1.2em; color: #d3d3d3; -webkit-font-smoothing: antialiased; }
div.quote-source { font-size: 18px; line-height: 1.2em; color: #7a7874; margin-top: 20px; -webkit-font-smoothing: antialiased; }

div.main-box-single { width: 322px; margin: 20px; text-align: left; } /* used in home page only */
div.section-box-single, div.section-box-double { vertical-align: top; text-align: left; margin: 0 20px 20px 0; display: inline-block; }
div.section-box-single { width: 35%; }
div.section-box-double { width: 60%; }


div.main-box-header { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; padding: 5px 10px; }
div.main-box-header, div.main-box-header a { font-size: 20px; color: #000; }
div.main-box-content { background-color: #dcdcdc; padding: 15px 15px; }

div#home-main-content-section div.main-box-single { width: 322px; }
div#home-main-content-section div.main-box-content { height: 470px; overflow: hidden; }
div#home-main-content-section div.main-box-content img { display: block; width: 100%; }

div.main-box-link-gray, div.main-box-link-brick {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	background-color: #C59284;
	text-align: center;
	padding: .5em;
}

div.main-box-link-gray, div.main-box-link-gray a,
div.main-box-link-brick, div.main-box-link-brick a {
 color: #EDEDED;
}

div.main-box-link-gray {
	background-color: #A0A09E;
	background-image: url('../../../ext/static/img/handles/gray.png');
	background-repeat: no-repeat;
	background-position: center right;
}

div.main-box-link-brick {
	background-color: #B6715F;
	background-image: url('../../../ext/static/img/handles/brick.png');
	background-repeat: no-repeat;
	background-position: center right;
}

td.comm-form-label { font-size: 13px; color: #595959; }

input.security-code-true { font-weight: 700; color: #649B61; border-color: #649B61; }

input.security-code-false { color: #EA4828; border-color:  #EA4828; }

td.error-msg { font-size: 12px; opacity: .75; }

/* Message area start */

div.message-container {
	margin-bottom: 2em;
	padding: 1em;
}

div.message-subject {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 60px;
}

div.message-body {
	padding: 1em 0 15px 60px;
	background-image: url('../../../ext/static/img/bg/quote-open.png');
	background-repeat: no-repeat;
	background-position: top left;
}

div.message-signature {
	color: #5897b5;
	padding-left: 60px;
}

/* Message area end */

img.news-img { width: 300px; }

/* Recordings start */

span.recording-category-separator { font-size: 1.125em; padding: 0 5px; }
div#search-recordings-input-div { background-color: #fafafa; padding: .2em .5em; }
div#search-recordings-input-div input { font-size: 1em; padding: .5em .5em; background-color: transparent; }
div#search-recordings-input-div img { width: 22px; }

div.recording-list-item { margin: 20px; }
div.recording-list-item img { margin: 0 20px; }
div.recording-list-item a.link, div#recording-info a.link { margin-right: .5em; }

/* Recordings end */

/* Schedule list start */

td.schedule-title {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
}

td.schedule-description {
	font-size: 14px;
	opacity: .75;
}

/* Schedule list end */

/* Schedule calendar start */

div.schedule-date-picker {
	background-color: #E3E3E3;
}

tr.schedule-date-picker-month {
	background-color: #76707A;
}

tr.schedule-date-picker-month td {
	color: white;
	padding: 8px 4px;
}

tr.schedule-date-picker-month a {
	color: white;
}

td.schedule-date-picker-day {
	font-size: 11px;
	font-weight: normal;
	color: #76707A;
	text-align: center;
	padding: 8px 4px;
	background-color: #FAFAFA;
}

td.schedule-date-picker-date {
	font-size: 12px;
	padding: 8px 4px;
	text-align: center;
}

/* Schedule calendar end */

div.white { background-image: url('../../../ext/static/img/bg/white_pattern.png'); }

div#home-bnr-section, div#bnr-section { position: relative; }

div.bnr-header {
	position: absolute;
	font-family: 'Roboto Condensed', sans-serif;
	padding-left: 34px;
	display: inline;
	font-size: 36px;
	letter-spacing: 1px;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
	top: 38%;
	z-index: 2;
}

.curved {
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and chrome */
	-khtml-border-radius: 7px; /* Linux browsers */
	border-radius: 7px; /* CSS3 */
}

table.search {
	background-color: white !important;
	border: 1px #DEDEDE solid !important;
}

input.search { border: 0; color: #898989;	 } /**/

div.login-area { width: 600px; margin: 200px auto 0 auto; padding: 100px 20px; }

div#audio-player-area, div#audio-list-area { width: 470px; height: 520px; margin: .5em; display: inline-block; vertical-align: top; }
img#audio-player-now-playing { margin-top: 1em; }
div#audio-player-cd-cover { text-align: center; height: 270px;  }
div#audio-player-cd-cover img { display: inline-block; height: 100%; }
div#audio-player-track-name { color: #5897b5; margin: 1em .5em 0 .5em; }
div#audio-player-section, .audio-player-win, div#overlay-menu { background-image: url('../../../ext/static/img/player/bg/black_@2X.png'); }
div#audio-player-recording-info { margin: .2em .5em 1em .5em; color: #656261; }
div.audio-player-area { padding: 0 1em; }
div.selected-audio { background-color: #DCDCDC; }

div.listed-audio-title { color: #5897b5 }
div.listed-audio-recording-title { margin-top: .5em; font-size: 14px; }

div.photo-frame-area { background-color: #ddd; margin: 10px; display: inline-block; }
div.photo-image-area img { display: block; width: 220px; }
div.photo-image-download { padding: .5em 0 .3em 0; } 
div.photo-image-caption { font-size: 14px; height: 100px; width: 220px; padding: 10px 5px 5px 5px; color: #333333; }

div.video-frame-area { margin: .5em; width: 320px; }
div.video-image-area { background-color: white; padding: 10px; }
div.video-image-area img { display: block; width: 300px; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 1100px; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; z-index:1; }

@media only screen and (max-width: 1100px) {
	div.content-area { width: 100% !important; }
	div.quote-text { font-size: 18px; }
	div.quote-source { font-size: 14px; }
	.rslides { width: 100% !important; }
}

@media only screen and (max-width: 960px) {
	div.quote-text { font-size: 16px; }
	div.quote-source { font-size: 12px; }
	div.section-box-single, div.section-box-double { display: block !important; width: 100% !important; margin: 0 0 20px 0 !important; }
}

@media only screen and (max-width: 640px) {
	form input.text, form textarea { width: 92% !important; }
	div#audio-player-area, div#audio-list-area { width: 100% !important; margin: 1em 0 !important; display: block !important; }
	div#audio-player-area { height: auto !important; padding-bottom: 1em; }
}

@media only screen and (max-width: 414px) {
	div.photo-frame-area { display: block; margin-bottom: 1em; }
	div.photo-image-area img, div.photo-image-caption { width: 100% !important; }
	div#home-main-content-section div.main-box-single { width: 90% !important; }
	div#home-main-content-section div.main-box-content { height: auto !important; }
	div#home-main-content-section div.main-box-content img { width: 100% !important; }
	div.main-box-single { width: 100% !important; }
	img#mefc-hor-lg { width: 80%; }
}

@media only screen and (max-width: 320px) {
	img.news-img { width: 100% !important; }
}