/*
 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.113
 Text Domain:  bricks
*/

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

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


/**** 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;
}
.section-shadow {
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.4),
    0 8px 24px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 767px) {
  .hide-mobile {
  	display:none;
  }
  .hide-desktop {
	display:block;
}
}


/****************************************************************************************/
/*********************************DEV CSS STARTS HERE***********************************/
/**************************************************************************************/

.only-mobile-visible
{
	display: none;
}
.levo-logo
{
	width: 40px;
}
.align-center-icons
{
	align-items: center;
}
#menu-main-menus ul.sub-menu
{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.brxe-text ul
{
	padding-left: 15px;
    margin: 5px 0px;
}
.brxe-accordion li.accordion-item
{
	border-bottom: 0px;
}
.gform_required_legend
{
	display: none;
}
.gform_wrapper.gravity-theme .gfield_label
{
	color: #202021;
    font-family: Roboto;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 1.3em;
    margin-bottom: 5px!important;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select
{
	border: 0.5px solid #5D5D5F;
    background: rgba(93, 93, 95, 0.01);
    backdrop-filter: blur(4.5px);
  	color: #202021;
    font-family: Roboto;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 32px!important;
    outline: 0px;
}
.gform_wrapper.gravity-theme .gfield select
{
	background: url(/wp-content/uploads/2026/02/Frame.png);
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.gform_wrapper.gravity-theme .gfield--type-submit .gform-button 
{
	padding: 10px 15px!important;
    line-height: 28px !important;
    background: #514F53!important;
    color: #fff!important;
}
.gform_wrapper.gravity-theme .gfield--type-submit .gform-button:hover
{
	background: transparent!important;
    color: #514F53!important;
  	opacity: 1!impoortant;
}
.gform_wrapper.gravity-theme .gform_fields
{
	 grid-row-gap: 10px!impoortant;
}
.splide__slide:nth-child(odd) .col-head
{
	background: #C1D0D9;
}
.splide__slide:nth-child(even) .col-head
{
	background: #5D5D5F;
}
.splide__slide:nth-child(even) .col-head .brxe-heading
{
	color: #fff!important;
}
#menu-main-menus ul.sub-menu 
{
	padding-bottom: 10px;
}
.video-filters 
{
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    justify-content: center;
}
.filter-group 
{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.filter-group label 
{
    font-size: 16px;
    color: #202021;
    font-family: "Roboto";
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0px;
}
.filter-group select 
{
    padding: 10px 14px;
    min-width: 260px;
    border: 1px solid #5D5D5F;
    font-size: 16px;
    color: #202021;
    font-family: "Roboto";
    font-weight: 400;
    line-height: 1.3;
    outline: 0px;
	background-image: url(/wp-content/uploads/2026/02/Frame.png);
    background-size: 9%;
    background-position: 95% 50%;
}
.video-grid 
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.video-item
{
    border: 1px solid #5D5D5F;
}
.video-embed iframe 
{
    width: 100%;
    height: 240px;
}
.program-name 
{
    margin: 0px 20px;
    padding: 4px 5px;
    border: 1px solid #5D5D5F;
    font-size: 14px;
    color: #202021;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1.1;
    display: inline-block;
}
.video-embed 
{
    margin-bottom: 15px;
}
.video-item h3 
{
    margin: 20px 20px;
    color: #202021;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
}
.patient-name 
{
    color: #202021;
    font-family: Ethic;
    font-size: 20px;
    margin: 0px 20px 20px;
    font-weight: 500;
    line-height: 120%;
    border-top: 0.5px solid rgb(77 75 80 / 50%);
    padding-top: 20px;
}
.load-more-wrap 
{
    text-align: center;
    margin-top: 45px;
}
#load-more-btn 
{
    padding: 12px 20px;
    cursor: pointer;
    background-color: #5c5859;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: "Roboto";
    line-height: 1.4em;
    font-weight: 400;
    border: 1px solid #5c5859;
    border-radius: 0px;
    min-width: 170px;
}
#load-more-btn:hover
{
	background: transparent;
	color: #202021;
}
#menu-main-menus
{
	justify-content: center;
}
#brxe-hduhlu .bricks-isotope-filters 
{
    margin-bottom: 30px;
}
.brxe-posts .content-wrapper
{
	padding: 18px 20px 15px;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.brxe-posts .image-wrapper img
{
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.single-post .brxe-post-title
{
	font-weight: 700;
    font-size: 54px;
    font-family: "Ethic";
    line-height: 1.18;
}
.single-post h1, .single-post h2, .single-post h3, .single-post h4
{
	font-family: "Ethic";
}
.single-post p, .single-post li, .single-post a
{
	font-size: 18px;
    color: #202021;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1.5;
}
.single-post ul li, .single-post ol li
{
	margin-bottom: 12px;
}
.single-post .brxe-post-meta
{
	display: none;
}

.single-post #brx-header>.brxe-section
{
	padding-top: 30px;
}
.single-post .repeater-item .post-content h3
{
    line-height: 1.25;
}
.single-post .repeater-item .post-content h3 a
{
	font-weight: 700;
    font-size: 24px;
    font-family: "Ethic";
    line-height: 1.25;
}
.single-post .brxe-post-navigation
{
	display: none;
}
.single-post .brxe-related-posts
{
	margin-bottom: 70px;
	margin-top: 15px;
}


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

@media(max-width: 1100px)
{
	#menu-main-menus li.menu-item a
	{
	 	font-size: 14px!important;
	}
}

@media(max-width: 1024px) 
{
   .video-grid 
	{
        grid-template-columns: repeat(2, 1fr);
    }
	.single-post .brxe-post-title
	{
    	font-size: 40px;
    	line-height: 1.18;
	}
}

@media(max-width: 479px) {
 .video-grid 
	{
        grid-template-columns: 1fr;
    }
	.video-filters
	{
		flex-direction: column;
	}
}

@media only screen and (max-width: 991px)
{
	.only-mobile-visible
	{
		display: block;
	}
}