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

/* ----- VARIABLES ------ */
:root {
  /* COLORS */
  --link-color: #008fbe;
  --teal: #003d4d;
}

.fl-full-width .fl-page {
  overflow: hidden !important;
}

/* -----BLOG FEED ------ */

.blog-feed .fl-post-column {
  position: relative;
}
.blog-feed img {
  border-radius: 0 0 32px 0;
  padding-bottom: 10px;
}

.blog-feed .fl-post-grid-terms {
  background: #fff;
  border-radius: 0 0 12px 0;
  left: 20px;
  padding: 15px;
  position: absolute;
  top: 0;
}

.your-stories .blog-feed .fl-post-grid-terms {
  left: 30px;
}

.blog-feed .fl-post-grid-terms a {
  color: #003d4d;
}

.blog-feed .fl-terms-label {
  display: none;
}

.blog-feed .fl-post-grid-text {
  display: flex;
  flex-direction: column;
}

.blog-feed .fl-post-grid-title {
  order: 1;
}

.blog-feed .fl-post-grid-post {
  background: transparent;
}

/* -----BREAD CRUMBS ------ */
.breadcrumbs {
  padding-bottom: 0;
}
.breadcrumbs__links p {
  font-size: 12px;
}

.breadcrumbs__links a {
  color: var(--link-color);
  text-decoration: underline;
}

/* ----- COLORED GRID ------ */
.colored-grid {
}

/* ----- FOOTER ------ */
footer {
  position: relative;
}

footer::before {
  content: "";
  display: block;
  background-image: url("assets/images/waves/footer-top-wave.svg");
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  top: -127px;
  height: 128px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
footer .top-row .fl-col-group {
  display: flex;
}
/* ----- HEADER ------ */

#header__small-blob,
#header__small-blob--mobile {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  max-width: 265px;
}

#header__large-blob,
#header__large-blob--mobile {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.4;
  z-index: 10;
  max-width: 800px;
}

#header__large-blob--mobile,
#header__small-blob--mobile {
  display: none;
}

.new-header {
  background-color: white !important;
  position: relative;
  overflow-x: hidden;
  /*max-height: 480px;*/
}
/* element with BG image */
.fl-node-60f0899117b2f > .fl-row-content-wrap {
  padding-top: 0;
  max-height: 480px;
  padding-bottom: 20%;
}
/* element with BG color pulled from ACF: */
.fl-node-60f0899117b2f > .fl-row-content-wrap:after {
  mix-blend-mode: screen;
}

.new-header .fl-row-content-wrap::before {
  content: "";
  display: block;
  background-image: url("assets/images/bottom_edge__white.svg");
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

.new-header .fl-col-group-nested {
  display: flex;
}
.menu-item a {
  text-decoration: underline;
  color: var(--teal);
}

/* .fl-node-60f1ba8b6c183 {
  background-color: none;
} */
/* -----IMAGE TEXT CTA ------ */
.image-text-cta img {
  max-width: 600px !important;
  position: relative;
  z-index: 1;
}
.image-text-cta .fl-photo-content,
.default-overlay .fl-photo-content,
.brand-overlay .fl-photo-content,
.blue-overlay .fl-photo-content,
.green-overlay .fl-photo-content,
.yellow-overlay .fl-photo-content,
.pink-overlay .fl-photo-content,
.orange-overlay .fl-photo-content {
  /*width: auto;*/
  position: relative;
  max-width: 530px;
  max-height: 530px;
  padding: 1px;
}

.image-text-cta .fl-photo-content::before,
.default-overlay .fl-photo-content::before,
.brand-overlay .fl-photo-content::before,
.blue-overlay .fl-photo-content::before,
.green-overlay .fl-photo-content::before,
.yellow-overlay .fl-photo-content::before,
.pink-overlay .fl-photo-content::before,
.orange-overlay .fl-photo-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("assets/images/overlay/BlobOutline--White.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
}

.brand-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Brand.svg");
}

.blue-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Blue.svg");
}

.green-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Green.svg");
}

.yellow-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Yellow.svg");
}

.pink-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Pink.svg");
}

.orange-overlay .fl-photo-content::before {
  background-image: url("assets/images/overlay/BlobOutline--Orange.svg");
}

.news-resources .fl-post-grid-content {
  display: none;
}

@media screen and (min-width: 992px) {
  .news-resources .fl-post-column:first-child .fl-post-grid-content {
    display: block;
    order: 1;
  }

  .news-resources .fl-post-column:first-child {
    width: 66.6666666666%;
  }
}
/* ----- PAGE THEME COLOR  ------ */
.home {
  color: var(--teal);
}

/* ----- MEGA MENU  ------ */
.fl-node-60f1bd0499910 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.fl-node-60f1bd049990e {
  position: relative;
  z-index: 11;
}

.fl-menu nav ul li {
  border: none;
  position: static;
}

.main-header .main-logo img {
  width: 100% !important;
}

@media only screen and (min-width: 992px) {

  .main-header .main-logo {
    z-index: 20 !important;
    min-width: 112px;
  }

  .main-header #menu-main-menu > li {
    margin: 0 10px;
  }

  .main-header .fl-row-content {
    z-index: auto !important;
  }

  .fl-menu nav > ul > li > div > a,
  .fl-menu nav > ul > li > a {
    border-radius: 8px;
    position: relative;
    z-index: 20;
  }

  header.fl-page-header-fixed ul.nav li a {
    border-radius: 8px;
    position: relative;
    z-index: 9999;
  }

  .fl-menu nav > ul > li.fl-has-submenu > div > a::after {
    content: '▼';
    display: inline-block;
    font-size: 13px;
    margin-left: 5px;
  }

  .fl-menu nav > ul > li:hover > div > a {
    background: #fff;
    color: #008FBE !important;
    box-shadow: 0 1px 2px rgba(0, 61, 77, 0.2);
  }

  .fl-menu nav > ul > li.fl-has-submenu:hover > div > a::after {
    content: '▲';
  }

  .fl-menu nav .sub-menu {
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-flow: row wrap;
    background: transparent;
    box-shadow: none !important;
  }

  header .sub-menu {
    left: 0;
    right: 0;
    display: flex;
    flex-flow: row wrap;
    background: transparent;
    box-shadow: none;
  }

  .sub-menu li {
    max-width: 50%;
    flex: 0 0 50%;
    position: relative !important;
    z-index: 20;
    border: none !important;
  }

  .sub-menu li a {
    padding: 32px 64px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .sub-menu li:nth-child(2n + 1)::after {
    content: '';
    position: absolute;
    left: -1000px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.4;
    background: transparent;
  }

  .sub-menu li:nth-child(2n + 1) {
    text-align: right;
  }

  .sub-menu li:nth-child(2n)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -1000px;
    z-index: -1;
    opacity: 0.4;
    background: transparent;
  }

  .sub-menu li:nth-child(1)::after {
    content: '';
    position: absolute;
    left: -1000px;
    top: -1000px;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.4;
    background: transparent;
  }

  .sub-menu li:nth-child(2)::after {
    content: '';
    position: absolute;
    right: -1000px;
    top: -1000px;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
    background: transparent;
  }

  .sub-menu li:nth-child(4n + 1) a,
  .sub-menu li.ri-green a {
    color: #338064 !important;
  }

  .sub-menu li:nth-child(4n + 1)::after,
  .sub-menu li.ri-green::after {
    background: #EEF6F3;
  }

  .sub-menu li:nth-child(4n + 2) a,
  .sub-menu li.ri-blue a {
    color: #007399 !important;
  }

  .sub-menu li:nth-child(4n + 2)::after,
  .sub-menu li.ri-blue::after {
    background: #E6F4F9;
  }

  .sub-menu li:nth-child(4n + 3) a,
  .sub-menu li.ri-yellow a {
    color: #55585A !important;
  }

  .sub-menu li:nth-child(4n + 3)::after,
  .sub-menu li.ri-yellow::after {
    background: #FFFBF1;
  }

  .sub-menu li:nth-child(4n + 4) a,
  .sub-menu li.ri-pink a {
    color: #993D59 !important;
  }

  .sub-menu li:nth-child(4n + 4)::after,
  .sub-menu li.ri-pink::after {
    background: #FAF0F3;
  }

  .fl-page-header ul.nav.navbar-nav li {
    position: static;
  }

  .fl-page-header ul.nav.navbar-nav li.menu-item-has-children ul.sub-menu {
    width: 100%;
    padding: 0;
    border: none;
  }
}

@media only screen and (max-width: 992px) {
  .fl-menu .fl-menu-mobile-toggle {
    position: relative !important;
    z-index: 20  !important;
  }

  .fl-menu .fl-menu-mobile-toggle.fl-active ~ nav {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    z-index: 12;
    background: #003D4D;
    padding: 75px 15px 30px;
  }

  .fl-menu nav > ul.menu {
    position: static !important;
    overflow-y: auto;
    height: 100%;
  }

  .fl-menu nav > ul.menu li {
    border: none;
    padding: 12px 0;
  }

  .fl-menu nav > ul.menu li .fl-menu-toggle {
    display: none;
  }

  .fl-menu nav > ul.menu > li > a,
  .fl-menu nav > ul.menu > li > div > a {
    font-size: 20px;
    line-height: 32px;
    color: #E6EFF1 !important;
    text-decoration: none;
    padding: 12px 0;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu {
    display: block !important;
    padding-left: 15px;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li {
    padding: 0;
    margin-bottom: 12px;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li:last-child {
    margin-bottom: 0;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li a {
    line-height: 1.5;
    padding: 0;
    text-decoration: none;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li:nth-child(4n + 1) a,
  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li.ri-green a {
    color: #A5D1C1;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li:nth-child(4n + 2) a,
  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li.ri-blue a {
    color: #7FC6DE;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li:nth-child(4n + 3) a,
  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li.ri-yellow a {
    color: #FEE7B5;
  }

  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li:nth-child(4n + 4) a,
  .fl-menu nav > ul.menu li.fl-has-submenu ul.sub-menu li.ri-pink a {
    color: #E1B2C0;
  }

  .fl-menu .fl-menu-mobile-toggle.fl-active {
    position: fixed !important;
    top: 12px;
    right: 15px;
    z-index: 9999 !important;
    padding: 0;
  }

  .fl-menu .fl-menu-mobile-toggle.fl-active .svg-container,
  .fl-menu .fl-menu-mobile-toggle.fl-active .fl-menu-mobile-toggle-label {
    display: none;
  }

  .fl-menu .fl-menu-mobile-toggle.fl-active::after {
    content: '×';
    font-size: 64px;
    line-height: 1;
    color: #E6EFF1;
  }
}

/* Hide color picker  */

.fl-alpha-wrap,
.fl-color-picker-ui .iris-picker,
.fl-color-picker-preset-add,
input[type="text"].fl-color-picker-input,
.fl-color-picker-presets-toggle,
.fl-color-picker-presets-list .fl-color-picker-preset-remove {
  display: none !important;
}

.fl-color-picker-ui.fl-color-picker-active {
  min-height: 300px;
}

.fl-color-picker-ui .fl-color-picker-presets-list {
  display: block !important;
}

.has-waves .fl-row-content-wrap::before {
  content: "";
  display: block;
  background-image: url("assets/images/waves/wave-top-white-right.svg");
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  height: 128px;
  top: 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.has-waves.left-direction .fl-row-content-wrap::before {
  background-image: url("assets/images/waves/wave-top-white.svg");
}

.has-waves .fl-row-content-wrap::after {
  content: "";
  display: block;
  background-image: url("assets/images/waves/wave-bottom-white-right.svg");
  z-index: 1;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 128px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

.blue-cta h1, .blue-cta .h1, .blue-cta h2, .blue-cta .h2, .blue-cta h3, .blue-cta .h3 {
  margin: 0 !important;
  padding: 0 !important;
}

.has-waves.left-direction .fl-row-content-wrap::after {
  background-image: url("assets/images/waves/wave-bottom-white.svg");
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
  font-weight: 400;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=search],
input[type=url],
textarea {
  background-color: #E6EFF1;
}

body .gform_wrapper ul li.gfield {
  margin-top: 0;
  margin-bottom: 50px;
}

.gform_wrapper .gform_footer {
  text-align: right;
}

.gform_wrapper select {
  background-color: #E6EFF1;
}

.gform_wrapper select option:first-of-type {
  color: #7FABB6;
}

@media only screen and (max-width: 992px) {
  body .gform_wrapper ul li.gfield {
    margin-bottom: 32px;
  }

  .main-header .fl-node-6107e88774817 {
    align-self: flex-start;
  }

  .has-waves .fl-row-content-wrap::before,
  .has-waves .fl-row-content-wrap::after ,
  footer::before {
    height: 60px;
  }

  footer::before {
    top: -59px;
  }

  #header__small-blob {
    display: none;
  }

  #header__small-blob--mobile {
    display: block;
    max-width: 120px;
  }

  #header__large-blob {
    display: none;
  }

  #header__large-blob--mobile {
    display: block;
    max-width: 302px;
  }
}