/* Custom CSS
------------------------------------------------------------ */
* {
	box-sizing: border-box;
}



/*----------HEADER----------*/

.header-image .site-header .wrap .title-area{
	background-size: contain;
}

header.site-header {
	margin-bottom: -250px;
	position: relative;
	z-index: 100;
} 

div.header-widget-area {
	margin-top: 110px;
	background: rgba(255,255,255,.9);
	text-align: left !important;
	padding-top: 0 !important;
	border-radius: 10px 0 0 10px;
	position: absolute;
	right: 0;
}


div.gch-header-image-inner,
div.gch-header-image-inner img{
	width: 100%;
}

div.gch-header-image {
	max-height:600px;
	overflow: hidden;
	border-bottom: 10px solid #009859;
} 

div.gch-header-inner {
	position: relative;
}  


div.gch-header-image-inner:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient(rgba(0,0,0,.5) 40%, rgba(255,255,0,.1) 100%) !important;
}

.site-inner {
	margin-top: 20px !important;
	position: relative;
}

.entry-header {
	padding: 20px;
	text-transform: uppercase;
}


.social-icon {
	float: right;
	position: absolute;
	right: 25px;
	top: 11px;
	font-size: 20px;
}

.social-icon a {
	color: #4d4d4d;
	border: 1px solid #4d4d4d;
	padding: 5px 10px 3px 10px;
	border-radius: 100px;
}


/*----------NAV----------*/  

.genesis-nav-menu {
	text-transform: uppercase;
	letter-spacing: 3px;
}

.nav-primary {
	z-index: 100 !important;
}


.nav-header .sub-menu {
	font-family: 'PT Sans', sans-serif !important;
	font-weight: normal !important;
}

.sub-menu a {
	background: rgba(255,255,255,.9) !important;  
}

.sub-menu a:hover {
	background: #333 !important;  
	color: #fff !important;
}

/*-------------------*/
/*---Secondary MENU---*/
/*-------------------*/

.module.module-menu {
	z-index: 9999;
}

.menu-freeport-historical-society-container {
	display: flex;
}

.module.module-menu .nav {
	margin-bottom: 0;
	background: 0;
	border:0;
	padding: 0;
	display: flex !important;
	width: 100% !important;
	flex-wrap: wrap;
}

.ui.nav > li.current_page_item, 
.ui.nav > li.current_page_item:hover, 
.ui.nav > li.current-menu-item, 
.ui.nav > li.current-menu-item:hover,
.ui.nav li:hover,
.ui.nav > li.current_page_item a, 
.ui.nav > li.current-menu-item a {
	background: #009859 !important;
}

.ui.nav > li.current_page_item a, 
.ui.nav > li.current_page_item:hover a, 
.ui.nav > li.current-menu-item a, 
.ui.nav > li.current-menu-item:hover a,
.ui.nav li:hover a {
	color: #fff !important;
}

.ui.nav > li a:hover {
	background: #009859 !important;
}

.module.module-menu .nav .menu-item {
	border: 0;
	display: flex;
	flex-basis: 14%;
	text-align: center !important;
	justify-content: center;
	margin: 0;
	transition: .3s
}

.module.module-menu .nav .menu-item a {
	text-transform: uppercase !important;
	font-weight: 300 !important;
}

@media (max-width: 1140px) {
	.module.module-menu {
		border-top: 1px solid #ddd;
	}
}

@media (max-width: 1024px) {
	.module.module-menu .nav .menu-item {
		flex-basis: 25%;
	}
}

@media (max-width: 800px) {
	.module.module-menu .nav .menu-item {
		flex-basis: 50%;
	}
}

.mobile-menu-module {
	z-index: 999999 !important;
}




/*----------WIDTHS----------*/

.full-width-content .site-header .wrap, .content-sidebar .site-header .wrap {
	max-width: 1100px;
	width: 100%;
}

.full-width-content .site-inner {
	margin-top: 0 !important;
}

.full-width-content .site-inner .entry-header {
	display: none !important;
}

.full-width-content .site-inner, .full-width-content .content-sidebar-wrap, .full-width-content main.content {
	width: 100% !important;
	max-width: 100% !important;
} 

.content-sidebar .site-inner {
	width: 100% !important;
	max-width: 1100px !important;
}

.content-sidebar .entry-content, 
.content-sidebar .entry-footer,
.content-sidebar .comment-respond {
	padding: 20px !important;
}

.themify_builder_row .row_inner {
	width: 100%; 
	max-width: 1300px !important;
	margin: 0 auto !important;
} 

.full-width-content .themify_builder_row {
	padding-right: 3% !important;
	padding-left: 3% !important;
}

.full-width-content .full-width-row.themify_builder_row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.full-width-row .row_inner,
.content-sidebar .row_inner {
	max-width: 100% !important;
	width: 100%;
}

.constrainInner.themify_builder_row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.constrainInner .row_inner {
	width: 100% !important;
	max-width: 1300px !important;
	margin: 0 auto !important;
	padding-left: 3% !important;
	padding-right: 3% !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.constrainInnerAlt .row_inner {
	width: 100% !important;
	max-width: 1300px !important;
	margin: 0 auto !important;
	padding-left: 3% !important;
	padding-right: 3% !important;
}

.content-sidebar .themify_builder_row {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/*----------CONTENT----------*/

.welcome-home {
	border: 2px solid #d2d2d2;
	padding: 20px !important;
	border-radius: 5px;
	padding: 5px;
	background: #fafafa;
	color: #333 !important;
}

.green-header {
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 5px 3px #d2d2d2;
}

.gch-header {
	position: relative !important;
}

.overlap-column {
	background: #fff !important;
	position: relative;
}


.ctaColumn {
	border: 2px solid #d2d2d2;
	border-radius: 10px;
	padding: 40px !important;
	margin-bottom: 40px;
}

.heroImg {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.heroImg h1 {
	font-size: 65px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.backgroundRow h1 {
	font-size: 50px !important;
	margin-bottom: 20px !important;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.backgroundRow.whiteText h1 {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.borderRight {
	border-right: 1px solid #ddd !important;
}

.titledColumn {
	background: #f5f5f5;
	padding-bottom: 30px;
}

.columnHeader {
	background: #009859 !important;
	padding: 7px 5px;
	margin-bottom: 20px;
	
}

.columnHeader p {
	margin-bottom: 0 !important;
	color: #fff;
}

@media (max-width: 680px) {
	.borderRight {
		border-right: 0 !important;
		border-bottom: 1px solid #ddd !important;
	}
	
	.welcome-home h1 {
		font-size: 25px !important;
	}
	
	.ctaColumn h3 {
		font-size: 25px !important;
	}
}

.whiteText h1,
.whiteText h2,
.whiteText h3,
.whiteText h4,
.whiteText h5,
.whiteText h6,
.whiteText p,
.whiteText li,
.whiteText i,
.whiteText a,
.whiteText .gform_body label {
	color: #fff !important;
} 

.rowCtaTitle {
	background: #009859 !important;
	padding: 25px 15px !important;
	margin-bottom: 20px;
	border-radius: 20px;
	z-index: 99
}

.rowCtaTitle h3 {
	margin-bottom: 0 !important;
	font-size: 35px !important;
}

.rowCtaContent {
	background: rgba(255,255,255,.8);
	margin-left: -20px !important;
	padding: 25px 20px 10px 35px !important;
	margin-bottom: 20px !important;
	border-radius: 0 20px 20px 0;
}

.rowCtaContent p,
.rowCtaContent li {
	color: #555 !important;
}

/*-------------------*/
/*-------FORMS-------*/
/*-------------------*/

.gform_body input,
.gform_wrapper textarea,
.woocommerce .input-text  {
	background: #fff !important;
	border: 1px solid #333;
	font-size: 1em; 
}

.gform_body input {
	border-radius: 0px;
	padding: 10px 15px !important;
}
.gform_wrapper textarea {
	border-radius: 0px;
}

.ginput_container_name input {
	margin-bottom: 0 !important;
}

.gform_body .ginput_container,
.gform_body input {
	margin-top: 0 !important;
}

.gform_body .gfield {
	margin-top: 0 !important;
	margin-bottom: 15px;
	
}

.gform_button {
	padding: 15px 50px !important;
	border-radius: 0px !important;
	border: 0 !important;
	color: #fff;
	background: #333 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
}

.gform_button:hover {
    color: #fff;
	background: #009859 !important;
}

/*-------------------*/
/*---TABLE PRESS---*/
/*-------------------*/

.tablepress tbody tr {
	border-top: 0 !important;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px !important;
}

.tablepress td {
	border-top: 0 !important;
	background: rgba(255,255,255,.8) !important;
}

.tablepress td a {
	color: blue !important;
}

.tablepress th {
	background: #009859 !important;
	color: #fff;
}


/*----------BUTTONS----------*/

.module.module-buttons, 
.module.module-buttons a,
.module-buttons-item {
	width: 100% !important;
	max-width: 300px;
	margin: 0 auto; 
	justify-content: center;
}

.module.module-buttons a {
	border: 2px solid #009859 !important;
	background: none;
}
	
.module.module-buttons a:hover {
	background: #009859;
	color: #fff;
}

.paragraph-buttons a {
	background: #4d4d4d;
	padding: 5px;
	border-radius: 10px;
	color: #fff;
}

.paragraph-buttons a:hover {
	color: #fff;
	
}

.paragraph-buttons a:visited {
	color: #fff;
}


/*----------Calendar----------*/  

.ai1ec-views-dropdown, .ai1ec-calendar-toolbar {
	display: none;
}

.ai1ec-event-wrap, .ai1ec-date {
	background: #fff !important;
	color: #4d4d4d;
}

.ai1ec-date {
	margin-bottom: 10px;
}

.ai1ec-event-wrap a {
	color: #4d4d4d !important;
}

/*----------SIDEBAR----------*/

.sidebar .widget-title {
	background: #009859 !important;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif !important; 
	color: #fff !important;
	padding: 10px;
}

.sidebar .widget-wrap {
	background: #fff
}

.sidebar .widget {
	padding-bottom: 0 !important;
	border: 2px solid #f2f2f2 !important;
	margin-bottom: 20px !important;
}

.sidebar .widget a {
	color: #4d4d4d !important;
}

.sidebar .widget a:hover {
	color: #F69C47 !important;
}

.sidebar .ai1ec-agenda-widget-view {
	padding: 20px;
}

.sidebar .widget .sub-menu a:hover {
	background: none !important;
	color: #F69C47 !important; 
}


/*----------POSTS----------*/

.newsletter article {
	position: relative !important;
	margin-top: 6px !important
}

.newsletter article .post-content {
	padding:50px 15px 15px 15px !important;
	font-family: inherit;
	border-radius: 5px !important;
	border: 1px solid #d2d2d2; 
}

.newsletter article .post-content:hover {
	background: #dddddd;
	color: #000000 !important;
}

.newsletter article .post-content p:hover {
	color: #000000 !important;
}

.newsletter article .post-title a {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding: 15px;
	border-radius: 5px;
	font-size: 20px;
}

.newsletter article .post-title a:hover {
	color: #333 !important;
	background: rgba(250,250,250,.2);
	border-radius: 5px;
}

.newsletter article .post-image {
	background: none;
} 

.online-services-files article {
	margin-bottom: 10px !important; 
}

.online-services-files article .post-title {
	font-size: 16px !important
}

.online-services-files article .post-content p {
	margin-bottom: 0 !important;
}

.online-services-files article {
	border-radius: 5px !important; 
	padding-bottom: 0 !important;
}
 
.online-services-files article .post-content {
	padding:10px 15px 15px 15px !important;
	font-family: inherit;
	border-radius: 5px !important;
	background: #f0f0f0; 
}
 
.online-services-files article .post-content:hover {
	background: #dddddd;
	color: #000000 !important;
}

.online-services-files article .post-title a {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding: 15px;
	border-radius: 5px;
}
 
.online-services-files article .post-image {
	background: none;
}

.entry-meta, .comment-respond, div.gform_heading, .page-id-11 .entry-header {
	display: none;
}

.link-list .post {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.link-list .post-title {
	font-size: 16px !important;
}

/*----------FOOTER----------*/

.footer-icon {
	font-size: 100px !important;
}

.ez-links-widget, .footer-menu {
	text-align: center;
}

.footer-menu li {
	border-bottom: 1px solid #d2d2d2;
	padding: 10px !important;
	text-transform: uppercase;
	list-style-type: none !important;
	margin-left: 0 !important; 
	
}

.site-footer .wrap p {
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*-------MEDIA QUERIES-------*/

@media (max-width: 1140px) {
	header.site-header {
		margin-bottom: -250px;
	}

	.site-header .wrap .title-area {
		height: 200px !important;
		width: 340px;
	}

	div.gch-header-image-inner:before {
		background: linear-gradient(rgba(0,0,0,.5) 40%, rgba(0,0,0,.5) 100%) !important;
	}

	.nav-header {
		display:none;
	}

	div.header-widget-area  {
		position: relative;
		background: 0;
		height: 50px;
		margin-top: 0 !important;
	}

	.social-icon a {
		color: #4d4d4d !important;
		border: none;
		background: #fff;
	}

	.social-icon {
		float: none;
		text-align: center;
		position: relative;
		background: none !important;
	}
}

@media (min-width: 1141px) {
	.nav-primary {
		display: none;
	}
}

@media (max-width: 833px) {
	.site-header .wrap .title-area {
		height: 150px !important;
		width: 250px;
		margin-bottom: 50px !important;
	}

	div.header-widget-area {
		margin-top: 10px;
	}

	header.site-header {
		margin-bottom: -270px;
	} 

	div.header-widget-area {
		position: absolute;
		top: 10px;
		left: 0;
	}


	.social-icon {
		position: absolute;
		top: 5%;
		left: 5%;
		float: left !important;
		text-align: left !important;
	}
}

@media (max-width: 768px) {
	.rowCtaContent {
		background: rgba(255,255,255,.8);
		margin-left: 0px !important;
		padding: 50px 20px 10px 20px !important;
		margin-bottom: 20px !important;
		margin-top: -30px !important;
		border-radius: 0 0 20px 20px;
	}
	
	.rowCtaTitle {
		margin-bottom: 0;
	}
} 


@media (max-width: 700px) {

	header.site-header {
		margin-bottom: -200px;
	}

	.nav-primary {
		display: none;
	}
}

@media (max-width: 680px) {
	.heroImg {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.heroImg h1 {
		font-size: 40px !important;
	}
}

@media (max-width: 540px) {
	.site-header .title-area {
		width: 180px !important;
	}
}

@media (max-width: 414px) {
	.site-header .title-area {
		width: 170px !important;
	}

	.site-footer .wrap p {
		font-size: 12px !important;
	}
}

@media (max-width: 375px) {
	.site-header .title-area {
		width: 150px !important;
	}
}

@media (max-width: 320px) {
	.site-header .title-area {
		width: 130px !important;
	} 


}



/* Custom Responsive CSS
------------------------------------------------------------ */
@media only screen and (max-width: 1140px) {

}

@media only screen and (min-width: 840px) and (max-width: 1140px) {

}

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

}

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

}

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

}

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

}