/*
Theme Name: DigiSage, Inc. Beaver Builder Child Theme
Version: 1.0.1
template: bb-theme
*/



/* Desktop Device Breakpoint ::: Set in Customizer
   : General : Text
   : General : Headings

   ----------------------
      TYPOGRAPHY
   ----------------------
   body { font-size: 18px; line-height: 1.1; }
   h1   { font-size: 48px; line-height: 1.25;  }
   h2   { font-size: 30px; line-height: 1.25; letter-spacing: 2px; }
   h3   { font-size: 24px; line-height: 1.2; letter-spacing: 2px; }
   h4   { font-size: 20px; line-height: 1.2; }
   h5   { font-size: 18px; line-height: 1.2;  }
   h6   { font-size: 18px; line-height: 1;  }

*/


/* Medium Device Breakpoint (from Global Settings) */
@media only screen and (max-width: 992px) {

   /* ----------------------
      TYPOGRAPHY
   ---------------------- */
   h1   { font-size: 38px; line-height: 1.25;  }
   h2   { font-size: 28px; line-height: 1.25; letter-spacing: 1.5px; }
   h3   { font-size: 22px; line-height: 1.2; letter-spacing: 1.5px; }
   h4   { font-size: 20px; line-height: 1.2; }
   h5   { font-size: 18px; line-height: 1.2;  }
   h6   { font-size: 18px; line-height: 1;  }

   /*
   @TODO remove it not needed
    -------------------------------
      MOBILE MENU
   ------------------------------- */
   /*
   header .fl-menu .hamburger-menu * {
     color: #000;
   }
   header .fl-menu #menu-main-menu a       { border: none; }
   header .fl-menu #menu-main-menu a:hover,
   header .fl-menu #menu-main-menu .fl-has-submenu-container a:hover { color: #ff9000; }
   */
}

/* Small Device Breakpoint (from Global Settings) */
@media only screen and (max-width: 768px) {

   /* ----------------------
      TYPOGRAPHY
   ---------------------- */
   h1   { font-size: 30px; line-height: 1.25;  }
   h2   { font-size: 26px; line-height: 1.25; letter-spacing: 1.5px; }
   h3   { font-size: 22px; line-height: 1.2; letter-spacing: 1.5px; }
   h4   { font-size: 20px; line-height: 1.2; }
   h5   { font-size: 18px; line-height: 1.2;  }
   h6   { font-size: 18px; line-height: 1;  }

}

article.post-878 .fl-callout-content > .fl-callout-photo img, article.post-1031 .fl-callout-content > .fl-callout-photo img {
  height: 200px !important;
  object-fit: cover;
}

header .menu ul.sub-menu li a {
  font-size: 16px;
}

@media screen and (min-width: 769px) {
  header .menu ul.sub-menu li a {
    color: #FFFFFF !important;
    background-color: #00587cf0 !important;
  }
  header .menu ul.sub-menu li a:hover {
    background-color: #00587c !important;
  }

}