0/* NOTE: MANY OF THE STYLES ARE SET IN BOOTSTRAP.CSS */
/* 100% height */
html, body { height: 100%; min-width: 320px; margin: 0; padding: 0; }
body { min-height: 100%; }
/* set up font defaults */
body {
	font-family: "myriad-pro-n4", "myriad-pro", Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px; /* 16px, usually */
	color: #363636;
	line-height: 1.3;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
	-moz-text-size-adjust: 1em;
}
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;
}
#header,
#footer,
h1, .h1,
h2, .h2,
.btn, .nav,
.condensed {
	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,
#header-title,
#footer-logo,
#footer-title,
.trajan {
	font-family: "trajan-pro-3", Georgia, serif;
	font-style: normal;
	font-weight: 400;
}
.trajan-bold {
	font-family: "trajan-pro-3", Georgia, serif;
	font-style: normal;
	font-weight: 400;
}

/* links (if setting color different than bootstrap) */
a:link, a:visited { color: #0179ad; text-decoration: none; }
a:active, a:hover { color: #0179ad; text-decoration: none; outline: 0; }

/* ///// forms //////////////////////////////////////////////////////////////////////// */
/* change default bootstrap form styles */
label {
	font-weight: normal;
}
.btn {
  font-size: 17px;
  padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-danger {
  background-color: #0179ad;
}
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus {
	background-color: #0179ad;
}
.wf-inactive .btn, .no-js .btn {
  font-size: 15px;
  padding: 6px 12px;
  letter-spacing: normal;
}
.input-medium { max-width: 175px; }
.input-short  { max-width: 85px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
	-moz-appearance:textfield;
}

/* text */
h1, .h1 {
	margin: 0;
	font-size: 2em;
	line-height: 1em;
	color: #0179ad;
	text-transform: uppercase;
}
h2, .h2 {
	margin: 1.1em 0 0 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.25em;
	color: #0179ad;
}
h3, .h3 {
	margin: 2em 0 1.5em 0;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.25em;
	color: #0179ad;
}
p { margin: 1.25em 0; }
.text-highlight {
	color: #0179ad;
	font-style: italic;
	font-size: 1.1em;
}

/* lists */
ul { margin: 1.25em 0; padding: 0 0 0 1em; }
ul ul { margin: 0; }
ul li { margin-bottom: 8px; }
ul ul { margin-bottom: -8px; }
.ul-center {
	display: inline-block;
	margin: 1.25em auto;
	max-width: 100%;
	text-align: left;
}
.ul-center ul {
	margin: 0;
}

/* things with a little extra vertical space */
.vspace { margin: 2.5em 0; }
.vspace + .vspace { margin-top: 3.5em; }

/* icons */
.ati-icon { margin: 0 auto 20px auto; }

/* ///// columns ////////////////////////////////////////////////////////////////////// */
/* columns are done table-style with divs so they can be stacked on small screens */
.pxc-table { display: table; width: 100%; height: 100%; margin: 0 auto; }
.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; /*border: 1px solid pink;*/ }
.pxc-td-spacy { padding: 0 50px; }
.pxc-td-spacy-left { padding: 0 20px 0 50px; }
.pxc-td-spacy-right { padding: 0 50px  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%; }
.pxc-2col .pxc-td.td-swap-sm { display: none !important; }
/* 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 medium screens, stack some columns */
@media only screen and (max-width: 900px) {
	/* change table/tr/td display to block like a normal div */
	.pxc-table.pxc-4col { display: block; }
	.pxc-table.pxc-4col .pxc-tr { display: block; }
	.pxc-table.pxc-4col .pxc-td { display: block; vertical-align: top; }
	/* make all columns 100% wide and remove the padding and vertical alignment */
	.pxc-4col .pxc-td { 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 sub tables */
	.pxc-table.pxc-4col .pxc-table.pxc-sub { display: table; }
	.pxc-table.pxc-4col .pxc-table.pxc-sub .pxc-tr { display: table-row; }
	.pxc-table.pxc-4col .pxc-table.pxc-sub .pxc-td { display: table-cell; vertical-align: middle; }
	.pxc-table.pxc-4col .pxc-table.pxc-sub .pxc-td { width: auto !important; padding: 0 15px; vertical-align: middle; }
	.pxc-table.pxc-4col .pxc-table.pxc-sub .pxc-4col .pxc-td { width: 25% !important; padding: 0 15px; vertical-align: middle; }
	/* adjust gaps */
	.pxc-td-spacy { padding: 0 25px; }
	.pxc-td-spacy-left { padding: 0 10px 0 25px; }
	.pxc-td-spacy-right { padding: 0 25px 0 10px; }
}
/* on small screens, stack more columns */
@media only screen and (max-width: 680px) {
	/* 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; }
	.pxc-4col .pxc-td { float: none; width: 100% !important; margin: 0; }
	/* swap out columns as needed */
	.pxc-2col .pxc-td.td-swap-lg { display: none !important; }
	.pxc-2col .pxc-td.td-swap-sm { display: block !important; }
	/* 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; }
}

/* ///// page container /////////////////////////////////////////////////////////////// */
/* limit width and center */
.page-width {
	margin: 0 auto;
	max-width: 1024px;
}
/* put padding around content */
.page-container {
	margin: 0 auto;
	padding: 10px;
}

/* ///// header /////////////////////////////////////////////////////////////////////// */
#header {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
#header-logo {
	display: block;
	margin: 20px auto;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	color: #0179ad;
}
#header-logo img {	
	margin: 0;
	padding: 0;
}
#header-title {
	display: block;
	margin: 0 auto;
	padding: 0;
	font-size: 2.5em;
	line-height: 1em;
	text-align: center;
	color: #0179ad;
}
#header a:link #header-logo, #header a:visited #header-logo { color: #0179ad; }
#header a:active #header-logo, #header a:hover #header-logo { color: #0179ad; }
#header a:link #header-title, #header a:visited #header-title { color: #0179ad; }
#header a:active #header-title, #header a:hover #header-title { color: #0179ad; }

/* ///// footer /////////////////////////////////////////////////////////////////////// */
#footer {
	margin: 20px 0 0 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	color: #777;
	background: #f7f7f7;
}

/* ///// about //////////////////////////////////////////////////////////////////////// */
#sect-about {
}
#sect-about .pxc-1col { max-width: 900px; }

/* ///// admin //////////////////////////////////////////////////////////////////////// */
#sect-admin {
	margin: 10px auto 30px auto;
	padding: 25px 0 10px 0;
	background: #f7f7f7;
}
#sect-admin .ati-icon { margin: 25px auto 0 auto; }
#sect-admin .ul-center {
	display: block;
}
#sect-admin img.img-responsive {
	margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
	#sect-admin { margin: 10px auto 30px auto; }
}
@media only screen and (min-width: 901px) {
	#sect-admin h2 { min-height: 60px; }
}
@media only screen and (min-width: 681px) and (max-width: 900px) {
	#sect-admin .ul-center { width: 350px; }
}
@media only screen and (max-width: 680px) {
	#sect-admin .ul-center { width: 570px; }
}

/* ///// adopt //////////////////////////////////////////////////////////////////////// */
#sect-adopt { 
	margin: 10px auto 30px auto; 
	padding: 5px 0;
}
@media only screen and (max-width: 767px) {
	#sect-adopt { margin: 10px auto; }
}
@media only screen and (min-width: 681px) {
	#sect-adopt .ul-center { width: 350px; }
}
@media only screen and (max-width: 680px) {
	#sect-adopt .ul-center { width: 570px; }
	#sect-adopt { margin: 10px auto 0 auto; }
}
@media only screen and (min-width: 681px) and (max-width: 767px) {
	#sect-adopt .td-60p, #sect-adopt .td-40p { width: 50%; }
}


/* ///// kiosk //////////////////////////////////////////////////////////////////////// */
#sect-kiosk { 
	margin: 30px auto; 
	padding: 30px 0;
	background: #f7f7f7; 
}
@media only screen and (max-width: 767px) {
	#sect-kiosk { margin: 0 auto 30px auto; }
}
@media only screen and (min-width: 681px) {
	#sect-kiosk .ul-center { width: 350px; }
}
@media only screen and (max-width: 680px) {
	#sect-kiosk .ul-center { width: 570px; }
	#sect-kiosk { padding: 30px 0 10px 0; }
}
@media only screen and (min-width: 681px) and (max-width: 767px) {
	#sect-kiosk .td-60p, #sect-kiosk .td-40p { width: 50%; }
}

/* ///// distribution //////////////////////////////////////////////////////////////////////// */
#sect-distribution { 
	background: #f7f7f7; 
}


/* ///// contact ////////////////////////////////////////////////////////////////////// */
#sect-contact {}
#contactErrorCS { display: none; }
#sect-contact form {
	margin: 0 auto;
	/*max-width: 350px;*/
	text-align: left;
}
#sect-contact .form-cols {
	display: table;
	margin: 0 auto;
	width: 100%;
	max-width: 720px;
}
#sect-contact .form-colA,
#sect-contact .form-colB {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
#sect-contact .form-colA {
	padding: 0 20px 0 0;
}
#sect-contact .form-colB {
	padding: 0 0 0 20px;
}
#sect-contact .form-colC,
#sect-contact .form-colD {
	display: table-cell;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	#sect-contact .form-cols { max-width: 450px; }
	#sect-contact .form-colA,
	#sect-contact .form-colB,
	#sect-contact .form-colC,
	#sect-contact .form-colD { display: block; width: 100%; padding: 0; }
}

/* ///// thanks /////////////////////////////////////////////////////////////////////// */
#sect-thanks {
	margin-top: 0;
	padding-top: 10px;
	text-align: left;
}
.text-bronze 	 { color: #b13a15; }
.text-silver 	 { color: #86898a; }
.text-gold 		 { color: #bf9902; }
.text-platinum { color: #7c97a6; }
.pkg-blurb { margin: 30px auto 20px auto; }
.pkg-blurb .td-60p { padding-left: 0 !important; }
.pkg-sticker {
	margin: 0 auto;
	padding: 20px;
	max-width: 250px;
	background: #0179ad;
	font-size: 1.1em;
	color: #fff;
	border-radius: 50%;
}
.pkg-recommend { margin: 0; }
@media only screen and (max-width: 680px) {
	.pkg-blurb .td-60p { text-align: center; }
	.pkg-recommend { margin: 0 0 20px 0; }
	.pkg-sticker { padding: 5px; max-width: 100%; border-radius: 6px; }
}
table.packages {
	margin: 0 auto 30px auto;
}
table.packages td,
table.packages th {
	text-align: center;
}
table.packages tr td:first-child {
	text-align: left;
}
table.packages th {
	border-top: 0 !important;
}
table.packages .recommended {
	border-left: 1px solid #777;
	border-top: 0 !important;
	border-right: 1px solid #777;
	text-align: center;
}
table.packages th.recommended {
	border-top: 1px solid #777 !important;
}
table.packages tr:last-child .recommended {
	border-bottom: 1px solid #777;
}
table.packages .packages-total1 td.recommended,
table.packages .packages-total2 td.recommended { border-top: 2px solid rgba(119,119,119,.15) !important; }
table.packages .recommended.bronze { background: #f7eed9; }
table.packages th.recommended.bronze { background: #e0a226; background: linear-gradient(to bottom, #e0a226 0%, #f7eed9 100%); }
table.packages .recommended.silver { background: #f7f7f7; }
table.packages th.recommended.silver { background: #d3d3d3; background: linear-gradient(to bottom, #d3d3d3 0%, #f7f7f7 100%); }
table.packages .recommended.gold { background: #fefcea; }
table.packages th.recommended.gold { background: #f1da36; background: linear-gradient(to bottom, #f1da36 0%, #fefcea 100%); }
table.packages .recommended.platinum { background: #edf2f4; }
table.packages th.recommended.platinum { background: #bccfd1; background: linear-gradient(to bottom, #bccfd1 0%, #edf2f4 100%); }
table.packages .pkg-desc { font-size: .9em; }
table.packages .pkg-pkg {}
table.packages .pkg-pkg span { font-size: .85em; }
table.packages .packages-total1 td { border-top: 2px solid #777777; }
table.packages .packages-total2 td { font-weight: bold; border-top: 2px solid #777777; }
table.packages .packages-total2 td.pkg-pkg { font-size: 1.125em; }
table.packages td.pkg-indent { padding-left: 25px !important; }
@media only screen and (max-width: 767px) {
	table.packages { font-size: .9em; }
	table.packages .pkg-pkg span { display: block; line-height: .95em; }
}
@media only screen and (max-width: 480px) {
	table.packages td.pkg-indent { padding-left: 15px !important; }
	table.packages .packages-total2 td.pkg-pkg { font-size: .95em; }
	table.packages { font-size: .85em; }
	table.packages th, table.packages td { line-height: 1.1em !important; }
	table.packages th.pkg-desc, table.packages td.pkg-desc { padding: 5px 2px !important; }
	table.packages th.pkg-pkg, table.packages td.pkg-pkg { padding: 5px 4px !important; }
	table.packages em { font-size: .9em; }
}
#sect-thanks ul { margin-top: -10px; }
#sect-thanks ul li { margin-bottom: 0; }
#sect-thanks .addons { margin: 0 auto; max-width: 320px; }
#sect-thanks .addons strong {}
#sect-thanks .addons s { font-size: 1.125em; }
#sect-thanks .addons em { clear: both; color: #0179ad; font-size: .9em; }
#sect-thanks .addons1 { padding-right: 10px; }
#sect-thanks .addons2 { padding-left: 10px; }
@media only screen and (max-width: 640px) {
	#sect-thanks .addons1 { padding-right: 0; }
	#sect-thanks .addons2 { padding-left: 0; }
}

/* ///// 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-backdropr { 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; }
}