/*======================================================
Screen Style Sheet
Hennig, Inc. Updated to Content Block
------------------------------------------------------
Author(s):Melody
Created:03/08/2018
======================================================*/

.home #wrap {
    margin-top:375px;
}
#home-banner .banner-caption {
    line-height:1.4;
    height:100%;
    padding-top:170px;
}
#home-banner .banner-caption p {
    margin-top:40px;
    padding:0 80px;
    font-size:18px;
}

/************* Content Block Styling *********/
.narrow{
	width:800px;
}

.constraint-container{
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
    width:100%;
    clear:both;
    position:relative;
}
.constraint-container .constrain {
	position:relative;
	z-index:1;
}
.constraint-container .content-block {
    padding-top:40px;
    padding-bottom:40px;
    position:relative;
    z-index:1;
}
.constraint-container.gray-overlay-bg{
	background-color:rgba(26,38,51,0.7);
}
.constraint-container.gray-bg{
    background-color:#dddddd;
}
.constraint-container.dark-blue-bg{
    background-color:#d8d8d8;
}
.gray-overlay-bg .heading,
.gray-overlay-bg p,
.dark-blue-bg .heading,
.dark-blue-bg p{
	color:#fff;
}
.content-block .constrain .w30,
.content-block .constrain .w33,
.content-block .constrain .w40,
.content-block .constrain .w50,
.content-block.constrain .w50,
.content-block .constrain .w60,
.content-block .constrain .w70{
	padding:0;
}
.content-block .constrain .w30 + .w70,
.content-block .constrain .w33 + .w33,
.content-block .constrain .w40 + .w60,
.content-block .constrain .w50 + .w50,
.content-block.constrain .w50 + .w50,
.content-block .constrain .w60 + .w40,
.content-block .constrain .w70 + .w30{
	padding-left:30px;
}
.nested .content-block{
	padding:0;
}
.nested .constrain{
	width:100%;
	padding-left:0;
}
.nopadding .content-block {
	padding:0;
}
.extrapadding .content-block {
	padding:60px 20px;
}
.extraheight{
	height:550px;
}
.block.no-bg + .block.no-bg .content-block,
.block.no-bg + .block.no-bg .w30,
.block.no-bg + .block.no-bg .w40,
.block.no-bg + .block.no-bg .w50,
.block.no-bg + .block.no-bg .w60,
.block.no-bg + .block.no-bg .w70{
	padding-top:0 !important;
}
.content-block.two-cols,
.content-block.three-cols,
.content-block.four-cols {
	padding:0;
}
.content-block .constrain .w30,
.content-block .constrain .w33,
.content-block .constrain .w40,
.content-block .constrain .w50,
.content-block.constrain .w50,
.content-block .constrain .w60,
.content-block .constrain .w70{
	vertical-align:top;
	display:inline-block;
}
.content-block .constrain .w25 {
	padding:20px;
	float:left;
}
.content-block .w25{
	width:25%;
}
.content-block .w30{
	width:30%;
}
.content-block .w33{
	width:33.333%;
}
.content-block .w33 img{
	margin:0 auto;
	display:block;
}
.content-block .w40{
	width:40%;
}
.content-block .w50{
	width:50%;
}
.content-block .w60{
	width:60%;
}
.content-block .w70{
	width:70%;
}
.content-block .bg-left,
.content-block .bg-right {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:100%;
	position:absolute;
	top:0;
}
.content-block .bg-left {
	left:0;
}
.content-block .bg-right {
	right:0;
}
.content-block .w30.bg-left,
.content-block .w30.bg-right {
	width:32%;
}
.content-block .w70.bg-left,
.content-block .w70.bg-right {
	width:68%;
}
.content-block .w40.bg-left,
.content-block .w40.bg-right {
	width:42%;
}
.content-block .w60.bg-left,
.content-block .w60.bg-right {
	width:58%;
}

/************* Gallery & Buckets Styling *********/
.gallery{
	clear:both;
}
.gallery .img-wrapper {
    margin:10px 1%;
    float:left;
    position:relative;
}
.img-wrapper{
	margin-bottom:20px;
}
.img-wrapper .center-img {
    margin:0 auto;
    display:block;
    width:90%;
}
.bucket{
	cursor:pointer;
}
.buckets .bucket,
.shape-block .shape{
	display:inline-block;
	vertical-align:top;
	margin:0 1% 15px;
}
.gallery.fullwidth .img-wrapper,
.buckets.fullwidth .bucket,
.shape-block.fullwidth .shape{
	width:100%;
	margin:10px auto;
	float:none;
}
.gallery.two-cols .img-wrapper,
.buckets.two-cols .bucket,
.shape-block.two-cols .shape{
    width:47%;
}
.gallery.three-cols .img-wrapper,
.buckets.three-cols .bucket,
.shape-block.three-cols .shape{
    width:31%;
}
.gallery.four-cols .img-wrapper,
.buckets.four-cols .bucket,
.shape-block.four-cols .shape{
    width:22%;
}
.gallery.five-cols .img-wrapper,
.buckets.five-cols .bucket,
.shape-block.five-cols .shape{
    width:17%;
}
.buckets.five-cols .bucket img{
	border:1px solid #ddd;
}
.home .buckets.four-cols .bucket {
	margin-bottom:0;
}
.home .buckets.four-cols p {
	min-height:140px;
}
.buckets a.h3 {
    color:#666666;
    font-size:17px;
    margin:10px 0 15px;
    text-transform:uppercase;
    display:block;
    height:38px;
}
.buckets .bucket:hover a.h3{
	text-decoration:none;
	color:#0052a0;
}

/** Quick Contact form */
#qc-rfq-wrap .qc-caption {
	width:35%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
}
#qc-rfq-wrap .qc-caption h3{
	color:#000;
}
#qc-rfq-wrap .qc-caption p {
	margin-top:20px;
}
#qc-rfq-wrap #quickContact,
#qc-rfq-wrap #rfq {
	width:60%;
	vertical-align:top;
}
.forms p.blue{
	text-align:left;
	color:#0052a0;
}

.qq-upload-button{
	background:#003466 !important;
}

.qq-clear-button{
	background:#999 !important;
}

#qc-rfq-wrap .qc-caption .btn {
	opacity:0.4;
	filter:alpha(opacity=40);
}
#qc-rfq-wrap .qc-caption .btn:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.intl #qc-rfq-wrap .qc-caption .btn {
	font-size:0.9em;
}

#qc-rfq-wrap .qc-caption .btn + .btn {
	margin-left:15px;
}
#qc-rfq-wrap .qc-caption .btn.active {
	box-shadow:0 0 0 1px #fff;
	cursor:default;
}

#qc-rfq-wrap #rfq hr.clear,
#qc-rfq-wrap .forms,
#qc-rfq-wrap .qc-caption p {
	display:none;
}
#qc-rfq-wrap .forms.active,
#qc-rfq-wrap .qc-caption p.active {
	display:inline-block;
}



/* Video Blocks */
.video-block {
    position:relative;
    padding-bottom:48%;
    padding-top:35px;
    height:0;
    overflow:hidden;
	text-align:center;
	margin-bottom:20px;
}
.video {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	margin:0 auto 20px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.video .play {
    position:absolute;
    z-index:1;
    left:50%;
    margin-left:-40px;
    top:41%;
}
.video .play i {
    font-size:40px;
    line-height:52px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    height:50px;
    width:80px;
    margin:0 auto;
    display:block;
    background:rgba(0, 0, 0, 0.5);
    color:#fff;
}
.video:hover .play i {
	color:#666;
	background:#ccc;
}
.video .play i:before {
	position:relative;
	left:3px;
}
.video-block .subtitle {
	color:#888;
	font-size:0.9em;
	margin-bottom:0;
}
.video-block .title {
    position:absolute;
    bottom:0;
    background:gray;
    left:0;
    width:100%;
    color:#fff;
    font-size:12px;
    padding:8px 0;
    margin:0;
}
.video-block .title span{
    line-height:1.3;
    vertical-align:middle;
    display:inline-block;
}
#video-gallery .video-block {
    padding:0;
    height:205px;
}
/**** PDF BUTTON */
.pdf-btn {
    background-color:#dddddd;
    display:inline-block;
    width:100%;
    margin:0 0 10px;
    padding:0;
    position:relative;
    height:42px;
}
.pdf-btn h4{
	color:#1a2633;
	font-size:12px;
	line-height:42px;
	padding-left:15px;
	margin:0;
	width:90%;
	float:left;
}
.pdf-btn:hover h4 {
	color:#0052a0;
}
.pdf-btn h4 .fa-chevron-right{
	margin-left:10px;
}
.pdf-btn .size{
	float:right;
	margin-right:15px;
}
.pdf-btn .fa-download {
    width:10%;
    float:right;
    height:100%;
    background-color:#666666;
    color:#fff;
    padding:14px 0;
    text-align:center;
}
.pdf-btn:hover .fa-download {
	background-color:#0052a0;
}
.pdf-two-columns .pdf-btn{
	width:49%;
	display:inline-block;
	vertical-align:top;
}
.pdf-two-columns .pdf-btn:nth-child(even){
	margin-left:1%;
}
/***** Shape Block ****/
.shape img {
    width:35%;
    display:inline-block;
    vertical-align:middle;
    margin-right:2%;
    padding:5px;
}
.shape .shape-right{
	width:60%;
	display:inline-block;
	vertical-align:middle;
}
.shape .shape-right h5{
	margin:0 0 10px;
}
.shape .shape-right ul{padding-left:20px;}


/*** Accordion Content */
.collapse-row{
	position:relative;
}
.collapse-row .title{
    color:#1a2633;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
    text-transform:uppercase;
    line-height:19px;
    background-color:#ddd;
    border:solid 1px #bbb;
    padding:10px 20px 10px 40px;
    margin-bottom:8px;
    cursor:pointer;
}
.collapse-row .title:before{
	content:"\f078";
	font-family:FontAwesome;
	position:absolute;
	left:15px;
}
.collapse-row .title.collapsed {
    background-color:#eee;
}
.collapse-row .title.collapsed:hover {
    background-color:#ddd;
}
.collapse-row.current .title{
	background-color:#fff;
}
.collapse-row.current .title:before{
	content:"\f077";	
}
.collapse-row .accordion-content{
	padding:10px 15px 15px;
}


/* TABBED CONTENT */
.text-tabs .tabs-menu-wrapper {
	margin:0;
}
.text-tabs .tab-title,
.text-tabs .tab-content {
	color:#fff;
}
.text-tabs .tab-title:nth-child(1),
#tabs-menu li:nth-child(1){
	border-left:1px solid #999;
}
.text-tabs .tab-title{
    font-size:22px;
    height:50px;
    line-height:50px;
    display:inline-block;
    background-color:#eee;
    text-align:center;
    padding:0 40px;
    border-top:1px solid #999;
    border-right:1px solid #999;
    color:#1a2633;
}
.text-tabs .tab-title:hover,
.text-tabs .tab-title.current{
	background:#fff;	
	text-decoration:none;
}
.text-tabs .tab-content{
	display:none;
    background-color:#fff;
	padding:40px;
	border:1px solid #999;
}
.tabs .tab-content.current {
	display:block;
}
.text-tabs .tab-content p{
    color:#1a2633;	
}
.tabs .tab-content ul {
	padding-left:20px;
}

/***** Article Page ***/
.tpl-8 #main-content h2{
	margin-top:30px !important;
}
.tpl-8 #main-content .article-image{
	width:100%;
	display:block;
	margin:10px auto;
}
.tpl-8 #main-content .date,
.tpl-8 #main-content .tag{
	display:inline-block;
	vertical-align:middle;
}
.tpl-8 #main-content .tag {
    background-color:rgba(26, 38, 51, 0.5);
    color:#fff;
    margin-left:10px;
    padding:5px 20px;
}