/*

Theme Name: Technical Assurance

Theme URI: n/a

Author: TWIST Creative

Author URI: http://twistcreative.com/

Description: Custom theme for Technical Assurance

Version: 1.0

License: Copyright 2015 TWIST Creative Inc.

License URI: n/a

Tags: 

Text Domain: technical assurance



Technical Assurance WordPress Theme © 2015 TWIST Creative Inc.

Some base functions code is based on the Blankslate theme under the terms of the GNU GPL

*/



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{font-size:100%;font:inherit;padding:0;border:0;margin:0;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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}




#emma-form input[type="submit"], #emma-form a#emma-form-submit {width:auto}

/*new roof program css */
.onpoint .row.roofp .onpoint-description h1 {margin-bottom: 15px;color: #fff;padding-left: 27px;font-size: 22px;}

.onpoint .row.roofp .onpoint-description h2 {font-size: 20px;margin-bottom: 15px;color: #fff;padding-left: 27px;}

.onpoint .row.roofp .onpoint-description {background-color: #36477d;padding-top: 30px;padding-bottom: 60px;}

.onpoint .row.roofp .onpoint-description p {font-size:14px;}

.onpoint .row.roofp .onpoint-description:before {border-right: 0.5em solid #36477d;}

.onpoint .row.roofp .onpoint-description:after {background: #36477d;}

.onpoint .row.roofp .onpoint-description p a.tiny-text-learn-more {top:15px;
  font-size:10px;
  /* font-size:10px; */
}

.onpoint .row.roofp .col img {max-width: 100%; margin-top:50%;}


.home .flexslider .content-parent {min-height: 340px;}



.onpoint .onpoint-description p {padding-left: 27px;}

a.youtube-button, a.youtube-button:hover {font-size:15px;padding:5px 15px; background:#26438c; color:#fff; text-align:center; border-radius:5px;float:center;text-decoration:none;font-weight:bold; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a.youtube-button {font-size:15px !important;}
}

/* CORRECTING KNOWLEDGE ARTICLES */

.page-id-25 .span4of12 {min-height: 450px;}
.category .span4of12 {min-height: 450px;}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
nav.custom-pagination { width: 100%; float: left; font-size: 12px;}
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #d29943;
}
.custom-pagination a:hover {
  background-color: #26438c;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color:#26438c;
  color: #fff;
}
/*====================================================
 Post Filter
====================================================*/ 
#wrap-pr #filters ul li {
    display: inline;
    list-style: none !important;
    margin: 5px;
    line-height: 52px;
    padding: 8px;
    text-transform: uppercase;
    border: 1px solid #d29943;
    font-size: 12px;
    cursor: pointer;
    color: #d29943;
    font-weight: normal;
}


/** SMG Gravity forms CSS **/
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
	color: #000;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea{
	border: 1px solid #d1d3d4;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
    padding: 1em !important;
    font-size: 16px !important;
    appearance: none;
}
    
.form-cta{
    margin-top: 50px;
    margin-bottom: 30px;
}
.form-cta .gform_wrapper li.gfield label{
    font-size: 16px;
    line-height: 1;
}
.form-cta .gform_wrapper li.gfield{
	line-height: 1;
	margin-top:10px;
	margin-bottom: 15px;
}

.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-title, .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-date{
  padding-left: 0;
  padding-right:0;
}

.hero-section{
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  clear:both;
  float: left;
  width: calc(100% - 30px);
  padding: 15px 30px;
}
.hero-section:before{
  content:'';
  background-color: rgba(0,0,0, 0.5);
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero-section .row{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-content .hero-section ul li {
	color: #fff;
}
.hero-section .title-copy, .hero-section .hero-form {
  flex: 1;
  padding: 20px
}
.hero-section .row .sub-title {
  color: #fff;
  font-size: 20px;
}
.hero-section .gform_wrapper .top_label .gfield_label, .hero-section .gform_wrapper legend.gfield_label, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section h5, .hero-section h6{
  color: #fff;
}
.wrapper-small .hero-section h2, .wrapper-small .hero-section h3, .wrapper-small .hero-section h4, .wrapper-small .hero-section h5, .wrapper-small .hero-section h6 {
  border-bottom-color: #fff;
}

@media screen and (max-width: 900px) {
	.hero-section{
		width: calc(100% - 60px);
	}
}
@media screen and (max-width: 767px) {
	.hero-section .row{
		flex-wrap: wrap;
		flex-direction: column;
	}	
}

.flexslider .flex-control-thumbs li {
	width: 14.25% !important;
}
.third-colored-section-home{
	position:relative;
	
}
.third-colored-section-home .span2of12 img{

}
@media screen and (max-width: 767px) {
	.flexslider .flex-control-thumbs li {
		width: 25% !important;
	}
	.onpoint .row.roofp .col img{
		margin-top:0;
	}
}

.gform_wrapper .gfield_radio li input[type=radio]{
	width: auto;
}

.home .onpoint .row{
	display: flex;
}
.home .onpoint .row .span2of12{
	position: relative;
}
.home .onpoint .row .span2of12 img {
	margin-top: 0 !important;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 90%;
}

.home .onpoint .row .onpoint-description h2 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
    padding-left: 27px;
}

.home .onpoint .row .onpoint-description{
	padding-top: 30px;
    padding-bottom: 60px;
}

@media screen and (max-width: 899px) {
	.home .onpoint .row{
		flex-direction: column;
	}
	.home .onpoint .row{
		margin-bottom: 30px;
	}
	.home .onpoint .row .span2of12{
		text-align: center;
	}
	.home .onpoint .row .span2of12 img{
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		max-width: 100%;
	}
	
}

#gform_fields_10 .ginput_container input{
	
	float: left !important;
    font-size: 9px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    font-weight: 200;
    text-decoration: none;
    padding: 1.6em;
}

.gform_footer {
	padding:0 !important;
	margin-top: 10px !important;
}

#gform_submit_button_10{
	border: 0px solid #555;
    color: white;
    background-color: #26438c !important;
    font-size: 9px !important;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    font-weight: 200;
    text-decoration: none;
    margin-top: 5px !important;
	padding: 1.6em !important;
}

.footer-signup{
	margin-top: -20px;
}

/*.single-aside .main p a{	
  display: inline-block;
  max-width: 100%; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}*/