/*
 Theme Name:   Medical Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  A medical child theme for dental, hospital, clinic, and any industry comes under medical department.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/***==========HEADER=================***/
/*** Responsive Styles Tablet And Below ***/
@media all and (min-width: 980px) {
/*==== Start Underline Center ====*/
.ba-medical-underline nav ul li {
   position: relative;}
.ba-medical-underline nav ul li a {
    position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-medical-underline nav ul li a::after {
    content: "";
   position: absolute;
   z-index: 2;
   left: 51%;
   right: 51%;
   bottom: 0;
   background:var(--primary);
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}
.ba-medical-underline nav ul li:hover a::after {
    left: 0;
   right: 0;}
.ba-medical-underline nav ul.sub-menu li a::after {
 display: none }
  .bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a,  .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}
/*==== End Underline Center ====*/
  /*==== Start Underline Grow current ====*/
.ba-medical-underline  .current-menu-ancestor > a  {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-medical-underline  .current-menu-ancestor >  a::after {
     content: "";
   position: absolute;
   z-index: 2;
   left: 0%;
   right: 0%;
   bottom: 0;
   background: var(--primary);
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}
  /*==== Start Submenu hover background color====*/
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li{
  display:block;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a{
padding: 10px 25px 10px 25px;
    position: relative;
    border-bottom: 1px solid #d3dce8;
    display: block;
    text-transform: uppercase;
    width: 100%;
    margin-top: 2px;
width: 100%; 
  transition: all .500s ease-in-out;}
.ba-medical-submenu.et_pb_menu .et_mobile_menu li ul {
   padding-left: 0px!important; }
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover {
  transition: all .500s ease-in-out;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:before{
  position: absolute;
content: '';
    left:0px;
    top: 50%;
    width: 0;
    height: 2px;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out!important;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover:before{
background-color: var(--primary);
    width: 14px!important;}
.ba-medical-submenu  ul.sub-menu li.current-menu-item a{
	  opacity:1; }
.ba-medical-submenu  ul.sub-menu li.current-menu-item a:before{
  position: absolute;
content: '';
left: 0px;
top: 49%;
height: 3px;
  opacity: 1!important;
  background-color: var(--primary)!important;
width: 14px!important;
  -webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;} 
  /**======SUbmenu======*/  
  .ba-medical-submenu  ul.sub-menu {
      min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px!important;  }  
  .ba-medical-submenu  .bricks-nav-menu .sub-menu .sub-menu{
  min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px; 
top: 0!important;
    margin: 1px!important;}
  .ba-medical-submenu  nav>ul>li>ul:before {
content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    top: -5px;
    left: 20px;
    opacity: 1;
    z-index: -1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: var(--action);}
 .bricks-nav-menu .sub-menu > li.menu-item > a{
      overflow: hidden;}
 .bricks-nav-menu > .current-menu-item > a,  .bricks-nav-menu > .current-menu-ancestor > a, .bricks-nav-menu > .current-menu-parent > a{   border:none!important}}  
 /*============Search Icon =========*/
  .ba-medical-search .bricks-search-overlay .close {
    color: var(--accent);
    height: 50px;
    width: 50px;
    background-color: var(--action);
    font-size: 40px;
    line-height: 55px;
    border-radius: 50%;}
.ba-medical-search .bricks-search-icon {
    border-radius: 50%;}
.ba-medical-search .bricks-search-overlay .bricks-search-form input[type=search]{
    font-family: 'Roboto';
    color: var(--accent);
  font-size: 14px;}
/***============HOME================****/
/************VIDEO***************/
.ba-medical-video-home.brxe-video .bricks-video-overlay-icon {
    color: #000;
    background-color: var(--action);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 20px 23px;
    cursor: pointer;
  font-size: 20px;}
/*==============SERVICE=============*/
 /*========service card hover bg color=========*/
  .da-service-card:after, .da-service-card:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
    border-radius: inherit;}
.da-service-card:hover:after {
    height: 100%;}
 .da-service-card.da-service-content .brxe-icon-box {
    z-index: 99;}
    /*========service card elemeant transition=========*/
    .da-service-card.da-service-content .brxe-icon-box h4,   .da-service-card.da-service-content .brxe-icon-box p,    .da-service-card.da-service-content .bricks-button{
      -webkit-transition: 0.6s ease-in-out;} 
      /*========service card content  color =========*/
  .da-service-card.da-service-content:hover .brxe-icon-box h4,   .da-service-card.da-service-content:hover .brxe-icon-box p{
   color: var(--action)!important;
      -webkit-transition: 0.6s ease-in-out;} 
   .da-service-card.da-service-content:hover .bricks-button{
  background-color: var(--action)!important;
        -webkit-transition: 0.6s ease-in-out;
  color: var(--primary);}
/*============== TEAM ==================*/
  /*========team card hover bg color=========*/
  .da-team-card:after, .da-team-card:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
    border-radius: inherit;}
.da-team-card:hover:after {
    height: 100%;}
 .da-team-card.da-team-content .brxe-icon-box {
    z-index: 99;}
    /*========team card elemeant transition=========*/
    .da-team-card.da-team-content .brxe-icon-box h4,   .da-team-card.da-service-content .brxe-icon-box p,    .da-team-card.da-team-content li.has-link a,  .da-team-card.da-team-content  li.no-link,  .da-team-card.da-team-content li  {
      -webkit-transition: 0.6s ease-in-out;} 
      /*========team card content  color =========*/
  .da-team-card.da-team-content:hover .brxe-icon-box h4,   .da-team-card.da-team-content:hover .brxe-icon-box p{
   color: var(--action)!important;
      -webkit-transition: 0.6s ease-in-out;}
  
   .da-team-card.da-team-content:hover li.has-link a,  .da-team-card.da-team-content:hover  li.no-link {
     color: var(--action);}
   .da-team-card.da-team-content:hover li {
     border-color: var(--action)!important;}
/*=========COUNTER===========*/
.ba-counter-medical .suffix {
    font-size: 20px!important;
    top: 0;
    position: relative;}
/*============== TESTIMONIAL ==================*/
  /*========testimonial card hover bg color=========*/
  .da-testimonial-card:after, .da-testimonial-card:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 1;
    border-radius: inherit;}
.da-testimonial-card:hover:after {
    height: 100%;}
 .da-testimonial-card.da-testimonial-content .brxe-icon-box {
    z-index: 99;}
    /*========testimonial card elemeant transition=========*/
    .da-testimonial-card.da-testimonial-content .brxe-icon-box h4,   .da-testimonial-card.da-testimonial-content .brxe-icon-box p,    .da-testimonial-card.da-testimonial-content p, .da-testimonial-card.da-testimonial-content li.has-link a,  .da-testimonial-card.da-testimonial-content li.no-link {
      -webkit-transition: 0.6s ease-in-out;} 
      /*========testimonial card content  color =========*/
  .da-testimonial-card.da-testimonial-content:hover .brxe-icon-box h4,   .da-service-card.da-testimonial-content:hover .brxe-icon-box p, .da-testimonial-card.da-testimonial-content:hover .brxe-text p ,.da-testimonial-card.da-testimonial-content:hover .content p{
   color: var(--action)!important;
      -webkit-transition: 0.6s ease-in-out;} 
  .da-testimonial-card.da-testimonial-content:hover li.has-link a,  .da-testimonial-card.da-testimonial-content:hover li.no-link {
  color: var(--action);}

/*===================BLOG=========================*/
.ba-blog-medical .bricks-layout-wrapper[data-layout=grid]:not(.isotope) {
    width: 98%;
    margin: auto;}
  /*=============Ba blog image==============*/
  .ba-blog-medical .image-wrapper {
    overflow: hidden;}
  .ba-blog-medical .bricks-layout-inner .image {
  transition: all 0.95s ease;
	-moz-transition: all 0.95s ease;
	-webkit-transition: all 0.95s ease;}
.ba-blog-medical  .bricks-layout-inner:hover .image {
    border-radius: 10px!important;
  transform: scale(1.15) rotate(1deg);
	-moz-transform: scale(1.15) rotate(1deg);
	-webkit-transform: scale(1.15) rotate(1deg);}
    /*=============Ba blog author==============*/
  .ba-blog-medical  .author  {
      padding-left: 0px;
    position: relative;
    padding-right: 3px;}
.ba-blog-medical  .author:before  {
     position: relative;
    left: 0px;
    top: auto;
    color: var(--primary);
    font-family: 'fontawesome';
    content: "\f508";
    font-size: 13px;
    font-weight: normal;
      padding-right: 6px;}
      /*=============Ba blog date==============*/
.ba-blog-medical  .date  {
      padding-left: 20px;
    position: relative;
    padding-right: 3px;
        padding-left: 3px;}
.ba-blog-medical  .date:before  {
 position: relative;
    left: 0px;
    top: auto;
    color: var(--primary);
    font-family: 'fontawesome';
    content: "\f073";
    font-size: 13px;
    font-weight: normal;
      padding-right: 6px;}
      /*=============Ba blog category==============*/
  .ba-blog-medical  .category  {
      padding-left: 20px;
    position: relative;
    padding-right: 3px;
        padding-left: 5px;}
.ba-blog-medical  .category:before  {
 position: relative;
    left: 0px;
    top: auto;
    color: var(--primary);
    font-family: 'fontawesome';
    content: "\f073";
    font-size: 13px;
    font-weight: normal;
      padding-right: 6px;}
        /*=============Ba blog comment==============*/
  .ba-blog-medical  .comments  {
      padding-left: 20px;
    position: relative;
    padding-right: 0px;
        padding-left: 5px;
  color: var(--accent);
  font-weight: 400;}
.ba-blog-medical  .comments:before  {
 position: relative;
    left: 0px;
    top: auto;
   color: var(--primary);
    font-family: 'fontawesome';
    content: "\f075";
    font-size: 13px;
    font-weight: normal;
      padding-right: 6px;
  font-weight: 400;}
        /*=============Ba blog hover color==============*/
    .ba-blog-medical  .date, .ba-blog-medical  .category, .ba-blog-medical .author,.ba-blog-medical .read-more,.ba-blog-medical .date, .ba-blog-medical .category, .ba-blog-medical  .author,.ba-blog-medical h2    {
    transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;}
    .ba-blog-medical  .date:hover, .ba-blog-medical  .category:hover, .ba-blog-medical  .author:hover,     .ba-blog-medical .read-more:hover,     .ba-blog-medical  .date:hover, .ba-blog-medical  .category:hover, .ba-blog-medical  .author:hover,     .ba-blog-medical h2:hover    {
    color: var(--primary);
    transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;}
        /*=============Ba blog read more==============*/
    .ba-blog-medical  .read-more {
    display: inline-block!important;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid var(--base);}
    .ba-blog-medical  .read-more :hover:after {
    width: 100%;}
    .ba-blog-medical  .read-more :after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: all .3s ease 0s;}
        /*=============Ba blog readmore and comment inline==============*/
.ba-blog-medical  h6{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;}
/*============{{Form BUTTON}}============*/
.ba-button-style-1 .bricks-button:before, .ba-button-style-1.brxe-button:before{
	text-align: center }
.ba-button-style-1 .bricks-button{
	padding: 15px;}
.ba-button-style-1  .bricks-button, .ba-button-style-1.brxe-button{
  	position: relative;
	display: inline-block;
	border: none;
  	overflow: hidden!important;
	transition: all .3s linear;
  	z-index: 1!important;}
.ba-button-style-1 .bricks-button:hover, .ba-button-style-1.brxe-button:hover {
	color: var(--action);}
.ba-button-style-1 .bricks-button:before, .ba-button-style-1.brxe-button:before{
	position: absolute;
	left: 0;
	margin-left: 0;
	top: 0;
	opacity: 1;
	display: block;
	visibility: visible!important;
	height: 100%;
	width: 100%;
	content: "";
	z-index: -1;
	background-color: var(--accent);
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform .5s cubic-bezier(.86, 0, .070, 1);
	-moz-transition: transform .5s cubic-bezier(.86, 0, .070, 1);
	-o-transition: transform .5s cubic-bezier(.86, 0, .070, 1);
	transition: transform .5s cubic-bezier(.86, 0, .070, 1);
	transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .070, 1);
	-moz-transition-timing-function: cubic-bezier(.86, 0, .070, 1);
	-o-transition-timing-function: cubic-bezier(.86, 0, .070, 1);
	transition-timing-function: cubic-bezier(.86, 0, .070, 1)}
.ba-button-style-1 .bricks-button:hover:before, .ba-button-style-1.brxe-button:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left}
/*==========About us Page=============*/
/********breadcrumb *********/
.ba-medical-breadcrumb .breadcrumb a:hover {
    color: var(--primary);}
.ba-medical-breadcrumb .breadcrumb a{
    color: var(--primary);
  font-weight: 600}
.ba-medical-breadcrumb .breadcrumb-current, .breadcrumb {
    color: var(--action)!important;
  font-weight: 600}
.entry-breadcrumbs {
    color:var(--action)!important;}
/********VIDEO Play icon*********/
.ba-medical-video.brxe-video .bricks-video-overlay-icon {
    position: absolute;
    bottom: 0;
    top: 100%;
    right: 2%;
    left: auto;
    color: var(--action);
    background-color: var(--primary);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 35px 40px;
    cursor: pointer;
    font-size: 30px;}
.ba-medical-video.brxe-video .fa-play:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: -10%;
    left: -10px;
    right: auto;
    bottom: auto;
    border: 2px solid var(--primary);
    border-radius: 50%;}
.ba-medical-video.brxe-video{
    padding-top: 300px;
    padding-bottom: 90px;
    border-color: var(--bricks-border-color);
    border-radius: 10px;
    overflow: visible;}