/* 
Theme Name: Forever Changes Strip Out
Theme URI: #
Description: A bespoke theme built off the Hello Elementor Theme
Author: Trio Media
Author URI: https://trio-media.co.uk
Template: hello-elementor
Version: 2.0.0
Text Domain: syers-mcgill
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
*/

/* Hide Menu item on Desktop */
@media (min-width: 981px) {
  .hide-on-desktop {
    display: none !important;
  }
}

/**
GLOBAL SECTION PADDING
**/
.page-content > div > .e-con:not(.e-con-full) {
	padding-left: 6vw;
	padding-right: 6vw;
}


/**
SCROLL ADJUSTMENT 
**/
.scrollAdjustment {
    scroll-margin-top: 170px; /* adjust to match your header height */
}

/**
GRAVITY FORM STYLES
**/

/* Make Gravity Forms input boxes closer together */
body .gform_wrapper .gfield {
	margin-bottom: -10px !important;
}

.gform_wrapper.gravity-theme .gfield_required {
  color: #DB0019;
}


.gform_required_legend {
	
	display:none;
}


.gform_wrapper .gform_validation_errors {
	margin-bottom: 10px;
}
.gform_wrapper .gform-icon,
.gform_wrapper .gform_validation_errors {
	border-color: #ff4334 !important;
	outline: unset !important;
	background-color: transparent !important;
}
.gform_wrapper .gform-icon,
.gform_wrapper .gform_submission_error,
.gform_wrapper .validation_message {
	color: #ff4334 !important;
}
.gform_wrapper .field_validation_below input {
	border-color: #405298;
}


.gFormDark .gfield_label,
.gFormDark .gform-field-label {
	font-size:14px !important;
	color: #fff;
	margin-bottom: 5px !important;
	font-weight: 300 !important;
}
.gFormLight .gform_wrapper.gravity-theme .gfield_label,
.gFormLight .gfield_label,
.gFormLight .gform-field-label {
  font-size: 14px !important;
  color: #1C1C1C !important;
  margin-bottom: 5px !important;
  font-weight: 300 !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {

  margin-top: -5px;

}


.gFormLight .gform_wrapper.gravity-theme .gfield input.large,
.gFormLight .gform_wrapper.gravity-theme .gfield select.large,
.gFormLight .gform_wrapper.gravity-theme .gfield textarea.large,
.gFormLight .gform_wrapper.gravity-theme .gfield textarea.small,
.gFormLight .gfield input.large,
.gFormLight .gfield select.large,
.gFormLight .gfield textarea.large {
  width: 100%;
  background-color: #fff !important;
  border: 1px solid #35427F !important;
  min-height:35px;
}

.gFormLight a {
  color: #255760 !important;
}

.gFormLight select {
  font-size: 14px !important;
  color: #255760 !important;
  font-weight: 300 !important;
}

.gFormLight .gform_fields input:not([type="checkbox"]),
.gFormDark .gform_fields input:not([type="checkbox"]) {
	height: 30px;
	border-radius: 3px;
}

.gFormLight .gform_fields,
.gFormDark .gform_fields {
	row-gap: 100px;
}
.gFormLight .gfield_required,
.gFormDark .gfield_required {
	display: none;
}

.gFormDark input:focus,
.gFormDark textarea:focus,
.gFormLight input:focus,
.gFormLight textarea:focus {
	outline: unset;
	border: unset;
}
.gFormLight .ginput_container.ginput_container_consent,
.gFormDark .ginput_container.ginput_container_consent {
	margin-top: 10px;
}

.gFormLight .gfield textarea.small,
.gFormDark .gfield textarea.small {
	min-block-size: 115px;
	height: 115px;
	border-radius: 3px;

}

.gFormDark .gform_button {
display: inline-block;
  background-color: #DB0019;
  border: solid #DB0019 1px;
  color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  padding: 10px 25px;
  text-align: center;
  transition: all 0.3s ease;
  margin-top:10px;
}
.gFormDark .gform_button:hover {
	background-color: transparent !important;
	color: white !important;
}

.gFormLight .gform_button {
display: inline-block;
  background-color: #DB0019;
  border: solid #DB0019 1px;
  color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  padding: 10px 25px;
  text-align: center;
  transition: all 0.3s ease;
  margin-top:10px;
}

.gFormLight .gform_button:hover {
	background-color: transparent !important;
	color: #DB0019 !important;
}


.gform-field-label a {
	
	color: #fff;
	text-decoration: underline;
	
}


/** CUSTOM BUTTON **/

.custom_button a {
	display: inline-block;
	background-color: #DB0019;
	border: solid #DB0019 1px;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
	font-family: "DM Sans", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	padding: 10px 25px;
	text-align:center;
	transition: all 0.3s ease;
}
@media (max-width: 768px) {
	.custom_button a {
		font-size: 16px;
	}
}
@media (max-width: 520px) {
	.custom_button a {
		padding: 8px 15px;
	}
}

.custom_button.light a:hover {
	background-color: transparent;
	color: #DB0019;
}

.custom_button.light a{
	background-color: transparent;
	color: #DB0019;
}

.custom_button.dark a:hover {
	background-color: transparent;
	color: #ffffff;
}

.custom_button.variant a {
	background-color: #DB0019;
	border-color: #DB0019;
	color: #fff;
}

.custom_button.variant a:hover {
	background-color: transparent;
	border-color: #DB0019;
	color: #fff;
}


/** GOOGLE RECPATCHA OVERRIDE **/
.grecaptcha-badge {
	display: none !important;
}

/** CUSTOM ARROWS FOR TESTIMONIALS SLIDER **/


/* Hide Elementor default arrow icons */
.elementor-swiper-button i,
.elementor-swiper-button svg {
  display: none !important;
}

/* === Base buttons === */
.elementor-swiper-button {
  width: 42px;
  height: 42px;
  background: transparent;
  transition: transform 0.2s ease, opacity 0.2s ease;
  z-index: 10;
}

/* Left arrow */
.elementor-swiper-button-prev {
  background-color: #DB0019;
  -webkit-mask: no-repeat center / 50%;
          mask: no-repeat center / 50%;
  -webkit-mask-image: url("https://www.foreverchangesstripout.com/wp-content/uploads/2025/11/chevron-left-light.svg");
          mask-image: url("https://www.foreverchangesstripout.com/wp-content/uploads/2025/11/chevron-left-light.svg");
}

/* Right arrow */
.elementor-swiper-button-next {
  background-color: #DB0019;
  -webkit-mask: no-repeat center / 50%;
          mask: no-repeat center / 50%;
  -webkit-mask-image: url("https://www.foreverchangesstripout.com/wp-content/uploads/2025/11/chevron-right-light.svg");
          mask-image: url("https://www.foreverchangesstripout.com/wp-content/uploads/2025/11/chevron-right-light.svg");
}

/* Hover & focus */
.elementor-swiper-button:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Disabled arrows (when not looping) */
.elementor-swiper-button.elementor-swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* Desktop positioning */
.elementor-swiper-button-prev { left: 10px; }
.elementor-swiper-button-next { right: 10px; }

/* === Mobile adjustments === */
@media (max-width: 767px) {
  .elementor-swiper-button {
    width: 22px;
    height: 22px;
    bottom: 10px !important; /* move to bottom */
    top: auto !important;
  }

  /* Position both arrows near bottom centre */
  .elementor-swiper-button-prev {
    left: 45%;
  }

  .elementor-swiper-button-next {
    right: 45%;
  }
}


.swiper-pagination-bullet {
	
	border: 1px solid #666666;
	
	
}

/** FIX GREY FLICKER ON ACCORDIONS ON MOBILE **/

.e-n-accordion-item-title,
.e-n-accordion-item-content {
  -webkit-tap-highlight-color: transparent !important;
  background-color: inherit !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translateZ(0) !important;
  -webkit-transform: translate3d(0,0,0) !important;
  will-change: transform;
  contain: layout paint;
  transition: none !important;
}

.e-n-accordion-item {
  overflow: hidden;
  transform: translateZ(0);
  -webkit-transform: translate3d(0,0,0);
}