html, body {
	overflow-x:hidden;
}

body {
	margin: 0px;
}

a, .a {
	color: #9915A2;
	text-decoration: none;
}

a:hover, .a:hover {
	color: #f38e58;
	text-decoration: none;
}

p a:not([class]),
main p:not([class]) > a:not([class]) {
	text-decoration: underline;
}

div:focus,
section:focus,
p:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus {
	outline: none;
}

#blockImg404 {
	width: 500px;
	float: left;
}

#img404 {
	width: 400px;
	height: auto;
}

#copyBox404 {
	width: 400px;
	float: left;
	text-align: left;
	font-family: lato;
	padding-top: 140px;
}

.breadcrumb_last,
.breadcrumbs a  {
	color: #55ac47;
	font-family: 'Montserrat', sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	margin-bottom: 13px;
	text-align: left;
}
.breadcrumbs a {
	border-bottom: solid 1px;
}
.breadcrumbs a:hover {
	color: #de8250;
}

.breadcrumb_last {
	cursor: default; }

.breadcrumbs {
		margin: 30px 0;
		text-align: left; }

.breadcrumbs ol {
	margin: 0 0 10px;
	padding-left: 0;
	list-style: none;
}
.breadcrumbs li {
	display: inline;
}
.breadcrumbs li + li::before {
	display: inline-block;
	color: #58ab47;
	margin: 0 10px 0 5px;
	transform: rotate(30deg);
	border-right: 2px solid;
	height: 10px;
	content: '';
}

#mobileNavContainer {
	display: none;
}

#mobileLogo {
	display: none;
}

.searchTitle a {
	color: #9915A2;
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 5px;
	font-size: 18pt;
}

.searchLink a {
	color: #f38e5a;
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
}

.paginate {
	text-align: center;
	padding-bottom: 10px;
	color: #1e69ad;
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
}

.paginate a {
	color: #f38e5a;
}

.page-numbers {
	padding: 5px;
}

/*== BRAND WINDOW ================================*/

.brandWindow {
	background-size: cover;
	padding-top: 140px;
	width: 100%;
	height: 450px;
	position: relative;
}

.brandWindow:after {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(0,0,0,0.25);
}

.brandWindowVideo {
    background-size: cover;
    padding-top: 140px;
    width: 100%;
    height: 450px;
    position: absolute;
    background-image: url(../img/BrandWindowGeneric.jpg) !important;
}

.brandContentRight {
	float: right;
	margin: 100px 7% 0px 0px;
	width: 400px;
}

.brandContentLeft {
	float: left;
	margin: 100px 0px 0px 7%;
	text-shadow: 0px 0px 50px #5c5c5cc2, 0px 0px 12px #5c5c5cc2;
	width: 400px;
}

.brandCustomRight {
	float: right;
	margin: 50px 200px 0px 0px;
	width: 400px;
}

.brandCustomLeft {
	float: left;
	margin: 50px 0px 0px 125px;
	width: 400px;
}

#slider-pager, #slider-pager-event {
	cursor: pointer;
	position: absolute;
	font-size: 26pt;
	color: #25A1AD;
	width: 100%;
	text-align: center;
	margin-top: -50px;
	z-index: 800;
	display: inline-block;

}

#slider-pager span, #slider-pager-event span {
	padding: 0px 0px 0px 5px;
}

.cycle-pager-active {
	color: #C84F0E;
	cursor: pointer;
}

/*==================================*/

.text_image_contact_info {
	color: #1e69ad;
	text-transform: uppercase;
}

.text_image_contact_info a {
	color: #1e69ad;
}

.text_image_contact_info a:hover {
	color: #f38e5a;
}

.hp_activities {
	width: 100%;
	text-align: center;
	background: none;
}

.hp_activities_sub {
	display: inline-block;
	width: 80%;
}

.hp_activities_left {
	width: 34%;
	float: left;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
}

.hp_activities_title {
	font-size: 24pt;
	color: #616264;
}

.hp_activities_subtitle {

	font-size: 16pt;
	color: #28aebb;
	font-family: Cormorant;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

/* DROP DOWNS ================== */

.styled-select {
   height: 35px;
   overflow: hidden;
   width: 240px;
   border: 0px;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(192, 192, 192, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(192, 192, 192, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(192, 192, 192, 0.75);
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 35px;
   padding: 5px 5px 5px 10px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
   border: 0px;
   background-image: url(/fa-content/themes/martincounty/img/dd-arrow.jpg) ;
   background-repeat: no-repeat;
   background-size: 40px 40px;
   background-position: 202px;

}

/* -------------------- Colors: Background */
.black   { background-color: #ffffff;}

/* -------------------- Colors: Text */
.black select {
	color: #00838F;
	font-weight: 600;
	font-family: Montserrat, sans-serif;

}


/* PAGE STYLING ======================*/

.pageContent {
	width: 100%;
	text-align: center;
	padding-top: 25px;
}

.pageContentSub {
	display: inline-block;
	width: 90%;
	text-align: left;
	background: #ffffffbb;
	padding: 15px;
}

.pageTitle {
	color: #26A0AB;
	font-family: Montserrat, sans-serif;
	font-size: 28pt;
	line-height: 1;
	text-transform: uppercase;
}

.singlePostImageH {
	float: right;
	text-align: right;
	background-image: url(/fa-content/themes/martincounty/img/frame-h.png);
	width: 465px;
	height: 355px;
	padding: 37px 35px 0px 0px;
}

.singlePostImageV {
	background-image: url(/fa-content/themes/martincounty/img/frame-v.png);
	width: 452px;
	height: 589px;
	padding: 48px 0px 0px 48px;
}

.imageBG {
	float: right;
	background: url(/fa-content/themes/martincounty/img/imageBG.png) no-repeat center center fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: none;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(128, 128, 128, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(128, 128, 128, 0.75);
}

.imageBG999
{
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
}

.imageMain {
	height: auto;
	width: 360px;
	padding: 12px;
}

/*.addthis_toolbox {
    display: inline-block;
    margin-left: 1%;
    top: 49.5%;
    position: absolute;
}*/

.addthis_counter {
    display: none !important;
}

.videoMain {
	height: 220px;
	width: 360px;
	padding: 12px;
}

#videoMainBrand {
	height: 293px;
	width: 479px;
	padding: 12px;
}

#videoPad {
    margin-top: 85px !important;
}

#videoCopy {
    width: 475px;
}
.imagePost {
	height: auto;
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128, 128, 128, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(128, 128, 128, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(128, 128, 128, 0.75);
}

/*** BLOG CSS ***/

.catButtons {
	float: left;
	font-family: Montserrat, sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	padding: 10px 15px 10px 15px;
	height: auto;
	margin-right: 15px;
	font-size: 11pt;
}

.catButtons a{
	color: #28aebb;
}

.postTitle {
	font-family: Cormorant;
	padding: 0px;
	font-size: 16pt;
	font-weight: bold;
	color: #f38e5a;
	clear: both;
	line-height: 28px;
}

.postTitle a{
	color: #f38e5a;
}

.postBody {
	font-family: 'Lato', sans-serif;
	color: #6c6969;
	line-height: 18pt;
	font-size: 11pt;
	padding-top: 5px;
}

.blogReadMore a {
	text-decoration: none;
	color: #1e69ad;
}

.blogReadMore a:hover {
	text-decoration: underline;
	color: #1e69ad;
}

#blogArchive {
	margin: 0px;
	padding: 0px;
}

#blogArchive li {
	padding-top: 5px;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	font-size: 11pt;
}

/*** END BLOG CSS ***/

.dividerTitle {
	font-family: Cormorant;
	padding: 0px;
	font-size: 22pt;
	font-weight: bold;
}

.dividerCopy {
	font-family: Lato, sans-serif;
	line-height: 24pt;
	font-size: 13pt;
}

.socialMediaTitle {
	font-weight: bold;
	font-size: 18pt;
	color: #478ac9;
}

.socialMediaCopy {
	width: 50%;
	float: left;
	text-align: left;
	color: #525252;
	padding-top: 25px;
	line-height: 18pt;
	font-family: Lato, sans-serif;
}

.socialMediaIcons {
	width: 50%;
	float: left;
	padding-top: 25px;
}

.boxL60R {
	text-align: left;
	width: 60%;
	float: right;
}

.boxL60L {
	text-align: left;
	width: 60%;
	float: left;
}

.boxL100L {
	text-align: left;
	width: 100%;
	float: left;
}

.boxC40L {
	text-align: center;
	width: 40%;
	float: left;
}

.boxC40R {
	text-align: center;
	width: 40%;
	float: right;
}

.boxC0L {
	text-align: center;
	width: 0%;
	float: left;
}

.dividerContent {
	display: inline-block;
	width: 80%;
}

.dividerContentCopy {
	float: left;
	width: 50%;
	color: #ffffff;
	text-align: left;
	padding: 55px 0px 55px 0px;
}

.dividerContentImage {
	display: inline-block;
	width: 50%;
	text-align: right;
	padding: 40px 0px 20px 0px;
}

#event1 {
	width: 28%;
	float: left;
	text-align: left;
	padding: 20px;
}

#event2 {
	width: 28%;
	float: left;
	text-align: left;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	padding: 20px 20px 20px 40px;
}

#event3 {
	width: 28%;
	float: left;
	text-align: left;
	padding: 20px 20px 20px 40px;
}

#featuredEvent {
	text-align: center;
	width: 100%;
	clear: both;
}

.bwEvent {
	display: inline-block;
	text-align: left;
	width: 90%;
	background-color: #ffffff;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(192, 192, 192, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(192, 192, 192, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(192, 192, 192, 0.75);
	max-width: 1000px;
}

#ddMonthYear {
	display: inline-block;
	margin-right: 15px;
}

#ddEventLocations {
	display: inline-block;
	margin-right: 15px;
}

#ddEventActivities {
	display: inline-block;
}

#footerContainer {
	width: 100%;
	background-color: #28aebb;
	text-align: center;
	clear: both;
}

#footerLogoContainer {
	float: left;
	width: 38%;
	padding-top: 25px;
}

.footerLogo {
	height: 100px;
	width: auto;
	/*border-bottom: 1px solid #388795;*/
	border-bottom: 1px solid #ffffff;
	padding-bottom: 20px;
}

#footerMiddle {
	float: left;
	width: 20%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-align: left;
	padding: 5px 30px 20px 30px;
}

#footerAddress {
	float: left;
	width: 34%;
	text-align: left;
	padding-left: 30px;
	font-size: 8pt;
}

.field-items {
	width: 100%;
	height: 590px;
	z-index: 15;
}
@media screen and (max-width: 767px) {

	.brandWindow {
		background-size: cover !important;
		width: 100% !important;
		display: inline-block !important;
		padding-bottom: 30px !important;
		padding-top: 115px !important;
		height: auto !important;
		min-height: 340px !important;
	}
}

@media screen and (max-width: 960px) {

	.brandWindow {
		background-size: cover;
		width: 100%;
		display: inline-block;
		padding-bottom: 30px;
		padding-top: 60px;
		height: auto;
		max-height: 275px;
		min-height: 230px;
	}

	.brandContentRight {
		float: left;
		margin: 20px;
		width: auto;
	}

	.brandContentLeft {
		float: left;
		margin: 20px;
		width: auto;
	}

	.brandCustomRight {
		display: none;
	}

	.brandCustomLeft {
		display: none;
	}

	#slider-pager {
		display: none;
	}

	.field-items {
		width: 100%;
		height: auto;
		z-index: 15;
		position: relative;
	}




	.menu-item-has-children-r {
		/* border: 1px solid green; */
		width: 100%;

	}

	.menuChild {
		display: none;
	}

	.menu-item-has-children-r:hover .menuChild, .menu-item-has-children-r:focus .menuChild {
		display: block;
	}

	.menuItem {
		border: 1px solid blue;
	}

	.menu-item-object-page-r {
	    position: relative;
    background: #3467A8;
    text-transform: uppercase;
    border-bottom: .5px solid #264270;
    padding: 10px 15px 7px 15px;
    margin-top: 0;
}

	/*set up the right arrows first*/
   .menu-item-has-children-r > a:after {
   		content: ' ';
		float: right;
		width: 0;
		height: 0;
		
	}

   /*set up the downward arrow for top level item*/
   .menu-item-has-children-r > a:hover:after {
	   	content: ' ';
	   	float: right;
	   	width: 0;
		height: 0;
		border: none;	}

   /*clear the content if a is only child*/
   .menu-item-has-children-r > a:only-child:after {content: ''; }

	#mobileNavContainer {
		display: block;
		position: fixed;
		z-index: 9999;
		background-color: #1a4474;
		top: 0px;
		left: -3000px;
		width: 100%;
		height: 100%;
	}

	#mobileNav {
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 2px;
		font-size: 16pt;
		position: fixed;
		background-color: #1e69ad;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 90%;
		height: 100%;
	}

	#mobileNav a {
		color: #ffffff;
	}

	.menuChild .menu-item-has-children-r {
		border: 0px;
	}

	.menuChild a {
		font-size: 11pt;
		/* padding-left: 10px; */
	}

	.menuChild .menu-item-has-children-r > a:after {
		border: 0px;
	}

	.menuChild .menu-item-has-children-r > a:hover:after {
		border: 0px;
	}

	#mobileLogo {
		display: block;
		background-color: #1a4474;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 9999;
		width: 100%;
		text-align: center;
		padding: 8px 0px 5px 0px;
		box-shadow:  0 5px 15px -5px #555;
	}



}

@media screen and (max-width: 640px) {
    .imageBG, .imageMain {
        display: none;
    }

	.boxL60R {
		text-align: left;
		width: 100%;
		float: right;
	}

	.boxL60L {
		text-align: left;
		width: 1000%;
		float: left;
	}

	.boxL100L {
		text-align: left;
		width: 100%;
		float: left;
	}

	.dividerContent {
		display: inline-block;
		width: 90%;
	}

	.dividerContentCopy {
		float: left;
		width: 100%;
		color: #ffffff;
		text-align: left;
		padding: 35px 0px 0px 0px;
	}

	.dividerContentImage {
		display: none;
	}

	section.module.parallax-1 {
   	    background: none;
		padding-top: 60px;
	}

	section.module.parallax-2 {
	    background: none;
		padding-top: 60px;
	}

	section.module.parallax-3 {
	    background: none;
		padding-top: 60px;
	}

	section.module.parallax-4 {
   	    background: none;
		padding-top: 60px;
	}

	section.module.parallax-5 {
	    background: none;
		padding-top: 60px;
	}

	section.module.parallax-6 {
	    background: none;
		padding-top: 60px;
	}

	.socialMediaCopy {
		width: 100%;
		display: inline-block;
		text-align: left;
		color: #525252;
		padding-top: 25px;
		line-height: 18pt;
		font-family: Lato, sans-serif;
	}

	.socialMediaIcons {
		width: 100%;
		display: inline-block;
		text-align: center;
		padding-top: 25px;
	}

	.hp_activities_left {
		width: 100%;
		float: left;
		text-align: left;
		font-family: 'Montserrat', sans-serif;
	}

	#event1 {
		width: 100%;
		float: left;
		text-align: left;
		padding: 10px;
	}

	#event2 {
		width: 100%;
		float: left;
		text-align: left;
		padding: 10px;
		border: 0px;
	}

	#event3 {
		width: 100%;
		float: left;
		text-align: left;
		padding: 10px;
	}

	#featuredEvent {
		display: none;
	}

	.bwEvent {
		display: none;
	}

	#slider-pager-event {
		display: none;
	}

	#ddMonthYear {
		display: inline-block;
		margin-bottom: 15px;
	}

	#ddEventLocations {
		display: inline-block;
		margin-bottom: 15px;
	}

	#ddEventActivities {
		display: inline-block;
	}

	#footerLogoContainer {
		width: 100%;
	}

	#footerLogo {
		height: auto;
		width: 90%;
	}

	#footerMiddle {
		float: left;
		width: 100%;
		border: none;
		text-align: left;
		padding: 5px 30px 20px 30px;
	}

	#footerAddress {
		float: left;
		width: 100%;
		text-align: left;
		padding-left: 30px;
		font-size: 8pt;
	}

	#blockImg404 {
	display: none;
}

	#copyBox404 {
		width: 100%;
		float: left;
		text-align: left;
		font-family: lato;
		padding: 0px 10px 0px 10px;
	}

	section.module.bg404 {
    	background-image: url(../img/bg404.jpg);
    	transition-property: background-position;
    	transition: .05s ease-out;
		background-size: cover;
		padding-top: 80px;
	}

}