/*
 Theme Name:   wonderbuild
 Template:     Divi
*/


@import url("../Divi/style.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");




/* =Theme customization starts here
-------------------------------------------------------------- */

.strava-wrapper {
  width: 100%;
  height: 900px; /* Adjust this height as needed */
  overflow: hidden;
  position: relative;
}

.strava-wrapper iframe {
  height: 100% !important;
  width: 100% !important;
  border: none;
}

/* Tablet (768px to 1024px) */
@media only screen and (max-width: 1024px) {
  .strava-wrapper {
    height: 650px;
  }
}

/* Mobile (less than 768px) */
@media only screen and (max-width: 767px) {
  .strava-wrapper {
    height: 500px;
  }
}




/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1400px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
#et_top_search {margin-top: 10px;}
}
/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #ffffff;
    font-size:20px;
}
/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
.et_mobile_menu li {
  text-transform: uppercase;
  text-align: center;
}
.et_mobile_menu li a {font-size: 20px !important;}


/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 



/* ADDING STRAVA - WHERE RSS WAS */
.et-social-rss a.icon:before {
	content: "\f428" !important;
	font-family: "Font Awesome 5 Brands" !important;
}


.et-cart-info span {
	display: none;
}

.mobile_menu_bar:before {color:#FFF !important;}
.et_mobile_menu {border-top: 4px solid #FFF !important;}


/* TRANSPARENT HEADER BACKGROUND ON HOMEPAGE ONLY */
.home #main-header {
  background:transparent; 
  background-color: rgba(0, 0, 0, 0.2) !important;
  position:absolute;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.0) !important;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.0) !important;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.0) !important; 
}


/* SUBNAV DISPLAY ON-CLICK  goes in styles.css */
.nav li.et-touch-hover>ul, .nav li:hover>ul {
    visibility: hidden;
    opacity: 0;
	transform: translatey(-10px);
	transition: 0.15s all ease-in;
}
.nav .menu-item.children-opened ul.sub-menu {
    opacity: 1;
	transform: translatey(0);
    visibility: visible;
}
.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul, .et_secondary_nav_dropdown_animation_expand #et-secondary-nav li:hover>ul{
	animation: none;
}


/* HOMEPAGE FULL WIDTH HEADER BUTTONS ALIGN ON MOBILE */
@media all and (max-width: 479px) {
 .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
 margin-left: 0 !important;
 }
}


/* CHANGING SLIDER HEIGHT FOR HOMEPAGE */
.homepage-fullscreen-slider .et_pb_slider, .et_pb_slider .et_pb_container {
height: 100vh !important;
}
.homepage-fullscreen-slider .et_pb_slider, .et_pb_slider .et_pb_slide {
max-height: 100vh;
}


/* SPONSOR LOGO SHOWCASE */
#wpls-logo-showcase-slider-1 .wp-post-image {max-height:150px !important;}



/* TESTIMONIALS */
.strong-view.default div {
    box-sizing: border-box;
    border: none !important;
}
.testimonial-heading {
  font-size: 30px !important;
  line-height: 1.5 !important;
}
.testimonial-content p {
  font-size: 22px !important;
  line-height: 1.5 !important;
}


/* FORCING BUTTON TEXT COLOR */
a.et_pb_button {color:#FFF !important;}



/* QUICK LINKS FOOTER */

.quick-links h3 {
    background-color: #000;
    color: #FFF !important;
    padding: 3px 5px !important;
    border-radius: 3px !important;
}

.quick-links a {
  background-color:#408bd1;
  color: #FFF !important;
  padding:5px !important;
  margin: 5px 0 !important;
  border-radius: 3px !important;
  line-height: 2.5 !important;
  text-transform: uppercase;
}

.quick-links a:hover {
  text-decoration:underline;
}

/* FOOTER INFO ALIGN CENTER */
#footer-info {text-align:center !important; float:none !important;}

/* Gravity Forms Style */
.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=email]{
	border: 2px solid #fff !important;
	background-color: transparent !important;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select{
	color: #fff !important;
}

.gform_wrapper.gravity-theme .gfield_label{
	color: #fff !important;
}

#gform_submit_button_1 .gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full{
	background-color: #000 !important;
	padding: 12px 0 !important;
	color: #fff !important;
	border: 0 !important;
	text-transform: uppercase;
	font-size: 16px !important;
	border-radius: 6px !important;
}

#gform_submit_button_2 {
	background-color: #D5860A !important;
	padding: 12px 0 !important;
	color: #fff !important;
	border: 0 !important;
	text-transform: uppercase;
	font-size: 16px !important;
	border-radius: 6px !important;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label{
	font-size: 13px !important;	
	color: #fff !important;
}

#gform_confirmation_message_1{
	color: #fff !important;
	text-align: center !important;
}

#gform_confirmation_message_2{
	color: #fff !important;
	text-align: center !important;
}

.gform_wrapper.gravity-theme .gfield_required{
	color: #eee !important;
}