/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**** Typography *****/

html {
	font-size:16px !important;
}

h1.hero-heading { font-size: clamp(3.125rem, 0.2758rem + 5.9435vw, 5.625rem); }
.hero-heading h1 { font-size: clamp(3.125rem, 0.2758rem + 5.9435vw, 5.625rem); }

h1 { font-size: clamp(2.8125rem, 1.7441rem + 2.2288vw, 3.75rem); }
h2 {font-size: clamp(2.25rem, 1.6089rem + 1.3373vw, 2.8125rem);}
h3 { font-size: clamp(2rem, 1.5726rem + 0.8915vw, 2.375rem); }
h4 { font-size: clamp(1.375rem, 0.8052rem + 1.1887vw, 1.875rem); }
h5 { font-size: clamp(1.25rem, 0.8226rem + 0.8915vw, 1.625rem); }

p.big-text { font-size: clamp(1.125rem, 0.6976rem + 0.8915vw, 1.5rem); }
.big-text p { font-size: clamp(1.125rem, 0.6976rem + 0.8915vw, 1.5rem); }

/**** SPACING / PADDING / MARGINS *****/

.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-30 {padding:30px;}
.p-40 {padding:40px;}
.p-50 {padding:50px;}
.p-60 {padding:60px;}
.p-70 {padding:70px;}
.p-80 {padding:80px;}
.p-90 {padding:90px;}
.p-100 {padding:100px;}

.pl-10 {padding-left:10px;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}
.pl-60 {padding-left:60px;}
.pl-70 {padding-left:70px;}
.pl-80 {padding-left:80px;}
.pl-90 {padding-left:90px;}
.pl-100 {padding-left:100px;}

.pr-10 {padding-right:10px;}
.pr-20 {padding-right:20px;}
.pr-30 {padding-right:30px;}
.pr-40 {padding-right:40px;}
.pr-50 {padding-right:50px;}
.pr-60 {padding-right:60px;}
.pr-70 {padding-right:70px;}
.pr-80 {padding-right:80px;}
.pr-90 {padding-right:90px;}
.pr-100 {padding-right:100px;}

.px-10 {padding-right:10px; padding-left:10px;}
.px-20 {padding-right:20px; padding-left:20px;}
.px-30 {padding-right:30px; padding-left:30px;}
.px-40 {padding-right:40px; padding-left:40px;}
.px-50 {padding-right:50px; padding-left:50px;}
.px-60 {padding-right:60px; padding-left:60px;}
.px-70 {padding-right:70px; padding-left:70px;}
.px-80 {padding-right:80px; padding-left:80px;}
.px-90 {padding-right:90px; padding-left:90px;}
.px-100 {padding-right:100px; padding-left:100px;}

.py-10 {padding-top:10px; padding-bottom:10px;}
.py-20 {padding-top:20px; padding-bottom:20px;}
.py-30 {padding-top:30px; padding-bottom:30px;}
.py-40 {padding-top:40px; padding-bottom:40px;}
.py-50 {padding-top:50px; padding-bottom:50px;}
.py-60 {padding-top:60px; padding-bottom:60px;}
.py-70 {padding-top:70px; padding-bottom:70px;}
.py-80 {padding-top:80px; padding-bottom:80px;}
.py-90 {padding-top:90px; padding-bottom:90px;}
.py-100 {padding-top:100px; padding-bottom:100px;}

.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-70 {padding-top:70px;}
.pt-80 {padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-100 {padding-top:100px;}

.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pb-60 {padding-bottom:60px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}

.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}

.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

.my-10 {margin-bottom:10px; margin-top:10px;}
.my-20 {margin-bottom:20px; margin-top:20px;}
.my-30 {margin-bottom:30px; margin-top:30px;}
.my-40 {margin-bottom:40px; margin-top:40px;}
.my-50 {margin-bottom:50px; margin-top:50px;}
.my-60 {margin-bottom:60px; margin-top:60px;}
.my-70 {margin-bottom:70px; margin-top:70px;}
.my-80 {margin-bottom:80px; margin-top:80px;}
.my-90 {margin-bottom:90px; margin-top:90px;}
.my-100 {margin-bottom:100px; margin-top:100px;}

.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}
.mr-40 {margin-right:40px;}
.mr-50 {margin-right:50px;}
.mr-60 {margin-right:60px;}
.mr-70 {margin-right:70px;}
.mr-80 {margin-right:80px;}
.mr-90 {margin-right:90px;}
.mr-100 {margin-right:100px;}

.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
.ml-50 {margin-left:50px;}
.ml-60 {margin-left:60px;}
.ml-70 {margin-left:70px;}
.ml-80 {margin-left:80px;}
.ml-90 {margin-left:90px;}
.ml-100 {margin-left:100px;}

.mx-10 {margin-left:10px; margin-right:10px;}
.mx-20 {margin-left:20px; margin-right:20px;}
.mx-30 {margin-left:30px; margin-right:30px;}
.mx-40 {margin-left:40px; margin-right:40px;}
.mx-50 {margin-left:50px; margin-right:50px;}
.mx-60 {margin-left:60px; margin-right:60px;}
.mx-70 {margin-left:70px; margin-right:70px;}
.mx-80 {margin-left:80px; margin-right:80px;}
.mx-90 {margin-left:90px; margin-right:90px;}
.mx-100 {margin-left:100px; margin-right:100px;}

/**** misc *******/

 .hide {
	display:none;
  }
 .hide-mobile {
  	display:flex;
  }
.hide-desktop {
	display:none;
}
@media only screen and (max-width: 767px) {
  .hide-mobile {
  	display:none;
  }
  .hide-desktop {
	display:block;
}
}

/****************************************************************************************/
/*****************************DEV CSS Starts Here***************************************/
/**************************************************************************************/

.bricks-mobile-menu-toggle.always
{
	position: relative;
    padding-left: 83px;
    margin-top: -5px;
}
.bricks-mobile-menu-toggle.always:after
{
	content: 'More';
    position: absolute;
    left: 0px;
    right: 0px;
    top: -1px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.always:after
{
	display: none;
}
.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle.always
{
	padding-left: 0px;
    margin-top: 0px;
}
.brx-submenu-toggle
{
    justify-content: flex-end;
}
.bricks-nav-menu .sub-menu
{
	min-width: 190px;
}
.bricks-nav-menu .sub-menu button
{
	padding-right: 0px!important;
    padding-left: 10px !important;
    position: absolute;
}
.bricks-nav-menu .sub-menu > li:last-child
{
	border-bottom: 0px!important;
}
.sidebar-toggle-menu .brx-submenu-toggle button
{
	padding-right: 0px!important;
}
.sidebar-toggle-menu .brx-submenu-toggle a
{
	padding-left: 0px!important;
}
.sidebar-toggle-menu.show-mobile-menu ul.sub-menu ul.sub-menu li a
{
	padding-top: 0px!important;
    margin-left: 22px;
}
.sidebar-toggle-menu.show-mobile-menu ul.sub-menu li a
{
	padding-top: 0px!important;
}
.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-wrapper li.open>.sub-menu
{
	margin-top: 10px;
}
.sidebar-toggle-menu.show-mobile-menu ul.sub-menu li.menu-item-has-children a
{
	padding-top: 10px!important;
}
.providers-grid.brxe-posts ul
{
	display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}
.providers-grid.brxe-posts ul li
{
	width: calc(33.3% - 15px);
  	background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    padding: 10px 40px 40px;
    border-radius: 10px;
}
.providers-grid.brxe-posts
{
    overflow: visible;
}
.providers-grid.brxe-posts ul li .bricks-layout-inner
{
	align-items: center;
}
.providers-grid.brxe-posts ul li .bricks-layout-inner h4
{
	margin: 0px!important;
}
.providers-grid.brxe-posts ul li img
{
	border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    margin-top: 10px;
}
.brxe-heading.shadow-text
{
	 -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,.3);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0,.3);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
.gform_required_legend
{
	display: none;
}
.gfield_label.gform-field-label
{
    color: #333;
    font-size: 12px!important;
    text-transform: uppercase;
    font-family: "Open Sans";
    margin-bottom: 2px!important;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select 
{
    line-height: 27px;
    border-radius: 5px;
    font-size: 14px !important;
    color: #555;
    outline: 0px;
}
.gform_wrapper.gravity-theme .gfield textarea
{
	line-height: 27px;
    border-radius: 5px;
    font-size: 14px !important;
    color: #555;
    outline: 0px;
 	height: 120px!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label
{
	vertical-align: top!important;
    font-size: 14px!important;
    line-height: 1.5;
    color: #333;
    margin-left: 5px;
}
.gform_wrapper.gravity-theme .gfield-choice-input
{
	width: 15px;
    height: 15px;
}
.gfield.gfield--type-html
{
    font-size: 14px !important;
    line-height: 1.5;
    color: #333;
}
.gfield.gfield--type-html strong
{
	font-size: 14px !important;
    line-height: 1.5;
    color: #333;
    display: block;
}
.gform_wrapper.gravity-theme .gform_footer input
{
    background-color: #4bb7ce;
    color: #ffffff;
    font-size: 12px;
    font-family: "Open Sans";
    font-weight: 400;
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 20px;
    padding: 12px 50px;
    border-radius: 3px;
    border: 0px;
    text-transform: uppercase;
}
.gform_wrapper.gravity-theme .gform_footer
{
    justify-content: center;
    margin-top: 15px !important;
}
.scrolled-section
{
    max-height: 600px;
    overflow-y: scroll;
    max-width: 1020px;
}
.table-text thead th
{
	text-align: left;
}
.testimonial-box:before
{
	border-bottom: 15px solid transparent;
    border-right: 15px solid #dbdbdb;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 22px;
    width: 0;
}
.testimonial-box:after
{
	border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 25px;
    width: 0;
}
.gt_container--hfkxzr .gt_switcher
{
    float: right;
}
.brxe-nav-menu.sidebar-toggle-menu.show-mobile-menu .bricks-mobile-menu-wrapper
{
    z-index: 9999;
}
.brxe-nav-menu.show-mobile-menu.sidebar-toggle-menu .bricks-mobile-menu-toggle
{
	z-index: 99999;
}
.header-main-menu .header-cta-btn.menu-item, .header-main-menu .request-appointment-btn.menu-item
{
	display: none;
}
.header-cta-btn.menu-item a
{
    padding: 15px !important;
    border: 1px solid #4bb7ce !important;
    max-width: 170px;
    margin-left: 30px;
    margin-top: 20px;
    border-radius: 3px;
    color: #4bb7ce !important;
    text-align: center;
    line-height: 1.2em !important;
}
.header-cta-btn.menu-item a:hover
{
	background-color: #4bb7ce;
    color: #fff!important;
}
.request-appointment-btn.menu-item a
{
	padding: 7px 15px !important;
    border: 1px solid #195f7e !important;
    max-width: 170px;
    margin-left: 30px;
    margin-top: 10px;
    border-radius: 3px;
    color: #fff !important;
    text-align: center;
    line-height: 1.2em !important;
    background-color: #195f7e!important;
}
  .hm-testimonial-slider .splide__pagination
  {
  	display: none;
  }




/*******************************************************************************************************/
/****************************************RESPONSIVE CSS STARTS HERE************************************/
/*****************************************************************************************************/

@media only screen and (max-width: 1520px) 
{
	.brxe-nav-menu.header-main-menu ul.bricks-nav-menu li.menu-item a, .brxe-nav-menu.header-main-menu ul.bricks-nav-menu li.menu-item .brx-submenu-toggle a
  {
      font-size: 12px!important;
  }
  .bricks-mobile-menu-toggle.always:after
  {
  	    top: 2px;
    	font-size: 12px;
  }
  .bricks-mobile-menu-toggle.always
  {
  	padding-left: 70px;
  }
}

@media only screen and (max-width: 1400px)
{
	.header-main-menu li.surgical-center-menu.menu-item
  {
  		display: none;
  }
}


@media only screen and (max-width: 1270px)
{
	.header-main-menu li.contact-menu.menu-item
  {
  		display: none;
  }
  #brxe-mvamkx.show-mobile-menu .bricks-mobile-menu-toggle
  {
    top: -10px!important;
    right: -10px!important;
	}
}


@media only screen and (max-width: 1170px)
{
	.header-main-menu li.testimonial-menu.menu-item
  {
  		display: none;
  }
}


@media only screen and (max-width: 1070px)
{
	.header-main-menu li.patient-education-menu.menu-item
  {
  		display: none;
  }
  .container
  {
      max-width: 95%!important;
  }
    .hm-testimonial-slider .splide__pagination
  {
  	display: block;
  }
  .hm-testimonial-slider .splide__arrow
  {
  		display: none;
  }
}

@media only screen and (max-width: 959px)
{
	.header-main-menu li.services-menu.menu-item
  {
  		display: none;
  }
  .providers-grid.brxe-posts ul li
  {
  	    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 768px)
{
	.header-main-menu li.patient-information-menu.menu-item, .hm-testimonial-slider .splide__arrow
  {
  		display: none;
  }
}

@media only screen and (max-width: 640px)
{
	.header-main-menu li.providers-menu.menu-item
  {
  		display: none;
  }
  .providers-grid.brxe-posts ul li
  {
  	    width: 100%;
  }
}

@media only screen and (max-width: 550px)
{
	.header-main-menu li.about-menu.menu-item
  {
  		display: none;
  }
}

@media only screen and (max-width: 479px)
{
	.header-main-menu
  {
  		display: none;
  }
  .header-section 
  	{
    	padding: 25px 0px;
	}
    #brxe-mvamkx.show-mobile-menu .bricks-mobile-menu-toggle 
  	{
        right: -40px !important;
    }
  	.bricks-mobile-menu-toggle.always:after
  {
  	display: none;
  }
  .hm-banner-slider .splide__arrow, .testimonial-box:before, .testimonial-box:after
  {
  	display: none;
  }
}