/*
Theme Name: SPSA Child Theme



Theme URI: http://www.spsa.net



Author: answerYES Consulting



Description: SPSA Child Theme



Author: AnswerYes Counsulting



Author URI: http://answeryes.com/



License: GNU General Public License v2 or later



License URI: LICENSE



Template: spsa



Text Domain: SPSA Child Theme



Tags: custom-menu, one-column, two-columns, right-sidebar, threaded-comments, sticky-post



Version: 1.0.0



*/



@import url("../spsa/style.css");



html{
	overflow: auto;
}

body {



	margin: 0;



	padding: 0;



	font: normal 14px/1.75em "Poppins", san-serif;



	-webkit-font-smoothing: antialiased;



	-moz-font-smoothing: antialiased;



	font-smoothing: antialiased;



	text-rendering: optimizeLegibility;



	color: #434343; /* charcoal gray */

	backgroudnd:#eee!important;

	overflow-x: hidden;

}

body.customize-support{

	margin-top:32px;

}

a {



	color: #005581; /* slate blue (logo color) */



	text-decoration: none;



}



a:hover { color: #ffba00; /* blue black */ }







h1, h2, h3, h4, h5, h6, .entry-title, .widget-title {



	margin: 6px 0 6px 0;



	padding: 4px 0 4px 0;



	font: normal 2em/1.6em 'Poppins', sans-serif;



	color: #333; /* dark gray */



}



h2 { color: #666; /* gray */ }



h3 { color: #888; /* darker light gray */ }



h4, h5, h6 {



	font: normal 1.8em/1.2em 'Poppins', sans-serif;



	color: #333; /* dark gray */



}



h5 { color: #666; /* gray */ }



h6, .widget-title {



	font: normal 18px/1.6em 'Poppins', sans-serif;



	-webkit-font-smoothing: antialiased;



	-moz-font-smoothing: antialiased;



	font-smoothing: antialiased;



	text-rendering: optimizeLegibility;



	color: #888; /* darker light gray */



}







blockquote,



q { quotes: none; }



blockquote:before,



blockquote:after,



q:before,



q:after {



	content: '';



	content: none;



}



blockquote {



	margin: 40px 0 0 0;



	padding: 0 40px 0 40px;



	text-align: center;



}



blockquote p {



	font-style: italic;



	font-size: 1.65em;



	line-height: 1.4em;



	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);



	color: #ffc423; /* gold */



}



blockquote cite {



	font-style: normal;



	font-size: .75em;



	line-height: 1.2em;



	color: #999; /* light gray */



	display: block;



}



blockquote cite:before { content: '\2014\00A0'; }







hr {



	margin: 20px 0 0 0;



	padding: 0;



	border-style: dotted;



	border-color: #ccc; /* lighter gray */



	border-width: 1px 0 0 0;



	height: 20px;



	clear: both;



}







ol, ul{



	list-style-type: none;



}







.list li::before {



  content: "• ";



  color: #ffba00; /* or whatever color you prefer */



}







img {



	border: 0;



	height: auto;



	max-width: 100%;



	vertical-align: middle;



	-ms-interpolation-mode: bicubic;



}



.col-12 ol{
	list-style: numbers;
}
.col-12 ol li{
	margin-bottom:1em;
}


.sticky {



	display: block;



}







/* Text meant only for screen readers. */



.screen-reader-text {



	border: 0;



	clip: rect(1px, 1px, 1px, 1px);



	clip-path: inset(50%);



	height: 1px;



	margin: -1px;



	overflow: hidden;



	padding: 0;



	position: absolute !important;



	width: 1px;



	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */



}







.screen-reader-text:focus {



	background-color: #f1f1f1;



	border-radius: 3px;



	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);



	clip: auto !important;



	clip-path: none;



	color: #21759b;



	display: block;



	font-size: 14px;








	font-size: 0.875rem;



	font-weight: bold;



	height: auto;



	left: 5px;



	line-height: normal;



	padding: 15px 23px 14px;



	text-decoration: none;



	top: 5px;



	width: auto;



	z-index: 100000;



	/* Above WP toolbar. */



}







.bypostauthor {



	display: block;



}







audio,



canvas,



video { display: inline-block; }



audio:not([controls]) { display: none; }







embed,



iframe,



object,



video { max-width: 100%; }



svg:not(:root) { overflow: hidden; }



iframe { margin-right: 14px; }







table {



	padding: 0;



	border-collapse: collapse;



	border-spacing: 0;



	max-width: 100%;



}



td, td p {



	font-size: 16px;



	line-height: 1.3;



}



td {



	margin: 0;



	padding: 7px;



	border-right: 1px solid #fff; /* #ffffff */



}



td:nth-last-child(1) { border-right: none; }



tr:nth-child(even) { background: #fff; /* #ffffff */ }



tr:nth-child(odd) { background: #f0f0f0; /* off-#ffffff */ }







td, th{



	padding:15px !important;



}



/* 12 column grid (responsive design) */



.grid {



	float: left;



	margin-bottom: 2.127659574468%;



	padding-top: 0;



}



.grid-right {



	float: right;



	margin-bottom: 2.127659574468%;



	padding-top: 0;



}



.col-60,



.col-140,



.col-220,



.col-300,



.col-380,



.col-460,



.col-540,



.col-620,



.col-700,



.col-780,



.col-860 {



	display: inline;



	margin-right: 2.127659574468%;



}



.col-60 { width: 6.382978723404%; }



.col-140 { width: 14.893617021277%; }



.col-220 { width: 23.404255319149%; }



.col-300 { width: 31.914893617021%; }



.col-380 { width: 40.425531914894%; }



.col-460 { width: 48.936170212766%; }



.col-540 { width: 57.446808510638%; }



.col-620 { width: 65.957446808511%; }



.col-700 { width: 74.468085106383%; }



.col-780 { width: 82.978723404255%; }



.col-860 { width: 91.489361702128%; }



.col-940 { width: 100%; }



.fit {



	margin-left: 0 !important;



	margin-right: 0 !important;



}







/* social media */



.social {



	float: right;



	margin: 0;



	padding: 0;



	border: 0;



	overflow: hidden;



	padding-right: 30px;



}



.social img { position: absolute; }



.social ul {



	margin: 0;



	padding: 0;



	border: 0;



	list-style: none;



	list-style-type: none;



	list-style-image: none;



}



.social li {



	float: right;



	margin: 0;



	padding: 0;



	display: inline;



}







.divide .fa{



	border-right: 1px solid #e1e8ed;



	font-size: 2em;



}







.divide .fa:hover{



	color: #005581 !important;



}







.social a, .social a:hover {



	text-decoration: none;



}







.social a.icon_rss, .social a.icon_linkedin, .social a.icon_twitter, .social a.icon_facebook, .social a.icon_google, .social a.icon_youtube, .social a.icon_vimeo, .social a.icon_pinterest {



	margin: 0;



	padding: 0;



	width: 40px;



	height: 40px;



	background: transparent url("images/social-grey.png") no-repeat 0 0;



	opacity: .85;



	display: block;



	overflow: hidden;



}







.social a.icon_linkedin { background-position: -40px -0; }



.social a.icon_twitter { background-position: -80px 0; }



.social a.icon_facebook { background-position: -120px 0; }



.social a.icon_google { background-position: -160px 0; }



.social a.icon_youtube { background-position: -200px 0; }



.social a.icon_vimeo { background-position: -240px 0; }



.social a.icon_pinterest { background-position: -280px 0; }



.social a:hover {



	opacity: 1.0; /* hover MUST be declared last */



	color: #005581;



	border-radius: 50%;



}







#head {



	margin: 0;



	padding: 0;



	width: auto;



	height: 170px;



	background: transparent;



}



#headleft {



	float: left;



	margin: 0;



	padding: 0;



}

#headleft{
	position: relative;
	height:100%;
}

#logo a.logolink,
#logo a.logolink:hover {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50%;
	margin-top: -70px;
	width: 500px;
	height: 100px;
	text-decoration: none;
	background: transparent url("images/logo.png") no-repeat top left;
	background-image: url("images/logo.svg"), none;		
	background-size: contain;
	display: block;
	font-size: 0 !important
}

@media screen and (max-width: 1350px) { 
	#logo a.logolink,



	#logo a.logolink:hover{
		width: 400px;
		height: 80px;
		margin-top: -55px;
	}
}





#headright {



	float: right;



	margin: 0;



	padding: 0;



}



#special {



	float: right;



	margin: 25px 0 0 0;



	padding: 0;



	clear: both;



}







/* NAVIGATION (USING WORDPRESS 3.x MENUS) */



.main-menu { /* container class */



	position: relative;



	margin: 0;



	padding: 0;



	top: 25px;



	text-align: right;



	text-transform: capitalize;



	font: 400 18px/35px "Poppins", san-serif;



	-webkit-font-smoothing: antialiased;



	-moz-font-smoothing: antialiased;



	font-smoothing: antialiased;



	text-rendering: optimizeLegibility;



	text-shadow: none;



	z-index: 1000;



}



.main-menu ul { /* container class first unordered list */



	float: right;



	position: relative;



	margin: 0;



	padding: 0;



	list-style: none;



	list-style-type: none;



	list-style-image: none;



	list-style-position: outside;



}



.main-menu li { /* each navigation item */



	float: left;



	display: inline;



}
/* Menu spacing changes*/
.main-menu li{ margin-left: 5px; }

.main-menu li a {
	padding: 10px 8px;
} /* each navigation item anchor */

.main-menu li.menu-item-type-custom:nth-last-child(-n+2) a{
	background: #ffc425;
	color: #005581;
}
.main-menu li.menu-item-type-custom:last-of-type a{
	background: #f1f1f1;
	color: #005581;
}
.main-menu li a:hover {
	background: #005581!important;
	color: #e1e8ed!important;
	text-decoration: none;
	width: 100%;
} 
/* each navigation item anchor hover */
.main-menu li.menu-item-type-custom:nth-last-of-type(1) a:hover{
	background: #abb8c3!important;
	color: #005581!important;
}


.main-menu ul ul { top: auto;} /* unordered list within an unordered list */



.main-menu li ul { /* unordered list if there is drop down items */



	position: fixed;



	opacity: 1;

	display: none;



}









.title_container .breadcrumb {



display: none;



}







/* Nested List */



.main-menu li ul.sub-menu{
	position: absolute;
	background-color: transparent;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	border-bottom: 2px solid #005581;
	border-right: 2px solid #005581;
	width: 280px;

}

.main-menu li ul ul li a{
	color: #005581;
}


.main-menu li ul ul li a:hover{

	background-color: #ffc425!important;
	color: #005581 !important;

}



/* Nested List */







.main-menu li li {  /* each drop down navigation item */



	margin: 0;



	padding: 0;



	border-top: 2px solid #005581;



	border-left: 2px solid #005581;



	width: 100%;



	min-height: 35px;



	background-color: #ffffff;



	font-size: 14px;



}







.main-menu li li a { /* each drop down navigation item anchor */



	float: left;



	margin: 0;



	padding: 10px;

	

	line-height: 1.4em;



	width: 100%;



	height: auto;



	text-align: left;



}







.main-menu li li a:hover { border: none; } /* each drop down navigation item anchor hover */



.main-menu li ul ul {
	left: -280px;
	width: 280px;
	top: 0;

}



.main-menu li:hover ul ul,

.main-menu li:hover ul ul ul,

.main-menu li:hover ul ul ul ul {




	display: none;



	color: red !important;



}



.main-menu li:hover ul,



.main-menu li li:hover ul,



.main-menu li li li:hover ul,



.main-menu li li li li:hover ul {



	display: block;



}



/* force current to be only the active page, no inheritance */



.main-menu ul li.current-menu-item > a, /* class for any other current menu item */



.main-menu ul li.current_page_item > a, /* class for current page */



.main-menu ul li li.current-menu-item > a, /* class for drop down any other current menu item */



.main-menu ul li.current-cat > a {



	color: #A9A9A9;



} /* class for current category */







/* MAIN CONTENT AREAS */



#wrapper {



	margin: 0 auto;



	padding: 0;



	max-width: 960px;



	background: #ffffff;



}







/* photo area (slideshow and featured image) */



#photoarea {



	margin: 50px auto 0 auto;



	text-align: center;



	padding: 0;



	width: 100%;



	display: block;



}



#photoarea-default {



	margin: 0;



	padding: 0;



	width: 100%;



	height: 150px;



	background: transparent url("images/default.jpg") no-repeat top center;



	display: block;



}







#main, .holder {



	margin: 0;



	padding: 0;



	overflow: hidden !important; /* force full background color height */



}







.container {



	position: relative;



	margin: 0;



	padding: 45px;



	max-width: 960px;



	/* top left, top right, bottom right, bottom left */



	-webkit-border-radius: 0 0 3px 3px;



	-moz-border-radius: 0 0 3px 3px;



	border-radius: 0 0 3px 3px;



	/* horizontal offset, vertical offset, blur, spread */



	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	background: #fff; /* #ffffff */



}



.container-home {



	position: relative;



	margin: 30px 0 40px 0;



	padding: 45px;



	max-width: 960px;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	box-shadow: 0 1px 1px rgba(0, 0, 0, .08);



	background: #fff; /* #ffffff */



}







/* 1-column layout */



.content-one-col, #content-wide {



	margin: 0 0 20px 0;



	padding: 0;



	width: auto;



}



/* 2-column layout */



.content-two-cols {



	margin: 0 0 20px 0;



	padding: 0;



	width: auto;



}



/* 3-column layout */



.content-three-cols {



	margin: 0 0 20px 0;



	padding: 0;



	width: auto;



}







/* 3-column layout (footer) */



.content-three-cols-footer {



	margin: 0;



	padding: 0;



	width: auto;



}







#content-wide ol,



.content-one-col ol,



.content-two-cols ol,



.content-three-cols ol,



#content-wide ul,



.content-one-col ul,



.content-two-cols ul,



.content-three-cols ul {



	margin-before: 1em;



	margin-after: 1em;



	margin-right: 0;



	margin-left: 0;



	padding-right: 40px;



	display: block;



}



#content-wide ol,



.content-one-col ol,



.content-two-cols ol,



.content-three-cols ol { list-style: decimal outside; }



#content-wide ul,



.content-one-col ul,



.content-two-cols ul,



.content-three-cols ul {



	list-style-type: disc;



	list-style-position: outside;




	list-style-image: url("images/bullet-big.png");



}



#content-wide li,



.content-one-col li,



.content-two-cols li,




.content-three-cols li {



	text-align: -webkit-match-parent;



	display: list-item;



}







.home-image {



	margin: 0;



	padding: 0;



	max-width: 260px;



	height: 160px;



	overflow: hidden;



}



.home-text {



	margin: 20px 0 0 0;



	padding: 0;



	max-width: 260px;



}



.home-text h4 { border-bottom: 1px dotted #ccc; /* lighter gray */ }



.home-link {



	margin: 0;



	padding: 0;



	max-width: 260px;



}







.post { }



.entry-content {



	padding: 0 0 25px 0;



	margin: 0 0 25px 0;



	border-bottom: 1px dotted #ccc; /* lighter gray */



	background: transparent;



	clear: both;



}



.read-more { }



.entry-utility, .nocomments {



	padding: 0.5em 0 0.5em 0;



	font-size: small;



	display: none; /* HIDE FOR THIS CLIENT */



}



.entry-meta { display: none; /* HIDE FOR THIS CLIENT */ }



#nav-below { display: none; /* HIDE FOR THIS CLIENT */ }



.nav-previous { float: left; }



.nav-next { float: right; }







/* sidebar */



.widget-area {



	margin: 24px 0;



	padding: 5px 15px 15px 15px;



	border: 1px solid #f0f0f0; /* off-#ffffff */



}



.widget-area .widget { margin-bottom: 36px; }



.widget-area ul {

	list-style: none!important;

	margin: 15px 0 15px 0;



	padding-left: 12px;



}

.widget-area ul li a{

	margin-left: 15px!important;

    display: block!important;

}



.widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }



.widget-area .widget ul ul { margin-left: 12px; }



.widget_rss li { margin: 12px 0; }



.widget_recent_entries .post-date,



.widget_rss .rss-date {



	color: #ccc; /* lighter gray */



	font-size: 11px;



	margin-left: 12px;



}



#wp-calendar {



	margin: 0;



	width: 100%;



	font-size: 13px;



	color: #666; /* gray */



}



#wp-calendar th,



#wp-calendar td,



#wp-calendar caption { text-align: left; }



#wp-calendar #next {



	padding-right: 24px;





	text-align: right;



}







/* IMAGES & GALLERY */



.post img, img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, div.wp-caption img {



	max-width: 100% !important;	/* force images to fit container element */



	height: auto; /* override height to match resized width for correct aspect ratio */



}







.wp-caption p.wp-caption-text {



    font-size: 3px;



    line-height: 17px;



    margin: 0;



    padding: 0 4px 5px;



}







.attachment img { /* attachment images should be centered */



	margin: 0 auto;



	display: block;



}







.alignleft { float: left; }



.alignright { float: right; }



.aligncenter {



	margin-left: auto;



	margin-right: auto;



	display: block;



}



img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; }



img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; }



img.aligncenter, .wp-caption.aligncenter {



	margin-top: 12px;



	margin-bottom: 12px;



	clear: both;



}



img.wp-smiley, .rsswidget img {



	margin-bottom: 0;



	margin-top: 0;



	padding: 0;



	border: 0;



	border-radius: 0;



	box-shadow: none;



}



.wp-caption {



	padding: 4px;



	max-width: 100%; /* keep wide captions from overflowing their container */



	text-align: center;



}



.wp-caption .wp-caption-text, .entry-caption {



	font-style: italic;



	font-size: 12px;



	color: #888; /* darker light gray */



}



/* gallery */



.gallery {



	margin: 0;



	padding: 0;



	width: 100%;



    display: block !important;



    overflow: hidden;



    clear: both;




}



.gallery-item {



	float: left;



	margin: 0;



	padding: 0;



}



.gallery-icon {



	float: left;




	margin: 0 0 15px 15px;



	padding: 0;



	border: 0;



    text-align: left;



}



.gallery-icon img {



    position: relative;



	margin: 0;



	padding: 0;



	border: 0;



    display: block;



}



.gallery-icon img:hover { /* monochrome hover FX */



	filter: grayscale(100%);

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: url(desaturate.svg#greyscale);

	filter: gray;

	-webkit-filter: grayscale(1);



}



.gallery-caption { display: none; } /* HIDE CAPTION ON GALLERY THUMBNAILS */







#photoarea-default{



	background-size: cover;



}











/* Responsive Form Elements (Contact Form 7) */



form, fieldset, .wpcf7, .wpcf7-form {



	margin: 0;



	padding: 0;



	border: 0;



}



legend {



	padding-left: 0;



	padding-right: 0;



}



legend+* { margin-top: 1em; }



input, a.button {



	margin: 0 0 5px 0;



	padding: .5em .4em .5em .4em;



	width: 100%;



	border: 0;



	font-weight: normal;



	font-size: 14px;



	line-height: 30px;



	color: #999; /* light gray */



	border-bottom: 2px solid #005581;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	-ms-box-sizing: border-box;



	box-sizing: border-box;



}



input:focus, a.button:focus{



	background-color: #005581;



	color: #ffffff;



}



textarea {



	margin: 0 .8em .8em .8em;



	padding: .5em .4em .5em .4em;



    width: 100%;



	border: 0;



	font-weight: normal;



	font-size: 14px;



	color: #999; /* light gray */



	border-bottom: 2px solid #005581;



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	-ms-box-sizing: border-box;



	box-sizing: border-box;



}







textarea:focus{



	background-color: #005581;



	color: #ffffff;



}



select { padding: .1em .2em 0; }



option { padding: 0 .4em; }



.required-7 {



    color: #f00; /* red */



    font-size: 1.2em;



    font-style: italic;



}



span.wpcf7-list-item { display: block; /* force layout as block */ }



/* CSS 3D Button */



a.button, input[type="button"], input[type="submit"], input[type='reset'] {



	font-family: 'Poppins', sans-serif !important;



	position: relative;



	width: 35%;



  padding: 15px;



  text-transform: uppercase;



  background-color: #ffc425;



  border: none;



  cursor: pointer;



  margin-top: 20px;



  font-weight: 600;



  color: #005581;



  letter-spacing: 1px;



  font-size: 1.3em;



  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



	clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



	background-image: none !important;

	display: inline-block;

	text-align: center;



}

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

	a.button, input[type="button"], input[type="submit"], input[type='reset'] {

		width:100%;

	}

}



a.button:active, input[type="button"]:active, input[type="submit"]:active, input[type='reset']:active {



	top: 5px;



}



a.button:active:before, input[type="button"]:active:before, input[type="submit"]:active:before, input[type='reset']:active:before {



	top: -11px;



	bottom: -5px;



	content: "";



}



a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type='reset']:hover,



a.button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type='reset']:focus {



	color: #fff; /* #ffffff */



	background: #005581;



}



#loginlink {



	float: left;




	padding-right: 10px;



}




#joinlink { float: right; }



#joinlink a.button {



	padding-right: 30px;



}



#joinlink a.button span {



	position: absolute;



	width: 40px;



	background: transparent url("images/join.png") no-repeat 50% 50%;



	opacity: .85;



}



#joinlink a.button:hover span { opacity: 1.0; }







*:focus { outline: 0; }



/* all placeholder text */



::-webkit-input-placeholder { font-style: italic; }



::-moz-placeholder { font-style: italic; }



:-ms-input-placeholder { font-style: italic; }



input:-moz-placeholder { font-style: italic; }







/* search field */



#searchfield {

	margin: 0;

	padding: 0;

	width: 225px;

	height: 38px;

	line-height: 38px;

	border-bottom:2px solid #ccc;

	background: none!important;

	overflow: hidden;

	color: #e1e8ed !important;

}	

#searchfield:hover {

	margin: 0;

	padding: 0;

	width: 225px;

	height: 38px;

	border-bottom:2px solid #005581;

	overflow: hidden;

	color: #e1e8ed !important;

}



#searchinput {

	float: left;

	margin: 0;

	padding: 0 5px;

	border: 0;

	width: 180px;

	height: 38px;

	font-weight: normal;

	font-size: 14px;

	line-height: 38px;

	color: #005581; /* light gray */

	background: transparent;



}

#searchsubmit {

	position: relative;

	float: left;

	margin: 0;

	padding: 0;

	border: 0;

	width: 35px;

	height: 35px;



	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	cursor: pointer;

	clip-path:none!important;

}

#searchsubmit::before {

	content: "\f002"!important;

    font-size:16px!important;

	font-family: FontAwesome, "FontAwesome"!important;

    color: #e1e8ed !important;

	font-display: swap;



}

#searchfield:hover #searchinput:before {

	color:#005581!important;

}





/* FOOTER */



#footer {



	margin: 0;



	padding: 40px 0 0 0;



	width: 100%;



	background: #fff; /* #ffffff */



	overflow: auto;



	clear: both;



}



#footer .footer-content {



	margin: 0 auto !important;



	padding: 0;



	max-width: 960px;



}



#foot {



	margin: 0;



	padding: 20px 0 0 0;



	max-width: 100%;



	height: 200px;



	background: #2a2a2a; /* almost black */



	overflow: auto;



	clear: both;



}



#foot-content {



	margin: 0 auto !important;



	padding: 0;



	max-width: 960px;



}



#footleft {



	float: left;



	margin: 0;



	padding: 0;



	font: normal 12px/14px, "Poppins", san-serif;



	color: #666; /* gray */



}



#footleft a { color: #999; /* light gray */ }



#footleft a:hover { text-decoration: underline; }



#footright {



	float: right;



	margin: 0;



	padding: 0;



}







/* MISCELLANEOUS CSS */



.clearfix { display: inline-block; }



.clearfix:after {



	height: 0;



	line-height: 0;



	display: block;



	visibility: hidden;



	content: " ";



	clear: both;



}



html[xmlns] .clearfix { display: block; }



* html .clearfix { height: 1%; }



.avatar {



	-webkit-border-radius: 50%;



	-moz-border-radius: 50%;



	border-radius: 50%;



    border: 3px solid rgba(255, 255, 255, 0.5);



}



.columns {



	-webkit-column-count: 2;



	-webkit-column-gap: 20px;



	-moz-column-count: 2;



	-moz-column-gap: 20px;



	column-count: 2;



	column-gap: 20px;



}







/* HACK: to fix Meta Slider caption height */



.metaslider .caption-wrap { padding: 10px 0 10px 0; }







/* HACK: to fix Latest Tweets layout issue */



.latest-tweets ul {



	margin: 0;



	padding: 0;



	font-style: italic;



	list-style: none;



	list-style-type: none;



	list-style-image: none;





	list-style-position: outside;




}







/* Media Queries */







/* Does the same thing as <meta name="viewport" content="width=device-width">,



 * but in the future W3C standard way. -ms- prefix is required for IE10+ to



 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor



 * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */



@-ms-viewport { width: device-width; }



@viewport { width: device-width; }







/* Using content-friendly breakpoints (use min-width for mobile-first) */



@media screen and (min-width: 24em) { /* Mobile Small 384px */ }



@media screen and (min-width: 38.75em) { /* Mobile Large 620px */ }



@media screen and (max-width: 48em) { /* Tablet Small 768px */



	.grid, .grid-right { float: none; }



	#head {



		margin: 0;



		padding: 0 10px 0 10px;



		width: auto;



		height: 106px;



		background: transparent;



	}



	#logo a.logolink, #logo a.logolink:hover {



		position: absolute;



		margin: 0;



		padding: 0;



		width: 150px;



		height: 106px;



		text-decoration: none;



		background: transparent url("images/logo-mobile.png") no-repeat top left;



		display: block;



	}



	#headright { display: none; }



	#main, .holder { padding: 10px 10px 0 10px; }



	#photoarea, #photoarea-default { display: none;	}



	#footer {



		margin: 0;



		padding: 40px 10px 0 10px;



		width: 100%;



		background: #fff; /* #ffffff */



		overflow: auto;



		clear: both;



	}



	#foot {



		margin: 0;



		padding: 20px 10px 0 10px;



		width: 100%;



		background: #2a2a2a; /* almost black */



		overflow: auto;



		clear: both;



	}



	.grid, .grid-right { float: none; }







	/* Responsive Tables */



	thead, tbody, th, td, tr { display: block; }



	thead tr { display: none; }



	td, td[style] {



		position: relative;



		max-width: 100% !important; /* override inline style */



		width: auto !important; /* override inline style */



	}



	td, td p { text-align: left; }



	tr, tr[style] {



		position: relative;



		max-height: 100% !important; /* override inline style */



		height: auto !important; /* override inline style */



	}



}



@media screen and (min-width: 55em) { /* Tablet Large 880px */ }











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



Overall Features



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



body{



  background-color: transparent !important;



  font-family: 'Poppins', sans-serif;



	color: #005581;



}







h1,h2,h3,h4,h5,h6{



	background-color: transparent !important;



  font-family: 'Poppins', sans-serif;



	color: #005581 !important;



}







.container{



  background-color: transparent !important;



}







#wrapper{



  max-width: 100%;



}







#logo{



  padding-left: 25px;



}







#module {



  position: relative;



  width: 100%;



}







#module-lightgrey {



  background-color: #e1e8ed !important;



  opacity: 1;



}







.btn{



  border-radius: none !important;



}







a{



  text-decoration: none !important;



}







a:hover{



	color: #ffba00;



}







.widget-area li{



	margin-bottom: 5px;



	margin-left: -10px;



}







.widget-area li:before {



    content: "• ";



    color: #ffba00; /* or whatever color you prefer */



    font-size: 15px;/* or whatever the bullet size you prefer */



}







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



Spacers



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



.mt-25{



  margin-top: 25px !important;



}







.mb-40{



  margin-bottom: 40px !important;



}








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



Navigation




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



#pagemenu{



  padding-right: 25px;



  padding-top: 50px;



}








#section{



  position: relative;



  padding: 0;



  background-repeat: no-repeat;



  background-position: 50% 50%;



  background-size: cover;



  font-family: 'Poppins', sans-serif !important;



  background-color: transparent;



}







#section-lightgrey{



  background-color: #e7e6e6 !important;



}







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



Home Page Header



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



/* Hide the images by default */



.mySlides {



  display: none;



}







.mySlidesMobile {



  display: none;



}







#module-header {



    position: relative;



    width: 100%;



    border-bottom: 2px solid #005581;



    border-top: 2px solid #005581;



}







#module-header img{



	object-fit: cover;



  width: 100%;



  height: 75vh;



}







#module-header .btn {



    background-color: #ffffff;



    color: #005581;



    font-size: 16px;



    border: none;



    cursor: pointer;



    text-align: center;



    text-transform: uppercase;



    font-weight: 600;



    border-radius: 0 !important;



}







#module-header .btn1 {



  position: absolute;



  top: 10%;



  right: -13%;



  height: 20.1%;



  width: 25%;



  transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  -webkit-clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



  clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



}







#module-header .btn2 {



    position: absolute;



    top: 30%;



    right: -13%;



    height: 20.1%;



    width: 25%;



    transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    -webkit-clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



    clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



}







#module-header .btn3 {



    position: absolute;



    top: 50%;



    right: -13%;



    height: 20.1%;



    width: 25%;



    transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    -webkit-clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



    clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



}







#module-header .btn4 {



    position: absolute;



    top: 70%;



    right: -13%;



    height: 20.1%;



    width: 25%;



    transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    -webkit-clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



    clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



}







#module-header .btn5 {



    position: absolute;



    top: 90%;



    right: -13%;



    height: 20.1%;



    width: 25%;



    transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    -webkit-clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



    clip-path: polygon(100% 0%, 100% 49%, 100% 100%, 10% 100%, 0% 50%, 10% 0);



}







#module-header .btn-selection {
	background-color: rgba(255,255,255,0.8)!important;
	color: #005581!important;
		
    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    position: absolute;

    top: 50%;

    left: 35%;

    width: 60%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    border: none;

    cursor: pointer;

    text-align: center;
	padding: 35px 75px;

}

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

	#module-header .btn-selection {

		margin-top:-10%;

	}

}



#module-header .icon-btn {

    background-color: #ffffff;

    color: #005581;

    font-size: 16px;

    border: none;

    cursor: pointer;

    text-align: center;

    text-transform: uppercase;

    font-weight: 600;

    right: -10%;

    height: 20%;

    width: 10%;

    padding: 30px 10px;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    border-bottom: 2px solid #005581;

}







#module-header .icon-btn-1 {



    position: absolute;



    top: 10%;



}







#module-header .icon-btn-2 {



    position: absolute;



    top: 30%;



}







#module-header .icon-btn-3 {



    position: absolute;



    top: 50%;



}







#module-header .icon-btn-4 {



    position: absolute;



    top: 70%;



}







#module-header .icon-btn-5 {



    position: absolute;



    top: 90%;



}







#module-lightgrey {



    background-color: #e7e6e6;



}







.btn-click{



	width: 35%;



  padding: 15px;



  text-transform: uppercase;



  background-color: #ffc425;



  border: none;



  cursor: pointer;



  margin-top: 20px;



  font-weight: 600;



  color: #005581;



  letter-spacing: 1px;



  font-size: 1.3em;



  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



}







.btn-click:hover{



  background: #005581!important;



  color: #ffffff!important;



}







.secondary-btn{



  padding: 15px 40px;



  text-transform: uppercase;



  background-color: #ffc425;



  border: none;



  cursor: pointer;



  font-weight: 600;



  color: #005581;



  letter-spacing: 1px;



  font-size: .9em;



  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



}







.secondary-btn:hover{



  background-color: #005581;



  color: #fff;



}







.module-header-text{



  color: #ffffff;



  font-weight: 900;



  font-size: 3em;



  line-height: 120%;



  padding-right: 15px;



  padding-left: 15px;



  letter-spacing: 1px;



}







#module-header .btn {



    background-color: rgba(255,255,255,0.8)!important;



}







#module-header .btn:hover {



    background-color: rgba(0,85,129,0.8)!important;



    color: #ffffff!important;



}



.icon-internal > img,



.icon-internal > p{



  position: absolute;



  display: inline;



  transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



}







.icon-internal img{



  max-width: 60px;



  max-height: 60px;

b

}







@media screen and (max-width: 1240px) , screen and (max-height: 600px) {



  .module-header-text{



    color: #ffffff;



    font-weight: 900;



    font-size: 2em;



    line-height: 120%;



    padding-right: 15px;



    padding-left: 15px;



    letter-spacing: 1px;



  }







  .btn-click{



  	width: 80%;



    padding: 15px;



    text-transform: uppercase;



    background-color: #ffc425;



    border: none;



    cursor: pointer;



    margin-top: 20px;



    font-weight: 600;



    color: #005581;



    letter-spacing: 1px;



    font-size: 1.3em;



  }







  #module-header .icon-internal p{



    display: none;



  }







  #module-header .icon-internal img{



    margin-top: 30px;



  }







  #wprmenu_bar, #mg-wprm-wrap{



    padding-bottom: 90px !important;



  }







  #mg-wprm-wrap{



    margin-top: 57px;



  }







  #wprmenu_bar .bar_logo{



    height: 75px !important;



  }







  #wprmenu_bar div.hamburger{



    margin-top: 30px !important;



  }



}





@media screen and (max-width: 600px) {
	
	#module-header .btn-selection{
		padding: 15px;
		    clip-path: none;
	}
	
}

@media screen and (max-width: 400px) , screen and (max-height: 300px){



  #module-header .btn-selection {



      top: 40%;



  }



}







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



Member Login



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



.member-login{



	height:100vh;



	width:100%;



	margin:0 auto;



	text-align:center;



	background-repeat: no-repeat;



	background-size: cover;



}







.member-login-content{



	position: relative;



  top: 50%;



  left: 50%;



  /* bring your own prefixes */



  transform: translate(-50%, -50%);



}







.member-portal{



	background-color: #ffffff;



	padding: 25px;



	max-width: 50%;



	margin: 0 auto;



}







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



  .member-portal {



      max-width: 80%;



  }



}











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



Home Page Event Calendar



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



.important-date-title{



  color: #005581;



  font-weight: 900;



}







.event-line{



  border-bottom: 1px dotted #e6e7e7;



  max-width: 90%;



  margin-bottom: 5px;



}









.event-line-content{



  border-bottom: 3px solid #ffc425;



  max-width: 25%;



  margin-bottom: 5px;



  margin-top: 5px;



}







.event-title{



  font-weight: 900;



  font-size: 1.8em;



  margin-bottom: 10px;



  color: #005581;



  margin-left: -15px;



}







.line-event-title{



  border: .5px solid #005581;



  width: 50%;



  margin-top: 10px;



}







.event-content{



  background: linear-gradient(90deg, #f4f4f4 50%, #fff 50%);



  margin-bottom: 40px;



  border-bottom: 3px solid #f4f4f4;



}







.event-title:hover{



  color: #ffc425;



}







.event-title-inside{



  font-weight: 900;



  font-size: 3em;



  margin-bottom: 10px;



  color: #005581;



  line-height: 120%;



}







.event-content-detail{



  font-size: 1.2em;



  color: #414042;



  font-weight: 400;



}







.event-date{



  font-weight: 900;



  font-size: 4em;



  color: #005581;



  margin-top: -10px;



  padding-left: -25px;



}







.event-month{



  font-weight: 400;



  margin-left: -25px;



  margin-top: 18px;



  text-transform: uppercase;



  color: #005581;



  font-weight: 900;



  float: left;



  transform: rotate(90deg);



  font-size: .9em;



}







.event-content-time{



  color: #005581;



  font-weight: 900;



  text-transform: uppercase;



  font-size: .9em;



}







.event-content-title{



  font-size: 1.4em;



  color: #005581;



  line-height: 110%;



  margin-bottom: 40px;



  font-weight: 400;



}







.announcements-title{



  font-weight: 900;



  font-size: 1.8em;



  margin-bottom: 10px;



  color: #005581;



}







.announcements-content{



  margin-left: 25px;



  margin-bottom: 40px;



}







.announcements-content h1{



  color: #ffc425;



  font-weight: 600;



  font-size: 1.25em;



  letter-spacing: 1px;



  text-align: center;



}







.announcements-content h4{



  padding: 20px 0px;



  color: #005581;



  font-weight: 600;



  font-size: 1.25em;



  letter-spacing: 1px;



}







.announcements-content h4:hover{



  color: #ffc425;




}







.announcements-content p{



  margin-top: -15px;



  font-size: 1.4em;



  line-height: 130%;



  color: #005581;



}







.announcements-date{



  font-weight: 600;



  letter-spacing: 3px;



  font-size: .8em;



  color: #36c5f3;



  margin-bottom: 5px;



  text-transform: uppercase;



}







.announcements-header{



  font-weight: 600;



  letter-spacing: 3px;



  font-size: .8em;



  color: #36c5f3;



  margin-bottom: 5px;



  text-transform: uppercase;



}







.announcements-title{



  font-size: 1.4em;



  color: #005581;



}







.announcements-title:hover{



  color: #ffc425;



}







.announcements-content h4:hover{



  text-decoration: none;



}







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



  .event-date{



    font-weight: 900;



    font-size: 4em;



    color: #005581;



    border-right: none;



  }







  .event-month{



    font-weight: 400;



    margin-right: 5px;



    margin-top: -10px;



    text-transform: uppercase;



    color: #414042;



    float: left;



    transform: rotate(0deg);



  }







  .event-content{



    background: #fff;



  }







  .event-content-mobile{



    margin-left: 25px !important;



    margin-right: 25px !important;



  }







  .important-date-title{



    margin-left: 25px !important;



    margin-right: 25px !important;



    border-top: 3px solid #005581;



  }







  .event-title{



    font-weight: 900;



    font-size: 1.8em;



    margin-bottom: 10px;



    color: #005581;



    margin-left: 0px;



  }



}







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



  .main-menu ul{



    display: none;



  }







  .center{



    text-align: center



  }







  .center img{



    margin: 0 auto;



    text-align: center;



  }



	#photoarea-default{



		margin-top: 75px;



	}



	#photoarea{



		margin-top: 75px;



	}



}







.president-content{



  color: #005581;



  line-height: 120%;



  margin-top: -25px;



}







.president-content h1{



  font-weight: 900;



  font-size: 3em;



}







.president-content p{



  font-size: 1.8em;



  line-height: 120%;



  font-weight: 200;



}







.president{



  -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);



}







.read-more-btn{



  background-color: #ffffff;



  color: #005581;



  text-transform: uppercase;



  padding: 10px 15px;



  text-align: center;



  font-weight: 900;



  max-width: 200px;



  margin-top: 25px;



  -webkit-clip-path: polygon(0 6%, 100% 0, 100% 96%, 0% 100%);



clip-path: polygon(0 6%, 100% 0, 100% 96%, 0% 100%);



}







.read-more-btn-blue{



  background-color: #005581;



  color: #ffffff;



  text-transform: uppercase;



  padding: 10px 15px;



  text-align: center;



  font-weight: 900;



  max-width: 200px;



  margin-top: 25px;



  -webkit-clip-path: polygon(0 6%, 100% 0, 100% 96%, 0% 100%);



clip-path: polygon(0 6%, 100% 0, 100% 96%, 0% 100%);



}







.social-media-footer .fa{



  font-size: 2em;



  margin-left: -15px;



  margin-right: 10px;



  margin-top: 10px;



}







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



  .president-content{



    text-align: center;






    margin: 50px auto;



  }



}







.membership-icons-content{



  border-top: 2px solid #005581;



  padding-bottom: 25px;



  margin-bottom: 0px;



  margin-top: 0px;



}

.membership-icons-content .row{

	margin:0 auto!important;
	display: flex;
    flex-wrap: wrap;

}


.membership-icons-content .row.justify-content-center {
    justify-content: center!important;
}




.membership-icons{

	position: relative;

	text-align: center;

	margin: 0 auto;

	text-transform: uppercase;

	color: #005581;

	font-weight: 900;

}

.membership-icons a.membership-icons__item span{

	background: url("images/icons-sprite.png") no-repeat;

	background-position: -12.5px -12.5px;

	width:50px;

	height:50px;

	position: absolute;

	left:50%;

	margin-left: -25px;

}

.membership-icons a.membership-icons__item h4{

	margin-top:60px;

	font-size: 14px;

	font-weight: bold;

}

.membership-icons:hover a.membership-icons__item h4{

	color:#ffba00;

}

.membership-icons a.membership-icons__item.membership-icons__item--journal span{

	background-position: -258.5px -12.5px;

}

.membership-icons a.membership-icons__item.membership-icons__item--membership__join span{

	background-position: -173.5px -12.5px;

}

.membership-icons a.membership-icons__item.membership-icons__item--membership__conference--info span{

	background-position: -98.5px -12.5px;

}

.membership-icons a.membership-icons__item.membership-icons__item--proposal--submission span{

	background-position: -338.5px -12.5px;

}

.membership-icons:hover{

	margin-bottom: -20px;

	opacity: .75;

	color:#ffba00;

}

.membership-icons:hover a.membership-icons__item h4{

		color:#ffba00!important;

}

.membership-icons a{

  font-size: .8em;

}



.membership-icons a:hover{

  text-decoration: none;

}



.footer-nav{



  color: #005581;



  text-transform: uppercase;



  font-weight: 900;



}







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



  .footer-contact{



		margin-top: 25px !important;



	}



}







.footer-menu-list ul li{



  margin-bottom: 10px;



}







.footer-menu-list a{



  border: none;



  cursor: pointer;



  color: #005581;



  font-weight: 400;



  letter-spacing: 1px;



	margin-bottom: 10px;



}







.footer-menu-list li{

	color: #ffc425;

}

.widget-area li:before{



    content:"• ";



		color: #ffc425;



		font-size: 1.5em;



		padding-bottom: 10px;



}





.footer-menu-list li a{

	color:#005581;

	display: inline-flex;

    width: calc(100% - 30px);

}



.footer-menu-list a:hover{



  color: #ffc425;



  text-decoration: none;



}







.fa {



  padding-right: 10px;



  font-size: 5em;



  text-align: center;



  text-decoration: none;



  padding: 10px;



}







.fa-facebook {



  color: #e1e8ed;



}







.fa-google {



  color: #e1e8ed;



}







.fa-twitter {



  color: #e1e8ed;



}







.fa-linkedin {



  color: #e1e8ed;



}







.fa-instagram {



  color: #e1e8ed;



}







.fa:hover{



  color: #005581;



  text-decoration: none;



}







.container{



  webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;



    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;



  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;



}







#contact-form-text{



  font-family: 'Poppins', sans-serif !important;



  font-weight: 400;



  color: #005581;







}







.footer-bottom{



  background-color: #005581;



  color: #ffffff;



  padding: 15px;



  text-align: center;



  margin-top: 5px;




}







div.footer-secondary{



  background-color: #f4f4f4 !important;



  margin-top: 0;



  margin-bottom: 0;



  padding: 40px 0px;



}







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



  .no-mobile-display{



    display: none;



  }



}







@media only screen and (min-width: 768px) {



  .no-desktop-display{



    display: none;



  }



}







.btn-click-highlighted, .btn-click:hover{



  color: #ffffff !important;



}







.button-primary:hover{



	background-color: #005581 !important;



	color: #ffffff;



}




.btn-click.button-primary-header {
	text-align:center;
}


.button-primary-header:hover{



	background-color: #ffffff;



	color: #005581;



}







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



Membee CSS



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



span#ucProfile_ucNewMember_lblMembershipDetails .block{



	box-shadow: 0px 0px 0px #fff !important;



	background: none !important;



}







div.block-top{



	box-shadow: 0px 0px 0px #fff !important;



}







div.basicinformation_top{



	box-shadow: 0px 0px 0px #fff !important;



}







div#ucProfile_ucNewMember_lblFirstName{



	color: #005581 !important;



}



/*Table of Contents styles fixed*/

.widget-area li{

	background: none;

}

.widget-area li:before {



    content: "• ";



    color: #ffba00;



    font-size: 15px;



    position: absolute;



    left: 0px;



}



.widget-area li {



    position: relative;



}



#content-wide table th,



#content-wide table td{



	padding:25px;



}



.widget-area{



	margin-top:0;



}

.page__membership--register h1{

	margin-top:0;

}

/************** YOUR MEMBERSHIP IFRAME SETTINGS **************/

iframe{

	margin:0;

	border:0;

	width:100%!important;

}

/************* YOUR MEMBERSHIP LOGIN IFRAME SETTINGS **************/

iframe.iframe__event--login{

	margin:0;

	border:0;

	width:100%!important;

	height:800px!important;

}

/************* YOUR MEMBERSHIP REGISTRATION IFRAME SETTINGS **************/

iframe.iframe__event--register{

	margin:0;

	border:0;

	width:100%!important;

	height:4500px!important;

}

/************* YOUR MEMBERSHIP REGISTRATION IFRAME SETTINGS **************/

iframe.iframe__user--register{

	margin:0;

	border:0;

	width:100%!important;

	height:3800px!important;

}

.iframe--adjustment__user--agent--styles{

	margin: 0 8px!important;

}

iframe.iframe__user--profile{

	margin:0;

	border:0;

	width:100%!important;

	height:1664px!important;

}

.content--iframe {

    width: 100%;

    margin: 0px auto;

}



.embed--container {

    height: 0;

    width: 100%;

    padding-bottom:600%;

    overflow: hidden;

    position: relative;

}

			

.embed--container iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

/* mobile menu overwrite */

#wprmenu_bar.wprmenu_bar {

    padding: 0 16px!important;

    height: 100px!important;

}

.hamburger{

	line-height: 100px!important;

}

#wprmenu_bar .menu_title{

	font-size: 26px!important;

	font-weight: normal;

	float: left;

	margin-left: 12px;

	line-height: 100px!important;

}

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

	#photoarea-default {

		margin-top: -25px!important;

	}

}



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

	html #wpadminbar {

		top: -46px!important;

	}

}

/* Menu */

.navbar-brand > img{

    height: 50px;

    position: relative;

    top: -10px;

}

.navbar-brand{ height:auto!important; margin-bottom:0!important; }

.navbar-toggle{ margin-top:20px!important; }

.navbar-collapse.collapse {

		margin-top:80px!important;

	}

@media screen and (min-width: 1245px){

	.navbar.navbar-default{

		display: none;

	}

}



@media (max-width: 1245px) {

	.navbar-nav .open .dropdown-menu {

		position: static;

		float: none;

		width: auto;

		margin-top: 0;

		background-color: transparent;

		border: 0;

		-webkit-box-shadow: none;

		box-shadow: none;

	}



	.navbar-nav .open .dropdown-menu > li > a {

		line-height: 20px;

	}

	.navbar-nav .open .dropdown-menu > li > a,

	.navbar-nav .open .dropdown-menu .dropdown-header {

		padding: 5px 15px 5px 25px;

	}

	.dropdown-menu > li > a {

		display: block;

		padding: 3px 20px;

		clear: both;

		font-weight: normal;

		line-height: 1.42857143;

		color: #333;

		white-space: nowrap;

	}

    .navbar-header {

        float: left!important;

		width: 100%!important;

    }

    .navbar-toggle {

        display: block!important;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        /*margin: 7.5px -15px;*/

		margin: 7.5px 50px 7.5px -15px

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .navbar-text {

        float: none;

        margin: 15px 0;

    }

    /* since 3.1.0 */

    .navbar-collapse.collapse.in { 

        display: block!important;

    }

    .collapsing {

        overflow: hidden!important;

    }

}

@media (max-width: 1245px){

	#head{

		display:none;

	}

	.navbar-collapse.collapse {

		display: none!important;

	}

	.navbar-collapse.collapse.in {

		display: block!important;

	}

}

.dropdown-menu {

    position: relative!important;

    top: 0!important;

    left: 0!important;

    z-index: 1000;

    display: none;

    float: left!important;

    width: 100%!important;

    padding: 10px 0!important;

    margin: 0!important;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background: none!important;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 0!important;

    border-radius: 0!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

}

.nav li.menu-item-has-children > a:after {

	font-family: FontAwesome;

	margin-left:10px;

	color: #333;

	content: '\f0d7';

	font-display: swap;

}

.nav li.menu-item-has-children.open > a:after{

	font-family: FontAwesome;

	margin-left:10px;

	content: '\f0d8';

	font-display: swap;

}



#main .container ul {list-style: circle; }

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

	html {

		margin-top: 0 !important;

	}

}

html {

    margin-top: 0 !important;

}

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

	.navbar-collapse.collapse {

		display: none!important;

	}

}

.d-inline{

	display: inline;

}

.d-inline-block{

	display: inline-block;

}

.vertical-align-top{

	vertical-align: top;

}

.mb-3 {

	margin-bottom: 2em;

}

.social-media-footer{ display:flex;  }

.social-media-footer a{ display:inline; color:#005581; }

	
/* New Registration Panel */
.msRegistration {
	top: 0;
	right: 0;
	width: 80vw;
	bottom: 0;
	display: flex;
	z-index: 999999;
	overflow: hidden;
	position: fixed;
	transform: translate3d(100%,0,0);
	background: white;
	transition: transform 1s cubic-bezier( 0.16, 1.08, 0.38, 0.98 );
	flex-direction: column;
	border-left:0;
	box-shadow: -1px 2px 4px rgba(0, 0, 0, .75);
}

.msRegistration.open {
	transform: translate3d(0,0,0);
}



.msRegistrationContent{

	color: #38524F;

	height: 100%;

	/*margin: calc(7.1429vw - 0.071429 * 15px) calc(7.1429vw - 0.071429 * 15px);*/

	display: flex;

	/*max-height: calc(100% - 14.2857vw - 0.142857 * 15px);*/

	align-items: stretch;

	flex-direction: column;

}

.msRegistrationContent > div {

	flex: 1;


	display: flex;

	min-height: 0;

	flex-direction: column;

}

.msRegistrationContent iframe{

	height: calc(100vh - 52px);

	overflow: hidden;

}

.msRegistrationContent iframe body{

	overflow: hidden;

}

.registrationClose {

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	font-size: 16px;

	padding:25px;

	background: #ffc425;

	font-weight: 700;

	line-height: 1.2;

	margin-bottom: 0;

}

.registrationClose:hover{

	color:#fff!important;

	background: #005581 !important

}

button {

	border: none;

	cursor: pointer;

	margin: 0;

	outline: none;

	padding: 0;

	background: none;

	user-select: none;

	-webkit-appearance: none;

}

.msRegistrationContent h4 {

	flex: 1 1 auto;

	display: flex;

	align-items: center;

	margin-bottom: 0;

}

#registrationButton:hover{

	color:#fff!important;

	background: #005581 !important

}

.msContentShow{

	height: 50px;

	width:75px;

	top:50%;

	margin-top:-25px;

	right:0;

	position: fixed;

	z-index: 1;

	background: #ffc425;

	border:1px solid #ca9300;

	border-right: 0;

	border-bottom-left-radius: 25px;

	border-top-left-radius: 25px;

}

.msContentClose{

	left:0;

	border-bottom-left-radius: 0;

	border-top-left-radius: 0;

	border-bottom-right-radius: 25px;

	border-top-right-radius: 25px;

}

.msContentShow span{

	height:30px;

	width: 30px;

	background: #005580;

	position: relative;

	border-radius: 50%;

	float: left;

	margin: 10px;

}

.msContentClose span{

	float: right;

}

.msContentShow span svg{
	position: absolute;
	top:50%;
	margin-top:-15px;
	left:50%;
	margin-left:-15px;
	fill: white;
	height: 30px;
	width: 30px;
}

.iframeMenu{

	width: 100%;

    float: left;

    display: flex;

	border-bottom: 2px solid #ccc;

    z-index: 1;

}

.iframeMenuList{

	list-style: none;

	display: block;

	margin: 0 auto;

	padding: 0;

}

.iframeMenuList li{

	display: inline-block;

}

.iframeMenuList li a{
    text-transform: capitalize;
    font-family:"Poppins", san-serif;
	font-size: 18px ;
	display: block;

	height:48px;

	padding:15px;

	line-height: 100%;

	font-weight: 400;

	text-decoration: none;

}

.iframeMenuList li a:hover{

	background: #005580;

	color: #f5f5f5!important;

}
#module-header .btn.btn-click-highlighted {
	background: rgba(0,85,129,0.8)!important;
}

#module-header .btn:hover .icon-header-white,
#module-header .btn.btn-click-highlighted .icon-header-white{
	display:inline!important;
}

#module-header .btn:hover .icon-header-blue,
#module-header .btn.btn-click-highlighted .icon-header-blue{
  display: none!important;
}
.twitter-timeline.twitter-timeline-rendered{
	height:200px!important;
}
.twitter-timeline.twitter-timeline-rendered iframe{
	height:255px!important;
}
/* Legacy Give Form Changes */
.give-form-wrap {
	font-family: 'Poppins', Poppins!important;
}
[id*=give-form] fieldset,
.give-donation-level-button-wrap{
	margin-bottom:30px!important;
}
.give-donation-amount.form-row-wide{
	width:100%;
	align-items: center;
    background-color: #fff;
    border: 0.125rem solid #424242;
    border-radius: 0.5rem!important;
    display: flex;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
	font-family: 'Poppins', Poppins!important;
	border:0!important;
	background:none;
    color: #555;
    display: block;
    font-size: 1.375rem;
    font-weight: 500;
    padding: clamp(1.375rem,0.9335641026rem + 1.3794871795vw,1.644rem);
	height:auto;
	line-height:auto;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol{
	height:60px!important;
	line-height:60px!important;
	background:none!important;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text{
	line-height: 100%;
    height: 100%;
	border: 0!important;
    color: #333;
    font-family: 'Poppins', Poppins;
    font-size: clamp(2.625rem,1.8044871795rem + 2.5641025641vw,3.125rem);
    font-weight: 600;
    inline-size: 100%;
    outline: 0;
    padding-block: 0.275em;
    padding-inline: 0.45em;
    text-align: right;
	border-radius: 0.5rem!important;
	font-size:44px!important;
}

form[id*=give-form] input[type="number"]{
	border-radius: 0.25rem;
	border: 0.125rem solid #16225b!important;
    color: #333;
    font-family: 'Poppins', Poppins;
	padding: 0.5rem;
}

.give-donation-levels-wrap.give-list-inline {
	display: grid;
    gap: clamp(0.3125rem,-2.2516025641rem + 8.0128205128vw,1.875rem);
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fill,minmax(clamp(6.625rem,0.4711538462rem + 19.2307692308vw,10.375rem),1fr));
    inline-size: 100%;
    list-style: none;
}
.give-donation-levels-wrap.give-list-inline:before{
	display:none!important;
}
#give-donation-level-button-wrap>li{
	margin:0!important;
	float:none!important;
}
.give-donation-levels-wrap.give-list-inline .give-donation-level-btn{
	text-wrap:wrap;
	overflow-wrap: break-word;
	align-items: center;
    background-color: #16225b!important;
    border: 0.125rem solid #16225b!important;
    border-radius: 0.5rem;
    color: #fff!important;
    display: block;
    font-family: inherit;
    font-size: clamp(0.75rem,.25rem + 2.5vw, 1.5rem)!important;
    font-weight: 600;
    justify-content: center;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    transition-duration: .2s;
    transition-property: background-color,color;
    transition-timing-function: ease-in;
	word-wrap: normal;
    border-radius: 0.25rem!important;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,.2);
    line-height: 1.2;
    padding: 1.25rem 0.5rem;
    text-align: center;
    text-shadow: 0 0.0225rem 0 #000;
    white-space: normal;
	width:100%;
	height:100%;
	
}
/*
.give-donation-levels-wrap.give-list-inline .give-donation-level-btn::first-letter{
    font-size: .41em;
    transform: translateY(0.4em);
}
*/
.give-donation-levels-wrap.give-list-inline .give-donation-level-btn.give-btn.give-btn-level-custom{
	font-size:1.5rem!important;
}
.give-donation-levels-wrap.give-list-inline .give-donation-level-btn.give-btn-level-custom::first-letter{
    font-size: 1em;
}
.give-donation-levels-wrap.give-list-inline .give-donation-level-btn.give-default-level{
	background-color: #fff!important;
    color: #16225b!important;
}
.form-row input[type=checkbox] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    aspect-ratio: 1;
    background-color: #fff;
    block-size: 1rem;
    border: 0.0625rem solid #b4b9be;
    box-shadow: inset 0 0.0625rem 0.125rem rgba(0,0,0,.25);
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
}

.give-fee-message-label{
	background-color: #fff;
    border: 0.1875rem solid transparent;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.88em rgba(0,0,0,.1);
    color: #333;
    font-size: clamp(1rem,.7948717949rem + .641025641vw,1.125rem);
    line-height: 1.2;
    padding: 0.8125rem;
    transition: border-color .2s ease-in-out;
	color: #333;
    font-size: clamp(1rem,.7948717949rem + .641025641vw,1.125rem);
    line-height: 1.2;
}
.give-label {
    align-items: baseline;
    display: flex;
    padding-block: 10px;
    padding-inline: 0;
	color:#444;
}
form[id*=give-form] .form-row-first,
form[id*=give-form] .form-row-last{
	width:100%;
	margin:0;
}
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=tel]{
	background-color: #fff;
    border: 0.078rem solid #666;
    border-radius: 0.25rem!important;
    box-shadow: inset 0 0.08em 0.4em rgba(0,0,0,.15);
    color: #828382;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    inline-size: 100%;
    line-height: 1.2;
    padding: 1.1875rem;
}
input#give-last {
    border-radius: 0.25rem!important;
}

form[id*=give-form] legend {
    -webkit-padding-after: 0.75rem;
    -webkit-margin-after: 1rem;
    -webkit-border-after: 0.0625rem solid #ddd;
    border-block-end: 0.0625rem solid #ddd;
    color: #333;
    font-size: clamp(1.25rem,.8397435897rem + 1.2820512821vw,1.5rem);
    font-weight: 500;
    line-height: 1.3;
    margin-block-end: 1rem;
    padding-block-end: 0.75rem;
    width: 100%;
	font-family: 'Poppins', Poppins!important;
}
form[id*=give-form] #give-gateway-radio-list>li input[type=radio]{
	outline:unset!important;
	width:16px!important;
	display: inherit!important;
}
#give-final-total-wrap{
	font-size:auto;
}
.give-donation-total-label{
	padding:0!important;
}
#give-final-total-wrap .give-donation-total-label,
#give-final-total-wrap .give-final-total-amount{
	font-family: 'Poppins', Poppins!important;
    border: 0!important;
    background: none;
    color: #555;
    display: block;
    font-size: 1.75rem!important;
    font-weight: 500;
    padding: clamp(1.375rem,0.9335641026rem + 1.3794871795vw,1.644rem);
    height: auto;
	background:none!important;
	border:0!important
}

.give-submit-button-wrap input[type=submit],
.givewp-donation-form button[type=submit]{
	width:100%!important;
	position:relative!important;
	top:0!important;
	left:0!important;
	align-items: center;
    background-color: #ffc425!important;
    border: 0.125rem solid #ffc425!important;
    border-radius: 0.5rem!important;
    color: #005581;
    display: flex;
    font-family: inherit;
	height:60px!important;
    font-size: 1.5em!important;
    font-weight: 600;
    justify-content: center;
    line-height: 1.2;
    padding: 1rem;
    text-align: center;
    transition-duration: .2s;
    transition-property: background-color,color;
    transition-timing-function: ease-in;
}
/*
input[type=radio]:checked:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: #16225b!important;
}
*/

@media (max-width: 768px){
	[id*=give-form] div#give-sidebar-left, [id*=give-form] div.images, [id*=give-form] div.summary {
			float: none;
			width: 100%;
			padding: 30px;
	}
	.footer-form input[type="email"]{
		width:100%;
	}
	.ctct-form-field-submit input[type=submit]{
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
}
#give_purchase_form_wrap input[type="email"], #give_purchase_form_wrap input[type="text"]{
	height: 40px;
	cursor: auto;
	font-size: 1em;
}
#give_purchase_form_wrap input[type="checkbox"]{
	float: left;
    margin: 3px;
    display: inline-block;
    width: auto;
}
form[id*=give-form] #give-gateway-radio-list>li label.give-gateway-option,
#give_purchase_form_wrap label{
	font-weight:600!important;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount{
	font-size:2em!important;
}
form[id*=give-form] .ffm-field-container{
	padding:0!important;
}
.menu-item-object-give_forms a{
	background:#4ea71d;
	color: #fff!important;	
}
.menu-item-object-give_forms a:hover{
	background:#3f980e!important;
	color: #fff;	
}
.footer-menu-list li.menu-item-object-give_forms::marker{
	color:#f4f4f4 !important;
}
.footer-menu-list li.menu-item-object-give_forms a{
	font-size:18px;
	display:block;
	text-align:center;
	padding: 10px 8px;
}
/* Temp logo change */
#logo a.logolink, #logo a.logolink:hover {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    margin-top: -70px;
    width: 194px;
    height: 141px;
    text-decoration: none;
    background: transparent url(//spsa.net/wp-content/themes/spsa-child-theme/images/100year_SPSA_Secondary.png) no-repeat top left;
    background-image: url(//spsa.net/wp-content/themes/spsa-child-theme/images/color_100year-spsa-primary.svg), none;
    background-size: contain;
    display: block;
    font-size: 0 !important;
}
.navbar-brand>img {
	height: 100px !important;
    position: relative;
    top: 5px!important;
}
.navbar-toggle {
    margin-top: 50px !important;
}
.givewp-fields-amount__input-container{
	border:0!important;
}