/*
    Theme Name: Sperber 
    Theme URL: https://jeffpayne.net
    Description: Sperber Theme.
    Author: jeffpayne
    Author URI: https://jeffpayne.net
    Version: 2.0.3
    Template: genesis
    Text Domain: cwp
*/
.service_projects_page{
	margin: 50px 0px 100px 0px;
}
.service_projects_page h2{
	margin-bottom: 30px;
	margin-left: 20px;
}

/*Page here*/
.h-292{
	min-height: 292px;
	overflow: hidden;
}
.page-hero__content{
	width: 100%;
}
.pd3em{
	padding: 3rem;
}
#pageHeroContainer
{
	top: 32%;
	/*top: 200px;*/
    position: relative;
}
.page-hero__content .banner_title{
	height: auto;
    text-align: center;
    display: table;
}
.page-hero__content .banner_title h1, .page-hero__content .banner_title h2, .page-hero__content .banner_title h3,
.page-hero__content .banner_title h4, .page-hero__content .banner_title h5{
	vertical-align: middle;
    display: table-cell;
}
.page-hero__content .banner_description{
	height: auto;
    display: table;
    max-width: 520px;
}
.page-hero__content .banner_description .page-hero__description{
	vertical-align: middle;
    display: table-cell;
}
.page-hero__content .page-hero__description
{
	font-family: 'Quasimoda';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
}
.wp-block-stackable-columns.stk-f496877{
	margin: 0 auto;
}
.txt-white, .txt-white a, .txt-white a:visited, .txt-white a:hover{
	color: #fff;
}
.nomgb, .nomgb .stk-block{
	margin-bottom: 0px !important;
}
.bg-dark-brown{
	background-color: #d9291c !important;
}
.bg-crystal-green{
	background-color: #d9291c !important;
}
.text-orange{
	color: #d67a16 !important;
}
.text-crystal-green{
	color: #d9291c !important;
}
.text-white{
	color: #fff !important;
}

.bg-dark-green{
	background-color: #d9291c !important;
}
.border-dark-green{
	border-color: #d9291c !important;
}
.bg-lime{
	background-color: #d9291c !important;
}
.border-lime{
	border-color: #193a5b !important;
}
.bg-orange{
	background-color: #d9291c !important;
}
.border-orange{
	border-color: #d67a16 !important;
}


.btn-orange{
	background-color: #d9291c !important;
}
.btn-crystal-green{
	background-color: #d9291c !important;
}
.btn-white{
	background-color: #fff !important;
}
.vh-292{
	position: absolute !important;
	top: 15% !important;
}
.mgt-3{
	margin-top: 3rem !important;
}
.mgb-3{
	margin-bottom: 3rem !important;
}
.btn-primary:focus{
	box-shadow: 0 0 0 0.25rem rgb(85 181 107 / 50%) !important;
}
.vh-292 .button_div button:first-child{
	margin-right: 100px;
}
.modals_div .modal-dialog .modal-content{
	background-color: #248dba !important;
    color: #fff;
    padding: 20px 30px
}
.modals_div .modal-dialog
{
	max-width: 650px;
}
.modals_div .modal-dialog h2{
	font-size: 3rem;
}
.modals_div .modal-dialog h3{
	font-size: 2.5rem;
}
.modals_div .modal-dialog legend, .modals_div .modal-dialog .gfield_radio label,
.modals_div .modal-dialog .gfield label{
	font-size: 1rem;
}
.modals_div .modal-dialog #field_4_3, .modals_div .modal-dialog #field_4_4,
.modals_div .modal-dialog #field_7_3, .modals_div .modal-dialog #field_7_4{
	display: none;
}
.gfield_checkbox input[type=checkbox]:checked + label:before{
	background: #d9291c !important;
	border: 2px solid #d9291c !important;
}

.site-inner p a:not(.btn) {
    position: relative;
    transition: .3s;
    z-index: 1;
}
.site-inner p a:not(.btn):hover {
    color: #FFFFFE;
    padding: 0.375rem 0.75rem;
    background-color: #248dba !important;
}
.site-inner p a:not(.btn):hover:after {
    bottom: 0;
    height: 100%;
    border-radius: 3px;
}



.site-inner p a:not(.btn):after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    bottom: -2px;
    left: 0;
    background: #0067b1;
    transition: .3s;
    z-index: -1;
}
/*about page keyline block*/
.keyline .keyline-body img{
	min-width: 100%;
	max-width: 100%;
}
.keyline.border-w{
	border-width: 2px;
	border-style: solid;
}
@media only screen and (max-width: 768px){
	.page-hero__content .banner_title h1{
		font-size: 5rem;
		padding-bottom: 10px;
	}
	.navbar-brand img{
		height: 80px !important;
    	width: 200px !important;
	}
	.navbar-brand
	{
		padding-top: 0px !important;
	    padding-bottom: 0px !important;
	    max-width: fit-content !important;
	}
	nav.navbar{
		padding-top: 0px !important;
    	padding-bottom: 0px !important;
	}
	
}
@media only screen and (max-width: 480px){
	#pageHeroContainer{
		padding-top: 2rem;
		padding-bottom: 2rem;
		height: 100% !important;
    	top: 0;
	}
	#pageHeroContainer .h-292.pd3em{
		padding: 0px;
	}
	.footer-widgets .widget-1{
		margin-left: 30px;
	}
	.page-hero__content .page-hero__description{
		font-size: inherit;
	}
	.page-hero:not(.bg-video){
		height: 65vh !important;
    	min-height: 500px !important;
	}
	.vh-292 .d-flex{
		display: block !important;
	}
	.vh-292
	{
		top: 0% !important;
	}
	.vh-292 .button_div button, .vh-292 .button_div a{
		margin-top: 0px !important;
	    margin-bottom: 0px !important;
	    padding: 0.375rem 1.875rem;    	
	}
	.vh-292 .button_div button:first-child, .vh-292 .button_div a{
		margin-right: 0px;
		margin-bottom: 15px !important;
	}
	.vh-292 .page-hero__content h1{
		margin-bottom: 0px;
	}
	/*speak to an expert modal*/
	.modals_div .modal-dialog .modal-content{
		padding: 10px 15px;
	}
	.modals_div .modal-dialog h2{
		font-size: 2rem;
	}
	.modals_div .modal-dialog h3{
		font-size: 1.5rem;
	}
	.modals_div .modal-dialog legend, .modals_div .modal-dialog .gfield_radio label,
	.modals_div .modal-dialog .gfield label{
		font-size: 1rem;
	}
}