/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

html, button, input, select, textarea{
	color: #232323;	
}
html {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

::-moz-selection {
	background: #bfc8a2;
	text-shadow: none;
	color: #000;
}
::selection {
	background: #bfc8a2;
	text-shadow: none;
	color: #000;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

html, body, body#tinymce{
	color: #193351;
}
body{
	background: #172a45;
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
body#tinymce{
	font-size: 16px;
	background: #fff;
}
input,
textarea,
select{
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%
}
input[type=text],
input[type=password],
textarea,
select{
	border: 1px solid #888;
	border-radius: 3px;
	padding: 0.1em .25em;
	display: inline-block;
	margin: 1px;
	vertical-align: middle;
	background: #f6f6f6;
}
.search input[type=text]{
	background: #fff;
}
.cms_region,
.cms_region.cms_Imagesingle.padding{
	padding: 0 1em;
}
.cms_region.cms_Imagesingle{
	padding: 0;
}
#content .cms_region{
	max-width: 1200px;
	margin: 0 auto;
}
#content .cms_region.cms_Imagesingle:first-child{
	max-width: none;
}
.siteWidth {
	
}
.pageWidth{
	width:1215px;
	margin-left: auto;
	margin-right: auto;
	background: #f5f5f5;
}
header,
main{
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

/* template top */
.socials{
	float: right;
	padding: 0 .5em;
}
.socials ul{
	margin: 0;
	padding: 0;
}
.socials ul li{
	display: inline-block;
	margin: .25em;
	padding: 0;
	opacity: 1;
	
	-webkit-transition: all .25s, color .25s, box-shadow .25s;
	-moz-transition: all .25s, color .25s, box-shadow .25s;
	transition: all .25s, color .25s, box-shadow .25s;
}
.socials ul li:hover{
	opacity: .65;
}
.socials ul li a{
	display: block;
	width: 30px;
	height: 30px;
	outline: none;
}
.socials ul li.facebook{
	background: url('/images/template/socials.png') 0px 0px no-repeat;
}
.socials ul li.twitter{
	background: url('/images/template/socials.png') -42px 0px no-repeat;
}
.socials ul li.give{
	background: url('/images/template/give-30x30.png') center no-repeat;
	background-size: contain;
}
.headerTop{
	position: relative;
	color: #172a45;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #172a45;
}
.headerTop .logo{
	float: left;
	font-size: 280%;
	text-transform: uppercase;
	margin-top: .75em;
	padding: 0 .25em;
}
.headerTop a{
	color: #172a45;
}
.headerTop nav{
	float: right;
	clear: right;
}
.headerTop nav ul{
	padding: 0;
	margin: 0;
}
.headerTop nav ul.hidden-sm{
	display: block !important; /* can be hidden when smaller on mobile */
}
.headerTop nav ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #f5f5f5;
}
.headerTop nav ul li a{
	font-size: 160%;
	display: block;
	padding: 0 .5em;
	margin-top: .25em;
	text-decoration: none;
	text-transform: uppercase;
}
.headerTop nav > ul > li:hover{
	border-bottom: 1px solid #c6ccaa;
}
.headerTop nav ul li a:hover{
	color: #858F55;
}
.headerTop nav ul li a.current{
	color: #858f55;
}

.headerTop nav ul ul{
	display: none;
	font-size: 80%;
	text-align: left;
	z-index: 1000;
	float: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 2.1em 0 0 0;
	width: 100%;
	min-width: 18em;
	
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.headerTop nav ul ul li:first-child{
	border-top: 1px solid #172a45;
}
.headerTop nav ul ul li{
	display: block;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.5);
	border: none;
	margin: 0;
	padding: 0;
}
.headerTop nav ul li a.containsSubMenu::after{
 	content: " \f107";
	font-family: 'FontAwesome';
	font-size: 19px;
	display: inline-block;
	line-height: 1;
	padding: 0 .2em;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.headerTop nav ul li a.active.containsSubMenu::after{
 	transform: rotate(180deg);
}
.headerTop nav ul ul li:hover{
}
.headerTop nav ul ul li a{
	border: none;
	display: block;
	margin: 0;
	padding: 0.45em .5em;
	border-right: 1px solid #848f55;
	border-left: 1px solid #848f55;
	border-bottom: 1px solid #848f55;
	
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.headerTop nav ul ul li a.current,
.headerTop nav ul ul li a:hover{
	color: #f5f5f5;
	background: #172a45;
}

header .navBars{
	width: 25px;
	cursor: pointer;
	display: inline-block;
	outline: none;
	display: none;
	padding: 15px 1.25em .5em;
	vertical-align: middle;
	margin-top: 0;
	box-sizing: content-box;
}
header .navBars:hover {
	opacity: 0.7;
}
header .navBars.active {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	
	height: 21px;
	background: url("/cirkuit/includes/images/icons/black/delete_16x16.png") center center no-repeat;
}
header .navBars.active .navBar{
	display: none;
}
header .navBar {
	background: #172a45;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #172a45;
	border-radius: 3px;
}

.coverImageContainer{
}
.cms-cover-image{
	display: none;
	height: 300px;
	background: center 100% no-repeat; /* 100% because we slide the image on scroll */
	background-size: cover;
	border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 800px){
	.cms-cover-image{
		height: 175px;
	}
}

/* footer */
.bottomNav{
	max-width: 1200px;
}
ul.bottomNav{
	font-size: 200%;
	text-align: center;
	padding: .5em 0 .75em;
	margin: 3em auto 0 auto;
	border-top: 2px solid #172a45;
}
ul.bottomNav li{
	display: inline-block;
	list-style: none;
	font-size: 200%;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 0 .95em;
}
ul.bottomNav li:first-child{
	padding-left: 0;
}
ul.bottomNav li:last-child{
	padding-right: 0;
}
ul.bottomNav a{
	color: #172a45;
}
ul.bottomNav a:hover{
	color: #858f55;
}
footer{
}
footer .footerTop{
	background: #fff;
	text-align: center;
	padding: 1em;
	border-top: 1px solid #ddd;
}
footer .footerTop .imgWrap{
	max-width: 50%;
	margin: 0 auto;
}
footer .footerTop .imgWrap img{
	max-width: 300px;
	width: 100%;
	height: auto;
}
footer .footerSections{
	text-align: center;
	padding: 1em 0;
	background: #172a45;
}
footer section {
	vertical-align: top;
	display: inline-block;
	padding:0 .5em;
	color: #f4f4f4;
	line-height: 1.1;
}
footer section a{
	color: #f4f4f4;
	text-decoration: none;
}
footer section a:hover{
	color: #ccc;
}
footer section .contactSummary{
	margin-top: .5em;
	text-align: center;
	text-align: center;
	font-size: 170%;
	letter-spacing: 1px;
}
footer section .contactName{
	text-transform: uppercase;
	padding-top: .5em;
	font-size: 120%;
	letter-spacing: 2px;
}
footer section .contactNum{
}
footer section .contactNum a{
}

footer .copy{
	color: #ccc;
	font-size: 80%;
	margin: 1.5em 0;
}
footer .copy a{
	color: #ccc;
}
footer .copy a:hover{
	color: #fff;
}


/* content */
#content, #tinymce{
	font-size: 170%;
	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
}
a {
	color:#858f55;
	cursor:pointer;
	text-decoration: none;
}
a:hover {
	color:#3e4428;
}
h1 {
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight: normal;
	margin-top:.6em;
	margin-bottom: .5em;
	color: #172a45;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1.2;
}
h2 {
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	padding: .25em .5em;
	margin-top: 1.5em;
	background: #172a45;
	letter-spacing: 1px;
	font-size:120%;
	font-weight: normal;
	color: #fff;
}
h3 {
	letter-spacing: 1px;
	font-size: 110%;
	font-weight: normal;
	color: #333;
}
h4 {
	font-size: 200%;
	font-weight: normal;
	margin: 0.25em 0 0.5em;
	color: #222;
	letter-spacing: 5px;
}
.transitions_on div,
.transitions_on form,
.transitions_on input,
.transitions_on textarea{
	-webkit-transition: all .35s, color .35s, box-shadow .35s;
	-moz-transition: all .35s, color .35s, box-shadow .35s;
	transition: all .35s, color .35s, box-shadow .35s;
}
.transitions_off,
div.transitions_off,
.transitions_off div,
.transitions_off form,
.transitions_off input,
.transitions_off textarea,
.transitions_on .cms_StoreLocator_container div,
.transitions_on .cms_StoreLocator_container form,
.transitions_on .cms_StoreLocator_container input,
.transitions_on .ContentType_ImageGallery_galleryContainer div,
.transitions_on .cms_toolbar{ /* fix weird dragging issues in cms backend */
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

.button,
button,
input[type="button"],
input[type="submit"],
.MessageForm_Buttons input,
a.inputSubmit {
	text-decoration: none;
	margin: 1px;
	display: inline-block;
	vertical-align: middle;
	background: #858f55;
	background: linear-gradient(to bottom, #aab380 0%,#858f55 4%,#858f55 100%);
	color:#FFFFFF;
	font-weight:normal;
	cursor:pointer;
	font-size:95%;
	padding:.25em .5em;
	text-transform:uppercase;
	border-radius:3px;
	border:1px solid #656f42;
	box-shadow: 0px 0 1px rgba(222,222,222,.6);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.MessageForm_Buttons input:hover,
a.inputSubmit:hover {
	background: #858f55;
	background: linear-gradient(to bottom, #858f55 0%, #858f55 4%, #858f55 100%);
}
div.MessageForm_Buttons{
	text-align: center;
	margin-top: 2.5em;
}
div.MessageForm_Buttons input{
	font-size: 115%;
	padding-left: 3em;
	padding-right: 3em;
}

#content img.respFix{
	width: 100%;
	height: auto !important;
}
#content iframe.respFix,
#content object.respFix{
	width: 100%;
}
#tms_breadcrumbs{
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	padding: .5em .5em;
	background: #fff;
	border-bottom: 1px solid #c4caa9;
}
div #tms_breadcrumbs ul.breadcrumbs{
	padding: 0 1.5em;
	margin-bottom: 0;
	max-width: 1200px;
	margin: 0 auto;
}
div #tms_breadcrumbs ul.breadcrumbs li{
	padding-left: 10px;
}


/* cms forms */
#content .MessageSection_MessageForm{
	width: auto;
	max-width: 600px;
	font-size: 95%;
	border: none;
	padding-top: .5em;
	border-radius: 5px;
	margin-bottom: 2em;
	margin-top: 2em;
	box-shadow: 0 0 6px rgba(0,0,0,.25);
	border: 1px solid #ccd0b3;
}
#content .MessageSection_MessageForm .inputText{
	background: #fff;
	font-size: 100%;
	min-width: 0;
	vertical-align: top;
	border-radius: 0;
}
#content #Message_Phone{
	width: 95%;
	max-width: 220px;
}
#content .MessageSection_MessageForm .inputFile{
	font-size: 80%;
	border: none !important;
}
#content .MessageSection_MessageForm .MessageForm_Buttons input{
	font-size: 100%;
}


/* etc */
div.StoreLocator_style_responsiveDark .StoreLocator_inputContainer{
	background: #dee1ce;
	color: #000;
}
.StoreLocator_inputContainer{
	font-size: 16px;
}
.StoreLocator_mapContainer,
.StoreLocator_inputContainer{
	text-align: left;
}
div .ContentType_ImageGallery_summary img{
	border: none;
	box-shadow: 0 0 4px rgba(0,0,0,.55);
	padding: 0;
	
	-webkit-transition: box-shadow .25s;
	-moz-transition: box-shadow .25s;
	transition: box-shadow .25s;
}
div .ContentType_ImageGallery_summary img:hover{
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}
.ContentType_SubPageList_listItem{
	margin: 1em;
	position: relative;
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	border-radius: 1em;
	overflow: hidden;
}
.SubPageList_coverImage{
	text-align: center;
}
.ContentType_SubPageList_listItem .ContentType_ImageGallery_Summary_title,
.SubPageList_summaryPageTitle{
	padding: 0;
	font-size: 100%;
	position: absolute;
	width: 100%;
	bottom: 0;
	opacity: .9;
	background: #172a45;
	text-align: center;
}
.ContentType_ImageGallery_Summary_title a,
.ContentType_SubPageList_listItem a{
	color: #fff;
	font-size: 180%;
	font-weight: normal;
}
.noImg .SubPageList_summaryPageTitle{
	position: static;
	background: none;
	opacity: 1;
	text-align: left;
}
.ContentType_SubPageList_listItem.noImg{
	margin: 0;
	border-radius: 0;
}
.ContentType_SubPageList_listItem.noImg a{
	color: #193351;
	font-size: 140%;
	font-weight: bold;
}
.home .ContentType_SubPageList_listItem.noImg a{
	font-size: 180%;
}
.home .noImg .SubPageList_summaryPageTitle{
	text-align: center;
}
.ContentType_SubPageList_listItem a:hover{
	color: #2b6bbb;
}
#content .ad-gallery{
	margin: 1em auto 2em;
}
div.ad-gallery{
	border: 3px solid #1A1A1A;
	padding: 2px;
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	background: #fff;
}
div.ad-controls{
	padding: .5em;
}
div.ad-gallery .ad-image-description strong{
	color: #222;
	text-align: center;
}
div.ad-gallery .ad-thumbs li a.ad-active img{
	border: 3px solid #858f55;
}
#content .ad-gallery img{
	width: auto;
}
div.ad-gallery .ad-image-description strong{
	font-size: 90%;
}

#content div.MessageForm_InputItem{
	margin-top: .5em;
}

/* clearfix */
.cms_TwoColumns::after {
  content: "";
  clear: both;
  display: table;
}

.whoweare .valuesImage{
	float: right;
	margin-right: 2em;
	margin-top: 1em;
	max-width: 50% !important;
	height: auto;
}

.home table.ContentType_SubPageList_listTable{
	font-size: 60%;
}
.home table.ContentType_SubPageList_listTable,
table.styleTable{
	width: 100%;
}
.home table.ContentType_SubPageList_listTable tr:nth-child(odd),
.sermonsstudies .ContentType_SubPageList_listCell:nth-child(odd),
table.styleTable tr:nth-child(odd){
	background: #fff;
}
.home table.ContentType_SubPageList_listTable tr:nth-child(even),
.sermonsstudies .ContentType_SubPageList_listCell:nth-child(even),
table.styleTable tr:nth-child(even){
	background: #dee1ce;
}
.home table.ContentType_SubPageList_listTable td,
.sermonsstudies .ContentType_SubPageList_listItem,
table.styleTable td{
	border: 1px solid #ccd0b3;
	padding: .5em;
	color: #111;
}

table.staff{
	width: 100%;
}
table.staff td{
	padding: 0 .5em 1em .5em;
}
table.staff img{
	margin: 0 .5em .5em 0;
	padding: 2px;
	border: 2px solid #ccc;
	max-width: 50% !important;
	height: auto;
}

.StreamingMedia_container{
	padding-bottom: 3em;
}
.StreamingMedia_playerContainer{
	border-top: 1em solid #839056;
	border-bottom: 1em solid #839056;
	background: #839056;
}
.StreamingMedia_player{
	width: 100% !important;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}
div .flowplayer.fixed-controls .fp-controls {
    background-color: #839056;
}
div .flowplayer .fp-timeline{
	background: #193351;
}
div .flowplayer .fp-progress{
	background-color: #ccd0b3;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* homepage */
.home .bottomNav{
	display: none;
}
.home .cms_region.cms_Imagesingle.padding{
	padding-left:0;
	padding-right: 0;
}
ul.homeBtns{
	font-family: "ElegantLuxMager", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 4em 0;
}
ul.homeBtns li{
	display: inline-block;
	list-style: none;
	font-size: 250%;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 0 .95em;
}
ul.homeBtns li:first-child{
	padding-left: 0;
}
ul.homeBtns li:last-child{
	padding-right: 0;
}
ul.homeBtns a{
	color: #172a45;
}

#content .cms_SocialMediaFeed{
	padding: 0 0 1em;
}
#content .socialItem{
	display: inline-block;
	width: 33%;
	vertical-align: top;
	background: none;
	padding: .5em;
}
#content .socialTitle{
	background: none;
	margin: 0;
	padding: 0;
}
#content .socialDesc{
	margin-top: 0;
}
#content .socialDate{
	font-size: 65%;
}
#content .socialDesc a,
#content .socialTitle a{
	color: #193351;
}
#content .socialImage{
	max-height: 280px;
	overflow: hidden;
	text-align: center;
	background: #ccc;
}
#content .cms_SocialMediaFeed_2805 h2{
	margin: 0;
}

@media only screen and (max-width: 800px){
	#content .socialItem:nth-child(n+3){
		display: none;
	}
	#content .socialItem{
		width: 49.5%;
	}
	#content .socialImage{
		max-height: 40vw;
	}
}

/* site (non-cart) responsive rules */
/*
@media only screen and (max-width: 1700px){
	.pageWidth{
		width: 100%;
		border-left: none;
		border-right: none;
	}
}
@media only screen and (max-width: 1650px){
	.headerTop{
		padding-bottom: 0;
		border-bottom: 0;
	}
	.headerTop .logo {
		font-size: 250%;
		margin-top: 0;
		line-height: 1;
		margin-left: .35em;
	}
	.headerTop nav{
		float: none;
		clear: both;
		padding-top: 1em;
	}
	.headerTop nav ul{
		background: #172a45;
		border-bottom: 1px solid #848f55
	}
	.headerTop nav ul li,
	.headerTop nav ul li:hover{
		border-bottom: none;
	}
	.headerTop nav ul li a{
		color: #f5f5f5;
		margin-top: 0;
		padding: .25em 1em .35em;
		line-height: 1.15
	}
	.headerTop nav ul ul li a:hover,
	.headerTop nav ul ul li a.current{
		color: #858F55;
	}
	.headerTop nav ul ul{
		padding-top: 0;
	}
	.headerTop nav ul ul li{
		background: #172a45;
	}
	#content, #tinymce{
		font-size: 150%;
	}
}
@media only screen and (max-width: 1300px){
	.headerTop .logo {
		font-size: 200%;
		margin-top: .25em;
		margin-left: 0;
	}
	.headerTop nav ul li a{
		font-size: 150%;
		padding-left: .5em;
		padding-right: .5em;
	}
	footer section .contactSummary{
		font-size: 140%;
		padding-top: .25em;
	}
	.headerTop nav ul ul{
		width: 21em;
	}
	#content, #tinymce{
		font-size: 130%;
	}
}
@media only screen and (max-width: 1300px){
	table.styleTable{
		width: 100% !important;
	}
}
*/

.headerTop{
	padding-bottom: 0;
	border-bottom: 0;
}
.headerTop nav{
	float: none;
	clear: both;
	padding-top: 1em;
}
.headerTop nav ul{
	background: #172a45;
	border-bottom: 1px solid #848f55
}
.headerTop nav ul li,
.headerTop nav ul li:hover{
	border-bottom: none;
}
.headerTop nav ul li a{
	color: #f5f5f5;
	margin-top: 0;
	padding: .25em 1em;
	line-height: 1.15
}
.headerTop nav ul ul li a:hover,
.headerTop nav ul ul li a.current{
	color: #858F55;
}
.headerTop nav ul ul{
	padding-top: 0;
}
.headerTop nav ul ul li{
	background: #172a45;
}
#content, #tinymce{
	font-size: 150%;
}

.headerTop .logo {
	font-size: 250%;
	margin-top: 0;
	line-height: 1;
	margin-left: .35em;
}
.headerTop nav ul li a{
	font-size: 150%;
	padding-left: 1.25em;
	padding-right: 1.25em;
}
footer section .contactSummary{
	font-size: 140%;
	padding-top: .25em;
}
.headerTop nav ul ul{
	width: 21em;
}
#content, #tinymce{
	font-size: 130%;
}
table.styleTable{
	width: 100% !important;
}

@media only screen and (max-width: 1230px){
	.pageWidth{
		width: 100%;
	}
	header,
	main{
		border-left: none;
		border-right: none;
	}
	.headerTop nav ul li a{
		padding-left: .5em;
		padding-right: .5em;
	}
}
@media only screen and (max-width: 1050px){
	ul.bottomNav{
		font-size: 150%;
	}
	ul.homeBtns li{
		font-size: 200%;
	}
	#content, #tinymce{
		font-size: 115%;
	}
}
@media only screen and (max-width: 1000px){
	.headerTop .logo {
		font-size: 200%;
		margin-top: .25em;
	}
	.headerTop .navBars{
		display: inline-block;
		float: right;
	}
	#content{
		margin-top: 48px;
	}
	.headerTop{
		padding-top: 0;
		position: fixed;
		z-index: 10000;
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
	}
	.headerTop .logo {
		margin-bottom: .35em;
	}
	.headerTop .socials{
		padding: .25em 0 0;
	}
	.headerTop nav{
		padding-top: 0;
	}
	.headerTop nav > ul{
		display: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.headerTop nav ul.hidden-sm{
		display: none !important; /* can be hidden when smaller on mobile */
	}
	.headerTop nav > ul > li{
		display: block;
		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
	}
	.headerTop nav > ul > li:hover{
		border: 0;
	}
	.headerTop nav > ul > li > a{
		margin: 0;
		padding: .35em 0;
		display: inline-block;
		font-size: 120%;
	}
	.headerTop nav > ul ul{
		display: none; /* hide subnav always */
		position: static;
		border-top: none;
		width: auto;
		text-align: center;
	}
	.headerTop nav > ul ul.show{
		display: block; /* ..except when not :/ */
	}
	.headerTop nav > ul li.subnavActive ul{
		display: block !important;
		position: static;
		width: 100%;
		text-align: center;
		border: none;
	}
	.headerTop nav > ul ul li {
		box-shadow: none;
		border: none;
		background: rgba(255,255,255,.1);
	}
	.headerTop nav > ul ul li a{
		border: none;
	}
}
@media only screen and (max-width: 800px){
	.headerTopBar .socials ul li{
	}
	ul.bottomNav{
		font-size: 115%;
	}
	ul.homeBtns li{
		font-size: 170%;
		padding: 0 .75em;
	}
		
	.cms-cover-image{
		height: 175px;
	}
	
	.ContentType_SubPageList_listItem a{
		font-size: 140%;
	}
	
	#content, #tinymce{
		font-size: 105%;
	}
	#tms_breadcrumbs{
		font-size: 80%;
	}
	#content iframe.respFix,
	#content object.respFix{
		height: 56.25vw;
	}
	
	.cms_TwoColumns .TwoColumns_leftColumn,
	.cms_TwoColumns .TwoColumns_rightColumn{
		float: none;
		width: 100%;
	}
}
@media only screen and (max-width: 700px){
	footer section .contactSummary{
		font-size: 100%;
		padding-top: 1.25em;
	}
	
	h1{
		font-size: 150%;
	}
	h2{
		font-size: 125%;
	}
	h3{
		font-size: 115%;
	}
}
@media only screen and (max-width: 650px){
	ul.bottomNav{
		font-size: 100%;
	}
}
@media only screen and (max-width: 600px){
	#content{
		margin-top: 40px;
	}
	.headerTop .logo {
		font-size: 170%;
	}
	.socials ul li a{
		height: 24px;
		width: 24px;
	}
	header .navBars{
		padding-top: 12px
	}
	ul.homeBtns{
		padding: 1em 0;
	}
	ul.homeBtns li{
		display: block;
		text-align: center;
		padding: .5em 0;
	}
	
	#content .ContentType_SubPageList_listCell,
	table td{
		box-sizing: border-box;
		width: 100% !important;
		display: block;
	}
	table,
	table tr td{
		text-align: center;
	}
	table.styleTable tr:nth-child(2n){
		background: #fff;
	}
	table.styleTable td:nth-child(2n-1){
		background: #dee1ce;
	}
	
	/* search */
	div.search-sort-view{
		float: none;
	}
	div.search-price{
		margin: .5em 0;
	}
	table.results-list tr.search-item-list td {
    	border-bottom: none;
	}
	table.results-list tr.search-item-list td:last-child{
		border-bottom: 1px solid #DDD;
	}
}
@media only screen and (max-width: 550px){
	ul.bottomNav{
		font-size: 70%;
	}
}
@media only screen and (max-width: 500px){
	.headerTop .logo{
		font-size: 115%;
		padding-top: .35em;
	}
	footer section .contactSummary{
		font-size: 80%;
		text-align: center;
		padding: 0;
		background-position: bottom center;
	}
	#content, #tinymce{
		font-size: 100%;
	}
	
	/* search */
	div.search-input-container{
		width: 100%;
	}
	div input.search-text{
		width: 75%
	}
	ul.bottomNav{
		font-size: 60%;
	}
	
	.whoweare .valuesImage{
		float: none !important;
		padding: 1em;
		margin-right: 0;
		text-align: center;
		max-width: none !important;
	}
}
@media only screen and (max-width: 400px){
	ul.bottomNav{
		font-size: 50%;
	}
	#content, #tinymce{
		font-size: 90%;
	}
	.headerTop .logo {
	}
	.headerTop nav > ul > li > a{
	}
}
@media only screen and (max-width: 385px){
	.socials ul li.facebook{
		display: none;
	}
}
@media only screen and (max-width: 330px){
	ul.bottomNav{
		font-size: 40%;
	}
}
@media only screen and (max-width: 300px){

}
@media only screen and (max-width: 275px){

}


/* print styles */
@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}
