/*
Theme Name: scalesquad
Theme URI: https://scalesquad.com
Description: Official child theme for scalesquad
Author: Scale Squad
Author https://scalesquad.com
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

* {
  -webkit-tap-highlight-color: transparent;
}

#main-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
	padding: 30px 0;
}

#main-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>a:before,
#secondary-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>a:before {
	content: "•" / "";
	display: inline-block;
	opacity: 0;
    transform: translateX(0%);
    transition-duration: .3s;
	padding-inline-end: 3px;
}

#main-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>a:hover:before,
#secondary-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>a:hover:before,
#main-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item>a:before,
#secondary-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li.current-menu-item>a:before{
	opacity: 1;
}

div#et-main-area {
    overflow: hidden;
}

body #page-banner,
body .et_pb_fullwidth_header_0 {
  	position: relative; /* important for absolute positioning */
	overflow: hidden;
}

body .et_pb_fullwidth_header_0 .et_pb_fullwidth_header_container {
	z-index: 4;
}

body .et_pb_fullwidth_header_0:before,
body #page-banner:before{
  	animation:
    slideInLeft 2s cubic-bezier(0.645, 0.045, 0.355, 1) backwards,
    breatheMotion 10.2s linear 2s infinite; /* starts after slide finishes */
	margin-left: -20px;
}

body .et_pb_fullwidth_header_0:before{
	width: 320px;
    height: 331px;
}

body .et_pb_fullwidth_header_0:after,
body #page-banner:after{
	animation:
    slideInRight 2s cubic-bezier(0.645, 0.045, 0.355, 1) backwards,
    breatheMotion 10.2s linear 2s infinite;
	margin-right: -20px;
}

body .et_pb_fullwidth_header_0:after{
	width: 343px;
    height: 355px;
}

.section-right-x.in-view:after{
	right: calc((100vw - 1320px) / 2 - 200px) !important;
	--starting-vp: 550px;
	--starting-opacity: 0.17;
	--final-opacity: 0.17;
  	animation: slideInRight 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) backwards;
}

/* SLIDE IN FROM LEFT */
@keyframes slideInLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* SLIDE IN FROM RIGHT */
@keyframes slideInRight {
  0% {
    transform: translateX(var(--starting-vp, 100px));
     opacity: var(--starting-opacity, 0);
  }
  100% {
    transform: translateX(0);
    opacity: var(--final-opacity, 1);
  }
}



/* SMOOTH LOOP FLOAT (left-right “breathe” motion) */
@keyframes breatheMotion {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(11px);
  }
  50% {
    transform: translateX(22px);
  }
  75% {
    transform: translateX(11px);
  }
  100% {
    transform: translateX(0);
  }
}

@media (max-width: 1320px) {
	.section-right-x.in-view:after{
		right: -190px !important;
	}
}

@media (max-width: 1180px) {
	body .et_pb_fullwidth_header_0{
		padding-top: 200px !important;
		padding-bottom: 200px !important;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
    body .et_pb_column .et_pb_team_member_image {
        text-align: center;
    }
	
	
}

@media (max-width: 767px){

	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header{
		font-size: 40px
	}
	
	body .et_pb_fullwidth_header_0{
		padding-top: 150px !important;
		padding-bottom: 150px !important;
	}
}


@media (max-width: 600px){
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header{
		font-size: 36px
	}
}


@media (max-width: 400px){
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header,
	body .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header{
		font-size: 28px
	}
}