/*
Theme Name: Wahsa
Version: 1.0
Author: WorkIsPlay
*/

/* =Reset
-------------------------------------------------------------- */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.assistive-text {display: none;}

a {color: #142b71;}
a:hover {color: #0099cd; text-decoration: underline;}

body {margin: 0; padding: 0; background: #e9e9e9; font-family: 'OpenSansRegular', arial, sans-serif;}

body.home {background: #1f3982;}


#page {width: 100%; min-width: 900px; border-top: 5px solid #142b71; margin: 0 auto; position: relative;}

.featured-img {width: 100%; height: 400px; min-width: 900px; position: absolute; top: 0; left: 0; z-index: 0;}
.featured-img > div {height: 122px; width: 100%; position: absolute; bottom: 0; left: 0; background: url('images/Headers/header-mask.png') no-repeat 50% 50%;}

.home .featured-img {height: 500px;}
.home .featured-img > div {height: 140px; background: url('images/home/header-blue-angle.png') no-repeat 50% 50%;}

#main,
#masthead,
#lead-title,
.site-info,
.bx-slider {position: relative; z-index: 1; width: 1024px; max-width: 1024px; margin: 0 auto;}

#masthead {height: 165px;}

#lead-title {text-transform: uppercase; }
#lead-title h1 {font-family: 'OpenSansBold'; color: #142b71; font-size: 64px; width: 600px;}

#logo {position: absolute; top: 0; right: 0;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {}
#logo h1 a img {}

#site-navigation {width: 70%; padding-top: 30px;}
#site-navigation h3 {display: none;}
#site-navigation ul {margin: 0;font-family: 'OpenSansBold';}
#site-navigation ul ul {display: none;}
#site-navigation ul li { float: left; width: 30%;  margin: 0 10px 10px 0;}
#site-navigation ul li a {display: block; background: rgba(255,255,255,0.7); padding: 5px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#site-navigation ul li a:hover,
#site-navigation ul li.current_page_item a {background: #fff;}

#primary {padding-top: 250px; float: left; width: 700px;}
#secondary {margin-top: 152px; float: right; width: 205px; background: #192e6a; position: relative;}
#secondary aside {color: #fff; padding: 0 10px 10px 10px; margin: 0; text-transform: uppercase;}
#secondary aside li {background: url('images/sub-nav-arrow.png') no-repeat 0 12px; border-top: 1px dashed #97d7ff; padding: 10px 0 0 0; margin: 10px 0; display: block; float: none;}
#secondary aside li:hover {background: url('images/sub-nav-arrow-on.png') no-repeat 0 12px;}
#secondary aside li a {font-weight: 700; display:block; margin: 0 0 0 15px; text-decoration: none; color: #fff;}
#secondary aside li a:hover,
#secondary aside li.current_page_item a { color: #97d7ff;  }
 

.subhead {width: 205px; height: 30px; background: url('images/sub-nav-top-angle.png') no-repeat; position: absolute; left: 0; top: -30px;}
.subfoot {width: 205px; height: 30px; background: url('images/sub-nav-bottom-angle.png') no-repeat; position: absolute; left: 0; bottom: -30px;}

.home .subhead {width: 100%; height: 120px; background: url('images/home/download-background.png') no-repeat; position: absolute; left: 0; top: -120px;}
.home .subfoot {display: none;}


#footer {color: #fff; clear:both; height: 150px; background: #1f3982; position: relative; border-bottom: 1px solid #081230; width: 100%;}
#footer a {color: #fff; text-decoration: none;}

#footer .foothead {background: url('images/footer-top.png') repeat-x 50% 0; width: 100%; height: 70px;}
#footer .footer-left {float: left; width: 45%; margin-left: 20px;}
#footer .footer-left p {padding: 0 0 15px 35px; font-size: 18px;}
#footer .footer-left .tel {background: url('images/footer-call.png') no-repeat;}
#footer .footer-left .email {background: url('images/footer-email.png') no-repeat;}
#footer .footer-right {margin-right: 20px; float: right; width: 45%; text-align: right;}
#footer .footer-right p {line-height: 1.4em;}
#footer .footer-right strong {color: #0cade2; font-size: 110%;}

.extrafooter {background: #182f68; width: 100%; font-family: 'OpenSansBold'; font-weight: 400;}
.extrafooter > div {width: 1024px; margin: 0 auto; padding: 40px 0; position: relative;}
.extrafooter a {color: #fff; text-decoration: none;}
.footer-1 {}
.footer-social {float: right; display: none;}
.footer-social a {}

.extrafooter .menu {float: left; margin-right: 55px;}
.extrafooter .menu li {padding: 5px 0; font-size: 16px;}
.extrafooter .menu > li > a {color: #0b91c6; border-bottom: 1px solid #0b1946; display: block; padding: 0 0 5px 0; margin-bottom: 5px;}
.extrafooter .sub-menu li {padding: 3px 0;}
.extrafooter .sub-menu a {color: #fff; font-size: 13px; }
.extrafooter .sub-menu a:before {content: "> "; color: #0b91c6; }
.extrafooter .sub-menu a:hover:before {content: "> "; color: #fff; }

.extrafooter #menu-downloads .sub-menu,
.extrafooter #menu-members .sub-menu,
.extrafooter #menu-members-1 .sub-menu {

	-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

}

#main {}
#main p, #main li {padding: 5px 0; line-height: 1.3em; color: #1b4272;}
#main h1 {font-size: 26px; font-weight: 400; text-transform: uppercase; color: #1b4272; margin-bottom: 10px;}
.home #primary {padding-top: 150px; color: #fff; width: 600px;}
.home #secondary {margin-top: 146px; float: right; width: 357px; background: #192e6a; position: relative;}
.home #secondary h3 {color: #0cade2; font-family: 'OpenSansBold'; font-weight: 400; font-size: 24px; margin-bottom: 15px; padding-left: 20px;}

.home #primary h2 {text-transform: uppercase; font-size: 32px; font-family: 'OpenSansBold'; font-weight: 400; margin-bottom: 30px;}
.home #primary strong {color: #0cade2; text-transform: uppercase; display: block; font-size: 16px;}
.home #primary p {color: #fff; margin: 20px 0; font-size: 16px;}
.home #primary .findoutmore {background: #0cade3 url('images/home/button-arrow.png') no-repeat 8px 8px; display: inline-block; box-shadow: 0 5px 10px rgba(0,0,0,0.5); border-radius: 3px; padding: 10px 10px 10px 25px; color: #fff; font-family: 'OpenSansBold'; font-weight: 400; text-decoration: none;}


.home-divide {background: url('images/home/home-members-background-top.png') no-repeat 50% 50%; width: 100%; height: 101px; }

#logos {background: #e9e9e9; width: 100%; text-align: center; height: 220px;}
#logos h2 {text-transform: uppercase; color: #666; font-size: 24px; font-family: 'OpenSansBold';}
#logos > div {max-width: 1024px; width: 80%; margin: 0 auto;}
#logos > a {display: block;margin-top: 90px;}


.contact-content {}
.contact-content p {padding: 5px 0; color: #39C;}
.contact-content p strong {text-transform: uppercase;}
.contact-content div strong {color: #39C;}
.contact-content .address strong {text-transform: uppercase; font-size: 16px; display: block; margin: 30px 0 0 0; padding: 0; position: relative; top: 5px;}
.contact-content .address {margin: 5px 0; padding: 0 0 10px 35px; background: url('images/contact/contact-address-icon.png') no-repeat;}
.contact-content .tel {margin: 5px 0; padding: 3px 0 10px 35px; background: url('images/contact/contact-phone-icon.png') no-repeat 0 0px}
.contact-content .email {margin: 5px 0; padding: 0 0 10px 35px; background: url('images/contact/contact-email-icon.png') no-repeat;}


.page-id-14 #main {height: 770px;}

.contactform {position: absolute; top: 205px; right: 0; float: right; width: 429px; height: 471px; background: url('images/contact/contact-form-background.png') no-repeat;}
.contactformheader {height: 50px;}
.contactformfooter {}
.contactform > div {padding: 0 20px;}
.contactform p {clear:both; padding-top: 20px;}
.contactform p span {float: left; width: 100px; font-weight: bold; text-transform: uppercase; font-size: 14px;}
.contactform p input,
.contactform p textarea {font-size: 14px; border: none; background: #bae0ed; font-family: inherit; padding: 4px; width: 280px;}
.contactform [type=submit] {background: #142b71; color: #0cade2; text-transform: uppercase; width: auto;}
.contactform h2 {text-transform: uppercase; color: #142b71; padding: 0 0 10px 0;}



.entry-content h1 {font-weight: bold;}
.entry-content p, .entry-content li {font-size: 13px;}

.entry-content li {list-style: disc; margin-left: 15px;}
.entry-content hr {padding: 0; width: 100%; margin: 20px 0; background: none; color: transparent; border: none; border-top: 1px dashed #0399ce; }

.entry-title, .entry-title a {text-decoration: none; font-size: 18px; font-family: 'OpenSansBold'; }
.entry-summary {font-size: 12px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #0399ce;}


.wpcf7-not-valid {background: #ffdada !important;}

.wpcf7-response-output {text-align: center !important; background: #fff; padding: 5px 0; position: absolute; top: 180px; right: 0; width: 370px;}


.wpcf7-not-valid-tip {width: 270px !important; font-size: 12px!important; top: 20px !important;}


.ask-member {position: relative;}
.ask-member p {clear:both; padding-top: 20px;}
.ask-member p span {float: left; width: 100px; font-weight: bold; text-transform: uppercase; font-size: 14px;}
.ask-member p input,
.ask-member p textarea {font-size: 14px; border: none; background: #bae0ed; font-family: inherit; padding: 4px; width: 280px;}
.ask-member [type=submit] {background: #142b71; color: #0cade2; text-transform: uppercase; width: auto;}
.ask-member h2 {text-transform: uppercase; color: #142b71; padding: 0 0 10px 0;}

.ask-member .wpcf7-response-output {text-align: center !important; background: #fff; padding: 5px 0; position: relative; top: -20px; left: 0; width: 370px;}



.memberoverview {clear:both; border-top: 1px dashed #0399ce;}
.memberoverview h3 {color: #0399ce; text-transform: uppercase; font-family: 'OpenSansBold'; margin-bottom: 10px}
.memberoverview p {font-size: 13px;}
.memberoverview a {color: #0399ce; text-decoration: none; text-transform: uppercase; font-weight: bold;}

.memberlogo {float: left; width: 195px; padding: 20px 0;}
.membertext {float: right; width: 490px; padding: 20px 0;}


.textwidget {padding: 0 20px;}
.textwidget p {margin: 3px 0; padding: 0;}
.ddownload-button {display: block; text-decoration: none; font-family: 'OpenSansBold'; font-size: 15px; color: #fff; padding-left: 35px; background: url('images/home/download-pdf-icon.png') no-repeat 0 5px; }
.ddownload-button:hover {color: #0cade2;}

.advanced_recent_posts_widget {border-top: 25px solid #1f3982; padding: 10px 20px !important; background: #1f3982 url('images/home/latest-news-background.png') no-repeat;}
.advanced_recent_posts_widget h3.widget-title {margin: 20px 0 40px 0 !important; position: relative; left: -20px;}

.recent-post-item {text-transform: none; font-size: 14px !important; border: none !important;padding: 0 !important; background: none !important;}
.recent-post-item a {font-size: 14px !important;color: #0cade2 !important; margin: 0 !important; background: none !important;}
.recent-post-item p {color: #fff !important; padding: 5px 0 !important;}


.lightblue {color: #0099cd;}
.bold {font-family: 'OpenSansBold'; font-weight: 400;}
.uppercase {text-transform: uppercase;}
.memberintro, .introcopy {text-transform: uppercase; color: #0099cd; font-family: 'OpenSansBold'; font-weight: 400; font-size: 14px;}
.alignright {float: right; margin: 0 0 30px 30px;}

blockquote,
blockquote p {font-family: 'OpenSansBold' !important; font-weight: 400 !important; font-size: 14px !important;}
blockquote:before {color: #0099cd; content: '“'; font-size: 108px; float: left; padding-right: 10px; font-family: arial, "Times New Roman", serif;}

.tc-item {border-top: 1px dashed #0399ce; padding-top: 15px; margin-top: 10px;}
.tc-link {float: left; width: 90px;}
.tc-link a {}
.tc-link a img {width: 80px;}
.tc-content {float: left; width: 600px;}
.tc-content h2 {color: #0099cd; text-transform: uppercase;font-family: 'OpenSansBold'; font-weight: 400;}
.tc-content p {}
.tc-content a {color: #0099cd; font-weight: bold;text-decoration: none;
margin-top: 10px;
display: inline-block;}

.askamemberhp {
    display: block;
    width: 451px;
    height: 220px;
    overflow: hidden;
    margin-top: 39px;
}

.ask-member {float: left; width: 54%}

.ask-text {
  float: right;
  width: 45%;
}

.ask-text p {  
	font-size: 16px;
  font-family: 'OpenSansBold' !important; 
	  font-weight: 400 !important;
}

@media screen and (max-width: 1100px) {
	#page {padding: 0 0px;}
	#logo {right: 20px;}
}


.acc-buttons {
	margin: 10px 0; 
	padding: 0;
  	list-style: none;
}


.acc-buttons li {
	display: inline-block;
	width: 31.8%;
	margin: 0 1% 0 0;
	text-decoration: none;
	list-style: none;
}

.acc-buttons a {
	display: block;
	text-decoration: none;
	background: #fff;
	font-weight: bold;
	text-transform: uppercase;
	color: #1b4272;
	text-align: center;
	padding: 10px;
}


ul.accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.accordion .inner {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  display: none;
}
ul.accordion .inner.show {
  /*display: block;*/
}
ul.accordion li {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}
ul.accordion li a.toggle {
  width: 100%;
  display: block;
  border-top: 1px dashed #0399ce;  
  padding: 15px 0 0 0;
  text-decoration: none;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #1b4272;
margin-bottom: 10px;
position: relative;
}

.toggle i {
	position: absolute;
	top: 14px;
	display: block;
	right: 0px;
	width: 32px;
height: 15px;
	background: url('images/Shevron-up.svg') no-repeat;
}

.toggle.active i {
	 transform: rotate(180deg);
}

ul.accordion li a.toggle:hover {
}

ul.accordion li .tc-item:first-child {
	margin-top: 0;
}


.hp-tech-guides {
width: 100%;
max-width: 1024px;
margin: 0 auto 20px auto;
}

.hp-techguide {
	display: inline-block;
width: 28%;
margin: 0 2% 0 0;
background: #fff;
border-left: 6px solid #14205c;
padding: 0 10px;
}

.hp-techguide a {
	text-decoration: none;
font-size: 26px;
padding: 10px 5px;
display: block;
font-weight: bold;
line-height: 1.1em;
}

.hp-techguide img {
	float: right;
}

.hp-techguide span {
	font-size: 16px;
	color: #1aa5e6;
	display: block;
	padding-top: 10px;
}

.hp-techguide.pgn {

}

.hp-techguide.tgn {
	
	border-left: 6px solid #1aa5e6;
}

.hp-techguide.rgn {
	
	border-left: 6px solid #cfd2c7;
}



.social-links {
	clear: both;
	padding-top: 10px; }
	@media screen and (min-width: 730px) {
	  .social-links {
		position: absolute;
		right: 30px;
		bottom: 20px;
		padding-top: 0; } }
	.social-links ul {
	  margin: 0;
	  padding: 0;
	  list-style: none; }
	.social-links li {
	  margin-left: 5px;
	  display: inline-block; }
	.social-links a {
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  transition: all 0.5s; }
	  .social-links a:hover {
		opacity: 0.8; }
	  .social-links a.social-li {
		background: url(images/icon-linkedin.png) no-repeat; }
	  .social-links a.social-fb {
		background: url(images/icon-facebook.png) no-repeat; }
	  .social-links a.social-tw {
		background: url(images/icon-twitter.png) no-repeat; }