@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Besley:ital,wght@0,400..900;1,400..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orelega+One&family=Outfit:wght@100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Solway:wght@300;400;500;700;800&family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&family=Ultra&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Varela+Round&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.ultra-regular {
  font-family: "Ultra", serif;
  font-weight: 400;
  font-style: normal;
}

.orelega-one-regular {
  font-family: "Orelega One", serif;
  font-weight: 400;
  font-style: normal;
}


.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.space-grotesk-<uniquifier> {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.work-sans-<uniquifier> {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.urbanist-<uniquifier> {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


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

:root {

  --tealblue:        hsla(202, 88%, 22%, 1);
  --tealblue-5:     hsla(202, 88%, 22%, .05);
  --tealblue-10:     hsla(202, 88%, 22%, .1);
  --tealblue-20:     hsla(202, 88%, 22%, .2);
  --tealblue-30:     hsla(202, 88%, 22%, .3);
  --tealblue-40:     hsla(202, 88%, 22%, .4);
  --tealblue-50:     hsla(202, 88%, 22%, .5);
  --tealblue-60:     hsla(202, 88%, 22%, .6);
  --tealblue-70:     hsla(202, 88%, 22%, .7);
  --tealblue-80:     hsla(202, 88%, 22%, .8);
  --tealblue-90:     hsla(202, 88%, 22%, .9);
  --tealblueLight:   hsla(202, 88%, 32%, 1);
  --tealblueLighter: hsla(202, 88%, 22%, 1);
  --tealblueLightest: hsla(202, 88%, 92%, 1);
  --tealblueDark:    hsla(202, 88%, 18%, 1);
  --tealblueDarker:  hsla(202, 88%, 13%, 1);
  --tealblueDarkest:  hsla(202, 88%, 11%, 1);

  --bondiblue:        hsla(188, 97%, 36%, 1);
  --bondiblue-5:     hsla(188, 97%, 36%, .05);
  --bondiblue-10:     hsla(188, 97%, 36%, .1);
  --bondiblue-20:     hsla(188, 97%, 36%, .2);
  --bondiblue-30:     hsla(188, 97%, 36%, .3);
  --bondiblue-40:     hsla(188, 97%, 36%, .4);
  --bondiblue-50:     hsla(188, 97%, 36%, .5);
  --bondiblue-60:     hsla(188, 97%, 36%, .6);
  --bondiblue-70:     hsla(188, 97%, 36%, .7);
  --bondiblue-80:     hsla(188, 97%, 36%, .8);
  --bondiblue-90:     hsla(188, 97%, 36%, .9);
  --bondiblueLight:   hsla(188, 97%, 56%, 1);
  --bondiblueLighter: hsla(188, 97%, 76%, 1);
  --bondiblueLightest: hsla(188, 97%, 90%, 1);
  --bondiblueDark:    hsla(188, 97%, 31%, 1);
  --bondiblueDarker:  hsla(188, 97%, 27%, 1);
  --bondiblueDarkest:  hsla(188, 97%, 17%, 1);

  /* Only used for action borders */
  --allports:        hsla(195, 96%, 31%, 1);
  --allports-5:     hsla(195, 96%, 31%, .05);
  --allports-10:     hsla(195, 96%, 31%, .1);
  --allports-20:     hsla(195, 96%, 31%, .2);
  --allports-30:     hsla(195, 96%, 31%, .3);
  --allports-40:     hsla(195, 96%, 31%, .4);
  --allports-50:     hsla(195, 96%, 31%, .5);
  --allports-60:     hsla(195, 96%, 31%, .6);
  --allports-70:     hsla(195, 96%, 31%, .7);
  --allports-80:     hsla(195, 96%, 31%, .8);
  --allports-90:     hsla(195, 96%, 31%, .9);
  --allportsLight:   hsla(195, 96%, 41%, 1);
  --allportsLighter: hsla(195, 96%, 51%, 1);
  --allportsLightest: hsla(195, 96%, 91%, 1);
  --allportsDark:    hsla(195, 96%, 26%, 1);
  --allportsDarker:  hsla(195, 96%, 21%, 1);
  --allportsDarkest:  hsla(195, 96%, 16%, 1);

  --limeade:        hsla(101, 93%, 30%, 1);
  --limeade-5:     hsla(101, 93%, 30%, .05);
  --limeade-10:     hsla(101, 93%, 30%, .1);
  --limeade-20:     hsla(101, 93%, 30%, .2);
  --limeade-30:     hsla(101, 93%, 30%, .3);
  --limeade-40:     hsla(101, 93%, 30%, .4);
  --limeade-50:     hsla(101, 93%, 30%, .5);
  --limeade-60:     hsla(101, 93%, 30%, .6);
  --limeade-70:     hsla(101, 93%, 30%, .7);
  --limeade-80:     hsla(101, 93%, 30%, .8);
  --limeade-90:     hsla(101, 93%, 30%, .9);
  --limeadeLight:   hsla(101, 93%, 34%, 1);
  --limeadeLighter: hsla(101, 93%, 60%, 1);
  --limeadeLighter-5: hsla(101, 93%, 60%, .05);
  --limeadeLighter-10: hsla(101, 93%, 60%, .1);
  --limeadeLighter-20: hsla(101, 93%, 60%, .2);
  --limeadeLighter-30: hsla(101, 93%, 60%, .3);
  --limeadeLighter-40: hsla(101, 93%, 60%, .4);
  --limeadeLighter-50: hsla(101, 93%, 60%, .5);
  --limeadeLighter-60: hsla(101, 93%, 60%, .6);
  --limeadeLighter-70: hsla(101, 93%, 60%, .7);
  --limeadeLighter-80: hsla(101, 93%, 60%, .8);
  --limeadeLighter-90: hsla(101, 93%, 60%, .9);

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

  --limeadeDark:    hsla(101, 93%, 26%, 1);
  --limeadeDarker:  hsla(101, 93%, 22%, 1);
  --limeadeDarkest:  hsla(101, 93%, 13%, 1);

  --outerspace:        hsla(201, 12%, 23%, 1);
  --outerspace-5:     hsla(201, 12%, 23%, .05);
  --outerspace-10:     hsla(201, 12%, 23%, .1);
  --outerspace-20:     hsla(201, 12%, 23%, .2);
  --outerspace-30:     hsla(201, 12%, 23%, .3);
  --outerspace-40:     hsla(201, 12%, 23%, .4);
  --outerspace-50:     hsla(201, 12%, 23%, .5);
  --outerspace-60:     hsla(201, 12%, 23%, .6);
  --outerspace-70:     hsla(201, 12%, 23%, .7);
  --outerspace-80:     hsla(201, 12%, 23%, .8);
  --outerspace-90:     hsla(201, 12%, 23%, .9);
  --outerspaceLight:   hsla(201, 12%, 33%, 1);
  --outerspaceLighter: hsla(201, 12%, 53%, 1);
  --outerspaceLightest: hsla(201, 12%, 93%, 1);
  --outerspaceDark:    hsla(201, 12%, 17%, 1);
  --outerspaceDarker:  hsla(201, 12%, 12%, 1);
  --outerspaceDarkest:  hsla(201, 12%, 8%, 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-starship {
background-color: var(--limeade) !important;
}

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

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

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

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

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

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

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

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

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

.text-color-putty-30 {
color: var(--bondiblue-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-white {
color: var(--white) !important;
}

.bg-felt {
  /*background-color: #58231d;
  background-image: url(/wp-content/uploads/2026/09/bg-felt-800w-brick.jpg);
  background-size: 25%;
  background-repeat: repeat;
  background-attachment: fixed;*/
}

.bg-dots {
  background-color: var(--athensgrayLighter);
  background-image: radial-gradient(var(--bondiblue-80) 0.5px, transparent 0.5px), radial-gradient(var(--limeade-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) {
  .et_pb_more_button:not(:active):focus:before,
  [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(--allports-30), 0 0 30px -1px var(--allports-50);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
  }

  .et_pb_more_button:focus:before,
  .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(--limeadeLightest-60);
}

::selection {
  background: var(--limeadeLightest-60);
}

/*******************/
/**   Highlight   **/
/*******************/

mark {
  background-color: var(--limeadeLightest-20) !important;
  color: var(--limeadeDark) !important;
  font-weight: 700;
  padding: 0.5rem !important;
  display: inline-flex;
  border-radius: .25rem 0rem;
}


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

html,
body {
  /* overflow-x:hidden;This makes the position 'sticky' not work */
  /* background-color: var(--limeade) !important; */
}

@media (min-width: 320px ),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  html,
  body {
    font-size: 14px;
    /*color: var(--limeade);*/
    /* background: var(--limeade); */
    /*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-device-width: 1680px ){
  html,
  body {
    font-size: 17px !important;
  }
}

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

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

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

ul.wp-block-latest-posts li a,
ul.wp-block-latest-posts li a:visited,
#main-content a:not([class]),
#main-content a:not([class]):visited {
  color: var(--allportsLight) !important;
  font-weight: 600;
  position: relative;
}

ul.wp-block-latest-posts li a:hover,
ul.wp-block-latest-posts li a:visited:hover,
#main-content a:not([class]):hover,
#main-content a:not([class]):visited:hover {
  color: var(--allportsLighter) !important;
}




h1, h2, h3,
h1 *, h2 *, h3 * {

  font-family: "Ultra", serif;
  font-family: "Orelega One", serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-family: "Playfair", serif;
  font-family: "Besley", serif;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600 !important;
  color: var(--allports);
}

h4, h5, h6 {
  font-family: "Orelega One", serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 300;
  color: var(--allportsDark);
}

@media (min-width: 981px) {
  body.single-post .entry-title {
    margin: 2rem 0rem 1rem;
  }

  body.single-post #left-area .post-meta {
    font-size: .875rem;
    padding-bottom: 1.5rem;
  }

  body.single-post .et_post_meta_wrapper {

  }

  body.single-post .et_post_meta_wrapper img {

  }

  .wp-block-columns,
  figure.wp-block-table {
    margin: 0 0 2rem;
  }

  .entry-content figure.wp-block-table tr td {
    border-top: 1px solid var(--black);
    padding: .75rem 1.25rem;
  }

  #comment-wrap {
    display: none;
  }

}

body.single-post .entry-title,
.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, 5.75vw, 4.25rem) !important;
  line-height: 1.125 !important;
  letter-spacing: 1px;
  word-spacing: .75rem;
}

.heading-responsive-lg h1 .line-1,
.heading-responsive-lg h2 .line-1,
.heading-responsive-lg h3 .line-1,
.heading-responsive-lg h4 .line-1,
.heading-responsive-lg h5 .line-1,
.heading-responsive-lg h6 .line-1 {
  font-size: clamp(2rem, 5.75vw, 5.75rem) !important;
  color: var(--allportsLight) !important;
  display: flex;
}


.heading-responsive-lg h1 .line-2,
.heading-responsive-lg h2 .line-2,
.heading-responsive-lg h3 .line-2,
.heading-responsive-lg h4 .line-2,
.heading-responsive-lg h5 .line-2,
.heading-responsive-lg h6 .line-2 {
  font-size: clamp(1rem, 5vw, 4.75rem) !important;
  color: var(--limeade) !important;
  display: flex;
}

@media only screen and (max-width: 980px){

  .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, 10.5vw, 4rem) !important;
    line-height: normal;
  }

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

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


@media (max-width: 475px) {

  .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, 12.75vw, 4rem) !important;
    line-height: normal;
  }

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


  .heading-responsive-lg.w-90 {
    width: 100%;
  }
}

p {
  /*font-family: 'Libre Franklin', sans-serif;*/
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 1.5px;
  opacity: 1;
}

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

p a:not([class]){
	color: var(--bondiblue) !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(--limeade);*/
  -webkit-overflow-scrolling: touch;


  font-family: "Work Sans", sans-serif;
  font-family: "Urbanist", sans-serif;
  font-family: "Inter", sans-serif;

  color: var(--tealblueDark);
}

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;
}

#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:focus,
.logo_container a:hover {
  opacity: 0.9;
  transform: scale(0.98);
  transform-origin: center center;
}

.logo_container a:focus {
  box-shadow: 0 0 0px 3px var(--bondiblue-30), 0 0 30px -1px var(--bondiblue-50);
}


.et_header_style_left .logo_container {
    position: absolute;
    max-height: 100%;
    max-width: 12rem;
		width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    transform: scale(1.5);
    transform-origin: top left;
}

#main-header.et-fixed-header .logo_container {
    transform: scale(1) !important;
    transform-origin: top left !important;
}

@media (max-width: 440px){
  .logo_container,
  #main-header.et-fixed-header .logo_container,
  html[lang*=en] .et_header_style_left .logo_container,
  html[lang*=es] .et_header_style_left .logo_container {
      transform: scale(1) !important;
      transform-origin: top left !important;
      max-width: 21rem;
  }

  .et_header_style_left #logo {
    max-width: 100% !important;
    max-height: 74% !important;
  }

}


@media (min-width: 981px){
	.et_header_style_left .logo_container,
  html[lang*=en] .et_header_style_left .logo_container {
    max-width: 21rem;
  }

  html[lang*=es] .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.5rem;
}

#top-menu li,
html[lang=en] #top-menu li {
  padding-right: .75rem;
}

#top-menu li.btn-join-the-build {
  padding-right: .75rem;
}


/*
html[lang=es] #top-menu li {
  font-size: 0.75rem;
  padding-right: 1.25rem;
}

html[lang=es] #logo {
  max-height: 74%;
}*/

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

#top-menu > li:first-child > a[aria-current="page"] {

}

#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: 0.875rem;
  }
  .et-fixed-header #top-menu li a {
    font-size: 0.875rem;
  }
}

#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(--white);
  color: var(--tealblue) !important;
  font-size: 0.875rem;
  border-radius: 1.25rem;
}

.et_mobile_menu li a[aria-current="page"],
.et_mobile_menu li a[aria-current="page"]:hover {
  font-size: 1.25rem;
}

#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(--tealblueLighter);
  color: var(--white) !important;
  opacity: 1 !important;
}

.et_mobile_menu ul.sub-menu li > a {
  font-size: 1.125rem !important;
}


a.single-language,
.et-fixed-header #top-menu li.btn-join-the-build > a,
.btn-join-the-build > a,
.et-fixed-header #top-menu li.btn-request-assessment > a,
.btn-request-assessment > a {
  /*top: -1.125rem;*/
  top: 0rem;
  padding: 0.75rem 1rem !important;
  opacity: 1 !important;
}

.et_mobile_menu li.btn-join-the-build > a,
.et_mobile_menu li.btn-request-assessment > a {
  background-color: var(--tealblue) !important;
  color: var(--white) !important;
  text-decoration: none;
}


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

.mobile_menu_bar {
  /* min-height: 4rem; */
  /* min-width: 3rem; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding: 8px 0;
}

.mobile_menu_bar button {
  /* padding: 0.5rem 1rem; */
  border: 1px solid var(--limeade-10);
  border-radius: 4rem;
  display: flex;
  height: 4rem;
  width: 4rem;
  justify-content: center;
  align-items: center;
  font-size: .925rem;
  font-weight: 600;
  background: transparent;
  color: var(--white);
  overflow: hidden;
  white-space: nowrap;
}

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

.menu-toggle-icon {
  width: 1.75rem;
  height: 1.5rem;
  /*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: .25rem;
  width: 100%;
  background: var(--allports);
  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;
  background: var(--white);
}


.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);
}

/*
body[data-state="showMobileMenu"] .mobile_menu_bar button {

}

@media (min-width: 1025px ){
    .mobile_menu_bar button {
        display: none !important;
    }
}
*/


.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-70);
}


@media (min-width: 980px) {

  body.home:has(#about.is-in-viewport) #top-menu > li.menu-item-14 > a,
  body.home:has(#core-wings.is-in-viewport) #top-menu > li.menu-item-15 > a,
  body.home:has(#impact.is-in-viewport) #top-menu > li.menu-item-16 > a,
  body.home:has(#blog.is-in-viewport) #top-menu > li.menu-item-17 > a,
  body.home:has(#join-the-build.is-in-viewport) #top-menu > li.menu-item-26 > a,

  body.home:has(#about.is-in-viewport) #mobile_menu > li.menu-item-14 > a,
  body.home:has(#core-wings.is-in-viewport) #mobile_menu > li.menu-item-15 > a,
  body.home:has(#impact.is-in-viewport) #mobile_menu > li.menu-item-16 > a,
  body.home:has(#blog.is-in-viewport) #mobile_menu > li.menu-item-17 > a,
  body.home:has(#join-the-build.is-in-viewport) #mobile_menu > li.menu-item-26 > a {
    color: var(--outerspace) !important;
    text-decoration: none;
    text-underline-offset: .25rem;
    -webkit-text-underline-offset: .25rem;
  }

  body.home:has(#join-the-build.is-in-viewport) #main-header.et-fixed-header #top-menu > li.menu-item-26 > a:hover {
    color: var(--white) !important;
  }

  body.home:has(#core-wings.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#impact.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#blog.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a,
  body.home:has(#join-the-build.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a {
    color: var(--white-70) !important;
  }

  body.home:has(#core-wings:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#impact:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#blog:not(.is-in-viewport)) #top-menu > li.menu-item-33 > a,
  body.home:has(#join-the-build:not(.is-in-viewport))) #top-menu > li.menu-item-33 > a {
    color: var(--outerspace) !important;
  }


  body.archive #top-menu > li.current-menu-ancestor > a:before,
  body.archive #top-menu > li.menu-item-17 > a:before,
  body.single-post #top-menu > li.menu-item-17 > a:before,
  body.home:has(#about.is-in-viewport) #top-menu > li.current-menu-item.menu-item-14 > a:before,
  body.home:not(:has(#core-wings.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:before,
  body.home:not(:has(#impact.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:before,
  body.home:not(:has(#blog.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:before,
  body.home:not(:has(#join-the-build.is-in-viewport)) #top-menu > li.current-menu-item.menu-item-33 > a:before,
  body.home:has(#core-wings.is-in-viewport) #top-menu > li.menu-item-15 > a:before,
  body.home:has(#impact.is-in-viewport) #top-menu > li.menu-item-16 > a:before,
  body.home:has(#blog.is-in-viewport) #top-menu > li.menu-item-17 > a:before,
  body.home:has(#join-the-build.is-in-viewport) #top-menu > li.menu-item-26 > a:before {
    content: '…';
    font-size: 1.5rem;
    line-height: 0;
    text-align: center;
    justify-content: center;
    color: var(--limeadeLight);
    display: flex;
    width: calc(100% - 1.125rem);
    height: 0.25rem;
    background-color: var(--limeadeLighter);
    background-color: transparent;
    /*background-image: url(https://pixelpartee.com/wp-content/themes/Divi-Child/assets/img/nav-ball-300x300.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 0 4.75rem 4.75rem;
    margin: 0.25rem auto 0;
    position: absolute;
    bottom: 0.625rem;
    left: 50%;
    transform: translateX(-50%);
    /*animation: bouncingNavItem .6s infinite;*/
  }


  body.home:has(#core-wings.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#impact.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#blog.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after,
  body.home:has(#join-the-build.is-in-viewport) #top-menu > li.current-menu-item.menu-item-33 > a:after {
      display: none;
  }

  @keyframes bouncingNavItem {
    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) */
    }
  }

}


/**********************************
   AUDIO PLAYER
***********************************/

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
  background-color: var(--tealblueLight) !important;
  border-radius: .5rem;
}

.mejs-currenttime,
.mejs-duration {
  color: var(--white);
}

.wp-playlist-light .wp-playlist-playing {
  background-color: var(--limeadeLightest) !important;
}

.wp-playlist-item {
  padding: .5rem !important;
}

.wp-playlist-item-length {
  padding-top: .625rem;
}


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

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

  body.single-post:not(.et-tb) #page-container {
    padding-top: 10rem !important;
  }

  body.single-post:not(.et-tb) #main-content .container,
  body.single-post:not(.et-tb-has-header) #main-content .container {
    padding-top: 1rem;
  }
}


#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;
}
*/

/** 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-device-width: 768px) {
  #page-container:before {
    top: 0rem;
    left: -8vw;
    background-position-y: 16vh;
  }
  #page-container:after {
    right: -8vw;
  }
}

@media (min-device-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(--black-80);
  box-shadow: none;
}

#main-header.et-fixed-header {
  background: var(--white-90) !important;
  backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
  box-shadow: 0 0.25rem 2.5rem 0.5rem var(--allports-10);
}

@media (max-width: 400px) {
  #main-header.et-fixed-header {
    background: var(--white-40) !important;
  }
}

@media (min-width: 1024px) {
  #main-header.et-fixed-header  {
    box-shadow: 0 1rem 1rem 0.5rem var(--black-10);
  }
}

.img-border {
  box-shadow: 0rem 0.125rem 0.75rem var(--bondiblue-30);
  border: 0.5rem double var(--limeade-80);
  background-color: transparent !important;
}

/** FOCUS STATES **/

header a:focus {
  color: var(--bondiblueLight) !important;
  text-decoration: underline !important;
  text-underline-offset: .25rem !important;
  -webkit-text-underline-offset: .25rem !important;
}


#top-menu li.btn-request-assessment > a:focus,
header a.single-language:focus {
  color: var(--white) !important;
  text-decoration: underline !important;
  text-underline-offset: .25rem !important;
  -webkit-text-underline-offset: .25rem !important;
}

/*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(--bondiblue-30), 0 0 30px -1px var(--bondiblue-50);
}

#top-menu li.btn-join-the-build > a:focus,
.et_pb_more_button:focus,
.btn-solid:focus,
.btn-outlined:focus {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

a.portfolio-item[aria-label]:after,
a.img-square[aria-label]:after {
    transition-duration: .5s;
    content: attr(aria-label);
    display: flex;
    position: absolute;
    background-color: var(--bondiblueDark);
    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(--bondiblueDarker);
    opacity: 0;
    transform: translateY(-10%);
}

a.portfolio-item[aria-label]:hover:after,
a.portfolio-item[aria-label]:focus:after,
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(--bondiblue-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(--limeade-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(--limeade-40);
margin-right: .325rem;
}

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

@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 > 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(--bondiblue) !important;
display: inline-block !important;
}


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

@media (min-width: 768px ),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-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(--limeade);
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(--tealblue);
}

.page-title * a i,
.page-title a i {
position: relative;
top: .2rem;
left: 0rem;
font-size: 1.125rem;
margin-right: .75rem;
color: var(--tealblue);
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(--limeade);
  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(--limeade-40);
  border-bottom: 1px solid var(--bondiblue-60);
  box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--limeade-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(--limeade) !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(--bondiblue-30);
  border: 0.5rem double var(--limeade-80);*/
}


.et_pb_slides,
.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child {
  border-radius: 4.75rem 0 4.75rem 0;
  overflow: hidden;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  padding: 16% 20%;
}


#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);
}

#speaker-jumbotron .et_pb_image:before {
  width: 104%;
  z-index: -1;
  bottom: -1rem;
}

.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-arrow-prev,
.et-pb-arrow-next {
  opacity: 1;
  color: var(--white) !important;
  background-color: var(--allportsLight);
  text-decoration: none;
  line-height: 1;
}

.et_pb_slide:hover .et-pb-arrow-prev,
.et-pb-arrow-prev {
  left: 0;
  border-radius: 0 .5rem .5rem 0;
}

.et_pb_slide:hover .et-pb-arrow-next,
.et-pb-arrow-next {
  right: 0;
  border-radius: .5rem 0 0 .5rem;
}

.et_pb_slider .et_pb_button_wrapper:has(.et_pb_more_button) {
  padding-top: 1rem;
}






@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(--limeade);
}

.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,
.review-card:after,
.row-card-lg:after,
.coaching-tile:after,
.row-card-sm:after,
.link-card:after {
content: "";
position: relative;
display: block;
float: none;
clear: both;
width: 100%;
height:0px;
}







.review-card {
display: grid;
background: var(--white);
border: 0.4rem double var(--limeadeDark);
padding: 3rem;
gap: 0.5rem;
margin: 3.75rem auto 0;
text-align: center;
width: 80%;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .review-card {
  width: 100%;
  padding: 2rem 1.5rem 3rem;
  }
}

.review-card-img {
margin: -7rem 0 1rem;
z-index: 1;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .review-card-img {
  margin: -5rem 0 0.5rem;
  }
}

.review-card-img .review-img-inner {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
height: 7rem;
width: 7rem;
margin: 0 auto;
border-radius: 100%;
border: 0.25rem solid var(--tealblue);
box-shadow: inset 0 0 0 0.25rem var(--white);
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .review-card-img .review-img-inner {
    height: 6rem;
    width: 6rem;
  }
}

.review-card-img img {
opacity: 0;
}

.review-card-heading {
width: 90%;
margin: 0 auto;
}

.review-card-heading h4 {
  margin: 0;
  padding: 0;
}

.review-card-content {
display: grid;
gap: .5rem;
}

.review-card-content-comment {
}

.review-card-content-comment p {
font-size: .875rem;
}

.review-card-content-name {
font-size: 1rem;
font-weight: 600;
direction: ltr;
}

.review-card-content-details {
font-size: 0.75rem;
line-height: 1.5rem;
}






#carouselReviewCards {
margin-bottom: 0%;
width: 80%;
margin: 0 auto;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #carouselReviewCards {
  width: 100%;
  }
}

button[class*=carousel-control-]:focus {
border: .313rem solid var(--bondiblue-40);
}

.carousel-indicators {
  left: calc(50% - 1rem) !important;
  right: initial !important;
  transform: translateX(-50%);
  margin: 0 0 1rem !important;
}

.carousel-indicators [data-bs-target] {
width: 0.438rem !important;
height: 0.438rem !important;
border-radius: 100%;
}

.carousel-indicators button {
border-radius: 7px;
width: 7px;
height: 7px;
margin-right: 10px;
opacity: .5;
background-color: var(--tealblue) !important;
}

.carousel-indicators button.active {
opacity: 1;
}


.carousel-indicators .play-pause-controls {
display: inline-flex;
}

@media (max-width: 1024px) {
  .carousel-indicators .play-pause-controls {
    display: block;
  }
}

.carousel-indicators .btn-play,
.carousel-indicators .btn-pause {
width: 2rem;
height: 2rem;
margin: 0 0 0 0.125rem;
line-height: 0;
padding: 0.5rem;
position: absolute;
top: -0.25rem;
font-size: .75rem;
animation: scaleOut 0.16s;
background: var(--white) !important;
border-color: var(--tealblue) !important;
border-radius: 2rem;
border-style: solid;
opacity: 1;
}

.carousel-indicators .btn-play i,
.carousel-indicators .btn-pause i {

}

.carousel-indicators .btn-pause {
color: var(--limeade) !important;
}

.carousel-indicators .btn-play {
background: var(--tealblue) !important;
}

.carousel-indicators .btn-play i {
color: var(--white) !important;
margin-left: 0.188rem;
}

.carousel-timer {
    background: -webkit-linear-gradient(left, var(--bondiblue) 50%, var(--athensgray)50%);
    border-radius: 100%;
    height: calc(var(--size) * 1px);
    width: calc(var(--size) * 1px);
    position: absolute;
    top: 7.5px;
    right: -3.25rem;
    -webkit-animation: time calc(var(--duration) * 1s) steps(1000, start) infinite;
      -webkit-mask: radial-gradient(transparent 50%,var(--athensgrayDark) 50%);
      mask: radial-gradient(transparent 50%,var(--athensgrayDark) 50%);
}
.carousel-timer-mask {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    -webkit-animation: mask calc(var(--duration) * 1s) steps(500, start) infinite;
    -webkit-transform-origin: 100% 50%;
}
@-webkit-keyframes time {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes mask {
    0% {
        background: var(--athensgray);
        -webkit-transform: rotate(0deg);
    }
    50% {
        background: var(--athensgray);
        -webkit-transform: rotate(-180deg);
    }
    50.01% {
        background: var(--bondiblue);
        -webkit-transform: rotate(0deg);
    }
    100% {
        background: var(--bondiblue);
        -webkit-transform: rotate(-180deg);
    }
}




button[class*=carousel-control-] {
width: 10%;
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  button[class*=carousel-control-] {
  width: 10%;
  display: none;
  }
}

button[class*=carousel-control-] i {
font-size: 3rem;
color: var(--tealblue);
text-underline-offset: 0.5rem;
}

button[class*=carousel-control-]:hover i {
text-decoration: underline;
}



.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 only screen and (max-width: 1022px) {
  .calendly-inline-widget {

  }

  .calendly-inline-widget iframe {
  height: auto !important;
  }
}

@media only screen and (max-width: 1022px) {
  .calendly-inline-widget iframe {
  aspect-ratio: 678/882;
  height: auto;
  }
}
@media only screen and (max-width: 780px) {
  .calendly-inline-widget iframe {
  aspect-ratio: 2/3.7;
  height: auto;
  }
}
@media only screen and (max-width: 413px) {
  .calendly-inline-widget iframe {aspect-ratio: 2/4;}
}*/



.coaching-tile .title {
font-size: 3rem;
line-height: normal;
}

.coaching-tile .category {
font-family: "Libre Baskerville",serif;
font-size: 1.25rem;
font-weight: 500;
color: var(--bondiblue);
text-transform: none;
}

.row-card-lg .img-square i {
font-size: 9vw;
}

.row-card-sm-col-img {
padding-left: 0rem;
padding-right: 0rem;
}

.row-card-sm-col-img .img-square {
min-height: 14vh;
}

.row-card-sm-col-content .title,
.row-card-sm-col-content .title a {
font-size: 1.5rem;
color: var(--limeade);
}

.content-tile .img-square i {
font-size: 9vw;
}

body.home-template .content-tile .img-square,
body.what-template .content-tile .img-square,
body.how-template .content-tile .img-square{
min-height: 50vh;
}

.training-table {
display: table;
border-collapse: separate;
width: 100%;
}

.training-table-row {
display: table-row;
}

.training-table-row-title {
display: table-cell;
vertical-align: middle;
padding: 1rem 2rem;
border-right: 1px solid var(--limeade-30);
border-bottom: 1px solid var(--limeade-30);
font-family: "LibreFranklin", sans-serif !important;
font-size: 4rem;
font-weight: 100;
white-space: nowrap;
text-align: right;
}

@media (max-width: 767px) {
  .training-table-row-title {
    font-size: 2rem;
  }
}

.training-table-row-content {
display: table-cell;
vertical-align: middle;
padding: 1rem 4%;
border-bottom: 1px solid var(--limeade-30);
}

.training-table-row:last-child .training-table-row-title,
.training-table-row:last-child .training-table-row-content {
border-bottom: none;
}


.core-values-grid {
display: grid;
grid-template-columns: 1fr 1fr 2fr 2fr;
grid-template-rows: 1fr 1fr;
gap: 0.5rem;
grid-template-areas:
    "community delight enlighten embrace"
    "community delight integrity embrace"
    ". . . .";
min-height: 45vh;
font-family: 'Libre Baskerville', serif !important;
}

.core-values-grid .core-values-grid-item {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Libre Franklin', sans-serif !important;
font-size: 2vw;
font-weight: 600;
padding: 2rem;
line-height: normal;
border-radius: 1rem;
}

.core-values-grid .core-values-grid-item-community {
background: var(--bondiblue-10);
grid-area: community;
}

.core-values-grid .core-values-grid-item-delight {
background: var(--limeade-10);
grid-area: delight;
}

.core-values-grid .core-values-grid-item-enlighten {
background: var(--bondiblue-10);
grid-area: enlighten;
}

.core-values-grid .core-values-grid-item-integrity {
background: var(--tealblue-10);
grid-area: integrity;
}

.core-values-grid .core-values-grid-item-embrace {
background: var(--limeade-10);
grid-area: embrace;
}

@media only screen and (max-width: 980px){
  .core-values-grid .core-values-grid-item-community {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .core-values-grid .core-values-grid-item-delight {
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .core-values-grid .core-values-grid-item-enlighten {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .core-values-grid .core-values-grid-item-integrity {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .core-values-grid .core-values-grid-item-embrace {
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 5;
  }
}


@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), not all {
  .core-values-grid .core-values-grid-item {
    font-size: 3vw;
    padding: 2rem;
  }
}


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



.link-card .link-card-title,
.link-card .link-card-title a {
font-family: "LibreFranklin", sans-serif !important;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
}





.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(--limeade-40);
  padding: 0rem 0.25rem;
  margin: 0rem 0.25rem;
  display: inline-block;
}


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

.hero {
    display: grid;
    align-items: center;
    min-height: 50vh !important;
    padding: 3rem 0 !important;
}

.callout {
background: var(--limeade);
font-size: 1rem;
color: var(--white);
display: inline-block;
padding: 0.5rem 1rem;
}


.title a {
display: inline-block;
color: var(--limeade);
position: relative;
}

.title a:after {
content:"";
height: 0.125rem;
width: 16.66%;
display: inline-block;
background-color: var(--athensgray);
position: absolute;
bottom: -.5rem;
left: 0;
border-radius: 0.25rem;
transition-duration: .25s;
}

.title a:hover:after {
width: 33.33%;
background-color: var(--tealblue);
filter: blur(0px);
}






.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;
}


/** Callouts **/

#callout-transformation-design-mentorship h2 {

}

#callout-design-career-mentorship h2 {
  width: 90%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/** Client Logos **/

.et_pb_row.row-2-to-6 img {
  /*filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);*/
  width: auto;
  max-width: 100%;
}

@media (max-width: 575px ) {
  .et_pb_row.row-2-to-6 {
    padding-bottom: 0;
  }
  .et_pb_row.row-2-to-6 .et_pb_column {
    width: 50% !important;
    margin-bottom: 2rem !important;
  }
  .et_pb_row.row-2-to-6 .et_pb_column .et_pb_image {
    text-align: center;
  }

  .et_pb_row.row-2-to-6 + .row-2-to-6 {
    padding-top: 0;
  }
}



/**********************************
   LAYOUT
***********************************/

.section-content {
  display: flex;
  width: 100%;
  min-height: 100%;
  /*padding-left: 0.625rem;
  padding-right: 0.625rem;*/
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 768px) and (max-height: 1024px) {
  .section-content {
    /*padding-left: 2.625rem;
    padding-right: 2.625rem;*/
  }
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  .section-content {
    flex-direction: row;
  }
}

@media (min-width: 1280px ){
  .section-content {
  }
}

.section-content:first-child .grid-1,
.section-content:first-child .grid-2 {
  height: 100%;
}

.section-content .grid-1,
.section-content .grid-2 {
  align-items: bottom;
  display: inline-flex;
  position: relative;
  /*width: 100%;*/
}

#who .section-content .grid-2,
#what .section-content .grid-2,
#how .section-content .grid-2 {
  height: auto;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  .section-content .grid-1,
  .section-content .grid-2 {
    /*width: 50%;*/
  }
  #who .section-content .grid-2,
  #what .section-content .grid-2,
  #how .section-content .grid-2 {
    height: 100%;
  }
}

@media (min-width: 1280px ){
  .section-content .grid-1 {
    /*width: 66.66%;*/
  }
  .section-content .grid-2 {
    /*width: 33.33%;*/
  }
}

@media (min-width: 1680px ){
  .section-content .grid-1 {
    /*width: 66.66%;*/
  }
  .section-content .grid-2 {
    /*width: 33.33%;*/
  }
}

#main-content h1,
#main-content h2 {
    /*font-size: 1.875rem;*/
    line-height: normal;
    margin: 1rem 0rem;
    font-weight: 100;
}

@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #main-content h1,
  #main-content h2 {
    /*transform: scale(0.92);
    transform-origin: left;*/
  }
}

/*
#about #main-content h1 {
}

#main-content h1 .title-child-1 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

#main-content h1 .title-child-2 {
  font-size: 3.5rem;
  margin-bottom: 1rem;
}

#main-content h1 .title-child-3 {
  font-size: 1.5rem;
}

@media (min-width: 768px ),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  #main-content h1 .title-child-1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }

  #main-content h1 .title-child-2 {
    font-size: 4.5rem;
    margin-bottom: 1.5rem;
  }

  #main-content h1 .title-child-3 {
    font-size: 2rem;
  }
}

#main-content h1 .title-accent {
  font-weight: bold;
  color: var(--bondiblue);
}

#main-content h2 sub {
font-size: 1.5rem;
font-style: italic;
letter-spacing: 0.125rem;
top: -1.66rem;
margin-left: 0.925rem;
display: inline-flex;
position: relative;
place-self: flex-end;
}

#main-content h4 {
font-size: 1.125rem;
font-style: italic;
color: var(--limeade);
line-height: normal;
white-space: nowrap;
margin: 0rem 0rem 2rem;
}

#main-content h4 a {
  display: inline-block;
  margin-right: 0.5rem;
}
*/


.content-area {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .content-area {
    /*align-self: center;
    place-self: flex-end;*/
  }
}

@media (min-width: 1280px ){
  .content-area {

  }
}

.col-img {
  background: transparent;
  width: 0%;
  display: inline-flex;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

  .col-img:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, rgba(0,0,0,0.6), rgba(0,0,0,.0));
  }



.img-circle {
  padding: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  display: none;
  /*background: var(--limeade);*/
  border-radius: 100%;
  overflow: hidden;
  border: 3px double rgba(0, 0, 0, 0.16);
  margin-bottom: 0.5rem;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1280px ){
  .img-circle {
    display: inline-flex;
  }
}

  .img-circle img {
    max-width: 100%;
    height: 100%;
    display: block;
    border: none;
  }

  .img-circle object {
    width: auto;
    height: 100%;
  }


.img-square {
    width: 100%;
    aspect-ratio: 16 / 9;
    -webkit-aspect-ratio: 16 / 9;
    background-color: var(--athensgray);
    overflow: hidden;
    margin-bottom: 0.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    color: var(--limeade) !important;
}

@media (min-width: 1280px ){
  .img-square {
  }
}

.img img,
.img-square img {
  max-width: 100%;
  height: 100%;
  display: block;
  border: none;
}


.img-square [class*=icon] {
  font-size: 18vw;
}

@media (min-width: 1024px ){
  .img-square [class*=icon] {
    font-size: 9vw;
  }
}

body.home-template .img-square-lg,
body.learn-from-me-template .img-square-lg,
body.who-template .img-square-lg {
background-color: transparent;
position: relative;
display: flex;
}

body.home-template .img-square-lg,
body.learn-from-me-template .img-square-lg {
bottom: -4rem;
margin-top: -4rem;
justify-content: flex-end;
}

body.who-template .img-square-lg {
justify-content: center;
}

    body.home-template .img-square-lg img,
    body.learn-from-me-template .img-square-lg img,
    body.who-template .img-square-lg img {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 390px;
        border-radius: 1rem;
    }

.content-area p {
  margin-top: 0rem;
  margin-bottom: 1.125rem;
}

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

body.home-template main {
}

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


/**********************************
   Brand
***********************************/

#brand {
  display: inline-block;
  text-align: center;
}

#brand-mark {
  display: inline-flex;
  width: 100%;
  max-width: 8.625rem;
  justify-content: center;
  align-items: center;
  outline: none;
}

@media (min-width: 768px ){
    #brand-mark {
        max-width: 15.625rem;
    }
}

#brand-mark img {
  height: auto;
  width: 100%;
}

#brand:hover img,
#brand:hover #brand-subtitle {
  opacity: 0.88;
  transform: scale(0.95);
  transform-origin: center center;
}

@media (min-width: 768px ),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  #brand-mark object {
    max-width: 32.313rem;
    margin-top: 0%;
  }
}


#brand-subtitle {
  font-size: .5rem;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  letter-spacing: 0.025rem;
  text-align: center;
  color: var(--limeade);
  text-shadow: 0px 0px 2px var(--white), 0px 0px 4px var(--white);
  margin-top: 0.25rem;
  white-space: nowrap;
  user-select: none;
  display: block;
}

@media (min-width: 768px ){
    #brand-subtitle {
        font-size: .75rem;
        margin-top: 0.025rem;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px ),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
    #brand-subtitle {

    }
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #brand-subtitle {

  }
}


/**********************************
   What
***********************************/

#what {

}

#what .section-content {
  flex-direction: column-reverse;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #what .section-content {
    flex-direction: row;
  }
}

#what .what-apple {
  display: none;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #what .what-apple {
      width: 77%;
      display: inline-flex;
  }
}

#what .what-apple object {
  width: 100%;
  height: auto;
}

/*
#what .col-img {
  background-image: url("https://andtherewas.s3.amazonaws.com/img/what-sketches.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 40%;
  margin: -2rem 1rem -2rem -6.6rem;
  opacity: 1;
  visibility: hidden;
  mix-blend-mode: multiply;
  display: none;
}

@media (min-width: 1280px ){
  #what .col-img {
    opacity: 1;
    visibility: visible;
    display: inherit;
  }
}
*/

#what .grid-1 {

}

@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #what .grid-1 {

  }
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #what .grid-1 {

  }
}

#what .grid-1 .content-area {

}

@media (min-width: 1280px ){
  #what .grid-1 .content-area {

  }
}

#what .grid-2 .content-area {

}

@media (min-width: 1280px ){
  #what .grid-2 .content-area {

  }
}

#what-list {
  border-width: 0px;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(90deg, rgba(38, 41, 64, 0), rgba(38, 41, 64, 0.3), rgb(38, 41, 64), rgb(38, 41, 64), rgba(38, 41, 64, 0.3), rgba(38, 41, 64, 0));
  border-image-slice: 1;
  text-align: center;
}

  .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(--limeade-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(--limeade);
  }

  .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(--tealblue);
    width: 30%;
  }

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

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

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




ul.brand-list {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}

@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  ul.brand-list {
    margin-bottom: 1.75rem;
  }
}

ul.brand-list li {
width: 20%;
height: 6rem;
justify-content: space-evenly;
display: inline-flex;
align-items: center;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    ul.brand-list li {
    width: 16.66%;
    }
}

@media (min-width: 1280px) {
    ul.brand-list li {
    width: 16.66%;
    }
}

@media (min-width: 1680px) {
    ul.brand-list li {
    width: 16.66%;
    }
}

ul.brand-list li > img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  width: auto;
  max-width: 100%;
  max-height: 2rem;
}

/*

@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #who .section-content>div:last-child li > img {
    max-width: 2.5rem;
  }
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #who .section-content>div:last-child li > img {
    max-width: 3.5rem;
  }
}

@media (min-width: 1280px) {
  #who .section-content>div:last-child li > img {
    max-width: 7.5rem;
    max-height: 2.5rem;
  }
}

@media (min-width: 1680px) {
  #who .section-content>div:last-child li > img {
    max-width: initial;
    max-height: 3.5rem;
  }
}
*/

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

footer {
  z-index: 2;
}


  @media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    @keyframes cardIn {
      from {
        transform: translate(260%, 52%) rotate(20deg);
        opacity: 0.0;
        visibility: hidden;
      }
      to {
        transform: translate(4rem, 7rem) rotate(4deg);
        opacity: 1.0;
        visibility: visible;
      }
    }
    @keyframes cardOut {
      0% {
        transform: translate(5rem, 7rem) rotate(-0deg);
        opacity: 1.0;
        visibility: visible;
      }
      100% {
        transform: translate(156%, 120%) rotate(-20deg);
        opacity: 0.0;
        visibility: hidden;
      }
    }
  }

  @media (min-width: 768px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
      @keyframes cardIn {
        from {
          transform: translate(260%, 52%) rotate(20deg);
          opacity: 0.0;
          visibility: hidden;
        }
        to {
          transform: translate(145%, 92%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
      }
      @keyframes cardOut {
        0% {
          transform: translate(145%, 92%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
        100% {
          transform: translate(156%, 120%) rotate(-20deg);
          opacity: 0.0;
          visibility: hidden;
        }
      }
  }

  @media (min-width: 1280px ){
    @keyframes cardIn {
      from {
        transform: translate(260%, 92%) rotate(20deg);
        opacity: 0.0;
        visibility: hidden;
      }
      to {
        transform: translate(145%, 92%) rotate(-8deg);
        opacity: 1.0;
        visibility: visible;
      }
    }
    @keyframes cardOut {
      0% {
        transform: translate(145%, 92%) rotate(-8deg);
        opacity: 1.0;
        visibility: visible;
      }
      100% {
        transform: translate(156%, 140%) rotate(-20deg);
        opacity: 0.0;
        visibility: hidden;
      }
    }
  }

  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
      @keyframes cardIn {
        from {
          transform: translate(260%, 52%) rotate(20deg);
          opacity: 0.0;
          visibility: hidden;
        }
        to {
          transform: translate(156%, 72%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
      }
      @keyframes cardOut {
        0% {
          transform: translate(156%, 72%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
        100% {
          transform: translate(156%, 120%) rotate(-20deg);
          opacity: 0.0;
          visibility: hidden;
        }
      }
  }

  @media (min-width: 1680px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
      @keyframes cardIn {
        from {
          transform: translate(260%, 52%) rotate(20deg);
          opacity: 0.0;
          visibility: hidden;
        }
        to {
          transform: translate(156%, 82%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
      }
      @keyframes cardOut {
        0% {
          transform: translate(156%, 82%) rotate(-8deg);
          opacity: 1.0;
          visibility: visible;
        }
        100% {
          transform: translate(156%, 120%) rotate(-20deg);
          opacity: 0.0;
          visibility: hidden;
        }
      }
  }




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

.blockquote {

}

.et_pb_row.blockquote {
  border-left: 0.5rem solid var(--bondiblueLight);
  border-right: 0.5rem solid var(--limeadeLight);
  padding: 1.5rem;
}

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

}

.et_pb_row.blockquote:before {

}

.et_pb_row.blockquote:after {

}

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

.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(--tealblue);
}


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

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


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

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

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

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

.et_pb_more_button,
a.single-language,
.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
.btn-solid,
.btn-outlined,
.btn-text-link {
  font-weight: 600 !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;
}

.et_pb_more_button,
a.single-language,
.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
#top-menu li.btn-join-the-build > a,
.et-fixed-header #top-menu li.btn-join-the-build > a,
#top-menu li.btn-request-assessment > a,
.et-fixed-header #top-menu li.btn-request-assessment > a,
.btn-solid,
.btn-outlined {
  background: var(--allports);
  border: 3px solid var(--allportsLighter) !important;
  border-radius: 1.25rem !important;
  text-decoration: none !important;
  margin: 0.25rem 0 !important;
  padding: 0.75rem 1.125rem !important;
  color: var(--white) !important;
  font-weight: 700 !important;

  background: var(--allportsLight);
  border: 3px solid var(--allportsLighter) !important;
}

#top-menu li.btn-join-the-build > a,
#top-menu li.btn-request-assessment > a {
  font-weight: 700 !important;
  border: 3px solid var(--allportsLighter) !important;
  position: relative;
}

#top-menu li.btn-join-the-build.menu-item-has-children>a:first-child,
#top-menu li.btn-request-assessment.menu-item-has-children>a:first-child {
  padding-right: 1.5rem !important;
}

#top-menu li.btn-join-the-build.menu-item-has-children>a:first-child:after,
#top-menu li.btn-request-assessment.menu-item-has-children>a:first-child:after {
  top: 50%;
  right: .5rem;
  position: absolute;
  transform: translateY(-50%);
}

#top-menu li.btn-join-the-build > ul.submenu li a:after,
#top-menu li.btn-request-assessment > ul.submenu li a:after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 100%;
  top: .5rem;
  left: .25rem;
  right: .25rem;
  border: 2px solid var(--white) !important;
}



@media (min-width: 981px) {
  .et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:hover>ul,
  .et_secondary_nav_dropdown_animation_fade #et-secondary-nav li:hover>ul {
    padding: .5rem 0;
    background: var(--allports-90);
    border-color: var(--white);
    border-radius: 1.25rem;
    backdrop-filter: blur(2px);
  }

  #top-menu li ul.sub-menu li {
    padding: 0 !important;
    display: flex;
  }
  #top-menu li ul.sub-menu li a {
    color: var(--white);
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 0.875rem;
    padding: .5rem .75rem;
    margin: 0 .25rem;
    border-radius: .75rem;
  }

  #top-menu li ul.sub-menu li:not(:last-child) a {
    margin-bottom: .75rem;
  }

  #top-menu li ul.sub-menu li:not(:last-child) a:after {
    content:'';
    position: absolute;
    display: block;
    bottom: -.425rem;
    left: .25rem;
    right: .25rem;
    border-bottom: 2px solid var(--white-20);
  }

  #top-menu li ul.sub-menu li a:focus,
  #top-menu li ul.sub-menu li a:hover {
    color: var(--bondiblueLight) !important;
    text-decoration: underline !important;
    text-underline-offset: .25rem !important;
    -webkit-text-underline-offset: .25rem !important;
  }

  #top-menu li ul.sub-menu li a:focus i,
  #top-menu li ul.sub-menu li a:hover i {
    text-decoration: none !important;
  }
}

@media (max-width: 980px) {

  .et_mobile_menu {
    padding: .5rem 0;
    background: rgba(255,255,255, 0.96);
    border-color: var(--white);
    backdrop-filter: blur(2px);
  }

  .et_mobile_menu li:not(:last-child) {
    margin-bottom: .5rem;
  }

}





.language-controls {
    display: inline-flex;
}

@media only screen and (max-width: 980px){
  .language-controls {
      display: inline-flex;
      align-items: center;
  }
}

@media (max-width: 440px){
  .language-controls {
    position: absolute;
    top: 1.5rem;
    right: 3rem;
  }
}


a.single-language {
  background: var(--limeade-20) !important;
  border: 3px solid var(--outerspace) !important;
  transform: scale(.8);
  overflow: hidden !important;
}

@media only screen and (max-width: 980px){
  a.single-language {
    top: 0 !important;
  }
}

html[lang*=en] a.single-language.en,
html[lang*=es] a.single-language.es {
  background: var(--limeadeDark) !important;
  color: var(--white) !important;
}

a.single-language.en {
  margin-left: 0rem !important;
  margin-right: -0.05rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  transform-origin: right;
}


a.single-language.es {
  margin-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  transform-origin: left;
}

.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(--bondiblue-10);
  /* filter: drop-shadow(0rem 0rem .125rem var(--bondiblue)); */
  border: 2px dotted var(--bondiblueDark);
  padding: 0.5rem 0.675rem !important;
  margin-left: -0.5rem;
}

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

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

.btn-text-link.active .label,
.btn-text-link.active:hover .label {
color: var(--limeade);
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(--limeade);
}

.gform_wrapper button,
.gform_wrapper input[type=submit],
.gform_wrapper input[type=button],
.et-fixed-header #top-menu li.btn-join-the-build > a,
.et-fixed-header #top-menu li.btn-request-assessment > a,
.btn-solid {
  color: var(--white) !important;
  animation: scaleOut 0.16s;
  /*box-shadow: 0 0.325rem 0.25rem var(--limeadeLightest);*/
  position: relative;
}

#top-menu li.btn-join-the-build > a,
#top-menu li.btn-request-assessment > a {
  animation: scaleOut 0.16s;
  position: relative;
}

.et_pb_more_button:hover,
.gform_wrapper button:hover,
.et-fixed-header #top-menu li.btn-join-the-build > a:hover,
.et-fixed-header #top-menu li.btn-request-assessment > 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(--tealblueDark) !important;
    /*box-shadow: 0 0.125rem 0.125rem var(--black-30);*/
    cursor: pointer;
}

#top-menu li.btn-join-the-build > a:hover,
#top-menu li.btn-request-assessment > a:hover {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
}

#top-menu li.btn-join-the-build > a,
.gform_wrapper button,
.gform_wrapper input[type=button],
.btn-outlined {
  color: var(--tealblue) !important;
  animation: scaleOut 0.16s;
  background: var(--white-20) !important;
  border-color: var(--allportsLight) !important;
}

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

#top-menu li.btn-join-the-build > a:hover,
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(--tealblue) !important;
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
  background: var(--bondiblue-20);
  border-color: var(--tealblue) !important;
  filter: brightness(1.25);
  -webkit-filter: brightness(1.25);
}

#top-menu li.btn-join-the-build > a,
.et-fixed-header #top-menu li.btn-join-the-build > a {
  color: var(--tealblue) !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
  background-color: var(--bondiblue-80) !important;
}





.et_header_style_left #et-top-navigation {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

#top-menu > li.menu-item:not(.btn-join-the-build, .btn-request-assessment) > a:first-child {
  background-color: var(--limeadeLightest-10);
  padding: 1rem !important;
  border: 2px dashed var(--limeadeLighter-60);
  border: 3px solid var(--limeadeLighter-50);

  border-radius: 1.25rem;
  text-decoration: none !important;
  margin: 0.25rem 0px !important;
  padding: 0.75rem 1.125rem !important;
}

#top-menu li.menu-item:not(.btn-join-the-build, .btn-request-assessment).menu-item-has-children > a:first-child {
  padding: 0.75rem 1.75rem 0.75rem 1.125rem !important;
}

#top-menu .menu-item-has-children>a:first-child:after,
#et-secondary-nav .menu-item-has-children>a:first-child:after {
  position: absolute;
  top: 0rem;
  bottom: .125rem;
  right: .5rem;
  display: flex;
  align-items: center;
}

#top-menu .menu-item-has-children:hover>a:first-child:after,
#et-secondary-nav .menu-item-has-children:hover>a:first-child:after {
  transform: rotate(180deg);
}




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-image: linear-gradient(175deg, var(--tealblue) 0%, var(--allports) 90%);
  position: relative;
  z-index: 2;
  padding-bottom: 1%;
}

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

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

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

footer #footer-bottom {
  padding: .75rem 0;
  display: flex;
  justify-content: space-around;
  background-color: transparent !important;
}


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

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

@media (min-width: 768px) {
  footer #footer-bottom .container {
    grid-template-columns: max-content 1fr max-content;
  }
}

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

#footer-info,
#footer-info a {
padding: 0;
float: none;
color: #fff !important;
}

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

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

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

footer ul.wp-block-social-links {
  justify-content: start;
}

@media (max-width: 768px),
  (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  footer ul.wp-block-social-links {
    justify-content: center;
  }
}

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

ul.wp-block-social-links > li > a {
  margin-right: 0rem;
}

ul.wp-block-social-links > li > a:hover {
    animation: scaleIn 0.16s;
    transform-origin: center;
    animation-fill-mode: forwards;
    background: var(--tealblueDark);
}

ul.wp-block-social-links > li.wp-social-link {
  background-color: transparent;
}

ul.wp-block-social-links > li > a svg {
  fill: var(--white) !important;
}



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;
  }
}


.footer-legal {
  font-size: 0.675rem;
  padding: 0.5rem 0;
}

@media (max-device-width: 400px){

  footer #footer-bottom {
    padding: 2rem 0;
  }
  .footer-legal {
    padding: 1rem;
  }
}

.footer-legal p {
  font-size:0.75rem;
  color: var(--white);
  text-align:center;
}


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

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


/**********************************
  Let's Talk
***********************************/

#letstalk {
  height: 100vh;
  width: 100vh;
  background: transparent;
  position: fixed;
  z-index: 1;
  transition: all 0.16s linear;
  top: 0%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 10;
  transform: translateY(100%);
}

#letstalk .title {
font-size: 2.25rem;
line-height: normal;
white-space: normal;
margin: 1rem 0;
}

@media (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #letstalk .title {
    font-size: 4vw;
  }
}

@media (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #letstalk .title {
    font-size: 2rem;
  }
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #letstalk .title {
  }
}


#letstalk .subtitle {
font-size: 1.5rem;
margin: 0 0 1rem;
white-space: normal;
}


body[data-state="showLetsTalk"]{
  /*padding: 0% 4%;*/
}

body[data-state="showLetsTalk"] #letstalk {
height: 100%;
width: 100%;
position: fixed;
z-index: 10;
background: var(--bondiblue-90);
transform: translateY(0%);
cursor: pointer;
}


#letstalk .section-content .btn-text-link {
transform-origin: left;
}


#letstalk .section-content {
background: var(--bondiblue);
background: var(--tealblue);
background: var(--white);
margin: 4% auto 0;
box-shadow: 0px 10px 320px var(--tealblue-80) !important;
box-shadow: 0px 10px 320px var(--bondiblueDark) !important;
overflow: hidden;
width: 98%;
max-width: 50rem;
cursor: default;
min-height: auto;
border-radius: .5rem;
padding: 1rem;
}

#letstalk .content-area {
  flex-direction: initial;
  width: 100%;
  margin: 0rem;
}

@media (min-width: 1025px ),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  #letstalk .content-area {
    flex-direction: column;
  }
}

#letstalk .content-area p {
margin-bottom: 0;
}


body:not([data-state="showLetsTalk"]) #letstalk .section-content {
  -webkit-animation: letstalkMoveOut 1s;
  animation: letstalkMoveOut 1s;
}

body[data-state="showLetsTalk"] #letstalk .section-content {
  box-shadow: 0px 40px 240px rgba(24, 205, 202, 0.24);
  -webkit-animation: letstalkMoveIn .5s;
  animation: letstalkMoveIn .5s;
}





@-webkit-keyframes letstalkMoveIn {
  from   { -webkit-transform: translateY(100%); opacity: 0; }
  to { -webkit-transform: translateY(0%); opacity: 1; }
}

@-moz-keyframes letstalkMoveIn {
  from   { -webkit-transform: translateY(100%); opacity: 0; }
  to { -webkit-transform: translateY(0%); opacity: 1;}
}

@keyframes letstalkMoveIn {
  from   { -webkit-transform: translateY(100%); opacity: 0; }
  to { -webkit-transform: translateY(0%); opacity: 1;}
}


@-webkit-keyframes letstalkMoveOut {
  0%   { -webkit-transform: translateY(0%); opacity: 1; }
  100% { -webkit-transform: translateY(100%); opacity: 0;}
}

@-moz-keyframes letstalkMoveOut {
  0%   { -webkit-transform: translateY(0%); opacity: 1; }
  100% { -webkit-transform: translateY(100%); opacity: 0;}
}

@keyframes letstalkMoveOut {
  0%   { -webkit-transform: translateY(0%); opacity: 1; }
  100% { -webkit-transform: translateY(100%); opacity: 0;}
}


#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(--tealblue);
  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;
}



@media (min-width: 1280px ){
  #btn-admin {
    bottom: 1.5rem;
    right: 0rem;
  }
}

.btn-scaleInOut {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  user-select: none;
  outline: none;
  animation: scaleOut 0.16s;
}

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

#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-scaleInOut:hover,
#btn-admin:hover {
  opacity: 1.0;
}

.btn-scaleInOut img {
  display: block;
}



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

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


.floatingElement {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.pulsatingElement {
  transform-origin: bottom center;
  animation: pulsate 3s ease-in-out infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(1.33) translateX(50%);
    }

    50% {
      transform: scale(0.96) translateX(50%);
    }

    100% {
      transform: scale(1.33) translateX(50%);
    }
}


/**********************************
  Portfolio
***********************************/

.portfolio {
  display: grid;
  gap: 1.5rem;
}


.portfolio,
.portfolio[data-state*=product_design] {
  grid-template-columns: repeat(2, 1fr);
}

.portfolio[data-state*=brand_design] {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 680px) {
  .portfolio,
  .portfolio[data-state*=product_design],
  .portfolio[data-state*=brand_design] {
    grid-template-columns: repeat(1, 1fr);
  }
}

.portfolio-item {
  border-width: 0.4rem;
  border-style: double;
  border-color: var(--limeade-70);
  width: 100%;
  aspect-ratio: 16 / 9;
  -webkit-aspect-ratio: 16 / 9;
  background-color: var(--athensgray);
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.portfolio[data-state*=product_design] .portfolio-item {
}

.portfolio[data-state*=brand_design] .portfolio-item {
  aspect-ratio: 1 / 1;
  -webkit-aspect-ratio: 1 / 1;
}

.portfolio-item img {
  width: 100%;
  height: auto;
  opacity: 0;
}

.portfolio-item-content-image {
  aspect-ratio: 16 / 9;
  -webkit-aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
}

.portfolio-item-content {
}

.portfolio-item-content-title {
}

.portfolio-item-overview-heading {
}

.portfolio-item-overview-description {
}


.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(--limeade) !important;
  border-color: var(--limeadeDarker) !important;
}

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





/**********************************
  Image Advertisement
***********************************/

.img-advertisement[data-position='fixed'] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: var(--bondiblue-80);
  padding: 0.25rem;
  backdrop-filter: blur(2px);
}

@media (max-width: 680px) {
  .img-advertisement[data-position='fixed'] {
    padding-bottom: 1.25rem;
  }
}

.img-advertisement[data-position='fixed'] .img-advertisement-content {

}


.img-advertisement[data-position='fixed'] .img-advertisement-content-link {

}

.img-advertisement[data-position='fixed'] img {
  display: flex;
  max-height: 100%;
  margin: 0 auto;
}

.img-advertisement .img-advertisement-content-link,
.img-advertisement .img-advertisement-content-link {
  border: 8px solid var(--bondiblue-40);
  display: flex;
}

.img-advertisement .img-advertisement-content-link:not(:active):hover,
.img-advertisement .img-advertisement-content-link:not(:active):focus {
  animation: scaleIn 0.16s;
  transform-origin: center;
  animation-fill-mode: forwards;
  box-shadow: 0 0 0px 3px var(--bondiblue-30), 0 0 30px -1px var(--bondiblue-50);
  border: 8px solid var(--bondiblue);
}

.img-advertisement[data-position='fixed'] .img-advertisement-content,
.img-advertisement[data-position='fixed'] .img-advertisement-controls {
  margin: 0 auto;
  max-width: 768px;
  position: relative;
}

@media (max-width: 680px) {
  .img-advertisement[data-position='fixed'] .img-advertisement-content,
  .img-advertisement[data-position='fixed'] .img-advertisement-controls {
    margin: 0 auto;
    max-width: 75%;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .img-advertisement[data-position='fixed'] .img-advertisement-content,
  .img-advertisement[data-position='fixed'] .img-advertisement-controls {
    margin: 0 auto;
    max-width: 680px;
    position: relative;
  }
}

.img-advertisement[data-position='fixed'] .img-advertisement-controls {

}

.img-advertisement[data-position='fixed'] .img-advertisement-controls .img-advertisement-controls-btn-hide {
  position: absolute;
  top: 0.25rem;
  right: -3rem;
  appearance: initial;
  font-size: .75rem;
  margin: 0;
  border: 0;
  line-height: normal;
  display: inline-flex;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  justify-content: center;
  align-items: center;
  padding-top: 0.125rem;
}

.img-advertisement[data-position='fixed'].hide-ad {
  padding: 0rem 0rem .5rem;
}

.img-advertisement[data-position='fixed'].hide-ad img {

}

.img-advertisement[data-position='fixed'].hide-ad .img-advertisement-controls .img-advertisement-controls-btn-hide,
.img-advertisement[data-position='fixed'].hide-ad .img-advertisement-content {
  display: none;
}

.img-advertisement[data-position='fixed']:not(.hide-ad) .img-advertisement-controls .img-advertisement-controls-btn-show {
display: none;
}

.img-advertisement[data-position='fixed'].hide-ad .img-advertisement-controls .img-advertisement-controls-btn-show {
display: inline-flex;
position: fixed;
bottom: 0rem;
right: 1rem;
z-index: 1;
padding: 0.75rem;
border: 2px var(--bondiblue) solid;
border-radius: 0.25rem;
background-color: var(--bondiblueLight);
font-size: .875rem;
font-weight: 500;
}



/**********************************
  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-device-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(--tealblue);
    box-shadow: 0px 10px 320px var(--tealblue-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;
  }
}


/**********************************
   BG Video
***********************************/

#aboutvidbg {
opacity: 0.2;
mix-blend-mode: overlay;/* hard-light */
position: absolute;
top: 0%;
left: 0%;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
transition: 1s opacity;
object-fit: cover;
}

.stopfade {
opacity: 0.2;
}


.photon-symbol-action,
.photon-symbol-action:hover,
.photon-symbol-action:active {
position: absolute;
right: -10px;
bottom: -10px;
color: var(--limeade);
user-select: none;
}

.photon-symbol-action:focus {
  outline: none;
  box-shadow: none !important;
}

/**********************************
   Floating Animation
***********************************/

@keyframes float {
	0% {
		transform: translateY(0rem);
	}
	50% {
		transform: translateY(-0.75rem);
	}
	100% {
		transform: translateY(0rem);
	}
}



/*----------------------------------------------------------------
>>> 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-device-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(--bondiblueDark);
  border: 2px solid var(--bondiblueLight);
}


.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(--limeade);
  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(--bondiblue-60);
  box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--limeade-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(--black-50);
}

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

#productDesignPlansConfirmationModal .img-square .iconCheckmark {
  border-radius: 100%;
  background-color: var(--alertSuccessLight);
  color: var(--white);
  font-size: 100%;
  padding: 0.5rem;
  margin: -2rem -1rem 0;
}

#productDesignPlansConfirmationModal .img-square .iconEmail {
  background-color: var(--bondiblue-40);
  padding: 0rem 0.75rem;
  border-radius: 0.5rem;
  color: var(--white);
}



.ar-9-16 {
  aspect-ratio: 9 / 16.5;
  -webkit-aspect-ratio: 9 / 16.5;
}

.ar-16-9 {
  aspect-ratio: 16.5/9;
  -webkit-aspect-ratio: 9 / 16.5;
}


.ar-9-16,
.ar-16-9,
.ar-9-16:after,
.ar-16-9:after {
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  border: 2px solid var(--allportsLighter);
  border-radius: 4.75rem 0rem 4.75rem 0rem;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--black-90);
  font-size: .75rem;
  /*text-transform: uppercase;*/
  letter-spacing: 0.125rem;
  box-shadow: 1rem 1rem 0 0px var(--limeadeLightest-60);
}

.ar-9-16:after,
.ar-16-9:after {
  content: "";
  display: flex;
  position: absolute;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  border: 2px dashed var(--limeadeLighter);
  box-shadow: none !important;
  z-index: -1;
  margin: -1rem 0 1rem -1rem;
}



/* Divi Plus Tabs Module */
.dipl_tabs .dipl_tabs_content {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

/* Media Playlist */
.wp-playlist {
  margin: 2rem 0 1.5rem;
}




body.single-post .et_pb_image_wrap:before,
body.single-post .et_pb_image_wrap:after,
.image-border-and-shadow,
.image-border-and-shadow:before,
.image-border-and-shadow:after {
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  border: 2px solid var(--allportsLighter);
  border-radius: 4.75rem 0rem 4.75rem 0rem !important;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--black-90);
  font-size: .75rem;
  /*text-transform: uppercase;*/
  letter-spacing: 0.125rem;
  box-shadow: 1rem 1rem 0 0px var(--limeadeLightest-60);
  position: relative;
}

body.single-post .et_pb_image_wrap:before,
.image-border-and-shadow:before {
    content: "";
    display: flex;
    position: absolute;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    border: 2px dashed var(--white);
    box-shadow: none !important;
    z-index: -1;
    margin: -1rem 0 1rem -1rem;
}

body.single-post .et_pb_image_wrap:after,
.image-border-and-shadow:after {
  content: "";
  display: flex;
  position: absolute;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  border: 2px dashed var(--limeadeLighter);
  box-shadow: none !important;
  z-index: 1;
  margin: -1rem 0 1rem -1rem;
}



.video-shadow {
  border: 2px solid var(--allportsLighter);
  border-radius: 4.75rem 0rem 4.75rem 0rem;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--black-90);
  font-size: .75rem;
  /*text-transform: uppercase;*/
  letter-spacing: 0.125rem;
  box-shadow: 1rem 1rem 0 0px var(--limeadeLightest-60);
  position: relative;
  flex-direction: column;
}

.video-shadow span {
  text-transform: none !important;
  font-size: .875rem;
  padding: 1rem !important;
  line-height: 1.25;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 0;
  gap: .5rem;
}



figure {
  position: relative;
}

.video-title,
figure .video-title {
  position: absolute;
  z-index: 2;
  top: .75rem;
  left: .75rem;
  right: .75rem;
  color: var(--white);
  background: var(--black-80);
  padding: .25rem .5rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .375rem;
  font-size: .75rem !important;
  text-transform: none !important;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 480px) {
  .video-title,
  figure .video-title {
    display: none;
  }
}

.video-title:before,
figure .video-title:before {
  content: "";
  position: relative;
  width: .875rem;
  height: .875rem;
  background-color: var(--black);
  background-image: url('https://eps.andtherewas.com/wp-content/uploads/2026/10/eps-logo-white-brand-mark.png');
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2rem;
  display: inline-flex;
}




.et_pb_number_counter .percent-sign:not(:empty) {
  transform: scale(.5) translateY(1rem);
  transform-origin: top left;
  display: inline-flex;
  padding-left: 0.5rem;
  position: relative;
}





/** Divi Plus (plugin) Header which has a Pre, Main, & Post area for text **/
.dipl_text_wrapper h2 {
  display: grid;
  grid-row-gap: 1rem;
}


/* Divi Plus (plugin) Tabs */

.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: start !important;
  overflow: auto;
}

@media (min-width: 960px) {
  .dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: auto;
  }
}



.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls .dipl_tabs_item_title {
  min-width: 33.33vw;
}

@media (min-width: 960px) {
  .dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls .dipl_tabs_item_title {
    width: calc(33% - 1rem);
    min-width: 0;
  }
}


.dipl_tabs .dipl_tabs_content {
  width: 100%;
  border-radius: 1rem;
  margin-top: 1rem;
}


.dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 960px) {
  .dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper {
    flex-direction: row !important;
    column-gap: 3rem;
  }
}

    .dipl_tabs .dipl_tabs_content .fluid-width-video-wrapper {

    }

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

      @media (min-width: 960px) {
        .dipl_tabs .dipl_tabs_item .dipl_single_tab_content {
          padding: 1.125rem !important;
        }
      }

    .dipl_tabs .custom-tab-content-wrapper > div:first-of-type,
    .dipl_tabs .image-border-and-shadow,
    .dipl_tabs .video-shadow {
      overflow: hidden;
      height: fit-content;
      position: relative;
    }

      @media (min-width: 960px) {
        .dipl_tabs .custom-tab-content-wrapper > div:first-of-type,
        .dipl_tabs .image-border-and-shadow,
        .dipl_tabs .video-shadow {
          max-width: 26vw;
        }
      }

    .dipl_tabs .image-border-and-shadow,
    .dipl_tabs .video-shadow {
      border-radius: 1.75rem 0rem 1.75rem 0rem;
    }

    .dipl_tabs .video-shadow .fa-play {
      position: absolute;
      z-index: 1;
      background-color: var(--black-80);
      color: var(--white);
      padding: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      height: 3rem;
      width: 3rem;
      font-size: 1.75rem;
      top: calc(50% - 1.5rem);
      left: calc(50% - 1.5rem);
    }

    .video-shadow .fluid-width-video-wrapper {

    }

    .dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper-inner {
      display: flex !important;
      flex-direction: column !important;
      padding: 2rem 0 0 !important;
    }

    @media (min-width: 960px) {
      .dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper-inner {
        padding-left: 3rem;
        max-width: calc(100% - 26vw);
      }
    }

    .dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper-inner [class*=btn] {
      margin-top: 1.5rem !important;
      width: 100%;
      justify-content: center;
    }

    @media (min-width: 960px) {
      dipl_tabs .dipl_tabs_content .custom-tab-content-wrapper-inner [class*=btn] {
        margin-top: 0 !important;
        width: auto;
      }
    }




/*******************************************/
/** CATEGORY PAGE BLOG MODULE POST LAYOUT **/
/*******************************************/

.et_pb_ajax_pagination_container {
    display: inline-grid;
    gap: 4rem;
}

@media (max-width: 400px){
  .et_pb_ajax_pagination_container {
      grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 960px){
  .et_pb_ajax_pagination_container {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 961px){
  .et_pb_ajax_pagination_container {
      grid-template-columns: repeat(3, 1fr);
  }
}


.et_pb_posts .et_pb_post {
  margin-bottom: 2rem;
}

body.single-post .et_pb_image_wrap,
figure.wp-block-image {
  margin: 0;
}

@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
    padding: 0 1rem;
  }

  .wp-block-columns {
    padding-top: 2rem;
  }
}



body.single-post .et_pb_image_wrap img,
#main-content .wp-block-image img,
body.single-post .et_post_meta_wrapper img,
.et_pb_posts .et_pb_post .entry-featured-image-url {
  margin-bottom: 2rem;
  overflow: hidden;

  background-color: transparent;
  border: 2px solid var(--allportsLighter);
  border-radius: 4.75rem 0rem 4.75rem 0rem;
  align-items: center;
  justify-content: center;
  display: flex;
  color: var(--black-90);
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  box-shadow: 1rem 1rem 0 0px var(--limeadeLightest-60);
}

.et_pb_posts .et_pb_post .entry-title {
  font-size: 1.75rem !important;
  color: var(--allports);
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Change this number to clamp to more lines */
  line-clamp: 2;         /* Standard property */
  overflow: hidden;
  line-height: 1.625 !important;
}

.et_pb_posts .et_pb_post .post-meta {
  margin-bottom: 1rem;
  font-size: .875rem !important;
}

.et_pb_posts .et_pb_post .post-meta a {
  background-color: var(--allportsLighter);
  padding: .25rem .5rem;
  display: inline-block;
  border-radius: .25rem;
  margin-bottom: .5rem;
  font-weight: 600;
  color: var(--white) !important;
}

.et_pb_posts .et_pb_post p {
  font-size: 1.125rem !important;
}


.et_pb_ajax_pagination_container > div:has(.pagination) {
  display: flex;
  position: absolute;
  bottom: -2rem;
}






/*
.et_pb_posts .et_pb_post:nth-child(2) {
  display: inline-grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: min-content min-content;
  margin-bottom: 0;
}

.et_pb_posts .et_pb_post:nth-child(2).clearfix:before,
.et_pb_posts .et_pb_post:nth-child(2).clearfix:after {
  display: none;
}


.et_pb_posts .et_pb_post:nth-child(2) .entry-featured-image-url {
  display: block;
  position: relative;
  margin-bottom: 0px;
  grid-column-start: 1;
  grid-row-end: 3;
  column-gap: 1rem;
}

.et_pb_posts .et_pb_post:nth-child(2) .entry-title {
  grid-column-start: 2;
  grid-row-end: 1;
}

.et_pb_posts .et_pb_post:nth-child(2) .post-meta {
  grid-column-start: 2;
  grid-row-end: 1;
}

.et_pb_posts .et_pb_post:nth-child(2) .post-content {
  grid-column-start: 2;
  grid-row-end: 3;
}

*/



/***************************/
/** PAGE LOADER ANIMATION **/
/***************************/

body:not(.et-fb) #page-container {
  transition-duration: 1s;
}

body.et-fb  #page-loader  {
  opacity: 0;
  display: none;
}

body:not(.et-fb) #page-loader {
  /*background-image: url(/wp-content/uploads/2026/09/bg-felt-800w-brick.jpg);*/
  /*background-image: radial-gradient(circle at bottom right, #ddfdce 0%, rgba(173, 251, 138, 1) 44%, #76f83a 60%, #22defb 100%) !important;*/
  /*background-image: conic-gradient(from 180deg at bottom right, #22defb 0%, #adfb8a 32%, rgba(57, 168, 6, 0.6) 99%) !important;*/
  /*background-size: 25%;
  background-repeat: repeat;*/
  background-attachment: fixed;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.loading {
  overflow: hidden !important;
}

body:not(.et-fb) .loading #page-container,
body:not(.et-fb) .loading #glt-translate-trigger {
  opacity: 0;
  transition-duration: 1s;
}

body:not(.et-fb):not(.loading) #page-container,
body:not(.et-fb):not(.loading) #glt-translate-trigger,
body:not(.et-fb):not(.loading) #page-loader {
  opacity: 1;
  transition-duration: 1s;
}

body:not(.et-fb).loading #page-loader > * {
  z-index: 2;
}

body:not(.et-fb).loading #page-loader:after {
  content: '';
  background-color: var(--black-40);
  background-image: conic-gradient(from 180deg at bottom right, var(--limeadeLighter) 0%, var(--allportsLighter) 32%, var(--bondiblueLighter) 99%) !important;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  /*box-shadow: inset 0 0 0 0 25vw var(--tealblue-40);*/

  opacity: .96;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}


body:not(.et-fb) #page-loader img {
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  margin: 0 !important;
  height: auto;
  width: clamp(4rem, 40vw, 10rem) !important;
  opacity: 1;
}



/***************************************
***************************************
	SPINNER
***************************************
***************************************/

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}

.iconSpinner {
  font-size: 2rem;
  color: var(--white);
  position: fixed;
  top: calc(50% + 2rem);
  left: calc(50% - 1rem);
  display: inline-block;
  display: inline-block;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);

  -webkit-animation-name:spinnerRotate;
  -webkit-animation-duration:0.5s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name:spinnerRotate;
  -moz-animation-duration:0.5s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  -ms-animation-name:spinnerRotate;
  -ms-animation-duration:0.5s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;
}







@media (max-width: 400px){
  .dipl_swiper_navigation {
      display: none !important;
  }
}

@media (max-width: 680px){
  .dipl_swiper_navigation .swiper-button-next::after,
  .dipl_swiper_navigation .swiper-button-prev::after {
    font-size: 2rem !important;
  }
}



body.error404 #main-content .container:before {
  display: none !important;
}

body.error404 #main-content {
  background: transparent !important;
}

body.error404 #main-content * {

}

@media (min-width: 981px) {
  body.error404 #page-container #et-main-area {
    padding-top: 92px !important;
  }
}

@media (min-device-width: 1600px) {
  body.error404 #page-container #et-main-area {
    padding-top: 112px !important;
  }
}

@media (min-device-width: 1900px) {
  body.error404 #page-container #et-main-area {
    padding-top: 132px !important;
  }
}

@media (min-device-width: 2000px) {
  body.error404 #page-container #et-main-area {
    padding-top: 162px !important;
  }
}


/***********************************/
/*        Impact                   */
/***********************************/

.inner-overlay-light .et_pb_row,
.inner-overlay-dark .et_pb_row {
  z-index: 2;
  position: relative;
}

.inner-overlay-light:after,
.inner-overlay-dark:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(4px);
}

.inner-overlay-light:after {
  backdrop-filter: brightness(1.75) blur(4px);
  background-color: var(--white-90);
}

.inner-overlay-dark:after {
  backdrop-filter: brightness(1.5) blur(4px);
  background-color: var(--black-90);
}





/************************/
/*    Blog Categories   */
/************************/

.dipl_blog_categories_inner {

}

@media (max-width: 680px) {
  .dipl_blog_categories_inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .dipl_blog_categories_wrapper.layout1 .dipl_blog_category_item {
    height: auto !important;
    aspect-ratio: 4/3;
    -webkit-aspect-ratio: 4/3;
  }
}

@media (min-width: 480px) {
  .dipl_blog_categories_inner {

  }
}

@media (min-width: 680px) {
  .dipl_blog_categories_inner {

  }
}

.dipl_blog_categories_wrapper.layout1 .dipl_blog_category_item::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.7) 100%);
}

.dipl_blog_categories_wrapper.layout1 .dipl_blog_category_name {
  margin-bottom: 0;
  padding: 0 2rem;
  font-size: clamp(1rem, 12vw, 2.75rem);
}

@media (min-width: 480px) {
  .dipl_blog_categories_wrapper.layout1 .dipl_blog_category_name {
    font-size: clamp(1rem, 3vw, 2.75rem);
  }
}

.dipl_blog_categories_inner .dipl_blog_category_item:nth-child(5) {
  grid-column-end: 4;
  grid-column-start: 2;
}


/*****************************/
/*    WIDGET: Latest Post   */
/*****************************/

ul.wp-block-latest-posts {

}

ul.wp-block-latest-posts li {
  padding: .75rem 1rem;
  margin: 0;
}

ul.wp-block-latest-posts li:not(:last-child) {
  border-bottom: 1px solid var(--black-20);
}

ul.wp-block-latest-posts li a {

}


#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
  font-size: 1.125rem;
}

#left-area ul > li,
.entry-content ul > li {
  line-height: 1.75;
}

#left-area ul > li:not(:last-child),
.entry-content ul > li:not(:last-child) {
  margin-bottom: 1.5rem;
}



/*****************************/
/*    FOOTER WIDGETS:   */
/*****************************/


#footer-widgets .footer-widget:nth-child(n),
#footer-widgets .footer-widget .fwidget,
#footer-widgets .footer-widget:nth-child(n),
.footer-widget .fwidget,
.footer-widget {
  /*width: 20.875%;
  margin-right: 5.5%;
  margin-bottom: 5.5%;*/
  margin-bottom: 0% !important;
}

@media (max-width: 767px) {
  #footer-widgets .footer-widget:not(:last-child) {
    margin-bottom: 4% !important;
  }
}

.footer-widget .et_pb_widget {
  margin-bottom: 0rem !important;
  float: none;
}



.footer-widget .et_pb_widget p.wp-block-paragraph,
.footer-widget .et_pb_widget p.wp-block-paragraph b,
.footer-widget .et_pb_widget p.wp-block-paragraph strong,
.footer-widget .et_pb_widget p.wp-block-paragraph em {
  color: var(--white) !important;
}

.footer-widget .et_pb_widget p.wp-block-paragraph {
  margin-bottom: 1rem !important;
}

#footer-widgets .footer-widget li a {
  font-size: 1rem;
  line-height: 1.75;
}

#footer-bottom .footer-legal a,
#footer-bottom #footer-info a,
#footer-widgets .footer-widget a {
  color: var(--white) !important;
  border-bottom: 1px dashed var(--limeadeLighter);
  padding-bottom: 0.25rem !important;
  text-decoration: none !important;
}

#footer-bottom .footer-legal a:hover,
#footer-bottom #footer-info a:hover,
#footer-widgets .footer-widget a:hover {
  color: var(--white-80) !important;
  border-bottom: 1px dashed var(--limeadeLighter);
}

.footer-tagline {
  font-size: .875rem;
  line-height: normal;
}

.footer-widget ol,
.footer-widget ul {
  padding-left: 0rem !important;
}

.footer-widget li {
  padding-bottom: 0.5rem !important;
}

.footer-widget h4, #main-footer .widget_block h1, #main-footer .widget_block h2, #main-footer .widget_block h3, #main-footer .widget_block h4, #main-footer .widget_block h5, #main-footer .widget_block h6 {
  color: var(--limeadeLighter);
}




ul.wp-block-social-links {
  padding: 0 !important;
  list-style-type: none !important;
}

ul.wp-block-social-links li {
  padding: 0 !important;
}

ul.wp-block-social-links li:before {
  display: none !important;
}

ul.wp-block-social-links > li > a {
  border:  none !important;
}