/*
 Theme Name:   EC HVAC Demo
 Theme URI:    https://www.energycircle.com
 Description:  EC HVAC Demo
 Author:       Energy Circle
 Author URI:   https://www.energycircle.com
 Template:     generatepress
 Version:      0.1
*/

/* ------------------- Desktop navigation & sticky styles -------------------- */
#sticky-navigation,
#mobile-header.is_stuck {
    box-shadow: 0 5px 2px -2px rgb(0 0 0 / 20%);
    background: white;
}

.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
    font-size: 16px;
}

.site-logo img {
	height: 60px;
	width: auto;
}

/* -------------------- Auxiliary menu styles -------------------- */
.secondary-navigation .menu-toggle {
    display: none;
}

@media (max-width: 1024px) {
    #secondary-navigation, 
    .menu-bar-items {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .secondary-navigation ul,
    .secondary-navigation:not(.toggled) .main-nav > ul {
        display: none;
    }
}

@media (max-width: 768px) {
    .secondary-navigation {
        text-align: center !important;
    }
    .secondary-navigation ul {
        display: block;
    }
    .secondary-navigation .sf-menu > li {
        float: none;
        display: inline-block !important;
    }
}


/* -------------------- Mobile header and hamburger menu styles -------------------- */
.mobile-header-navigation {
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    background: transparent;
}

.mobile-header-navigation .gp-icon {
    font-size: 24px;
  line-height: inherit;
}

.mobile-header-navigation .gp-icon svg {
  height: 1.1em;
  width: 1.1em;
}

#generate-slideout-menu .gb-button-wrapper .gb-button,
.slideout-navigation.do-overlay .inside-navigation .main-nav,
.slideout-navigation.do-overlay .inside-navigation .slideout-widget {
    width: 100%;
}

.slideout-navigation.do-overlay .inside-navigation .main-nav {
    padding-left: 20px;
}

#generate-slideout-menu.main-navigation .main-nav ul ul {
    left: 20px !important;
}

.main-navigation.slideout-navigation .main-nav > ul > li > a {
    line-height: 30px;
}

#generate-slideout-menu .gb-block-image {
    display: flex;
}

#generate-slideout-menu .gb-block-image img {
    height: auto;
    width: 150px;
    margin-left: 20px;
}

#generate-slideout-menu.do-overlay .slideout-menu li {
    text-align: left !important;
    margin-bottom: 10px;
}

#menu-aux-menu-2.gp-collapsible-menu {
    display: block;
}

#menu-aux-menu-2.gp-collapsible-menu li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
}

#menu-aux-menu-2.gp-collapsible-menu li a {
    color: var(--global-color-4);
    padding-left: 10px;
}

#menu-aux-menu-2.gp-collapsible-menu li a:hover, 
#menu-aux-menu-2.gp-collapsible-menu li.current-menu-ancestor > a, 
#menu-aux-menu-2.gp-collapsible-menu li.current-menu-item a 
 {
     color: var(--global-color-3);
}

#menu-aux-menu-2.gp-collapsible-menu .sub-menu-toggle {
    color: var(--global-color-4);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 20px;
}

#menu-aux-menu-2.gp-collapsible-menu li.open > .sub-menu {
  display: unset;
  position: relative;
  left: 0;
  opacity: 1;
  height: auto;
  padding: 5px 0 0 15px;
}

#menu-aux-menu-2.gp-collapsible-menu li.open > .sub-menu li {
    position: relative;
    left: 0;
}

#menu-aux-menu-2.gp-collapsible-menu .toggle-icon {
    transition: transform 0.3s ease;
}

#menu-aux-menu-2.gp-collapsible-menu li.open .toggle-icon {
    transform: rotate(180deg);
}


.slideout-navigation .main-nav {
    margin-bottom: 20px;
}

/* Update color */
.slideout-exit .gp-icon svg {
    fill: var(--global-color-4);
}

.slideout-navigation.main-navigation .main-nav ul li a {
    color: var(--global-color-1);
}


#generate-slideout-menu.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    border-left: unset;
}

@media (max-width: 1279px) {
    #generate-slideout-menu.main-navigation ul.ec_menu_ul {
        display: block !important;
    }
    .slideout-navigation.do-overlay .slideout-exit {
        position: fixed !important;
        right: 20px !important;
    }

    .slideout-navigation.do-overlay .inside-navigation {
        padding: 0 !important;
    }
}

#secondary-navigation {
	background: linear-gradient(270deg, var(--md-teal) 21.03%, var(--sec-teal-mid) 82.54%);
	padding: 10px 0;
}

.secondary-nav-aligned-right .secondary-navigation .inside-navigation {
	justify-content: space-between !important;
    padding: 0 20px !important; 
}

/* -------------------- Testimonials -------------------- */
#swiper-wrapper-92836a1b9c3de7a2,
#testimonials .gb-carousel-items {
    display: flex !important;
    align-items: stretch !important;
}

#testimonials .gb-carousel-item {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important; 
}

#testimonials .gb-carousel-item > .gb-element-89a38a19 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 auto !important; 
    width: 100%;
}


#testimonials .full-content-inside {
    flex-grow: 1 !important;
}

#testimonials .gb-carousel-item > .gb-element-89a38a19 > div:last-child {
    margin-top: auto !important;
}

/* -------------------- Distinctions -------------------- */
/* Check if all are needed */
.distinctions .wp-block-getwid-post-carousel__post-title {
    display: none;
}

.distinctions .wp-block-getwid-post-carousel__post-thumbnail img {
    object-fit: contain;
}

.distinctions.wp-block-getwid-post-carousel .slick-track {
    align-items: center;
}

/* -------------------- Footer styles -------------------- */
.ec_menu_ul {
    margin-left: 0em;
    list-style-type: none;
}

.ec_menu_ul ul.sub-menu {
    list-style-type: none;
}

/* Update color */
.footer .ec_menu_ul li a {
	color: white;
	text-transform: capitalize;
}

.footer .ec_menu_ul li a:hover {
	color: var(--light-teal);
}

@media (max-width: 768px) {
    .footer {
        text-align: center;
    }
}

/* -------------------- WP Forms styles -------------------- */



@media (max-width: 500px) {
    div.wpforms-field-container .wpforms-field-name .wpforms-one-half {
        width: 100% !important;
    }

    div.wpforms-field-container
        .wpforms-field-name
        .wpforms-field-row
        > .wpforms-one-half:last-child {
        margin: 20px 0 0;
    }
}


div.wpforms-container-full input[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full button[type=submit]:not(:hover):not(:active), 
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
	padding: 1rem 3rem;
	    height: unset;
}

div.wpforms-container-full input[type=submit]:hover, 
div.wpforms-container-full input[type=submit]:active, 
div.wpforms-container-full button[type=submit]:hover, 
div.wpforms-container-full button[type=submit]:active, 
div.wpforms-container-full .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-page-button:active, 
.wp-core-ui div.wpforms-container-full input[type=submit]:hover, 
.wp-core-ui div.wpforms-container-full input[type=submit]:active, 
.wp-core-ui div.wpforms-container-full button[type=submit]:hover, 
.wp-core-ui div.wpforms-container-full button[type=submit]:active, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
	background: var(--light-teal);
		padding: 1rem 3rem;
	height: unset;
}

/* -------------------- General styles -------------------- */

.gb-text-69590438 {
	margin-top: 0;
	width: unset;
	line-height: 20px;
}

header .gb-text-69590438 {
	margin-left: 40px;
}

.is_stuck .gb-text-69590438 {
	padding: 0.5rem 2rem
}

.gb-overlay--standard, .gb-overlay[open] {
	overflow-y: scroll;
}

.inside-article a[class*="gb-text"] {
	color: var(--base-1);
}

.service-previews img {
	height: 280px;
	object-fit: cover;
}

.distinctions img {
	height: 80px;
	object-fit: contain;
}

.flip-card {
    perspective: 1000px;
    border: none !important; 
    min-height: 320px; 
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, 
.flip-card-back {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px; 
}

.flip-card-back {
    transform: rotateY(180deg);
    background-color: rgba(255, 255, 255) !important;
}

.flip-card.values {
	min-height: 200px;
}

.flip-card.values .flip-card-front, 
.flip-card.values .flip-card-back {
	justify-content: center;
}


.background-video {
    position: absolute;
    opacity: 0.5;
}

.homepage-hero video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.collapsed-form textarea.wpforms-field-small {
	height: 43px !important;
}

@media only screen and (min-width: 768px) {
	.collapsed-form .wpforms-field-container {
		display: grid;
		grid-template-columns: repeat(4,minmax(0,1fr));
		gap: 1rem;
	}
}