/*  form, basic structure... */
body { margin: 0; background: #00529e; color: #425563; }
.yui3-g { width: 1000px; padding-left: 10px; padding-right: 10px; max-width: calc(100%); margin: 0 auto; display: flex; flex-wrap: wrap; }
.yui3-g .yui3-g {  width: calc(100%); max-width: calc(100%); padding-left: 0px; padding-right: 0px; }
.yui3-g#container { background: #fff; padding-top: 20px; padding-bottom: 20px; }
/*div[class^="yui3-u"] { margin-left: 10px; margin-right: 10px; }*/
.yui3-u-1 { flex: 920px; }

.yui3-u-1-5 { flex: 168px; }
.yui3-u-2-5 { flex: 356px; }
.yui3-u-3-5 { flex: 544px; }
.yui3-u-4-5 { flex: 732px; }
header { margin-bottom: -4px; }
header .header-image { max-width: calc(100% + 40px); margin-left: -20px; }
.button {cursor: pointer;}
.button.red {background: #a51b31;color: #fff;}
.button.blue {background: #005eb8;color: #fff;}
.highlight { max-width: 544px; width: 100%; margin: 0 auto; }
#trademark { color: #fff; font-size: .8em; padding-top: 20px; padding-bottom: 20px; }
#trademark a { color: #fff; }
.error-holder {background: pink;border: 3px solid red;padding: 10px;margin: 20px 0px;}
header img.logo {max-width: 190px;margin-top: 20px;margin-bottom: 20px;}			
header { background: #005eb8;}
content { background-color: #fff;width: 100%;display: block; }
footer {background-color: #00529e;}
			
@media (min-width: 725px){
	.header-image-sm, .header-image-med{ display:none;}
	}
@media (max-width: 725px) and (min-width: 480px){
	.header-image-sm, .header-image-lg{ display:none;}
	}
@media (max-width: 480px){
	.header-image-lg, .header-image-med{ display:none;}
	.yui3-u-1-2 {	-ms-flex: 1 0 100%;
				flex: 1 0 100%;
				max-width: 100%;
				margin:10px 0 !important;}
	
	}
					
.o-input--radio p::after {
content: ' *';
color: #9C1F31;
}

.o-input--required.o-input--radio > label::after {
    content: '';
}
.o-input {
    margin: .9rem 0 !important;
}
.o-input--text > input, .o-input--textarea > textarea, .o-input--select > select {
margin-right: 1rem;
}
#formContainer { margin: 2em 0; }
.form .error-holder {
    background: pink;
    border: 3px solid red;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    color: #444;
}
#submit {

}
.log-in-button { margin:0 1.2em 0 0; float:right; }
.c-step__field { width:100%;}
.c-step__field p {
font-size:.8em;
margin:.5em;
}

@media only screen and (min-width:45.5em) {
#formContainer h6, #formContainer h3{
margin-top:1em;
}
.c-step__field--nested:last-of-type > input {
    margin-right: 1rem;
}
.c-step__field { margin-bottom:0;}
}
@media only screen and (max-width:45.5em) {
.c-step__field { margin:0;}
}

#ui-datepicker-div { z-index:100 !important;}

span.error { color: red; } 
/* end form stuff */
.strong { font-weight:bold;}
.hero-welcome { position:relative; }
.hero-welcome .hero-img { position:relative; }
.hero-welcome .yui3-g { position:absolute;bottom:20px;width:100%;}
.hero-welcome .yui3-g h2 {text-align:center; color:#fff; display:block; }
.hero-welcome .yui3-g p{ text-align:center; color:#fff;}
.hero-welcome .yui3-g p a { text-decoration:none; color:#fff; font-size:1.23em;}

#hero--gradient {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.01) );
    width: 100%;
    height: 100%;;
    background-size: cover;
	position:absolute;
}

.yui3-u-1-2 img { max-width:95%; display: block; margin: 0 auto;}
@media only screen and (max-width:45.5em) {
.hero-welcome .yui3-g { position:relative;bottom:0;margin:1em 0;}
.hero-welcome .yui3-g h2, .hero-welcome .yui3-g p  {text-align:left; color:#425563;  }
.hero-welcome .yui3-g p a  { color:#425563; text-align:center; display:block; }
}


.announcement { background-color:#b20100; margin:0; padding: .5em 0; text-align:center;color:#fff;}
.announcement p {margin:0; }
.announcement--title { font-weight:bold; margin-bottom:1em;}

.station--logo--m, .station--logo--d{ width:75%; max-width:200px;margin:0 auto;display:block;}
.station--logo--m { display:none; margin:-1em auto 2em;}

.fluid-video-player {
    height: 0;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 1.5rem;
}
.fluid-video-player iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.resource--list {
margin-top:40px;
border-top:1px solid #efefef;
padding-top:40px;	
/*justify-content:space-evenly;	*/
justify-content: normal;	
align-items: stretch
}
.resource--list div.yui3-u-1-4 { 
background-color:#efefef; 
padding:.75em;
text-align:center; 
margin:1em .5%;
-ms-flex: 1 0 23.3%;
flex: 1 0 23.3%;
max-width: 23.3%;}

.resource--list .strong { margin-top:1em;}
@media (max-width: 725px) and (min-width: 480px){
	.resource--list div.yui3-u-1-4 {
		  -ms-flex: 1 0 45%;
		  flex: 1 0 45%;
		  max-width: 45%;}
	}

@media (max-width: 725px) {
  
		  .station--logo--d { display:none;}
		  .station--logo--m { display:block;}
	}
	
@media (max-width: 480px) {
	.resource--list div.yui3-u-1-4 {
		  -ms-flex: 1 0 100%;
		  flex: 1 0 100%;
		  max-width: 100%;}

	}


.rt--web {  padding: 1em 0; background-color:#efefef; position:relative;}
.rt--web .yui3-g {    width: 1200px; }
.rt--web .always-on { margin-bottom:0;}
.rt--web .infoboxes {justify-content:space-evenly;align-items: stretch;}
.rt--web .infoboxes div { background-color:#fff; padding: 1em .5em; }
.rt--web .infoboxes h3 {text-align:center; color:#005eb8;} 
.rt--web .infoboxes p { margin:0;text-transform:uppercase; text-align:center; font-size: .8em; font-weight: bold;}
.rt--web .infoboxes .yui3-u-1-2 p { text-align:left; }
.rt--web .o-button {margin-top:1em;float: right;}
.close-rt--web { text-align: center; display: none; position:absolute; bottom:0;width:100%;}

 /* this is the .com thermometer */
 
.rt--web .infoboxes div.thermometer ,
.rt--web .infoboxes div.thermometer div {
background-color:transparent;	
padding: 0;
	}
	
  .thermometer {
    position: relative;
	padding-top: 1.25rem !important;
	margin: 1.5rem 0;
}

.thermometer__background {
    height: .25rem;
    background: #ddd !important;
    margin-top: .25rem;
}

.thermometer__progress {
    position: absolute;
    bottom: -.25rem;
    height: .75rem;
    width: 0%;
    border-radius: 1rem;
    background: linear-gradient(to right, #188EFA, #46D7FD);
    transition: .75s linear;
    display: flex;
    justify-content: flex-end;
}

.thermometer__end,
.thermometer__progress-amount {
	position: absolute;
	font-size: .75rem;
	font-weight: bold;
}
/*
nope
.thermometer__end:before {
    content: '$';
}
*/
.thermometer__end {
    top: 0;
    right: 0;
    color: #ddd;
}

.thermometer__progress-amount {
    right: 0;
    left: 0;
    z-index: 1;
    top: -1.25rem;
    background: #fff;
    color: #46D7FD;
    text-align: left; /* right moves it with the bar */
}
 
@media (max-width: 725px) {
	.rt--web .infoboxes div.yui3-u-1-2 {
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 480px) {
.yui3-u-1-5	{ margin: 10px 0 !important; }
.rt--web {  padding: 1em 0 3em; }
.rt--web.minimized {  padding: 1em 0 2em; }
.close-rt--web { display: block; text-decoration:none; font-size: 1.5em;}
.rt--web.minimized p, .rt--web.minimized .infoboxes, .rt--web.minimized .o-button{ display:none; }
.rt--web.minimized p.always-on { display:block; }
.rt--web.minimized .ci-icon--up, .rt--web .ci-icon--down { display:none; }
.rt--web.minimized .ci-icon--down { display:block; }
	}




/* catalog style modal */
.c-modal {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	display: none;
}

.c-modal__container {
	max-width: 62.5rem;
	width: calc(100% - 2rem);
	max-height: calc(100% - 2rem);
	position: relative;
}

.c-modal__close {
	position: absolute;
	z-index: 1000;
	right: 0px;
	top: 0px;
	background: #990000;
	color: #fff;
	font-weight: bold;
	font-family: 'Linotype Tetria', sans-serif;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	display: flex;
	cursor: pointer;
	border-top-right-radius: 5px;
}

.c-modal__content {
	width: 100%;
	max-height: calc(100vh - 2rem);
	overflow-y: auto;
}



.c-modal__content {
	background: #fff;
	border-radius: 5px;
}

.c-catalog-modal__success {
	background: #efefef;
	padding: 2rem;
}

.c-catalog-modal__related-gifts {
	padding: 2rem;
}

.c-catalog-modal__success-title {
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: .5rem 0;
	color: green;
}

.c-catalog-modal__success-image {
	float: left;
	width: 5rem;
	margin: 0 1rem 1rem 0;
}

.c-catalog-modal__success-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.c-catalog-modal__continue-holder {
	flex: 14.25rem;
}

.c-catalog-modal__checked-holder {
	flex: 14.25rem;
}


.c-catalog-modal .c-catalog-top-gifts__image {
	width: 4rem;
}

.c-catalog-modal .c-catalog-top-gifts__gift {
	padding-bottom: 0;
	border-bottom: 0;
}

.c-catalog-modal .c-catalog-top-gifts__gift h5 {
	font-size: 1.25rem;
}


@media (min-width: 45.5rem) {

	.c-catalog-modal {
		display: flex;
	}
	.c-catalog-modal__success {
		border-right: 1px solid #ccc;
		flex: 25rem;
	}
	.c-catalog-modal__related-gifts {
		flex: 5rem;
	}
}


@media (max-width: 45.5rem) {

	.c-catalog-modal__success-image {
		display: none;
	}
}

@media (min-width: 32.5rem) {
	.c-catalog-modal__checked-holder {
		text-align: right;
	}
}

@media (max-width: 32.5rem) {
	.c-catalog-modal__continue-holder {
		margin-bottom: 1rem;
	}
	.c-catalog-modal__continue-holder,
	.c-catalog-modal__checked-holder {
		text-align: center;
	}
}

.c-catalog-modal--product {
	flex-wrap: wrap;
	background: #efefef;
}

.c-catalog-modal__image-holder {
	flex: 15rem;
}

.c-catalog-modal__content-holder {
	flex: 25rem;
}

.c-catalog-modal__controls {
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
}

.c-catalog-modal__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.c-catalog-modal__title {
	border-bottom: 1px solid #ccc;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	color: #0054a6;
}

.c-catalog-modal__amounts {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1rem;
}

.c-catalog-modal__amount {
	margin-right: 1rem;
}

.c-catalog-modal__amount-description {
	text-transform: uppercase;
	font-family: 'Linotype Tetria', sans-serif;
	color: #777;
	font-size: .9rem;
}

.c-catalog-modal__amount-amount {
	font-family: 'Linotype Tetria', sans-serif;
	font-size: 1.75rem;
	line-height: 1em;
}

.c-catalog-modal__donate h5 {
	width: 100%;
}


.c-catalog-modal--product .c-catalog-modal__controls {
	font-weight: bold;
	font-size: .9rem;
	display: flex;
}

.c-catalog-modal__cancel-holder,
.c-catalog-modal__more-holder {
	padding: 1rem 2rem;
	flex: 1;
}

.c-catalog-modal__more-holder {
	text-align: right;
}

.c-catalog-modal__cancel {
	color: #777;
	text-decoration: none;
}

.c-catalog-modal__donate .c-donate__input-holder,
.c-catalog-modal__donate .o-button--catalog-submit {
	flex: 1;
}

.c-catalog-modal__donate .o-button--catalog-submit {
	margin: .5rem;
}


@media (min-width: 45.5rem) {
	.c-catalog-modal__image-holder {
		padding: 2rem .5rem 1rem 2rem;
	}
	.c-catalog-modal__content-holder {
		padding: 2rem 2rem 1rem .5rem;
	}
}

@media (max-width: 45.5rem) {
	.c-catalog-modal__image-holder {
		padding: 2rem 2rem 1rem;
	}
	.c-catalog-modal__content-holder {
		padding: 1rem 2rem;
	}
}

.c-modal__content .rt--web { background-color:transparent; }
.c-modal__content .rt--web .always-on strong { color:#910301; }
.c-modal__content .infoboxes div.yui3-u-1-5, .c-modal__content .infoboxes div.yui3-u-3-4 {border:1px solid #efefef; box-shadow:4px 4px 10px #efefef; margin: 1em;}
.c-modal__content .thermometer-infobox p { text-align:left; }

.c-modal__content .call-center-box { align-items: center; display: flex; }
.c-modal__content .call-center-box h4 { display:block; width:100%; text-align:center; margin-bottom:0;}
.c-modal__content h4 a { color:#005eb8; }


#logout { 
color: #fff;
float: right;
margin-top: 1em;
font-size: .9em; }