/*
Theme Name: CHGPA
Author: BWD
Description: Wordpress theme for CHGPA
Version: 1.0
*/

html, body
{
	background : #272727; /* Dark Brown */
	color : #2C2C2C; /* Dark Dark Gray */

	margin : 0px;
	padding : 0px;

	font-family : "Libre Baskerville", serif;
}

#top_picture
{
	position : relative;

	/* background : url('images/header_export10.png') top center no-repeat; */
	/* background : url('images/matthew_bg.jpg') top center no-repeat; */
	background : url('images/header_export11.png') top center no-repeat;
	background-size : cover;

	min-height : 403px;
	/* min-height : 503px; */

	z-index : 1;
}

#top_picture.hp
{
	background : url('images/header_export4.png') top center no-repeat;
	background-size : cover;
	min-height : 775px;
}

#main_content_container_bg
{
	position : relative;

	background : url('images/blue_landscape_bg.jpg') repeat-y;
	background-size : cover;

	z-order : 2;
}

#header_container
{
	position : relative;

	background : url('images/topgradient.png') top center no-repeat;
	background-size : cover;

	max-width : 100%;
	width : 100%;
	min-height : 196px;

	z-index : 3;

	margin-top : -403px;
	/* margin-top : -503px; */
}


#header_container.hp
{
	margin-top : -775px;
}

#navigation_container
{
	max-width : 1168px;
	width : 100%;

	margin : 0px auto;
	padding-top : 22px;
}

#header_logo_container
{
	float : left;
}

div.login_links
{
	text-align : right;

	color : #679EF9; /* Blue */

	margin : 20px 30px 0px 0px;

	font-size : 21px;
	font-family : "BenchNine", "Arya";
	text-transform : uppercase;
}

div.login_links a:link, div.login_links a:visited
{
	color : #679EF9; /* Blue */

	text-decoration : none;
}

.navbar_container
{
	float : left;
}

.navbar_container ul
{
	float : left;

	list-style-type : none;

	margin : 0px 0px 0px 0px;
}

.navbar_container ul li
{
	display : block;

	float : left;

	overflow : hidden;

	background : url('images/nav_division.png') right 4px no-repeat;

	color : #FFFFFF;

	font-size : 21px;
	font-family : "BenchNine", "Arya";
	text-transform : uppercase;

	margin : 0px 30px 0px 0px;
	padding : 0px 0px 0px 0px;
}

.navbar_container ul li:last-child
{
	background : none;

	margin : 0px 0px;
}

.navbar_container ul li a
{
	display : block;

	float : left;

	color : #FFFFFF;

	font-size : 21px;
	font-family : "BenchNine", "Arya";
	text-transform : uppercase;
	text-decoration : none;

	margin : 0px;
	padding : 0px 30px 0px 0px;
}

#social_container
{
	float : left;

	padding-top : 20px;

	text-align : center;
}

#social_container img
{
	padding-bottom : 5px;
	padding-right : 10px
}

#pull
{
	display : none;
}

#page_title
{
	display : table;

	background : url('images/topgradient2.png') top center no-repeat;

	position : relative;

	color : #FFFFFF;

	max-width : 1168px;
	width : 100%;
	height : 150px;

	margin : 100px auto 0px;
	/* margin : 200px auto 0px; */

	text-align : center;

	z-index : 6;
}

#hp_call_to_action
{
	position : relative;

	color : #FFFFFF;

	max-width: 1187px;
	width : 100%;


	margin : 340px auto 0px;

	z-index : 2000;
}

#hp_call_to_action_inner
{
	padding : 0px 23px;
}

#hp_call_to_action h1
{
	max-width : 400px;

	margin-left : 69px;

	font-weight : 300;
	font-size : 40px;
	line-height : 44px;
	text-transform : uppercase;
}

h2.events
{
	display : none;
}

#hp_call_to_action h4
{
	float : left;

	font-size : 36px;
	font-family : "BenchNine", "Arya";

	margin : 0px;
}

#hp_call_to_action #content_container
{
	float : left;

	max-width : 55%;
	width : 100%;

	padding-left : 43px;
	padding-top : 9px;
}

#hp_call_to_action h5
{
	float : left;

	margin : 0px 0px 0px 0px;
}

#hp_call_to_action p
{
	float : left;

	font-size : 12px;

	margin : 8px 0px 0px 0px;
}


#page_title h1
{
	display : table-cell;
	vertical-align : middle;

	font-weight : 300;
	font-size : 36px;

	padding : 0px;
}

#main_content_container
{
	position : relative;

	background : #FFF;

	max-width : 1003px;
	width : 100%;

	margin : -20px auto 0px;
	padding : 55px 75px 30px 90px;
	/*padding : 55px 5px 30px 5px;*/

	font-size : 15px;

	z-index : 5;
}

.flexible-container
{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.hp_dotted_container
{
	position : relative;

	max-width : 1232px;
	width : 100%;

	margin : 58px auto 0px;
	padding-top : 28px;

	border-width : 2px 0px 0px 0px;
	border-style : dashed;
	border-color : #8497C6;

	z-index : 6;

}

.hp_single_col
{
	position : relative;
	float : left;

	background : url('images/hp_single_col_bg_gradient.png') repeat-x #F1F3FA;

	max-width : 354px;
	width : 100%;
	height : 359px;

	margin : 0px 28px;

	text-align : center;
}

.hp_single_col h2, .hp_single_bigcol h2
{
	background : url('images/hp_single_col_bg.png');
	color : #FFFFFF;

	margin : 0px;
	padding : 15px 0px 24px 0px;

	font-family : "BenchNine", "Arya";
	font-size : 28px;
	text-transform : uppercase;
}

.hp_single_bigcol
{
	background : url('images/hp_single_bigcol_bg.png') repeat-x #FFFFFF;
	background-size : 100% 80px;

	max-width : 1168px;
	width : 100%;
	min-height : 413px;

	margin : 0px auto 180px;

	text-align : center;

	overflow : auto;
}

.hp_single_bigcol_inner
{
	padding : 0px 65px;
}

.hp_single_bigcol_inner div
{
	position : relative;

	float : left;

	max-width : 450px;
	max-width : 45%;
	width : 100%;

	margin-right : 100px;
	margin-bottom : 40px;

	font-size : 13px;
	text-align : left;
}

.hp_single_bigcol div:nth-child(2n+1)
{
	margin-right : 0px;
}


.hp_single_bigcol h2
{
	background : none;
}

.hp_single_bigcol .box h3
{
	margin-bottom : 0px;
	padding-bottom : 0px;
}

.hp_single_bigcol .box h3 a
{
	color : #15324C; /* Dark Blue */

	font-family : "BenchNine", "Arya";
	font-size : 22px;

	text-transform : uppercase;
}

.hp_single_bigcol .box p
{
	margin-top : 3px;
	margin-bottom : 0px;

	line-height : 20px;
}

.hp_single_bigcol .box p a
{
	color : #15324C; /* Dark Blue */

	font-style : italic;
	font-size : 18px;
	font-family : "BenchNine", "Arya";
}

.hp_single_bigcol .box span
{
	display : inline-block;

	margin : 10px 0px;

	font-size : 10px;
	font-weight : 700;
	text-transform : uppercase;
}

.hp_single_col p
{
	display : block;

	padding : 3px 35px 0px;

	font-size : 14px;
	line-height : 26px;
}

.hp_single_col.events p
{
	line-height : 22px;
}

.hp_single_col.events p span
{
	display : inline-block;

	margin-bottom : 4px;

	font-size : 16px;
	font-weight : 700;
	text-transform : uppercase;
}

.hp_single_col strong a, .hp_single_col b a
{
	display : block;

	position : absolute;
	bottom : 40px;

	max-width : 100%;
	width : 100%;

	color : #002169; /* Dark Blue */

	margin : 0px -35px;

	font-size : 16px;
	font-weight : 700;
	text-transform : uppercase;
}


#main_content_bottom
{
	background : url('images/content_bottom_bg.png') center top no-repeat;

	max-width : 1170px;
	width : 100%;
	height : 33px;

	margin : 0px auto;

	padding-bottom : 177px;

}

#main_content_container .content_left
{
	float : left;

	max-width : 674px;
	width : 100%;
}

#main_content_container .content_sidebar
{
	float : left;

	max-width : 257px;
	width : 100%;

	margin-left : 72px;

	line-height : 22px;
	text-align : center;
}

#main_content_container h3, #main_content_container h3 a:link, #main_content_container h3 a:visited
{
	color : #15324C; /* Blue */

	margin : 15px 0px 0px 0px;

	font-family : "BenchNine", "Arya";
	font-size : 28px;
	text-transform : uppercase;
	font-weight : 700;

	line-height : 24px;
}

#main_content_container hr
{
	background : url('images/blue_dashed.png') repeat-x;

	height : 3px;

	margin : 40px -75px 30px -90px;

	border-width : 0px;
}

a.button
{
	display : inline-block;

	background : #3A66CF; /* A blue */
	color : #FFFFFF;

	font-family : "BenchNine", "Arya";
	font-size : 24px;

	text-transform : uppercase;
	text-decoration : none;

	border-width : 2px;
	border-color : #03256E; /* Dark Blue */
	border-style : solid;

	padding : 14px 39px;
}

#hp_call_to_action a.button
{
	float : right;

	background : #002169; /* Dark Blue */

	border-color : #223961; /* Darker Blue */

	font-size : 20px;
	text-decoration : none;

	margin-top : 27px;
	padding : 7px 33px;
}

#main_content_container .content_sidebar a.button
{
	margin-top : 16px;
}

#footer_container
{
	position : relative;

	/* background : url('images/footer_top_bg.png') top center no-repeat; */
	background : url('images/footer_bg_max.png') top center no-repeat;
	/* background-size : cover; */

	max-width : 100%;
	width : 100%;
	min-height : 157px;

	margin-top : -157px;

	z-order : 75;

	text-align : center;
}

#footer_container.hp
{

}

#footer_logo_container
{
	position : relative;

	background : url('images/logo_bg.png') 0px 10px no-repeat;

	max-width : 164px;
	width : 100%;

	margin : 0px auto;
	padding-top : 20px;

	z-index : 100;
}

img.footer_logo
{
	max-width : 146px;
	width : 100%;
	height : 136px;

	margin : 0px auto 0px auto;

}

#footer_main_content_container
{
	position : relative;

	background : #272727; /* Dark Brown */
	color : #FFFFFF;

	margin-top : -101px;
	padding-top : 130px;

	z-index : 60;
}

#footer_questions_container
{
	background : url('images/footer_dashed.png') 0px 17px repeat-x;

	max-width : 884px;
	width : 100%;

	margin : 0px auto;
}

#footer_questions_container h4
{
	display : inline-block;

	background : #272727; /* Dark Brown */

	margin : 0px;
	padding : 0px 19px;

	font-family : "BenchNine", "Arya";
	font-size : 28px;
	text-transform : uppercase;
	letter-spacing : 2px;
}

#footer_questions_columns_container
{
	background : url('images/footer_gradient_bg.png') #3A3A3A repeat-x;

	min-height : 182px;

	margin-bottom : 65px;
	padding-top : 65px;
}

.footer_col
{
	float : left;

	color : #BEBEBE;

	max-width : 207px;
	width : 100%;

	margin-left : 66px;

	font-size : 13px;
	line-height : 22px;
	text-align : center;
}

.footer_col a:link, .footer_col a:visited
{
	color : #BEBEBE;

	text-decoration : underline;
}

.footer_col a:hover
{
	text-decoration : none;
}

#footer_questions_container .footer_col h4
{
	display : block;

	background : none;
	color : #FFFFFF;

	margin-bottom : 10px;

	letter-spacing : -1px;
}

#bottom_most_footer
{
	color : #BEBEBE;

	font-size : 12px;
}

#bottom_most_footer a:nth-child(2) img
{
	padding-left : 11px;
	padding-right : 11px;
}

#bottom_most_footer span
{
	display : block;

	margin : 34px 0px;
	padding-bottom : 34px;
}

div.swpm-logged-username, div.swpm-logged-status, div.swpm-logged-membership, div.swpm-logged-expiry
{
	margin-bottom : 15px;
}

div.swpm-join-us-link
{
	display : none;
}

a:link, a:visited
{
}

a:hover
{
	text-decoration : none;
}

.clear
{
	clear : both;

	width : 0px;
	height : 0px;
}

@media only screen and (max-width : 1248px)
{
	.hp_single_col h2
	{
		background : url('images/hp_single_col_bg.png') no-repeat;
		background-size : 100% 77px;
	}

	.hp_single_col
	{
		max-width : 28%;


	}

	.hp_single_col p
	{
		display : block;

		padding : 3px 40px 0px;

		font-size : 14px;
		line-height : 24px;
	}


	.hp_single_col strong a, .hp_single_col b a
	{
		margin : 0px -40px;
	}


	.hp_single_col a.bottom_link
	{
		bottom : 20px;
	}
}

@media only screen and (max-width : 1160px)
{
	#header_container
	{
		width : auto;

		padding : 0px 30px;
	}

	.navbar_container
	{
		max-width : 75%;
	}

	.navbar_container ul
	{
		margin : 0px 0px 0px 0px;
	}

	#main_content_container
	{
		max-width : 100%;
		width : auto;

		padding : 55px 60px 30px 60px; /* added left 60px */
	}

	#main_content_container .content_left
	{
		max-width: 70%;
	}

	#main_content_container .content_sidebar
	{
		float : right;

		max-width : 25%;

		margin-left : 0px;
	}

	#main_content_container hr
	{
		margin : 40px -60px 30px;
	}

	.hp_single_bigcol_inner
	{
		padding : 0px 0px;
	}

	.hp_single_bigcol_inner h2
	{
		text-align : center;
	}

	.hp_single_bigcol_inner div, .hp_single_bigcol div:nth-child(2n+1)
	{
		float : none;

		max-width : 95%;
		width : 100%;

		margin: 0px auto 20px;

		font-size : 13px;
		text-align : left;
	}

}

@media only screen and (max-width : 1070px)
{
	.hp_single_col
	{
		max-width : 27%;
	}
}

@media only screen and (max-width : 1045px)
{
	.hp_single_col h2
	{
		margin-bottom : -5px;
	}

	.hp_single_col p
	{
		font-size : 13px;
	}

	.hp_single_col strong a, .hp_single_col b a
	{
		bottom : 30px;

		font-size : 14px;
	}
}

@media only screen and (max-width : 1000px)
{
	.hp_single_col
	{
		float : none;

		max-width : 90%;
		height : auto;

		margin : 0px auto 30px;
		padding-bottom : 50px;

		overflow : auto;
	}

	.hp_single_col h2
	{
		margin-bottom : 0px;
	}

	.hp_single_col p
	{
		display : block;

		padding : 3px 55px 0px;

		font-size : 14px;
		line-height : 26px;
	}

	.hp_single_col strong a, .hp_single_col b a
	{
		bottom : 20px;

		margin : 0px -55px;

		font-size : 16px;
	}
}

@media only screen and (max-width : 924px)
{
	#header_container.hp
	{
		margin-top : -575px;
		z-index : 9000;
	}

	#top_picture.hp
	{
		background-position : -175px -100px;
		min-height: 575px;
	}

	#hp_call_to_action
	{
		margin-top : 40px;
	}
}

@media only screen and (max-width : 905px)
{
	.footer_col
	{
		max-width : 23%;

		margin-left : 8%;
	}
}

@media only screen and (max-width : 870px)
{
	#header_container
	{
		width : auto;
	}

	.navbar_container
	{
		max-width : 70%;

		margin-top : -10px;
	}
}

@media only screen and (max-width : 786px)
{
	#main_content_container .content_left
	{
		float : none;

		max-width: 100%;

		padding-bottom : 30px;
	}

	#main_content_container .content_sidebar
	{
		float : none;

		max-width: 100%;
	}
}

@media only screen and (max-width : 705px)
{
	#main_content_container img
	{
		max-width : 100%;
		height : auto;
	}


	div.login_links
	{
		display : none;
	}

	#header_container
	{
		/* background : #0B0A0C;

		background : url('images/header_export2.png') no-repeat;
		background-size : cover;
		background-position : top center; */

		background : none;

		min-height : 0px;

		padding : 0px;

		text-align : center;
	}

	#header_container.hp
	{
		background : url('images/header_export4.png') no-repeat;
		background-size : cover;
		background-position : top center;
	}

	#header_logo_container
	{
		float : none;

		padding-left : 30px;
		padding-bottom : 15px;

		text-align : left;
	}

	#header_logo_container img
	{
		width : 100px;
	}

	div.login_links, div.login_links a:link, div.login_links a:visited
	{
		color : #FFFFFF;

		text-decoration : none;
	}

	.navbar_container
	{
		float : none;

		max-width : 100%;
		height : auto;

		margin-top : 0px;

		text-align : center;
	}

	.navbar_container a#pull
	{
		display: block;
		position: relative;

		background : #1D5BED; /* Blue */
		color : #FFFFFF;

		height : 40px;

		font-size : 22px;
		font-weight : bold;
		font-family: "BenchNine","Arya";
		text-transform : uppercase;
		text-decoration : none;

		padding : 16px 30px 0px 30px;
	}

	.navbar_container a#pull:after
	{
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 19px;
	}

	.outer_site_container.navigation .navbar_container li, a#pull
	{
		text-align : left;
	}

	.navbar_container ul
	{
		float : none;

		display : none; /* If we don't have this here, menu will pop open on resize when we don't want it to. */

		max-width : 100%;
		width : 100%;
		height : auto;

		margin : 0px;
		padding : 0px 0px 0px 0px;

		text-align : left;
	}

	.navbar_container ul li, .navbar_container ul li:last-child
	{
		float : none;

		background : #1D4EB1; /* Dark Blue */

		display : block;
		height : auto;

		max-width : 100%;
		width : 100%;

		margin : 0px;
		padding : 5px 0px 0px;
	}

	.navbar_container ul li a, .navbar_container ul li a:link, .navbar_container ul li a:visited, .navbar_container ul li:last-child a:link, .navbar_container ul li:last-child a:visited, .navbar_container ul li:last-child a
	{
		float : none;

		background : #1D4EB1; /* Dark Blue */
		color : #FFFFFF;

		display : block;

		max-width : 100%;
		width: 100%;
		height : 40px;

		font-size : 22px;

		margin : 0px;
		padding : 0px 30px;

		text-transform : none;

		border-width : 0px;
	}

	.navbar_container li a:hover, .navbar_container li:last-child a:hover
	{
		margin : 0px;
		border-width : 0px;

	}

	.navbar_container ul li:hover ul, .navbar_container li.sfhover ul
	{
		left: auto;
	}

	#social_container
	{
		display : none;
	}

	#top_picture
	{
		background-position : 0px 0%;
		background-size: 100% auto;

		margin : 0px;
	}

	#page_title
	{
		margin-top : 0px;

		padding : 0px 0px;
	}

	#main_content_container
	{
		padding-top : 30px;
	}

	#hp_call_to_action h1
	{
		margin-left : 0px;
	}

	#hp_call_to_action #content_container
	{
		padding-left : 0px;
	}

	#hp_call_to_action h4
	{
		display : none;
	}
}

@media only screen and (max-width : 650px)
{
	#hp_call_to_action h1
	{
		max-width : 400px;

		margin-top : -20px;

		font-weight : 300;
		font-size : 30px;
		line-height : 38px;
		text-transform : uppercase;
	}
}

@media only screen and (max-width : 589px)
{
	.footer_col
	{
		float : none;

		max-width : 100%;
		width : auto;

		margin : 0px 0px 60px;

		padding : 0px 30px;
	}
}

@media only screen and (max-width : 482px)
{
	#header_container.hp
	{
		margin-top : -675px;
		z-index : 9000;
	}

	#hp_call_to_action h1
	{
		max-width : 400px;

		font-weight : 300;
		font-size : 30px;
		line-height : 38px;
		text-transform : uppercase;
	}


	#top_picture.hp
	{
		background-position : -175px -100px;
		min-height: 675px;
	}

	#hp_call_to_action
	{
		margin-top : 40px;
	}

	#hp_call_to_action #content_container
	{
		float : none;

		max-width : 100%;
	}

	.hp_dotted_container
	{
		border-width : 0px;
	}

	/* MI - added - attempting to reduce padding on mobile devices */
	#main_content_container
	{
		max-width : 100%;
		width : auto;

		padding : 55px 10px 30px 10px;
	}

	#main_content_container hr
	{
		/*MI - attempt to fix HR that extends beyond view on mobile*/
		margin : 40px 0px 30px 0px;
	}
}

.swpm-login-widget-logged tr td:first-child {
    font-weight: bolder;
    padding-right: 10px;
}