/*********************/
/**   Color    **/
/*********************/

:root {

  --fountainblue:        hsla(201, 44%, 60%, 1);
  --fountainblue-5:     hsla(201, 44%, 60%, .05);
  --fountainblue-10:     hsla(201, 44%, 60%, .1);
  --fountainblue-20:     hsla(201, 44%, 60%, .2);
  --fountainblue-30:     hsla(201, 44%, 60%, .3);
  --fountainblue-40:     hsla(201, 44%, 60%, .4);
  --fountainblue-50:     hsla(201, 44%, 60%, .5);
  --fountainblue-60:     hsla(201, 44%, 60%, .6);
  --fountainblue-70:     hsla(201, 44%, 60%, .7);
  --fountainblue-80:     hsla(201, 44%, 60%, .8);
  --fountainblue-90:     hsla(201, 44%, 60%, .9);
  --fountainblueLight:   hsla(201, 44%, 70%, 1);
  --fountainblueLighter: hsla(201, 44%, 80%, 1);
  --fountainblueLightest: hsla(201, 44%, 90%, 1);
  --fountainblueDark:    hsla(201, 44%, 60%, 1);
  --fountainblueDarker:  hsla(201, 44%, 50%, 1);
  --fountainblueDarkest:  hsla(201, 44%, 40%, 1);

  --downriver:        hsla(214, 78%, 14%, 1);
  --downriver-5:     hsla(214, 78%, 14%, .05);
  --downriver-10:     hsla(214, 78%, 14%, .1);
  --downriver-20:     hsla(214, 78%, 14%, .2);
  --downriver-30:     hsla(214, 78%, 14%, .3);
  --downriver-40:     hsla(214, 78%, 14%, .4);
  --downriver-50:     hsla(214, 78%, 14%, .5);
  --downriver-60:     hsla(214, 78%, 14%, .6);
  --downriver-70:     hsla(214, 78%, 14%, .7);
  --downriver-80:     hsla(214, 78%, 14%, .8);
  --downriver-90:     hsla(214, 78%, 14%, .9);
  --downriverLight:   hsla(214, 78%, 24%, 1);
  --downriverLighter: hsla(214, 78%, 34%, 1);
  --downriverLightest: hsla(214, 78%, 44%, 1);
  --downriverDark:    hsla(214, 78%, 14%, 1);
  --downriverDarker:  hsla(214, 78%, 10%, 1);
  --downriverDarkest:  hsla(214, 78%, 5%, 1);

  --jaffa:        hsla(26, 79%, 58%, 1);
  --jaffa-5:     hsla(26, 79%, 58%, .05);
  --jaffa-10:     hsla(26, 79%, 58%, .1);
  --jaffa-20:     hsla(26, 79%, 58%, .2);
  --jaffa-30:     hsla(26, 79%, 58%, .3);
  --jaffa-40:     hsla(26, 79%, 58%, .4);
  --jaffa-50:     hsla(26, 79%, 58%, .5);
  --jaffa-60:     hsla(26, 79%, 58%, .6);
  --jaffa-70:     hsla(26, 79%, 58%, .7);
  --jaffa-80:     hsla(26, 79%, 58%, .8);
  --jaffa-90:     hsla(26, 79%, 58%, .9);
  --jaffaLight:   hsla(26, 79%, 68%, 1);
  --jaffaLighter: hsla(26, 79%, 78%, 1);
  --jaffaLightest: hsla(26, 79%, 88%, 1);
  --jaffaDark:    hsla(26, 79%, 48%, 1);
  --jaffaDarker:  hsla(26, 79%, 38%, 1);
  --jaffaDarkest:  hsla(26, 79%, 28%, 1);

  --athensgray:        hsla(240, 0%, 94%, 1);
  --athensgray-5:        hsla(240, 0%, 94%, .05);
  --athensgray-10:        hsla(240, 0%, 94%, .1);
  --athensgray-20:        hsla(240, 0%, 94%, .2);
  --athensgray-30:        hsla(240, 0%, 94%, .3);
  --athensgray-40:        hsla(240, 0%, 94%, .4);
  --athensgray-50:        hsla(240, 0%, 94%, .5);
  --athensgray-60:        hsla(240, 0%, 94%, .6);
  --athensgray-70:        hsla(240, 0%, 94%, .7);
  --athensgray-80:        hsla(240, 0%, 94%, .8);
  --athensgray-90:        hsla(240, 0%, 94%, .9);
  --athensgrayLight:   hsla(240, 0%, 95%, 1);
  --athensgrayLighter: hsla(240, 0%, 97%, 1);
  --athensgrayLighter-80: hsla(240, 0%, 97%, .8);
  --athensgrayDark:    hsla(240, 0%, 85%, 1);
  --athensgrayDarker:  hsla(240, 0%, 65%, 1);

  --white: hsla(330, 0%, 100%, 1);
  --white-5: hsla(330, 0%, 100%, .05);
  --white-10: hsla(330, 0%, 100%, .1);
  --white-20: hsla(330, 0%, 100%, .2);
  --white-30: hsla(330, 0%, 100%, .3);
  --white-40: hsla(330, 0%, 100%, .4);
  --white-50: hsla(330, 0%, 100%, .5);
  --white-60: hsla(330, 0%, 100%, .6);
  --white-70: hsla(330, 0%, 100%, .7);
  --white-80: hsla(330, 0%, 100%, .8);
  --white-90: hsla(330, 0%, 100%, .9);

  --black: hsla(0, 0%, 0%, 1);
  --black-5: hsla(0, 0%, 0%, .05);
  --black-10: hsla(0, 0%, 0%, .1);
  --black-20: hsla(0, 0%, 0%, .2);
  --black-30: hsla(0, 0%, 0%, .3);
  --black-40: hsla(0, 0%, 0%, .4);
  --black-50: hsla(0, 0%, 0%, .5);
  --black-60: hsla(0, 0%, 0%, .6);
  --black-70: hsla(0, 0%, 0%, .7);
  --black-80: hsla(0, 0%, 0%, .8);
  --black-90: hsla(0, 0%, 0%, .9);

  --alertError:          hsla(359, 51%, 47%, 1);
  --alertErrorLight:     hsla(359, 51%, 67%, 1);

  --alertWarning:        hsla(38, 49%, 38%, 1);
  --alertWarningLight:   hsla(38, 49%, 58%, 1);

  --alertSuccess:        hsla(134, 58%, 30%, 1);
  --alertSuccessLight:   hsla(134, 58%, 50%, 1);

  --alertInfo:          hsla(194, 91%, 30%, 1);
  --alertInfoLight:     hsla(194, 91%, 50%, 1);
}


.bg-color-athensgray {
background-color: var(--athensgray) !important;
}

.bg-color-athensgray-10 {
background-color: var(--athensgray-10) !important;
}

.bg-color-athensgray-20 {
background-color: var(--athensgray-20) !important;
}

.bg-color-athensgray-30 {
background-color: var(--athensgray-30) !important;
}

.bg-color-athensgray-40 {
background-color: var(--athensgray-40) !important;
}

.bg-color-athensgray-50 {
background-color: var(--athensgray-50) !important;
}

.bg-color-foundationblue {
background-color: var(--foundationblue) !important;
}

.bg-color-foundationblue-5 {
background-color: var(--foundationblue-5) !important;
}

.bg-color-foundationblue-10 {
background-color: var(--foundationblue-10) !important;
}

.bg-color-foundationblue-20 {
background-color: var(--foundationblue-20) !important;
}

.bg-color-foundationblue-30 {
background-color: var(--foundationblue-30) !important;
}

.bg-color-downriver {
background-color: var(--downriver) !important;
}

.bg-color-downriver-5 {
background-color: var(--downriver-5) !important;
}

.bg-color-downriver-10 {
background-color: var(--downriver-10) !important;
}

.bg-color-downriver-20 {
background-color: var(--downriver-20) !important;
}

.bg-color-downriver-30 {
background-color: var(--downriver-30) !important;
}

.bg-color-downriver-40 {
background-color: var(--downriver-40) !important;
}

.bg-color-downriver-50 {
background-color: var(--downriver-50) !important;
}

.bg-color-jaffa {
background-color: var(--jaffa) !important;
}

.bg-color-jaffa-30 {
background-color: var(--jaffa-30) !important;
}

.text-color-athensgray {
color: var(--athensgray) !important;
}

.text-color-athensgrayDark {
color: var(--athensgrayDark) !important;
}

.text-color-athensgrayDarker {
color: var(--athensgrayDarker) !important;
}

.text-color-fountainblue {
color: var(--fountainblue) !important;
}

.text-color-fountainblue-30 {
color: var(--fountainblue-30) !important;
}

.text-color-jaffa {
color: var(--jaffa) !important;
}

.text-color-jaffa-30 {
color: var(--jaffa-30) !important;
}

.text-color-white {
color: var(--white) !important;
}

.bg-dots {
  background-color: var(--athensgrayLighter);
  background-image: radial-gradient(var(--fountainblue-80) 0.5px, transparent 0.5px), radial-gradient(var(--downriver-20) 0.5px, var(--white) 0.5px);
  background-size: 1.25rem 1.25rem;
  background-position: 0 0, 0.625rem 0.625rem;
  background-attachment: fixed;
}


@media (min-width: 1025px) {
  [class*=carousel-control-]:focus:before,
  .btn-solid:not(:active):focus:before,
  .btn-outlined:not(:active):focus:before,
  .title a:not(:active):focus:before,
  .btn-text-link:not(:active):focus:before {
    content: '';
    width: calc(100% + .5rem);
    height: calc(100% + .5rem);
    background: transparent;
    box-shadow: 0 0 0px 3px var(--fountainblue-30), 0 0 30px -1px var(--fountainblue-50);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
  }

  nav #btn-letstalk:focus:before {
    border-radius: 100%;
  }

  .btn-solid:focus:before,
  .btn-outlined:focus:before,
  .btn-text-link.active:focus:before {
    border-radius: 4rem;
  }
}


/**************************/
/**   Disable Buttons    **/
/**************************/

a[class][disabled],
input[type=button][class][disabled],
input[type=submit][class][disabled],
button[class][disabled] {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  animation: none !important;
  user-select:none;
  -ms-user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
}


/*************************/
/**   Text Selection    **/
/*************************/

::-moz-selection { /* Code for Firefox */
  background: var(--downriver-50);
}

::selection {
  background: var(--downriver-50);
}


/***************/
/**   Base    **/
/***************/

html,
body {
  /* overflow-x:hidden;This makes the position 'sticky' not work */
}

@media (min-width: 320px ),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  html,
  body {
    font-size: 16px;
    color: var(--downriver);
    background: var(--athensgrayLighter);
    /*height: 100%; This makes the jQuery scroll not fire for some reason */
    width:100% !important;
    /*overflow-x:hidden; This makes the position 'stikcy' not work */
    margin: 0;
    padding: 0;
    /*scroll-behavior: smooth;*/

  }
}

@media (min-width: 1680px ){
  html,
  body {
    font-size: 16px !important;
  }
}

@media (min-width: 1920px ),
only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  html,
  body {
    font-size: 18px !important;
  }
}

@media (min-width: 2560px ){
  html,
  body {
    font-size: 20px !important;
  }
}

@media (min-width: 3200px ){
  html,
  body {
    font-size: 26px !important;
  }
}

html.modal-is-visible,
html.modal-is-visible > body,
body[data-state="showMobileMenu"] {
  overflow-y: hidden !important;
}

#main-content a:not([class]),
#main-content a:not([class]):visited {
  /*font-family: 'Libre Baskerville', serif;
  color: var(--jaffa) !important;*/
}

h1, h2, h3,
h1 *, h2 *, h3 * {
  /*font-family: 'Libre Baskerville', serif !important;*/
}

h4, h5, h6 {
  /*font-family: 'Libre Franklin', sans-serif !important;*/
}

/* Heading */


@media (min-width: 320px) {

	body:not(.wp-admin) .h1-largest,
	body:not(.wp-admin) .h1-largest h1,
	body:not(.wp-admin) .h1-largest h2,
	body:not(.wp-admin) .h1-largest h3,
	body:not(.wp-admin) .h1-largest h4,
	body:not(.wp-admin) .h1-largest h5,
	body:not(.wp-admin) .h1-largest h6 {
	font-size: 3.5rem;
	}

  body:not(.wp-admin) h1.entry-title,
  .h1-larger,
  .h1-larger h1,
  .h1-larger h2,
  .h1-larger h3,
  .h1-larger h4,
  .h1-larger h5,
  .h1-larger h6 {
	font-size: 3rem;
	}

  .h1-large,
  .h1-large h1,
  .h1-large h2,
  .h1-large h3,
  .h1-large h4,
  .h1-large h5,
  .h1-large h6 {
	font-size: 2.5rem;
	}

  .h1,
  .h1 h1,
  .h1 h2,
  .h1 h3,
  .h1 h4,
  .h1 h5,
  .h1 h6 {
	font-size: 2.25rem;
	font-weight: 600;
	}

  .h1-large,
  .h1-large h1,
  .h1-large h2,
  .h1-large h3,
  .h1-large h4,
  .h1-large h5,
  .h1-large h6 {
	font-size: 2rem;
	font-weight: 500;
	}

  .h2,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
	font-size: 1.5rem;
	font-weight: 500;
	}

  .h3,
  .h3 h1,
  .h3 h2,
  .h3 h3,
  .h3 h4,
  .h3 h5,
  .h3 h6 {
	font-size: 1.25rem;
	font-weight: 600;
	}

  .h4,
  .h4 h1,
  .h4 h2,
  .h4 h3,
  .h4 h4,
  .h4 h5,
  .h4 h6 {
	font-size: 1.125rem;
	font-weight: 600;
	}

  .h5,
  .h5 h1,
  .h5 h2,
  .h5 h3,
  .h5 h4,
  .h5 h5,
  .h5 h6 {
	font-size: 1rem;
	font-weight: 600;
	}

  .h6,
  .h6 h1,
  .h6 h2,
  .h6 h3,
  .h6 h4,
  .h6 h5,
  .h6 h6 {
	font-size: .875rem;
	font-weight: 600;
	}

  body.single-post h1 {
    font-size: 1.875rem;
  }
}

@media (min-width: 767px) {

  body:not(.wp-admin) .h1-largest,
	body:not(.wp-admin) .h1-largest h1,
	body:not(.wp-admin) .h1-largest h2,
	body:not(.wp-admin) .h1-largest h3,
	body:not(.wp-admin) .h1-largest h4,
	body:not(.wp-admin) .h1-largest h5,
	body:not(.wp-admin) .h1-largest h6 {
	font-size: 4.5rem;
	}

  body:not(.wp-admin) h1.entry-title,
  .h1-larger,
  .h1-larger h1,
  .h1-larger h2,
  .h1-larger h3,
  .h1-larger h4,
  .h1-larger h5,
  .h1-larger h6 {
	font-size: 4rem;
	}

	.h1-large {
	font-size: 3.5rem;
	}

  .h1,
  .h1 h1,
  .h1 h2,
  .h1 h3,
  .h1 h4,
  .h1 h5,
  .h1 h6 {
	font-size: 2.25rem;
	font-weight: 600;
	}

  .h1-large,
  .h1-large h1,
  .h1-large h2,
  .h1-large h3,
  .h1-large h4,
  .h1-large h5,
  .h1-large h6 {
	font-size: 2.25rem;
	font-weight: 500;
	}

  .h2,
  .h2 h1,
  .h2 h2,
  .h2 h3,
  .h2 h4,
  .h2 h5,
  .h2 h6 {
	font-size: 2rem;
	font-weight: 500;
	}

  .h3,
  .h3 h1,
  .h3 h2,
  .h3 h3,
  .h3 h4,
  .h3 h5,
  .h3 h6 {
	font-size: 1.5rem;
	font-weight: 600;
	}

  .h4,
  .h4 h1,
  .h4 h2,
  .h4 h3,
  .h4 h4,
  .h4 h5,
  .h4 h6 {
	font-size: 1.25rem;
	font-weight: 600;
	}

  .h5,
  .h5 h1,
  .h5 h2,
  .h5 h3,
  .h5 h4,
  .h5 h5,
  .h5 h6 {
	font-size: 1.125rem;
	font-weight: 600;
	}

  .h6,
  .h6 h1,
  .h6 h2,
  .h6 h3,
  .h6 h4,
  .h6 h5,
  .h6 h6 {
	font-size: 1rem;
	font-weight: 600;
	}
}


body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
body:not(.wp-admin) h1[class],
body:not(.wp-admin) h2[class],
body:not(.wp-admin) h3[class],
body:not(.wp-admin) h4[class],
body:not(.wp-admin) h5[class],
body:not(.wp-admin) h6[class] {
/*font-family: var(--heading-font);*/
font-weight: normal;
margin: 1rem 0;
color: var(--downriver-80);
line-height: normal;
}

body:not(.wp-admin) h1 {
margin-top: 0;
}

body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h1,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h2,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h3,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h4,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h5,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h6,
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h1[class],
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h2[class],
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h3[class],
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h4[class],
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h5[class],
body:not(.wp-admin) div.et_pb_bg_layout_:not(.category) h6[class] {
/*font-family: var(--heading-font);*/
letter-spacing: -0.25rem;
}

.heading-responsive-lg,
.heading-responsive-lg h1,
.heading-responsive-lg h2,
.heading-responsive-lg h3,
.heading-responsive-lg h4,
.heading-responsive-lg h5,
.heading-responsive-lg h6 {
  font-size: clamp(2rem, 3.75vw, 3rem) !important;
}

@media (max-width: 475px) {
  .heading-responsive-lg.w-90 {
    width: 100%;
  }
}

.heading-responsive,
.heading-responsive h1,
.heading-responsive h2,
.heading-responsive h3,
.heading-responsive h4,
.heading-responsive h5,
.heading-responsive h6 {
  font-size: clamp(1.5rem, 2.25vw, 1.75rem) !important;
}

p {
  /*font-family: 'Libre Franklin', sans-serif;*/
  color: var(--downriver-80);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2;
  opacity: 1;
}

p:not(.has-background):last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}

p a:not([class]){
	color: var(--jaffa) !important;
}


* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  line-height: 1.25;
  /*transition: all 0.6s ease;*/
  letter-spacing: 0.04rem;
  outline: none;
  /*color: var(--downriver);*/
  -webkit-overflow-scrolling: touch;
  font-weight: normal;
  color: var(--downriver-80);
}

h1:not(.site-title):before,
h2:before {
  display: none;
  visibility: hidden;
}


/* Sticky Header */

body.admin-bar.et_fixed_nav #main-header,
#main-header {
  position: fixed !important;
  z-index: 99999 !important;
}

#main-header {
  top: 0 !important;
}

@media only screen and (max-width: 980px){
  body.admin-bar.et_fixed_nav #main-header {
    top: 0 !important;
    position: sticky !important;
    margin-top: -5rem;
  }
}

@media only screen and (min-width: 981px){
  body.admin-bar.et_fixed_nav #main-header {
    top: 1.75rem !important;
  }
}


/* Logo */

.logo_container,
.logo_container a {
  display: flex;
  justify-content: flex-start;
}

.logo_container a:hover {
  opacity: 0.9;
  transform: scale(0.98);
  transform-origin: center center;
}

.et_header_style_left .logo_container {
    position: absolute;
    max-height: 100%;
    max-width: 12rem;
		width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

body.home #main-header .logo_container {
    opacity: 0;
    visibility: hidden;
    transition: all .16s ease;
}

body.home #main-header.et-fixed-header .logo_container {
    opacity: 1;
    visibility: visible;
}



@media (max-width: 980px){
	.et_header_style_left .logo_container {
    max-width: 21rem;
  }
  .et_header_style_left #logo {
    max-width: 100%;
  }
}

#logo {
  align-self: center;
}


/* Main Navigation */
#top-menu li {
    display: inline-block;
    font-size: 0.875rem;
    padding-right: 1.375rem;
}

.mobile_menu_bar:before, .mobile_menu_bar:after,
#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a {
  color: var(--white);
}


@media (min-width: 980px) {

  body.home:has(#intro.is-in-viewport) #top-menu > li.menu-item-894 > a,
  body.home:has(#mobileGolfSimulator.is-in-viewport) #top-menu > li.menu-item-34 > a,
  body.home:has(#services.is-in-viewport) #top-menu > li.menu-item-35 > a,
  body.home:has(#aboutUs.is-in-viewport) #top-menu > li.menu-item-36 > a,
  body.home:has(#connect.is-in-viewport) #top-menu > li.menu-item-38 > a {
    color: var(--jaffa);
  }

  body.home:has(#mobileGolfSimulator.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#services.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#aboutUs.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#connect.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a {
    color: var(--white);
  }

  body.home:has(#mobileGolfSimulator:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#services:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#aboutUs:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#connect:not(.is-in-viewport))) #top-menu > li.menu-item-33 > a {
    color: var(--jaffa) !important;
  }

  body.home:has(#intro.is-in-viewport) #top-menu > li.current-menu-item.menu-item-894 > a:after,
  body.home:not(:has(#mobileGolfSimulator.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:not(:has(#services.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:not(:has(#aboutUs.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:not(:has(#connect.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#mobileGolfSimulator.is-in-viewport) #top-menu > li.menu-item-34 > a:after,
  body.home:has(#services.is-in-viewport) #top-menu > li.menu-item-35 > a:after,
  body.home:has(#aboutUs.is-in-viewport) #top-menu > li.menu-item-36 > a:after,
  body.home:has(#connect.is-in-viewport) #top-menu > li.menu-item-38 > a:after {
    content: '';
    display: flex;
    width: 0.75rem;
    height: 0.75rem;
    background-color: transparent;/* var(--white-80) */
    background-image: url(/wp-content/themes/Divi-Child/assets/img/nav-ball-300x300.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    margin: 0.25rem auto 0;
    position: absolute;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bouncingGolfBall .6s infinite;
  }


  body.home:has(#mobileGolfSimulator.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#services.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#aboutUs.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#connect.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after {
      display: none;
  }

  @keyframes bouncingGolfBall {
    0%, 100% {
      top: 1.375rem; /* Starting and ending position */
      animation-timing-function: ease-in; /* Slow start */
    }
    50% {
      top: 1.625rem; /* Highest point of the bounce */
      animation-timing-function: ease-out; /* Slow end (as it falls) */
    }
  }

}


/**********************************
   MENU / NAV
***********************************/


#top-menu > li > a {
  font-size: 1.25rem;
  color: var(--white);
  opacity: 1 !important;
}

#top-menu > li > a:hover {
  opacity: .7 !important;
}

#top-menu li a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 981px){
  .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
  .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
    font-size: 1rem;
  }
  .et-fixed-header #top-menu li a {
    font-size: 1rem;
  }
}

#main-header .nav li ul a[aria-current="page"],
.et_mobile_menu li a[aria-current="page"],
#main-header .nav li ul a[aria-current="page"]:hover,
.et_mobile_menu li a[aria-current="page"]:hover {
  background-color: var(--jaffa);
  color: var(--white) !important;
}

#main-header .nav ul li a:not([aria-current="page"]):hover,
#main-header .nav li ul a:not([aria-current="page"]):hover,
.et_mobile_menu li a:not([aria-current="page"]):hover {
  background-color: var(--downriver-40);
  color: var(--downriver) !important;
  opacity: 1 !important;
}


.et-fixed-header #top-menu li.btn-book-a-call a,
.btn-book-a-call a {
  top: -0.75rem;
  padding: 0.75rem 1rem !important;
  color: var(--white) !important;
  border-radius: 4rem;
  font-weight: 500!important;
  background-color: #ff4da5;
  font-size: 1rem;
  opacity: 1 !important;
}


.et_mobile_menu {
  overflow: scroll;
  height: calc(100vh - 5.5rem);
}

.mobile_menu_bar {
  min-height: 4rem;
  min-width: 4rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mobile_menu_bar button {
  padding: 0.5rem 1rem;
  border: 1px solid var(--downriver-10);
  border-radius: 4rem;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  font-size: .925rem;
  font-weight: 600;
  background: transparent;
  color: var(--white);
}

.mobile_nav.opened .mobile_menu_bar button {
  background: var(--downriver);
  color: var(--white);
}

.menu-toggle-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.125rem;
  position: relative;
  transition-duration: 1s !important;
}



.menu-toggle-icon .menu-toggle-icon-line-01,
.menu-toggle-icon .menu-toggle-icon-line-02,
.menu-toggle-icon .menu-toggle-icon-line-03 {
  height: .125rem;
  width: 100%;
  background: var(--fountainblue);
  border-radius: 0.125rem;
  transition-duration: 1s !important;
}


.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01,
.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02,
.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 {
  position: absolute;
  top: 50% !important;
  transform-origin: center;
  transition-duration: 1s !important;
}


.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01 {
  transform: translateY(-50%) rotate(319deg);
}

.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02 {
  opacity: 0;
}

.mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 {
  transform: translateY(-50%) rotate(45deg);
}

/**********************************
   BACK TO TOP
***********************************/

.et_pb_scroll_top.et-pb-icon {
  display: flex;
  width: 2.25rem;
  height: 5.5rem;
  background-color: transparent;/* var(--white-80) */
  background-image: url(/wp-content/themes/Divi-Child/assets/img/scrolltotop-ballx300x640.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  justify-content: center;
  padding-top: .5rem;
  color: #0047E0;
  right: 1rem;
  flex-wrap: nowrap;
  font-size: 1rem;
}

.et_pb_scroll_top.et-pb-icon:before {
  transform: scale(1.0);
  transition: all .16s ease;
  transform-origin: center;
  height: min-content;
  font-size: 1.875rem;
}

.et_pb_scroll_top.et-pb-icon:hover:before {
  transform: scale(1.25);
}

.et_pb_scroll_top.et-pb-icon::after {
  content: 'Fore!';
  display: flex;
  justify-content: center;
  padding: 0.5rem 0.475rem;
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.675rem;
  background-color: #0047E0 !important;
  color: var(--white);
  white-space: nowrap;
  z-index: 5;
  line-height: 0;
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: unset;
  box-shadow: inset 0 0 0 1px var(--downriver), inset 0 0 0 2px var(--white);
  font-family: 'Silkscreen', display;
}


.et_pb_scroll_top.et-pb-icon:hover::after {
  background-color: var(--downriverLight) !important;
  color: var(--white);
  box-shadow: inset 0 0 0 1px var(--downriver), inset 0 0 0 2px var(--white);
}


/**********************************
   STRUCTURAL
***********************************/

body.home #page-container,
body.home .et_fixed_nav.et_show_nav #page-container,
body.home .et_fixed_nav.et_show_nav #page-container {
  padding-top: 0px !important;
}


body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container,
body:not(.home) #main-content .container {
  padding-top: 4rem;
  padding-bottom: 4rem;
}


@media (min-width: 981px) {
  .et_fixed_nav.et_show_nav #page-container {
      /*padding-top: 80px !important;*/
  }
}


#page-container #et-main-area {
  z-index: 1;
}

#page-container #main-header {
  z-index: 2;
}

#page-container:before,
#page-container:after {
  content:'';
  display: block;
  z-index: 0;
  position: fixed;
  top: 0rem;
  bottom: 0rem;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;

  display: none;
}


/** Page Decor **/

/*
  #page-container:before {
    background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-left.svg);
    left: -16vw;
    top: -4rem;
    transform: rotate(0deg) scaleX(0.675) scaleY(-1.5) skewY(-4deg);
    transform-origin: left;
    background-position-x: left;
  }

  #page-container:after {
    background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-right.svg);
    right: -20vw;
    bottom: 0rem;
    top: 8rem;
    transform: rotate(358deg) scaleY(1.375) scaleX(0.675) skewY(32deg) skewX(-2deg);
    transform-origin: right;
    background-position-x: right;
  }

  @media (min-width: 768px) {
    #page-container:before {
      top: 0rem;
      left: -8vw;
      background-position-y: 16vh;
    }
    #page-container:after {
      right: -8vw;
    }
  }

  @media (min-width: 1600px) {
    #page-container:before {
      left: -5vw;
      background-position-y: 16vh;
    }
    #page-container:after {
      right: -5vw;
    }
  }
*/

body[data-state="showMobileMenu"] .header nav {
}

#main-header {
  border-bottom: 0 solid var(--downriver-80);
  box-shadow: none;
}

#main-header.et-fixed-header,
body:not(.home) #main-header {
  background: var(--downriver-90) !important;
  backdrop-filter: blur(0.25rem) !important;
  box-shadow: 0 0rem .5rem 0.5rem var(--downriver-40) !important;
}

@media (min-width: 1024px) {
  #main-header.et-fixed-header  {
    box-shadow: 0 1rem 1rem -0.875rem var(--downriver-40) !important;
  }
}


/** Divi Plus: Mobile Simulator Tab Sections **/

.dipl_tab_wrapper {

}

.dipl_tab_wrapper h1,
.dipl_tab_wrapper h2,
.dipl_tab_wrapper h3,
.dipl_tab_wrapper h4,
.dipl_tab_wrapper h5,
.dipl_tab_wrapper h6 {
  margin: 0 0 .75rem !important;
  padding: 0 !important;
}

.dipl_tab_wrapper h4 {
  font-weight: 600 !important;
  font-size: 2rem !important;
  letter-spacing: -0.125rem;
}

.dipl_tab_wrapper h5 {
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #0159E3;
}


.dipl_tab_wrapper .featured-img {
  border: 0.5rem solid var(--fountainblueLight) !important;
  border-radius: 2rem 2rem 2rem 2rem;
  margin: 0 auto 1rem;
  width: 100%;
  height: auto;
  display: flex;
}

.dipl_tabs_content .dipl_tabs_item {
  padding: 1rem !important;
}

.dipl_tabs .dipl_tabs_item .dipl_single_tab_content {
  padding: 0 !important;
}


.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
  display: flex;
  flex-wrap: nowrap !important;
  overflow-y: hidden !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  justify-content: start !important;
  -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
}


.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls::-webkit-scrollbar {
  display: none; /* Hide the scrollbar itself */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}


.dipl_tab_wrapper .dipl_tabs_item_title_inner_wrap {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  display: unset;
}

.dipl_tabs_item_title {
  overflow: unset;
}


@media (max-width: 980px) {
  .dipl_tab_desc * > :has([class*=btn]){
    flex-direction: column
  }

  .dipl_tab_desc [class*=btn]{
    justify-content: center;
    width: 100%;
  }
}


@media (max-width: 980px) {
  .dipl_floating_image .dipl_floating_images_wrapper .dipl_floating_image_item_0 {
    left: 1rem !important;
    top: -1rem !important;
  }
}


.floating-tagline {
  text-align: center;
  display: flex;
  background: #fff;
  margin: 0 auto !important;
  width: max-content;
  align-items: center;
  padding: 0.75rem 1.75rem;
  border-radius: 3rem;
  line-height: normal;
  letter-spacing: normal;
  border: 4px solid #fff;
  box-shadow: inset 0 0 0 6px #082040, inset 0 0 0 11px lightblue;
}

@media (max-width: 980px) {
  .floating-tagline {
    transform: scale(.65) translateX(-5.5rem) translateY(-2rem);
    transform-origin: top center;
  }
}


/** ALERT **/

.alert p {
  font-size: 1rem;
}


/** FOCUS STATES **/


header a:not(:active):focus,
footer a:not(:active):focus,
.et_pb_button:not(:active):hover,
.et_pb_button:not(:active):focus,
button:not(:active):hover,
button:not(:active):focus,
input:not(:active):hover,
input:not(:active):focus,
.et_clickable:not(:active):hover,
.et_clickable:not(:active):focus,
.et_clickable a:not(:active):hover,
.et_clickable a:not(:active):focus,
a.img-square:not(:active):hover,
a.img-square:not(:active):focus,
.tab-content [role="tablist"] a:not(:active):hover:not(.active),
.tab-content [role="tablist"] a:not(:active):focus,
.page-title a:not(:active):focus i,
p a:not([class]):focus {
  box-shadow: 0 0 0px 3px var(--fountainblue-10), 0 0 30px -1px var(--fountainblue-20);
}

.btn-solid:focus,
.btn-outlined:focus {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

a.img-square[aria-label]:after {
    transition-duration: .5s;
    content: attr(aria-label);
    display: flex;
    position: absolute;
    background-color: var(--fountainblueDark);
    top: 50%;
    border-radius: 1rem;
    padding: .5rem 1rem;
    max-width: 70%;
    /*font-family: "Libre Franklin", sans-serif;*/
    font-size: 0.875rem;
    color: var(--white);
    text-align: center;
    text-shadow: 1px 1px 4px var(--fountainblueDarker);
    opacity: 0;
    transform: translateY(-10%);
}


a.img-square[aria-label]:not(:active):hover:after,
a.img-square[aria-label]:not(:active):focus:after {
    opacity: 1;
    transform: translateY(-50%);
}

/** DROPDOWN **/

nav .dropdown-menu {
  margin-top: 0.25rem;
  border-radius: 0.125rem;
  position: absolute;
  background: var(--white);
  padding: 4%;
  border: 1px solid var(--athensgrayDark);
  box-shadow: .125rem .25rem 1.5rem -.5rem var(--fountainblue-50);
  opacity: 0;
  visibility: hidden;
  top: 120%;
  left: 0%;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  line-height: 0;
  text-align: center;
}

@media (min-width: 768px) {
    nav .dropdown-menu {
    padding: 2%;
    }
}

@media (min-width: 1025px) {
    nav .dropdown-menu {
    text-align: left;
    padding: 1.25rem;
    }
}

nav li.dropdown {
position: relative;
flex-direction: column;
}


nav li.dropdown.open .dropdown-menu,
nav li.dropdown:hover .dropdown-menu {
    top: 100%;
    left: 0%;
    width: auto;
    height: auto;
    line-height: normal;
    position: relative;
}

@media (max-width: 1024px) {
    nav li.dropdown:not(.open) .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    nav li.dropdown.open .dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: block;
    }
}

@media (min-width: 1025px) {
    nav li.dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: block;
        position: absolute;
    }
}

nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

nav .dropdown-item {
display: block;
font-weight: normal;
animation: scaleOut 0.16s;
font-size: 6vw;
}

@media (min-width: 768px) {
    nav .dropdown-item {
    font-size: 3vw;
    padding: 2%;
    }
}

@media (min-width: 1025px) {
    nav .dropdown-item {
    font-size: 1.125rem;
    }
}

nav .dropdown-item:hover {
animation: scaleIn 0.16s;
transform-origin: center;
animation-fill-mode: forwards;
}

nav .dropdown-item.active .label {
background: var(--downriver-30);
}

nav .dropdown-item:hover *:not(i) {
text-decoration: underline;
}

nav .dropdown-item:not(:last-child) {
margin-bottom: .5rem;
}

nav .dropdown-item i {
font-size: .75rem;
color: var(--downriver-40);
margin-right: .325rem;
}

nav .dropdown-header {
/*font-family: "Libre Franklin", sans-serif;*/
font-weight: 600;
font-size: .75rem;
color: var(--fountainblue);
}

@media (max-width: 1025px) {
    nav .dropdown-header:not(:first-child) {
    margin-top: 2%;
    }
}

.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid var(--athensgrayDark);
}










.category,
.category h1,
.category h2,
.category h3,
.category h4,
.category h5,
.category h6 {
/*font-family: "Libre Franklin", sans-serif !important;*/
font-weight: 600 !important;
font-size: 1rem !important;
/*color: var(--fountainblue) !important;*/
/*display: inline-block !important;*/
margin:  0;
padding:  0;
}

.et_pb_heading:has(.category) {
  margin:  0;
  padding:  0;
}



.category .et_pb_heading_container h1,
.category .et_pb_heading_container h2,
.category .et_pb_heading_container h3,
.category .et_pb_heading_container h4,
.category .et_pb_heading_container h5,
.category .et_pb_heading_container h6 {
  color: #0159de;
}


section {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  opacity: 1.0;
}

@media (min-width: 768px ),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  section {

  }
}




.sticky-page-title-row {
position: sticky;
top: 6.195rem;
background: var(--athensgrayLighter-80);
z-index: 2;
box-shadow: 0 0rem 1.125rem .625rem var(--athensgrayLighter);
backdrop-filter: blur(.25rem);
}

.page-title {
margin: 0 auto 2rem !important;
height: 4.375rem;
/*background-image: url(//andtherewas.s3.amazonaws.com/img/scribble-quote-bg.svg);*/
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}

.page-title *,
.page-title * a,
.page-title,
.page-title a {
font-size: .875rem !important;
/*font-family: 'Libre Franklin', sans-serif !important;*/
font-weight: 500 !important;
line-height: 1.125rem !important;
text-transform: uppercase !important;
color: var(--downriver);
animation: scaleOut 0.16s;
}

.page-title * a:hover,
.page-title a:hover {
animation: scaleIn 0.16s;
transform-origin: center;
animation-fill-mode: forwards;
color: var(--jaffa);
}

.page-title * a i,
.page-title a i {
position: relative;
top: .2rem;
left: 0rem;
font-size: 1.125rem;
margin-right: .75rem;
color: var(--jaffa);
padding: 0.5rem 0 !important;
border-radius: 100%;
width: 2rem;
display: inline-flex;
justify-content: center;
}

.page-section h1,
.page-section h2,
.page-section h3,
.page-section h4,
.page-section h5,
.page-section h6 {

}

.page-section h1,
.page-section h2,
.page-section h3,
.page-section h4,
.page-section h5,
.page-section h6,
.section-content .page-section {
  font-size: 1rem !important;
  /*font-family: 'Libre Franklin', sans-serif !important;*/
  font-weight: 600 !important;
  color: var(--downriver);
  background-color: var(--athensgray-30);
  line-height: 1.125rem !important;
  margin: 0 auto;
  padding: .75rem !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 0px solid var(--downriver-40);
  border-bottom: 1px solid var(--fountainblue-60);
  box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--downriver-20);
  transform: none !important;
}






.page-lead-lg {
  font-size: clamp(1.5rem, 2.75vw, 3rem) !important;
  line-height: 1.65 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h4,
.et_pb_bg_layout_dark h5,
.et_pb_bg_layout_dark h6,
.et_pb_slides .et_pb_slide_title,
.et_pb_slides .et_pb_slide_content,
.page-lead-lg {
  color: var(--downriver) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0);
}

.et_pb_slides {
position: relative;
}


.et_pb_slides .et_pb_slide {
    padding: 0 0%;
}

.et_pb_slides .et_pb_container {
  box-shadow: 0rem 0.125rem 0.75rem var(--fountainblue-30);
  border: 0.5rem double var(--white-80);
}

#speaker-jumbotron {
  padding: 0rem 0%;
}

#speaker-jumbotron .et_pb_image,
.et_pb_slider {
  overflow: visible !important; /* Remove Overflow so shapes and box shadow can extend boundary */
  height: 100%;
  display: flex;
}


#speaker-jumbotron .et_pb_image:before,
.et_pb_slider:before {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  bottom: -0.5rem;
  left: 0rem;
  width: 102%;
  height: 5rem;
  background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(-1);
}


.et_pb_slider:after {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  top: 1rem;
  left: 0rem;
  width: 102%;
  height: 2.75rem;
  /*background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-02.svg);
  background-repeat: no-repeat;
  background-size: contain;*/
  transform: scale(-1);
}

#speaker-jumbotron .et_pb_image:after,
.et_pb_slides:before {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  top: 0%;
  right: 0rem;
  width: 104%;
  height: 16rem;
  /*background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-03.svg);
  background-repeat: no-repeat;
  background-size: 8vw;*/
  transform-origin: center;
  transform: translateY(-13%) rotate(-8deg);
}

#speaker-jumbotron .et_pb_image:after {
  top: 0%;
  width: 104%;
}

.et_pb_slides:after {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 95%;
  height: 10%;
  /*background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-04.svg);
  background-repeat: no-repeat;
  background-size: contain;*/
}


.et_pb_slides .et_pb_slider_container_inner {
  padding: 0rem 6rem 0rem;
}


.et_pb_slide_image,
.et_pb_slide_video {
width: 40.25%;
}

.et_pb_slide_title {
line-height: 1 !important;
}


body.home #intro-slider .et_pb_slides .et_pb_slider_container_inner {
  padding: 2rem 3rem 0rem 0rem;
}

@media (min-width: 767px) {
  body.home #intro-slider .et_pb_slides .et_pb_slider_container_inner {
    padding: 5rem 3rem 0rem 0rem;
  }
}


@media (max-width: 767px) {
    .page-lead-lg {
    font-size: 5vw !important;
    }
}

.page-lead-lg .line-01 {
display: inline-block;
width: 100%;
margin-bottom: 1.125rem;
}

.page-lead-lg .line-01,
.page-lead-lg .line-02,
.page-lead-lg .line-03 {
display: inline-block;
}

@media (max-width: 767px) {
  .page-lead-lg .line-01 {
  display: inline;
  font-size: 9vw;
  margin-bottom: 0;
  }
}

.page-lead {
line-height: 3.75rem;
margin: 0 auto;
text-align: center;
color: var(--downriver);
}

.page-lead .underline {
white-space: nowrap;
}

.section-content .page-sub-lead {
font-size: 1.25rem;
line-height: 2.5rem;
margin: 0 auto;
max-width: 90%;
text-align: center;
}

.content-area:after,
.content-tile:after {
content: "";
position: relative;
display: block;
float: none;
clear: both;
width: 100%;
height:0px;
}















.calendly-inline-widget {
 padding: 1.5rem;
}

@media (max-width: 680px) {
  .calendly-inline-widget {
   height: calc(100vh + 60vh) !important;
   max-height: 100% !important;
  }

  .calendly-inline-widget iframe {
    overflow: visible;
    height: 100% !important;
    max-height: 100% !important;
  }
}











@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .et_pb_row {
    width: 90%;
  }
}





.underline {
display: inline;
position: relative;
text-decoration: none;
white-space: pre;
}

.underline:after {
content: "";
background-image: url(//andtherewas.s3.amazonaws.com/img/underline.svg);
background-repeat: no-repeat;
background-size: 170%;
border-radius: 0 1rem 1rem 0;
display: block;
left: -0.325rem;
position: absolute;
width: 106%;
height: 0.375rem;
bottom: -0.025rem;
z-index: -1;
}

@media (max-width: 767px) {
  .underline:after {
    bottom: -0.125rem;
  }
}

.highlight {
  white-space: pre;
  background: var(--downriver-40);
  padding: 0rem 0.25rem;
  margin: 0rem 0.25rem;
  display: inline-block;
}


.rule-lg {
height: 2.5rem;
width: 100%;
display: block;
background-image: url(//andtherewas.s3.amazonaws.com/img/rule-large.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
border: none;
}







.w-100 {
width: 100% !important;
}
.w-90 {
width: 90% !important;
}
.w-80 {
width: 80% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-66 {
width: 66.66% !important;
}
.w-60 {
width: 60% !important;
}
.w-40 {
width: 40% !important;
}
.w-50 {
width: 50% !important;
}
.w-33 {
width: 33.33% !important;
}
.w-30 {
width: 30% !important;
}
.w-25 {
width: 25% !important;
}
.w-20 {
width: 20% !important;
}





/**********************************
   Homepage
***********************************/

body.home-template main {
}

@media (min-width: 1025px){
    body.home-template main{
    }
}





/**********************************
   Tabs
***********************************/

  .tab-content [role="tablist"].sticky-tabs {
    position: sticky;
    top: 15.195rem;
    background: var(--athensgrayLighter-80);
    z-index: 2;
    box-shadow: 0 0rem 1.125rem .625rem var(--athensgrayLighter);
    backdrop-filter: blur(.25rem);
    padding-top: 1.5rem;
  }

  .tab-content [role="tablist"] a,
  .tab-content [role="tablist"] a:active {
      display: inline-flex;
      font-size: 1.325rem;
      font-style: italic;
      letter-spacing: 0.05rem;
      color: var(--downriver-80);
      border-left: 2px solid rgba(38, 41, 64, 0.15);
      border-right: 2px solid rgba(38, 41, 64, 0.15);
      border-top: 4px solid rgba(38, 41, 64, 0.15);
      margin: 0 0.25rem 0 0;
      padding: 0.75rem 1rem;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      position: relative;
      text-decoration: none;
      outline: none;
  }

  .tab-content [role="tablist"] a:not(.active) {
  background: var(--athensgrayLighter);
  color: var(--downriver);
  }

  .tab-content [role="tablist"] a.active {
    border-left: 2px solid rgba(38, 41, 64, 1.0);
    border-right: 2px solid rgba(38, 41, 64, 1.0);
    border-top: 4px solid rgba(38, 41, 64, 1.0);
    color: rgba(38, 41, 64, 1.0);
  }

  .tab-content [role="tablist"] a.active:after {
    content: "";
    height: 4px;
    background-color: var(--athensgrayLighter);
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    right: 0;
  }

  .tab-content [role="tablist"] a:before {
    content: "";
    height: .125rem;
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    border-radius: 0.25rem;
    z-index: 2;
    transform: translateX(-50%);
    transform-origin: center;
    width: 0%;
    transition-duration: .5s;
  }

  .tab-content [role="tablist"] a.active:before {
    background-color: var(--jaffa);
    width: 30%;
  }

  .tab-content [role="tablist"] a.active:hover:before {
    background-color: var(--jaffa);
    width: 33.333%;
  }

    .tab-content [role="tabpanel"] {
      visibility: hidden;
      display: none;
    }

    .tab-content [role="tabpanel"].active {
      visibility: visible;
      display: block;
    }

    ul.list-link-group {
      list-style:none;
      padding-left: 1em;
    }

      ul.list-link-group > li {
        color: var(--downriver);
        margin-bottom: 0.125rem;
      }

      ul.list-link-group > li.active {

      }

      ul.list-link-group > li > a {
        color: var(--downriver);
        opacity: 0.8;
        will-change: opacity;
        padding: 0.1rem 0.25rem;
        /*font-family: 'LibreFranklin', sans-serif;*/
      }

      ul.list-link-group > li.active > a {
        opacity: 1.0;
        color: var(--downriver);
        background: rgba(38, 41, 64, 0.88);
        text-decoration: none !important;
      }

      ul.list-link-group > li.active > a,
      ul.list-link-group > li > a:hover {
        opacity: 1.0;
        text-decoration: underline;
      }

      ul.list-link-group > li:before {
        content: '';
        display: inline-block;
        height: 0.75rem;
        width: 0.75rem;
        background-image: url(//andtherewas.s3.amazonaws.com/img/bullet-arrow.png);
        background-image: url(//andtherewas.s3.amazonaws.com/img/bullet-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 0.5rem;
        will-change: transform;
      }

      ul.list-link-group > li.active:before {
        transform: rotate(90deg) scale(0.9);
      }

      ul.list-link-group > li > .list-link-pane {
        overflow-x: auto;
        overflow-y: hidden;
        height: 0rem;
        width: 100%;
        padding: 0.75rem 1.5rem 0rem;
      }

      ul.list-link-group > li.active > .list-link-pane {
        height: auto;
      }

      .list-link-pane .img-circle {
        width: 3rem;
        height: 3rem;
        float: left;
        margin-right: 1rem;
        margin-top: 0.325rem;
        border-radius: 100%;
      }

      .list-link-pane .img-circle i {
        font-size: 1.5rem;
      }

      @media (min-width: 1280px) {
        .list-link-pane .img-circle {
          width: 4rem;
          height: 4rem;
        }
        .list-link-pane .img-circle i {
          font-size: 2.5rem;
        }
      }

      .list-link-pane .img-circle object {
        width: auto;
        height: 70%;
      }

      .list-link-pane .txt {
        display: flow-root;
      }



/**********************************
   All Sections
***********************************/

main > section:first-of-type {
  padding-top: 6.375rem;
  padding-bottom: 3.5rem;
}

@media (min-width: 1024px ){
    main > section:first-of-type {
      padding-top: 9.375rem;
    }
}



/**********************************
   Blockquote
***********************************/

.blockquote {

}

.blockquote,
.et_pb_row.blockquote {
  border-left: 0.5rem solid var(--fountainblueLight);
  border-right: 0.5rem solid var(--downriverLight);
  padding: 1.5rem;
}

.et_pb_row.blockquote:before,
.et_pb_row.blockquote:after {

}

.et_pb_row.blockquote:before {

}

.et_pb_row.blockquote:after {

}

.blockquote p:nth-child(1),
.et_pb_row.blockquote p:nth-child(1) {
  /*font-family: 'Libre Baskerville', serif;*/
  font-size: clamp(1.5rem, 9vw, 1.5rem);
  font-weight: 300;
  line-height:normal;
  margin: 0 auto;
  padding-bottom: 1.5rem;
  max-width: 100%;
  position: relative;
}

.blockquote p:nth-child(1):after,
.et_pb_row.blockquote p:nth-child(1):after {
  content: '';
  display: block;
  position: relative;
  margin: 1rem auto 0rem;
  width: 2rem;
  height: .25rem;
  background-color: var(--jaffa);
}


@media only screen and (min-width: 680px){
  .blockquote p:nth-child(1),
  .et_pb_row.blockquote p:nth-child(1) {
    max-width: 90%;
  }
}

@media only screen and (min-width: 1024px){
  .blockquote p:nth-child(1),
  .et_pb_row.blockquote p:nth-child(1) {
    max-width: 80%;
  }
}


@media (min-width: 1024px ) {
  .blockquote p:nth-child(1),
  .et_pb_row.blockquote p:nth-child(1) {
    font-size: clamp(1.5rem, 9vw, 2.675rem);
    padding-bottom: 1.5rem;
  }
}

.blockquote p:last-child,
.et_pb_row.blockquote p:last-child {
  font-size: .875rem;
  margin-bottom: 0;
}

@media (min-width: 1024px ) {
  .blockquote p:last-child,
  .et_pb_row.blockquote p:last-child {
    font-size: 1rem;
  }
}

/**********************************
   Buttons
***********************************/

.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
.btn-solid,
.btn-outlined,
.btn-text-link {
  /*font-family: 'Libre Franklin', sans-serif !important;*/
  font-weight: 500 !important;
  text-align: center !important;
  display: inline-flex !important;
  width: max-content;
  align-items: center;
  position: relative;
}

.btn-solid.text-center,
.btn-outlined.text-center,
.btn-text-link.text-center {
  justify-content: center;
}

.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
.et-fixed-header #top-menu li.btn-book-a-call a,
.btn-solid,
.btn-outlined {
  background: var(--jaffa);
  border: 2px solid transparent;
  border-radius: 4rem !important;
  text-decoration: none !important;
  margin: 0.25rem 0 !important;
  padding: 0.5rem 1rem !important;
}

.btn-text-link {
  padding: 0.5rem 0 !important;
  animation: scaleOut 0.16s;
  border-radius: 1.5rem;
  border: 2px dotted transparent;
}

.gform_wrapper button {
  animation: scaleOut 0.16s;
  border-radius: 1.5rem;
  border: 2px dotted transparent;
}

.gform_wrapper button:hover,
.btn-text-link:hover {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

.btn-text-link.active,
.btn-text-link.active:hover {
background: var(--fountainblue-10);
/* filter: drop-shadow(0rem 0rem .125rem var(--fountainblue)); */
border: 2px dotted var(--fountainblueDark);
padding: 0.5rem 0.675rem !important;
margin-left: -0.5rem;
}

.btn-text-link .label {
color: var(--jaffa);
text-decoration: underline !important;
}

.btn-text-link:hover .label {
color: var(--jaffaDarker);
text-decoration: none !important;
}

.btn-text-link.active .label,
.btn-text-link.active:hover .label {
color: var(--downriver);
text-decoration: none !important;
}

.btn-solid i,
.btn-outlined i,
.btn-text-link i {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  line-height: 0;
}

.btn-text-link i {
  color: var(--downriver);
}

.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
.et-fixed-header #top-menu li.btn-book-a-call a,
.btn-solid {
  font-size: 1.25rem !important;
  color: var(--white) !important;
  animation: scaleOut 0.16s;
  box-shadow: 0 0.325rem 0.5rem var(--fountainblue-30);
}

.gform_wrapper button:hover,
.et-fixed-header #top-menu li.btn-book-a-call a:hover,
body .et_pb_bg_layout_light.et_pb_button.btn-solid:hover,
body .et_pb_bg_layout_light .et_pb_button.btn-solid:hover,
body .et_pb_button.btn-solid:hover,
.btn-solid:hover {
    color: var(--white) !important;
    animation: scaleIn 0.16s;
    transform-origin: center;
    animation-fill-mode: forwards;
    background: var(--jaffaDark) !important;
    box-shadow: 0 0.125rem 0.125rem var(--fountainblue-80);
}

.gform_wrapper button,
.gform_wrapper input[type=button],
.btn-outlined {
  font-size: 1rem;
  color: var(--downriver) !important;
  animation: scaleOut 0.16s;
  background: var(--white) !important;
  border-color: var(--jaffa) !important;
  border-width: 0.125rem !important;
}

.gform_wrapper button {
margin-top: 0.75rem !important;
}

body .et_pb_bg_layout_light.et_pb_button.btn-outlined:hover,
body .et_pb_bg_layout_light .et_pb_button.btn-outlined:hover,
body .et_pb_button.btn-outlined:hover,
.btn-outlined:hover {
  color: var(--downriver) !important;
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
  background: var(--fountainblue-20);
  border-color: var(--jaffa) !important;
}





.gform_wrapper.gravity-theme .gf_progressbar_percentage {
  background-color: var(--fountainblue-80) !important;
  margin-bottom: 1rem;
}



@media (min-width: 640px) {

    #gform_3 .gform-theme--foundation .gfield--width-full.gfield--input-type-list {
      grid-column: span 11 !important;
    }

    #gform_3 .gform-theme--foundation .gfield--width-full.gfield--input-type-list {
      padding-right: 1.5rem !important;
    }


    .gfield_list_groups {

    }

    .gfield_list_groups .gfield_list_group_item:nth-child(3) input[type="text"] {
      width: 86%;
    }

    .gform-theme--foundation .gfield_list_icons {
      left: -0.5rem !important;
      position: relative;
    }


    .gform-theme--foundation .gfield_list_group {
      white-space: nowrap !important;
      /*
        display: grid !important;
        grid-template-columns: auto auto 6rem !important;
        width: 100%;
      */
      justify-content: normal;
      /* gap: 1rem; */
      align-items: center;
    }

    .gform-theme--foundation .gfield_header_item--icons,
    .gform-theme--foundation .gfield_list_icons {
      flex-wrap: nowrap !important;
      padding: 0 !important;
      margin: 0 !important;
      gap: 0.5rem;
      left: -1rem !important;
      position: relative;
    }

    .gfield--type-total {
      padding: 0 !important;
    }
}


.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list,.gfield--input-type-list) button.add_list_item,
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list,.gfield--input-type-list) button.delete_list_item {
  display: flex !important;
  height: 2.375rem !important;
  width: 2.375rem !important;
  margin: 0 !important;
}


.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list,.gfield--input-type-list) button.add_list_item::before,
.gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list,.gfield--input-type-list) button.delete_list_item::before {
  font-size: 2rem;
  color: currentColor;
}

.gform-theme--framework.gform-theme.gform_wrapper .gfield--type-product {

}

.gform-theme--framework.gform-theme.gform_wrapper .gfield--type-product {

}

.gform-theme--framework.gform-theme.gform_wrapper .gfield--type-product {

}


.et_pb_toggle_close .et_pb_toggle_title,
.et_pb_toggle_close h5.et_pb_toggle_title {
  margin-bottom: 0 !important;
  color: var(--downriverLight) !important
}

@media screen and (max-width: 980px) {
    .dipl_modal .dipl_modal_inner_wrap {
        width: 90% !important;
    }
}

.dipl_modal_header_title {
  font-size: 1.75rem !important;
  color: var(--downriverLightest) !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

.dipl_modal_inner_wrap {
    border-radius: 2rem;
}


ul.review-your-order {
  margin: 0 !important;
  padding: 1rem;
  background: cornsilk;
  list-style: none;
  list-style-position: revert;
  display: grid;
  row-gap: 0;
  border-radius: 1rem;
  border: 1px solid moccasin;
}

ul.review-your-order li:nth-child(1) {
  background: moccasin;
}

ul.review-your-order li {
  border-bottom: 1px solid darkgoldenrod;
  padding: 1rem;
  font-weight: 500;
}

ul.review-your-order li:last-child(1) {
  border-bottom: none;
}


.gf_progressbar_wrapper {
    row-gap: 0.5rem !important;
    display: grid;
}

.gfield--type-total {
padding: 1rem;
}

.gfield--type-total .gform-field-label {

}

.gfield--type-total input[type].ginput_total {
    font-size: 2rem;
}

.gform-theme--foundation .gform_fields {
  row-gap: 1.5rem !important;
}




/*************************************
   HOME PAGE TIDY UP for MOBILE
**************************************/
.et_pb_section {
  overflow: hidden;
}

.et_pb_section:has(.dropdown.show) {
  z-index: 5 !important;
  overflow-y: visible;
}


/** Fix the Z-index of the Bootstrap dropdown buttons when visibile **/
.et_pb_column:has(.dropdown.show) {
  z-index: 5 !important;
}



/*************************************
   FORMS
**************************************/

@media (min-width: 980px) {
  #connect .et_pb_module_heading,
  #connect .h1-largest {
  font-size: 5vw;
  }
}


#connect p {
font-size: 1.25rem;
}

#connect p:last-child {
font-size: .875rem;
color: var(--white);
}

#connect .et_pb_text_inner,
#connect p:last-child a {
font-weight: 600;
color: var(--white);
}

#connect a {
font-weight: 600;
color: var(--jaffa);
}

#connect input[type=text],
#connect input[type=checkbox],
#connect input[type=number],
#connect input[type=email],
#connect input[type=phone],
#connect textarea,
#connect select {
  background-color: var(--downriverDark) !important;
  color: var(--white-80);
  border: 1px solid var(--white-40);
}

#connect input[type="checkbox"] {
  accent-color: var(--white-80) !important;
}


#connect .gform-theme--framework .gform-field-label--type-inline,
#connect .gfield_label {
  color: var(--white-80);
}

#connect .gfield_description,
#connect .gform-field-label--type-sub {
  color: #88C4DD !important;
}

#connect textarea {
  resize: none;
}

footer {
  font-size: 0.875rem;
  /*font-family: "LibreFranklin", sans-serif;*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  text-align: center;
  background-color: var(--downriverDark);
  position: relative;
  z-index: 2;
}

footer .bottom-nav {
  text-align: center;
}

.bottom-nav a {
  font-size: 1rem;
  color: var(--white);
}

.bottom-nav a:hover {
  color: var(--jaffa);
}

footer #footer-bottom {
  padding: .75rem 0;
  display: flex;
  justify-content: space-around;
}


footer #footer-bottom .container {
  position: relative;
  width: 100%;
  display: grid;

  align-items: center;
  gap: .5rem;
}

@media (min-width: 768px) {
  footer #footer-bottom .container {
    grid-template-columns: 50% 50%;
  }
}

footer #footer-bottom .container:before,
footer #footer-bottom .container:after {
    content: "";
    display: none;
}

#footer-info,
#footer-info a {
padding: 0;
float: none;
}

footer .footer-copyright {
font-size: .5rem;
color: var(--downriverLighter);
text-align: center;
}

footer #footer-info {
text-align: right;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  footer #footer-info,
  footer .footer-copyright {
    text-align: center;
  }
}

footer .footer-social {
  text-align: left;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  footer .footer-social {
    text-align: center;
  }
}

footer .footer-social a {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    border-radius: 100%;
    background: var(--downriver);
    animation: scaleOut 0.16s;
    text-decoration: none;
}

footer .footer-social a:hover {
    animation: scaleIn 0.16s;
    transform-origin: center;
    animation-fill-mode: forwards;
    background: var(--jaffaDark);
}

footer .footer-social i {
    font-size: 1rem;
    color: var(--white);
}



footer .bottom-nav {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  footer .bottom-nav {
    flex-direction: row;
  }
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  footer .bottom-nav li {
  padding: .5rem 0rem;
  }
}


/**********************************
  Forms
***********************************/

input[type=radio],
input[type=checkbox] {
  accent-color: var(--fountainblue);
  height: .75rem;
  width: .75rem;
}




#btn-admin,
.btn-circle {
  /*font-family: 'Libre Franklin', sans-serif;*/
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  color: var(--white);
  height: 4.75rem;
  width: 4.75rem;
  background: var(--jaffa);
  border-radius: 100%;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  z-index: 99;
  box-shadow: 0px 0px 20px rgba(24, 205, 202, 0);
  border: 3px solid var(--athensgray);
  user-select: none;
  outline: none;
  animation: scaleOut 0.16s;
}



#btn-admin:hover,
.btn-circle:hover {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
  background: var(--jaffaDark);
}

#btn-admin {
  right: initial;
  left: 2.5rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
  opacity: 0.4;
  will-change: opacity;
}

#btn-admin:hover {
  opacity: 1.0;
}



@keyframes scaleIn {
from {
  transform: scale(1);
}
to {
  transform: scale(0.96);
}
}

@keyframes scaleOut {
from {
  transform: scale(0.96);
}
to {
  transform: scale(1);
}
}






.btn-info {
  border-radius: 100% !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  line-height: 0 !important;
  font-size: 0.6rem !important;
  padding: 0rem !important;
  margin-left: 0.5rem !important;
  background-color: var(--downriver) !important;
  border-color: var(--downriverDarker) !important;
}

.btn-info:hover {
  background-color: var(--downriverDarker) !important;
  border-color: var(--downriverDarker) !important;
}






/**********************************
  Device Orientation Buffer
***********************************/
#device-orientation-buffer {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0,0,0,0.64);
  transform: translateY(0%);
  color: var(--white) !important;
  cursor: pointer;
  position: fixed;
  opacity: 0.0;
  visibility: hidden;
  z-index: -1;
}

#device-orientation-buffer {
  opacity: 0.0;
  visibility: hidden;
  z-index: -1;
  top: 0%;
  left: 0%;
}

/* (max-width: 896px)  */
@media only screen and (max-width: 960px) and (orientation: landscape) and (min-aspect-ratio: 13/9) {

  #device-orientation-buffer {
    opacity: 1.0;
    visibility: visible;
    z-index: 99;
    padding: 2%;
  }

  #device-orientation-buffer .section-content {
    background: var(--jaffa);
    box-shadow: 0px 10px 320px var(--jaffa-80) !important;
    overflow: hidden;
    cursor: default;
    flex-direction: row;
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-radius: .5rem;
  }

  #device-orientation-buffer .section-content .grid-1,
  #device-orientation-buffer .section-content .grid-2 {
    justify-content: center;
    align-items: center;
    width: 60%;
  }

  #device-orientation-buffer .section-content .grid-1 {
    width: 36%;
  }

  #device-orientation-buffer .img-square {
    display: inline-flex;
    width: auto;
    place-self: center;
    border: none;
    overflow: visible;
    font-size: 30vh;
    color: var(--white) !important;
    background-color: transparent !important;
  }

  #device-orientation-buffer .img-square i {
    color: var(--white) !important;
  }

  #device-orientation-buffer h2 {
    font-size: 8vw;
    color: var(--white) !important;
  }

  #device-orientation-buffer p {
    color: var(--white) !important;
    font-weight: 500;
    font-size: 2.5vw;
    line-height: 4vw;
    letter-spacing: 0.125rem;
  }
}




/*----------------------------------------------------------------
>>> ALERT COMPONENTS:
----------------------------------------------------------------*/

.gfield_html {
position: relative;
}

.gfield_html::before:not(.info, .warning, .success) {
  content: "" !important;
}

.gfield_html.info,
.gfield_html.success,
.gfield_html.info,
.gfield_html.warning,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.login #login_error,
.login .message,
.login .success,
[role='alert'].error,
[role='alert'].warning,
[role='alert'].info,
[role='alert'].success,
[role='message'].error,
[role='message'].warning,
[role='message'].info,
[role='message'].success {
    padding: .75rem 2rem .75rem 2.75rem;
    margin: 0 0 .75rem;
    position: relative;
    background-color: transparent;
    color: var(--white);
    border: 2px solid transparent;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    border-radius: 0.25rem;
    box-shadow: 0 2px 1px 0 var(--denim-30);
    align-items: flex-start;
    display: flex;
    align-items: center;
}

 .login #login_error,
 .login .message {
     display: block;
 }



[role='alert'].error,
[role='alert'].info,
[role='alert'].warning,
[role='alert'].success {
  position: fixed !important;
  z-index: 99999;
  top: -50%;
  left: 50%;
  width: min(100%, 80vw);
  transform: translateX(-50%);
}

@media only screen and (max-width: 680px){
    .gfield_html.info,
    .gfield_html.success,
    .gfield_html.info,
    .gfield_html.warning,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message,
    .login #login_error,
    .login .message,
    .login .success,
    [role='alert'].error,
    [role='alert'].info,
    [role='alert'].success,
    [role='message'].error,
    [role='message'].info,
    [role='message'].success {
        flex-direction: column;
    }
}

.gfield_html.info::before,
.gfield_html.success::before,
.gfield_html.info::before,
.gfield_html.warning::before,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.login #login_error::before,
.login .message::before,
.login .success::before,
[role='alert'].error:before,
[role='alert'].warning:before,
[role='alert'].info:before,
[role='alert'].success:before,
[role='message'].error:before,
[role='message'].warning:before,
[role='message'].info:before,
[role='message'].success:before {
    color: var(--white);
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    position: absolute;
    content: "😅";
}

@media only screen and (min-width: 680px){
    .gfield_html.info a,
    .gfield_html.success a,
    .gfield_html.info a,
    .gfield_html.warning a,
    .woocommerce-error a,
    .woocommerce-info a,
    .woocommerce-message a,
    .login #login_error a,
    .login .message a,
    .login .success a,
    [role='alert'].error a,
    [role='alert'].info a,
    [role='alert'].success a,
    [role='message'].error a,
    [role='message'].info a,
    [role='message'].success a {
        margin-left: .625rem;
        display: inline;
    }
}

.woocommerce-error,
.login #login_error,
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad,
[role='alert'].error,
[role='message'].error {
    background: var(--alertError);
    border: 2px solid var(--alertErrorLight);
}

.gfield_html.info,
.woocommerce-message,
.woocommerce-info,
.login .message,
[role='alert'].info,
[role='message'].info {
    background: var(--alertInfo);
    border: 2px solid var(--alertInfoLight);
}

.gfield_html.info {
  background: var(--fountainblueDark);
  border: 2px solid var(--fountainblueLight);
}


.gfield_html.warning,
.woocommerce-password-strength.good,
[role='alert'].warning,
[role='message'].warning {
    background: var(--alertWarning);
    border: 2px solid var(--alertWarningLight);
}

.gfield_html.success,
.woocommerce-message,
.login .success,
.woocommerce-password-strength.strong,
[role='alert'].success,
[role='message'].success {
    background: var(--alertSuccess);
    border: 2px solid var(--alertSuccessLight);
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    float: none;
    order: 2;
    margin-left: .75rem;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: var(--alertError) !important;
    background: var(--white-80);
    padding: .25rem;
    border-bottom: 4px solid var(--alertError);
}

[role='alert'] .btn-remove-alert {
display: flex;
justify-content: center;
position: absolute;
top: 0;
right: .25rem;
background: transparent;
border: none;
padding: .875rem;
color: var(--white);
}

/**********************************
   MODALS
***********************************/

/*----------------------------------------------------------------
>>> BOOSTRAP OVERRIDES
----------------------------------------------------------------*/

html.modal-open,
body.modal-open {
  overflow: hidden !important;
}

.modal-backdrop {
  z-index: 99999 !important;
}

.modal {
  z-index: 999999 !important;
}

.modal-dialog.modal-xl {
}

@media (width < 1024px) {
  .modal-dialog.modal-xl {
    max-width: 98%;
  }
}

.modal-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--downriver);
  backdrop-filter: blur(1px);
  box-shadow: 0 0.125rem 0rem var(--white-90), 0 0.25rem 0.5rem var(--white-20);
  border-bottom: 1px solid var(--fountainblue-60);
  box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--downriver-20);
}

.modal-title {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  padding-bottom: 0rem;
  align-items: center;
  font-size: 160%;
  width: 100%;
}

.modal-title .modal-title-description {
  font-size: small;
  font-weight: normal;
  width: 100%;
  padding-left: 2rem;
  color: var(--downriver-50);
}

.modal-body .gf_progressbar_wrapper {
    border-bottom: 1px solid var(--fountainblue-60);
    box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--downriver-20);
    padding: 0.5rem;
}

.gf_progressbar.gf_progressbar_blue {
    border-bottom: 1px solid var(--fountainblue-60);
    box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--downriver-20);
    margin: 1rem 0 !important;
}

.gf_progressbar_title {
  font-size: 1.25rem !important;
}



.hero,
#intro-slider,
#connect.global-footer {

}

.hero:before,
#intro-slider:before,
#connect:before {
  content: '';
  width: 100%;
  height: 100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background: linear-gradient(var(--downriver) 10.08%, var(--downriver-90) 80.68%, var(--downriver-20));
  position: absolute;
  z-index: 2;
}


body.home .et_pb_promo .et_pb_promo_description img {
  width: auto;
      height: 13rem;
      margin-bottom: 1.5rem;
}



#page-container {
  /* Keyword value
  cursor: pointer;*/
  /* Custom image with fallback keyword */
  /*cursor: url("custom.cur"), auto;*/
  /* Custom image with hotspot coordinates and fallback */
  cursor: url("https://pixelpartee.com/wp-content/themes/Divi-Child/assets/img/cursor-club-02-default_100x100.png") 16 16, default !important;
}

#page-container .et_pb_toggle_title:hover,
#page-container .et_pb_scroll_top:hover,
#page-container .dipl_modal_close:hover,
#page-container .dipl_tabs_item_title:hover,
#page-container label[for]:hover,
#page-container a:hover,
#page-container button:hover,
#page-container submit:hover,
#page-container textarea:hover,
#page-container select:hover,
#page-container input:hover,
#page-container input[type=button]:hover,
#page-container input[type=submit]:hover,
#page-container input[type=radio]:hover,
#page-container input[type=checkbox]:hover {
  /* Keyword value
  cursor: pointer;*/
  /* Custom image with fallback keyword */
  /*cursor: url("custom.cur"), auto;*/
  /* Custom image with hotspot coordinates and fallback */
  cursor: url("https://pixelpartee.com/wp-content/themes/Divi-Child/assets/img/cursor-club-02-hover_100x100.png") 16 16, pointer !important;
}

#page-container .et_pb_toggle_title:active,
#page-container .et_pb_scroll_top:active,
#page-container .dipl_modal_close:active,
#page-container .dipl_tabs_item_title:active,
#page-container label[for]:active,
#page-container a:active,
#page-container button:active,
#page-container submit:active,
#page-container textarea:active,
#page-container select:active,
#page-container input:active,
#page-container input[type=button]:active,
#page-container input[type=submit]:active,
#page-container input[type=radio]:active,
#page-container input[type=checkbox]:active {
  /* Keyword value
  cursor: pointer;*/
  /* Custom image with fallback keyword */
  /*cursor: url("custom.cur"), auto;*/
  /* Custom image with hotspot coordinates and fallback */
  cursor: url("https://pixelpartee.com/wp-content/themes/Divi-Child/assets/img/cursor-club-02-active_100x100.png") 16 16, pointer !important;
}