@charset "UTF-8";
/*
Theme Name: Toeroek Associates
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Site Name is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
input:not([type="checkbox"]):not([type="radio"]), select {height: 42px;}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin-top: 0;}
.elementor-field-type-recaptcha_v3 {max-height: 1px !important;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0 !important;}
.has-1-columns .wp-block-column {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; -o-object-fit: contain; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {margin: 0 auto;}
.row {max-width: 100%; margin: 0 auto;}
.clearfix {clear: both;}

/*###################################
## Header
###################################*/
.elementor-editor-active #global-header {background-color: #0A2342 !important; position: relative !important;}
#global-header {position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%!important; transition: all ease 0.5s; z-index: 999;}
#global-header.sticky {background-color: #0A2342; padding-bottom: 20px;}

/*###################################
## Banner
###################################*/
#main-banner, #main-banner .swiper-slide-bg, #inner-banner {position: relative;}
#main-banner .content {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 99;}
#main-banner .swiper-slide-bg:before {content: ""; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10;}
/* #main-banner .swiper-slide-inner {max-width: 1620px; padding: 0 10px; box-sizing: border-box;} */
#main-banner .swiper-slide-inner {width: 100%; height: 100%; padding: 0; z-index: 999;}
#main-banner .swiper-slide-inner .swiper-slide-contents {width: 100%; max-width: 1620px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
#main-banner .swiper-slide-contents {position: relative; z-index: 35;}
#inner-banner:before {content: ""; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5;}
#inner-banner .title {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 10;}

/*###################################
## Content
###################################*/
#services {position: relative;}
#services:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}
#services .box .elementor-widget-image {position: relative;}
#services .box .elementor-widget-image:before {content: ""; background: url('assets/images/service-box-overlay.webp') no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 35%; z-index: 10;}
#services .box h5 {position: relative; z-index: 15;}
#about {position: relative;}
#about .offset {position: absolute; bottom: 0; right: 0; z-index: 10;}

/*###################################
## Footer
###################################*/

/*###################################
## Services Page
###################################*/
.sub-services .top-section:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}
.popup-wrapper .wrapped-feature-image {width: 100%; max-width: 485px; display: block; float: left; padding-right: 50px;}

/*###################################
## About Page
###################################*/
#about-inner, #about-inner .image-content {position: relative;}
#about-inner:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}
#about-inner .image-content .offset {position: absolute; bottom: 0; right: 0;}

/*###################################
## Our Staff Page
###################################*/
#our-staff {position: relative;}
#our-staff:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}
#our-staff .ue-item .uc_post_image {background: transparent !important;}
.staff-post-content p {margin-bottom: 30px !important;}
.staff-post-content p:last-of-type {margin-bottom: 0 !important;}
#our-staff .ue-dynamic-popup-inner {overflow: auto !important;}

/*###################################
## Careers Page
###################################*/
#careers-page .benefits .boxed .elementor-widget-text-editor ul {margin: 0; padding: 0 0 0 20px; list-style: none;}
#careers-page .benefits .boxed .elementor-widget-text-editor ul li:before {content: "\2022"; color: #197FB6; display: inline-block; width: 1em; margin-left: -1em;}
#careers-page .benefits .boxed .elementor-widget-text-editor ul li:not(:last-of-type) {margin-bottom: 30px;}
#careers-page .benefits .boxed .elementor-widget-text-editor ul li strong {color: #197FB6;}
#careers-page .statement .elementor-widget-text-editor a {text-decoration: underline !important; color: #197FB6;}

/*###################################
## Our Mission Page
###################################*/
#our-mission-page {position: relative;}
#our-mission-page:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}

/*###################################
## Contact Page
###################################*/
#contact-page iframe {width: 100% !important; height: 470px !important; display: block !important;}

/*###################################
## Browfield Page
###################################*/
#brownfield {position: relative;}
#brownfield:before {content: ""; background: url('assets/images/services-offset.webp') no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0; margin-left: auto; width: 449px; height: 860px;}
#brownfield .full-image .elementor-widget-image {height: 100% !important;}

/*Test Section*/
.staff-loop-item .hidden {display: none;}
.staff-loop-item .hidden p {color: #FFF;}
.staff-loop-item:hover .hidden {display: block !important;}


/*###################################
## Responsive
###################################*/
@media screen and (min-width: 1367px) and (max-width: 1600px) {
	#brownfield .offset-left {margin-left: -20px;}
	#brownfield .offset-right {margin-right: -20px;} 
}

@media screen and (max-width: 1366px) {
	#global-header.sticky {padding-bottom: 15px;}
	#global-map .wpgmza_map {height: 600px !important;}
	#careers-page .benefits .boxed .elementor-widget-text-editor ul li:not(:last-of-type) {margin-bottom: 20px;}
}

@media screen and (max-width: 1200px) {
	.header-text-color .elementor-heading-title {color: #197FB6 !important;}
}

@media screen and (max-width: 1024px) {
	#services, .sub-services .top-section {background-color: #F3F7FE !important;}
	.sub-services .top-section {background-image: none !important;}
	.sub-services .top-section:before {display: none;}
	#about .offset  {position: relative;}
	.popup-wrapper p {font-size: 16px;}
	#services:before, .sub-services .top-section:before, #about-inner:before, #our-staff:before, #our-mission-page:before, #brownfield:before {display: none;}
}

@media screen and (max-width: 880px) {
	#global-header.sticky {padding-bottom: 10px;}
	.popup-wrapper .wrapped-feature-image {width: auto; max-width: 100%; margin: 0 auto 20px; float: none; padding: 0;}
	#about-inner .image-content .offset {position: relative;}
}

@media screen and (max-width: 767px) {
	#main-banner .content {position: relative; background-color: #1A80B6; top: 0; transform: translateY(0);}
	#global-map .wpgmza_map {height: 400px !important;}
	.popup-wrapper p {font-size: 15px;}
	.staff-post-content p {margin-bottom: 15px !important;}
	#contact-page iframe {height: 350px !important;}
	#main-banner .swiper-slide-contents {text-align: center !important;}
}