/*
 Theme Name:     GSM Tennis
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@media only screen and (max-width:1142px) {}
@media only screen and (max-width:980px) {}
@media only screen and (max-width:767px) {}

/* CENTER CONTENT MIDDLE */
.et_pb_equal_columns >.et_pb_column {
	margin-top:auto;
	margin-bottom:auto;
}
/* CENTER CONTENT MIDDLE */

/* TOP BANNER */
.text_banner-top {
  position: absolute !important;
  right: 24% !important;
  top: 20%;
}
.text_banner-top .underline::after {
  content: "";
  height: 8px;
  width: 310px;
  background-color: #ff0;
  position: absolute;
  bottom: -8px;
  right: 0;
  overflow: hidden;
}
.text_banner-top .txt-bigger {
	font-size: 130%;
}
.text_banner-top .txt-top-margin {
	margin-left: -70px;
}

.players-top-banner_img {
  position: absolute !important;
  display: table;
  bottom: 0;
  width: 71% !important;
  left: 0% !important;
  z-index: 10 !important;
}

.pc-top-banner_img {
  position: absolute !important;
  z-index: 7;
  right: 14%;
  width: 530px;
  top: 36%;
}

.sponsor_banner-top {
  position: absolute;
  right: 0;
  bottom: 20px;
}

@media only screen and (max-width:980px) {
	.text_banner-top,
	.players-top-banner_img,
	.pc-top-banner_img, 
	.sponsor_banner-top {
	  position: unset !important;
	}
	.text_banner-top {
	  width: auto;
	  display: table;
	  margin-left: auto;
	  margin-right: auto;
	}
	.text_banner-top .underline::after {
	  width: 240px;
	}
	.players-top-banner_img,
	.pc-top-banner_img {
		width: inherit !important;
	}
}
@media only screen and (max-width:767px) {
	.text_banner-top .underline::after {
	  width: 173px;
	}
}
/* TOP BANNER */

/* INLINE BTN */
.inline-btn .et_pb_button_module_wrapper {
  display: inline;
}

@media only screen and (max-width:980px) {
	.inline-btn .et_pb_button_module_wrapper {
		/*display: inherit !important;
		margin-right: inherit !important;*/
	}
}
/* INLINE BTN */

/* PROGRAMS TABLE */
.blurb_programs .subtitle {
	text-align: center;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.blurb_programs .line {
	width: 80%;
	height: 1px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
/* PROGRAMS TABLE */

/* PROFILE */
.profile-player-1_img {
  position: absolute;
  bottom: -80px;
  width: 26%;
  left: -180px;
}
.profile-player-2_img {
  position: absolute;
  bottom: -80px;
  width: 26%;
  right: -180px;
}
@media only screen and (max-width:980px) {
	.profile-player-1_img, .profile-player-2_img {
		display: none;
	}
}
/* PROFILE */

/* FIVE POINTS */
.five_points .points {
	position: absolute !important;
	display: table;
	top: -50px;
	right: 14% !important;
	z-index: 10 !important;
}
.five_points .leadership {
	position: absolute !important;
	display: table;
	bottom: 90px;
	left: 20% !important;
	z-index: 10 !important;
}
.five_points .errors {
	position: absolute !important;
	display: table;
	bottom: 30px;
	right: 20% !important;
	z-index: 10 !important;
}
.five_points .text_five-points {
	position: absolute !important;
	left: 17% !important;
	top: 10%;
	z-index: 50;
}

@media only screen and (max-width:980px) {
	.five_points .points, .five_points .leadership, .five_points .errors, .five_points .text_five-points {
		position: unset !important;
	}
}
/* FIVE POINTS */

/* DATA */
.data .rally {
	position: absolute !important;
	display: table;
	top: 400px;
	left: 1% !important;
	z-index: 10 !important;
}
.data .backhand {
	position: absolute !important;
	display: table;
	bottom: 150px;
	right: -16% !important;
	z-index: 10 !important;
}

.data-player_img {
  position: absolute;
  bottom: -180px;
  width: 100%;
  left: 50px;
}

@media only screen and (max-width:980px) {
	.data .rally, .data .backhand, .data-player_img {
		position: unset !important;
	}
}
/* DATA */

/* FOOTER */
.text_banner-footer {
  /*position: absolute !important;
  right: 24% !important;
  top: 20%;*/
}
.text_banner-footer .underline::after {
  content: "";
  height: 8px;
  width: 180px;
  background-color: #ff0;
  position: absolute;
  bottom: -8px;
  right: 47px;
  overflow: hidden;
}
.text_banner-footer .txt-bigger {
	font-size: 130%;
}
.text_banner-footer .txt-top-margin {
	margin-left: -70px;
}

@media only screen and (max-width:980px) {
	.text_banner-footer {
		width: auto !important;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	.text_banner-footer .underline::after {
	  content: "";
	  width: 182px;
	  right: 0px;
	}
}
/* FOOTER */


/* PARALLAX */
.dg-heading-text .et_pb_column,
  .dg-front-images .et_pb_column,
  .dg-back-images .et_pb_column {
    height: 100%;
  }

  .dg-img-float-three {
    animation: float-three 3s linear infinite;
  }
  
  .dg-img-float-five {
    animation: float-five 5s linear infinite;
  }
  
  .dg-img-float-seven {
    animation: float-seven 7s linear infinite;
  }
  
  .dg-img-float-nine {
    animation: float-nine 9s linear infinite;
  }
  
@media only screen and (max-width:980px) {
	.dg-img-float-three, .dg-img-float-five, .dg-img-float-seven, .dg-img-float-nine {
		animation: inherit !important;
	}
}

  @keyframes float-three {
    from {
      transform: rotate(0deg) translateY(2px) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateY(2px) rotate(-360deg);
    }
  }
  
  @keyframes float-five {
    from {
      transform: rotate(0deg) translateY(3px) rotate(0deg);
    }
    to {
      transform: rotate(-360deg) translateY(3px) rotate(360deg);
    }
  }
  
  @keyframes float-seven {
    from {
      transform: rotate(0deg) translateY(4px) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateY(4px) rotate(-360deg);
    }
  }
  
  @keyframes float-nine {
    from {
      transform: rotate(0deg) translateY(5px) rotate(0deg);
    }
    to {
      transform: rotate(-360deg) translateY(5px) rotate(360deg);
    }
  }
/* PARALLAX */

/* CONTACT FORMS */
.contact_form .send_btn {
	background-color: #0000ff !important;
	border-radius: 50px !important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	border: 2px solid transparent;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.contact_form .send_btn:hover {
	background-color: #ffffff !important;
	color: #0000ff !important;
	border: 2px solid #0000ff !important;
}

div.wpforms-container-full button[type="submit"]:hover {
	background: inherit !important;
}


/* CONTACT FORMS */


/*-------------------------------------------------------------------------------------------------------*/


/* NUEVOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/*WHATSAPP BTN*/
.whatsapp-btn {
    display: scroll;
	position: fixed;
	z-index: 1000;
	bottom: 30px;
	right: 30px;
	width: 70px;
}
/*WHATSAPP BTN*/
.imageDivider {
	height:600px;
}

@media screen and (max-width : 980px) {
  .twoColumnSwitch {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .textImageRow .imageColumn {
    min-height: 300px;
  }
	.imageDivider {
		height:1px;
	}
}
@media screen and (max-width : 767px) {
  .textImageRow .imageColumn {
    min-height: 200px;
  }
}


.whatsapp-btn {
  /*display: scroll;*/
  position: fixed;
  z-index: 1000;
  bottom: 30px;
  right: 30px;
  width: 70px;
}

.code-helper-module {
  display: none;
}

/* POPUP SECTION */
/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */
body:not(.et-fb) .dl-popup-wrapper {
  position:fixed;
  z-index:990;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all .5s cubic-bezier(.14,.06,.41,1.39);
  opacity:0;
  visibility:hidden;
	display: none;
}
body:not(.et-fb) .dl-popup-wrapper.popup-is-visible {
  opacity:1;
  visibility:visible;
	display: block;
}


/* Allow the content inside the popup wrapper to scroll */
.dl-popup-inside {
  height:100%;
  overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.dl-noscroll {
  overflow: hidden;
}

/* Center Align Popup Content inside the Section */
.dl-popup-content {
  display:flex;
  flex-direction:column;
  justify-content: center;
}
.dl-popup-content .et_pb_row {
  margin-top:0;
  margin-bottom:0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top:46px;
  }
}
@media (min-width:783px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top:32px;
  }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
  z-index:99999;
}

/* Add a hand cursor to the close trigger element */
.dl-popup-close {
  cursor:pointer;
}

/* Add Row animation when popup is triggered */
/*.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.dl-popup-close) {
	animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .2s;
}
@keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}*/

/* Add Row animation when popup is triggered */
.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.dl-popup-close) {
	animation:scale-in .3s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .1s;
}
@keyframes scale-in{0%{transform:scale(0.1);opacity:0}100%{transform:scale(1);opacity:1}}

/*
Para que funcione agregar al link el ID de la seccion destino y agregar clase (dl-popup-trigger) que dispara el popup
*/
/* POPUP SECTION */

/**/
.whatsapp-btn {
    position: fixed;
    right: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: .2s;
}

.whatsapp-btn:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}

.whatsapp-btn span {
  font-size: 16px;
  margin-left: 5px;
  transition: .2s;
  line-height: 0px;
  display: none;
  vertical-align: middle;
}

.whatsapp-btn:hover span {
    display: inline-block;
}

/* WhatsApp */
.whatsapp-btn.whatsapp {
    background-color: #34af23;
    bottom: 25px;
}

.whatsapp-btn.whatsapp:hover {
    background-color: #1f7a12
}

.whatsapp-btn.whatsapp img {
  width: 28px;
  vertical-align: middle;
}
/**/