/*!
Theme Name: SCF
Theme URI: https://arbedigital.com
Author: SLANT
Author URI: http://arbedigital.com
Description: A custom theme for SCF.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: adbaseline

*/

/* Shared styles for the theme & editor. */
/* @import url("./style-shared.css?v=1"); */

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}


/* Sections
   ========================================================================== */

/**
   * Remove the margin in all browsers.
   */
.site-main {
  padding: 0 20px;
}
@media screen and (min-width: 1220px) {
  .site-main {
  padding: 0;
  }
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/* h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */

/* Grouping content
   ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

ul {
  list-style: none;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
   ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *		`fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
   ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/* Box sizing
  --------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* Typography
  --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}

p {
  margin: 0 0 1.5em;
}
.has-primary-blue-background-color figcaption {
  color: #fff;
}
dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 0 1.5em;
}
blockquote p {
  font-size: 20px;
  line-height: 29px;
  font-style: italic;
  margin-bottom: 10px;
}
blockquote cite {
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 500;
  color: #30afd1;
}
address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
  --------------------------------------------- */
a {
  color: #30afd1;
  text-decoration: none;
  transition: 0.3s ease-out all;
}

a:visited {
  /* 	color: #800080; */
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
  opacity: 0.6;
  transition: 0.3s ease-out all;
}
[id] {
  scroll-margin-top: 120px;
}
/* Elements
  --------------------------------------------- */

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 17px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.hentry ul li::marker {
  color: #30afd1;
}
.hentry ul li {
  padding: 5px 0;
}
.text-center {
  text-align: center;
}

.wp-block-buttons .wp-block-button__link {
  width: auto !important;
}

.wp-block-button.is-centered > * {
  margin-left:auto !important;
  margin-right: auto !important;
}
/* .wp-block-buttons > .wp-block-button {
  flex: none;
} */
/*--------------------------------------------------------------
  # Theme Header
  --------------------------------------------------------------*/
.header {
  z-index: 10000;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  transition: height 0.5s ease-out;
  /* height: 155px; */
  padding: 0;
  background: #fff;
  display: block;
}
.header .container {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  align-items: center;
  justify-content: center;
  margin: auto;
  /* height: 125px; */
  padding: 20px;
  max-width: 1170px !important;
  transition: 0.3s ease all;
  position: relative;
}
.header.sticky {
  /* position: fixed; */
  top: 0px;
  width: 100%;
  /* height: 135px; */
  /* background-color: #000; */
  opacity: 1;
  background: rgba(255, 255, 255, 0.93);
}
body.dropdown-visible .header.sticky {
  background: #fff;
}
.header.sticky .container {
  /* padding: 10px 10px 10px 5px; */
  transition: 0.3s ease all;
}

.header-search .search-icon {
  display: block;
  width: 27px;
}

body.nav-open .header-search .search-icon {
  display: none;
}

.header-search {
  position: relative;
  margin-left: 30px !important;
}
.search-icon {
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.search-form {
  display: none;
  position: absolute;
  top: -25px;
  right: 0;
  /* left: 0; */
  width: 0;
  height: 80px;
  /* width: 70vw; */
  transition: all 1s ease-in-out;
}
.search-form.active {
  display: block;
  width: 48vw;
  transition: all 1s ease-in-out;
}
.search-field {
  /* width: calc(100% - 50px); Adjust according to the size of the search icon */
  padding: 10px 10px 0 10px !important;
  border: none !important;
  border-bottom: 5px solid #005776 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.search-form [type="search"] {
  width: 100%;
  height: 100%;
}



body.logged-in .header {
  top: 46px;
}

body.logged-in .header.sticky {
  top: 0px;
}
.top-bar {
  background-color: #005776;
}
.top-bar .menu {
  list-style: none;
  display: flex;
  padding: 20px 20px 10px 20px;
  margin: 0;
  max-width: 1170px;
  align-items: center;
}
.top-bar .menu li {
  align-items: center;
  margin: auto 0 0 40px;
}
.top-bar .menu a {
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.top-bar .menu .fundholders {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin: auto;
}
.top-bar .menu .fundholders svg {
  width: 15px;
  height: auto;
}
.top-bar .menu .gift-icon {
  width: 16px;
  display: block;
  align-items: center;
}
.top-bar .menu .contact-us-li {
  display: none;
}
/* .top-bar .menu .fundholders-li {
  margin: 0 auto 0 0;
} */

.site-logo {
  display: inline-block;
  align-items: center;
  margin: 0 auto 0 0;
  width: 160px;
  color: #06326b;
  position: relative;
  z-index: 101;
  transition: 0.3s ease all;
}
.header-Dark .site-logo,
body.nav-open .site-logo {
  /* color: #fff; */
  display: none;
}
.header-Dark .header.sticky .site-logo {
  color: #06326b;
}
.site-logo svg {
  display: block;
  width: 100%;
  height: auto;
}

/* MOBILE SEARCH BUTTON */
.mobile-menu-search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mobile-menu-search .search-icon {
  align-items: center;
  display: flex;
}
.mobile-menu-search .search-icon svg {
  width: 50px;
}
.mobile-menu-search .header-search.mobile.active .search-icon {
  position: absolute;
  right: -60px;
  z-index: 99999;
  bottom: 0;
}
.mobile-menu-search .search-form {
  position: absolute;
  top: -38px;
  right: -69px;
  background: #fff;
  z-index: 9999;
  width: 0;
  height: 60px;
  transition: all 1s ease-in-out;
}
.mobile-menu-search .search-form.active {
  display: block;
  width: 46vw !important;
  transition: all 1s ease-in-out;
}
.search-result-type {
  height: fit-content;
  width: fit-content;
  background: #005776;
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(113, 113, 113, 0.5);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 10px;
}
.search-results a p {
  color: #000 !important;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .search-results h1 {
  padding-top: 25px !important;
  padding-bottom: 50px !important;
  }
  .search-result {
  padding-bottom: 50px;
  border-bottom: 2px solid #005776;
  }
  .search-result:not(:first-of-type) {
  padding-top: 15px;
  }
  .search-result:last-of-type {
  border-bottom: none;
  }
}
@media screen and (min-width: 768px) {
  .search-result-type {
  display: none;
  }
}
@media screen and (min-width: 1000px) {
  .mobile-menu-search {
  display: none;
  }
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Mobile Menu Toggle */
.menu-toggle {
  /* margin-left: auto; */
  margin-left: 30px;
  position: relative;
  height: 36px;
  width: 34px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  z-index: 101;
  display: block;
}

.menu-toggle.open {
  /* top: 120px; */
}

.menu-toggle.open .menu-slice:after,
.menu-toggle.open .menu-slice:before {
  background: #06326b;
  border-radius: 2px;
}
body.nav-open .menu-toggle.open .menu-slice:after,
body.nav-open .menu-toggle.open .menu-slice:before {
  /* background: #30afd1; */
}

body.nav-open {
  height: 100%;
  overflow: hidden;
}
.menu-toggle .menu-slice {
  width: 100%;
  height: 4px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background-color: #005776;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 2px;
}
.header.hide {
  display: none !important;
}
.header-Dark .menu-toggle .menu-slice {
  background-color: #fff;
}
.header-Dark .header.sticky .menu-toggle .menu-slice {
  background-color: #005776;
}
.menu-toggle .menu-slice:before {
  -webkit-transform: translateY(-300%);
  transform: translateY(-300%);
}

.menu-toggle .menu-slice:after {
  -webkit-transform: translateY(300%);
  transform: translateY(300%);
}

.menu-toggle .menu-slice:after,
.menu-toggle .menu-slice:before {
  width: 100%;
  height: 100%;
  background-color: #005776;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border-radius: 2px;
}
.header-Dark .menu-toggle .menu-slice:after,
.header-Dark .menu-toggle .menu-slice:before {
  background-color: #fff;
}
.header-Dark .header.sticky .menu-toggle .menu-slice:after,
.header-Dark .header.sticky .menu-toggle .menu-slice:before {
  background-color: #005776;
}

.menu-toggle .menu-slice:after {
  /* width: 50% */
}

.menu-toggle.open .menu-slice:before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

.menu-toggle.open .menu-slice:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
  width: 100%;
}

.menu-toggle.open .menu-slice {
  background-color: transparent;
}

.nav-n-button {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #005776;
  z-index: 100;
  flex-direction: column;
  padding-top: 65px;
  align-items: center;
}
/* body.nav-open .nav-n-button {
  display: flex;
  background-color: white;
  top: 98px;
} */

.main-navigation {
  width: 90%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  /* position: relative; */
  transition: 0.2s ease-out all;
  width: 100%;
  flex-direction: column;
  /* text-align: center; */
  margin-bottom: 40px;
}
.main-navigation ul.sub-open {
  transform: translateX(-100%);
}
/* .main-navigation ul ul {
  display: none;
  position: absolute;
  top: 10px;
  right: -100%;
  margin: 0;
} */
.main-navigation ul ul.is-open {
  display: block;
}
.main-navigation li.go-back {
  padding-top: 20px;
}
.main-navigation li.go-back a {
  color: #30afd1;
  padding-top: 13px;
  line-height: 1;
  font-size: 24px;
  display: inline;
  padding-left: 35px;
  min-height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29px' height='22px' viewBox='0 0 29 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='' transform='translate(-135.000000, -607.000000)' fill='%2330AFD1' stroke='%2330AFD1' stroke-width='3'%3E%3Cpath d='M160.25842,616.151072 C158.983995,614.780018 157.16839,614.05099 155.005669,614.05099 L138.992331,614.05099 L143.66989,609.497811 C143.724624,609.443217 143.755383,609.369098 143.755383,609.291803 C143.755383,609.214508 143.724624,609.140389 143.66989,609.085795 C143.557089,608.973373 143.375264,608.971156 143.259754,609.080795 L138.080027,614.130993 C138.074025,614.137993 138.070024,614.144993 138.064022,614.150994 L138.045016,614.174995 C138.045016,614.182995 138.036013,614.191995 138.031011,614.200996 C138.026009,614.209996 138.022008,614.216996 138.018007,614.225997 C138.014005,614.234997 138.018007,614.243997 138.010004,614.252998 C138.006879,614.261856 138.004208,614.270868 138.002001,614.279999 L138.002001,614.308 C137.999333,614.326237 137.999333,614.344765 138.002001,614.363002 L138.002001,614.391003 C138.004076,614.399842 138.006749,614.408529 138.010004,614.417004 C138.010004,614.427005 138.010004,614.436005 138.018007,614.445005 C138.026009,614.454006 138.02701,614.462006 138.031011,614.470006 C138.035012,614.478007 138.040014,614.488007 138.045016,614.496007 L138.064022,614.520008 C138.070024,614.526008 138.074025,614.533009 138.080027,614.539009 L143.259754,619.598208 C143.374174,619.712393 143.559472,619.712393 143.673892,619.598208 C143.728625,619.543614 143.759384,619.469494 143.759384,619.392199 C143.759384,619.314905 143.728625,619.240785 143.673892,619.186191 L139.010337,614.638013 L155.005669,614.638013 C157.000334,614.638013 158.667889,615.299039 159.828276,616.548088 C160.850617,617.648131 161.413805,619.129189 161.413805,620.716251 C161.413805,623.461359 159.625208,626.416475 155.697899,626.416475 L146.226743,626.416475 C146.118489,626.410134 146.015631,626.464267 145.95959,626.557075 C145.903549,626.649883 145.903549,626.76609 145.95959,626.858898 C146.015631,626.951706 146.118489,627.005839 146.226743,626.999498 L155.697899,626.999498 C157.632544,626.999498 159.263088,626.322472 160.412471,625.041421 C161.435812,623.898376 162,622.364316 162,620.716251 C162,618.982183 161.380794,617.36112 160.25842,616.151072 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center left;
  background-repeat: no-repeat;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul a {
  width: 100%;
}
.main-navigation li {
}

/* .main-navigation li:last-of-type span {
  padding-right: 0;
} */

.main-navigation a {
  display: block;
  text-decoration: none;
  /* padding: 10px 5px; */
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 24px;
}
body.nav-open .main-navigation a {
  color: #005776;
}
.main-navigation a br {
  /* height: 30px; */
  display: inline-block;
  width: 5px;
  /* background: red; */
  content: " ";
}
.main-navigation ul ul a {
  font-size: 22px;
}
.header-Dark .main-navigation a {
  color: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
.main-navigation .title span {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 19px;
  text-transform: uppercase;
  color: #005776;
  padding: 0px 25px;
  display: block;
  height: 100%;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.header .main-navigation ul p a {
  padding-left: 0 !important;
}


/* Offcanvas Menu */
/* Mobile Menu  */
.offcanvas-menu {
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0px;
  right: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out all;
  -webkit-overflow-scrolling: touch;
  z-index: 10000000;
}
.offcanvas-menu[aria-hidden="false"] {
  background-color: rgba(0, 0, 0, 0.3);
  visibility: visible;
}
.offcanvas-menu .close {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 5px;
  width: 40px;
  height: 40px;
  z-index: 10;
}
.offcanvas-menu .close svg {
  display: block;
  width: 17px;
  height: auto;
  margin: 0 auto;
  fill: #005776;
}
.mobile-nav {
  padding-top: 50px;
  background-color: #fff;
  border-bottom: 4px solid #005776;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
[aria-hidden="false"] .mobile-nav {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.mobile-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.3s ease-in-out;
}
.mobile-nav > ul li {
  border-bottom: 2px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-nav > ul > li > a {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 20px 21px;
}
.mobile-nav > ul li a br {
  display: none;
}
.mobile-nav > ul li a {
  background-color: #fff;
  color: #005776;
  border-bottom: none;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.mobile-nav > ul ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-transition: visibility 0.3s;
  transition: visibility 0.3s;
  visibility: hidden;
  width: 100%;
}
.mobile-nav > ul ul.visible {
  visibility: visible;
}
.mobile-nav > ul ul a {
  color: #383f41;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125;
  padding: 16px 20px 20px 50px;
}
.sub-menu-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: none;
  border-left: 2px solid #f1f1f1;
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 54px;
  width: 60px;
}
.sub-menu-toggle svg {
  display: block;
  margin: 0 auto;
  width: 18px;
  height: auto;
}
.mobile-nav li.go-back a {
  font-weight: bold;
  background: #f1f1f1;
  padding: 0px 0px 0px 0px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.mobile-nav li.go-back a svg {
  display: inline-block;
  width: 50px;
  height: 52px;
  padding: 0 13px;
}
.inner-offcanvas h5 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 800;
  position: relative;
  margin-bottom:25px;
  margin-top:25px;
}
.mobile-nav .inner-offcanvas {
  padding: 15px;
}
.mobile-nav ul.visible .inner-offcanvas ul {
  position: relative;
  left: inherit;
  top: inherit;
  visibility: visible;
}
.mobile-nav .inner-offcanvas ul li {
  border: none;
  display: block;
}
.mobile-nav .inner-offcanvas ul li a,
.mobile-nav .inner-offcanvas a {
  padding: 10px 0;
}

/* .mobile-nav .title-and-description {
  padding-bottom: 25px;
} */

@media screen and (min-width: 550px) {
  .top-bar .menu {
  padding: 7px 20px;
  }
  .menu-toggle {
  /* top: 75px; */
  }
  .top-bar .menu {
  justify-content: end;
  margin: auto;
  align-items: center;
  }
  /* .top-bar .menu .contact-us-li {
  display: block;
  }
  .top-bar .menu .fundholders-li {
  margin: 0 0 0 20px;
  } */
}

@media screen and (max-width: 1136px) and (min-width: 1000px) {
  .header .main-navigation ul li {
  /* padding: 0 25px 0 0 !important; */
  cursor: auto;
  }
}
@media screen and (min-width: 1000px) {
  .main-navigation ul .mega-menu-white-bg {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
  }
  .main-navigation ul:hover .mega-menu-white-bg {
  display: block;
  height: 360px;
  background-color: #fff;
  top: 99%;
  z-index: 8;
  }
  body.logged-in .header {
  top: 32px;
  }
  body.logged-in .header.sticky {
  top: 32px;
  }
  .site-logo {
  width: 160px;
  padding: 0px 0px;
  }
  .header.sticky .site-logo {
  width: 160px;
  }
  .header-search {
  justify-content: end;
  margin: 0 0 0 auto;
  }
  .header .container {
  position: initial;
  padding: 0px;
  }
  .header .container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  pointer-events: none;
  }
  body.dropdown-visible .header .container:before {
  display: block;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
  }
  .header-search .search-icon {
  width: 17px;
  }
  .menu-toggle {
  display: none;
  }
  .nav-n-button {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: initial;
  background: transparent;
  padding: 0;
  width: auto;
  }
  li.go-back {
  display: none !important;
  }
  .header .main-navigation {
  display: flex;
  margin-left: auto;
  align-items: center;
  width: 100%;
  }
  .header .main-navigation a br {
  display: block;
  }
  .header .main-navigation ul {
  /* padding: 0; */
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  width: fit-content;
  margin-left: auto;
  }
  .header .main-navigation ul li {
  padding: 0;
  margin: 0;
  cursor: default;
  display: block;
  }
  .header .main-navigation li.menu-item-has-children > a:before {
  content: "";
  width: 15px;
  position: absolute;
  right: 0px;
  height: 15px;
  top: 51%;
  transform: translateY(-50%);
  }
  .header .main-navigation ul li a {
  display: block;
  /* color: #06326b;
  padding: 13px 8px 13px 26px;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  line-height: 1.2em; */
  }
  .header .main-navigation > ul > li > a {
  position: relative;
  z-index: 99;
  line-height: 1.2;
  padding: 10px 17px;
  }
  .header .main-navigation > ul > li > span:hover {
  color: #30afd1;
  }
  body.header-Dark .header .main-navigation > ul > li > a {
  color: #fff;
  }
  body.header-Dark .header.sticky .main-navigation > ul > li > a {
  color: #06326b;
  }
  /* .header .main-navigation ul ul {
  z-index: 98;
  text-transform: none;
  font-size: 0.9em;
  min-width: calc(100% - 1px);
  width: 18em;
  margin: 0;
  border-right: 2px solid #30afd1;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 60px;
  display: none;
  } */
  /* .header.sticky .main-navigation ul ul {
  padding-top: 64px;
  } */
  .header .main-navigation ul ul li {
  background: #fff;
  padding: 0;
  }
  .header .main-navigation ul ul a {
  width: 100%;
  transition: 0.3s ease all;
  color: #000;
  padding: 0;
  text-decoration: none;
  font-size: 16px !important;
  font-weight: 500;
  color: #005776;
  text-transform: inherit;
  margin: 0 !important;
  max-width: 250px !important;
  }
  .header .main-navigation ul ul a:after {
  display: none !important;
  }
  /* .header .main-navigation ul ul a:hover {
  background-color: #f4f4f4;
  } */
  .header .main-navigation li:hover > ul,
  .header .main-navigation ul li.focus > ul {
  display: block;
  }
}

@media screen and (min-width: 1170px) {
  .top-bar .menu {
  padding: 7px 0;
  }
}

/* MEGA MENU */
.mega-menu-dropdown {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 10;
  max-height: 0;
  overflow: hidden;
  /* transition: max-height 0.3s ease-in-out; */
  margin-top: -2px;
}
.header.sticky .mega-menu-dropdown {
  top: 99%;
}
.mega-menu-dropdown-inner {
  padding: 20px 0;
  min-height: 350px;
  display: grid;
  grid-template-columns: clamp(300px, 34%, 420px) repeat(3, minmax(200px, 1fr));
  gap:24px;
  max-width: 1170px;
  margin: 10px auto 0;
  align-items: stretch;
}
.mega-menu-dropdown-inner ul {
  margin: 0 !important;
}
.mega-menu-dropdown-inner ul li {
  width: 100%;
}
.main-navigation li.title:hover {
  background-color: #fff;
}
.main-navigation li.title:hover .mega-menu-dropdown {
  max-height: 3000px;
  z-index: 11;
  transition: max-height 0.5s ease-in-out;
}
.mega-menu-dropdown p {
  font-size: 16px;
  color: #005776;
}

.mega-menu-dropdown-title-and-description {
  flex:0 0 clamp(300px, 34%, 420px);
  grid-column: 1;
  padding-right:24px;
  text-align: left;
}
/* .mega-menu-dropdown-title-and-description:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 83%;
  border-radius: 20px;
} */
#td-1.mega-menu-dropdown-title-and-description {
  border-right: 3px solid #5bc2e7;
}
#td-2.mega-menu-dropdown-title-and-description {
  border-right:3px solid #4ac0b2;
}
#td-3.mega-menu-dropdown-title-and-description {
  border-right: 3px solid #b41e8e;
}
#td-4.mega-menu-dropdown-title-and-description {
  border-right: 3px solid #ef4352;
}
#td-5.mega-menu-dropdown-title-and-description {
  border-right:3px solid #dce346;
}
#td-6.mega-menu-dropdown-title-and-description {
  border-right:3px solid #ee7623;
}

.mega-menu-dropdown-submenu-one,
.mega-menu-dropdown-submenu-two,
.mega-menu-dropdown-submenu-three {
  grid-column: auto;
}

.mega-menu-dropdown h5 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  width: fit-content;
}
.inner-offcanvas h5:after,
.mega-menu-dropdown h5:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 1.5px;
  background-color: #005776;
}
.inner-offcanvas h5:after {
  width: 100% !important;
}
.mega-menu-dropdown ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 5px 0 0 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}
.mega-menu-dropdown ul li {
  color: #005776;
  line-height: 20px;
  font-weight: 500;
  padding-top: 10px !important;
}
.mega-menu-dropdown a {
  width: fit-content;
}
.mobile-nav > ul li p a {
  margin-top:0px !important;
  font-size:16px !important;
  font-weight: 800 !important;
}
.mobile-nav > ul li p a,
.mega-menu-dropdown p a {
  color: #005776;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  position: relative;
  margin-top: 30px;
}
.mobile-nav > ul li p a:after,
.mega-menu-dropdown p a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' style='enable-background:new 0 0 14 14%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23005776' d='M6.4 0.9c-0.3 0.3-0.3 0.9 0 1.2l4.1 4.1l0 0H1.2C0.7 6.2 0.3 6.5 0.3 7c0 0.5 0.4 0.8 0.8 0.8h9.3l0 0l-4.1 4.1c-0.3 0.3-0.3 0.9 0 1.2c0.3 0.3 0.9 0.3 1.2 0L13.7 7l0 0L7.6 0.9C7.3 0.6 6.7 0.6 6.4 0.9z'/%3E%3C/g%3E%3C/svg%3E");
  width: 13px;
  height: 13px;
  position: absolute;
  margin-left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

/* Mega Menu overlay  */
.menu-hover-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: none;
}

body.dropdown-visible .menu-hover-overlay {
  display: block;
}

/* FOOTER CALLOUT */
.footer-callout {
  background: rgba(91, 194, 231, 0.1);
  padding: 50px 20px;
  margin: 0 -20px;
  max-width: 1170px;
  justify-content: center;
  margin: 0 auto;
}
.footer-callout .callout-questions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-callout .container {
  margin: 0 auto;
  max-width: 1100px;
}
.person-card img,
.single-person-card img {
  width: 165px;
  height: 165px;
  border-radius: 50%;
  display: block;
  object-fit: cover;
  object-position: top;
}
.callout-questions {
  max-width: 850px;
  margin: 0 auto;
}
.callout-questions-list h3 {
  font-size: 28px;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.callout-questions-list {
  max-width: 400px;
}
.callout-questions-list [type="radio"] {
  box-sizing: border-box;
  padding: 0;
  appearance: none;
  border: 1px solid;
  outline: 2px solid #333;
  border: 3px solid white;
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
.callout-questions-list [type="radio"]:checked {
  background-color: #005776;
}
.single-callout-questions-list {
  max-width: 330px;
}
.checkbox-item {
  padding-bottom: 10px;
}
.person-card {
  display: none;
}
.person-card.visible {
  display: flex;
  column-gap: 25px;
}
.single-person-card.visible {
  display: flex;
  column-gap: 25px;
  padding: 40px 30px;
  border: 4px solid #5bc2e7;
  border-radius: 4px;
}
.person-info p {
  margin-bottom: 20px;
}
.person-info a {
  color: #005776;
  font-weight: bold;
}
.checkbox-cta {
  margin-top: 30px;
}
.person-position {
  max-width: 176px;
}

@media screen and (max-width: 781px) {
  .footer-callout {
  margin-right: -20px;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  }
  .single-person-card.visible {
  display: block;
  text-align: center;
  }
  .person-position {
  max-width: inherit;
  }
  .single-person-card img {
  display: inline;
  }
  .callout-people.single {
  display: inline;
  }
  .top-bar .menu .resources-li {
  display: flex;
  column-gap: 10px;
  align-items: center;
  /* margin: auto; */
  }
}
@media (max-width: 885px) {
  .footer-callout .callout-questions {
  display: block;
  /* text-align: center; */
  }
  .callout-questions-list {
  margin: auto;
  }
  .callout-people {
  margin: auto;
  justify-content: center;
  display: flex;
  padding-top: 60px;
  }
}

/*--------------------------------------------------------------
  # Theme Footer
  --------------------------------------------------------------*/
.connect {
  background: #fff;
  padding: 90px 0;
  border-top: 1px solid #e0e0e0;
}
.connect h3 {
  font-size: 42px;
  margin: 0;
  font-weight: 500;
}
.connect p {
  margin: 0;
}
.connect .form-container {
  padding-top: 30px;
}
.socials {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.socials a {
  color: #30afd1;
}
.socials svg {
  display: block;
  height: 34px;
  width: auto;
  padding: 0 10px;
}
.site-footer {
  background: #005776;
  color: #fff;
  padding: 60px 20px 20px 20px;
  font-size: 16px;
}
.site-footer .container {
  max-width: 1170px;
  margin: auto;
  justify-content: center;
  display: block;
}
.site-footer a {
  color: #fff;
}
.site-footer .contact-btn {
  padding: 12px 20px;
  background: #5bc2e7;
  width: 150px;
  text-align: center;
  border-radius: 4px;
}
.site-footer .contact-btn a {
  color: #005776;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.footer-col-1 {
  padding-bottom: 30px;
  position: relative;
}
.footer-col-2 {
  /* justify-content: end; */
  margin: 0;
}
.footer-col-2 ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}
.footer-col-2 ul li {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}
.footer-col-2 ul li p {
  color: #5bc2e7;
  text-transform: uppercase;
  margin-bottom: 0;
}

.footer-logo {
  display: block;
  width: 200px;
  padding-bottom: 25px;
}
.footer-address {
  padding-bottom: 10px;
  font-size: 18px;
  max-width: 300px;
}
.bottom-footer {
}
.bottom-footer .container {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
}
.social-icons-col {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}
.social-icons-col ul {
  list-style: none;
  display: flex;
  column-gap: 20px;
  align-items: center;
  margin: 0;
  padding: 0;
}
.acf-icon-mobile {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.social-icons-col ul li .facebook svg {
  width: 15px;
}
.social-icons-col ul li .youtube svg {
  width: 30px;
}
.social-icons-col ul li .acf-icon svg {
  display: none;
}
.social-icons-col ul li svg {
  width: 20px;
}

/* .site-footer ul.menu {
  font-size: 18px;
}
.site-footer ul.menu,
.site-footer ul.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.site-footer ul.menu {
  display: grid;
  grid-template-columns: 1fr;
}
.site-footer ul.menu li {
  padding: 0px;
  margin: 0px;
}
.site-footer ul.menu > li {
  margin-bottom: 20px;
}
.site-footer ul.menu > li > a {
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
  max-width: 85%;
}
.site-footer ul.menu ul.sub-menu a {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  padding: 5px 0px;
}
/* .site-footer ul.menu br {
  display: none;
  } */
.site-footer li.go-back {
  display: none !important;
}
*/ .footer-links {
  margin-bottom: 20px;
}
.footer-links a {
  display: block;
  margin-bottom: 5px;
}
.footer-links a,
.copyright {
  color: rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 700px) {
  .site-footer .container {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  }
  .footer-col-1 {
  padding: 0;
  }
  .footer-logo {
  width: 250px;
  }
  .footer-address {
  padding-bottom: 30px;
  font-size: 18px;
  }
  .footer-col-2 {
  /* justify-content: end; */
  margin: 0 30px 0 auto;
  }
  .footer-col-2 ul {
  list-style: none;
  padding: 0;
  display: block;
  }
  .bottom-footer .container {
  /* display: block; */
  align-items: center;
  }
  .social-icons-col {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0;
  }
  .social-icons-col ul li .acf-icon svg {
  display: block;
  width: 50px;
  height: fit-content;
  }
  .bottom-footer {
  padding-top: 20px;
  }
  .acf-icon-mobile {
  display: none;
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
  padding-left: 0;
  padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
  padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
  top: 0;
  bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
  display: inline;
  margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  margin: 0;
  top: auto;
  padding: 3px 5px;
  position: fixed;
  box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
  padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
  right: 5px;
  top: 3px;
  }
  .mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  text-align: center;
  padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  }
  .mfp-arrow-left {
  -webkit-transform-origin: 0;
  transform-origin: 0;
  }
  .mfp-arrow-right {
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  }
  .mfp-container {
  padding-left: 6px;
  padding-right: 6px;
  }
}

/* ----Speciality Classes ---- */
.btnGroup {
  flex-wrap: wrap;
  justify-content: center;
}
.btnGroup a {
  width: 400px;
}
.auto-height {
  height: auto !important;
}
.image-slider.auto-height .image-wrap {
  height: auto !important;
}

/* ----- Page Overrides ------ */
.page-id-3178 #masthead,
.page-id-3517 #masthead, 
.page-id-3524 #masthead,
.page-id-3522 #masthead,
.page-id-3520 #masthead,
.page-id-3307 #masthead,
.page-id-4876 #masthead,
.page-id-7500 #masthead,
.page-id-7500 #colophon,
.page-id-4876 #colophon {
  display: none;
}

.page-id-3178 .ginput_price {
  display:none;
}

.page-id-3178 .ginput_total_19,
.page-id-3517 .ginput_total_29,
.page-id-3524 .ginput_total_27,
.page-id-3522 .ginput_total_30,
.page-id-3520 .ginput_total_28
 {
  font-size: 25px !important;
  font-weight: 700 !important;
}

.light-gradient {
  background: linear-gradient(to bottom, #fff 0%, #FAF8F8 100%);

}

/*---FAQ Tabs Table Styling----------- */
.w-tabs.layout_accordion.dark table {
  color:#fff;
  border-collapse: collapse;
}
.w-tabs.layout_accordion.dark h1,
.w-tabs.layout_accordion.dark h2,
.w-tabs.layout_accordion.dark h3,
.w-tabs.layout_accordion.dark h4 {
  color:#fff;
}

.w-tabs.layout_accordion.dark table th {
  border-bottom: 1px solid;
  vertical-align: bottom;
}
.w-tabs.layout_accordion.dark table td {
  padding: 10px 0px;
}
.w-tabs.layout_accordion.dark table tr:not(:last-child) td {
  border-bottom:.5px dotted;
} 

/*Design Elements----------------------------------------------*/
/*Stats Block*/
@media (max-width: 700px) {
  .stats-column {
  flex-direction: column;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Modal by Erick */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-content {
  background-color: #7bc9f4;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #fff;
  width: 90%;
  max-width: 700px;
}
.modal-content-wht {
  background-color: #ffffff;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px 40px 40px;
  border: 1px solid #ffffff;
  width: 90%;
  max-width: 700px;
}

#myModal .gform_heading {
  display: none;
}

.modal-content-wht .gform_footer input {
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 768px) {
  .modal-content-wht {
  width:100%;
  }
}

.close {
  color: #fff;
  float: right;
  font-size: 32px;
  font-weight: bold;
}
.wht {
  color: #03324C;
}

.close:hover,
.close:focus,
.close-wht:hover,
.close-wht:focus {
  color: rgba(3, 50, 76, 0.802);
  text-decoration: none;
  cursor: pointer;
}