@font-face {
  font-family: Antro Vectra;
  src: url('../fonts/Antro_Vectra.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Antro Vectra;
  src: url('../fonts/Antro_Vectra_Bolder.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-slate-grey: #0b3838;
  --_app-colours---dark-green: #2b4346;
  --white: white;
  --dark-slate-grey-2: #3c5a65;
  --goldenrod-2: #c6993f;
  --black: black;
  --white-smoke: #f3f5f5;
  --dark-slate-grey-3: #3f6267;
  --goldenrod: #d4b45a;
  --dark-goldenrod: #ba8126;
  --slate-grey: #617982;
  --_app-colours---orange: #d35e42;
  --_app-colours---light-green: #5c8d8e;
  --_app-colours---white: white;
  --_app-colours---off-white: #efefef;
  --_app-colours---dark-grey: #444;
  --_app-colours---grey: #828282;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  height: 100%;
  font-family: source-sans-3-variable, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

a {
  color: var(--dark-slate-grey);
  font-weight: 400;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.ma-0 {
  margin: 0;
}

.ma-auto {
  margin: auto;
}

.ma-10 {
  margin: 10px;
}

.ma-20 {
  margin: 20px;
}

.ma-30 {
  margin: 30px;
}

.ma-40 {
  margin: 40px;
}

.ma-50 {
  margin: 50px;
}

.ma-60 {
  margin: 60px;
}

.ma-70 {
  margin: 70px;
}

.ma-80 {
  margin: 80px;
}

.ma-90 {
  margin: 90px;
}

.ma-100 {
  margin: 100px;
}

.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-0 {
  margin-right: 0;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-0 {
  margin-left: 0;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-100 {
  margin-left: 100px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.pa-0 {
  padding: 0;
}

.pa-10 {
  padding: 10px;
}

.pa-20 {
  padding: 20px;
}

.pa-30 {
  padding: 30px;
}

.pa-40 {
  padding: 40px;
}

.pa-50 {
  padding: 50px;
}

.pa-60 {
  padding: 60px;
}

.pa-70 {
  padding: 70px;
}

.pa-80 {
  padding: 80px;
}

.pa-90 {
  padding: 90px;
}

.pa-100 {
  padding: 100px;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-0 {
  padding-right: 0;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-0 {
  padding-left: 0;
}

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-left: 100px;
}

.welcome-screen {
  background-color: var(--_app-colours---dark-green);
  color: var(--white);
  text-align: center;
  width: 100%;
  height: 100%;
  padding-bottom: 5rem;
  display: flex;
  overflow: auto;
}

.welcome-wrapper {
  background-image: url('../images/Asset-54.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1200px;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.welcome-inner-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: auto;
  padding: 40px 20px 100px;
  display: flex;
  overflow: auto;
}

.welcome-icon {
  border: 0 #000;
  max-height: 150px;
  margin-bottom: 5rem;
}

.welcome-content-wrapper {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 250px;
  margin-bottom: 40px;
  display: flex;
}

.welcome-heading {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
}

.welcome-heading-featured-text {
  font-weight: 600;
  display: block;
}

.button {
  text-align: center;
  background-color: #1c4243;
  border-radius: 3px;
  width: 210px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  transition: background-color .3s;
}

.button:hover {
  background-color: #193738;
}

.button.white {
  background-color: #0000;
  border: 2px solid #fff;
  flex: none;
  width: 210px;
}

.button.white:hover {
  background-color: #ffffff26;
}

.button.gold {
  color: var(--white);
  background-color: #0000;
  background-image: linear-gradient(to right, #d4b45a, #c6993f 50%, #ba8126);
  width: 300px;
  transition-property: none;
}

.button.gold:hover {
  background-image: linear-gradient(to right, #f0d075, #c6993f 50%, #ba8126);
}

.button.block {
  width: 350px;
}

.button.full-width {
  width: 100%;
  display: block;
}

.form-page {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.simple-header {
  background-color: var(--dark-slate-grey);
  text-align: center;
  flex: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.brand-logo {
  width: 220px;
  height: 110px;
}

.form-page-content {
  text-align: center;
  background-color: #f2f5f5;
  flex-direction: column;
  flex: 1;
  padding: 100px 20px 40px;
  display: flex;
}

.simple-footer {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 130px;
  display: flex;
}

.white-link {
  color: var(--white);
}

.form-heading {
  flex: none;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.form-heading.mb-20 {
  margin-bottom: 20px;
}

.form-heading.mb-10 {
  margin-bottom: 10px;
}

.form-block {
  text-align: left;
  width: 400px;
}

.form-text-field {
  color: var(--dark-slate-grey);
  border: 0 #0000;
  border-bottom: 2px solid #f5f5f9;
  border-radius: 0;
  height: 40px;
  margin-bottom: 30px;
  padding: 0;
  font-weight: 400;
  line-height: 18px;
  transition: border-color .3s;
}

.form-text-field:hover {
  border-bottom-color: #a5bcbc;
}

.form-text-field:focus {
  border-bottom-color: var(--dark-slate-grey);
}

.form-text-field.error {
  color: #ff6962;
  background-color: #ffb2ae40;
  border-bottom-color: #ffb2ae;
}

.form-text-field.error:hover {
  border-bottom-color: #ff817c;
}

.form-text-field.error:focus {
  border-bottom-color: #ff6962;
}

.form-label {
  color: var(--dark-slate-grey-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.form-label.with-hint {
  justify-content: space-between;
  display: flex;
}

.form-label.error {
  color: #ff6962;
}

.form-page-content-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-hint {
  text-transform: none;
  font-weight: 300;
  display: inline-block;
}

.welcome-button-wrapper {
  flex-direction: column;
  display: flex;
}

.arty-card {
  border: 1px solid #eaecf4;
  width: 300px;
  margin-bottom: 60px;
  padding: 60px 20px 20px;
  position: relative;
}

.arty-card-artwork-wrapper {
  background-color: #f2f5f5;
  position: absolute;
  top: -40px;
  left: 105px;
}

.arty-card-artwork {
  width: 90px;
  height: 70px;
}

.small-heading {
  color: var(--dark-slate-grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}

.small-heading.slate-grey-text.smaller {
  font-size: 12px;
}

.small-heading.slate-grey-text.smaller.white-text {
  color: var(--white);
}

.small-heading.gold-text {
  color: var(--goldenrod-2);
}

.small-heading.gold-date {
  color: #e2b158;
  letter-spacing: 2.4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
}

.wide-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.wide-container.sheet {
  background-color: var(--white);
  color: var(--black);
  padding: 40px;
}

.wide-container.sheet.pale-green {
  background-color: var(--white-smoke);
}

.wide-container.sheet.dark-green {
  background-color: var(--dark-slate-grey);
  color: var(--white);
}

.wide-container.journal-entry {
  margin-top: 0;
  margin-bottom: 0;
  transition: margin .3s, padding .3s;
  position: relative;
}

.wide-container.journal-entry.open {
  color: var(--dark-slate-grey);
  margin-bottom: 40px;
  padding: 60px;
}

.wide-container.white-bg {
  background-color: var(--white);
  color: var(--dark-slate-grey);
}

.wide-container.white-bg.account.transparent-bg {
  background-color: #0000;
}

.wide-container.white-bg.account.gray-background {
  background-color: #d8dfe0;
}

.navbar {
  color: var(--white);
  border-bottom: 2px solid #d7a03b;
}

.navbar-wrapper {
  justify-content: center;
  display: flex;
}

.navbar-brand-link {
  margin-left: 40px;
  margin-right: 40px;
  display: block;
}

.navbar-brand-logo {
  width: 220px;
  height: 110px;
  display: block;
}

.navbar-link {
  color: var(--white);
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.navbar-link:hover {
  text-decoration: underline;
}

.section {
  background-color: var(--dark-slate-grey-3);
  color: var(--white);
  padding: 80px 20px;
}

.section.no-overflow {
  overflow: hidden;
}

.section.pale-green {
  background-color: var(--white-smoke);
  color: var(--black);
}

.section.pale-green.responses.gold-line {
  border: 34px #d7a03b;
  border-top: 4px solid #d7a03b;
}

.section.pale-green.responses.gold-line.gray-background {
  background-color: #d8dfe0;
}

.section.no-bottom-tablet {
  border: 1px solid #0b38381a;
}

.featured-monthly-template {
  z-index: 2;
  color: var(--white);
  margin-bottom: 50px;
  text-decoration: none;
  display: block;
  position: relative;
}

.featured-monthly-template.on-page {
  margin-bottom: 20px;
}

.featured-monthly-template-image {
  width: 100%;
  display: block;
}

.featured-monthly-template-image.desktop {
  display: block;
}

.featured-monthly-template-image.tablet, .featured-monthly-template-image.mobile {
  display: none;
}

.featured-monthly-template-content-wrapper {
  background-color: #0b3838e6;
  justify-content: space-between;
  align-items: center;
  padding: 30px 60px 30px 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

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

.monthly-template-heading-name {
  letter-spacing: 4px;
  margin-left: 10px;
  font-family: Antro Vectra, sans-serif;
  font-weight: 700;
  display: inline-block;
}

.next-arrow {
  width: 20px;
  height: 14px;
}

.featured-monthly-template-content-inner-wrapper {
  flex: 1;
}

.next-issue-wrapper {
  z-index: 1;
  background-image: linear-gradient(to right, var(--goldenrod), var(--goldenrod-2) 50%, var(--dark-goldenrod));
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 330px;
  margin-left: 60px;
  display: flex;
  position: relative;
}

.next-issue-title {
  margin-top: 30px;
  font-family: Antro Vectra, sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 80px;
}

.next-issue-title.profile {
  max-width: 360px;
  margin-left: 0;
  font-size: 40px;
  line-height: 70px;
}

.home-content-wrapper {
  display: flex;
}

.home-welcome-content-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.home-welcome-symbol {
  z-index: 0;
  width: 248px;
  height: 264px;
  position: absolute;
  bottom: -10px;
  right: 0;
}

.home-welcome-content-inner-wrapper {
  z-index: 1;
  width: 80%;
  position: relative;
}

.app-navbar {
  display: none;
}

.desktop-footer {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.green-text {
  color: var(--dark-slate-grey);
}

.green-text.mb-20.title-in-box {
  color: #1c4243;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 30px;
}

.slate-grey-text {
  color: var(--slate-grey);
}

.content-with-image {
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.content-image {
  flex: none;
  width: 480px;
}

.text-center {
  text-align: center;
}

.italic-heading {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 26px;
  font-style: italic;
  font-weight: 500;
}

.italic-heading.zoom {
  color: var(--white);
  font-size: 20px;
}

.italic-heading.zoom.green-text.mb-20.antro-vectra {
  text-transform: none;
  font-family: Antro Vectra, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}

.fancy-icon {
  width: 50px;
  height: 37px;
}

.title-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.title-search-wrapper {
  background-color: #f6f6f6;
  border-radius: 25px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 15px;
  display: flex;
}

.title-search-field {
  color: #707070;
  background-color: #0000;
  border: 0 #0000;
  border-radius: 0;
  width: 250px;
  height: 50px;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 18px;
}

.title-search-icon {
  width: 20px;
  height: 20px;
  display: block;
}

.sheet {
  background-color: var(--white-smoke);
  color: var(--black);
  padding: 60px 40px;
}

.sheet.feed {
  background-color: var(--white-smoke);
  overflow: hidden;
}

.sheet.grey {
  background-color: #f3f5f5;
}

.sheet.account {
  min-height: 750px;
  padding: 80px 100px;
}

.sheet.profile {
  padding-left: 100px;
  padding-right: 100px;
}

.community-nav {
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.community-nav-link {
  color: var(--white);
  background-color: #658185;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.community-nav-link:hover {
  background-color: #527d83;
}

.community-nav-link.current {
  background-color: var(--white-smoke);
  color: #0b3838;
}

.community-nav-link.current.w--current {
  background-color: var(--white-smoke);
}

.community-nav-icon {
  margin-right: 8px;
}

.feed {
  position: relative;
}

.feed-item {
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.feed-item.video {
  padding-right: 270px;
}

.feed-item.video.mt-0 {
  margin-top: 0;
}

.feed-item-details {
  flex: none;
  align-items: center;
  width: 270px;
  font-weight: 600;
  display: flex;
}

.feed-item-avatar-link {
  border-radius: 50%;
  width: 65px;
  height: 65px;
  margin-right: 15px;
  display: block;
  overflow: hidden;
}

.feed-item-avatar-image {
  width: 100%;
  display: block;
}

.feed-item-details-text-wrapper {
  color: var(--dark-slate-grey-3);
  font-size: 17px;
}

.feed-item-date {
  color: var(--slate-grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
}

.feed-item-link {
  color: var(--dark-slate-grey-3);
  text-decoration: none;
}

.feed-item-link:hover {
  text-decoration: underline;
}

.feed-item-content-wrapper {
  flex: 1;
}

.feed-item-title-link {
  color: #0b3838;
  text-decoration: none;
}

.feed-item-title {
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
}

.gold-link {
  color: #d7a03b;
}

.feed-divider {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 75px;
  padding-right: 75px;
}

.feed-divider-line {
  background-color: #eaecf4;
  height: 1px;
}

.feed-pagination {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.pagination-link {
  color: #0b3838;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.pagination-link:hover {
  background-color: #0b38381a;
}

.pagination-link.current {
  color: var(--white);
  background-color: #0b3838;
}

.community-video-link {
  display: block;
  position: relative;
}

.community-video-thumbnail {
  width: 100%;
}

.community-video-play-icon-wrapper {
  z-index: 2;
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.community-video-play-icon-wrapper:hover {
  color: #6fb04e;
}

.journal-entry-wrapper {
  z-index: 2;
  position: relative;
}

.journal-entry-title {
  cursor: pointer;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  padding: 17px 20px;
  font-weight: 400;
  line-height: 30px;
  transition: background-color .2s;
  display: flex;
}

.journal-entry-title:hover {
  background-color: #fff3;
}

.journal-entry-title.open {
  cursor: auto;
  transition-property: none;
}

.journal-entry-title.open:hover {
  background-color: #0000;
}

.journal-entry-background {
  z-index: 0;
  background-color: #ffffff4d;
  height: 64px;
  transition: height .3s, top .3s, background-color .3s;
  position: absolute;
  inset: auto 0% 0%;
}

.journal-entry-background.open {
  background-color: var(--white);
  height: auto;
  inset: 0%;
}

.journal-entry-main-title {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

.journal-entry-form-wrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.journal-entry-form-wrapper.open {
  display: block;
}

.journal-entry-label {
  color: #3c5a65;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.journal-entry-field {
  background-color: #e2e6e8;
  border: 0 #000;
  border-radius: 4px;
  min-height: 192px;
  margin-bottom: 40px;
  padding: 15px 20px;
}

.journal-close-button {
  cursor: pointer;
  padding: 10px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.journal-close-button.open, .journal-close-button-icon {
  display: block;
}

.video-grid-wrapper {
  padding-left: 270px;
  padding-right: 270px;
}

.video-grid-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.video-grid-item {
  width: 33.3333%;
  padding: 10px 10px 30px;
}

.video-grid-thumbnail-link {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.video-grid-thumbnail-play-icon {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-grid-date-text {
  color: #3c5a65;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.video-grid-text-link {
  text-decoration: none;
  display: inline;
}

.video-grid-text-link:hover {
  text-decoration: underline;
}

.cover-image {
  z-index: 0;
  background-image: url('../images/cover-image.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  margin-bottom: 172px;
  position: relative;
}

.cover-image.published {
  margin-bottom: 280px;
}

.cover-image.mb-0 {
  margin-bottom: 0;
}

.account-user-info {
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 290px;
}

.account-avatar {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.account-navigation-wrapper {
  padding: 70px 140px 140px;
}

.account-navigation {
  border-top: 1px solid #f2f3f8;
}

.account-navigation-link {
  border-bottom: 1px solid #f2f3f8;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.account-navigation-link:hover {
  text-decoration: underline;
}

.account-navigation-arrow {
  width: 40px;
  height: 40px;
}

.add-button {
  border: 2px solid var(--white);
  cursor: pointer;
  background-color: #3c5a65;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: background-color .3s;
  display: flex;
}

.add-button:hover {
  background-color: #2a4149;
}

.add-button.avatar {
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.add-button.cover {
  z-index: 10;
  position: absolute;
  bottom: -12px;
  right: 100px;
}

.add-button-icon {
  width: 11px;
  height: 11px;
}

.account-avatar-wrapper {
  position: relative;
}

.textarea {
  background-color: var(--white);
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 40px 20px;
}

.textarea.field {
  color: #3c5a65;
  letter-spacing: 2px;
  text-transform: uppercase;
  max-width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.mb-05 {
  margin-bottom: 5px;
}

.logout-dialog-wrapper {
  background-color: #fff9;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.logout-dialog-wrapper.show {
  z-index: 999;
  display: flex;
}

.logout-dialog {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  text-align: center;
  border: 1px solid #eaecf4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px 1px #0000001a;
}

.logout-dialog-icon {
  width: 48px;
  height: 95px;
  margin-bottom: 30px;
}

.logout-dialog-text {
  width: 150px;
  margin-top: 5px;
  margin-bottom: 60px;
}

.logout-dialog-close-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.sheet-title-wrapper {
  color: var(--dark-slate-grey);
  border-bottom: 2px solid #e5e5e5;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.sheet-title-wrapper._2 {
  margin-bottom: 60px;
}

.h2-text {
  font-size: 28px;
  line-height: 28px;
}

.sheet-title-arrow-link {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.sheet-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
}

.account-content-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.course-table {
  color: var(--dark-slate-grey);
  font-weight: 400;
}

.course-table-heading {
  border-bottom: 2px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px 10px;
  display: flex;
}

.course-table-heading.sub {
  border-bottom-style: none;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.course-table-row {
  border-bottom: 2px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5px;
  display: flex;
}

.course-table-row.alt {
  background-color: #f1f4f4;
  border-bottom-style: none;
  padding-left: 10px;
  padding-right: 10px;
}

.grey-text {
  color: #707070;
}

.contained-content {
  padding-left: 270px;
  padding-right: 270px;
}

.profile-location-wrapper {
  border: 1px solid var(--white);
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 40px;
  padding: 15px 50px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}

.profile-location-icon-wrapper {
  background-color: var(--dark-slate-grey-3);
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translate(-50%);
}

.profile-location-icon {
  width: 16px;
  height: 23px;
}

.profile-i-am-statement {
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(252deg, #f0d075, #d7a03b);
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.cover-back-button-link {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 40px;
  display: flex;
  position: absolute;
  top: -40px;
  left: 0;
}

.cover-back-button-icon {
  width: 20px;
  height: 14px;
  display: block;
}

.active-membership-table {
  color: var(--dark-slate-grey);
  font-size: 16px;
  font-weight: 400;
}

.active-membership-row {
  display: flex;
}

.active-membership-column {
  width: 33.3333%;
  padding: 2px;
}

.active-membership-column.center {
  text-align: center;
}

.active-membership-column.end {
  text-align: right;
}

.active-membership-column-inner-wrapper {
  padding: 5px 30px;
}

.active-membership-column-inner-wrapper.body {
  background-color: #d7a03b33;
  padding-top: 10px;
  padding-bottom: 10px;
}

.expired-membership-table-wrapper {
  background-color: #f1f4f4;
  margin-top: 80px;
  margin-left: -60px;
  margin-right: -60px;
}

.expired-membership-table-title {
  border-bottom: 2px solid #e3e4e4;
  padding-top: 20px;
  padding-bottom: 20px;
}

.expired-membership-table-row {
  color: var(--dark-slate-grey);
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.expired-membership-table-row.odd {
  background-color: #3c5a6526;
}

.expired-membership-table-column {
  width: 33.3333%;
  padding: 10px 60px;
}

.expired-membership-table-column.center {
  text-align: center;
}

.expired-membership-table-column.end {
  text-align: right;
}

.zoom-table {
  color: var(--white);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.zoom-table-row {
  border-bottom: 2px solid #244041;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.zoom-table-row.end {
  border-bottom-style: none;
}

.zoom-table-row-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.zoom-table-content-column {
  text-align: center;
  width: 320px;
}

.content-with-image-text-wrapper {
  flex: 1;
  padding-top: 20px;
  padding-right: 90px;
}

.content-image-wrapper {
  flex: none;
  width: 480px;
}

.audio-table-wrapper {
  background-color: #e6ecec;
  margin-top: 20px;
}

.audio-table-row {
  border-bottom: 1px solid #0b38381a;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.audio-table-content-column {
  flex: 1;
}

.audio-table-line-1 {
  color: var(--slate-grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.audio-table-line-2 {
  color: var(--dark-slate-grey);
  font-weight: 400;
  line-height: 30px;
}

.audio-table-line-3 {
  color: var(--goldenrod);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.audio-table-play-button {
  cursor: pointer;
  background-image: linear-gradient(to right, #d4b45a, #c6993f 50%, #ba8126);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  overflow: hidden;
}

.audio-table-play-button:hover {
  background-image: linear-gradient(to right, #cead4e, #c6993f 50%, #ba8126);
}

.audio-table-play-button.spotify-button-play {
  background-image: linear-gradient(to right, #006261, #006261 50%, #006261);
}

.audio-table-play-icon {
  width: 13px;
  height: 15px;
}

.audio-table {
  padding: 20px 16px;
}

.container {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.response-icon {
  width: 99px;
  height: 195px;
  position: absolute;
  top: -20px;
  left: 100%;
}

.response-button-row {
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.response-button-column {
  flex: none;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.response-button {
  background-color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.response-button:hover {
  background-color: #ddeded;
}

.response-button.current {
  background-color: var(--dark-slate-grey);
  color: var(--white);
}

.response-button.current:hover {
  background-color: #052424;
}

.response-button-icon {
  width: 20px;
  height: 20px;
  margin-right: 30px;
}

.response-button-icon.journal {
  height: 18px;
}

.response-form-block {
  margin-top: 60px;
  margin-bottom: 0;
}

.response-label {
  color: var(--dark-slate-grey);
  font-weight: 400;
}

.response-label.antro-vectra {
  font-family: Antro Vectra, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.response-text-field {
  background-color: var(--white);
  color: var(--black);
  border: 1px #000;
  border-radius: 0;
  min-height: 208px;
  margin-top: 5px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}

.dropdown {
  background-color: var(--white);
  color: #3c5a65;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-items: center;
  margin-right: 20px;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.dropdown.journal {
  background-color: #e2e6e8;
}

.dropdown.membership {
  background-color: #d6dddf;
  justify-content: space-between;
  margin-right: 0;
}

.dropdown-icon {
  margin-left: 20px;
}

.dropdowns {
  margin-right: -20px;
  display: flex;
}

.dropdowns.membership {
  margin-top: 40px;
  margin-bottom: 60px;
  margin-left: -20px;
}

.response-bottom-row {
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.upload-button {
  background-color: var(--white);
  color: #3c5a65;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #0b3838;
  border-radius: 4px;
  align-items: center;
  padding: 12px 40px 8px 30px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.upload-button-wrapper {
  display: inline-block;
}

.upload-button-icon {
  margin-top: -2px;
  margin-right: 40px;
}

.video-form-row {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.membership-radio-button {
  background-color: #e2e6e8;
  border-width: 3px;
  border-color: #e2e6e8;
  flex: none;
  margin-left: 0;
  margin-right: 10px;
}

.membership-radio-button.w--redirected-checked {
  background-color: var(--dark-slate-grey);
  border-width: 3px;
  border-color: #e2e6e8;
}

.membership-radio-button-field {
  border: 2px solid var(--goldenrod);
  justify-content: flex-start;
  align-items: center;
  width: 130px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.membership-radio-button-field.checked {
  background-color: #fbf5eb;
}

.membership-choice-row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.small-text {
  font-size: 13px;
}

.dropdown-wrapper {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.membership-choice-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.title-link {
  color: var(--white);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.title-link:hover {
  text-decoration: underline;
}

.title-link-icon {
  margin-right: 15px;
}

.members-row {
  flex-wrap: wrap;
  display: flex;
}

.members-column {
  float: left;
  width: 50%;
  padding-left: 60px;
  padding-right: 60px;
}

.members-link {
  border-bottom: 2px solid #e9e9e9;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.members-link:hover {
  text-decoration: underline;
}

.members-link-wrapper {
  width: 50%;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.members-avatar {
  border-radius: 50%;
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  overflow: hidden;
}

.members-avatar-image {
  display: block;
}

.members-link-content {
  flex: 1;
}

.members-link-email {
  color: var(--slate-grey);
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.audio-popup {
  z-index: 999;
  color: var(--black);
  width: 820px;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.audio-popup.open {
  display: block;
}

.audio-popup-top {
  background-color: #f3f5f5;
  padding: 40px 100px;
}

.audio-popup-info-wrapper {
  position: relative;
}

.audio-popup-heading-wrapper {
  margin-top: 40px;
  margin-bottom: 15px;
}

.audio-popup-heading {
  color: #194444;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.audio-popup-subheading {
  color: var(--slate-grey);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.gold-text {
  color: var(--goldenrod);
}

.audio-popup-bottom {
  background-color: var(--white);
  padding: 40px 160px 20px;
}

.audio-play-button {
  cursor: pointer;
  background-color: #d7a03b;
  border: 9px solid #fbf5eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  margin-left: auto;
  margin-right: auto;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.audio-play-button:hover {
  background-color: #d09833;
}

.audio-play-button.playing {
  background-color: var(--white);
  border-color: #d7a03b;
}

.audio-play-button.playing:hover {
  background-color: #fef8e8;
}

.audio-play-button-icon {
  width: 20px;
  height: 23.075px;
}

.audio-play-button-pause-icon {
  width: 23px;
  height: 23px;
  display: none;
}

.audio-progress-wrapper {
  margin-top: 40px;
}

.audio-progress-bar {
  background-color: #e6e6e6;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 10px;
  position: relative;
}

.audio-progress-bar-progression {
  background-color: #d4b45a7d;
  border-radius: 2px;
  width: 20%;
  height: 4px;
}

.audio-progress-toggle {
  cursor: pointer;
  background-color: #d7a03b;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -2px;
  left: 20%;
  transform: translate(-5px);
}

.audio-progress-text {
  color: #3c5a65;
  letter-spacing: 2px;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.audio-popup-close-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.audio-popup-inner-wrapper {
  box-shadow: 0 0 4px 1px #e1e5e5;
}

.journal-entry-plus-wrapper {
  border: 2px solid var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
}

.journal-entry-plus-wrapper.open {
  display: none;
}

.journal-entry-plus-horizontal-line {
  border-top: 1px solid var(--white);
  width: 14px;
  position: absolute;
  top: 50%;
  left: 8px;
}

.journal-entry-plus-vertical-line {
  border-left: 1px solid var(--white);
  height: 14px;
  position: absolute;
  top: 8px;
  left: 50%;
}

.form-error {
  color: #ff6962;
  background-color: #ffb2ae40;
  border: 1px solid #ffb2ae;
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 20px 15px;
  font-size: 16px;
}

.form-error-hint {
  color: #ff6962;
  margin-top: -25px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 400;
}

.audio-popup-wrapper {
  z-index: 999;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.audio-popup-wrapper.hide {
  display: none;
}

.audio-popup-background {
  background-color: #a5a5a580;
  position: fixed;
  inset: 0%;
}

.audio-popup-content-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.app-loader {
  z-index: 1001;
  background-color: #0b3838b3;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.app-loader-inner-wrapper {
  background-color: var(--white-smoke);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.app-loader-spinner {
  border-style: solid;
  border-width: 3px;
  border-color: var(--dark-goldenrod) transparent transparent;
  border-radius: 50%;
  width: 125px;
  height: 125px;
}

.feed-loader {
  background-color: #e8e8e8;
  border-radius: 20px;
  align-items: center;
  margin-top: -40px;
  padding: 8px 20px;
  transition: margin-top .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.feed-loader.active {
  margin-top: 30px;
}

.feed-loader.update {
  cursor: pointer;
  transition: background-color .3s, margin-top .3s;
}

.feed-loader.update:hover {
  background-color: #c9c9c9;
}

.feed-loader-spinner {
  border-style: solid;
  border-width: 2px;
  border-color: var(--dark-slate-grey-3) transparent transparent;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.circle-for-arrow {
  border: 1px solid var(--white);
  transform: scale(.3) scale(.95) scale3d(1none, 1none, 1none);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: transform .2s;
}

.offline-wrapper {
  z-index: 10001;
  background-color: var(--white-smoke);
  text-align: center;
  padding: 20px;
  position: fixed;
  inset: auto 0% 0%;
}

.cover-image-current-template {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 460px;
}

.light-green-with-frame {
  border: 1px solid var(--dark-goldenrod);
  background-color: #1c4243;
}

.light-green-with-frame.mb-40 {
  border-width: 3px;
  border-color: #b88a36;
}

.columns {
  padding: 40px;
}

.column {
  text-align: right;
}

.grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.white-background {
  background-color: var(--white);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.white-background.mb-40 {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  display: flex;
}

.light-blue-background {
  border: 1px solid var(--white);
  background-color: #aec8ca;
  padding-left: 20px;
  padding-right: 20px;
}

.light-blue-background.mb-40 {
  color: #000;
  background-color: #b2c7ca;
  border-width: 3px;
  padding: 20px 40px 40px;
  font-weight: 400;
  line-height: 35px;
}

.spotify {
  background-color: #aec8ca;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  padding: 10px 20px;
  display: flex;
}

.dark-green {
  background-color: #0b3838;
}

.heading-current-template {
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 30px;
}

.current-template-paragraph {
  line-height: 30px;
}

.text-spotify {
  color: #0b3838;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 20px;
  font-weight: 400;
}

.navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.navbar2_menu.is-page-height-tablet {
  text-transform: uppercase;
}

.navbar2_component {
  background-color: var(--white);
  color: var(--white);
  border-bottom: 0 solid #fff;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 6rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .375fr 1fr .375fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.mobile-logo {
  height: 4rem;
}

.navbar2_button-wrapper {
  grid-column-gap: 1rem;
  margin-left: 1rem;
  display: flex;
}

.nav-logo {
  margin-left: 5vw;
  margin-right: 5vw;
}

.navbar2_menu-button {
  padding: 0;
}

.nav-link-container {
  justify-content: flex-start;
  width: 35svw;
  display: flex;
}

.navbar_link {
  text-align: center;
  padding: .5rem 1rem;
}

.navbar_link.w--current {
  color: #000;
}

.padding-global {
  margin-left: 5%;
  margin-right: 5%;
}

.tour-overview {
  background-image: url('../images/ryan-caven-xi5bIEpDdI8-unsplash-1-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  padding: 2rem;
  position: relative;
}

.app-content-container {
  margin-top: 2rem;
}

.app-content-container.no-header {
  margin-top: 0;
}

.hi-text {
  margin-bottom: 1rem;
  font-size: 22px;
}

.para-text {
  margin-bottom: 1rem;
}

.tour-overview-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.lable-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_app-colours---orange);
  color: var(--white);
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.overview-ref {
  color: var(--white);
}

.overview-dates {
  color: var(--white);
  text-align: right;
}

.overview-overlay {
  background-color: #00000040;
  border-radius: 30px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.weather-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
}

.weather-date {
  border-right: 1px solid #000;
}

.date-text {
  color: var(--_app-colours---orange);
  padding-left: 1rem;
  font-size: 24px;
}

.dat-desc-text {
  padding-right: 2rem;
  font-size: 30px;
}

.divider {
  background-color: var(--white-smoke);
  width: 100%;
  height: 4px;
}

.weather-details-grid {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.weather-icon {
  margin-right: 1rem;
}

.itinerary-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.itinerary-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.itinerary-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.itinerary-thumbnail {
  box-sizing: border-box;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 20px;
  height: 100px;
}

.itinerary-row-details {
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.itinerary-icon {
  height: 25px;
}

.itinerary-people {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.app-button {
  background-color: var(--_app-colours---orange);
  border-radius: 5px;
  padding: 12px 5svw;
}

.page-head-icon {
  height: 40px;
}

.page-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 28px;
  display: flex;
}

.page-heading-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 24px;
  display: flex;
}

.itinerary-link {
  color: var(--black);
  text-decoration: none;
}

.no-nav-header {
  width: 100%;
  height: 25svh;
}

.no-nav-header.golf {
  background-image: url('../images/unnamed.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.no-nav-header.dining {
  background-image: url('../images/bigstock-Elegantly-set-table-at-a-resta-15280334.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.item-location-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.item-location-icon {
  height: 30px;
}

.item-details-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.item-times-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.golfer-list-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.golfer-list-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 15% 15%;
  grid-auto-columns: 1fr;
  display: grid;
}

.item-list-heading {
  font-size: 22px;
}

.golfer-name-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.golfer-icon {
  width: 30px;
}

.caddie-icon {
  width: 20px;
}

.item-extra-info {
  margin-top: 2rem;
}

.extra-info-header {
  margin-bottom: 1rem;
}

.item-list-separator {
  background-color: var(--white-smoke);
  height: 1px;
}

.dining-guest-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.welcome-sep {
  background-color: var(--white);
  width: 60px;
  height: 1px;
  margin: 1rem auto;
}

.login-text-box {
  border: 0 solid #000;
  border-radius: 5px;
}

.date-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
}

.today-date {
  border-right: 1px solid #000;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .welcome-wrapper {
    background-position: 50%;
    background-attachment: fixed;
  }

  .welcome-inner-wrapper {
    flex: 1;
    padding-top: 100px;
  }

  .welcome-content-wrapper {
    flex: 1;
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .wide-container {
    max-width: 680px;
  }

  .wide-container.full-width-tablet {
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
  }

  .wide-container.sheet.zoom.template {
    margin-bottom: 60px;
  }

  .wide-container.journal-entry {
    transition: max-width .3s, margin .3s, padding .3s;
  }

  .wide-container.journal-entry.open {
    max-width: none;
    margin-top: -80px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .wide-container.white-bg.account {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .wide-container.profile {
    width: auto;
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
  }

  .navbar-link {
    display: none;
  }

  .section.end {
    padding-bottom: 0;
  }

  .section.pale-green.responses {
    padding-top: 120px;
  }

  .section.account {
    padding: 0;
  }

  .section.profile {
    padding-top: 0;
  }

  .section.no-bottom-tablet {
    padding-bottom: 0;
  }

  .featured-monthly-template {
    overflow: hidden;
  }

  .featured-monthly-template-image.desktop {
    display: none;
  }

  .featured-monthly-template-image.tablet {
    display: block;
  }

  .featured-monthly-template-content-wrapper {
    inset: 0% 0% auto;
  }

  .next-issue-wrapper {
    flex-direction: row;
    width: 100%;
    height: 250px;
    margin-top: 60px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .next-issue-title {
    margin-top: 0;
    margin-left: 80px;
  }

  .next-issue-title.profile {
    margin-top: 30px;
  }

  .home-content-wrapper {
    flex-direction: column;
  }

  .home-welcome-content-wrapper {
    text-align: center;
    justify-content: center;
  }

  .home-welcome-symbol {
    bottom: auto;
  }

  .home-welcome-content-inner-wrapper {
    width: 65%;
  }

  .app-navbar {
    z-index: 1001;
    border-top: 4px solid var(--white-smoke);
    background-color: var(--white);
    justify-content: space-between;
    height: 80px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .app-navbar-link {
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }

  .app-navbar-link:hover {
    background-color: var(--white-smoke);
  }

  .app-navbar-link-text {
    font-weight: 400;
  }

  .main-content {
    padding-bottom: 80px;
  }

  .desktop-footer {
    display: none;
  }

  .content-with-image {
    flex-direction: column;
    align-items: center;
  }

  .text-center.mb-80.mb-md-40 {
    margin-bottom: 40px;
  }

  .sheet {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sheet.account {
    padding: 40px 60px 60px;
  }

  .feed-item {
    flex-direction: column;
    align-items: stretch;
  }

  .feed-item.video {
    flex-direction: column-reverse;
    padding-right: 0;
  }

  .feed-item-details {
    width: auto;
    margin-bottom: 20px;
  }

  .feed-divider {
    padding-left: 0;
    padding-right: 0;
  }

  .community-video-link {
    margin-bottom: 40px;
    display: block;
  }

  .community-video-thumbnail {
    width: 100%;
  }

  .video-grid-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .cover-image {
    height: 260px;
  }

  .account-user-info {
    top: 200px;
  }

  .account-navigation-wrapper {
    padding: 60px 60px 40px;
  }

  .textarea.field {
    max-width: 60%;
  }

  .account-content-wrapper.full-width-tablet {
    max-width: none;
  }

  .contained-content.no-padding-tablet {
    padding-left: 0;
    padding-right: 0;
  }

  .cover-back-button-link {
    width: 60px;
    height: 70px;
    top: 0;
    left: 0;
  }

  .active-membership-table {
    color: var(--dark-slate-grey);
    font-size: 16px;
    font-weight: 400;
  }

  .content-with-image-text-wrapper {
    padding-right: 0;
  }

  .content-image-wrapper {
    margin-top: 60px;
  }

  .audio-table-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .audio-table-row.without-border {
    border-bottom-style: none;
    flex: 1;
  }

  .audio-table-play-button, .audio-table-play-button.spotify-button-play {
    width: 40px;
    height: 40px;
  }

  .audio-table-play-icon {
    width: 7px;
  }

  .container {
    max-width: 680px;
  }

  .response-icon {
    top: -110px;
    left: auto;
    right: 80px;
  }

  .dropdowns {
    align-self: stretch;
    margin-bottom: 60px;
  }

  .dropdowns.video {
    margin-bottom: 0;
  }

  .response-bottom-row {
    flex-direction: column;
    align-items: center;
  }

  .members-column, .members-link-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .audio-popup {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-bottom: 80px;
    overflow: auto;
  }

  .audio-popup.open {
    display: block;
  }

  .audio-popup-top {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    display: flex;
  }

  .audio-popup-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .audio-popup-inner-wrapper {
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .spotify {
    flex-wrap: nowrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-spotify {
    font-size: 18px;
    line-height: 20px;
  }

  .navbar2_menu {
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-color: #1a361c;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    width: 100%;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    height: 100dvh;
    padding-top: 15svw;
    padding-bottom: 6.5rem;
    transition: height .5s;
    position: fixed;
    inset: 0%;
  }

  .menu-icon2_line-top {
    background-color: #1d1d1d;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-icon2_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .centre-logo-link {
    display: none;
  }

  .menu-icon2 {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: relative;
  }

  .mobile-logo {
    height: 4rem;
  }

  .mobile-logo-link {
    display: block;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .navbar2_menu-button {
    padding: 0;
  }

  .navbar2_menu-button.w--open {
    background-color: #0000;
  }

  .nav-link-container {
    flex-flow: column;
    width: 100%;
  }

  .menu-icon2_line-middle {
    background-color: #1d1d1d;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon2_line-bottom {
    background-color: #1d1d1d;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_link {
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    font-size: 1rem;
  }

  .navbar_link.w--current {
    color: #aa8b6b;
  }

  .user-nav-icon {
    z-index: 10;
    position: relative;
  }

  .app-content-container {
    margin-top: 1.5rem;
    padding-bottom: 8rem;
  }

  .nav-icon {
    width: 30px;
    margin-bottom: 8px;
  }

  .tour-overview-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: auto 1fr;
  }

  .lable-container {
    border-radius: 15px;
  }

  .overview-dates {
    color: var(--white);
  }

  .dat-desc-text {
    margin-bottom: 8px;
  }

  .divider {
    width: 100%;
    height: 4px;
  }

  .weather-details-grid {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .itinerary-thumbnail {
    background-color: var(--white-smoke);
    outline-offset: 0px;
    outline: 3px #333;
  }
}

@media screen and (max-width: 767px) {
  .welcome-inner-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .form-page-content {
    padding-top: 60px;
  }

  .form-heading {
    margin-bottom: 40px;
  }

  .arty-card {
    margin-top: 40px;
  }

  .wide-container.sheet.zoom.template {
    margin-bottom: 40px;
  }

  .wide-container.journal-entry {
    margin-left: 0;
    margin-right: 0;
  }

  .wide-container.journal-entry.open {
    margin-top: -40px;
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    padding-top: 40px;
  }

  .content-with-image {
    display: block;
  }

  .content-image {
    width: 100%;
  }

  .text-center.mb-80.mb-md-40.mb-sm-30 {
    margin-bottom: 30px;
  }

  .title-search-field {
    width: 220px;
  }

  .sheet {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sheet.feed {
    padding-top: 20px;
  }

  .sheet.account {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sheet.profile {
    padding-left: 60px;
    padding-right: 60px;
  }

  .community-nav {
    margin-left: -5px;
    margin-right: -5px;
  }

  .community-nav-link {
    margin-left: 5px;
    margin-right: 5px;
  }

  .feed-item.video {
    margin-top: 30px;
  }

  .feed-item-title {
    width: auto;
    font-size: 20px;
    line-height: 26px;
  }

  .journal-close-button, .add-button.cover {
    right: 20px;
  }

  .textarea.field {
    max-width: 75%;
  }

  .zoom-table {
    max-width: none;
  }

  .content-image-wrapper {
    width: auto;
    margin-left: -40px;
    margin-right: -40px;
  }

  .dropdowns.video {
    margin-bottom: 0;
  }

  .upload-button {
    text-align: center;
  }

  .upload-button-wrapper {
    margin-bottom: 40px;
    display: block;
  }

  .video-form-row {
    flex-direction: column;
    align-items: stretch;
  }

  .upload-button-text {
    flex: 1;
  }

  .membership-choice-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .members-link-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .question-list {
    padding-left: 25px;
  }

  .text-spotify {
    padding-right: 5px;
  }

  .navbar2_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .app-content-container {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }

  h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .mt-0.mb-0 {
    align-self: center;
  }

  .welcome-content-wrapper {
    flex: 1;
    margin-bottom: 0;
  }

  .button.gold, .button.block, .form-block, .arty-card {
    width: 100%;
  }

  .arty-card-artwork-wrapper {
    left: 50%;
    transform: translate(-50%);
  }

  .wide-container.sheet.pale-green.full-width-tablet, .wide-container.sheet.dark-green.full-width-tablet {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wide-container.sheet.zoom {
    padding: 30px 20px;
  }

  .wide-container.sheet.zoom.template {
    margin-bottom: 20px;
  }

  .wide-container.journal-entry {
    transition: margin .3s, max-width .3s, padding .3s;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.pale-green.responses {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .section.normal {
    padding-top: 40px;
  }

  .featured-monthly-template-image.tablet {
    display: none;
  }

  .featured-monthly-template-image.mobile {
    display: block;
  }

  .featured-monthly-template-content-wrapper {
    align-items: flex-end;
    padding: 28px 20px 20px;
  }

  .next-arrow {
    margin-bottom: 8px;
  }

  .next-issue-wrapper {
    flex-direction: column;
  }

  .next-issue-title {
    margin-top: 20px;
    margin-left: 0;
  }

  .home-welcome-content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-welcome-symbol {
    right: -50px;
  }

  .home-welcome-content-inner-wrapper {
    width: 100%;
  }

  .app-navbar {
    height: 70px;
    padding-left: 0;
    padding-right: 0;
  }

  .app-navbar-link {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .main-content {
    padding-bottom: 70px;
  }

  .title-row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .title-search-wrapper {
    margin-top: 20px;
  }

  .sheet {
    padding: 30px 20px;
  }

  .sheet.feed {
    padding-top: 10px;
  }

  .sheet.account, .sheet.profile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .community-nav {
    margin-left: -2px;
    margin-right: -2px;
  }

  .community-nav-link {
    margin-left: 2px;
    margin-right: 2px;
  }

  .feed-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .feed-pagination {
    margin-top: 30px;
  }

  .community-video-link {
    margin-bottom: 20px;
  }

  .journal-entry-background {
    height: 62px;
  }

  .video-grid-item {
    width: 50%;
  }

  .cover-image {
    height: 190px;
  }

  .account-user-info {
    top: 130px;
  }

  .account-navigation-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .account-navigation-link {
    padding: 10px 20px;
  }

  .add-button.cover.back-button {
    left: 20px;
    right: auto;
  }

  .textarea.field {
    max-width: none;
  }

  .logout-dialog-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logout-dialog {
    width: 100%;
  }

  .sheet-title-wrapper {
    margin-bottom: 60px;
  }

  .profile-location-wrapper {
    max-width: 100%;
  }

  .profile-i-am-statement {
    padding-left: 20px;
    padding-right: 20px;
  }

  .active-membership-column-inner-wrapper.body {
    padding-left: 10px;
    padding-right: 10px;
  }

  .expired-membership-table-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }

  .expired-membership-table-title {
    border-bottom-style: none;
  }

  .expired-membership-table-column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .zoom-table-row {
    text-align: center;
    display: block;
  }

  .zoom-table-content-column {
    width: auto;
  }

  .content-image-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }

  .response-icon {
    top: -70px;
    right: 0;
  }

  .response-button {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .response-button-icon {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .response-title-wrapper {
    width: 220px;
    margin-bottom: 60px;
  }

  .dropdowns {
    margin-bottom: 30px;
  }

  .dropdowns.membership {
    flex-direction: column;
    margin-bottom: 0;
    margin-right: 0;
    display: block;
  }

  .upload-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .upload-button-icon {
    margin-right: 20px;
  }

  .membership-radio-button-field {
    width: auto;
    padding-left: 5px;
    font-size: 14px;
  }

  .membership-choice-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .small-text {
    text-align: left;
  }

  .dropdown-wrapper {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .title-link {
    justify-content: center;
  }

  .audio-popup {
    padding-bottom: 70px;
  }

  .audio-popup-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .audio-popup-bottom {
    padding: 40px 20px;
  }

  .app-loader {
    display: none;
  }

  .back-button.cover {
    width: 24px;
    height: 24px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .mobile-logo {
    height: 3rem;
  }

  .nav-icon {
    width: 25px;
  }

  .weather-details-grid {
    grid-template-areas: "Area";
  }

  .itinerary-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .itinerary-thumbnail {
    height: 75px;
  }

  .itinerary-icon {
    height: 22px;
  }
}

#w-node-cc7f2395-4241-8898-6d9c-3ed9d1115d35-ece993a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dcdff88b-1e58-04dc-6a3e-1338e632a749-ece993a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_342a1929-20ff-e443-e6cc-0c18b89e93ea-433b8ab8, #w-node-ea847c5b-5f60-6f39-ae39-4e05ca299db4-433b8ab8 {
  justify-self: end;
}

#w-node-a50b4974-3341-aead-5fd1-8e307677abc4-433b8ab8, #w-node-b5006409-a153-af29-4684-15ea83c8fcf8-433b8ab8 {
  align-self: center;
}

#w-node-dac3f6fd-3d88-d482-17c2-b4081b1217cd-433b8ab8 {
  place-self: center;
}

#w-node-_738d3c0f-4551-d13e-7f7f-9dc98b434ee4-433b8ab8 {
  align-self: center;
}

#w-node-_3467c1b5-8853-834a-d9bd-9a65ba7de5d6-433b8ab8 {
  place-self: center;
}

#w-node-_2c8291a0-220f-fe0e-7a39-b41365d7b379-433b8ab8 {
  align-self: center;
}

#w-node-e674d85b-5283-60f4-a6d5-4f4517741c96-433b8ab8 {
  place-self: center;
}

#w-node-b4d1cc6c-67c7-2586-c393-6faf9af27c2b-433b8ab8 {
  align-self: center;
}

#w-node-_0eff8d97-b672-d04f-b9dd-78cc038d8bc5-433b8ab8 {
  place-self: end start;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3f9-433b8ab8 {
  place-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3fa-433b8ab8, #w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3fd-433b8ab8 {
  align-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3ff-433b8ab8 {
  place-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc400-433b8ab8 {
  align-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc402-433b8ab8 {
  place-self: end start;
}

#w-node-a9b581c0-a805-023e-abbb-8e2ec28ed135-c28ed131 {
  justify-self: center;
}

#w-node-a9b581c0-a805-023e-abbb-8e2ec28ed14a-c28ed131 {
  justify-self: end;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed325-55c048ee {
  place-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed326-55c048ee {
  align-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed328-55c048ee {
  place-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed329-55c048ee {
  align-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed32b-55c048ee {
  place-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed32c-55c048ee {
  align-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed32e-55c048ee {
  place-self: end start;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed336-55c048ee {
  place-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed337-55c048ee, #w-node-_3efa84d8-1c73-5878-ad3b-1211837ed33a-55c048ee {
  align-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed33c-55c048ee {
  place-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed33d-55c048ee {
  align-self: center;
}

#w-node-_3efa84d8-1c73-5878-ad3b-1211837ed33f-55c048ee {
  place-self: end start;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38405-55c048ee {
  place-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38406-55c048ee {
  align-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38408-55c048ee {
  place-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38409-55c048ee {
  align-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3840b-55c048ee {
  place-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3840c-55c048ee {
  align-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3840e-55c048ee {
  place-self: end start;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38416-55c048ee {
  place-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f38417-55c048ee, #w-node-ff24e5f6-61bd-f239-0893-06b941f3841a-55c048ee {
  align-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3841c-55c048ee {
  place-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3841d-55c048ee {
  align-self: center;
}

#w-node-ff24e5f6-61bd-f239-0893-06b941f3841f-55c048ee {
  place-self: end start;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf2a-55c048ee {
  place-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf2b-55c048ee {
  align-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf2d-55c048ee {
  place-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf2e-55c048ee {
  align-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf30-55c048ee {
  place-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf31-55c048ee {
  align-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf33-55c048ee {
  place-self: end start;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf3b-55c048ee {
  place-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf3c-55c048ee, #w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf3f-55c048ee {
  align-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf41-55c048ee {
  place-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf42-55c048ee {
  align-self: center;
}

#w-node-f0cce9a6-9e84-1a60-77c8-5bd8a160bf44-55c048ee {
  place-self: end start;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a73-55c048ee {
  place-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a74-55c048ee {
  align-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a76-55c048ee {
  place-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a77-55c048ee {
  align-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a79-55c048ee {
  place-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a7a-55c048ee {
  align-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a7c-55c048ee {
  place-self: end start;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a84-55c048ee {
  place-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a85-55c048ee, #w-node-_7f31275e-667a-1d1f-32fc-186b55334a88-55c048ee {
  align-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a8a-55c048ee {
  place-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a8b-55c048ee {
  align-self: center;
}

#w-node-_7f31275e-667a-1d1f-32fc-186b55334a8d-55c048ee {
  place-self: end start;
}

#w-node-b4000960-327a-a036-8ba5-33ff31e55893-94f888f9, #w-node-_43fad379-aeef-2bad-7dce-6ddc75844365-94f888f9 {
  justify-self: center;
}

#w-node-bef1080b-c4fc-7348-8b76-fc6c0771a0f4-94f888f9, #w-node-_33946550-36fa-7733-636c-cfba9eb978e2-94f888f9, #w-node-f64de671-856c-eab7-00c9-80a9105ffa73-94f888f9, #w-node-f64de671-856c-eab7-00c9-80a9105ffa75-94f888f9, #w-node-a58517b0-4421-fa54-0c60-dab3774b4d19-94f888f9, #w-node-a58517b0-4421-fa54-0c60-dab3774b4d1b-94f888f9, #w-node-_4ca4a549-c703-d661-eab0-ae6647b0849d-94f888f9, #w-node-_4ca4a549-c703-d661-eab0-ae6647b0849f-94f888f9 {
  place-self: center;
}

#w-node-_342a1929-20ff-e443-e6cc-0c18b89e93ea-7b0d6934, #w-node-ea847c5b-5f60-6f39-ae39-4e05ca299db4-7b0d6934 {
  justify-self: end;
}

#w-node-_81bf9dd0-698f-f1ad-fadd-5b7f81a6d7d7-7b0d6934 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: center;
}

#w-node-d572d6f0-e397-914a-fce4-4c660a7c321e-7b0d6934 {
  align-self: end;
}

#w-node-_060764ed-9e78-8fd1-e02a-514e2aba0b85-7b0d6934 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: center;
}

#w-node-_7c7aba04-671b-5d1f-b31a-24fe9cd6ffb3-7b0d6934 {
  align-self: end;
}

#w-node-_54900695-5724-c99e-c6da-d6833ea42070-7b0d6934, #w-node-bfe75373-be7f-962d-a876-280a637964da-7b0d6934 {
  align-self: start;
}

#w-node-dac3f6fd-3d88-d482-17c2-b4081b1217cd-7b0d6934 {
  place-self: center;
}

#w-node-_738d3c0f-4551-d13e-7f7f-9dc98b434ee4-7b0d6934 {
  align-self: center;
}

#w-node-_3467c1b5-8853-834a-d9bd-9a65ba7de5d6-7b0d6934 {
  place-self: center;
}

#w-node-_2c8291a0-220f-fe0e-7a39-b41365d7b379-7b0d6934 {
  align-self: center;
}

#w-node-e674d85b-5283-60f4-a6d5-4f4517741c96-7b0d6934 {
  place-self: center;
}

#w-node-b4d1cc6c-67c7-2586-c393-6faf9af27c2b-7b0d6934 {
  align-self: center;
}

#w-node-_0eff8d97-b672-d04f-b9dd-78cc038d8bc5-7b0d6934 {
  place-self: end start;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3f9-7b0d6934 {
  place-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3fa-7b0d6934, #w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3fd-7b0d6934 {
  align-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc3ff-7b0d6934 {
  place-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc400-7b0d6934 {
  align-self: center;
}

#w-node-f4409b00-ef22-b825-13ac-f5f63d7fc402-7b0d6934 {
  place-self: end start;
}

@media screen and (max-width: 991px) {
  #w-node-_0f6ea0ff-9262-afbe-0d15-448cd73827c3-433b8ab8 {
    align-self: end;
  }

  #w-node-ea847c5b-5f60-6f39-ae39-4e05ca299db4-433b8ab8 {
    justify-self: end;
  }

  #w-node-a50b4974-3341-aead-5fd1-8e307677abc4-433b8ab8 {
    align-self: center;
  }

  #w-node-_0f6ea0ff-9262-afbe-0d15-448cd73827c3-7b0d6934 {
    align-self: end;
  }

  #w-node-ea847c5b-5f60-6f39-ae39-4e05ca299db4-7b0d6934 {
    justify-self: end;
  }

  #w-node-a50b4974-3341-aead-5fd1-8e307677abc4-7b0d6934 {
    align-self: center;
  }

  #w-node-_81bf9dd0-698f-f1ad-fadd-5b7f81a6d7d7-7b0d6934 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: center;
  }

  #w-node-d572d6f0-e397-914a-fce4-4c660a7c321e-7b0d6934 {
    align-self: end;
  }

  #w-node-_060764ed-9e78-8fd1-e02a-514e2aba0b85-7b0d6934 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: center;
  }

  #w-node-_7c7aba04-671b-5d1f-b31a-24fe9cd6ffb3-7b0d6934 {
    align-self: end;
  }

  #w-node-_54900695-5724-c99e-c6da-d6833ea42070-7b0d6934, #w-node-bfe75373-be7f-962d-a876-280a637964da-7b0d6934 {
    align-self: start;
  }
}


@font-face {
  font-family: 'Antro Vectra';
  src: url('../fonts/Antro_Vectra.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Antro Vectra';
  src: url('../fonts/Antro_Vectra_Bolder.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}