/* Theme typography & colors */
.kad-primary-nav ul.sf-menu a,
.nav-trigger-case.collapsed .kad-navbtn { color: #ffffff; }
.sticky-wrapper #logo a.brand,
.trans-header #logo a.brand { color: #ffffff; }
.is-sticky header #logo a.brand,
.logofont,
.none-trans-header header #logo a.brand,
header #logo a.brand {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	font-size: 32px;
}
.titleclass h1,
.titleclass .subtitle { color: #ffffff; }
.contentclass,
.topclass { background-color: transparent; }
.is-sticky .headerclass,
.none-trans-header .headerclass { background-color: transparent; }
.kad-primary-nav > ul { background-color: transparent; }
.mobileclass { background-color: #ffffff; }
.footerclass { background-color: #055865; }
body { background-color: #ffffff; }
h1 {
	font-family: "Open Sans";
	line-height: 50px;
	font-weight: 700;
	font-style: normal;
	color: #023335;
	font-size: 44px;
}
h2 {
	font-family: "Open Sans";
	line-height: 40px;
	font-weight: 700;
	font-style: normal;
	color: #023335;
	font-size: 36px;
}
h3 {
	font-family: "Open Sans";
	line-height: 40px;
	font-weight: 700;
	font-style: italic;
	color: #023335;
	font-size: 28px;
}
h4 {
	font-family: "Open Sans";
	line-height: 34px;
	font-weight: 300;
	font-style: italic;
	color: #47c2c7;
	font-size: 18px;
}
h5 {
	font-family: "Open Sans";
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	color: #47c2c7;
	font-size: 16px;
}
.subtitle {
	font-family: "Open Sans";
	line-height: 22px;
	font-weight: 400;
	font-style: normal;
	color: #0d3356;
	font-size: 16px;
}
body {
	font-family: "Open Sans";
	line-height: 24px;
	font-weight: 300;
	font-style: normal;
	color: #666666;
	font-size: 16px;
}
.is-sticky .kad-primary-nav ul.sf-menu a,
ul.sf-menu a,
.none-trans-header .kad-primary-nav ul.sf-menu a {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	color: #444444;
	font-size: 14px;
}
.kad-header-style-basic .kad-primary-nav ul.sf-menu ul li a { font-size: 13px; }
.kad-nav-inner .kad-mnav,
.kad-mobile-nav .kad-nav-inner li a,
.kad-mobile-nav .kad-nav-inner li .kad-submenu-accordion {
	font-family: "Open Sans";
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
}

/* Header layout */
.kad-header-style-basic #nav-main ul.sf-menu > li > a,
.kad-header-style-basic #kad-shrinkheader #mobile-nav-trigger a {
	line-height: 100px;
}

/* SiteOrigin Features widget — image icons only */
.sow-features-list .sow-icon-container {
	display: inline-block;
	position: relative;
	font-size: 90px;
	line-height: 1;
	color: #404040;
}
.sow-features-list .sow-icon-container.sow-icon-image {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Theme accent colors */
.trans-header #pageheader { padding-top: 100px; }
.titleclass .header-color-overlay { opacity: 0.8; }
.headerfont, .topbarmenu ul li, #kadbreadcrumbs { font-family: Open Sans, sans-serif; }
a:hover { color: #3dafb5; }
.kad-btn-primary:hover, input[type="submit"].button:hover, #solair-contact-form input[type="submit"]:hover { background: #3dafb5; }
a, .color_primary, .footerclass a:hover, .subhead a:hover, .posttags a:hover, .nav-trigger-case:hover .kad-menu-name, .nav-trigger-case:hover .kad-navbtn, #wp-calendar a { color: #46cec8; }
.kad-btn-primary, input[type="submit"].button, #commentform .form-submit #submit, #nav-main ul.sf-menu ul li a:hover, #nav-main ul.sf-menu ul li.current-menu-item a { background: #46cec8; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body #kad-banner #logo .kad-standard-logo,
  .trans-header .is-sticky #kad-banner #logo .kad-standard-logo,
  .trans-header #kad-banner #logo .kad-standard-logo-tranbg {
    background-image: url("../sol_white_logo_header@2x.png") !important;
  }
}
@media (max-width: 767px) { #topbar { display: none; height: 0 !important; } }
.none-trans-header .nav-trigger-case.collapsed .kad-navbtn,
.is-sticky .nav-trigger-case.collapsed .kad-navbtn { color: #444444; }
.hidden { display: none !important; }


/* Stretched rows visible before panel stretch JS runs */
.siteorigin-panels-stretch {
	visibility: visible !important;
}

/* Mobile nav (replaces Bootstrap collapse JS) */
.mobile_menu_collapse.collapse:not(.in) {
	display: none;
}
.mobile_menu_collapse.collapse.in {
	display: block;
}

/* Minimal scroll animations (faster & subtler than original theme) */
.kt-pb-duration-900 { animation-duration: 0.45s !important; }
.kt-pb-duration-1200 { animation-duration: 0.55s !important; }
.kt-pb-duration-2400 { animation-duration: 0.7s !important; }
.kt-pb-delay-300 { animation-delay: 0.12s !important; }

html.js-running .kt-pb-animate.kt-pb-slideInLeft { animation-name: solair-slideInLeft; }
html.js-running .kt-pb-animate.kt-pb-slideInRight { animation-name: solair-slideInRight; }
html.js-running .kt-pb-animate.kt-pb-zoomIn { animation-name: solair-zoomIn; }
html.js-running .kt-pb-animate.kt-pb-fadeInLeft { animation-name: solair-fadeInLeft; }

@keyframes solair-slideInLeft {
	from { opacity: 0; transform: translateX(-40px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes solair-slideInRight {
	from { opacity: 0; transform: translateX(40px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes solair-zoomIn {
	from { opacity: 0; transform: scale(0.92); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes solair-fadeInLeft {
	from { opacity: 0; transform: translateX(-24px); }
	to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 790px) {
	html.js-running .kt-pb-animation {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.js-running .kt-pb-animation {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}
}

/* Full-width stretched rows break out of Bootstrap .container */
#pl-2 .siteorigin-panels-stretch.panel-row-style {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	box-sizing: border-box;
}
#pl-2 .siteorigin-panels-stretch[data-stretch-type="full-stretched"] .sow-image-container,
#pl-2 .siteorigin-panels-stretch[data-stretch-type="full-stretched"] .so-widget-image img {
	width: 100%;
	max-width: 100%;
	display: block;
	height: auto;
}
body.home {
	overflow-x: clip;
}


/*---------fonts---------*/

h1, h2, h3, h4, h5, h6, p, td, a {
  font-family: "Open Sans", sans-serif!important;
}

h1, h2, h3, h5, h6 {
text-transform: uppercase!important;
letter-spacing: 3px !important;
}

h6 {
font-size: 13px;
font-weight: 600;
color: #023335;
}

/**---------------- Page ----------------**/


body.page #content .main .pageclass {
padding: 15px 15px 0px;
}

/**---------------- Menu ----------------**/


.sf-menu li {
letter-spacing: 1px !important;
}

#nav-main input[type=submit] {
	max-height: 40px;
	min-height: 40px;
	line-height: 24px;
	font-size: 13px !important;
	background: #125866 !important;
	padding: 8px 18px !important;
	font-family: "Open Sans", sans-serif !important;
	border: none;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.kad-navbtn .kt-icon-menu3:before {
	font-family: Arial, sans-serif;
	content: "\2630";
	font-size: 22px;
	font-weight: 400;
	color: inherit;
}

div#kad-shrinkheader.container {
width: 90%!important;
}


/**---------------- About Home ----------------**/

.about-boxed {
width: 80%!important;
background: #ffffff;
margin-top: -120px!important;
margin: 0 auto;
box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2);
-webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2);
-moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2);
}

.boxed-left {
width: 30%;
margin-right: 2%;
display: inline-block;
vertical-align: middle;
}

.boxed-right {
width: 60%;
margin-left: 2%;
display: inline-block;
vertical-align: middle;
}



/*---------Header---------*/

.home a.brand.logofont {
display: none!important;
}

.home div.kad-lg.kad-standard-logo-tranbg  {
display: none!important;
}

.home div.kad-standard-logo.kad-lg {
display: none!important;
}

.headerclass {
border-bottom: 0px solid #ffffff;
}

#pgc-2-0-0 {
display: none;
}

div#pageheader.titleclass.home-title-class {
z-index: 0!important;
position: relative;
overflow: hidden;
min-height: 400px;
background: url(../sol_bg_clouds.jpg) center center / cover no-repeat !important;
}

.hero-video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}

.hero-video-background iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 56.25vw;
min-width: 177.78vh;
min-height: 100vh;
transform: translate(-50%, -50%);
border: 0;
}

#pageheader .header-color-overlay,
#pageheader .container {
position: relative;
z-index: 1;
}

.ytp-autohide .ytp-watermark {
display: none!important;
}


/*---------Footer---------*/

#containerfooter p {
color: #ffffff;
font-size: 12px;
}

#containerfooter a {
color: #ffffff;
font-size: 12px;
}

#containerfooter td {
color: #ffffff;
font-size: 12px;
}


/*---------Consultants---------*/

.consultant-boxed {
box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.2);
-webkit-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.2);
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 360px;
height: auto;
overflow: hidden;
}

.consultant-boxed .textwidget {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
text-align: center;
}

.consultant-boxed .consultant-logo {
margin: 0;
flex-shrink: 0;
}

.consultant-boxed .consultant-logo a {
display: block;
line-height: 0;
}

.consultant-boxed img {
margin: 0 auto !important;
max-width: 100%;
max-height: 155px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}

.consultant-boxed h5 {
margin: 10px 0 6px;
font-size: 14px;
line-height: 1.25;
flex-shrink: 0;
}

.consultant-boxed .textwidget > p {
margin: 4px 0;
font-size: 13px;
line-height: 1.35;
flex-shrink: 0;
}

.consultant-boxed .textwidget > p:last-child {
margin-top: auto;
padding-top: 8px;
}

.consultant-boxed.panel-widget-style {
padding: 16px 16px 20px !important;
}

#pg-2-8 .panel-grid-cell,
#pg-2-9 .panel-grid-cell,
#pg-2-10 .panel-grid-cell {
display: flex;
}

#pg-2-8 .so-panel,
#pg-2-9 .so-panel,
#pg-2-10 .so-panel {
flex: 1;
width: 100%;
}

.kad-btn.btn-shortcode.kad-btn-primary {
background-color: #125866;
border: 0 solid;
border-color: #000;
color: #ffffff;
font-weight: 600;
padding: 8px 18px;
border-radius: 0px;
margin-top: 20px;
 font-family: "Open Sans", sans-serif!important;
letter-spacing: 1px;
}

/*---------Form---------*/

.solair-contact-form {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}

.solair-contact-form input[type="text"],
.solair-contact-form input[type="email"],
.solair-contact-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	font-size: 14px;
	box-sizing: border-box;
}

.solair-contact-form textarea {
	min-height: 160px;
	resize: vertical;
}

.solair-contact-message {
	margin: 1em 0.65rem 0;
	padding: 0.75em 1em;
	border: 0;
	font-size: 14px;
}

.solair-contact-message--success {
	color: #125866;
}

.solair-contact-message--error {
	color: #c0392b;
}

.screen-reader-text {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

#responsive-form{
	max-width:800px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.solair-contact-submit {
padding: 8px 18px;
color: #fff;
background: #125866!important;
border: 0;
cursor: pointer;
font-family: inherit;
font-size: 14px;
}

.solair-contact-submit:hover {
background: #3dafb5!important;
}

.solair-contact-submit:disabled {
opacity: 0.7;
cursor: not-allowed;
}


/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}


/*---------Mobile---------*/

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

#containerfooter {
text-align: center!important;
}

div.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-widget-style.panel-row-style.panel-row-style-for-2-8{
padding-left: 20px!important;
padding-right: 20px!important;
}
div.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-widget-style.panel-row-style.panel-row-style-for-2-8{
padding-left: 20px!important;
padding-right: 20px!important;
}
}

@media only screen and (min-width: 900px) {
div.col-md-4.footercol3 {
margin-top: 15px;
}

div.col-md-4.footercol2 {
margin-top: 15px;
}

div.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-widget-style.panel-row-style.panel-row-style-for-2-7{
padding-left: 80px!important;
padding-right: 80px!important;
}
div.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-widget-style.panel-row-style.panel-row-style-for-2-8{
padding-left: 80px!important;
padding-right: 80px!important;
}
}

@media only screen and (max-width: 780px) {
.consultant-boxed img {
max-height: 130px;
}
}

@media only screen and (max-width: 1100px) {
#pg-2-4, #pg-2-5 {
display: none;
}

.home-page-header {
    padding-top: 180px!important;
    padding-bottom: 200px!important;
}
}


@media only screen and (min-width: 1101px) {
#pg-2-6 {
display: none;
}
}

@media only screen and (max-width: 1200px) {
/*About section homepage*/
.about-boxed {
    width: 95%!important;
    margin: 0 auto;
    margin-top: -80px;
    flex-wrap: wrap;
  }
.boxed-left {
display: none;
}
.boxed-right {
width: 95%;
margin-right: 2%;
}
}

@media only screen and (min-width: 901px) {
#pg-2-8> .panel-row-style, #pg-2-9> .panel-row-style, #pg-2-10> .panel-row-style {
padding-right: 80px!important;
padding-left: 80px!important;
}
}

@media only screen and (max-width: 900px) {
#pg-2-8> .panel-row-style, #pg-2-9> .panel-row-style, #pg-2-10> .panel-row-style {
padding-right: 20px!important;
padding-left: 20px!important;
}
}

@media only screen and (min-width: 1300px) {
#panel-2-4-0-0> .panel-widget-style {
padding: 15% 10% 6% 10%!important;
}
#panel-2-5-1-0> .panel-widget-style {
padding: 20% 10% 15% 10%;
}
}



/*------ FIX HOME PAGE: Jan 14th, 2024 -------*/

.header-color-overlay {
      background: rgba(0, 0, 0, 0.25);
}

#panel-2-2-0-1 > div > div > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 24px;
}

#panel-2-2-0-1 > div > div > div > div {
       width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#panel-2-2-0-1 > div > div > div > div > div.sow-icon-container.sow-container-square > div {
   text-decoration: none;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
        position: absolute;
    top: 0;
    display: flex;
    align-items: unset;
    justify-content: unset;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: center;
}