@charset "utf-8";

/*
Theme Name: West Goshen
Theme URI:
Author:EC Link
Author URI: http://www.eclink.com/
Description:A semantic, HTML5, custom theme for West Goshen
Version: 1.0

Table of Contents
	reset
	html
	structure
		header
		main
		primary
		secondary
		footer
	common
	misc
	mobile

	Color pallette

	Goshen Blue
		rgba(70,110,130,1.0)

	Light Blue
		rgba(130, 177, 207, 1.0)

	Dark Blue
		rgba(21, 44, 61, 1.0)

	Gold
		rgba(160,140,45,1.0)

	Cream
		rgba(255,255,200,1.0)

-------------------------------------------------------------- */



/* $reset  */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
table:not(.entry-content table),tbody:not(.entry-content tbody),td:not(.entry-content td),tfoot:not(.entry-content tfoot),th:not(.entry-content th),thead:not(.entry-content thead),tr:not(.entry-content tr),ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* clearfix  */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:" ";font-size:0;}

/* !html */
/* -------------------------------------------------------------- */

html{
	overflow-y:scroll;
	margin:0;
	padding:0;
	background:#466E82;
	color:rgba(21, 44, 61, 1.0);
	font-family: 'Open Sans', sans-serif;
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 26px;
	height: 100%;
}

/* Common margin-bottom for vertical rhythm. */
.main ul,
.main ol,
.main dl,
.main p,
.main pre{
margin:0 0 20px 0;
}

label,
.text-input,
textarea,
.btn{
	cursor:pointer;
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus{
	cursor:text;
}

h1,h2,h3,h4,h5,h6{
	color:rgba(70,110,130,1.0);
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

h1, .alpha{
	margin-bottom:10px;
	font-size: 32px;
	line-height: 40px;

}

.home .main h1,
.header h1{
	color: rgba(255,255,200,1.0);
	font-size: 48px;
	letter-spacing: 1px;
	line-height: 50px;
}


h2, .beta{
	margin-bottom:10px;
	font-size:24px;
	line-height:30px;
}

h3, .gamma{
	margin-bottom:10px;
	font-size:20px;
	line-height:30px;

}

h4, .delta{
	margin-bottom:0px;
	font-size:18px;
	line-height:20px;
}

h5, .epsilon{
	margin-bottom:0px;
	font-size:16px;
	line-height:20px;
}

h6, .zeta{
	margin-bottom:0px;
	font-size:14px;
	line-height:20px;
}

small, .milli{
	font-size:12px;
}

tiny, .micro{
	font-size:10px;
}

a{
	color: rgba(70,110,130,1.0);
	text-decoration: none;
	transition: all 1s ease;
}
	a:hover{
		color: rgba(70,110,130,.50);
	}

sup{
}

input, textarea{
}

textarea{
}


blockquote{
	margin:0 10px 10px 10px;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
	background: #eee;
}

blockquote cite{
	display: block;
	width: 100%;
	text-align: right;
	}

img {
    max-width:100%;
    width:auto;
    height:auto;
}

hr{
	border: 0;
	height: 2px;
	background: #333;
}

table{
}

tr {
}

td{
}

canvas {
    -ms-touch-action:double-tap-zoom;
}


/* !structure */
/* -------------------------------------------------------------- */
.wrapper {

}

	.contain {
		margin:0 auto;
		padding:0 10px;
		min-width:300px;
		max-width:940px;
		}


		.contain:after{
			visibility: hidden;
			display: block;
			content: "";
			clear: both;
			height: 0;
			}

		.interiornav{
			float: left;
			width: 28%;
		}

		.primary{
			float: left;
			width: 72%;
		}

		.page-template-page-home-php .primary,
		.page-template-page-one-column-php .primary
		{
			float: none;
			width: 100%;
		}

		.secondary{
			float: right;
			width:23%;
		}

/* !header */
/* -------------------------------------------------------------- */

.header{
	background-color: rgba(21, 44, 61, 1.0);
	border-bottom: 1px solid rgba(255,255,200,.66);
	margin-bottom: 30px;
	position: relative;
	z-index: 9;
	}

.image-contain{
	position: relative;
}
.image-contain.image{
	height: 600px;
	background-position: center top;
	background-size: cover;
}
.image-contain.no-image{
	height: 200px;
	}


	.menu-bar{
		background-color: rgba(21, 44, 61, .90);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid rgba(130, 177, 207,.50);
	}

	.logged-in .menu-bar{
		top: 32px;


	}

	.top-bar{
		background-color: rgba(21, 44, 61, .99);
		min-height: 20px;
		border-top: 1px solid rgba(130, 177, 207,.50);
		border-bottom: 1px solid rgba(130, 177, 207,.50);
		font-size:14px;

	}

	.top-bar ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
	}

	.top-bar li{
		list-style-type: none;
		margin: 0 0 0 10px;
		padding: 0;
		display: inline-block;
	}

	.top-bar a{
		color: rgba(130, 177, 207, .6);
		transition: all 1s ease;
		text-decoration: none;
	}
	.top-bar a:hover{
		color: rgba(130, 177, 207, .9);
		}

	.logo{
		display: table;
		float: left;
		width: auto;
		text-decoration: none;
		padding: 20px 0 0 0;
		max-width: 700px;
		min-height: 100px;
		background-image: url(_images/logo.png);
		background-repeat: no-repeat;
		background-position: left 10px;
		background-size: 100px;

	}

	.wordmark{
		display: table-cell;
		padding-left: 120px;
	}

	.logo h1{
		font-size: 46px;
		letter-spacing: 1px;
		line-height: 50px;
		text-align: right;
		margin: 20px 0px 0 0;
	}

	.logo h5{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		line-height: 16px;
		text-align: right;
		font-style: italic;
		font-weight: 300;
		margin: 5px 5px 0 0;
		color: rgba(160,140,45,1.0);
	}

		.logo img{
			width: 100px;
			float: left;
			display: block;
		}



	.search-form{
		float: right;
		width: 22%;
		padding: 0;
		margin: 50px 0 0 0;
	}

	.search-form input{
		-webkit-appearance:none;
		width: 50%;
	    padding: 0 3px;
	    font-size: 14px;
	    line-height: 16px;
		border: 2px solid rgba(130, 177, 207, .66);
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
		}

	.search-form input[type="submit"]{
		width: 15%;
		background-color: rgba(70,110,130,1.0);
		color: rgba(255,255,255,1);
		padding: 4px 0
		}


	.mainNav{
		padding-top: 15px;
	}

		.mainNav ul{
			text-align: right;
			}

		.mainNav li{
			display:inline-block;
			margin:0 0 0 3.5%;
		}

		.mainNav a{
			display:block;
			color:rgba(255,255,200,1.0);
			text-decoration:none;
			font-size:18px;
			line-height:22px;
			padding-bottom: 20px;

		}

		.mainNav a:hover, .mainNav li.current_page_item a{
			color:rgba(130, 177, 207, 1.0)
		}


		.mainNav li:hover > a {
			color:rgba(130, 177, 207, 1.0)
		}


		.mainNav li .sub-menu{
			position:absolute;
			left:-9999em;
			z-index:1000000 !important;
			display:none;
		}

			.mainNav li:hover .sub-menu{
				left:auto;
				display:block;
			}

			.mainNav li .sub-menu li {
				display:block;
				border-top:1px solid rgba(130, 177, 207, 1.0);
				background:rgba(70,110,130,.90);
				width:190px;
			}


				.mainNav li .sub-menu li:last-child{
					border-bottom:1px solid rgba(130, 177, 207, 1.0);
				}


				.mainNav li .sub-menu a{
					display:block;
					padding:0px 20px 0 10px;
					width:160px;
					height:28px;
					color:#fff;
					text-align:left;
					text-transform:capitalize;
					white-space:nowrap;
					font-size:14px;
					line-height:28px;

				}





				.mainNav li .sub-menu li:hover > li{
					color:#333;
				}

				.mainNav li .sub-menu li:hover {
					background:rgba(21, 44, 61, 1.0);
					color:#fff;
				}


			.mainNav li:hover .sub-menu ul{
				left:-99999 !important;
				display:none !important;
				}


			.mainNav li:hover .sub-menu li:hover ul{
				top:auto;
				left:190px !important;
				display:block !important;
			}

			.mainNav li:hover .sub-menu li:hover ul li{
				position: relative;
				top:-29px;
			}


			.mainNav li:hover .sub-menu li:hover ul ul{
				left:-9999px !important;
				display:none !important;
			}

			.menu-item-87 .sub-menu li{
				width: 255px !important;
			}


			.menu-item-87 .sub-menu li{
				left:-3px !important;
			}

/* !main */
/* -------------------------------------------------------------- */


.main .contain{
	background-color: rgba(221, 236, 244, 1.0);
	border: #fff 1px solid;
	outline: 1px solid rgba(221, 236, 244, 1.0);
	padding: 20px;
	margin-bottom: 30px;
}

.home .main .contain{
	background-color: transparent;
	border: none;
	outline: none;
	padding:0 10px;
	margin-bottom: 0;
}

.main ul, .main ol{
	margin-left:20px;
	width:auto;
	list-style-type:disc;
}

.main ul ul{
	margin-bottom:0;
	list-style-type:circle;
}

.main ol{
	margin-left:25px;
	list-style-type:decimal;
}

.seven{
	background-position: right top !important;
}

/* !primary */
/* -------------------------------------------------------------- */


.primary li{
	margin-left: 20px;
	margin-bottom: 5px;
}

.primary a{

	text-decoration: underline;
}

.primary table{
	margin: 20px 0;
}

.primary td{
	padding: 5px 0;
}

/* !secondary */
/* -------------------------------------------------------------- */

.interiornav ul{
	list-style-type: none;
	margin: 0 20px 0 0;
	border:1px solid rgba(130, 177, 207, 1.0);
}


	.interiornav ul ul{
		list-style-type: none;
		margin: 0;
		border:none;


	}

	.interiornav ul li{
			border-top:1px solid rgba(130, 177, 207, 1.0);
	}

	.interiornav ul ul li,
	.interiornav ul li:first-child{
			border-top:none;
	}


		.interiornav li a{
			display:block;
			padding:5px 20px 5px 10px;
			width:auto;
			height:auto !important;
			color:rgba(57, 91, 112, 1.0);
			background-color: rgba(57, 91, 112, .1);
			text-align:left;
			text-transform:capitalize;
			white-space:normal;
			font-size:14px;
			font-weight: 600;
			line-height:20px;
		}

		.interiornav .menu-item-has-children a{		}

		.interiornav a:hover{
			background-color: rgba(57, 91, 112, .25);
		}

		.interiornav li li a{
			padding:4px 20px 4px 20px;
			height:auto;
			font-size:14px;
			font-weight: 400;
			line-height:18px;
		}
		.interiornav li li:last-child a{
			padding:4px 20px 8px 20px;
		}

/* !blog */
/* -------------------------------------------------------------- */
.entry-meta{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
}

/* !footer */
/* -------------------------------------------------------------- */


.footer{
	background-color: rgba(21, 44, 61, 1.0);
	border-top: 1px solid rgba(255,255,200,.66);
	border-bottom: 1px solid rgba(130, 177, 207,.50);
	padding: 20px;
}

	.footerNav{
		display: flex;
		justify-content: space-between;
	}

		.footerNav li{
			display:inline-block;
		}

		.footerNav .sub-menu{
			margin-top: 15px;
		}

		.footerNav li li{
			display:block;
			font-size: 14px;
			margin-bottom: 1px;
			line-height: 20px;
		}

		.footerNav a{
			color: rgba(255,255,200,1.0)
		}

		.footerNav li li a{
			color: rgba(70,110,130,1.0);
		}

		.footerNav a:hover{
		}

.sub-footer{
	background-color: rgba(21, 44, 61, 1.0);
	color: rgba(130, 177, 207, .6);
	font-size: 12px;
	line-height: 22px;
	padding: 10px 0 0 0;
	border-bottom: 1px solid rgba(130, 177, 207,.50);
}

/* !misc */
/* -------------------------------------------------------------- */

.top-bar .widget{
	margin-bottom: 0 !important;
}

/* Alignment */

.alignleft {
	display:inline;
	float:left;
}
.alignright {
	display:inline;
	float:right;
}
.aligncenter {
	display:block;
	clear:both;
	margin-right:auto;
	margin-left:auto;
}

.screen-reader-text{
	display: none;
}

.sue-panel-content{
	padding: 10px !important;}

.home .su-column{
	background-color: rgb(227, 240, 246);
	border: 1px solid rgba(255,255,255,1);
	outline: 1px solid rgb(227, 240, 246);
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
}

.home .welcome{
	color: rgba(255,255,200,1.0);

}

.home .su-column li{
	margin-bottom: 10px;
	}

.su-button span{
	line-height: 30px !important;
	display: block;
	padding: 5px 20px !important;
}

.su-button small{
	line-height: 20px !important;
	color: rgba(255,255,255,1.0) !important;
	opacity: 1 !important;
}

.dropdown-menu{
	margin-bottom: 20px;
}

.dropdown-menu select{
	width: 100%;
	font-size: 17px;
}

.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date{
	background: transparent !important;
}

.ai1ec-agenda-widget-view .ai1ec-date.ai1ec-today{
	border-color: #e5e5e5 !important;
}

.widget_ai1ec_agenda_widget .ai1ec-event-title{
	color:rgba(70,110,130,1.0);
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height:18px;


}

.ai1ec-agenda-widget-view .ai1ec-event > a{
	padding: 5px !important;
}


/* Shortcodes Ultimate Column Overrides */
/* -------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
	.su-column {
		margin: 0 0 0 4% !important;
		float: left !important;
	}

.su-column .su-column-size-1-1 { width: 100% !important; float: left !important}
.su-column .su-column-size-1-2 { width: 48% !important; float: left !important}
.su-column.su-column-size-1-3 { width: 30.66% !important; float: left !important}
.su-column .su-column-size-2-3 { width: 65.33% !important; float: left !important}
.su-column .su-column-size-1-4 { width: 22% !important; float: left !important}
.su-column .su-column-size-2-4 { width: 48% !important; float: left !important}
.su-column .su-column-size-3-4 { width: 74% !important; float: left !important}
.su-column .su-column-size-1-5 { width: 16.8% !important; float: left !important}
.su-column .su-column-size-2-5 { width: 37.6% !important; float: left !important}
.su-column .su-column-size-3-5 { width: 58.4% !important; float: left !important}
.su-column .su-column-size-4-5 { width: 79.2% !important; float: left !important}
.su-column .su-column-size-1-6 { width: 13.33% !important; float: left !important}
.su-column .su-column-size-5-6 { width: 82.66% !important; float: left !important}

	.su-row .su-column:last-child {
		margin-bottom: auto !important;
	}
}

@media only screen and (max-width: 767px) {
	.su-column.su-column-size-1-3 {
		width: 100% !important;
		margin: 0 0 1.5em 0 !important;
		float: none !important;
	}
	.su-row .su-column:last-child {
		margin-bottom: 0 !important;
	}
}


/* !Images */
/* -------------------------------------------------------------- */

a img {
	border:none;
}
p img {
	margin-bottom:5px; /* a small bottom margin prevents content floating under images */
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width:100%; /* When images are too wide for containing element, force them to fit. */
	height:auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft, .wp-caption.alignleft {
	margin-right:10px;
}
img.alignright, .wp-caption.alignright {
	margin-left:10px;
}
.wp-caption {
	padding:10px 10px 0 10px;
	border: 1px solid #ccc;
	background: #eee;
	text-align:center;
	font-style:italic;
}
.wp-caption img {
	margin:0px;
}
.wp-caption .wp-caption-text {
	margin:10px;
	font-size: 12px;
}
.wp-smiley {
	margin:0;
}


/* Mobile */
/* -------------------------------------------------------------- */

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

	.search-form{
		margin: 50px 10px 0 0;
	}

}

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


	.logo{
		width: 70%;
	}

	.logo h1{
		font-size: 40px;
	}

	.logo h5{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		line-height: 16px;
		text-align: right;
		float: right;
		}



}

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


	.logo h1{
		font-size: 34px;
	}

	.footerNav{
		font-size: 15px;
	}

	.footerNav li li{
			font-size: 12px;
			margin-bottom: 1px;
			line-height: 16px;
		}


}@media only screen and (max-width: 825px) {

		.mainNav li{
			margin:0 0 0 4%;
		}

}

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

	.top-bar{
		font-size:12px;

	}

}



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

	.logo h1{
		font-size: 32px;
	}


}



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

	.logo,
	.search-form{
		float: none;
		width: 100%;
		max-width:520px;
		margin: 10px auto;

	}
	.logo{
		margin-top: 15px;
	}

	.primary,
	.secondary{
		float: none;
		width: 100%;

	}

	.mainNav,
	.top-bar,
	.footer{
		display: none;
	}


	.search-form input{
		width: 80%;
		}

	.search-form input[type="submit"]{
		width: 15%;
		}


}


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

	.logo h1{
		font-size: 26px;
	}


}

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

	.logo h1{
		font-size: 21px;
		line-height: 25px
	}


	.logo h5{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		}

}

@media print {

	body{
		margin-top: 10px;
	}

	.top-bar,
	.search-form,
	.mainNav,
	.image-contain,
	.footer{
		display: none;
	}



	.menu-bar{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid rgba(130, 177, 207,.50);
	}


	.main .contain{
		padding: 20px 10px 0 10px;
		}


	.image-contain.image{
		height: 0;
		}

	.image-contain.no-image{
		display: block;
		height: 20px;
	}


}

/* CSS Document */

.timely a[href]:after
{
	display:none;
}


