/*

Theme Name: BodyMechanix
Description: BodyMechanix
Author: Ocreative
Author URI: https://www.ocreative.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada

*/

/* Text Styling */

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li, .white-text .vfb-control-label, .white-text {
	color:#FFF !important;
}

.white-links a {color:#FFF !important;}
.white-links a:hover {color:#fad000 !important;}

.small-text p {
	font-size:14px !important; 
	line-height:18px !important;
}

.large-bold strong { 
	font-size:20px !important; 
	line-height:26px !important;
}

#content {font-variant-ligatures: none !important;}

/* Button Styling */

.white-outline-button {
    background:transparent !important;
    border:2px solid #FFF !important;
    color:#FFF !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

.white-outline-button:hover {
    color:#000 !important;
    border:2px solid #000 !important;
	background-color:#FFF !important;
}

.white-button {
    background:#FFF !important;
    border:2px solid #FFF !important;
    color:#000 !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

.white-button:hover {
    color:#FFF !important;
    border:2px solid #FFF !important;
	background-color:transparent !important;
}

.white-button a, .white-text .white-button a {
	color:#000 !important;
}

.white-button a:hover, .white-text .white-button a:hover {
	color:#FFF !important;
}

.blue-link {color:#2e32a0 !important;}
.blue-link:hover {color:#12a9ee !important;}

.blue-link:after {
  content: "\f061";               
  font-family: "Font Awesome 5 Free";
  font-weight: 900;               
  margin-left: 8px;
  margin-top:2px;
  display: inline-block;
  color:#2e32a0 !important;
}
.blue-link:hover:after {color:#12a9ee !important;}

.yellow-link {color:#fdcf17 !important;}
.yellow-link:hover {color:#f5b44c !important;}

.yellow-link:after {
  content: "\f061";               
  font-family: "Font Awesome 5 Free";
  font-weight: 900;               
  margin-left: 8px;
  margin-top:2px;
  display: inline-block;
  color:#fdcf17 !important;
}
.yellow-link:hover:after {color:#f5b44c !important;}

/* Link Styling */

.arrow-link a {font-weight:bold !important;}

.arrow-link a::after {
	padding-left:5px;
	color:#0084b7;
	display:absolute; 
	top:15px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f30b"; 
	font-size:16px !important;
}

.arrow-link:hover a::after {
	padding-left:5px;
	color:#005aaa;
	display:absolute; 
	top:15px; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f30b"; 
}

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #FFF;
  transition: 300ms;
  margin:0px auto;
}

.black-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.black-link {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
  width:84px !important;
}
 
.black-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(61,65,69,1.00);
  transition: 300ms;
  margin:0px auto;
}

.black-link:hover {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
}

/* Text Styling */

.gradient-text-yellow {
  background: linear-gradient(90deg, #f7b058 0%, #fad12a 50%, #fdeda1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform:uppercase;
  background-clip: text;
  color: transparent;
}

.gradient-text-yellow-lower {
  background: linear-gradient(90deg, #f7b058 0%, #fad12a 50%, #fdeda1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight:800 !important;
}

.gradient-text-blue {
  background: linear-gradient(90deg, #002b9e 0%, #1c7dd1 50%, #12a9ee 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform:uppercase;
  background-clip: text;
  color: transparent;
}

.gradient-text-blue-lower {
  background: linear-gradient(90deg, #002b9e 0%, #1c7dd1 50%, #12a9ee 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight:800 !important;
}

/* Misc Styling */

.background-contain .fusion-column-wrapper, .background-contain {
    background-size:contain !important;
    
}

.background-cover .fusion-column-wrapper, .background-cover {
    background-size:cover !important;
    
}

.background-auto .fusion-column-wrapper, .background-auto {
    background-size:auto !important;
    
}

.uppercase {
	text-transform:uppercase !important;
}

.remove-margin p {margin-bottom:0px !important;}


/* Custom Bullet List */

.star-checklist ul {padding-left:0px !important; margin-top:25px !important;}

.star-checklist li {
    background: url(/wp-content/uploads/2026/08/Bullet-100.jpg) no-repeat 0px 1px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 30px;
    vertical-align: middle;
}

/* Animation Styling */ 

.resp-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 82.25%;
}

.resp-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Carousel */

.awb-carousel {padding-bottom:30px !important;}

/* =========================================================
   TESTIMONIAL CAROUSEL
   ========================================================= */

/* The 72% right-side column acts as the visible viewport */
.testimonial-carousel {
	overflow: hidden;
}

/* The nested-columns element acts as the moving track */
.testimonial-carousel-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

/* Prevent the testimonial columns from shrinking */
.testimonial-carousel-track .testimonial-slide {
	flex-shrink: 0 !important;
}

/* Prevent interaction while the carousel is moving */
.testimonial-carousel.is-moving {
	pointer-events: none;
}


/* =========================================================
   TESTIMONIAL ARROWS
   ========================================================= */

.testimonial-carousel-arrows {
	display: flex;
	align-items: center;
	gap: 55px;
	margin-top: 0px;
}

.testimonial-carousel-arrows button {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #174bc5;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}

.testimonial-carousel-arrows i {
	display: block;
	font-size: 52px;
	line-height: 1;
	color: inherit;
}

.testimonial-carousel-prev:hover {
	transform: translateX(-5px);
	opacity: 0.8;
}

.testimonial-carousel-next:hover {
	transform: translateX(5px);
	opacity: 0.8;
}

.testimonial-carousel-arrows button:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 5px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {
	.testimonial-carousel-arrows {
		gap: 45px;
		margin-top: 30px;
	}

	.testimonial-carousel-arrows i {
		font-size: 44px;
	}
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	.testimonial-carousel-track {
		transition-duration: 0.01ms !important;
	}
}

/* Footer */

.social-icons img {margin-right:15px !important;}

#wpforms-form-192 .wpforms-field-label {color:#FFF !important; padding-left:10px !important;}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
	color:#FFF !important; 
	background:transparent !important; 
	border:2px solid #FFF !important; 
	border-radius:20px !important;
}

.wpforms-container .wpforms-field {padding:8px 0 !important;}

div.wpforms-container-full button[type=submit] {
	height:auto !important; 
	padding:15px 60px; 
	border:0px solid #FFF !important;
	border-radius:30px !important;
	background-color:#FFF !important;
	color:#000 !important;
}

div.wpforms-container-full button[type=submit]:hover {background-color:#f4931b !important; color:#FFF !important;}

.footer-background {background: linear-gradient(to bottom,#12a9ee 0%, #002b9e 50%, #0f0e34 100%) !important;}

/* Responsive Styling and Media Queries */

/* Mobile Menu */

.fusion-mobile-menu-icons a {
	font-size:34px !important;
}

/* Media Queries */

@media screen and (max-width:1440px) {
	
	h1, h2, .serving-madison {font-size:46px !important; line-height:53px !important;}
	h3 {font-size:32px !important; line-height:38px !important;}
	h4 {font-size:26px !important; line-height:33px !important;}
	h5 {font-size:23px !important; line-height:30px !important;}
	
	.callout-bar {font-size:28px !important; line-height:35px !important;}
	
	
}

@media screen and (max-width:1180px) {
	
	.awb-menu__main-li {margin-right:2px !important; font-size:18px !important;}
	
}

@media screen and (max-width:1024px) {
	
	h1, h2, .serving-madison {font-size:42px !important; line-height:49px !important;}
	h3 {font-size:28px !important; line-height:35px !important;}
	h4 {font-size:24px !important; line-height:31px !important;}
	h5 {font-size:21px !important; line-height:28px !important;}
	
	.mobile-24 p {font-size:22px !important; line-height:29px !important;}
	.large-side-text p {font-size:29px !important; line-height:36px !important;}
	
	/* Misc */
	
	.background-removal {background:none !important;}
	
	.border-removal, .border-removal .fusion-column-wrapper {border:0px !important;}
	
	.fusion-accordian .fusion-panel {padding-bottom:10px !important;}
	
	.address-area p {font-size:21px !important; line-height:28px !important; text-align:center !important;}
	
	.social-icons p {text-align:center !important;}


	
}

@media screen and (max-width:640px) {
	
	h1, h2, .serving-madison {font-size:36px !important; line-height:43px !important;}
	h3 {font-size:26px !important; line-height:33px !important;}
	h4 {font-size:22px !important; line-height:29px !important;}
	h5 {font-size:20px !important; line-height:27px !important;}
	p {font-size:16px !important; line-height:22px !important;}
	

}