/*
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
*/

/* Add your custom styles here... */ 

:root {
    --accent: #76bc21;
    --dark: #333333;
  }
  
  /* ===== base txt styling  ===== */

  .vm-small-title h3 {
      text-transform:uppercase;
      font-size:13px;
      letter-spacing:1px;
      line-height:1.2;
  }
  
  .vm-breadcrumb h3 {
      text-transform:uppercase;
      font-size:13px;
      letter-spacing:1px;
  }
  
  .vm-breadcrumb-services h3 {
      text-transform:uppercase;
      font-size:18px;
      letter-spacing:1px;
  }
  
  .quicklinks {
      color:white;
  }
  
  .quicklinks a {
      color:white;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
  }
  
  .quicklinks a:hover {
      color:#76bc21;
  }
  
  .light .quicklinks {
      color:#333333;
  }
  
  .light .quicklinks a {
      color:#333333;
  }
  
  .light .quicklinks a:hover {
      color:#333333;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
  }
  
  ul {
      list-style: square;
  }

  .fl-rich-text ul li {
       list-style-type: none;
  }

  .fl-rich-text ul li:before {
      content: "▸";
      display: inline-block;
      margin-left: -20px;
      width: 20px;
  }
  
  .vm-highlight-box {
      background-color:rgba(118,188,33,0.13);
      margin-left:20px;
      width:calc(100% - 40px)!important;
      font-size:16px;
  }

  .vm-highlight-box.vm-pink {
      background-color:rgba(255, 105, 159, 0.15);
      margin-left:20px;
      width:calc(100% - 40px)!important;
      font-size:16px;
  }
.vm-highlight-box.vm-blue {
      background-color:rgba(41,171,226,0.1);
  }


  .fl-accordion-small .fl-accordion-button-label, .fl-accordion-small .fl-accordion-content p {
      font-size:16px;
  }

  @media screen and (max-width:991px){
      
      .fl-accordion-small .fl-accordion-button-label, .fl-accordion-small .fl-accordion-content p {
        font-size:13px;
      }
  }

  .fl-accordion-button-icon-right {
      opacity: 1;
      font-weight:700;
  }
  
  /* ======== Video widget ======== */
  
  .fl-video-lightbox-wrap .mfp-content {
      background: transparent;
  }
  
  .mfp-iframe {
      border:none;
  }
  
  .mfp-wrap.fl-video-lightbox-wrap .mfp-close, .mfp-wrap.fl-video-lightbox-wrap .mfp-close:hover {
      color:#fff!important;
      top:-20px!important;
      right:-20px!important;
  }
  
  
  
  /* ===== page slide down on load ===== */
  
  #vm-top-bar {
          -webkit-transform:translateY(-50px);
              -ms-transform:translateY(-50px);
                  transform:translateY(-50px);
      -webkit-animation:barslidedown 1s 1s forwards;
              animation:barslidedown 1s 1s forwards;
  }
  #vm-header-desktop {
          -webkit-transform:translateY(-50px);
              -ms-transform:translateY(-50px);
                  transform:translateY(-50px);
      -webkit-animation:barslidedown 1s 1s forwards;
              animation:barslidedown 1s 1s forwards;
  
  }
  
  @-webkit-keyframes barslidedown {
      from {    
               -webkit-transform:translateY(-50px);    
                       transform:translateY(-50px);
          }
      to {
               -webkit-transform:translateY(0);
                       transform:translateY(0);
  
      }
  }
  
  @keyframes barslidedown {
      from {    
               -webkit-transform:translateY(-50px);    
                       transform:translateY(-50px);
          }
      to {
               -webkit-transform:translateY(0);
                       transform:translateY(0);
  
      }
  }
  
  
  
  /* ===== js anim ===== */
  
  .hero-row .fl-row-content-wrap {
      background-position:center 0;
  }
  
  .hero-row-sub .fl-row-content-wrap {
      background-position:center 0;
  }
  
  
  .para {
      
  }
  
  
  
  /* ===== green button ===== */
  
  .fl-button-wrap a {
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
  }
  
  .fl-button-text {
      font-family: var(--headingfont);
      font-size:15px;
      letter-spacing:2px;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      position:relative;
      padding:0 0 3px 25px;
  }
  
  .fl-button-text::before{
  content:url(/wp-content/uploads/2021/07/button-vm-icon.png);
      position:absolute;
      top:1px;
      left:-5px;
  }
  
  
  /* ===== Read more button ===== */
  
  
  .button-more .fl-button-wrap {
  }
  
  .button-more .fl-button-text {
      padding:0;
      color:#333333!important;
      padding-bottom:10px;
      position:relative;
  }
  
  
  .button-more .fl-button-text::after {
      content:"";
      border-bottom:solid 1px #333333;
      position:absolute;
      bottom:0;
      width:0%;
          -webkit-transition:0.3s;
          -o-transition:0.3s;
          transition:0.3s;
  }
  
  .button-more:hover .fl-button-text::after {
      width:100%;
  }
  
  .button-more .fl-button-text::before {
      content:"";	
  }
  
  .button-more a.fl-button, .button-more a.fl-button:hover  {
      background-color:transparent!important;
      padding:0;
  }
  
  
  /*. ===== Hero =====  */
  
  
  
  .hero-txt-col {
      margin-top:35vh;
      margin-left:20px;
      text-align:center;
  }
  
  .hero-txt-col.hero-service {
      margin-top:300px;
  }
  
  .hero-testimonial {
      border-top:solid 2px;
      border-bottom:solid 2px;
  }
  
  .hero-testimonial p {
          font-size:25px;
          line-height:1.2;
  }
  
  
  @media screen and (max-width:768px) {
   
      .hero-txt-col {
          margin-top:120px;
          margin-left:auto;
          margin-right:auto;
      }
      
      .hero-testimonial p {
          font-size:20px;
      }
  }
  
  
  /* ===== Hero Testimonials ===== */
  
  .home-hero-testimonials .fl-testimonial {
      width:100%!important;
  }
  
  .home-hero-testimonials {
      width:30%;
      border-top: solid #333 2px;
      border-bottom: solid #333 2px;
      margin-bottom:40vh;
      transform:translateY(50%);
  }
  
  .home-hero-testimonials .fl-testimonial {
      padding-top:0;
      padding-bottom:0;
  }
  
  @media screen and (max-width:768px){
      .hero-row .fl-row-content-wrap {
          min-height:90vh!important;
      }
    
       .hero-row-sub .fl-row-content-wrap {
          min-height:35vh!important;
          padding-top:150px!important;

      }
      
      .home-hero-testimonials {
          width:100%;
          margin:20px 0px 80px 0px;
          border:none;
          background-color:rgba(255,255,255,0.7);
          transform:none;
      }
      
      .home-hero-testimonials .fl-testimonial {
          border-top:#333 solid 2px;
          border-bottom:#333 solid 2px;
          padding-top:20px;
          padding-bottom:10px;
      }
  }
  
  
  
  
  /* ======  Home quick links ======*/
  
  .home-quicklinks a {
      color:white;
      text-transform:uppercase;
      transition:0.3s;
  }
  
  .home-quicklinks a:hover {
      color:#76bc21;
      
  }
  
  
  /*
  .home-quicklinks .fl-button-text {
      padding:0;
  }
  
  .home-quicklinks .fl-button-text::before {
      content:"";	
  }
  
  .home-quicklinks a {
      position:relative;
  }
  
  .home-quicklinks .fl-button-text {
          transition:0.3s!important;
  }
  
  
  .home-quicklinks a::after {
      content:url("/wp-content/uploads/2021/07/icon-quicklinks-arrow.png");
      position:absolute;
      right:0;
      top:6px;
  }
  */
  
  
  
  
  
  
  /* ===== Text styles using module classes ===== */
  
  .specialties-list-title {
      position:relative;
  }
  
  .specialties-list-title::before {
      content:url(/wp-content/uploads/2021/07/button-vm-icon.png);
      position:absolute;
      top:-6px;
      right:20px;
  }
  
  .specialties-list-title.grey::before {
      content:url(/wp-content/uploads/2021/09/button-vm-icon-grey.png);
      position:absolute;
      top:-6px;
      right:20px;
  }
  
  
  
  
  
  
  /* ========= Home service panel ========= */
  
  .vm-post-tiles {
      border:none;
      height:30vw;
      max-height:500px; 
  }
  
  
  @media screen and (max-width:768px){
      .vm-post-tiles {
          height:300px;
          max-width:none;
      }
  }
  
  
  .service-tile::before {
      content:"";
      position:absolute;
      top:0;
      left:0;
      background-color:var(--accent);
      width:100%;
      height:100%;
      opacity:0;
      transition:0.3s;
      z-index:1;
  }
  
  
  .vm-post-tiles .service-name, .vm-post-tiles .service-description {
      transition:0.3s;
      transform:translateY(0);
      z-index:9;
  }
  
  @media screen and (min-width:769px){
      
      .vm-post-tiles:hover .service-tile::before {
          opacity:0.8;
      }
      
      .vm-post-tiles:hover .service-name, .vm-post-tiles:hover .service-description {
          transform:translateY(-12vw);
      }
      
  }
  
  
  .service-tile {
      text-align:center;
      height:100%;
      background-size:cover;
      background-position:center; 
      position:relative;
  }
  
  .service-tile::after {
      content:"";
      width:100%;
      height:100%;
      top:0;
      left:0;
      background-image: linear-gradient(rgba(51,51,51,0), rgba(51,51,51,0.8));
      position:absolute;
      opacity:0.4;
  }
  
  
  
  .service-name {
      width:80%;
      position:absolute;
      bottom:20px;    
      padding-left:0px;
      padding-right:0px;
      padding-top:10px;
      border-top:solid white 1px;
      display:block;
      margin-left:10%;
      line-height:1.2;
  }
  
  .service-name {
      color:white;
      font-size:20px;
  }
  
  .service-description {
      width:100%;
      position:absolute;
      top:100%;    
      padding-left:30px;
      padding-right:30px;
      color:white;
      font-size:13px;
      line-height:1.4;
  }
  
  .service-txt-tile {
  }
  
  
  
  /* ===== Home Testimonial panel ===== */
  
  
  .vm-quote-testimonial {
      position:relative;
  }
  
  .vm-quote-testimonial::before {
      content:url('/wp-content/uploads/2021/09/quote-open-white.png');
      position:absolute;
      top:0;
      left:-20px;
      opacity:0.4;
  }
  
  .vm-quote-testimonial::after {
      content:url('/wp-content/uploads/2021/09/quote-close-white.png');
      position:absolute;
      bottom:0;
      right:0;
      opacity:0.4;
  }
  
  
  
  /* ===== Home Featured blog post ===== */
  
  .vm-featured-blog-post {
      background-color:transparent;
      border:none;
  }
  
  
  
  
  
  
  /* ===== Service template ===== */



.vm-breadcrumb-services a {
    transition:0.3s;
}


.vm-breadcrumb-services.vm-light-bread h3 {
    color:white;
}
  
  .service-quicklinks  {
        line-height:1.2;
}

.service-quicklinks a {
    font-size:13px;
    text-transform: uppercase!important;
    color:#333333;
    -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
}

  
.service-quicklinks a:hover {
     color:#76bc21;
  }
  
  
  
  .service-photo-row {
      position:relative;
  }
  
  
  .service-photo-col {
      height:35vw;
  }
  
  
  .service-photo {
      position:absolute;
      bottom:80px;
      left:0;
  }
  
  @media screen and (max-width:768px){
      
      .service-photo-col {
          height:auto;
      }
      
      .service-photo {
          position:relative;
          bottom:20px;
      }
  
  }
  
  
  .service-photo-caption {
      font-size:13px;
      border-top:solid 1px #333333;
      z-index:9;
  }
  
  @media screen and (max-width:768px) {
      .service-photo-caption {
          margin-left:20px;
          margin-right:20px;
      }
      
  }
  
  .vm-logo-bg {
      position:absolute;
      width:40vw;
      bottom:150px;
      right:-60px;
      -webkit-transition:1s;
      -o-transition:1s;
      transition:1s;
  }
      
  @media screen and (max-width:768px) {
      .vm-logo-bg {
          display:none;
      }
  }
  
  .vm-subpages-list a {
    color:#333333;
    transition:0.3s;
  }
  
  .vm-subpages-list a:hover {
    color:#76bc21;
  }
  
  /*
  .vm-row-overflow-none {
      overflow:hidden;
      position:relative;
  }
  */
  
  
  
  
  /* ===== Contact ===== */
  
  /*
  
  .contact-list-title {
      position:relative;
  }
  
  
  .contact-list-title::before {
      content:url(/wp-content/uploads/2021/08/button-vm-icon-green.png);
      position:absolute;
      top:-6px;
      right:20px;
  }
  
  */
  
  .vm-contact-accordion a h3 {
      margin-left:0;
      font-size:16px!important;
      line-height: 1.4;
      font-weight:700;
  }
  
  .vm-contact-accordion p {
      font-size:14px;
      line-height:1.6;
  }


/* ====== Contact form on service pages ====== */

    .vm-contact-info {
        flex-direction:column;
        display:flex;font-size:13px;justify-content:space-between;padding:20px 0;border-top:solid 1px #666;border-bottom:solid 1px #666;line-height:1.6;
    }
    .vm-contact-info > div {
        width:100%; 
        padding-bottom:20px;
    }
    
    .vm-contact-info .vm-hours {
        font-size: 14px;
    }
        
    
    @media screen and (min-width:768px) {
            .vm-contact-info {flex-direction:row;}
            .vm-contact-info > div {
                width:30%; 
                padding-bottom:0;
            }
            .vm-contact-info.vm-four-col > div {
                width:25%; 
            }
    }
  
  /* ===== Blog ===== */
  
  /* blog archive */
  #vm-blog-archive-feed .fl-post-feed-post {
          max-width:768px;
          width:100%;
  }
  
  /* Blog singular */
  .vm-blog-date span, .vm-blog-date a  {
      color:#333333!important;
  }
  
  .vm-breadcrumb .fl-heading {
      color:#333333!important;
  }
  
  
  .read-full-article {
      background-color:var(--accent);
      display:inline-block;
      padding:10px 20px;
      transition: 0.3s;
  }
  
  .read-full-article:hover {
      background-color:#333333;
  }
  
  .read-full-article a {
      color:white!important;
      font-family: var(--headingfont);
      font-size:15px;
      letter-spacing:2px;
      display:flex;
      padding-left:30px;
      align-items:center;
      position:relative;
      text-transform:uppercase;
  }
  
  
  
  .read-full-article a::before{
      content:url(/wp-content/uploads/2021/07/button-vm-icon.png);
      position:absolute;
      top:4px;
      left:-5px;
  }
  
  
  /* end singular */
  
  
  .blog-category-list-title {
      position:relative;
  }
  
  
  .vm-category-bar .widgettitle {
      display:none;
  }
  
  
  .blog-category-list-title::before {
      content:url(/wp-content/uploads/2021/08/button-vm-icon-green.png);
      position:absolute;
      top:-6px;
      right:20px;
  }
  
  
  .vm-category-bar li{
      border-top:solid 1px #333333;
      padding-top:10px;
      color:#76bc21;
      font-size:11px;
  }
  
  
  .vm-category-bar li a {
      color:#333333;
      font-size:18px;
  
  }
  
  
  
  /* ===== Hero filters ===== */
  
  .hero-filter {
      -webkit-filter:grayscale(100%);
              filter:grayscale(100%); 
      -webkit-animation:grayfade 1s 0.5s forwards; 
              animation:grayfade 1s 0.5s forwards;
  }
  
  .fl-builder-edit .hero-filter {
      -webkit-filter:none;
              filter:none;
      -webkit-animation:none;
              animation:none;
  }
  
  @-webkit-keyframes grayfade {
      from {    
          -webkit-filter:grayscale(100%);    
                  filter:grayscale(100%); 
      }
      to {
          -webkit-filter:grayscale(0);
                  filter:grayscale(0); 
      }
  }
  
  @keyframes grayfade {
      from {    
          -webkit-filter:grayscale(100%);    
                  filter:grayscale(100%); 
      }
      to {
          -webkit-filter:grayscale(0);
                  filter:grayscale(0); 
      }
  }
  
  
  
  
  
  
  /* ===== Form ===== */
  
  
  #vm-booking-form-page .gfield {
      position:relative;
      padding-bottom:20px;
  }
  
  
  
  #vm-booking-form-page .gfield .gfield_radio label {
      bottom:0px;
  }
  
  
  
  #vm-booking-form-page label{
      font-size:14px;
      letter-spacing:0.5px;
      font-weight:400;
      color:#333;
  }
  
  
  
  #vm-booking-form-page input, #vm-booking-form-page textarea{
      padding:8px 8px 8px 8px;
      
      background-color:#ffffff;
      
  }
  
  
  
  #vm-booking-form-page .gform_footer.top_label input {
      background-color:#333333;
      padding-top:12px;
      padding-bottom:15px;
      font-family:var(--headingfont);
      letter-spacing:2px;
  
  }
  
  
  
  
  
  
  /* ===== radio + file ===== */
  
  #vm-booking-form-page .gfield.returning-patient {
  
  }
  
  #vm-booking-form-page .returning-patient > legend {
      color:#333;
      font-weight:300!important;
      border-bottom:transparent;
  
  }
  
  #vm-booking-form-page .returning-patient > div {
      font-weight:300!important;
      border-bottom:transparent;
  
  }
  
  #vm-booking-form-page .returning-patient .gfield_radio {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      
  }
  
  #vm-booking-form-page .returning-patient .gfield_radio label {
      position:relative!important; 
      width:60px!important;
      
  }
  
  
  #vm-booking-form-page .vm-reason select, #vm-booking-form-page .vm-details select, #vm-booking-form-page .vm-returning select{
      color:white!important;
      background-color:#333!important;
      -webkit-box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.1)!important;
              box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.1)!important;
      border:solid transparent 5px!important;
      height:40px!important;
  }
  
  #vm-booking-form-page .vm-reason label, #vm-booking-form-page .vm-details label, #vm-booking-form-page .vm-returning label{
      font-size:16px!important;
      font-weight:300!important;
  }
  
  
  
  #vm-booking-form-page .vm-file input {
      font-size:13px;
      color:#333;
      background-color:transparent!important;
      padding:0 0 10px 0!important;
      /*border-bottom:solid 1px #333!important;*/
  }
  
  #vm-booking-form-page .vm-file .gform_fileupload_rules {
      font-size:14px!important;
      color:#333;
      line-height:1;
  }
  
  
  
  #vm-booking-form-page .vm-file .gform_drop_area {
      border:dashed #333333 2px;
      padding:10px;
  }
  
  #vm-booking-form-page .vm-file .gform_drop_area button {
     background-color:#333333!important;
     font-size:15px!important;
     letter-spacing:1px!important;
  }
  
  #vm-booking-form-page .gform_drop_instructions {
      color:#333333!important;
      font-size:14px;
  }
  
  
  #vm-booking-form-page .gf_left_third, #vm-booking-form-page .gf_middle_third, #vm-booking-form-page .gf_right_third {
      padding-right:20px;
  }
  
  
  
  
  
  /* ===== Themer Header ===== */
  
  /* ===== Logo cursor ===== */
  
  .logo-cursor a {
      cursor:pointer!important;
  }
  
  
  /* ===== Desktop Top Bar ===== */
  
  #vm-top-bar {
      background-color:white!important;
  }
  
  
  @media screen and (max-width:768px) {
      #vm-top-bar {display:none;}
  }
  
  .vm-search-toggle > div {
      cursor:pointer;
  }
  
  
  
  
  
  
  /* ===== Desktop main menu ===== */
  

  #vm-header-desktop {
      background-color:transparent;
      position:relative;
      -webkit-transition:0.5s;
      -o-transition:0.5s;
      transition:0.5s;
  }
  
  #vm-header-desktop .vm-menu-sticky {
      display:none;
  }
  
  #vm-header-desktop.vm-stick .vm-menu-sticky {
      display:inline-block;
      font-size: 13px;
      bottom:1px;
  }
  
  
  
  #vm-header-desktop.vm-stick .vm-menu-sticky a {
      color: #98989a;
  }
  
  #vm-header-desktop.vm-stick {
      position:fixed;
      width:100%;
      top:0;
      left:0;
      background-color:white;
      /*height:80px;*/
      -webkit-box-shadow:0px 2px 4px 0px rgb(51, 51, 51, 0.1);
              box-shadow:0px 2px 4px 0px rgb(51, 51, 51, 0.1);
  }
  
  
  #vm-header-desktop.vm-stick .fl-row-content-wrap {
      padding-top:0;
  }
  
  #vm-header-desktop.vm-stick img {
      width:150px;
  
  }
  
  
  
  #menu-vm-main-menu a {
      -webkit-transition:0.3s;
      -o-transition:0.3s;
      transition:0.3s;
  } 
  
  
  #menu-vm-main-menu .vm-menu-secondary {
      display:none;
  }
  
  #menu-main-menu-fr a {
      -webkit-transition:0.3s;
      -o-transition:0.3s;
      transition:0.3s;
  } 
  
  
  #menu-main-menu-fr .vm-menu-secondary {
      display:none;
  }
  
  
  #vm-desktop-menu-module .menu {
      text-transform:uppercase;
      letter-spacing:0.5px;
      text-align:right;
  }
  
  #vm-desktop-menu-module .sub-menu {
      text-transform:initial;
      letter-spacing:0;
      font-size:15px;
  }
  
#vm-desktop-menu-module .sub-menu .sub-menu a {
    font-size: 13px;
    line-height:1.4;
}
  
  
  
  
  /* ===== Mobile header buttons ===== */
  
  
  
  @media screen and (max-width:768px){
      .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
          width:calc(100% - 100px);
          margin-left:50px;
          margin-right:50px;
      }
  }
  
  #vm-mobile-logo-row {
  }
  
  #vm-mobile-menu-toggle {
      cursor:pointer;
      position:fixed;
      top:40px;
      right:20px;
      -webkit-transition:0.3s;
      -o-transition:0.3s;
      transition:0.3s;
      z-index: 10;
  }
  
  #vm-mobile-menu-toggle svg {
      width:30px;
  }
  
  #vm-mobile-menu-toggle.scrolling {
      right:-100px;
  }
  
  
  #vm-mobile-search-toggle {
      cursor:pointer;
      position:fixed;
      top:30px;
      left:20px;
      -webkit-transition:0.3s;
      -o-transition:0.3s;
      transition:0.3s;
  }
  
  #vm-mobile-search-toggle svg {
      width:30px;
  }
  
  #vm-mobile-search-toggle.scrolling {
      left:-100px;
  }
  
  #vm-mobile-logo {
      margin-left:0;
      display:block;
      padding-top:30px;
    
  
  }
  
  #vm-mobile-logo img {
      width:100%;
      height:auto;
      max-width:200px;
      max-height:45px;
  }
  
  
  /* ===== Mobile nav ===== */
  
      .vm-overlay-btn, .vm-overlay-btn:hover, .vm-overlay-btn:active, .vm-overlay-btn:visited  {
          position:relative;
          width:auto!important;
          border:none;
          border-radius:0;
          padding:15px 30px 15px 50px;
          text-transform:uppercase;
          letter-spacing:2px;
          font-size:16px;
      }
      
      .vm-overlay-btn::before{
          content:url(/wp-content/uploads/2021/07/button-vm-icon.png);
          position:absolute;
          top:13px;
          left:15px;
      }
  
  
  
  
  
  #vm-main-menu-mobile .vm-menu-secondary {
      display:block;
  }
  
  #vm-main-menu-mobile .vm-menu-secondary a {
      font-size:15px;
  }
  
  #vm-main-menu-mobile .line-above {
      border-top:solid 1px #333333;
      margin-top:20px;
      padding-top:20px;
  }
  
  /* cancel default styles */
  
  #vm-main-menu-mobile li {
      margin-left:0;
      padding-left:0;
  }
  
  #vm-main-menu-mobile .fl-widget ul.sub-menu li:before {
      content:none!important;
  }
  
  
  /* Menu & sub menus */
  
  
  
  .vm-main-menu-mobile-overlay {
      position:fixed;
      width:100%;
      height:100%;
      top:0;
      left:0;
      
      background-color:#efefef;
      z-index:9999;
      
      -webkit-transition:0.3s;
      
      -o-transition:0.3s;
      
      transition:0.3s;
      visibility:hidden;
      opacity:0;
      
      overflow:scroll;
      padding-top:40px;
      padding-bottom:40px;
  
  }
  
  
  .fl-builder-edit.postid-51382 .vm-main-menu-mobile-overlay, .fl-builder-edit.postid-57852 .vm-main-menu-mobile-overlay {
  
      position:relative;
      visibility:visible;
      opacity:1;
      overflow: auto;
  }
  
  .vm-main-menu-mobile-overlay.vm-active {
  
      visibility:visible;
      opacity:1;
  }
  
  .vm-closing-x {
      cursor:pointer;
  
      width:30px; 
      position:fixed; 
      top:20px; 
      right:20px;
      
      z-index:9;
  }
  
  .vm-main-menu-mobile-col {
      -webkit-transition:0.3s;
      -o-transition:0.3s;
      transition:0.3s;
      -webkit-transform:translateX(0);
          -ms-transform:translateX(0);
              transform:translateX(0);
  
  }
  
  .vm-main-menu-mobile-col.vm-active {
      -webkit-transform:translateX(-100%);
          -ms-transform:translateX(-100%);
              transform:translateX(-100%);
  
  }
  
  
  
  #vm-main-menu-mobile {
      position:relative;
  }
  
  #vm-main-menu-mobile a {
      font-size:24px;
      color:#000000;
  
  }
  
  
  #vm-main-menu-mobile .menu {
      width:100%;
      border-top:solid 1px #333333;
      padding-top:20px;
      
  }
  #vm-main-menu-mobile .menu > li.menu-item-has-children:not(.vm-menu-secondary)::after {
      content:url(/wp-content/uploads/2021/08/menu-arrow-right.png);
      position:absolute;
      padding-top:3px;
      right:20px;
  }
  
  #vm-main-menu-mobile .vm-menu-sticky {
      display:none;
  }
  
  
  
  
  /* level 2 */
  
  .vm-main-menu-back {
      position:absolute;
      left:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      padding-left:20px;
  }
  
  
  #vm-main-menu-mobile .sub-menu {
      border-top:solid 1px #333333;
  
      position:absolute;
      /*width:calc(100% - 40px);
      left:100%;*/
  
      top:20px;
      margin-left:20px;
      margin-right:20px;
      
      -webkit-transition:0.3s;
      
      -o-transition:0.3s;
      
      transition:0.3s;
      visibility:hidden;
      opacity:0;
      
      padding-top:20px;
  }
  
  #vm-main-menu-mobile li a {
    line-height:1.1;  
  }

 #vm-main-menu-mobile li {
    margin-bottom:13px;  
  }

  #vm-main-menu-mobile .sub-menu .sub-menu {
      border-top:solid 1px #333333;
  
      position:absolute;
  
      /*width:calc(100% - 40px); */
      /*width: 100%;*/
      /*left:100%;*/
  
      top:0px;
      margin-left:0px;
      margin-right:20px;
      
      -webkit-transition:0.3s;
      
      -o-transition:0.3s;
      
      transition:0.3s;
      visibility:hidden;
      opacity:0;
  }
  
  #vm-main-menu-mobile .sub-menu li {
      padding: 0;
      /*margin-bottom: 8px;*/
  }
  
  #vm-main-menu-mobile .sub-menu .sub-menu li {
      padding: 0;
      /*margin-bottom: 8px;*/
  }
  
  #vm-main-menu-mobile .sub-menu > li.menu-item-has-children:not(.vm-menu-secondary)::after {
      content:url(/wp-content/uploads/2021/08/menu-arrow-right.png);
      position:absolute;
      padding-top:3px;
      right:0px;
  }
  
  #vm-main-menu-mobile li.vm-active > .sub-menu {
      visibility:visible;
      opacity:1;
  }
  
  #vm-main-menu-mobile li.vm-active > .sub-menu li.vm-active > .sub-menu {
      visibility:visible;
      opacity:1;
  }
  
  .vm-main-menu-call {
          border-top: solid 1px #333333;
          margin-top: 0;
          margin-left: 20px;
          margin-right:20px;
          padding-top: 10px;
          padding-bottom: 10px;
  
  }
  
  
  .vm-main-menu-text {
          border-top:solid 1px #333333;
          margin-top: 0;
          margin-left: 20px;
          margin-right:20px;
          padding-top: 20px;
  
  }
  
  
  
  
  
  /* =====.Search overlay  ===== */
  
  .search-overlay {
      
      position:fixed;
      width:100%;
      height:100%;
      top:0;
      left:0;
      
      background-color:#efefef;
      
      -webkit-transition:0.3s;
      
      -o-transition:0.3s;
      
      transition:0.3s;
      visibility:hidden;
      opacity:0;
      
  }
  
  
  .fl-builder-edit.postid-51382 .search-overlay, .fl-builder-edit.postid-57852 .search-overlay {
  
      position:relative;
      visibility:visible;
      opacity:1;
  }
  
  .search-overlay.vm-active {
  
      visibility:visible;
      opacity:1;
  }
  
  #search-widget input {
      background-color:transparent;
      max-width:800px;
      margin:auto;
  }
  
  
  
  /* ===== light mode ===== */
  
  #vm-desktop-menu-module.vm-light .menu > li > div > a, #vm-desktop-menu-module.vm-light .menu > li > a {
      color:#ffffff;
  }
  
  
  
  #vm-header-desktop.vm-stick #vm-desktop-menu-module.vm-light .menu > li > div > a, #vm-header-desktop.vm-stick #vm-desktop-menu-module.vm-light .menu > li > a {
      color:#333333;
  }
  
  
  
  #vm-header-desktop .light-logo {
      display:block;
  }
  
  #vm-header-desktop .dark-logo {
      display:none;
  }
  
  #vm-header-desktop.vm-stick .light-logo {
      display:none;
  }
  
  #vm-header-desktop.vm-stick .dark-logo {
      display:block;
  }
  
  .fl-builder-edit #vm-header-desktop .light-logo, .fl-builder-edit #vm-header-desktop .light-logo {
      display:block;
  }
  
  
  
  /* ===== Themer Booking =====*/
  
  #vm-booking-overlay {
      width:100%;
      height:100%;
      position:fixed;
      right:-100%;
      top:0;
      z-index:9999;
      background-color:#76bc21;
      -webkit-transition:0.5s;
      -o-transition:0.5s;
      transition:0.5s;
  }
  
  @media screen and (min-width:768px) {
      
      #vm-booking-overlay {
          width:50%;
          right:-50%;
      }
      
  }
  
  
  .fl-builder-edit.postid-51466 #vm-booking-overlay {
       right:0%;
  }
  
  
  #vm-booking-overlay.active {
       right:0;
  }
  
  
  .vm-booking-x {
      width:30px;
      position:absolute;
      top:20px;
      right:20px;
      
      cursor:pointer;
  }
  
  
  #vm-booking-form .gfield {
      position:relative;
      padding-bottom:10px;
  }
  
  #vm-booking-form .gfield label {
      /*position:absolute;
      bottom:0;
      left:0;*/
      
  }
  
  
  #vm-booking-form label{
      font-size:14px;
      letter-spacing:0.5px;
      font-weight:400;
      color:white;
  }
  
  
  #vm-booking-form input, #vm-booking-form textarea{
      padding:8px 8px 8px 8px;
      
      background-color:#ffffff;
      
  }
  
  
  
  #vm-booking-form .gform_footer.top_label input {
      background-color:#333333;
      padding-top:12px;
      padding-bottom:15px;
      font-family:var(--headingfont);
      letter-spacing:2px;
  
  }
  
  
  
  .booking-col-form .fl-col-content {
      overflow:scroll;
      height:100vh;
  }
  
  
  .booking-col-tab {}
  
  .vm-booking-tab.desktop {
      display:none;
  }
  
  @media screen and (min-width:768px) {
      
      .vm-booking-tab.desktop {
          background-color:#76bc21;
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-align:center;
              -ms-flex-align:center;
                  align-items:center;
          width:280px;
          height:50px;
          padding:20px 20px; 
          position:absolute;
          left:-160px;
          top:50%;
          -webkit-transform:rotate(-90deg);
              -ms-transform:rotate(-90deg);
                  transform:rotate(-90deg);
          cursor:pointer;
      }
      
      .fl-builder-edit.postid-51466 .vm-booking-tab.desktop {
              position:relative;
      }
  
  
      
      .vm-booking-tab.desktop img {
          width:20px;
          height:20px;
      }
  
      .vm-booking-tab.desktop span {
          padding-left:10px;
          padding-bottom:0px;
          text-transform:uppercase;
          font-size:14px;
          letter-spacing:1px;
      }
  
      
  }
  
  
  
  
  /* ===== radio + file ===== */
  
  #vm-booking-form .gfield.returning-patient {
  
  }
  
  #vm-booking-form .returning-patient > legend {
      color:white;
      font-weight:300!important;
      border-bottom:transparent;
  
  }
  
  #vm-booking-form .returning-patient > div {
      font-weight:300!important;
      border-bottom:transparent;
  
  }
  
  #vm-booking-form .returning-patient .gfield_radio {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      
  }
  
  #vm-booking-form .returning-patient .gfield_radio label {
      position:relative!important; 
      width:60px!important;
      
  }
  
  
  .vm-reason {
  
  }
  
  .vm-reason > div {
      /*color:white!important;*/
  
  }
  
  #vm-booking-form .vm-reason select, #vm-booking-form .vm-details select, #vm-booking-form .vm-returning select{
      color:white!important;
      background-color:#333!important;
      -webkit-box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.1)!important;
              box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.1)!important;
      border:solid transparent 5px!important;
      height:40px!important;
  }
  
  #vm-booking-form .vm-reason label, #vm-booking-form .vm-details label, #vm-booking-form .vm-returning label{
      font-size:16px!important;
      font-weight:300!important;
  }
  
  .vm-details > div, .vm-details > select  {
      /*color:white!important;*/
  }
  
  
  
  #vm-booking-form .vm-file input {
      font-size:13px;
      color:white;
      background-color:transparent!important;
      padding:0 0 10px 0!important;
      /*border-bottom:solid 1px #333!important;*/
  }
  
  #vm-booking-form .vm-file .gform_fileupload_rules {
      font-size:11px!important;
      color:#ffffff;
  }
  
  #vm-booking-form .gform_drop_instructions {
      color:white;
  }
  
  .vm-file label {
  }
  
  #vm-booking-form .vm-file .gform_drop_area {
      border:dashed #333333 2px;
  }
  
  #vm-booking-form .vm-file .gform_drop_area button {
     background-color:#333333!important;
     font-size:15px!important;
     letter-spacing:1px!important;
  }
  
  
  /* ===== Themer Footer ===== */
  
  .vm-mobile-tabs-row {
      height:0;
  }
  .fl-builder-edit .vm-mobile-tabs-row {
      height:auto;
  }
  
  .vm-mobile-tabs {
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          position:fixed;
          bottom:0;
          left:0;
          width:100%;
          z-index:99;
          font-size:15px;
          -webkit-box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.3);
                  box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.3);
  
  }
  
      
  /*
  .vm-mobile-tabs a::before {
          content:url(https://www.vmmed.com/wp-content/uploads/2021/07/button-vm-icon.png);
          position:absolute;
          bottom:20px;
          left:10px;
  }
  */
      
  .vm-booking-tab-page.vm-mobile, .vm-booking-tab.vm-mobile, .vm-call-tab.vm-mobile {
          -webkit-transform:none;
              -ms-transform:none;
                  transform:none;
          position:relative;
          margin:0;
          left:0;
          padding:0;
          text-align:center;
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-align:center;
              -ms-flex-align:center;
                  align-items:center;
          -webkit-box-pack:center;
              -ms-flex-pack:center;
                  justify-content:center;
          height:60px;
          padding-bottom:7px;
  }
      
  
  @media screen and (min-width:768px) {
      
      .vm-mobile-tabs {
          display:none;
      }
      
      
      
      .fl-builder-edit.postid-51461 .vm-mobile-tabs, .fl-builder-edit.postid-57851 .vm-mobile-tabs {
              display:-webkit-box;
              display:-ms-flexbox;
              display:flex;
       }
  
  
  }
  
  
  /* Footer menu */
  
  .vm-footer-menu {
      font-size:14px;
      line-height:1.4;
  }
  
  
  
  
  
  
  /* ===== Doctor's page Featured quote ===== */
  
  .vm-quote {
      position:relative;
  }
  
  .vm-quote::before {
      content:url('/wp-content/uploads/2021/08/quote-open.png');
      position:absolute;
      top:0;
      left:-20px;
      opacity:0.4;
  }
  
  .vm-quote::after {
      content:url('/wp-content/uploads/2021/08/quote-close.png');
      position:absolute;
      bottom:0;
      right:0;
      opacity:0.4;
  
  }
  
  /* ========= dr  panel ========= */
  
  .vm-post-tiles {
      border:none;
      height:30vw;
      max-height:500px;
  }
  
  @media screen and (max-width:768px){
      
      .vm-post-tiles {
          height:300px;
          max-width:none;
      }
      
  }
  
  
  /* ===== Dr page - styled tiles ===== */
  
  
  .vm-dr-tile {
      position:relative;
      height:100%;
      width:100%;
      background-size:cover;
      background-position:center;
  }
  
  .vm-dr-tile::before {
      content:"";
      position:absolute;
      width:100%;
      height:100%;
      background-color:rgba(51,51,51,0.6);
      transition:0.3s;
  
  }
  
  .vm-dr-tile:hover::before {
         background-color:rgba(51,51,51,0.2);
  
  }
  
  
  
  .dr-icon {
      position:absolute;
      top:20px;
      right:20px;
  }
  
  .dr-name {
      position:absolute;
      display:block;
      width:100%;
      text-align:center;
      bottom:80px;
      color:white;
      
      text-transform:uppercase;
      font-size:20px;
  }
  
  .dr-credentials {
      position:absolute;
      display:block;
      width:100%;
      text-align:center;
      bottom:40px;
      color:white;
      font-size:15px;
  
  }
  
  .dr-bio-btn {
      position:absolute;
      display:block;
      width:100%;
      text-align:center;
      bottom:20px;
      color:white;
      
      text-transform:uppercase;
  
      font-size:13px;
      cursor:pointer;
  
  }
  
  .dr-overlay {
      position:fixed;
      background-color:rgba(51, 51, 51, 0.94);
      width:100%;
      height:100%;
      top:0;
      left:0;
      z-index:9;
      visibility:hidden;
      opacity:0;
      transition:0.3s;
  }
  
  .dr-bio-btn.vm-active .dr-overlay {
      visibility:visible;
      opacity:1;
      z-index:999;
  }
  
  .dr-closing-x {
      position:absolute;
      width:30px;
      height:30px;
      top:20px;
      right:20px;
      z-index:99;
      cursor:pointer;
  }
  
  .dr-overlay-content {
      position:absolute;
      width:80%;
      height:80%;
      left:50%;
      top:50%;
      transform:translateX(-50%) translateY(-50%);
      
      display:flex;
  
      z-index:99;
      text-align:left;
  }
  
  
  
  .dr-overlay-img {
      width:50%;
  }
  
  .dr-overlay-txt {
      width:50%;
      
      text-transform:initial;
  
  
      overflow:scroll;
      padding:0 40px;
  }
  
  @media screen and (max-width:768px){
      
      .dr-overlay-content {
          display:block;
          overflow:scroll;
      }
      
      .dr-overlay-img {
          width:100%;
      }
  
      .dr-overlay-txt {
          width:100%;
          padding:20px 0;
  
      }
  
  }
  
  
  
  .dr-overlay-txt > h2 {
      color:white;
      font-size:30px;
  
  }
  
  .dr-overlay-txt > h3 {
      color:white;
      font-size:15px;
      margin-bottom:30px;
      line-height:1.3;
  
  }
  
  .dr-overlay-txt > p {
      color:white;
      font-size:15px;
  
  }