﻿/* reset paddings and margins on everything */
* { padding: 0; margin: 0; }

/* page wxh */
html, body { height: 100%; min-width: 320px; }

/* page background (same as footer) */
html, body { background: #191919; }

/* set up font defaults */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: "myriad-pro-n4", "myriad-pro", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em; /* 16px, usually */
	color: #363636;
	line-height: 1.4;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
	-moz-text-size-adjust: 1em;
}
@media only screen and (max-width: 767px) {
	body { font-size: 15px; } /* since using ems, this will shrink all fonts on sm screens */
}
strong {
	font-family: "myriad-pro-n7", "myriad-pro", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
}
em {
	font-family: "myriad-pro-i4", "myriad-pro", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 400;
}
em strong, strong em {
	font-family: "myriad-pro-i7", "myriad-pro", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 700;
}
#main-menu,
.footer-menu,
h2, .h2,
.btn, .nav,
.header-icons,
#difference .icon-blurbs, 
.big-label,
.condensed {
	font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#home-slides .homeSlide,
h1, .h1,
#footer-logo,
.trajan {
	font-family: "trajan-pro-3", Georgia, serif;
	font-style: normal;
	font-weight: 400;
}
#home-slides .homeSlide.homeSlide00,
#home-slides .homeSlide.homeSlide00 strong {
	font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#header-logo,
.trajan-bold {
	font-family: "trajan-pro-3", Georgia, serif;
	font-style: normal;
	font-weight: 400;
}
.no-js .footer-menu, .wf-inactive .footer-menu,
.no-js #header, .wf-inactive #header,
.no-js #difference .pxc-sub, .wf-inactive #difference .pxc-sub {
	font-size: 80%;
}

/* links */
a:link, a:visited { color: #BE171C; text-decoration: none; }
a:active, a:hover { color: #EE1D23; text-decoration: none; outline: 0; }
*:focus { text-decoration: none; outline: 0 none; }

/* text */
h1, .h1 {
	margin: 0 0 1em 0;
	font-size: 2.25em;/* don't change to px */
	line-height: 1em;
	color: #ee1d23;
	text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
	h1, .h1 { font-size: 2em; }
}
h2 {
	margin: 1.1em 0;
	font-size: 1.5em;/* don't change to px */
	font-weight: normal;
	line-height: 1em;
	color: #ee1d23;
	text-transform: uppercase;
}
p { margin: 1.25em 0; }
.text-left   	{ text-align: left; }
.text-right  	{ text-align: right; }
.text-center 	{ text-align: center; }
.text-smaller { font-size: 60%;/* don't change to px */ line-height: .75em; }
.text-small 	{ font-size: 80%;/* don't change to px */ }
.text-big 		{ font-size: 120%;/* don't change to px */ }
.text-upper 	{ text-transform: uppercase; }
.text-normal 	{ text-transform: none; }
.text-error 	{ color: #a94442; }
.text-uppercase { text-transform: uppercase; }
.nowrap { white-space: nowrap; }
blockquote { padding: 0 50px; line-height: 1.2em; }
blockquote p { margin: .5em 0; }
@media only screen and (max-width: 767px) {
	blockquote { padding: 0 30px; }
}
@media only screen and (max-width: 480px) {
	blockquote { padding: 0 20px; }
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* lists */
ul { margin: 1.25em 0; padding: 0 0 0 2.5em; }
ul ul { margin: 0; }
ul.no-indent { padding: 0 0 0 1em; }

/* margin adjustments */
.no-gap-top	    { margin-top: 0 !important; padding-top: 0 !important; }
.no-gap-bot     { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.no-margin-top	{ margin-top: 0 !important; }
.no-margin-bot  { margin-bottom: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bot { padding-bottom: 0 !important; }
.no-margin  		{ margin: 0 !important; }
.no-padding 		{ padding: 0 !important; }
/* things with a little extra vertical space */
.vspace { margin: 2.5em 0; }
.vspace + .vspace { margin-top: 3.5em; }

/* floats */
.pull-right  { float: right; }
.pull-left   { float: left; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* image defaults */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/* responsive images */
img.shrinkable { max-width: 100%; }
/* if images are disabled in browser, hide these items */
/* .images-off .hide-when-images-off { display: none; }
.images-off .destroy-when-images-off { display: none; } */

/* background positions */
.bg-ct { background-position: center top !important; }
.bg-lt { background-position: left top !important; }
.bg-rt { background-position: right top !important; }
.bg-cc { background-position: center center !important; }
.bg-lc { background-position: left center !important; }
.bg-rc { background-position: right center !important; }
.bg-cb { background-position: center bottom !important; }
.bg-lb { background-position: left bottom !important; }
.bg-rb { background-position: right bottom !important; }

/* ///// horizontal centering of content ////////////////////////////////////////////// */
/* content that is centered on the page to a max page width, with padding */
.pxc-sizer { 
	position: relative; 
	margin: 0 auto; 
	height: 100%; 
	max-width: 1020px;
	padding: 40px 0; 
}
/* on small screens, use less padding */
@media only screen and (max-width: 767px) {
	.pxc-sizer { padding: 30px 0; }
}
@media only screen and (max-width: 480px) {
	.pxc-sizer { padding: 10px 0; }
}
/* on print, use even less padding */
@media print {
	.pxc-sizer { padding: 20px 0; }
}
/* remove the usual padding when the content is in a bg area or fixed area */
#header .pxc-sizer { padding: 0; }

/* ///// columns ////////////////////////////////////////////////////////////////////// */
/* columns are done table-style with divs so they can be stacked on small screens */
.pxc-table { display: table; width: 100%; height: 100%; }
.pxc-tr { display: table-row; }
.pxc-td { display: table-cell; }
/* default alignment is middle, else set to top */
.pxc-td { vertical-align: middle; }
.pxc-td.td-top { vertical-align: top !important; }
.pxc-td.td-bot { vertical-align: bottom !important; }
/* if the table has an image in it that needs to be shrinkable, it has to be fixed layout */
.pxc-img { table-layout: fixed; }
/* one column table */
.pxc-td { padding: 0 20px; }
.pxc-td-spacy { padding: 0 50px; }
.pxc-td-spacy-left { padding: 0 20px 0 50px; }
.pxc-td-spacy-right { padding: 0 50px 0 20px; }
/* two column table - by default 50% columns, else set other % */
.pxc-2col .pxc-td { width: 50%; }
.pxc-2col .pxc-td.td-30p { width: 30%; }
.pxc-2col .pxc-td.td-70p { width: 70%; }
.pxc-2col .pxc-td.td-35p { width: 35%; }
.pxc-2col .pxc-td.td-65p { width: 65%; }
.pxc-2col .pxc-td.td-40p { width: 40%; }
.pxc-2col .pxc-td.td-60p { width: 60%; }
.pxc-2col .pxc-td.td-45p { width: 45%; }
.pxc-2col .pxc-td.td-55p { width: 55%; }
.pxc-2col .pxc-td.td-25p { width: 25%; }
.pxc-2col .pxc-td.td-75p { width: 75%; }
/* three column table */
.pxc-3col .pxc-td { width: 33%; }
.pxc-3col .pxc-td-left  {}
.pxc-3col .pxc-td-mid   { width: 34%; }
.pxc-3col .pxc-td-right {}
/* four column table */
.pxc-4col .pxc-td { width: 25%; }
/* on med-lg screens, use a little less padding */
@media only screen and (max-width: 1024px) {
	.pxc-td { padding: 0 10px; }
	.pxc-td-spacy { padding: 0 40px; }
	.pxc-td-spacy-left { padding: 0 10px 0 40px; }
	.pxc-td-spacy-right { padding: 0 40px 0 10px; }
}
/* on small screens, stack the columns */
@media only screen and (max-width: 767px) {
	/* change table/tr/td display to block like a normal div */
	.pxc-table { display: block; }
	.pxc-tr { display: block; }
	.pxc-td { display: block; vertical-align: top; }
	/* make all columns 100% wide and remove the padding and vertical alignment */
	.pxc-td,
	.pxc-4col .pxc-td,
	.pxc-2col .pxc-td,
	.pxc-3col .pxc-td,
	.pxc-3col .pxc-td-left,
	.pxc-3col .pxc-td-mid,
	.pxc-3col .pxc-td-right { width: 100% !important; padding: 0; vertical-align: top; }
	/* turn 4-col tables into 2-col */
	.pxc-4col .pxc-td { float: left; width: 46% !important; margin: 0 2%; padding: 0; vertical-align: top; }
	.pxc-4col .pxc-td:nth-child(3) { clear: both; }
	/* don't collapse tables inside bg areas, so the content stays centered vertically */
	.px-gap .pxc-table { display: table; width: 100%; height: 100%; }
	.px-gap .pxc-tr { display: table-row; }
	.px-gap .pxc-td { display: table-cell; width: 100%; padding: 10px; vertical-align: middle; }
	/* don't collapse sub tables */
	.pxc-table.pxc-sub { display: table; }
	.pxc-table.pxc-sub .pxc-tr { display: table-row; }
	.pxc-table.pxc-sub .pxc-td { display: table-cell; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-td { width: auto !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-4col .pxc-td { width: 25% !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-2col .pxc-td { width: 50% !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-3col .pxc-td { width: 33% !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-3col .pxc-td-left { width: 33% !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-3col .pxc-td-mid { width: 34% !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-sub .pxc-3col .pxc-td-right { width: 33% !important; padding: 0 15px; vertical-align: middle; }
	/* adjust gaps */
	.pxc-td-spacy,
	.pxc-td-spacy-left,
	.pxc-td-spacy-right { padding: 30px 0 0 0 !important; }
}
@media only screen and (max-width: 480px) {
	/* turn 4-col tables into 1-col */
	.pxc-4col .pxc-td { float: none; width: 100% !important; margin: 0; }
}
@media print {
	.pxc-td-spacy { padding: 0 30px; }
	.pxc-td-spacy-left { padding: 0 0 0 30px; }
	.pxc-td-spacy-right { padding: 0 30px 0 0; }
}

/* ///// header /////////////////////////////////////////////////////////////////////// */
/* header bar */
#header {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 320px;
	
	font-size: 1em;/* don't change to px */
	color: #000;
	vertical-align: middle;
	text-transform: uppercase;

	z-index: 5;/* put on top of everything */
}
/* top part of header */
#header-bar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: #fff;
}
/* links */
#header-bar a:link, #header-bar a:visited { color: #464646; }
#header-bar a:active, #header-bar a:hover { color: #ae0106; }

/* logo image */
#header-logo {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 15px 0 140px;
	height: 100px;
	font-size: 3em;
	line-height: 100px;
	color: #464646;
}
#header-logo.header-2lines {
	font-size: 1.5em;
	line-height: 1em;
}
#header-logo.header-2lines span.header-line1 {
	display: block;
	margin-top: 1.25em;
}
#header-logo.header-2lines span.header-line0 {
	display: block;
	margin-top: 1.35em;
	font-size: 1.25em;
}
#header-logo img {	
	position: absolute;
	top: 5px;
	left: 15px;
	margin: 0;
	padding: 0;
	height: 126px;
}

/* icon links in header */
.header-icons {
	float: right;
	display: table;
	margin: 21px 15px 0 20px;
	height: 57px;
}
.header-icons a {
	display: table-row;
}
.header-icons span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1em;	
}
.header-icons img {
	margin: 0 10px 0 0;
}
#angel-link {}
#donate-link {}

/* responsiveness */
@media only print, only screen and (max-width: 960px) {
	#header-logo { padding: 0 15px 0 100px; font-size: 1.75em; }
	#header-logo.header-2lines { font-size: 1.25em; line-height: 1.125em; }
	#header-logo.header-2lines span.header-line1 { margin-top: 1.25em; }
	#header-logo img { height: 87px; }
	#header-logo.header-2lines span.header-line0 { margin-top: 1.35em; font-size: 1.5em; }
}
@media only print, only screen and (max-width: 800px) {
	#header-logo { padding: 0 15px 0 75px; }
	#header-logo img { margin-top: .75em; height: 60px; }
}
@media print {
	#header-logo { padding-left: 100px; }
	#header-logo.header-2lines span.header-line1 { margin-top: 1em; }
	#header-logo img { height: 87px; }
}
@media only screen and (max-width: 767px), (max-height: 480px) {
	#header-bar { height: 70px; }
	#header-logo.header-2lines,
	#header-logo { padding: 0 15px 0 75px; height: 70px; font-size: 1.75em; line-height: 70px; }
	#header-logo.header-2lines span.header-line1 { display: none; }
	#header-logo img { margin-top: 0; height: 60px; }
	.header-icons { margin: 6px 3px 0 14px; }
	.header-icons span {}
	.header-icons img { margin: 0 8px 0 0; height: 30px; }
	#header-logo.header-2lines span.header-line0 { margin-top: 0; font-size: 1em; }
}
@media only screen and (max-width: 640px), (max-height: 480px) {
	#header-bar { height: 50px; }
	#header-logo.header-2lines,
	#header-logo { padding: 0 5px 0 50px; height: 50px; line-height: 50px; }
	#header-logo img { left: 10px; height: 40px; }
	.header-icons { margin: 6px 0 0 13px; height: 40px; }
	.header-icons span.hi-txt { display: none; }
	.header-icons img { margin: 0; }
}
@media only screen and (max-width: 480px) {
	#header-logo {}
	#header-logo img {}
	.header-icons { display: none; }
}
@media only screen and (max-width: 400px) {
	#header-logo.header-2lines,
	#header-logo { padding: 0 0 0 36px; font-size: 1.45em; }
	#header-logo img { top: 12px; height: 25px; }
}

/* undo fixed header */
#header.header-nonfixed { position: static; }

/* allow header text to be longer */
.no-menus #header-logo.header-1line { font-size: 2.5em; }
@media only print, only screen and (max-width: 960px) {
	.no-menus #header-logo.header-1line { font-size: 1.95em; }
}
@media only screen and (max-width: 767px), (max-height: 480px) {
	.no-menus #header-logo.header-1line { font-size: 1.75em; }
}
@media only screen and (max-width: 640px) {
	.no-menus #header-logo span.header-hide-sm { display: none; }
}
@media only screen and (max-width: 480px) {
	.no-menus #header-logo.header-1line { font-size: 1.45em; }
}
@media only screen and (max-width: 400px) {
	.no-menus #header-logo.header-1line { font-size: 1.25em; }
}
@media print {
	.no-menus #header-bar { height: 60px; }
	.no-menus #header-logo { padding-left: 70px; height: 60px; }
	.no-menus #header-logo.header-1line { line-height: 2.5em; }
	.no-menus #header-logo.header-2lines span.header-line1 { margin-top: .5em; }
	.no-menus #header-logo img { height: 50px; }
}

/* hide menus in header */
.no-menus .menu-ce,
.no-menus #donate-link,
.no-menus #angel-link,
.no-menus #main-menu { display: none !important; }
@media print {
	.no-menus #menu-bar { height: 20px; }
}

/* hide menus in footer */
.no-menus .footer-menu { display: none; }

/* menu toggle button, hidden on large screens */
#header .menu-ce {
	display: none;
	float: right;
	padding: 0 15px;
	width:  30px;
	height: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-menu-off.gif);
	cursor: pointer;
}
#header .menu-ce:hover {
	background-image: url(../images/icon-menu-on.gif);
}
#header .menu-ce span { display: none; }
/* on phones, make sure the menu and header are small enough to fit on one screen */
@media only screen and (max-width: 640px), (max-height: 480px) {
	#header .menu-ce { height: 50px; }
}

/* bottom part of header */
#menu-bar {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ee1d23;
	text-align: center;
}
@media only screen and (min-width: 768px) and (min-height: 481px) {
	#menu-bar { height: 40px; }
}
/* links */
#menu-bar a:link, #menu-bar a:visited { color: #fff; }
#menu-bar a:active, #menu-bar a:hover { color: #fff; }

/* menu, displayed to the right of the logo on large screens */
#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 37px;
}
#header ul li {
	display: inline-block;
	margin: 2px 0 0 0;
	padding: 0;
}
#header ul li a {
	display: block;
	padding: 0 15px;
	font-size: 1.25em;
}
.no-js #header ul li a, 
.wf-inactive #header ul li a {
	padding: 0 10px;
}
#header ul li a.active,
#header ul li a:active, #header ul li a:hover { 
	background: #be171c;
}
@media only screen and (min-width: 768px) {
	#header ul li.lost-angel a {
		margin: 0 10px;
		padding: 0 5px;
		background: #fff;
		color: #EE1D23;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		line-height: 26px;
	}
	#header ul li.lost-angel a.active,
	#header ul li.lost-angel a:active, #header ul li.lost-angel a:hover { 
		color: #BE171C;
	}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	#header ul li a {
		padding: 0 10px;
		font-size: 1.125em;
	}
	.no-js #header ul li a, 
	.wf-inactive #header ul li a {
		padding: 0 5px;
	}
	#header ul li.lost-angel a {
		margin: 0 5px;
		padding: 0 5px;
	}
}
/* on small screens, switch to a dropdown menu and show the toggle button */
@media only screen and (max-width: 767px), (max-height: 480px) {
	#header ul {
		display: none;
		clear: both;
		float: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 36px;
		border-top: 2px solid #ee1d23;
	}
	#header ul li {
		float: none;
		display: block;
		margin: 0;
	}
	#header ul li a {
		margin: 0 0 2px 0;
		background: #be171c;
	}
	#header ul li a.active,
	#header ul li a:active, #header ul li a:hover { 
		background: #ee1d23; 
	}
	#header .menu-ce { display: inline-block; }
}
@media only screen and (max-width: 480px) {
	#header ul { line-height: 30px; }
}
@media only screen and (min-width: 481px) {
	.header-icons-sm { display: none !important; }
}
@media only screen and (min-width: 768px) and (min-height: 481px) {
	#header ul { display: block !important; }
}

@media only screen and (max-height: 480px) {
	#header #menu-bar .pxc-sizer { max-width: 100%; }
}

/* unstick on print so it doesn't repeat & remove padding */
@media print { 
	#header { position: absolute; } 
	#header ul li a { padding: 0 8px; }
	.no-js #header ul li a, 
	.wf-inactive #header ul li a { padding: 0 5px; }
}
/* unstick on fullscreen video so it doesn't appear on top of the video */
.isFullscreen #header { position: absolute; }


/* ///// scroll hints ///////////////////////////////////////////////////////////////// */
/* icons you click on to scroll to the next section, for people who don't know how to web */
.scroll-hint { display: none; }/* only show on home */

/* ///// location table///////////////////////////////////////////////////////////////  */
.location-table {
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;	
}
.location-table tr:nth-child(odd) { background: #f2f2f2;  } 
.ie8 .location-table tr td { border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2;  } 
.location-table td { 
	padding: 10px; 
	font-size: .875em;
	vertical-align: top;
}
.col-radio { width: 10px; }
.col-icons { width: 16px; padding-right: 0 !important; }
.col-city label,
#sect-home .col-city strong { font-size: 1.2em; text-transform: uppercase; }
.ddloc-addr {
	display: block;
	margin: 0;
}
a.ddloc-addr {
	background: url(../images/icon-info.gif) left 3px no-repeat;
}
.location-table a:link, .location-table a:visited,
.location-table a.ddloc-addr:link, .location-table a.ddloc-addr:visited { color: #333; }
.location-table a:active, .location-table a:hover,
.location-table a.ddloc-addr:active, .location-table a.ddloc-addr:hover { color: #BE171C; }
.tsi-addr-hours,
.tsi-hours { display: none; }
.location-notes { margin-top: 3px; }
@media only screen and (max-width: 767px) {
	.location-table td { vertical-align: top; }
	.tsi-hours { display: inline; }
	.col-hours { display: none; }
	.location-icons { display: none; }
}
@media only screen and (max-width: 640px) {
	.location-table td { padding: 5px; }
	.col-radio { padding-right: 0; width: 5px; }
	.tsi-addr-hours { display: block; }
	.location-icons { display: inline; }
	.location-icons br { display: none; }
	.col-icons,
	.col-site { display: none; }
	.ddloc-addr { padding: 0; background: transparent !important; }
	.ddloc-addr img { margin-left: 3px; }
}

/* ///// footer /////////////////////////////////////////////////////////////////////// */
#footer {
	position: relative;
	margin: 0;
	padding: 0 1em;
	color: #727272;
	background: #191919;
	text-align: center;
	border-top: 1px solid #fff;
}
#footer .footer-menu a {
	display: inline-block;
	padding: 0 5px;
	font-size: 1.25em;
	text-transform: uppercase;
	white-space: nowrap;
}
#footer .social-links a {
	display: inline-block;
	margin: 0 3px;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;	
}
#footer a:link, #footer a:visited { color: #727272; }
#footer a:active, #footer a:hover { color: #fff; }
#footer .social-links a:active, #footer .social-links a:hover { color: #acacac; background: #fff; }
@media only screen and (max-width: 767px) {
	#footer .pxc-sizer { padding: 10px 0; }
}
@media print {
	#footer { margin: .5em 0 0 0; color: #666; background: #fff; border-top: 1px solid #666;  }
	#footer .pxc-sizer { padding-bottom: 0; }
	#footer p.text-small { margin-bottom: 0; }
	#footer a:link, #footer a:visited { color: #666; }
}

/* ///// lost angel modal ///////////////////////////////////////////////////////////////// */
/* font for some (but not all) form labels */
.modal .big-label { font-size: 1.25em; }
/* two column form */
.modal .form-cols {
	display: table;
	margin: 10px auto;
	width: 100%;
	max-width: 380px;	
}
.modal .form-colA {
	display: table-cell;
	padding: 2px 25px 0 0;
	width: 124px;
	text-align: right;
	vertical-align: top;
}
.modal .form-colB {
	display: table-cell;
	vertical-align: top;
}
@media only screen and (max-width: 640px) {
	.modal .form-cols { display: block; max-width: 350px; }
	.modal .form-colA {
		display: block;
		padding: 0 !important;
		width: 100%;
		text-align: left;
	}
	.modal .form-colB {
		display: block;
	}
}
/* heading */
#lostAngelModal .modal-body h2 {
  margin-top: .75em;
}



/* ///// print basics ///////////////////////////////////////////////////////////////// */
.print-only { display: none; }
@media print {
	/* items to show only on print */
	.print-only { display: block; }
	/* items to hide on print */
	.screen-only { display: none !important; }

	/* adjust colors for print */
	html, body {
		background: #fff !important;
		color: #000 !important;
		font-size: 12px !important;/* this shrinks all fonts that use em */
	}

	/* shrink images to fit on the page */
	img { max-width: 100% !important; }

	/* set print margins */
	@page { margin: 0.5in; }
	
	/* when modals are open */
	.modal-open .modal-backdrop,
	.modal-open #inner-nonfixed,
	.modal-open #header { display: none; }
	.modal-open { overflow: visible; }
	.modal-open .modal { position: relative; overflow: visible; }
	.modal-content { border: 1px solid #ddd; border-top: 0; -webkit-box-shadow: none !important; box-shadow: none !important; }
}