@charset "UTF-8";
/*
Theme Name: The Gunter Group
Theme URI: 
Author: The Gunter Group
Author URI: https://www.guntergroup.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.

The Gunter Group 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;}
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: 0;}
.elementor-widget-heading .elementor-heading-title span {color: #006450; font-style: italic;}
.normal .elementor-heading-title span {font-style: normal;}
.light-colored .elementor-heading-title span {color: #00CC7A;}
.elementor-widget-text-editor ul {padding-left: 30px;}
.text-right .elementor-button-link {text-align: right;}
.text-left .elementor-button-link {text-align: left;}
.elementor-lightbox .elementor-video-container .elementor-video-landscape {width: 80vw !important;}
#sticky-element .e-n-tabs-heading {position: sticky !important; top: 0;}
.elementor-widget-n-accordion .e-n-accordion-item-title {transition: all 0.3s ease-in-out !important;}
.elementor-custom-embed-play svg:hover {opacity: 1;}

/*###################################
## Preloader
###################################*/
/* .elementor-editor-active #preloader {display: none !important;}
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; display: flex; justify-content: center; align-items: center; z-index: 9999;}
#preloader .spinner {border: 5px solid #006450; border-top: 5px solid #00CE7C; border-radius: 50%; width: 80px; height: 80px; animation: spin 1s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

/*###################################
## Accordion Read More
###################################*/
.acc-read .e-n-accordion-item span.less {display: none;}
.acc-read.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title span.more {display: none;}
.acc-read.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title span.less {display: inline;}

/*###################################
## Header
###################################*/
#global-header.sticky {box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);}
#global-header .elementor-menu-toggle {padding: 0;}
#global-header .elementor-widget-image a img[src$=".svg"] {width: auto !important;}

/*###################################
## Banner
###################################*/
#main-banner #overlay {position: relative !important;}
#main-banner #overlay:before {content: ""; background: url('../webp/white-box-g-cutout-4.webp') no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; right: 0; width: 101%; height: 100%; z-index: 1; }


/*###################################
## Content
###################################*/
#problem-solving .elementor-widget-heading .elementor-heading-title span {color: #00CC7A !important;}
#our-impact .testimonials .next:hover, #our-impact .testimonials .prev:hover {cursor: pointer;}
#our-impact .testimonials .elementor-swiper-button-prev, #our-impact .testimonials .elementor-swiper-button-next {display: none !important;}
#help-you .elementor-widget-heading .elementor-heading-title span {color: #006450 !important;}
#our-process .e-n-accordion .e-n-accordion-item-title {border-bottom: 1px solid rgba(0,0,0,0.12);}
#our-process .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {border: none;}
#non-negotiables .plyr__video-wrapper video {height: 387px;}
#non-negotiables .plyr_wrapper .plyr__control {height: 71px !important; width: 71px !important; background: rgba(0, 206, 124, 0.88) !important; border-radius: 50% !important; border: 1px solid #00303C !important;}
#non-negotiables .plyr_wrapper .plyr__control svg {fill: #00303C !important; transform: scale(1.3) !important; left: 0 !important; margin: 0 auto !important;}
#non-negotiables .mobile-remote .plyr__video-wrapper video {height: 247px;}
#non-negotiables .mobile-remote .ue-remote-link {width: 100%;}
#non-negotiables .mobile-remote .plyr_wrapper .plyr__control {height: 46px !important; width: 46px !important;}
#non-negotiables .mobile-remote .plyr_wrapper .plyr__control svg {transform: scale(0.7) !important;}

/*###################################
## Footer
###################################*/
#global-footer .top-section .elementor-nav-menu--main .elementor-nav-menu {columns: 3;}

/*###################################
## Services Page
###################################*/
#services-page .e-n-accordion .e-n-accordion-item-title {border-bottom: 1px solid rgba(0,0,0,0.12);}
#services-page .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {border: none;}
#services-page .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {padding-bottom: 20px !important;}

/*###################################
## Client Outcomes Page
###################################*/
.page-id-49 {overflow: visible;}
#client-outcomes-page .e-n-tabs, #client-outcomes-page .e-n-tabs .e-n-tabs-heading .e-n-tab-title {align-items: flex-start;}
#client-outcomes-page .e-n-tabs .e-n-tabs-heading {border-radius: 20px; border: 1px solid #E0E0E0; overflow: hidden; position: sticky; top: 120px; z-index: 20;}
#client-outcomes-page .e-n-tabs .e-n-tabs-heading .e-n-tab-title:last-of-type {border-bottom: none !important;}
#client-outcomes-page .e-n-tabs .e-n-tabs-heading .e-n-tab-icon {overflow: visible;}
#client-outcomes-page .elementor-icon-box-wrapper .elementor-icon-box-icon {margin-top: 6px;}

/*###################################
## About Page
###################################*/
.page-id-53 {overflow: visible;}
#about-page .team .e-n-tabs-heading {border: 1px solid #E0E0E0; border-radius: 25px; box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.08); max-width: 628px; margin: 0 auto; overflow: hidden; position: sticky; top: 120px; z-index: 20;}
#about-page .team .ue_post_grid {row-gap: 40px;}
#about-page .team .ue-grid-item-meta-data .ue-grid-item-meta-data-icon i {font-size: 20px; color: #006450;}

/*###################################
## Contact Page
###################################*/
#contact-page .elementor-form input::placeholder {color: transparent !important;}
#contact-page .map .e-n-tabs-heading {border: 1px solid #E0E0E0; border-radius: 25px; box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.08); max-width: 628px; margin: 0 auto; overflow: hidden;}

/*###################################
## Careers Page
###################################*/
#careers-page .testimonials .next:hover, #careers-page .testimonials .prev:hover, #careers-page .benefits .next:hover, #careers-page .benefits .prev:hover, #careers-page .hiring .next:hover, #careers-page .hiring .prev:hover {cursor: pointer;}
#careers-page .testimonials .elementor-swiper-button-prev, #careers-page .testimonials .elementor-swiper-button-next, #careers-page .benefits .elementor-swiper-button-prev, #careers-page .benefits .elementor-swiper-button-next, #careers-page .hiring .elementor-swiper-button-prev, #careers-page .hiring .elementor-swiper-button-next {display: none !important;}
#careers-page .benefits .swiper, #careers-page .hiring .swiper {padding: 10px;}
#careers-page .benefits .swiper-slide, #careers-page .hiring .swiper-slide {overflow: visible;}
#careers-page .non-negotiable-video-wrap .elementor-widget-video, #careers-page #non-negotiable-video iframe {height: 555px !important;}
#careers-page .e-hosted-video {height: 555px !important; object-fit: cover;}

/*###################################
## Blog Archive
###################################*/
#blog-archive .uc_content-info-wrapper {display: flex; flex-direction: column;}
#blog-archive .uc_content {transition: all 0.5s ease;}
#blog-archive .uc_content .uc_post_title {order: 2;}
#blog-archive .uc_content .ue-grid-item-category {order: 3;}
#blog-archive .uc_content .ue-meta-data {flex-direction: column-reverse;}
#blog-archive .uc_content .ue-grid-item-category {display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
#blog-archive .uc_content .date-read {display: flex; align-items: center; column-gap: 5px;}
#blog-archive .uc_content .ue-grid-item-meta-data {align-items: flex-start;}
#blog-archive .uc_content .ue-grid-item-meta-data .posted-wrap {margin-top: -7px;}
#blog-archive .uc_content .ue-grid-item-meta-data .posted-wrap .author-text-before {margin-bottom: 10px;}
#blog-archive .uc_content .ue-grid-item-meta-data .posted-wrap a, #blog-archive .uc_content .ue-grid-item-category {position: relative; z-index: 20;}
#blog-archive .uc_content .ue-grid-item-meta-data .posted-wrap a:hover {color: #006450;}
#blog-archive .uc_content .ue-grid-item-category a:hover {background: #00303C; color: #FFF;}
#blog-archive .uc_content .date-read .ue-grid-item-meta-data, #blog-archive .uc_content .date-read p {font-family: 'Sofia Pro', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.2em; color: #202020;}
#blog-archive .uc_content .show-date-wrapper .ue-grid-item-meta-data {display: block;}
#blog-archive .uc_content .icon-author-avatar-icon {font-size: 58px;}
#blog-archive .uc_content .icon-author-avatar-icon:before {background: #FFF; border-radius: 50%;}
#blog-archive .ue_post_grid_item .ue_post_full_link {z-index: 10;}
#blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content {background: #006450;}
#blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .ue-grid-item-category a {background: #00303C; color: #FFF;}
#blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .ue-grid-item-meta-data-avatar img {filter: hue-rotate(6deg);}
#blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .uc_post_title .ue_p_title, #blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .ue-grid-item-meta-data, #blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .reading-time-wrapper p {color: #FFF;}
#blog-archive .ue_post_grid_item .ue_post_full_link:hover ~ .uc_content .icon-author-avatar-icon:before {color: #00CE7C;}

/*###################################
## Blog Single
###################################*/
.blog-single .elementor-widget-theme-post-content p {margin: 20px 0;}

/*###################################
## Privacy Policy/ Terms of Service
###################################*/
#privacy-policy .elementor-widget-text-editor ul li:not(:last-of-type), #terms-conditions .elementor-widget-text-editor ul li:not(:last-of-type) {margin-bottom: 10px;}

/*###################################
## Scroll Target
###################################*/
#execution:target, #people:target, #technology:target {scroll-margin-top: 50px !important;}
#strategy:target {scroll-margin-top: 100px !important;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1366px) {
	#careers-page .non-negotiable-video-wrap .elementor-widget-video, #careers-page #non-negotiable-video iframe {height: 455px !important;}
	#careers-page .e-hosted-video {height: 455px !important;}
}

@media screen and (max-width: 980px) {
	.wp-block-media-text {display: block !important;}
	.wp-block-media-text .wp-block-media-text__content {padding: 0 !important;}
}

@media screen and (max-width: 880px) {
	#global-header .elementor-nav-menu--dropdown {height: 100vh;}
}

@media screen and (max-width: 767px) {
	#global-header.sticky {border-bottom: 1px solid rgba(0,0,0,0.12);}
	#main-banner .elementor-widget-heading .elementor-heading-title span {font-style: normal;}
	#clarity-direction .content-wrapper {background: #F5F5F5; box-shadow: none;}
	#our-process .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {color: #006450;}
	#help-you .elementor-widget-heading .elementor-heading-title span {color: #006450 !important;}
	#global-footer .top-section .elementor-nav-menu--main .elementor-nav-menu {columns: 2;}
	#client-outcomes-page .e-n-tabs-heading, #about-page .team .e-n-tabs-heading {flex-direction: column; width: 100%;}
	#client-outcomes-page .elementor-icon-box-wrapper .elementor-icon-box-icon {margin-top: -4px;}
	#about-page .team .ue_post_grid {row-gap: 30px;}
	#about-page .team .ue_post_grid .ue-item img {width: 767px;}
	#careers-page .non-negotiable-video-wrap .elementor-widget-video, #careers-page #non-negotiable-video iframe {height: 390px !important;}
	#careers-page .e-hosted-video {height: 390px !important;}
	#client-outcomes-page .e-n-tabs .e-n-tabs-heading, #about-page .team .e-n-tabs-heading {position: static !important;}
}