/* 
Theme Name: Calliope
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Calliope Theme Made by Get Online NOLA with Elementor 
Author: Get Online NOLA
Author URI: getonlinenola.com
Template: hello-elementor
Version: 2.0.0
Text Domain: calliope
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html,
body {
  overflow-x: hidden;
}

p a{
	text-decoration:underline!important;
	color:inherit;
}

.count-up {
  display: inline-block;
}

/*main menu nav*/
.main-menu a.elementor-item.elementor-item-active, .main-menu a.elementor-sub-item.elementor-item-active {
  font-weight: 700!important;
}

.main-menu a.elementor-item {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.main-menu a.elementor-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -17.5px;
  right: -17.5px;
  height: 24px;
  transform: translateY(-50%) scaleX(0);
  transform-origin: center;
  background-color: #D0B66E3B;
  transition: transform 0.4s ease-out;
  z-index: -1;
  pointer-events: none;
}

.main-menu a.elementor-item:hover::before {
  transform: translateY(-50%) scaleX(1);
}

@media (max-width: 767px) {
   .main-menu .elementor-nav-menu .sub-menu {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    .main-menu  .elementor-nav-menu .sub-menu li {
        text-align: center !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

   .main-menu .elementor-nav-menu .sub-menu .elementor-item,
    .main-menu .elementor-nav-menu .sub-menu a {
        display: block !important;
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin: 0 auto !important;
    }
	.main-menu a.elementor-item::before {
		display:none;
	}
}

/*header scrolled*/

@media (min-width: 1025px) {
    .top-nav .logo img {
        transition: width 0.3s ease!important;
    }

    .top-nav .top-bar-btn .elementor-button {
        transition: padding 0.3s ease;
    }
	
.top-nav.scrolled .logo img {
	width: 45% !important;
	max-width: 45% !important;
	height: auto !important;
	transition: width 0.3s ease!important;
}

    .top-nav.scrolled .top-bar-btn .elementor-button {
        padding: 4px 6px !important;
    }
} 

@media (max-width: 767px) {
    .top-nav .logo img {
        transition: width 0.3s ease;
    }
}


/*buttons*/
.elementor-button:hover {
  animation-name: gon-button-push;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

@keyframes gon-button-push {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/*gravity forms*/
.gfield_label.gform-field-label {
	font-size: 20px!important;
  font-weight: 500!important;
  font-family:     Figtree!important;
	}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
	color: #084C5A4D!important;
font-size: 18px!important;
  font-weight: 500!important;
  font-family:     Figtree!important;
		font-size: 20px!important;
line-height:22px;
	color:white!important;
}



[class*="gform-button"],
[class*="gform_button"] {
	background-color: #D0B66E !important;
	color: #022D6F !important;
	transition: background-color 0.2s ease;
	padding: 10px 32px !important;
	border-radius:6px!important;
	font-weight: 500!important;
	font-size:20px!important;
	border: 1px solid #D0B66E!important;
	line-height:28px!important;
	}

[class*="gform-button"]:hover,
[class*="gform_button"]:hover {
	background-color: transparent !important;
	color:#D0B66E!important;
	animation-name: gon-button-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

#gform_1 input:focus,
#gform_1 textarea:focus,
#gform_1 select:focus {
	outline: 2px solid #FFFFFF26!important;
	border-color: white!important;
}

#gform_1 input,
#gform_1 textarea,
#gform_1 select {
	border: 1px solid #FFFFFF26;
	background-color:#2D4C85;
	border-radius:6px;
}

#gform_1 .gform_fields {
	row-gap: 12px;
}

/*testimonials*/
@media (max-width: 767px) {
.elementor-testimonial--layout-image_left .elementor-testimonial {
         flex-direction: column-reverse!important;
}
	/*gf mobile placeholder text size*/
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
	font-size: 17px!important;
} 

	[class*="gform-button"],
[class*="gform_button"] {	
	font-size:18px!important;	
	}
}

.elementor-testimonial__content {
       align-items: center;
    display: flex;
}