/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/


/******************************************************* COMMON ****/

body
{
	background-color:#fff;
	font-weight: 300;
  	font-family: Helvetica, sans-serif;
  	line-height: 1.529;
  	color: #383838;
}


/*** body content font size when in this container ***/
.fl-rich-text
{
	font-size:24px;
}


.fl-rich-text p a
{
	color:#006eb3!important;
	text-decoration:underline;
}


.fl-rich-text p a:hover
{
	text-decoration:none;
}


/*** H1 ***/
h1
{
	font-family: Montserrat, sans-serif;
	font-size: 46px;
	font-weight:600;
	color:#585858;
}


.home h1 span.fl-heading-text
{
	color:#000!important;
}


/*** Inside page option one. Background image set in builder. ***/

/*** H1 ***/
.insidepagehead01 h1
	{
		font-size: 42px;
		font-weight:700;
		color:#585858;
	}

.insidepagehead01 h1 span.fl-heading-text
{
	display:block;
	padding:60px 0px 20px 0px;
}



/*** H2 ***/
.fl-module-heading h2.fl-heading
{
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0px;
  color:#585858;
	padding-bottom:15px!important;
}


/*** H3 ***/
.fl-module-heading h3.fl-heading
{
	font-family: Montserrat, sans-serif;
	font-size:28px;
	color:#585858;
	font-weight:600;
	padding-top:15px!important;
	padding-bottom:25px!important;
}




/*** H4 ***/
.fl-module-heading .fl-module-content  h4.fl-heading
{
font-family: montserrat, sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  color: #4D6E89;
  line-height: 1.23;
  margin:40px 0px 40px 0px!important;
}


/*** H5 ***/
.fl-col-content .pp-member-wrapper h5.pp-member-name
{
	font-family: montserrat, sans-serif;
	font-size:20px;
	font-weight: 400;
	color:#585858;
}



/**** END COMMON **************************************************/



/******************************************************* MODULES ****/

/**** HEADER ****/

.headgradiant
{
	background-image: linear-gradient(to bottom, rgba(0, 110, 179, 1), rgba(0, 110, 179, 1), rgba(0, 110, 179, 0.49), rgba(0, 110, 179, 0.0));
	
}


.headsolid
{
	
	position:relative;
	z-index:500; 
	margin-bottom:20px;
	box-shadow:  0px 6px 12px rgba(0, 0, 0, 0.12);
	
}



.headgradiant .fl-row-content-wrap,
.headsolid .fl-row-content-wrap
{
	display:flex;
	flex-wrap:nowrap; 
}


.headgradiant .myphone,
.headsolid .myphone
{
display:flex;
flex: 0 0 auto;
}

.headgradiant .myphone a
{
 text-decoration:none;
	color:#fff!important;
}

.headsolid .myphone a
{
	text-decoration:none;
}

.insidepagehead01 > .fl-row-content-wrap
{
	margin-top:-20px;
}


 /****** NAV **********/
/* Draws Underline From Left To Right on Hover */
/* Home Page */
.desknav nav ul > li > a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: width 0.3s ease-in-out;
}

/* Inside */
.desknav2 nav ul > li > a::before 
{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #0e659b;
  transition: width 0.3s ease-in-out;
}

/* Inside Submenu */
.desknav2 nav ul ul.sub-menu > li > a::before 
{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ffffff!important;
  transition: width 0.3s ease-in-out;
}


nav ul > li > a:hover::before,
.desknav2 nav ul ul.sub-menu > li > a:hover::before 
{
  width: 100%;
}

/* END: Draws Underline From Left To Right on Hover */

/* Subnav Dropdowns Fade In: Needs refinement */

.fl-node-6spof7hu0rnm .fl-menu .fl-has-submenu > .sub-menu,
.fl-node-6spof7hu0rnm .fl-menu .fl-has-submenu.focus > .sub-menu
{

	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}


.fl-node-6spof7hu0rnm .fl-menu .fl-has-submenu:hover > .sub-menu,
.fl-node-6spof7hu0rnm .fl-menu .fl-has-submenu.focus:hover > .sub-menu
{
	opacity: 1;
}


/* Search Icon In Nav */

.fl-node-6spof7hu0rnm .fl-button-icon::before,
.fl-node-qtrseo0uzdi5 .fl-button-icon::before
{
	color:#fff;
}

/* Omit HOME Menu From Desktop on Std Menu (not PP) */

.desknav #menu-item-157,
.desknav2 #menu-item-157
{
	display:none;
	visibility:hidden;
}





/**** END NAV ****/

/**** END HEADER ********/

/**** Hero Section of Home Page ****/

#heroimage
{
	background-image: url("/wp-content/uploads/mainstage.png");
	background-position:center center;
	background-repeat:no-repeat;
}

/* Begin with margins for the text container itself */
#herotext
{
margin-top: 270px;
margin-bottom: 277px;
}


.hero-reg
{
	font-family: Montserrat, sans-serif;
	font-size:36px;
	font-weight:400;
	letter-spacing: 0;
	margin-left:20px;
	 
}

.hero-lrg
{
	font-family: Montserrat, sans-serif;
	font-size:48px;
	font-weight:700!important;
	margin-left:20px;
	letter-spacing: 0;
}

/**** End Hero Section of Home Page ****/

/**** Home page CTA Section Right Below Hero Section ****/

.homecta .fl-col-content
{
	margin:0 20px 20px 20px;
	width:420px;
	border-radius:7px;
	box-shadow:  0px 6px 12px rgba(0, 0, 0, 0.5);
}

#ctas .homecta .ctatext .fl-rich-text a
{
	color:#fff!important;
	text-decoration:none;
}

/**** Home page CTA Animations ****/

#ctas .homecta a {
    display: block;
    position: relative;
    transition: transform 0.6s ease; /* Specify transform as the animated property */
	padding-top: 2.17em;
padding-right: 3%;
padding-bottom: 2.17em;
padding-left: 46%;
}

#ctas .homecta a:hover {
    text-decoration: none;
    transform: translateX(40px); /* Move right by 40px */
}


#ctas .homecta a::before {
  content: '';
  display:block;
  position: absolute;
  /* left: 155px; */
  left:40%;
  top: 54%;
  transform: translateY(-50%);
  height: 0%;
  width: 5px;
  opacity: 0;
  background-color: #FFFFFF;
  transition:.3s ease .1s;
  z-index:500;
}


#ctas .homecta a:hover::before 
{
  height: 50%;
	opacity:1;
}

/*** END Home page CTA Section Right Below Hero Section ****/

/*** Home page badge below CTAs ***/

#homebadge
{
	float:none;
	margin: 0 auto;
}

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

/*** Home page Procedures grid ***/

/* Keep grid items from wrapping */
.myprocedures .preprocbox .fl-col-group-nested
{
	flex-wrap:nowrap;
}



.procbox
{
	max-width:30%;
	max-height:250px;
	margin-right:20px;
	margin-left:20px;
}

	.procbox a.myproc
	{
	color:#fff!important;
	text-decoration:none;
	text-shadow:1px 1px rgba(0,0,0,0.7) ;
		
	display:block;
	padding-top:200px;
	padding-bottom:20px;
	width:100%;
	/* background-color:rgba(0,0,0,0.8); */
	margin:0!important;
	transition: transform 0.6s ease; /* Specify transform as the animated property */
	}


.procbox a.myproc:hover
{
	/*padding-top:20px!important;
	padding-bottom:90px!important; */
	transform: translatey(-10px); /* Move up by  */
}


.procbox .fl-rich-text p
{
	text-align:center;
	margin:0;
}

/*** Home Page Testimonials ****/

#header-testimonial,
.fl-module-testimonials
{
	margin-left:60%;
	margin-right:5%;
	
}

#header-testimonial
{
	margin-bottom:20px;
}

#header-testimonial h1
{
	line-height:42px;
	
}

#testimonial-fixed-height .bx-wrapper
{
	height:200px;
}


/*** Yoast SEO Breadcrumbs ***/

.mybreadcrumbs
{
	
}


nav#breadcrumbs a,
nav#breadcrumbs span.breadcrumb_last
{
	padding-top:10px;
	font-size:16px;
}

nav#breadcrumbs
{
	
	
}


nav#breadcrumbs span span:first-child {
	display: none;
}


nav#breadcrumbs span span:first-child::before {
	display: none;
}

#breadhome
{
 width:32px;
	margin:0;
	padding:0;
}

/*** Inside Procedures Pages Side Menu***/

.leftrail .fl-node-content .fl-col-group-nested
{
	background-image:url("/wp-content/uploads/home-serv-panel-bg-1.png");
	background-repeat:no-repeat;
	background-size:cover;
}

.sidemenu .fl-rich-text p
{
	color:#000;
	border-bottom:2px solid #007dcc;
	font-weight:700!important;
	font-family:Montserrat, sans-serif;
}

.sidemenu .fl-rich-text p a
{
	color: #0e659b;	
	text-decoration:none;
	
}

.sidemenu .fl-rich-text p a:hover
{
	color:#000!important;
}


/*** Beaver PowerPack Team Module ***/

.biorow .teamcontainer 
{
  display: inline-flex;
  flex-direction: row;
}


.biorow {
  text-align: center;
}

.biorow,
.teamcontainer 
{
  max-width: 250px;
}


.pp-member-designation
{
	font-size:18px;
}

	.phototext
	{
	position:absolute;
		z-index:100;
	}

/** Gallery Filter Dropdown **/


ul#menu-simcatdropdown li li
{
	padding:5px;
}

ul#menu-simcatdropdown li li a
{
	padding:10px;
}


/*** Gallery Main Page ***/

.mygallerycontainerrow .fl-col-content .fl-col-group-nested .fl-col 
{
	margin-bottom:30px;
}




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

/**** FOOTER *********/

footer .fl-rich-text p a {
  text-decoration: none;
  color: #006eb3 !important;
  transition: color 0.5s ease-in-out;
}

footer .fl-rich-text p a:hover {
  text-decoration: underline;
  color: #000 !important;
}


.subfooter a
{
	color:#fff!important;
}

.subfooter a:hover
{
	color:#efefef!important;
}

/**** END FOOTER ****/


/**** END  MODULES **************************************************/




/**** LAYOUT *******************************************************/

.midhome
{
	padding-left:20px;
	padding-right:20px;
}


/************************************************************ RESPONSIVE ****************************************/

/******************************************** 1350 **************************/

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

	
	.headgradiant .mylogo,
	.headsolid .mylogo
	{
		width:40%!important;
	}
	
	
	.headgradiant .myphone,
	.headsolid .myphone
	{
		width:200px;
	}
	
	
	
	.headgradiant .mylogo .fl-module-content,
	.headsolid .mylogo .fl-module-content
	{
		margin:0;
		padding:0;
	}
	
	.headgradiant .fl-row-content-wrap,
	.headsolid .fl-row-content-wrap
	{
		max-width:1100px;
		margin: 0 auto;
	}
	

	/* Adjust Home Page CTA Content */
	
	#ctas .homecta a::before 
	{
  		left:30%;
	}
	
	
	#ctas .homecta a 
	{
	padding-left: 40%;
	}


	
	#ctas .homecta .fl-rich-text p
	{
	width:320px;	
	}
	
	
	#ctas .homecta .fl-rich-text p a
	{
	font-size:20px;	
	}
	

#ctas .homecta a::before 
	{
  	left:30%;
  	top: 54%;
	}
	

	#ctas .homecta a:hover {
    transform: translateX(10px); /* Move right by 40px */
}
	
	
	/*******************************/
	
}

/********************* 1199 ***************************************/


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

	/* Left Justify Mobile Toggle*/
	.home .fl-node-vqxye6uohlga .pp-advanced-menu-mobile,
	.fl-node-5ugnqhs8t16m .pp-advanced-menu-mobile,
	 .fl-node-jfxqp84k3i6t .pp-advanced-menu-mobile,
	.fl-node-ybcwvadn9xpr .pp-advanced-menu-mobile
	{
		justify-content:flex-start!important;
		width:200px;
		/* position:absolute;
		z-index:1000; */
	}
	
	
	.home .headmobile /* Only used on home page */
	{
		background-image: linear-gradient(to bottom, rgba(0, 110, 179, 1), rgba(0, 110, 179, 1), rgba(0, 110, 179, 0.5), rgba(0, 110, 179, 0.0));
		padding-top:10px;
	}
	
	/* headsolid is the class for the header row on inside pages */
	.headmobile a.contact,
	.headsolid a.contact
	{
		color:#0e659b!important;
		background-color:#fff;
		padding:5px 15px 5px 15px;
		border-radius:15px;
		font-size:16px!important;
	}
	
	/* headmobile2 is the class for the mobile header on inside pages*/
	.headmobile2
	{
	position:relative;
	z-index:500;
	margin-bottom:20px;
	box-shadow:  0px 6px 12px rgba(0, 0, 0, 0.12); 
	}
	
	
	.headmobile2 a.contact
	{
		color:#fff!important;
		background-color:#0e659b;
		padding:5px 15px 5px 15px;
		border-radius:15px;
		font-size:16px!important;
	}

	
	.home .myphone2
	{
		margin-top:-40px;
		margin-right:0px;
	}
	
	.myphone2
	{
		margin-top:-40px;
		margin-right:15px;
	}
	
	.myphone2 .fl-rich-text p a
	{
		text-decoration:none;
	}
	
	
	.myphone2 .fl-rich-text p a.phonetext 
	{
		color:#fff!important;
		text-decoration:none;
	}
	
	.mylogo2
	{
		margin-top:-5px;
	}
	
	.fl-node-6723k0roubal .pp-advanced-menu-mobile 
	{
    	/* justify-content: left; */
  	}
	
	/**** CTA Home Page Section ****/
	
	.home #cta3 .fl-col-content
	{
		background-position: 0px center;
	}
	
	
	/*******************************/

	/*** Home Page Testimonials ***/
	
	#testimonial-fixed-height .bx-wrapper .bx-controls
	{
		/* position:relative;
		margin-top:40px; */
		position:absolute;
		top:180px;
		z-index:500;
		text-align:center;
		width:100%;
	}
	
	#testimonial-fixed-height .bx-wrapper .bx-pager 
	{
		position:relative;
		float:left;
		width:100%;
		/*margin-left:50%;*/
	}
	
}

/* Mobile flyout menu's search icon */
.pp-search-form-wrap form.pp-search-form label.pp-screen-reader-text
{
	color:#fff!important;
}


/**********************  1024  **************************************/

@media only screen and (max-width: 1024px) {
	
	/* Home CTA Section */
	
	#ctas .fl-col-group
	{
		flex-direction: column;
		display:flex;
	}
	
	#ctas .fl-col-group .homecta
	{
		margin:0 auto;
		width:65%;
		
	}
	
	
	#ctas .homecta a:hover 
	{
   
    transform: none;
	}
	
	#ctas .homecta a::before,
	#ctas .homecta a:hover::before
	{
		transform:none;
		transition:none;
		height:40%;
		opacity:1;
		top:30%;
	}
	
	.home #cta3 .fl-col-content
	{
		background-position: 0px center;
	}
	
	 #ctas .homecta .fl-rich-text p
	{
		float:right;
	}
	
	/* nowrap is set in the main rule set */
	.myprocedures .preprocbox .fl-col-group-nested .fl-rich-text p a
{
	font-size:16px;
}
	
	
	/****** END Home CTA Section*************/
	
	
	footer .fl-col-group .fl-col
	{
		width:100%;
		text-align:center;
		clear:both;
		margin:0 auto;
	}
	
	.spanish .fl-rich-text p
	{
		text-align:center!important;
	}
	
	
	#testimonial-fixed-height .bx-wrapper .bx-controls
	{
		
		top:220px;
		
	}
	
	/*** H5 ***/
.fl-col-content .pp-member-wrapper h5.pp-member-name
{
	
	font-size:20px;
	
}
	
}


/******************** 885  ******************************************/

@media only screen and (max-width: 885px){
	
		/*** Page title ***/
	.insidepagehead01 h1 span.fl-heading-text 
	{
  		display: block;
  		padding: 20px 0px 10px 0px;
	}
	
	
}




/********************  850  ****************************************/

@media only screen and (max-width: 850px) 
{
	
	h1
	{
		font-size:34px;
	}
	
	.fl-module-heading h2.fl-heading
	{
		font-size:28px;
	}
	
	.fl-module-heading h3.fl-heading
	{
		font-size:26px;
	}
	
	
	.fl-testimonials .fl-testimonial
	{
		font-size:16px!important;
	}
	

}




/********************  768  ****************************************/

@media only screen and (max-width: 768px) {
	
	.headmobile
	{
		padding-right:20px;
	}
	
	
	.headmobile2 .fl-row-content-wrap
	{
		padding-top:10px!important;
	}
	
	  #ctas .fl-col-group .homecta
	{
		padding-bottom:20px;
	}

	
	/*** Home Page ***/
	
	.hero-reg
	{
		font-size:24px; 
	}

	
	.hero-lrg
	{
		font-size:36px;
	}
	 
	.home .fl-builder-content .procspacing
	{
		margin-top:-40px;
	}
	
	
	#homebadge
	{
		margin-top:40px;
		margin-bottom:40px;
	}
	
	.myprocedures h1.fl-heading
	{
		margin-bottom:20px!important;
	}
	
	.preprocbox .fl-col-group-nested 
	{
		flex-direction: column;
		display:flex; 
	}
	
	.preprocbox .fl-col-group-nested .procbox
	{
		max-width:350px;
		width:350px!important;
		margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	}
	
	/*** Testimonials On Home Page ***/
	

	#testimonial-fixed-height-mobi
	{
  	margin-left: 2%;
  	margin-right: 2%;
		height:200px;
	}
	
	
	#header-testimonial-mobi
	{
		margin:0 auto!important;
		padding-left:2%;
		padding-right:2%;
		
	}
	
	#testimonial-fixed-height-mobi p
	{
		text-align:center;
		height:100px;
	}
	
	#testimonial-fixed-height-mobi .bx-viewport
	{
		margin-top:30px;
		height:150px!important;
	}
	/*** END of Home Page ***/
	
	
	
	/*** Procedures Page (possibly more, but at this point just this page)***/
	
	.insidepagehead01
	{
		margin-top:-20px;
	}


	
	.insidepagehead01 h1.fl-heading
	{
		padding-left:10px!important;
		font-size:32px!important;
	}
	
	.myprocedures
	{
		margin-top:40px;
	}
	
	
		/*** .myprocures are content rows. The class is set in BB row UI. ***/
	/* Background images are also set in the BB UI. This allows front end UI utilization for managing these images. */
	.myprocedures .fl-col-bg-photo
	{
		max-width:600px;	
	}
	
	
	/* Put some space around the image ribbon */
	.myprocedures .fl-photo
	{
		margin-left:10px;
	}
	
	
	.myprocedures .myrightcontent
	{
		margin:20px 10px 40px 10px;
	}
	
	
	
	/*** End Procedures Page ***/
	
	/*** Pages with breadcrumbs ***/
	
	.fl-col-group #breadhome.fl-col
	{
		width:32px!important;
		clear:none!important;
		float:left;
		position:relative;
	}
	
	.fl-col.breadtrail
	{
	    clear:none!important;
		float:left;
		position:relative;
		font-size:12px;
		line-height:5px;
	
	}
	
	#breadhome .fl-icon i,
	#breadhome .fl-icon i::before
	{
		font-size:20px;
	}
	
	
	#mybreadnav
	{
		padding:10px;
	}


	/*******************************/
	
	/*** set padding for inside pages ***/
	#fl-main-content
	{
		padding:20px;
	}
	
	.home #fl-main-content
	{
		padding:0px;
	}
	
	
	/*** Meet Dr. Lechtman Page ***/
	.meetdrcallout p
	{
		padding:10px;
	}

	/**********************************/
	
	/*** Set margins on patient details because builder strips that out at 768 ***/
	.patientdets
	{
		margin:10px 10px 30px 10px;
	}
	
	.gallerylanding .fl-col
	{
		margin-bottom:30px;
	}
	
.fl-builder-mobile #breadhome
{
 width:32px;
	margin:10px 0px 0px 10px;
	padding:0;
}


.fl-builder-mobile #breadcrumbs
{

	margin:10px 0px 0px 0px;
	padding:0;
}

/*** Testimonials page ***/
	
 .mytestimonial .fl-col {
    clear: none!important;
    float: inherit!important;
    margin-left: inherit!important;
    margin-right: inherit!important;
    
  }
	
.mytestimonial .testiribbon
	{
		width:8%!important;
		float:left!important;
	}

.mytestimonial .testitext
	{
		width:92%!important;
		float:left!important;
		padding-left:12px;
	}
	
	/*** Set images on own line ****/
	
	img.mobifix
	{
		display:block;
		float:none;
		clear:both;
		margin: 0 auto;
	}
	
	
/********************** End 768***************/
}

/********************   600   **************************************/

@media only screen and (max-width: 600px){
	
	/*** Page title ***/
	.insidepagehead01 h1 span.fl-heading-text 
	{
  		display: block;
  		padding: 0px 0px 0px 0px;
		font-size:24px;
	}
	
	
	.insidepagehead01 > .fl-row-content-wrap
	{
		background-size:cover;
	}
	
	
	h1
	{
		font-size:28px;
	}
	
	.fl-module-heading h2.fl-heading
	{
		font-size:22px;
	}
	
	.fl-module-heading h3.fl-heading
	{
		font-size:20px;
	}
	
	
	.fl-testimonials .fl-testimonial
	{
		font-size:16px!important;
	}
	
	.fl-rich-text
	{
		font-size:18px;
	}
	
	/*** Meet Dr. Lechtman Picture ***/
	.lechtmanpic img
	{
		clear:both;
		display:block;
		float:none;
		margin:0 auto;
	}
	
}


/********************** 550 **************************************/

@media only screen and (max-width: 550px) {
	
	#heroimage
	{
		background-image: url("/wp-content/uploads/mobile-mainstage.png");
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	#heroimage #herotext
	{
		margin-top: 600px;
    	margin-bottom: 40px;
	}
	
	/*** Home CTA Section ***/
	
	#ctas .fl-col-group .fl-col
	{
	 width:90%!important;
	}
	
	#ctas .homecta
	{
		width:100%!important;
	}
	
	#ctas .homecta .fl-col-content
	{
		width:100%;
	}
	
	#ctas .homecta .fl-rich-text p
	{
    	 width: 100%; 
	 }
	
	/*** End Home CTA Section ****/
	
}


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

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


	.hero-reg
	{
		font-size:18px; 
	}

	
	.hero-lrg
	{
		font-size:30px;
	}
	
	
	
	#testimonial-fixed-height-mobi
	{
		height:230px!important;
	}
	
	#testimonial-fixed-height-mobi .bx-viewport
	{
		height: 170px !important;
	}
	
	
	/*** Page Title (Procedures only at the moment) ***/
	
	.insidepagehead01 > .fl-row-content-wrap
	{
		background-position:25% center;
	}
	
	
}

/*****************END RESPONSIVE*************************************/