/*********************/ /** Color **/ /*********************/ :root { --stratos: hsla(236, 94%, 14%, 1); --stratos-0: hsla(236, 94%, 14%, .0); --stratos-10: hsla(236, 94%, 14%, .1); --stratos-20: hsla(236, 94%, 14%, .2); --stratos-30: hsla(236, 94%, 14%, .3); --stratos-40: hsla(236, 94%, 14%, .4); --stratos-50: hsla(236, 94%, 14%, .5); --stratos-60: hsla(236, 94%, 14%, .6); --stratos-70: hsla(236, 94%, 14%, .7); --stratos-80: hsla(236, 94%, 14%, .8); --stratos-90: hsla(236, 94%, 14%, .9); --deepcove: hsla(225, 87%, 12%, 1); --deepcove-0: hsla(225, 87%, 12%, .0); --deepcove-10: hsla(225, 87%, 12%, .1); --deepcove-20: hsla(225, 87%, 12%, .2); --deepcove-30: hsla(225, 87%, 12%, .3); --deepcove-40: hsla(225, 87%, 12%, .4); --deepcove-50: hsla(225, 87%, 12%, .5); --deepcove-60: hsla(225, 87%, 12%, .6); --deepcove-70: hsla(225, 87%, 12%, .7); --deepcove-80: hsla(225, 87%, 12%, .8); --deepcove-90: hsla(225, 87%, 12%, .9); --denim: hsla(222, 85%, 42%, 1); --denim-0: hsla(222, 85%, 42%, .0); --denim-10: hsla(222, 85%, 42%, .1); --denim-20: hsla(222, 85%, 42%, .2); --denim-30: hsla(222, 85%, 42%, .3); --denim-40: hsla(222, 85%, 42%, .4); --denim-50: hsla(222, 85%, 42%, .5); --denim-60: hsla(222, 85%, 42%, .6); --denim-70: hsla(222, 85%, 42%, .7); --denim-80: hsla(222, 85%, 42%, .8); --denim-90: hsla(222, 85%, 42%, .9); --gulfblue: hsla(225, 87%, 19%, 1); --gulfblue-0: hsla(225, 87%, 19%, .0); --gulfblue-10: hsla(225, 87%, 19%, .1); --gulfblue-20: hsla(225, 87%, 19%, .2); --gulfblue-30: hsla(225, 87%, 19%, .3); --gulfblue-40: hsla(225, 87%, 19%, .4); --gulfblue-50: hsla(225, 87%, 19%, .5); --gulfblue-60: hsla(225, 87%, 19%, .6); --gulfblue-70: hsla(225, 87%, 19%, .7); --gulfblue-80: hsla(225, 87%, 19%, .8); --gulfblue-90: hsla(225, 87%, 19%, .9); --midnight: hsla(221, 97%, 13%, 1); --midnight-0: hsla(221, 97%, 13%, .0); --midnight-10: hsla(221, 97%, 13%, .1); --midnight-20: hsla(221, 97%, 13%, .2); --midnight-30: hsla(221, 97%, 13%, .3); --midnight-40: hsla(221, 97%, 13%, .4); --midnight-50: hsla(221, 97%, 13%, .5); --midnight-60: hsla(221, 97%, 13%, .6); --midnight-70: hsla(221, 97%, 13%, .7); --midnight-80: hsla(221, 97%, 13%, .8); --midnight-90: hsla(221, 97%, 13%, .9); --tangaroa: hsla(234, 90%, 12%, 1); --tangaroa-0: hsla(234, 90%, 12%, .0); --tangaroa-10: hsla(234, 90%, 12%, .1); --tangaroa-20: hsla(234, 90%, 12%, .2); --tangaroa-30: hsla(234, 90%, 12%, .3); --tangaroa-40: hsla(234, 90%, 12%, .4); --tangaroa-50: hsla(234, 90%, 12%, .5); --tangaroa-60: hsla(234, 90%, 12%, .6); --tangaroa-70: hsla(234, 90%, 12%, .7); --tangaroa-80: hsla(234, 90%, 12%, .8); --tangaroa-90: hsla(234, 90%, 12%, .9); --mako: hsla(217, 9%, 28%, 1); --mako-0: hsla(217, 9%, 28%, .0); --mako-10: hsla(217, 9%, 28%, .1); --mako-20: hsla(217, 9%, 28%, .2); --mako-30: hsla(217, 9%, 28%, .3); --mako-40: hsla(217, 9%, 28%, .4); --mako-50: hsla(217, 9%, 28%, .5); --mako-60: hsla(217, 9%, 28%, .6); --mako-70: hsla(217, 9%, 28%, .7); --mako-80: hsla(217, 9%, 28%, .8); --mako-90: hsla(217, 9%, 28%, .9); --shuttlegray: hsla(221, 8%, 40%, 1); --shuttlegray-0: hsla(221, 8%, 40%, .0); --shuttlegray-10: hsla(221, 8%, 40%, .1); --shuttlegray-20: hsla(221, 8%, 40%, .2); --shuttlegray-30: hsla(221, 8%, 40%, .3); --shuttlegray-40: hsla(221, 8%, 40%, .4); --shuttlegray-50: hsla(221, 8%, 40%, .5); --shuttlegray-60: hsla(221, 8%, 40%, .6); --shuttlegray-70: hsla(221, 8%, 40%, .7); --shuttlegray-80: hsla(221, 8%, 40%, .8); --shuttlegray-90: hsla(221, 8%, 40%, .9); --buddhagold: hsla(47, 100%, 40%, 1); --buddhagold-0: hsla(47, 100%, 40%, .0); --buddhagold-10: hsla(47, 100%, 40%, .1); --buddhagold-20: hsla(47, 100%, 40%, .2); --buddhagold-30: hsla(47, 100%, 40%, .3); --buddhagold-40: hsla(47, 100%, 40%, .4); --buddhagold-50: hsla(47, 100%, 40%, .5); --buddhagold-60: hsla(47, 100%, 40%, .6); --buddhagold-70: hsla(47, 100%, 40%, .7); --buddhagold-80: hsla(47, 100%, 40%, .8); --buddhagold-90: hsla(47, 100%, 40%, .9); --pirategold: hsla(47, 100%, 34%, 1); --pirategold-0: hsla(47, 100%, 34%, .0); --pirategold-10: hsla(47, 100%, 34%, .1); --pirategold-20: hsla(47, 100%, 34%, .2); --pirategold-30: hsla(47, 100%, 34%, .3); --pirategold-34: hsla(47, 100%, 34%, .4); --pirategold-50: hsla(47, 100%, 34%, .5); --pirategold-60: hsla(47, 100%, 34%, .6); --pirategold-70: hsla(47, 100%, 34%, .7); --pirategold-80: hsla(47, 100%, 34%, .8); --pirategold-90: hsla(47, 100%, 34%, .9); --supernova: hsla(47, 100%, 50%, 1); --supernova-0: hsla(47, 100%, 50%, .0); --supernova-10: hsla(47, 100%, 50%, .1); --supernova-20: hsla(47, 100%, 50%, .2); --supernova-30: hsla(47, 100%, 50%, .3); --supernova-50: hsla(47, 100%, 50%, .4); --supernova-50: hsla(47, 100%, 50%, .5); --supernova-60: hsla(47, 100%, 50%, .6); --supernova-70: hsla(47, 100%, 50%, .7); --supernova-80: hsla(47, 100%, 50%, .8); --supernova-90: hsla(47, 100%, 50%, .9); --mustard: hsla(47, 100%, 66%, 1); --mustard-0: hsla(47, 100%, 66%, .0); --mustard-10: hsla(47, 100%, 66%, .1); --mustard-20: hsla(47, 100%, 66%, .2); --mustard-30: hsla(47, 100%, 66%, .3); --mustard-50: hsla(47, 100%, 66%, .4); --mustard-50: hsla(47, 100%, 66%, .5); --mustard-60: hsla(47, 100%, 66%, .6); --mustard-70: hsla(47, 100%, 66%, .7); --mustard-80: hsla(47, 100%, 66%, .8); --mustard-90: hsla(47, 100%, 66%, .9); --purpleheart: hsla(250, 68%, 56%, 1); --purpleheart-0: hsla(250, 68%, 56%, .0); --purpleheart-10: hsla(250, 68%, 56%, .1); --purpleheart-20: hsla(250, 68%, 56%, .2); --purpleheart-30: hsla(250, 68%, 56%, .3); --purpleheart-50: hsla(250, 68%, 56%, .4); --purpleheart-50: hsla(250, 68%, 56%, .5); --purpleheart-60: hsla(250, 68%, 56%, .6); --purpleheart-70: hsla(250, 68%, 56%, .7); --purpleheart-80: hsla(250, 68%, 56%, .8); --purpleheart-90: hsla(250, 68%, 56%, .9); --purpleheart-light: hsla(250, 100%, 68%, 1); --purpleheart-light-0: hsla(250, 100%, 68%, .0); --purpleheart-light-10: hsla(250, 100%, 68%, .1); --purpleheart-light-20: hsla(250, 100%, 68%, .2); --purpleheart-light-30: hsla(250, 100%, 68%, .3); --purpleheart-light-50: hsla(250, 100%, 68%, .4); --purpleheart-light-50: hsla(250, 100%, 68%, .5); --purpleheart-light-60: hsla(250, 100%, 68%, .6); --purpleheart-light-70: hsla(250, 100%, 68%, .7); --purpleheart-light-80: hsla(250, 100%, 68%, .8); --purpleheart-light-90: hsla(250, 100%, 68%, .9); --persimmon: hsla(11, 100%, 67%, 1); --persimmon-0: hsla(11, 100%, 67%, .0); --persimmon-10: hsla(11, 100%, 67%, .1); --persimmon-20: hsla(11, 100%, 67%, .2); --persimmon-30: hsla(11, 100%, 67%, .3); --persimmon-50: hsla(11, 100%, 67%, .4); --persimmon-50: hsla(11, 100%, 67%, .5); --persimmon-60: hsla(11, 100%, 67%, .6); --persimmon-70: hsla(11, 100%, 67%, .7); --persimmon-80: hsla(11, 100%, 67%, .8); --persimmon-90: hsla(11, 100%, 67%, .9); --persimmon-light: hsla(11, 100%, 78%, 1); --persimmon-light-0: hsla(11, 100%, 78%, .0); --persimmon-light-10: hsla(11, 100%, 78%, .1); --persimmon-light-20: hsla(11, 100%, 78%, .2); --persimmon-light-30: hsla(11, 100%, 78%, .3); --persimmon-light-50: hsla(11, 100%, 78%, .4); --persimmon-light-50: hsla(11, 100%, 78%, .5); --persimmon-light-60: hsla(11, 100%, 78%, .6); --persimmon-light-70: hsla(11, 100%, 78%, .7); --persimmon-light-80: hsla(11, 100%, 78%, .8); --persimmon-light-90: hsla(11, 100%, 78%, .9); --fiord: hsla(208, 26%, 31%, 1); --fiord-0: hsla(208, 26%, 31%, .0); --fiord-10: hsla(208, 26%, 31%, .1); --fiord-20: hsla(208, 26%, 31%, .2); --fiord-30: hsla(208, 26%, 31%, .3); --fiord-50: hsla(208, 26%, 31%, .4); --fiord-50: hsla(208, 26%, 31%, .5); --fiord-60: hsla(208, 26%, 31%, .6); --fiord-70: hsla(208, 26%, 31%, .7); --fiord-80: hsla(208, 26%, 31%, .8); --fiord-90: hsla(208, 26%, 31%, .9); --fiordLight: hsla(208, 26%, 41%, 1); --fiordLighter: hsla(208, 26%, 51%, 1); --fiordLightest: hsla(208, 26%, 61%, 1); --pictonblue: hsla(204, 88%, 56%, 1); --pictonblue-0: hsla(204, 88%, 56%, .0); --pictonblue-10: hsla(204, 88%, 56%, .1); --pictonblue-20: hsla(204, 88%, 56%, .2); --pictonblue-30: hsla(204, 88%, 56%, .3); --pictonblue-50: hsla(204, 88%, 56%, .4); --pictonblue-50: hsla(204, 88%, 56%, .5); --pictonblue-60: hsla(204, 88%, 56%, .6); --pictonblue-70: hsla(204, 88%, 56%, .7); --pictonblue-80: hsla(204, 88%, 56%, .8); --pictonblue-90: hsla(204, 88%, 56%, .9); --bg-yes: hsl(120deg 73% 90%); --bg-no: hsl(350deg 100% 96%); --bg-sometimes: hsl(60deg 80% 94%); --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); --athensgray: hsla(240, 0%, 94%, 1); --athensgrayLight: hsla(240, 0%, 95%, 1); --athensgrayLighter: hsla(240, 0%, 97%, 1); --athensgrayDark: hsla(240, 0%, 90%, 1); --athensgrayDarker: hsla(240, 0%, 85%, 1); --white: hsla(330, 0%, 100%, 1); --white-05: 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-05: 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); } *:focus { outline: var(--pictonblue-50) auto 0.063rem; box-shadow: 0 0 0 .25rem var(--pictonblue-10), 0 0 .5rem var(--white), 0 0 .75rem var(--pictonblue-50); border-radius: .25rem; } ::-moz-selection { background-color: var(--pictonblue-30); } ::selection { background-color: var(--pictonblue-30); } .disable-all { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .75; filter: blur(.25rem);/**/ } .disabled-all *:focus { outline: 0; } .disable-fade-all { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .25; filter: blur(.25rem); } .disable-fade-all *:focus { outline: 0; } .disable-form-submitting { pointer-events: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; opacity: .9; filter: blur(2px); } .disable-form-submitting *:focus { outline: 0; } .bg-color-white { background: var(--white) !important; } .text-color-white-90 { color: var(--white-90) !important; } .text-color-white-80 { color: var(--white-80) !important; } .text-color-white-70 { color: var(--white-70) !important; } .text-color-white-60 { color: var(--white-60) !important; } .text-color-white-50 { color: var(--white-50) !important; } .text-color-white-40 { color: var(--white-40) !important; } .text-color-white-30 { color: var(--white-30) !important; } .text-color-white-20 { color: var(--white-20) !important; } .text-color-white-10 { color: var(--white-10) !important; } .text-color-black-90 { color: var(--black-90) !important; } .text-color-black-80 { color: var(--black-80) !important; } .text-color-black-70 { color: var(--black-70) !important; } .text-color-black-60 { color: var(--black-60) !important; } .text-color-black-50 { color: var(--black-50) !important; } .text-color-black-40 { color: var(--black-40) !important; } .text-color-black-30 { color: var(--black-30) !important; } .text-color-black-20 { color: var(--black-20) !important; } .text-color-black-10 { color: var(--black-10) !important; } .text-color-red { color:var(--alertErrorLight) !important; } :root { --madison: hsla(213, 80%, 20%, 1); --madison-5: hsla(213, 80%, 20%, .05); --madison-10: hsla(213, 80%, 20%, .1); --madison-20: hsla(213, 80%, 20%, .2); --madison-30: hsla(213, 80%, 20%, .3); --madison-40: hsla(213, 80%, 20%, .4); --madison-50: hsla(213, 80%, 20%, .5); --madison-60: hsla(213, 80%, 20%, .6); --madison-70: hsla(213, 80%, 20%, .7); --madison-80: hsla(213, 80%, 20%, .8); --madison-90: hsla(213, 80%, 20%, .9); --madisonLight: hsla(213, 80%, 30%, 1); --madisonLighter: hsla(213, 80%, 40%, 1); --madisonLightest: hsla(213, 80%, 70%, 1); --madisonDark: hsla(213, 80%, 16%, 1); --madisonDarker: hsla(213, 80%, 12%, 1); --madisonDarkest: hsla(213, 80%, 10%, 1); --aquaisland: hsla(201, 45%, 73%, 1); --aquaisland-5: hsla(201, 45%, 73%, .05); --aquaisland-10: hsla(201, 45%, 73%, .1); --aquaisland-20: hsla(201, 45%, 73%, .2); --aquaisland-30: hsla(201, 45%, 73%, .3); --aquaisland-40: hsla(201, 45%, 73%, .4); --aquaisland-50: hsla(201, 45%, 73%, .5); --aquaisland-60: hsla(201, 45%, 73%, .6); --aquaisland-70: hsla(201, 45%, 73%, .7); --aquaisland-80: hsla(201, 45%, 73%, .8); --aquaisland-90: hsla(201, 45%, 73%, .9); --aquaislandLight: hsla(201, 45%, 83%, 1); --aquaislandLighter: hsla(201, 45%, 86%, 1); --aquaislandLightest: hsla(201, 45%, 93%, 1); --aquaislandDark: hsla(201, 45%, 63%, 1); --aquaislandDarker: hsla(201, 45%, 53%, 1); --aquaislandDarkest: hsla(201, 45%, 43%, 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); --starship: hsla(56, 87%, 60%, 1); --starship-5: hsla(56, 87%, 60%, .05); --starship-10: hsla(56, 87%, 60%, .1); --starship-20: hsla(56, 87%, 60%, .2); --starship-30: hsla(56, 87%, 60%, .3); --starship-40: hsla(56, 87%, 60%, .4); --starship-50: hsla(56, 87%, 60%, .5); --starship-60: hsla(56, 87%, 60%, .6); --starship-70: hsla(56, 87%, 60%, .7); --starship-80: hsla(56, 87%, 60%, .8); --starship-90: hsla(56, 87%, 60%, .9); --starshipLight: hsla(56, 87%, 70%, 1); --starshipLighter: hsla(56, 87%, 80%, 1); --starshipDark: hsla(56, 87%, 40%, 1); --starshipDarker: hsla(56, 87%, 40%, 1); --canary: hsla(64, 90%, 67%, 1); --canary-5: hsla(64, 90%, 67%, .05); --canary-10: hsla(64, 90%, 67%, .1); --canary-20: hsla(64, 90%, 67%, .2); --canary-30: hsla(64, 90%, 67%, .3); --canary-40: hsla(64, 90%, 67%, .4); --canary-50: hsla(64, 90%, 67%, .5); --canary-60: hsla(64, 90%, 67%, .6); --canary-70: hsla(64, 90%, 67%, .7); --canary-80: hsla(64, 90%, 67%, .8); --canary-90: hsla(64, 90%, 67%, .9); --canaryLight: hsla(64, 90%, 77%, 1); --canaryLighter: hsla(64, 90%, 87%, 1); --canaryLightest: hsla(64, 90%, 93%, 1); --canaryDark: hsla(64, 90%, 47%, 1); --canaryDarker: hsla(64, 90%, 39%, 1); --canaryDarkest: hsla(64, 90%, 34%, 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(330, 0%, 0%, 1); --black-5: hsla(330, 0%, 0%, .05); --black-10: hsla(330, 0%, 0%, .1); --black-20: hsla(330, 0%, 0%, .2); --black-30: hsla(330, 0%, 0%, .3); --black-40: hsla(330, 0%, 0%, .4); --black-50: hsla(330, 0%, 0%, .5); --black-60: hsla(330, 0%, 0%, .6); --black-70: hsla(330, 0%, 0%, .7); --black-80: hsla(330, 0%, 0%, .8); --black-90: hsla(330, 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-madison { background-color: var(--madison) !important; } .bg-color-madison-30 { background-color: var(--madison-30) !important; } .bg-color-aquaisland { background-color: var(--aquaisland) !important; } .bg-color-aquaisland-5 { background-color: var(--aquaisland-5) !important; } .bg-color-aquaisland-10 { background-color: var(--aquaisland-10) !important; } .bg-color-aquaisland-20 { background-color: var(--aquaisland-20) !important; } .bg-color-aquaisland-30 { background-color: var(--aquaisland-30) !important; } .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(--starship) !important; } .bg-color-starship-5 { background-color: var(--starship-5) !important; } .bg-color-starship-10 { background-color: var(--starship-10) !important; } .bg-color-starship-20 { background-color: var(--starship-20) !important; } .bg-color-starship-30 { background-color: var(--starship-30) !important; } .bg-color-starship-40 { background-color: var(--starship-40) !important; } .bg-color-starship-50 { background-color: var(--starship-50) !important; } .bg-color-canary { background-color: var(--canary) !important; } .bg-color-canary-30 { background-color: var(--canary-30) !important; } .text-color-madison { color: var(--madison) !important; } .text-color-madison-30 { color: var(--madison-30) !important; } .text-color-aquaisland { color: var(--aquaisland) !important; } .text-color-aquaislandDark { color: var(--aquaislandDark) !important; } .text-color-aquaislandDarker { color: var(--aquaislandDarker) !important; } .text-color-aquaisland-30 { color: var(--aquaisland-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-canary-30 { color: var(--canary-30) !important; } .text-color-white { color: var(--white) !important; } @media (min-width: 1025px) { [class*=carousel-control-]:focus:before, .btn-solid:not(:active):focus:before, .btn-outlined:not(:active):focus:before, .title a:not(:active):focus:before, .btn-text-link:not(:active):focus:before { content: ''; width: calc(100% + .5rem); height: calc(100% + .5rem); background: transparent; box-shadow: 0 0 0px 3px var(--aquaisland-30), 0 0 30px -1px var(--aquaisland-50); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; } nav #btn-letstalk:focus:before { border-radius: 100%; } .btn-solid:focus:before, .btn-outlined:focus:before, .btn-text-link.active:focus:before { border-radius: 4rem; } } /**************************/ /** Disable Buttons **/ /**************************/ a[class][disabled], input[type=button][class][disabled], input[type=submit][class][disabled], button[class][disabled] { opacity: 0.7 !important; cursor: not-allowed !important; animation: none !important; user-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; } /*************************/ /** Text Selection **/ /*************************/ ::-moz-selection { /* Code for Firefox */ background: var(--starship-50); } ::selection { background: var(--starship-50); } /***************/ /** Base **/ /***************/ html, body { /* overflow-x:hidden;This makes the position 'sticky' not work */ } @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-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; color: var(--madison); background: var(--athensgrayLighter); /*height: 100%; This makes the jQuery scroll not fire for some reason */ width:100% !important; /*overflow-x:hidden; This makes the position 'stikcy' not work */ margin: 0; padding: 0; /*scroll-behavior: smooth;*/ overflow-x: hidden; } } @media (min-device-width: 1680px ){ html, body { font-size: 18px !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: 20px !important; } } @media (min-device-width: 2560px ){ html, body { font-size: 26px !important; } } html.modal-is-visible, html.modal-is-visible > body, body[data-state="showMobileMenu"] { overflow-y: hidden !important; } #main-content a:not([class]), #main-content a:not([class]):visited { /*font-family: 'Libre Baskerville', serif; color: var(--canary) !important;*/ } h1, h1 * { font-size: clamp(2rem, 3.75vw, 3rem) !important; line-height: 1.25 !important; } h1, h2, h3, h1 *, h2 *, h3 * { /*font-family: 'Libre Baskerville', serif !important;*/ color: var(--madisonLight); font-weight: 900 !important; } h4, h5, h6 { /*font-family: 'Libre Franklin', sans-serif !important;*/ color: var(--madisonLight); font-weight: 900 !important; } .heading-responsive-lg, .heading-responsive-lg h1, .heading-responsive-lg h2, .heading-responsive-lg h3, .heading-responsive-lg h4, .heading-responsive-lg h5, .heading-responsive-lg h6 { font-size: clamp(2rem, 3.75vw, 3rem) !important; } @media (max-width: 475px) { .heading-responsive-lg.w-90 { width: 100%; } } .heading-responsive, .heading-responsive h1, .heading-responsive h2, .heading-responsive h3, .heading-responsive h4, .heading-responsive h5, .heading-responsive h6 { font-size: clamp(1.5rem, 2.25vw, 1.75rem) !important; color: var(--madison); } .heading-badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: .75rem; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); font-size: 1rem; font-weight: 400; color: var(--madisonDark); background-color: var(--aquaislandLightest); } p { /*font-family: 'Libre Franklin', sans-serif;*/ font-size: 1.125rem; font-weight: 300; line-height: 1.75; opacity: 1; } p:not(.has-background):last-of-type { padding-bottom: 0; margin-bottom: 0; } footer li a:not([class]), p a:not([class]){ color: var(--aquaislandDarkest) !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(--madison);*/ -webkit-overflow-scrolling: touch; } h1:not(.site-title):before, h2:before { display: none; visibility: hidden; } /* Top Header */ #top-header .container { padding-top: .25rem; padding-bottom: .25rem; } .et_secondary_nav_enabled #page-container #top-header { background-color: var(--madison-80) !important; box-shadow: inset 0 -2px 0 0 var(--madisonDark), inset -2px 2px 8px var(--madisonDarker); } .et_secondary_nav_enabled #page-container #top-header.et-fixed-header { background-color: var(--madison) !important; } #et-secondary-menu, #et-secondary-nav, #et-secondary-nav li { margin: 0; } #et-secondary-nav ul { display: grid; } #et-info, #et-secondary-menu>ul>li a { padding: .25rem .75rem; margin: 0 .25rem; border: 1px solid var(--white-30); border-radius: 1rem; text-decoration: none; } #et-info, #et-secondary-menu>ul>li a:focus, #et-info, #et-secondary-menu>ul>li a:hover { text-decoration: underline; } #et-info, #et-secondary-menu>ul>li.menu-item-584 a:before { content: "\f470"; display: inline-block; color: var(--canary); margin-right: .125rem; font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: .925rem; vertical-align: top; text-align: center; transition: color .1s ease-in; text-decoration: none; } /* 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: 3.25rem !important; } } /* Logo */ .logo_container, .logo_container a { display: flex; justify-content: flex-start; } .logo_container:has(a:hover) { opacity: 0.9; transform: scale(0.98); transform-origin: center center; } .logo_container:has(a:focus) { opacity: 1; transform: scale(1.04); transform-origin: center center; filter: brightness(1.04); } .et_header_style_left .logo_container { position: absolute; max-height: 100%; max-width: 12rem; width: 100%; top: 0; bottom: 0; overflow: hidden; } @media (max-width: 980px){ .et_header_style_left .logo_container { max-width: 21rem; } .et_header_style_left #logo { max-width: 100%; } } #logo { align-self: center; } /* Main Navigation */ #top-menu li { display: inline-block; font-size: 0.875rem; padding-right: .75rem; } #top-menu > li > a { cursor: pointer; font-size: 1rem; font-weight: 700; opacity: 1 !important; padding: .25rem .625rem !important; border-radius: 2rem; color: var(--white); background: var(--madison-60); border: 0px solid var(--white-60); line-height: normal; padding: 0.5rem 1rem !important; /* margin: -0.375rem 0 0 !important; */ } .et-fixed-header #top-menu > li > a { color: var(--white); background: var(--black-50); border: 2px solid var(--white-20); margin: .375rem 0 0 !important; background: transparent; color: var(--madison); } #top-menu > li > a:hover { opacity: .7 !important; } #top-menu li a:hover { text-decoration: underline; } .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { color: var(--madison); background: var(--white-90); text-shadow: 0 1px 0 var(--white); /* box-shadow: 0 0 0 .125rem var(--aquaisland-80); */ } .et-fixed-header .mobile_menu_bar:before, .et-fixed-header .mobile_menu_bar:after, .et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a { color: var(--madison); background: var(--white-90); text-shadow: 0 1px 0 var(--white); /* box-shadow: 0 0 0 .125rem var(--aquaisland-80), 0 0 .5rem .277rem var(--white-90); */ } .et-fixed-header #top-menu li.current-menu-ancestor > a { color: var(--white); background: var(--madison-90); } #top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after { font-size: 1rem; position: relative; margin-left: .375rem; margin-right: 0px !important; transform: rotate(0deg) !important; background: var(--canary); border-radius: 1rem; color: var(--madisonLighter); } #top-menu li.current-menu-ancestor.menu-item-has-children>a:first-child:after, #et-secondary-nav li.current-menu-ancestor.menu-item-has-children>a:first-child:after { background: var(--madison); color: var(--canary); box-shadow: 0 0 0 1px var(--canaryDark); } #top-menu .menu-item-has-children:hover>a:hover:first-child:after, #top-menu li.et-show-dropdown.menu-item-has-children:hover >a:first-child:after, #et-secondary-nav li.et-show-dropdown.menu-item-has-children:hover >a:first-child:after { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } @media only screen and (min-width: 981px){ .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 5rem !important; padding-bottom: 5rem !important; } .et-fixed-header #et-top-navigation, .et-fixed-header #et-top-navigation { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .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; text-shadow: none; } .et-fixed-header #top-menu li a { font-size: 0.875rem; } } #main-header .nav li ul { } #main-header .nav li li { padding: 0; margin: 0; display: block; width: 100%; } #main-header .nav li ul a { border-radius: .5rem; white-space: nowrap; width: auto; } #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(--madison); color: var(--white) !important; font-weight: 300; } #main-header .nav li.menu-item-60 a[aria-current="page"], .et_mobile_menu li.menu-item-60 a[aria-current="page"], #main-header .nav li.menu-item-60 a[aria-current="page"]:hover, .et_mobile_menu li.menu-item-60 a[aria-current="page"]:hover a, #main-header .nav li.menu-item-61 a[aria-current="page"], .et_mobile_menu li.menu-item-61 a[aria-current="page"], #main-header .nav li.menu-item-61 a[aria-current="page"]:hover, .et_mobile_menu li.menu-item-61 a[aria-current="page"]:hover a, #main-header .nav li.menu-item-62 a[aria-current="page"], .et_mobile_menu li.menu-item-62 a[aria-current="page"], #main-header .nav li.menu-item-62 a[aria-current="page"]:hover, .et_mobile_menu li.menu-item-62 a[aria-current="page"]:hover a { /*background: var(--aquaisland);*/ } #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(--aquaisland-50); color: var(--madison) !important; opacity: 1 !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 { border-radius: 1rem; border-top: .25rem solid var(--aquaisland); border-bottom: .25rem solid var(--aquaisland); gap: .5rem; display: grid; overflow-y: scroll; max-height: 66vh; padding: 0.5rem; } } #top-menu li.btn-book-a-call a, .et-fixed-header #top-menu li.btn-book-a-call a, .btn-book-a-call a { top: -0.75rem; padding: 0.75rem 1rem !important; color: var(--white) !important; border-radius: 4rem; font-weight: 500!important; background-color: #ff4da5; font-size: 1rem; opacity: 1 !important; font-family: 'Red Rose', display; font-weight: 600 !important; } .et_mobile_menu { overflow: scroll; height: calc(100vh - 5.5rem); } .mobile_menu_bar { min-height: 4rem; min-width: 4rem; display: flex; align-items: center; justify-content: flex-end; } .mobile_menu_bar button { padding: 0.5rem 1rem; border: 1px solid var(--madison-10); border-radius: 4rem; display: flex; height: 2.5rem; justify-content: center; align-items: center; font-size: .925rem; font-weight: 600; background: transparent; color: var(--madison); } .mobile_nav.opened .mobile_menu_bar button { background: var(--madison); color: var(--white); } .menu-toggle-icon { width: 1rem; height: 1rem; margin-left: 0.5rem; display: inline-flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 0.125rem; position: relative; transition-duration: 1s !important; } .menu-toggle-icon .menu-toggle-icon-line-01, .menu-toggle-icon .menu-toggle-icon-line-02, .menu-toggle-icon .menu-toggle-icon-line-03 { height: .125rem; width: 100%; background: var(--aquaisland); border-radius: 0.125rem; transition-duration: 1s !important; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01, .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02, .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 { position: absolute; top: 50% !important; transform-origin: center; transition-duration: 1s !important; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-01 { transform: translateY(-50%) rotate(319deg); } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-02 { opacity: 0; } .mobile_nav.opened .menu-toggle-icon .menu-toggle-icon-line-03 { transform: translateY(-50%) rotate(45deg); } /* body[data-state="showMobileMenu"] .mobile_menu_bar button { } @media (min-width: 1025px ){ .mobile_menu_bar button { display: none !important; } } */ /********************************** STRUCTURAL ***********************************/ @media (min-width: 981px) { body:has( .et_pb_section_0.et_pb_fullwidth_section ).et_fixed_nav.et_show_nav #page-container { padding-top: 0 !important; } } #page-container #et-main-area { z-index: 1; } #page-container #main-header { z-index: 3; } #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(--athensgrayLighter-80); box-shadow: none; } #main-header.et-fixed-header { background: var(--white-90) !important; backdrop-filter: blur(0.25rem); box-shadow: 0 1rem 1rem 0.5rem var(--athensgrayLighter-80); } @media (min-width: 1024px) { #main-header.et-fixed-header { box-shadow: 0 1rem 1rem 0.5rem var(--athensgrayLighter-80); } } .img-border { box-shadow: 0rem 0.125rem 0.75rem var(--aquaisland-30); border: 0.5rem double var(--madison-80); background-color: transparent !important; } /** FOCUS STATES **/ header a:not(:active):focus, footer a:not(:active):focus, .et_pb_button:not(:active):hover, .et_pb_button:not(:active):focus, button:not(:active):hover, button:not(:active):focus, input:not(:active):hover, input:not(:active):focus, .et_clickable:not(:active):hover, .et_clickable:not(:active):focus, .et_clickable a:not(:active):hover, .et_clickable a:not(:active):focus, a.img-square:not(:active):hover, a.img-square:not(:active):focus, .tab-content [role="tablist"] a:not(:active):hover:not(.active), .tab-content [role="tablist"] a:not(:active):focus, .page-title a:not(:active):focus i, p a:not([class]):focus { box-shadow: 0 0 0px 3px var(--aquaisland-30), 0 0 30px -1px var(--aquaisland-50); } .btn-solid:focus, .btn-outlined:focus { animation: scaleIn 0.16s; transform-origin: center; animation-fill-mode: forwards; } a.img-square[aria-label]:after { transition-duration: .5s; content: attr(aria-label); display: flex; position: absolute; background-color: var(--aquaislandDark); 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(--aquaislandDarker); opacity: 0; transform: translateY(-10%); } a.img-square[aria-label]:not(:active):hover:after, a.img-square[aria-label]:not(:active):focus:after { opacity: 1; transform: translateY(-50%); } /** DROPDOWN **/ nav .dropdown-menu { margin-top: 0.25rem; border-radius: 0.125rem; position: absolute; background: var(--white); padding: 4%; border: 1px solid var(--athensgrayDark); box-shadow: .125rem .25rem 1.5rem -.5rem var(--aquaisland-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(--starship-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(--madison-40); margin-right: .325rem; } nav .dropdown-header { /*font-family: "Libre Franklin", sans-serif;*/ font-weight: 600; font-size: .75rem; color: var(--aquaisland); } @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(--aquaisland) !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(--madison); 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(--aquaislandDark); } .page-title * a i, .page-title a i { position: relative; top: .2rem; left: 0rem; font-size: 1.125rem; margin-right: .75rem; color: var(--aquaislandDark); 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(--madison); 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(--madison-40); border-bottom: 1px solid var(--aquaisland-60); box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--madison-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(--madison) !important; text-shadow: 0 1px 3px rgba(0,0,0,0);*/ } .et_pb_slide_content p { color: inherit; } .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(--aquaisland-30); /*border: 0.5rem double var(--madison-80);*/ } .et_pb_slider { overflow: visible !important; /* Remove Overflow so shapes and box shadow can extend boundary */ height: 100%; display: flex; } .et_pb_slider:before { /***content: ''; display: block; z-index: 0; position: absolute; bottom: -0.5rem; left: 0rem; width: 102%; height: 5rem; background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-01.svg); background-repeat: no-repeat; background-size: contain; transform: scale(-1);***/ } .et_pb_slider:after { content: ''; display: block; z-index: 0; position: absolute; top: 1rem; left: 0rem; width: 102%; height: 2.75rem; /*background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-02.svg); background-repeat: no-repeat; background-size: contain;*/ transform: scale(-1); } .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); } .et_pb_slides:after { content: ''; display: block; z-index: 0; position: absolute; top: 0rem; right: 0rem; width: 95%; height: 10%; /*background-image: url(https://andtherewas.s3.amazonaws.com/img/bg-fluid-shapes-04.svg); background-repeat: no-repeat; background-size: contain;*/ } .et_pb_slides .et_pb_slider_container_inner { padding: 0rem 3rem 0rem; } .et_pb_slides .et_pb_slide_content { display: flex; flex-direction: column; line-height: normal; row-gap: 0rem; } .et_pb_slides .et_pb_slide_content .d-inline-flex { } .et_pb_slides .et_pb_slide_content .d-inline-flex a { } @media (max-width: 767px) { .et_pb_slides .et_pb_slide_content .d-inline-flex { flex-direction: column; margin: 1rem auto !important; } .et_pb_slides .et_pb_slide_content .d-inline-flex a { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1.025rem 1rem !important; } .et_pb_slides .et_pb_slide_content .d-inline-flex a[href*=tel] { padding-left: 4rem !important; padding-right: 4rem !important; } } @media (min-width: 767px) { .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 20% 8% 8%; } } @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(--madison); } .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, .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; } .quote-row { display: flex !important; overflow: visible !important; align-items: center; } @media (max-width: 690px) { .quote-row.et_pb_row { flex-direction: column; top: -3rem; border-radius: 1rem; padding-right: 8% !important; padding-left: 8% !important; } } .quote-row h2, .quote-row h3, .quote-row h4, .quote-row h5, .quote-row h6 { margin: 0; padding: 0; /* white-space: nowrap; */ font-size: 1.5rem !important; line-height: normal; color: var(--madison) !important; text-shadow: 0px 2px 0 var(--white), -2px -1px 0 var(--white), 2px 0px 0 var(--white), 0px -1px 0 var(--white), -2px 2px 0 var(--white); } .quote-row p { line-height: normal; } .quote-row p small { font-size: 0.75rem; } .quote-row .et_pb_contact_form_container { } .quote-row .et_pb_contact_form_container { } .gform-theme--foundation .gform_fields { row-gap: 0.5rem !important; } .quote-row .gform-footer input[type="submit"], .quote-row .et_pb_contact_form_container .et_pb_contact_submit.et_pb_button { } .quote-row .gfield select, .quote-row .gfield input, .quote-row .gfield textarea, .quote-row .et_pb_contact p input, .quote-row .et_pb_contact p textarea { border: 2px solid var(--canaryDarkest); font-size: 1rem; font-weight: 500; } .quote-row .gfield select { line-height: 3; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .quote-row .gfield select, .quote-row .gfield input:not([type=radio], [type=checkbox]) { height: 3.25rem; } .quote-row .gfield .gchoice input, .quote-row .gfield .gchoice label { cursor: pointer; } .quote-row .et_pb_contact_form { display: flex; align-items: baseline; margin-left: 0; } .quote-row p { margin-bottom: 0; } .quote-row p:not(:last-of-type) { padding-left: 0; } @media (max-width: 1500px) { .quote-row .et_pb_row_1.et_pb_row { padding-right: 3%; padding-left: 3%; } .quote-row .et_pb_column_1_4:first-child { margin-right: 2%; width: 24.875%; } } @media (max-width: 1200px) { .quote-row .et_pb_row_1.et_pb_row { padding-right: 5%; padding-left: 5%; } .quote-row .et_pb_column_1_4:first-child { margin-right: 2%; width: 40.875%; } .quote-row .et_pb_column_1_2:nth-child(2) { width: 60.875%; margin-right: 0; } .quote-row .et_pb_column_1_4:last-child { display: none; } } @media (max-width: 690px) { .quote-row .et_pb_column_1_2:nth-child(2) { margin-bottom: 0; } } .quote-row [id*=gform_wrapper_] form:has( .gfield_description.validation_message ){ padding-bottom: 1.75rem; } @media (max-width: 690px) { .quote-row [id*=gform_wrapper_] form:has( .gfield_description.validation_message ){ padding-bottom: 0; } } .quote-row .gform_heading, .quote-row [id*=gform_wrapper_] .gform_validation_errors:empty, .quote-row .et-pb-contact-message:empty { display: none; } .quote-row [id*=gform_wrapper_] .gform_validation_errors:not(:empty), .quote-row .et-pb-contact-message:not(:empty) { position: absolute; z-index: 1; background: white; left: 0; right: 0; bottom: -1rem; top: -1rem; padding: .5rem; border-radius: .5rem; background: var(--athensgray); border: 2px solid var(--alertErrorLight); color: var(--alertError); margin-bottom: 0; gap: 0.125rem; } .quote-row [id*=gform_wrapper_] .gform_validation_errors, /*.quote-row [id*=gform_wrapper_] .gfield:not(.gfield_error) .gfield_description,*/ .quote-row [id*=gform_wrapper_] .gfield.gfield_error .gfield_description:not(.gfield_validation_message) { display: none !important; } .quote-row [id*=gform_wrapper_] .gfield.gfield_error .gfield_description.gfield_validation_message { position: absolute; padding: .125rem .375rem; border-radius: .5rem; background: var(--athensgray); border: 2px solid var(--alertErrorLight); color: var(--alertError); } @media (max-width: 690px) { .quote-row [id*=gform_wrapper_] .gfield.gfield_error .gfield_description.gfield_validation_message { position: relative; } } .quote-row [id*=gform_wrapper_] .gfield.gfield_error:has(.gfield_description.gfield_validation_message) input { border-color: red !important; } .quote-row [id*=gform_wrapper_] .gfield.gfield_error:has(.gfield_description.gfield_validation_message) .gfield_description:not(.gfield_validation_message) { color: red !important; } .quote-row [id*=gform_wrapper_] .gform_validation_errors .gform_submission_error, .quote-row [id*=gform_wrapper_] .gform_validation_errors .gform_submission_error li { font-size: .75rem; line-height: normal; } .quote-row [id*=gform_wrapper_] .gform_validation_errors h2 { font-size: 0.75rem; padding-right: 4%; } /* Customizing the Gravity Forms Spinner */ .quote-row .gform_footer { position: relative; } .quote-row .gform-loader { position: absolute; top: calc(50% - .75rem); left: calc(50% - .75rem); transform: translate(-50%, -50%); background-color: var(--white-60); border-left-color: var(--madison); border-right-color: var(--madison); border-bottom-color: var(--madison-20); border-top-color: var(--madison-20); width: 1.5rem; height: 1.5rem; border-width: 6px; } .quote-row .gform_footer:has(.gform-loader) input[type=submit] { color: hsl(0deg 0% 100% / 0%) !important; } .quote-row .gform_footer input[type=submit] { -webkit-user-select: none; user-select: none; } .quote-row .gform_footer input[type=submit]:hover { background: var(--white) !important; } .quote-row .gform_footer input[type=submit]:focus { --gf-local-bg-color: var(--canary) !important; --gf-local-border-color: var(--canaryLighter) !important; --gf-local-shadow: var(--canaryDarker) !important; --gf-local-color: var(--canaryDarkest) !important; --gf-local-outline-color: var(--canaryDarkest) !important; --gf-local-outline-width: var(--canaryDarker) !important; } .quote-row .gform_footer:has(.gform-loader) input[type=submit]:hover, .quote-row .gform_footer:has(.gform-loader) input[type=submit]:active { background: var(--canaryDarkest) !important; } .quote-row .et-pb-contact-message p { } .quote-row .et-pb-contact-message ul { } .quote-row .et-pb-contact-message ul li { } .quote-row .gform-body { width: 100%; } .quote-row [id*=gform_wrapper_] .gform_page, .quote-row [id*=gform_wrapper_] form { display: flex; gap: 2%; padding-top: .75rem; } @media (max-width: 690px) { .quote-row [id*=gform_wrapper_] .gform_page, .quote-row [id*=gform_wrapper_] form { flex-direction: column; row-gap: 1rem; margin-bottom: 0; } } .quote-row #gform_page_3_4 .gform_page_fields, .quote-row #gform_page_3_5 .gform_page_fields { width: stretch; } @media (min-width: 960px){ .quote-row #gform_page_3_4 .gfield_checkbox, .quote-row #gform_page_3_5 .gfield_checkbox { display: grid; grid-template-columns: auto auto; } } .quote-row [id*=gform_wrapper_] .gform-footer { padding: 0; margin-block-start: 0 !important; } .quote-row [id*=gform_wrapper_] .gform-page-footer, .quote-row [id*=gform_wrapper_] .gform-footer { padding: 0; margin: 0; margin-block-start: 0 !important; flex-wrap: nowrap; justify-content: end; } .quote-row [id*=gform_wrapper_] .gform_page_3_2 .gform-page-footer { width: 100%; } .quote-row [id*=gform_wrapper_] input[type="submit"] { padding: 0 1.5rem !important; } .quote-row .gf_progressbar_wrapper { position: absolute; top: 0; left: 0; display: grid; width: 40%; z-index: 6; grid-template-columns: max-content auto; align-items: center; gap: .5rem; margin: 0; } .quote-row .gf_progressbar_wrapper .gf_progressbar_title { font-size: .625rem; } .quote-row .gf_progressbar_wrapper .gf_progressbar { height: .5rem; position: relative; } .quote-row .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage { width: 50%; height: 50%; top: 50%; position: absolute; transform: translateY(-50%); left: .125rem; background-color: var(--canaryDarkest); } .img-svg-circle { fill: var(--white); width: 6rem; margin: 0 auto; background: var(--madisonLight); padding: .75rem; border: 8px solid var(--madisonDark); border-radius: 100%; } #proudly-serving ul { display: grid; row-gap: .75rem; } #proudly-serving a, #pre-footer a { color: var(--canary) !important; font-weight: 600 !important; } button[class*=carousel-control-]:focus { border: .313rem solid var(--aquaisland-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(--aquaislandDark) !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(--aquaislandDark) !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(--madison) !important; } .carousel-indicators .btn-play { background: var(--aquaislandDark) !important; } .carousel-indicators .btn-play i { color: var(--white) !important; margin-left: 0.188rem; } .carousel-timer { background: -webkit-linear-gradient(left, var(--aquaisland) 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(--aquaisland); -webkit-transform: rotate(0deg); } 100% { background: var(--aquaisland); -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(--aquaislandDark); 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(--aquaisland); 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(--madison); } .content-tile .img-square i { font-size: 9vw; } @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(--starship-40); padding: 0rem 0.25rem; margin: 0rem 0.25rem; display: inline-block; } .rule-lg { height: 2.5rem; width: 100%; display: block; background-image: url(//andtherewas.s3.amazonaws.com/img/rule-large.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; } .hero { display: grid; align-items: center; min-height: 50vh !important; padding: 3rem 0 !important; } .callout { background: var(--madison); font-size: 1rem; color: var(--white); display: inline-block; padding: 0.5rem 1rem; } .title a { display: inline-block; color: var(--madison); 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(--aquaislandDark); 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; } /********************************** 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;*/ } } .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(--athensgrayDarker);*/ 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; background-color: var(--athensgray); overflow: hidden; margin-bottom: 0.5rem; justify-content: center; align-items: center; display: flex; position: relative; color: var(--madison) !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{ } } /********************************** Tabs ***********************************/ .tab-content [role="tablist"].sticky-tabs { position: sticky; top: 15.195rem; background: var(--athensgrayLighter-80); z-index: 2; box-shadow: 0 0rem 1.125rem .625rem var(--athensgrayLighter); backdrop-filter: blur(.25rem); padding-top: 1.5rem; } .tab-content [role="tablist"] a, .tab-content [role="tablist"] a:active { display: inline-flex; font-size: 1.325rem; font-style: italic; letter-spacing: 0.05rem; color: var(--madison-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(--madison); } .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(--aquaislandDark); width: 30%; } .tab-content [role="tablist"] a.active:hover:before { background-color: var(--aquaislandDark); width: 33.333%; } .tab-content [role="tabpanel"] { visibility: hidden; display: none; } .tab-content [role="tabpanel"].active { visibility: visible; display: block; } ul.list-link-group { list-style:none; padding-left: 1em; } ul.list-link-group > li { color: var(--madison); margin-bottom: 0.125rem; } ul.list-link-group > li.active { } ul.list-link-group > li > a { color: var(--madison); opacity: 0.8; will-change: opacity; padding: 0.1rem 0.25rem; /*font-family: 'LibreFranklin', sans-serif;*/ } ul.list-link-group > li.active > a { opacity: 1.0; color: var(--starship); background: rgba(38, 41, 64, 0.88); text-decoration: none !important; } ul.list-link-group > li.active > a, ul.list-link-group > li > a:hover { opacity: 1.0; text-decoration: underline; } ul.list-link-group > li:before { content: ''; display: inline-block; height: 0.75rem; width: 0.75rem; background-image: url(//andtherewas.s3.amazonaws.com/img/bullet-arrow.png); background-image: url(//andtherewas.s3.amazonaws.com/img/bullet-arrow.svg); background-size: contain; background-repeat: no-repeat; margin-right: 0.5rem; will-change: transform; } ul.list-link-group > li.active:before { transform: rotate(90deg) scale(0.9); } ul.list-link-group > li > .list-link-pane { overflow-x: auto; overflow-y: hidden; height: 0rem; width: 100%; padding: 0.75rem 1.5rem 0rem; } ul.list-link-group > li.active > .list-link-pane { height: auto; } .list-link-pane .img-circle { width: 3rem; height: 3rem; float: left; margin-right: 1rem; margin-top: 0.325rem; border-radius: 100%; } .list-link-pane .img-circle i { font-size: 1.5rem; } @media (min-width: 1280px) { .list-link-pane .img-circle { width: 4rem; height: 4rem; } .list-link-pane .img-circle i { font-size: 2.5rem; } } .list-link-pane .img-circle object { width: auto; height: 70%; } .list-link-pane .txt { display: flow-root; } /********************************** All Sections ***********************************/ main > section:first-of-type { padding-top: 6.375rem; padding-bottom: 3.5rem; } @media (min-width: 1024px ){ main > section:first-of-type { padding-top: 9.375rem; } } /********************************** Blockquote ***********************************/ .blockquote { } .et_pb_row.blockquote { border-left: 0.5rem solid var(--aquaislandLight); border-right: 0.5rem solid var(--starshipLight); 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(--aquaislandDark); } @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 ***********************************/ .gform_wrapper button, .gform_wrapper input[type=submit], .gform_wrapper input[type=button], .btn-solid, .btn-outlined, .btn-text-link { /*font-family: 'Libre Franklin', sans-serif !important;*/ font-family: 'Red Rose', display; font-weight: 600 !important; text-align: center !important; text-shadow: none !important; display: inline-flex !important; width: max-content; align-items: center; position: relative; } .btn-solid.text-center, .btn-outlined.text-center, .btn-text-link.text-center { justify-content: center; } .gform-footer input[type="submit"], .et_pb_contact_submit, .gform_wrapper button, .gform_wrapper input[type=submit], .gform_wrapper input[type=button], #top-menu li.btn-book-a-call a, .et-fixed-header #top-menu li.btn-book-a-call a, .btn-solid, .btn-outlined { font-size: 1.125rem !important; background: var(--canary) !important; border: 3px solid transparent !important; border-radius: 4rem !important; text-decoration: none !important; padding: 0.5rem 1rem !important; } #top-menu li.btn-book-a-call a { margin: 0.5rem 0 0 !important; } .et-fixed-header #top-menu > li.btn-book-a-call > a { margin: 1rem 0 0 !important; } .btn-text-link { padding: 0.5rem 0 !important; animation: scaleOut 0.16s; border-radius: 1.5rem; border: 2px dotted transparent; } .gform_wrapper button { animation: scaleOut 0.16s; border-radius: 1.5rem; border: 2px dotted transparent; } .gform_wrapper button:hover, .btn-text-link:hover { animation: scaleIn 0.16s; transform-origin: center; animation-fill-mode: forwards; } .btn-text-link.active, .btn-text-link.active:hover { background: var(--aquaisland-10); /* filter: drop-shadow(0rem 0rem .125rem var(--aquaisland)); */ border: 2px dotted var(--aquaislandDark); padding: 0.5rem 0.675rem !important; margin-left: -0.5rem; } .btn-text-link .label { color: var(--aquaislandDark); text-decoration: underline !important; } .btn-text-link:hover .label { color: var(--aquaislandDarker); text-decoration: none !important; } .btn-text-link.active .label, .btn-text-link.active:hover .label { color: var(--madison); 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(--madison); } .gform-footer input[type="submit"], .et_pb_contact_submit, .gform_wrapper button, .gform_wrapper input[type=submit], .gform_wrapper input[type=button], #top-menu li.btn-book-a-call a, .et-fixed-header #top-menu li.btn-book-a-call a, .btn-solid { color: var(--madison) !important; background: var(--canary) !important; animation: scaleOut 0.16s !important; box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 4px var(--canaryDark), 0 0.325rem 0.325rem var(--canary-20) !important; } .gform-footer input[type="submit"]:hover, .et_pb_contact_submit:hover, .gform_wrapper button:hover, #top-menu li.btn-book-a-call a:hover, .et-fixed-header #top-menu li.btn-book-a-call a:hover, body .et_pb_bg_layout_light.et_pb_button.btn-solid:hover, body .et_pb_bg_layout_light .et_pb_button.btn-solid:hover, body .et_pb_button.btn-solid:hover, .btn-solid:hover { color: var(--madisonDark) !important; background: var(--canary) !important; animation: scaleIn 0.16s !important; transform-origin: center !important; animation-fill-mode: forwards !important; box-shadow: inset 0 0 0 3px var(--canaryLight), inset 0 0 0 5px var(--canaryDark), 0 0.325rem 0.325rem var(--aquaisland-20) !important; cursor: pointer; } .gform-page-footer input[type="submit"], .gform-footer input[type="submit"], .et_pb_contact_submit, .gform_wrapper button, .gform-page-footer input[type=button], .gform_wrapper input[type=button], .btn-outlined { font-size: 1rem !important; color: var(--white) !important; animation: scaleOut 0.16s !important; background: var(--black-40) !important; /* border-color: var(--aquaisland) !important; */ box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 4px var(--athensgray-40), 0 0.325rem 0.325rem var(--aquaisland-10) !important; height: 3.25rem !important; } .gform-page-footer input[type="submit"] { background: var(--madison-90) !important; } .gform_wrapper button { margin-top: 0.75rem !important; } body .et_pb_bg_layout_light.et_pb_button.btn-outlined:hover, body .et_pb_bg_layout_light .et_pb_button.btn-outlined:hover, body .et_pb_button.btn-outlined:hover, .btn-outlined:hover { color: var(--white) !important; animation: scaleIn 0.16s; transform-origin: center; animation-fill-mode: forwards; background: var(--black-30); border-color: var(--canary) !important; } .gform_wrapper.gravity-theme .gf_progressbar_percentage { background-color: var(--aquaisland-80) !important; } footer { font-size: 0.875rem; /*font-family: "LibreFranklin", sans-serif;*/ display: flex; justify-content: center; align-items: center; flex-basis: 100%; text-align: center; background-color: var(--madisonDark); position: relative; z-index: 2; } footer .bottom-nav { text-align: center; } .bottom-nav a { font-size: 1rem; color: var(--white); } .bottom-nav a:hover { color: var(--aquaislandDark); } footer #footer-bottom { padding: .75rem 0; display: flex; justify-content: space-around; } footer #footer-bottom .container { position: relative; width: 100%; display: grid; align-items: center; gap: .5rem; } @media (min-width: 768px) { footer #footer-bottom .container { grid-template-columns: 50% 50%; } } footer #footer-bottom .container:before, footer #footer-bottom .container:after { content: ""; display: none; } #footer-info, #footer-info a { padding: 0; float: none; } footer .footer-copyright { font-size: .5rem; color: var(--madisonLighter); text-align: center; } footer #footer-info { text-align: right; font-size } @media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { footer #footer-info, footer .footer-copyright { text-align: center; } } ul#footer-nav-menu { text-align: left; display: grid; row-gap: .5rem; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; font-size: 1rem; } ul#footer-nav-menu li { margin: 0; padding: 0; } ul#footer-nav-menu li ul { padding: 1rem 0 1rem 1rem; display: grid; row-gap: .5rem; } footer .footer-social { text-align: left; } @media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { footer .footer-social { text-align: center; } } footer .footer-social a { display: inline-flex; width: 2.5rem; height: 2.5rem; justify-content: center; align-items: center; margin-right: .5rem; border-radius: 100%; background: var(--madison); animation: scaleOut 0.16s; text-decoration: none; } footer .footer-social a:hover { animation: scaleIn 0.16s; transform-origin: center; animation-fill-mode: forwards; background: var(--aquaislandDark); } footer .footer-social i { font-size: 1rem; color: var(--white); } footer .bottom-nav { display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction: column; gap: 0.5rem; } @media (min-width: 768px) { footer .bottom-nav { flex-direction: row; } } @media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { footer .bottom-nav li { padding: .5rem 0rem; } } /********************************** Forms ***********************************/ input[type=radio], input[type=checkbox] { accent-color: var(--aquaisland); height: .75rem; width: .75rem; } #btn-admin, .btn-circle { /*font-family: 'Libre Franklin', sans-serif;*/ font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05rem; color: var(--white); height: 4.75rem; width: 4.75rem; background: var(--canary); border-radius: 100%; position: fixed; top: 50%; transform: translateY(-50%); display: inline-flex; text-align: center; justify-content: center; align-items: center; cursor: pointer; user-select: none; z-index: 99; box-shadow: 0px 0px 20px rgba(24, 205, 202, 0); border: 3px solid var(--athensgray); user-select: none; outline: none; animation: scaleOut 0.16s; } #btn-admin:hover, .btn-circle:hover { animation: scaleIn 0.16s; transform-origin: center; animation-fill-mode: forwards; background: var(--canaryDark); } #btn-admin { right: initial; left: 2.5rem; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); opacity: 0.4; will-change: opacity; } #btn-admin:hover { opacity: 1.0; } @keyframes scaleIn { from { transform: scale(1); } to { transform: scale(0.96); } } @keyframes scaleOut { from { transform: scale(0.96); } to { transform: scale(1); } } .btn-info { border-radius: 100% !important; width: 1.25rem !important; height: 1.25rem !important; line-height: 0 !important; font-size: 0.6rem !important; padding: 0rem !important; margin-left: 0.5rem !important; background-color: var(--starship) !important; border-color: var(--starshipDarker) !important; } .btn-info:hover { background-color: var(--starshipDarker) !important; border-color: var(--starshipDarker) !important; } /********************************** Device Orientation Buffer ***********************************/ #device-orientation-buffer { height: 100%; width: 100%; position: fixed; background: rgba(0,0,0,0.64); transform: translateY(0%); color: var(--white) !important; cursor: pointer; position: fixed; opacity: 0.0; visibility: hidden; z-index: -1; } #device-orientation-buffer { opacity: 0.0; visibility: hidden; z-index: -1; top: 0%; left: 0%; } /* (max-width: 896px) */ @media only screen and (max-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(--canary); box-shadow: 0px 10px 320px var(--canary-80) !important; overflow: hidden; cursor: default; flex-direction: row; display: flex; justify-content: stretch; align-items: center; border-radius: .5rem; } #device-orientation-buffer .section-content .grid-1, #device-orientation-buffer .section-content .grid-2 { justify-content: center; align-items: center; width: 60%; } #device-orientation-buffer .section-content .grid-1 { width: 36%; } #device-orientation-buffer .img-square { display: inline-flex; width: auto; place-self: center; border: none; overflow: visible; font-size: 30vh; color: var(--white) !important; background-color: transparent !important; } #device-orientation-buffer .img-square i { color: var(--white) !important; } #device-orientation-buffer h2 { font-size: 8vw; color: var(--white) !important; } #device-orientation-buffer p { color: var(--white) !important; font-weight: 500; font-size: 2.5vw; line-height: 4vw; letter-spacing: 0.125rem; } } /*---------------------------------------------------------------- >>> ALERT COMPONENTS: ----------------------------------------------------------------*/ .gfield_html { position: relative; } .gfield_html::before:not(.info, .warning, .success) { content: "" !important; } .gfield_html.info, .gfield_html.success, .gfield_html.info, .gfield_html.warning, .woocommerce-error, .woocommerce-info, .woocommerce-message, .login #login_error, .login .message, .login .success, [role='alert'].error, [role='alert'].warning, [role='alert'].info, [role='alert'].success, [role='message'].error, [role='message'].warning, [role='message'].info, [role='message'].success { padding: .75rem 2rem .75rem 2.75rem; margin: 0 0 .75rem; position: relative; background-color: transparent; color: var(--white); border: 2px solid transparent; list-style: none outside; width: auto; word-wrap: break-word; border-radius: 0.25rem; box-shadow: 0 2px 1px 0 var(--denim-30); align-items: flex-start; display: flex; align-items: center; } .login #login_error, .login .message { display: block; } [role='alert'].error, [role='alert'].info, [role='alert'].warning, [role='alert'].success { position: fixed !important; z-index: 99999; top: -50%; left: 50%; width: min(100%, 80vw); transform: translateX(-50%); } @media only screen and (max-width: 680px){ .gfield_html.info, .gfield_html.success, .gfield_html.info, .gfield_html.warning, .woocommerce-error, .woocommerce-info, .woocommerce-message, .login #login_error, .login .message, .login .success, [role='alert'].error, [role='alert'].info, [role='alert'].success, [role='message'].error, [role='message'].info, [role='message'].success { flex-direction: column; } } .gfield_html.info::before, .gfield_html.success::before, .gfield_html.info::before, .gfield_html.warning::before, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, .login #login_error::before, .login .message::before, .login .success::before, [role='alert'].error:before, [role='alert'].warning:before, [role='alert'].info:before, [role='alert'].success:before, [role='message'].error:before, [role='message'].warning:before, [role='message'].info:before, [role='message'].success:before { color: var(--white); top: 50%; left: 1rem; transform: translateY(-50%); position: absolute; content: "😅"; } @media only screen and (min-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(--aquaislandDark); border: 2px solid var(--aquaislandLight); } .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(--starship); 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(--aquaisland-60); box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--madison-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(--aquaisland-60); box-shadow: inset 0px -3px 0px var(--white), inset 0px -4px 0px var(--madison-20); padding: 0.5rem; margin-bottom: 1rem; } /* Google Map Module */ #proudly-serving .et_pb_map .gm-title { margin-bottom: .5rem; color: var(--madisonLight); } #proudly-serving .et_pb_map .view-link a { color: var(--canaryDarkest) !important; display: flex; margin-top: .5rem; } /** Blue **/ .quote-row { background-color: #eff6f8 !important; } #et-info, #et-secondary-menu>ul>li.menu-item-584 a:before { color: var(--aquaisland); } #top-menu li.current-menu-ancestor.menu-item-has-children>a:first-child:after, #et-secondary-nav li.current-menu-ancestor.menu-item-has-children>a:first-child:after { background: var(--madison); color: var(--aquaisland); box-shadow: 0 0 0 1px var(--aquaislandDark); } #top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after { color: var(--madisonDark); background-color: var(--aquaislandLightest); } .quote-row .gfield select, .quote-row .gfield input, .quote-row .gfield textarea, .quote-row .et_pb_contact p input, .quote-row .et_pb_contact p textarea { border: 2px solid var(--aquaislandDarker) !important; } .quote-row .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage { background-color: var(--aquaislandDarkest) !important; } .gform-page-footer input[type="submit"], .gform-footer input[type="submit"], .et_pb_contact_submit, .gform_wrapper button, .gform-page-footer input[type=button], .gform_wrapper input[type=button], .btn-outlined { background: var(--madison-60) !important; } .gform-footer input[type="submit"], .et_pb_contact_submit, .gform_wrapper button, .gform_wrapper input[type=submit], .gform_wrapper input[type=button], #top-menu li.btn-book-a-call a, .et-fixed-header #top-menu li.btn-book-a-call a, .btn-solid { color: var(--madison) !important; background: var(--aquaislandLightest) !important; animation: scaleOut 0.16s !important; box-shadow: inset 0 0 0 2px var(--white), inset 0 0 0 4px var(--aquaislandLight), 0 0.325rem 0.325rem var(--aquaisland-20) !important; background-color: hsl(213 80% 38% / 1) !important; color: var(--white) !important; } .et_secondary_nav_enabled #page-container #top-header { background-color: var(--madison-60) !important; box-shadow: inset 0 -2px 0 0 var(--madisonDark), inset -2px 2px 8px var(--madisonDarker); } /*---------------------------------------------------------------- >>> RESOURCES ----------------------------------------------------------------*/ .resource_item { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-top-color: var(--purpleheart); border-style: solid; padding-top: 31px!important; padding-right: 30px!important; padding-bottom: 31px!important; padding-left: 30px!important; box-shadow: 0px 20px 45px -5px rgba(0,0,0,0.07); margin-bottom: 2.75%; } .resource_content { max-width: 550px; margin: 0 auto; position: relative; text-align: left; word-wrap: break-word; width: 100%; } @media (min-width: 768px) { .resource_content { display: grid; grid-template-columns: 3rem auto; grid-template-rows: auto auto; column-gap: 1rem; } } .resource .resource_title { font-size: 1.25rem; color: var(--black) !important; line-height: 1.7em; margin: 0; } .resource .resource_subtitle { font-size: .875rem; color: var(--black) !important; line-height: 1.7em; margin: 0; } .resource .resource_image { grid-row-start: 1; grid-row-end: 3; } .resource .resource_image .et-pb-icon { font-size: 2rem; color: var(--purpleheart); } .resource .resource_description { grid-column-start: 2; } /*---------------------------------------------------------------- >>> REFERENCES ----------------------------------------------------------------*/ .reference_item { font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; line-height: 2em; border-radius: 5px 5px 5px 5px; overflow: hidden; border-top-width: 10px; border-top-color: var(--persimmon); border-style: solid; padding-top: 31px!important; padding-right: 30px!important; padding-bottom: 31px!important; padding-left: 30px!important; box-shadow: 0px 20px 45px -5px rgba(0,0,0,0.07); margin-bottom: 2.75%; } .reference_content { margin: 0 auto; } @media (min-width: 768px) { .reference_content { width: 90%; display: grid; grid-template-columns: 6rem calc(100% - 3rem); grid-template-rows: min-content 100%; column-gap: 1.5rem; justify-content: space-evenly; } } .reference .reference_title { margin-bottom: .5rem; } .reference .reference_title, #page-container .reference .reference_title h2 { font-size: 1.25rem !important; display: inline; line-height: 1.7em; } .reference .reference_title h2 { display: inline; } .reference .reference_image { grid-row-start: 1; grid-row-end: 3; } @media (max-width: 768px) { .reference .reference_image { padding-bottom: 1rem; text-align: center; } .reference .reference_image img { max-height: 10rem; } } .reference .reference_image .et-pb-icon { font-size: 2rem; color: var(--purpleheart); } .reference .reference_description { grid-column-start: 2; } .reference .reference_description p { font-weight: 500; } .reference .reference_publication { display: grid; grid-template-columns: min-content min-content auto; margin-bottom: .5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .reference .reference_publication .reference_publication_date, .reference .reference_publication .reference_publication_link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .reference .reference_publication .reference_publication_link { max-width: 30rem; } .reference .reference_publication .reference_publication_delimeter { padding-right: .5rem; } /*---------------------------------------------------------------- >>> ACCORDION: FAQs ----------------------------------------------------------------*/ .accordion { border: 1px solid var(--black-20) !important; border-radius: 0.5rem; overflow: hidden; } .accordion-row:not(:last-child) { border-bottom: 1px solid var(--white-50); } .accordion-header [aria-expanded]:hover { /* padding-left: .5rem; */ } .accordion-header h2 { font-size: 1.125rem; margin-bottom: 0rem !important; padding-bottom: 0rem !important; } .accordion-header h2 button { position: relative; display: flex; width: 100%; padding: 1.25rem 3.5rem 1.25rem 1.5rem; background-color: var(--white-80); border: none; font-weight: 600; color: var(--black-80) !important; font-size: 1rem !important; border-radius: 0 !important; text-align: left; } .accordion-row:first-child, .accordion-row:first-child .accordion-header h2 button { border-radius: 0.5rem 0.5rem 0rem 0rem !important; } .accordion-row:last-child, .accordion-row:last-child .accordion-content { border-radius: 0rem 0rem 0.5rem 0.5rem !important; } .accordion-row { border-left: 1px solid var(--black-20); border-right: 1px solid var(--black-20); } .accordion-row:first-child { border-top: 1px solid var(--black-20); } .accordion-row:last-child { border-bottom: 1px solid var(--black-20); } .accordion-header h2 button:hover { background-color: var(--white); color: var(--black-80) !important; } .accordion-header h2 button[aria-expanded=true], .accordion-header h2 button[aria-expanded=true]:hover { background-color: var(--fiord); color: var(--white) !important; } .accordion-row:not(:last-child) .accordion-header.collapsed { box-shadow: 0rem 1px var(--black-20); } .accordion-header i { position: absolute; top: 50%; right: 1.25rem; font-size: 1.75rem; font-style: normal; font-weight: 400; transition-duration: .6s; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .accordion-header [aria-expanded]:hover i { /*right: .5rem;*/ } .accordion-header [aria-expanded='true'] i { transform: translateY(-50%) rotate(45deg); opacity: 1; } .accordion-header [aria-expanded='true']:hover i, .accordion-header [aria-expanded='false']:hover i { opacity: 1; } .accordion-header [aria-expanded='false'] i { transform: translateY(-50%) rotate(0deg); opacity: .4; } .accordion-header-number { padding-right: 0.5rem; white-space: nowrap; } .accordion-content { padding: 1rem 1.5rem; background-color: var(--white); } .accordion-content.show { box-shadow: 0rem 1px var(--black-30); } .accordion-content p:last-of-type, .accordion-content ul:last-of-type { margin-bottom: 0rem; } /*---------------------------------------------------------------- >>> ACCORDION: GLOSSARY ----------------------------------------------------------------*/ .glossary-controls { display: flex; gap: 0.75rem; align-items: center; padding: 0rem 0rem 1.75rem; overflow-x: auto; } @media (min-device-width: 767px) { .glossary-controls { flex-wrap: wrap; justify-content: center; } } .glossary-controls .glossary-controls-character { background-color: var(--black-05); padding: .5rem .875rem; border-radius: 0.25rem; font-weight: 900; color: var(--black-40); cursor: default; } .glossary-controls [role=link].glossary-controls-character { background-color: var(--persimmon); color: var(--white); font-weight: 900; cursor: pointer; } .glossary-controls .glossary-controls-separator { } .glossary-row-group-heading { background-color: var(--persimmon); color: var(--white); font-weight: 900; padding: 0rem 0.875rem; } .accordion-content .glossary-entry-wrapper:not(:last-of-type) { border-bottom: 1px solid var(--black-20); margin-bottom: 2rem; }