/*
Theme Name:  South Beach Clinic
Theme URI:   https://southbeachclinic.com/
Version:     1.0
Description: A child theme created for our site South Beach Clinic.
Author:      Zenchange
Author URI:  https://zenchange.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/* header styles */
#mobile_menu1{
	width: 300px !important;
    margin-left: -220px !important;
    top: 50px;
}
@media(max-width: 767px){
	#mobile_menu1{
		width: 200px !important;
		margin-left: -100px !important;
		top: 40px;
	}

.et_pb_menu_0_tb_header.et_pb_menu ul li:hover>a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a
	.et_pb_menu_0_tb_header.et_pb_menu ul#menu-primary-menu li.menu-item-has-children:hover ul.sub-menu {
    color: #FFFFFF!important;
}
}
nav.et-menu-nav ul#menu-primary-menu li.menu-item-has-children ul.sub-menu {
    padding-top: 10px !important;
    margin-top: 0 !important;
   /*-- border-top: solid 17px #f5f9fb !important;--*/
}
li.menu-item-has-children {
    cursor: pointer;
}
.et_pb_menu .et_pb_menu__menu nav.et-menu-nav ul#menu-primary-menu li.menu-item-has-children ul.sub-menu {
    left: -50px;
}
nav.et-menu-nav ul#menu-primary-menu li.menu-item-has-children ul.sub-menu:before {
    content: '';
    background: #0069af;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    z-index: 0;
    top: -15px;
    left: 42%;
}
.et_pb_section{
	background-color:transparent;
}
body.custom-background {
    background-color: rgba(0,105,175,0.04) !important;
}
.et_pb_text_inner ul li{
	margin-bottom:20px;
	line-height:1.3em;
}
.cont-form .et_contact_bottom_container{
	float:left !important;
}

/* toggle styles */
.toggle-module .et_pb_code_inner{
	height:100%;
}
.togbtn {
    margin: auto -45px auto 0;
    background-color: #0069AF;
    color: white;
    padding: 40px 15px 40px 45px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    z-index: 999999;
    position: relative;
    font-size: 25px;
    font-family: 'Futura Condensed Medium';
}
.togbtn:hover, .togbtn:focus {
  background-color: #79D1F7;
  color:#0069AF;
}
.toggle-style {
  height: 100%;
  width: 100%;
  position: relative;
  border-right: 5px solid #0069AF;
  display: flex;
  justify-content: flex-end;
}
.toggle-content {
  display: none;
  position: absolute;
  background-color: #3AA2BF;
  width: 100%;
  height:100%;
  overflow: auto;
  padding:10px;
}
.toggle-content .tog-div{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.toggle-content .tog-div p{
  padding: 0 50px;
  text-align: center;
  color: #fff;
	line-height:1.3em;
}
.toggle-content .tog-div a{
  font-size: 35px;
    font-family: 'Futura Condensed Medium';
    background: #0069AF;
    color: #fff;
    border: 2px solid #0069AF;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 30px;
}
.show {display:block;}
@media (max-width:980px){
	.togbtn{
		margin: 30px -45px 30px 0;
		padding: 20px 15px 20px 45px;
		font-size: 20px;
	}
	.toggle-content .tog-div p{
		font-size:20px;
	}
	.toggle-content .tog-div a{
		font-size: 25px;
		margin-top: 20px;
	}
}
@media (max-width:767px){
	.togbtn{
		font-size: 16px;
    	padding: 20px 5px 20px 40px;
	}
	.toggle-content .tog-div p{
		font-size:16px;
		padding: 0 30px;
	}
	.toggle-content .tog-div a{
		font-size: 20px;
    	padding: 0px 15px;
    	margin-top: 10px;
	}
}


/* toggle icon styles */
.togiconbtn{
  margin:0 0 30px;
  font-size: 70px;
    font-family: 'Futura Condensed Medium';
    color:#0069AF;
    text-align: center;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.togiconbtn:hover, .togiconbtn:focus{
   color:#79D1F7;
}
.togiconbtn img{
  width:80px;
  margin-top:20px;
}
.togicon-style {
  width: 100%;
  position: relative;
  display: inline-block; 
  padding-bottom: 350px;
}
.togicon-style.bg:hover{
  background: unset;
}
.togicon-style.bg{
  background: url('/wp-content/uploads/2022/09/Group-30.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top 110px center;
}
.togicon-style.new-bg{
  background: url('/wp-content/uploads/2022/09/Group-39.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top 110px center !important;
}
.togtext{
  color:#79D1F7 !important;
}
.togicon-content {
  display: none;
  position: absolute;
  overflow: auto;
}
.togicon-content p{
  padding: 0;
  text-align: center;
  color: #95A0A3;
	line-height: 1.3em;
}
.show {display:block;}
@media(max-width:980px){
	.togicon-style.bg{
		background-size: 50%;
   		background-position: top 80px center;
	}
	.togicon-style.new-bg{
		background-size: 50% !important;
    	background-position: top 80px center !important;
	}
	.togiconbtn{
		font-size: 50px;
	}
	.togiconbtn img{
		width: 50px;
	}
	.togicon-content p{
		font-size:22px;
	}
	.togicon-style{
		padding-bottom:150px;
	}
}
@media(max-width:767px){
	.togicon-style.bg{
		background-size: 80%;
   		background-position: top 60px center;
	}
	.togicon-style.new-bg{
		background-size: 80% !important;
    	background-position: top 60px center !important;
	}
	.togiconbtn{
		font-size: 40px;
	}
	.togiconbtn img{
		width: 40px;
    	margin-top: 10px;
	}
	.togicon-content p{
		font-size: 18px;
    	padding: 0px 20px;
	}
	.togicon-style{
		padding-bottom: 180px;
	}
}

/* testimonial toggle styles */
.testimonial-module .et_pb_code_inner{
	height:100%;
}
.testtogbtn {
    margin: auto 0 auto -45px;
    background-color: #3AA2BF;
    color: white;
    padding: 40px 45px 40px 20px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    z-index: 999999;
    position: relative;
    font-size: 25px;
    font-family: 'Futura Condensed Medium';
}
.testimonial-toggle {
  height: 100%;
  width: 100%;
  position: relative;
  border-left: 5px solid #3AA2BF;
  display: flex;
  justify-content: flex-start;
}
.test-tog-content {
  padding:10px;
  display: none;
  position: absolute;
  background-color: transparent;
  width: 100%;
  height:100%;
  overflow-y: scroll;
}
.test-tog-content .test-tog-div{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.test-tog-content .test-tog-div p{
  padding: 0 100px;
  text-align: center;
  color: #3AA2BF;
  font-size: 50px;
  font-family: 'Futura Condensed Medium';
  line-height:1.3em;
}
.show {display:block;}

@media(max-width:980px){
	.testtogbtn{
		margin: 80px 0 80px -45px;
		padding: 20px 45px 20px 15px;
		font-size: 20px;
	}
	.test-tog-content .test-tog-div p{
		font-size: 35px;
    	padding: 0 50px;
	}
}
@media(max-width:767px){
	.testtogbtn{
		margin: 100px 0 100px -45px;
		padding: 20px 40px 20px 10px;
		font-size: 18px;
	}
	.test-tog-content .test-tog-div p{
		font-size: 25px;
	}
}
/*blog apge-----*/
.et_pb_blog_0 .entry-featured-image-url, .et_pb_blog_0 img, .et_pb_blog_0 .et_pb_slides, .et_pb_blog_0 .et_pb_video_overlay {
    border-radius: 60px !important;
}
.our-team-sec .et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container{
	vertical-align: middle;
}
.our-team-sec .et_pb_module_header:hover{
	display:none;
}
/*---sup-*/
sup {
    bottom: 0.5em !important;
  font-size: 25px;
}
/*---homepage---
#arrowsver button.slick-arrow.slick-next{
    margin-top: 100% !important;

}*//*--new patientpage---*/
#scrollbarnone::-webkit-scrollbar{
display: none;
}
.et-menu .menu-item-has-children>a:first-child:after {
    right: -10px !important;
}
/*contact*/
.entry-content tr td{
	border:none !important;
padding:8px 0px !important;}
.entry-content table:not(.variations){
border:none !important;}

#contactli li {
    margin-bottom: 6px !important;
}