/*
Theme Name: Divi Child Web Dev Final
Version: 1.0
Description: A child theme of Divi
Author: akash shamilka
Template: Divi
*/

@import url("../Divi/style.css");




.posts-row {
    /* background-repeat: no-repeat; */
    /* display: inline-grid; */
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    /* grid-gap: 20px!important; */
    row-gap: 32.5px;
    /* width: 100%; */
    /* justify-content: center; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* width: 24%; */
	margin-left: -30px;
    margin-right: -30px;
}

.post-item {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    height: 423.5px;
    /* width: 300px!important; */
    position: relative;
    background-color: #000;
    border-radius: 19px;
    text-align: left;
    width: 23.85%;
}

.post-item:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,0) 33.83%,rgba(0,0,0,.733333) 84.67%);
    border-radius: 19px;
}

.post-item:hover:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8));
    border-radius: 19px;
}

.coaches-images {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 19px;
}

/* Initially hide the content */
.display-hover-content {
    margin: 0px!important;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    padding-left: 40px;
    /*bottom: 0;*/
    z-index: 1;
    visibility: hidden;  /* Hide the content */
    opacity: 0; /* Hide the content */
    transition: visibility 0.3s, opacity 0.3s;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Show the content on hover */
.post-item:hover .coaches-display-name {
    display: none;
}

.post-item:hover .display-hover-content {
    visibility: visible;  /* Show the content */
    opacity: 1; /* Show the content */
}

.display-hover-content h2 {
	font-family: 'GT America',Helvetica,Arial,Lucida,sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    padding-bottom: 20px;
    width: 181px;
}

.display-hover-content p {
	font-family: 'Sussie',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding-bottom: 0;
    font-weight: 500;
    width: 233px;
    pointer-events: none;
}

.display-hover-content .coaches-details-list-view {
	font-family: 'Sussie',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding-bottom: 0;
    font-weight: 500;
    width: 233px;
    pointer-events: none;
}

.display-hover-content .coaches-seemore-button{
	padding-bottom: 10px!important;
    font-family: 'GT America',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
}

.coaches-display-name {
	margin: 0px!important;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    padding-bottom: 39.75px;
    padding-left: 25px;
    padding-right: 25px;
    bottom: 0;
    z-index: 1;
}

.coaches-display-name h3 {
	font-family: 'GT America',Helvetica,Arial,Lucida,sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 49px;
    color: #FFFFFF!important;
    text-transform: uppercase;
	text-align: center;
	padding-bottom: 0;
}

.load-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-load-more {
	padding: 17px 4px;
    gap: 10px;
    width: 201px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 3px;
    font-family: 'Sussie',Helvetica,Arial,Lucida,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin-top: 30.25px;
    cursor: pointer;
}
/*.posts-row .post-item.hide {
    display: none;
}
*/

div[id="395"] .coaches-display-name h3,
div[id="397"] .coaches-display-name h3 {
	font-size: 27px;
}

div[id="397"] .display-hover-content h2 {
	font-size: 26px;
}

div[id="390"] .coaches-display-name h3 {
	font-size: 40px;
}

ul.bullet-points {
  list-style-type: disc;
  padding-left: 20px;
}

ul.bullet-points li {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1300px) {
div[id="395"] .coaches-display-name h3,
div[id="397"] .coaches-display-name h3 {
	font-size: 22px;
	}
}

@media only screen and (max-width: 1130px) {
div[id="395"] .page-template-default .coaches-display-name h3,
div[id="397"] .page-template-default .coaches-display-name h3 {
	font-size: 22px!important;
	}
}

@media only screen and (max-width: 599px) {
.page-template-default .posts-row {
    row-gap: 32.5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 300px;
    margin: 0 auto;
	}
}
/************************ Sound Carousel **************************/

/**** Sound Carousel Row Max Width ****/
/*.trainers-template-default .et_pb_row et_pb_row_2_tb_body {
	width: 90%;
	max-width: 1192px!important;
}*/

/**** Sound Carousel play button size reduce ****/
.trainers-template-default .sounds-play-button {
	width: auto!important;
}

/* CSS for images in sounds carousel */
.trainers-template-default .sounds-images {
	width: 100%;
    height: 100%;
	height: 330px;
    object-fit: cover;
    object-position: top;
    border-radius: 19px;
	margin-bottom: 36px;
}

.trainers-template-default .sound-details-container {
	display: flex;
    width: 100%;
    align-items: center;
    max-width: 298px;
    margin: 0 auto;
    justify-content: space-between;
}

.trainers-template-default .sound-details-wrapper {
	display: inline-block;
    width: 100%;
    max-width: 250px;
}

.trainers-template-default .sound-title {
	font-family: 'GT America';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: left!important;
    color: #000;
    padding-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trainers-template-default .sound-artist {
	font-family: 'Sussie',Helvetica,Arial,Lucida,sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: left!important;
    color: #000;
    padding-bottom: 0;
}

.owl-carousel .owl-nav {
    text-align: center;
    position: relative;
    z-index: 10;
}

.sounds-carousel .owl-stage-outer {
    margin-bottom: 75px;
    height: 430px;
}

.sounds-carousel .owl-dot.active {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000000!important;
    border-radius: 50%;
}

.sounds-carousel .owl-dot {
    margin: 0 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #00000066!important;
    border-radius: 50%;
}

.sounds-carousel .owl-dots {
    text-align: center;
    position: relative;
    top: -37px;
}


.owl-carousel .owl-prev .owl-custom-prev {
    margin-right: 44px;
	max-width: 28px;
    width: 100%;
    height: 28px;
}

.owl-carousel .owl-next .owl-custom-next {
    margin-left: 44px;
	max-width: 28px;
    width: 100%;
    height: 28px;
}

/******************************************************************************************* Testimonial Carousel *********************************************************************************/
/*from ognl*/
.trainers-template-default .testimonial_slider_trainers {
    width: 100%;
    display: inline-block;
}

.trainers-template-default .testimonial_slider .owl-carousel .owl-stage {
    display: flex;
    padding-top: 20px;
}

.trainers-template-default .testimonial_slider .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
    height: auto;
}


.trainers-template-default .testimonial_slider .owl-item .testimonial-item {
    display: block;
    position: relative;
    transition: ease-in-out 0.5s all;
    margin-right: 40px;
    /*opacity: .3;*/
}

.trainers-template-default .testimonial_slider .testimonial-item {
    clip-path: polygon(100% 0,100% 100%,100% 100%,0 100%,0 0);
}

.trainers-template-default .testimonial_slider .testimonial-item .slider__card {
    transition: all 300ms ease-in-out;
}

/* Slider Card CSS */
.trainers-template-default .testimonial_slider .slider__card {
    max-width: 263px;
    width: 100%;
    height: 400px;
    padding: 28px 24px;
    border-radius: 16px;
    display: block;
    color: #000;
    background-color: #fff;
    margin-bottom: 20px;
	box-shadow: 0 16px 20px rgb(159 161 174 / 20%);
}

/* Testimonial Card Text (Client Name) CSS */
.trainers-template-default .testimonial_slider .slider__card .client-name-testimonial {
	font-family: "GT America",Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    padding-bottom: 0;
    text-transform: capitalize;
}

/* Testimonial Card image (5 star) CSS */
.trainers-template-default .testimonial_slider .slider__card img {
    width: 152px;
    margin-bottom: 12px;
}

/* Testimonial Card Comment Text CSS */

.trainers-template-default .comment-testimonial {
	font-family: 'Suisse',Helvetica,Arial,Lucida,sans-serif;
	font-size: 13px;
	line-height: 23px;
    max-height: 268px;
    overflow-y: scroll;
    display: inline-block;
    width: calc(100% + 10px);
    position: relative;
    padding-right: 10px;
    margin-right: -10px;
	/*white-space: break-spaces;*/
}

.trainers-template-default .comment-testimonial-wrapper p{
	white-space: break-spaces!important;
}

.testimonial_carousel .testimonial-item {
    clip-path: polygon(100% 0,100% 100%,100% 100%,0 100%,0 0);
}

.testimonial_carousel .owl-item.tilt_right .testimonial-item {
    transform: rotate(10deg);
    opacity: 0.5!important;
    clip-path: polygon(92% 0,100% 33%,100% 100%,0 100%,0 0);
    transition: all 300ms ease-in-out;
}

.testimonial_carousel .owl-item.tilt_left .testimonial-item {
    transform: rotate(-10deg);
    opacity: 0.5!important;
}

/* Carousel Two Arrows */

.trainers-template-default .testimonial_slider .owl-nav {
    display: flex;
    justify-content: right;
    column-gap: 20px;
    margin-top: 10px;
}

.trainers-template-default .testimonial_slider .owl-nav img {
    max-width: 28px;
    width: 100%;
    height: auto;
}

.trainers-template-default .testimonial-carousel-main-title h3 {
	padding-bottom: 0;
}

.tilt_right {
	margin-right: 20px!important;
}

/* Text Mobile CSS */

@media (max-width: 980px) {
.trainers-template-default .testimonial-carousel-main-title h3 {
	text-align: center;
 }
.trainers-template-default	.testimonial-carousel-sub-title	{
	margin-left: auto;
    margin-right: auto;
 }	
.trainers-template-default	.testimonial-carousel-sub-title p {
	text-align: center;
 }
trainers-template-default .et_pb_image_3_tb_body .testimonial-carousel-text-stars {
	/*margin-left: unset;
    margin-right: auto!important;*/ 
 }		
.trainers-template-default .testimonial-carousel-text-stars .et_pb_image_wrap img {
	/*text-align: center!important;*/
 }
.trainers-template-default .testimonial-carousel-down .et_pb_image_3_tb_body {
	padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px!important;
    margin-bottom: 20px!important;
    margin-left: auto;
    width: 152px;
    margin-right: auto;
    line-height: 0;
    text-align: center;
    margin-left: auto!important;
	}
.testimonial-carousel-down .et_pb_text_8_tb_body {
	width: auto!important;
	text-align: center!important;
	}	
}

/***************************** Extra CSS Test Testimonia Slider ********************************/

/* Extra CSS Test Testimonia Slider */


/***************************** Extra CSS Test Testimonia Slider ********************************/

.filter_row {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    text-align: center;
    margin-bottom: 96px;
}
.filter_col {
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}

.filter_box {
    display: inline-block;
    margin: 0 25px;
    position: relative;
}

.filter_box label {
    font-family: 'Sussie', sans-serif;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    color: #000;
    margin-right: 20px;
}

select.location_filter {
    appearance: none;
}

select.gender_filter {
    appearance: none;
}

.filter_box select {
    font-family: 'Sussie', sans-serif;
    font-size: 16px;
    width: auto;
    padding-left: 37.44px;
    padding-right: 58.56px;
    padding-top: 16px;
    padding-bottom: 16px;
    min-width: 201px;
    border: 1px solid;
    line-height: 100%;
    color: #000;
    background: #f8f5f2;
    cursor: pointer;
}

.drop_arrow:after {
    font-family: ETmodules;
    content: "3";
    font-size: 25px;
    position: absolute;
    right: 35px;
    top: 50%;
    font-weight: 100;
    color: #000;
    transform: translateY(-50%);
    -webkit-text-stroke: 0 #fff;
}

/************************ Testimoniol Carousel Media Queries *******************************/

/*@media only screen and (max-width: 980px) {*/
	
/* Heading text centerd */
/*.et_pb_text_3_tb_body h3, .et_pb_text_6_tb_body h3 {
    text-align: center!important;
	}*/
	
/*remove width from 2nd text*/
/*.et_pb_text_4_tb_body, .et_pb_text_7_tb_body {
    width: unset!important;
	}*/
	
/*second text align center*/
/*.et_pb_module.et_pb_text_align_left {
    text-align: center!important;
	}*/
	
/*center the star images*/
/*.et_pb_image_2_tb_body, .et_pb_image_3_tb_body {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px!important;
    margin-bottom: 20px!important;
    /* margin-left: 0px!important; */
    /*width: 152px;*/
    /* margin-right: auto; */
    /*line-height: 0;
    text-align: center!important;
    /* margin-left: auto; */
	/*}*/

/*remove width 3rd text*/
/*.et_pb_text_5_tb_body, .et_pb_text_8_tb_body {
    width: unset!important;
	}	
}*/

.comment-textarea {
    white-space: pre-wrap;
}

/***************************************************************************************************************************************************************************************************/
/************************************************************************************************ Media Quiries ************************************************************************************/
/***************************************************************************************************************************************************************************************************/

@media only screen and (max-width: 480px) {
    .page-template-default .post-item {
        width: 100%;
    }
}	
	
@media (max-width: 767px) {
  .page-template-default .subheading-wrapper {
    justify-content: flex-end;
  }
}	

@media screen and (max-width: 599px) {
    .page-template-default .post-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
  	.page-template-default .post-item {
    	width: calc(50% - 10px)!important;
  }
}

@media only screen and (max-width: 1024px) {
  .page-template-default .post-item {
    width: calc(33.33% - 10px);
  }
}

@media only screen and (max-width: 1130px) {
	.page-template-default .coaches-display-name h3 {
		font-size: 30px!important;
	}
}	

@media only screen and (max-width: 1291px) {
    .page-template-default .posts-row {
   	  	padding-left: 10px;
      	padding-right: 10px;
    }
	.page-template-default .event-title-archive {
	  	font-size: 20px!important;
	  	color: #000000;
	}
	.page-template-default .coaches-display-name h3 {
		font-size: 34px;
	}
}

/**************************** Media Query Filtering Part ********************************/

@media only screen and (max-width: 877px){
.filter_box {
    margin-bottom: 35px;
	}
}

@media (min-width: 384px) and (max-width: 439px) {
  .filter_box {
    margin: 0;
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 383px){
.drop_arrow:after {
    top: 70%;
    left: 60%;
	}
}

@media only screen and (max-width: 877px){
.filter_row {
	margin-bottom: 61px;
 }
}
/******************************* Media quiries for sound carousel part **********************/

@media only screen and (max-width: 1120px){
.trainers-template-default .sound-details-container {
    max-width: 220px; 
	}
}

@media only screen and (max-width: 1062px) {
.trainers-template-default .sound-details-container {
    max-width: 200px;
	}
}

@media only screen and (max-width: 980px) {

.testimonial-carousel-down .testi-mob-row .et_pb_column_11_tb_body {
    width: 100% !important;
}
	
.sounds-carousel .owl-stage-outer {
    margin-bottom: 75px;
    height: auto;
	}
}

@media only screen and (max-width: 480px) {
.sounds-carousel .owl-stage-outer {
    margin-bottom: 55px;
    height: auto;
	}
.owl-carousel .owl-prev .owl-custom-prev,
.owl-carousel .owl-next .owl-custom-next {
	display:none;	
	}	
}

.trainers-template-default .trainer-additional-content .et_pb_text_inner {
	white-space: break-spaces;
}

.footer-contact-section {
	display: flex;
}

/*.trainers-template-default .profile-picture-with-accordion .et_pb_accordion_item_0_tb_body .et_pb_toggle_content p{
	white-space: break-spaces!important;
}*/

/* Change the position of the mobile menu bar */
/*@media (max-width: 980px) {*/
  /* Adjust the CSS properties as needed */
  /*.et_mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;*/
    /* Additional styling */
    /*background-color: #000;
    color: #fff;
  }
}
*/


/*prevent horizontal scroll on mobile*/

@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}
/***************************************************************************************************************************************************************************************************/
/********************************************************************************************** Single Page ***************************************************************************************/
/****************************************************************************************************************************************************************************************************/

.owl-carousel .owl-stage-outer .owl-stage .owl-item .comment-testimonial-wrapper::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 0px;
    outline: 0 solid #708090;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item .comment-testimonial-wrapper::-webkit-scrollbar-track {
    background: #ffffff;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item .comment-testimonial-wrapper::-webkit-scrollbar {
    width: 4px;
}




/**/
@media all and (max-width: 980px) {
.testimonial-carousel-down .et_pb_column_9_tb_body {
    width: 100%!important;
}

.trainers-template-default .testimonial_slider .owl-nav {
    justify-content: center;
 }
.trainers-template-default .testimonial_slider .slider__card {
    width: 263px;
 }
.trainers-template-default .testimonial_slider .owl-item .testimonial-item {
    margin: 0 auto;
 }	
}

/* Reduce the scroll bar width */
.comment-testimonial::-webkit-scrollbar {
    width: 4px;
}

.comment-testimonial::-webkit-scrollbar-track {
    background: #ffffff;
}

.comment-testimonial::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 0px;
    outline: 0 solid #708090;
}

/***************************************************************************************************************************************************************************************************/
/******************************************************************************************* From The Additional **********************************************************************************/
/**************************************************************************************************************************************************************************************************/



/****************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************/

/**************************************************************************************** Header Mobile Tablet Single **************************************************************************/

@media all and (max-width: 980px) {
.trainers-template-default .et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before {
	color: #fff!important;
 }

.trainers-template-default .et_pb_menu_1_tb_header.et_pb_menu, .et_pb_row_3_tb_header {
    background-color: transparent;
 }
}
/**************************************************************************************************************************************************************************************************/

/* Change the logo mobile color when click on the hamburger icon */
div#mobile-tablet-header-myid.change-background {
    background-color: #fff !important;
}

img.wp-image-35.change-logo {
    filter: invert(1);
}

.mobile_menu_bar.change-icon {
  filter: invert(1);
}

/*.et_pb_module.et_pb_text.et_pb_text_1_tb_body.trainer-additional-content.et_pb_text_align_left.et_pb_text_align_center-phone.et_pb_bg_layout_light {
    margin: auto;
}*/

/********************************************************** New CSS from Addional CSS **************************************************/

/****************** Single Banner Mobile ************************/

@media (max-width: 767px) {
.et_pb_section.et_pb_section_3_tb_body.et_pb_with_background.et_section_regular{
    padding-top: 170px!important;
 }
/* Single Banner Mobile Banner */	
.et_pb_column_2_tb_body .et_pb_module.et_pb_image.et_pb_image_0_tb_body.trainer-banner-image {
    height: 100vh!important;	
 }
}

@media (max-width: 480px) {
.et_pb_column_2_tb_body .et_pb_module.et_pb_image.et_pb_image_0_tb_body.trainer-banner-image {
    height: 50vh!important;
 }
}
@media (max-width: 470px) {
#heading-single-mobile .et_pb_text_inner h1{
    font-size: 35px !Important;
    line-height: 36px!important;
 }
}	

/* Mobile Menu CSS */
ul#mobile_menu2 li a {
    color: #000000;
    border-width: 0px !important;
    border-radius: 0;
    font-size: 18px;
    font-family: "Suisse Intl", Helvetica, Arial, Lucida, sans-serif;
    text-align: center;
    font-weight: 500;
}

/* Mobile Sub Menu CSS */
ul.sub-menu.visible li a {
    font-family: "Sussie", Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.7em;
    font-weight: 500;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    color: #000000 !important;
}

ul#mobile_menu2 li .sub-menu li a {
    padding-bottom: 5px;
	padding-top: 0;
}