@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
@font-face {
    font-family: 'Bolonat Hand';
    src: url('/wp-content/themes/sabbath-gift-2/font/bolonat-hand.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
html {
    --clr-navy: #2f4858;
    --clr-blue: #33658a;
    --clr-light-blue: #86bbd8;
    --clr-light-blue-30: #86bbd84d;
    --clr-light-blue-30-opaque: #d5e8f1;
    --clr-yellow: #f6ae2d;
    --clr-lighter-yellow: #f8be54;
    --clr-orange: #f26419;
    --clr-green: #496c44;
    --font-source-sans: 'Source Sans 3', sans-serif;
    --font-bolonat: 'Bolonat Hand', 'Source Sans 3', sans-serif;
    scroll-behavior: smooth;
}
html, body, input, select, button, textarea {
  font-family: var(--font-source-sans);
  font-size: 24px;
}
body {
  margin: 0;
  background: black;
}
h1, h2 {
  font-weight: 900;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 36px;
}
h3, h4 {
  font-weight: 600;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 28px;
}
a {
  color: inherit;
}
button, input[type=submit], .wp-block-button__link {
  color: black;
  background-color: transparent;
  font-size: 20px;
  font-weight: 600;
  padding: 0.8em 1.2em;
  border: 1.5px solid black;
  border-radius: 3em;
  appearance: none;
  transition: 0.3s;
  cursor: pointer;
}
.form-reverse input[type=submit] {
  color: white;
  border: 1.5px solid white;
}
.gm-style-mtc button {	/* stops our border radius from interfering with Google Maps embed */
  border-radius: 0;
}
button.white, input[type=submit].white, .white .wp-block-button__link,
button.yellow, input[type=submit].yellow, .yellow .wp-block-button__link,
button.orange, input[type=submit].orange, .orange .wp-block-button__link,
button.green, input[type=submit].green, .green .wp-block-button__link,
button.navy, input[type=submit].navy, .navy .wp-block-button__link,
button.blue, input[type=submit].blue, .blue .wp-block-button__link,
button.light-blue, input[type=submit].light-blue, .light-blue .wp-block-button__link {
  color: white;
  border-color: white;
}
button.yellow, input[type=submit].yellow, .yellow .wp-block-button__link {
  background-color: var(--clr-yellow);
}
button.orange, input[type=submit].orange, .orange .wp-block-button__link {
  background-color: var(--clr-orange);
}
button.green, input[type=submit].green, .green .wp-block-button__link {
  background-color: var(--clr-green);
}
button.navy, input[type=submit].navy, .navy .wp-block-button__link {
  background-color: var(--clr-navy);
}
button.blue, input[type=submit].blue, .blue .wp-block-button__link {
  background-color: var(--clr-blue);
}
button.light-blue, input[type=submit].light-blue, .light-blue .wp-block-button__link {
  background-color: var(--clr-light-blue);
}
button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus, .wp-block-button__link:hover, .wp-block-button__link:focus {
  outline: none;
  background-color: black;
  color: white;
}
.form-reverse input[type=submit]:hover, .form-reverse input[type=submit]:focus {
  background-color: white;
  color: black;
}
button.hover-yellow:hover, button.hover-yellow:focus, input[type=submit].hover-yellow:hover, input[type=submit].hover-yellow:focus, .hover-yellow .wp-block-button__link:hover, .hover-yellow .wp-block-button__link:focus {
  background-color: var(--clr-yellow);
  border-color: white;
}
button.hover-orange:hover, button.hover-orange:focus, input[type=submit].hover-orange:hover, input[type=submit].hover-orange:focus, .hover-orange .wp-block-button__link:hover, .hover-orange .wp-block-button__link:focus {
  background-color: var(--clr-orange);
  border-color: white;
}
button.hover-green:hover, button.hover-green:focus, input[type=submit].hover-green:hover, input[type=submit].hover-green:focus, .hover-green .wp-block-button__link:hover, .hover-green .wp-block-button__link:focus {
  background-color: var(--clr-green);
  border-color: white;
}
button.hover-navy:hover, button.hover-navy:focus, input[type=submit].hover-navy:hover, input[type=submit].hover-navy:focus, .hover-navy .wp-block-button__link:hover, .hover-navy .wp-block-button__link:focus {
  background-color: var(--clr-navy);
  border-color: white;
}
button.hover-blue:hover, button.hover-blue:focus, input[type=submit].hover-blue:hover, input[type=submit].hover-blue:focus, .hover-blue .wp-block-button__link:hover, .hover-blue .wp-block-button__link:focus {
  background-color: var(--clr-blue);
  border-color: white;
}
button.hover-light-blue:hover, button.hover-light-blue:focus, input[type=submit].hover-light-blue:hover, input[type=submit].hover-light-blue:focus, .hover-light-blue .wp-block-button__link:hover, .hover-light-blue .wp-block-button__link:focus {
  background-color: var(--clr-light-blue);
  border-color: white;
}
button, .wp-block-button__link {
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
  align-items: center;
}
button:not([class|="gm"])::after, .wp-block-button__link::after {
  content: '';
  height: 1.2em;
  width: 1.2em;
  background-image: url(/wp-content/themes/sabbath-gift-2/img/arrow-right-black.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
button:hover::after, button:focus::after, .wp-block-button__link:hover::after, .wp-block-button__link:focus::after,
button.white::after, .white .wp-block-button__link::after,
button.yellow::after, .yellow .wp-block-button__link::after,
button.orange::after, .orange .wp-block-button__link::after,
button.green::after, .green .wp-block-button__link::after,
button.navy::after, .navy .wp-block-button__link::after,
button.blue::after, .blue .wp-block-button__link::after,
button.light-blue::after, .light-blue .wp-block-button__link::after {
  background-image: url(/wp-content/themes/sabbath-gift-2/img/arrow-right-white.svg);
}
button:hover::after, button:focus::after, .wp-block-button__link:hover::after, .wp-block-button__link:focus::after,
button.white:hover::after, button.white:focus::after, .white .wp-block-button__link:hover::after, .white .wp-block-button__link:focus::after,
button.yellow:hover::after, button.yellow:focus::after, .yellow .wp-block-button__link:hover::after, .yellow .wp-block-button__link:focus::after,
button.orange:hover::after, button.orange:focus::after, .orange .wp-block-button__link:hover::after, .orange .wp-block-button__link:focus::after,
button.green:hover::after, button.green:focus::after, .green .wp-block-button__link:hover::after, .green .wp-block-button__link:focus::after,
button.navy:hover::after, button.navy:focus::after, .navy .wp-block-button__link:hover::after, .navy .wp-block-button__link:focus::after,
button.blue:hover::after, button.blue:focus::after, .blue .wp-block-button__link:hover::after, .blue .wp-block-button__link:focus::after,
button.light-blue:hover::after, button.light-blue:focus::after, .light-blue .wp-block-button__link:hover::after, .light-blue .wp-block-button__link:focus::after {
  transform: rotate(45deg);
}
.wp-block-separator {
  border-bottom: 0;
}

/* HEADER */

header {
  padding: 0.8em 1.5em;
}
header {
  background-color: var(--clr-light-blue);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header .logo img {
  width: 12em;
  max-width: 100%;
}
header>div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header nav {
  padding: 0.5em;
}
header nav a {
  display: inline-block;
  padding: 0.5em;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  transition: all 0.2s;
}
header nav a:hover {
  color: white;
}
header .searchform input[type=text] {
  margin: 0.5em;
  padding: 1px 6px 0;
  border-radius: 5px;
  background-color: #ddd;
  appearance: searchfield;
  border: 0;
  width: 10em;
}
header .searchform input[type=text]::placeholder {
  color: rgba(0,0,0,0.4);
}
header .searchform input[type=submit] {
  display: none;
}
.top-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
}
.top-bar-page {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  padding: 1em;
}
.top-bar .logo {
  height: 1.2em;
}
.hamburger {
  width: 0.8em;
  aspect-ratio: 1/1;
  background-image: url(/wp-content/themes/sabbath-gift-2/img/hamburger.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 11;
  transition: 300ms;
}
.hamburger.active {
  background-image: url(/wp-content/themes/sabbath-gift-2/img/hamburger-close.svg);
}
.top-menu {
  background: rgb(0 0 0 / 0.85);
  color: white;
  position: fixed;
  top: 0;
  right: -375px;
  width: 100%;
  transition: 300ms ease-in;
  display: flex;
  flex-direction: column;
  gap: 20px;
  line-height: 1.1;
  z-index: 10;
  padding: 1em;
  border-radius: 32px 0 32px 32px;
  box-sizing: border-box;
  text-align: left;
}
@media (min-width: 375px) {
  .top-menu {
    width: 375px;
  }
}
.top-menu.active {
  right: 0px;
  transition: 300ms ease-out;
}
.top-menu a {
  text-decoration: none;
  transition: 300ms;
}
.top-menu a:hover {
  color: var(--clr-yellow);
}

/* FOOTER */

footer {
	padding: 1.5em max(1.5em,5vw);
	background-color: var(--clr-navy);
	color: rgb(255,255,255,0.9);
	text-align: center;
	font-size: 16px;
}
footer a {
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
}
footer a:hover {
	color: var(--clr-yellow);
	text-decoration: underline;
}
footer nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    margin-bottom: 2em;
}
footer .logos {
	display: flex;
	flex-wrap: wrap;
	gap: 2em 4em;
	justify-content: center;
	align-items: center;
}
footer .sabbath-gift-logo {
	width: 200px;
	max-width: 100%;
}
footer .adventist-logo {
	width: 350px;
	max-width: 100%;
}
footer .socials {
	font-size: 2em;
	display: flex;
	justify-content: center;
	gap: 1em;
}
footer .recaptcha {
	font-size: 0.8em;
	color: rgb(255,255,255,0.6);
}
    
/* FEATURED IMAGES */

.wp-post-image {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: calc(50svh + 30px);
  position: relative;
  z-index: -1;
}
h1:has(+ .breadcrumbs) {
  margin-bottom: 0;
}
.breadcrumbs {
  font-size: 14px;
  color: rgb(0,0,0,0.5);
  margin-top: 0;
  margin-bottom: 2rem;
  display: block;
  list-style: none;
  padding: 0;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li:not(:first-child)::before {
  content: ' \00bb  ';
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.featured-video {
  margin-bottom: 0;
  position: relative;
  background: black;
  transition: 0.3s;
}
.featured-video.contained {
  padding-bottom: 30px;
}
.featured-video video {
  display: block;
  height: 85vh;
  object-fit: cover;
  object-position: center;
  transition: 0.3s; /* for object-fit changes, but support is patchy */
}
.featured-video.contained video {
  height: calc(85vh - 30px);
  object-fit: contain;
  object-position: center;
}
@media (min-height: 500px) {
  .featured-video video {
    height: 60vh;
  }
  .featured-video.contained video {
    height: calc(60vh - 30px);
  }
}
.featured-video .controls {
  position: absolute;
  bottom: calc(30px + 1em);
  left: 50%;
  transform: translateX(-50%);
  color: white;
  display: flex;
  gap: 1em;
  transition: 0.3s;
}
.featured-video .controls.between {
  left: 2em;
  transform: none;
}
.featured-video .controls img {
  width: 30px;
  cursor: pointer;
}
.featured-video .controls.between img:not(:first-child) {
  display: none;
}
.featured-video video::cue {
  font-family: var(--font-source-sans);
  font-size: clamp(20px, 4vw, 40px);
}
.title-cover {
  margin-top: -30px;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  padding-bottom: 0;
}
.title-cover .wp-block-cover__inner-container>h1 {
  margin: 0;
  font-family: var(--font-bolonat);
}
@media (min-width: 750px) {
  .title-cover .wp-block-cover__inner-container>h1 {
    margin: 0.67em 0 0;
  }
}
.post-title {
  margin-top: 0;
  font-family: var(--font-bolonat);
}
@media (min-width: 750px) {
  .post-title {
    margin-top: 0.67em;
  }
}

/* MAIN */

main {
  background-color: white;
  padding-top: 2em;
  padding-bottom: 4em;
  padding-left: max(1em, 3vw);
  padding-right: max(1em, 3vw);
  overflow: auto;
}
.wp-post-image + main {
  border-radius: 30px 30px 0 0;
  margin-top: -30px;
  padding-top: 1em;
}
.alignwide-within {
  margin-left: max(1em, 3vw);
  margin-right: max(1em, 3vw);
}
.alignfull, .wp-block-cover, .slider.full {
  margin-left: min(-1em, -3vw);
  margin-right: min(-1em, -3vw);
}
p.alignfull, h2.alignfull, .wp-block-latest-posts.alignfull, .wp-block-cover .alignfull {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 500px) {
  main {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .alignwide {
    margin-left: -5vw;
    margin-right: -5vw;
  }
  .alignwide-within {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .alignfull, .featured-image, .wp-block-cover .alignfull {
    margin-left: -10vw;
    margin-right: -10vw;
  }
  p.alignfull, h2.alignfull, .wp-block-latest-posts.alignfull {
    margin-left: calc(-10vw + max(1em,3vw));
    margin-right: calc(-10vw + max(1em,3vw));
  }
  .wp-block-cover {
    margin-left: -10vw;
    margin-right: -10vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .wp-block-cover.alignwide {
    margin-left: -10vw;
    margin-right: -10vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .wp-block-cover.alignfull {
    margin-left: -10vw;
    margin-right: -10vw;
    padding-left: max(1em, 3vw);
    padding-right: max(1em, 3vw);
  }
}
@media (min-width: 1000px) {
  main {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .alignwide {
    margin-left: -7.5vw;
    margin-right: -7.5vw;
  }
  .alignwide-within {
    margin-left: 7.5vw;
    margin-right: 7.5vw;
  }
  .alignfull, .featured-image, .wp-block-cover .alignfull {
    margin-left: -15vw;
    margin-right: -15vw;
  }
  p.alignfull, h2.alignfull, .wp-block-latest-posts.alignfull {
    margin-left: calc(-15vw + max(1em,3vw));
    margin-right: calc(-15vw + max(1em,3vw));
  }
  .wp-block-cover {
    margin-left: -15vw;
    margin-right: -15vw;
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .wp-block-cover.alignwide {
    margin-left: -15vw;
    margin-right: -15vw;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }
  .wp-block-cover.alignfull {
    margin-left: -15vw;
    margin-right: -15vw;
    padding-left: max(1em, 3vw);
    padding-right: max(1em, 3vw);
  }
}
@media (min-width: 1500px) {
  main {
    padding-left: 20vw;
    padding-right: 20vw;
  }
  .alignwide {
    margin-left: -10vw;
    margin-right: -10vw;
  }
  .alignwide-within {
    margin-left: 10vw;
    margin-right: 10vw;
  }
  .alignfull, .featured-image, .wp-block-cover .alignfull {
    margin-left: -20vw;
    margin-right: -20vw;
  }
  p.alignfull, h2.alignfull, .wp-block-latest-posts.alignfull {
    margin-left: calc(-20vw + max(1em,3vw));
    margin-right: calc(-20vw + max(1em,3vw));
  }
  .wp-block-cover {
    margin-left: -20vw;
    margin-right: -20vw;
    padding-left: 20vw;
    padding-right: 20vw;
  }
  .wp-block-cover.alignwide {
    margin-left: -20vw;
    margin-right: -20vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .wp-block-cover.alignfull {
    margin-left: -20vw;
    margin-right: -20vw;
    padding-left: max(1em, 3vw);
    padding-right: max(1em, 3vw);
  }
}
.wp-block-cover, .wp-block-cover-image {
  width: auto;
}
.wp-block-cover__inner-container>*:first-child {
  margin-top: 0;
}
.wp-block-cover__inner-container>*:last-child {
  margin-bottom: 0;
}

/* CARDS */

.post-grid, .wp-block-latest-posts.is-grid {   /* a grid of cards */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
  gap: 1em;
}
.wp-block-latest-posts.is-grid li, .wp-block-latest-posts.columns-3 li {   /* override li base style */
  margin: 0;
  width: 600px;
  max-width: 100%;
}
.post-grid>a, .wp-block-latest-posts.is-grid>li>a {   /* card link */
  color: inherit;
  text-decoration: none;
}
.post-grid>a>div, .wp-block-latest-posts.is-grid>li>a>div {   /* card outer */
  border: 2px solid transparent;
  padding: 2px;
  transition: all 0.2s;
}
.post-grid>a:hover>div, .wp-block-latest-posts.is-grid>li>a:hover>div {   /* card outer - hover */
  border: 2px solid var(--clr-gold);
}
.post-grid>a>div>div:first-child, .wp-block-latest-posts.is-grid>li>a>div>.wp-block-latest-posts__featured-image {   /* image wrapper */
	aspect-ratio: 3/2;
}
.post-grid>a>div>div:first-child>img, .wp-block-latest-posts.is-grid>li>a>div>.wp-block-latest-posts__featured-image>img {   /* image */
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}
.post-grid>a:hover>div>div:first-child>img, .wp-block-latest-posts.is-grid>li>a:hover>div>.wp-block-latest-posts__featured-image>img {   /* image - hover */
  filter: brightness(1.05);
}
.post-grid>a>div>div:last-child {
	padding: 1.25em 1em 1em;
  line-height: 1.4;
}
.post-grid>a>div>div:last-child>h3 {
  margin: 0;
}
.post-grid>a>div>div:last-child>p {
  font-size: 14px;
  font-weight: 200;
}
.post-grid>a>div>div:last-child>*:first-child {
  margin-top: 0;
}
.post-grid>a>div>div:last-child>*:last-child {
  margin-bottom: 0;
}
.wp-block-latest-posts.is-grid>li>a>div>.wp-block-latest-posts__post-title {
  margin: 1.25rem 1rem 1rem;
  line-height: 1.4;
}
.wp-block-latest-posts.is-grid>li>a>div>.wp-block-latest-posts__post-excerpt {
  font-size: 14px;
  font-weight: 200;
  margin: 1rem;
  line-height: 1.4;
}
.empty-card {
  background-color: var(--clr-blue);
}

/* SLIDER */

.slider>div {
  display: flex;
  gap: 0.75em;
  overflow: auto;
  scroll-snap-type: x mandatory;
  padding: 1em 0;
}
.slider.alignfull>div, .slider.sidepadding>div {
  padding: 1em;
}
@media (min-width: 500px) {
  .slider>div {
    padding: 1em 0;
  }
  .slider.alignfull>div, .slider.sidepadding>div {
    padding: 1em;
  }
  .slider.pad-normal>div {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .slider.pad-wide>div {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media (min-width: 1000px) {
  .slider.pad-normal>div {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .slider.pad-wide>div {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }
}
@media (min-width: 1500px) {
  .slider.pad-normal>div {
    padding-left: 20vw;
    padding-right: 20vw;
  }
  .slider.pad-wide>div {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
.slider>div>div {
  scroll-snap-align: center;
  width: 90%;
  max-width: 800px;
  flex-shrink: 0;
}
.slider>div>div:first-child {
  margin-left: auto;
}
.slider>div>div:last-child {
  margin-right: auto;
}
.slider .wp-block-embed.is-type-video {
  margin-bottom: 0;
}
.wp-block-cover .slider .wp-block-embed {
  min-width: initial;
  min-height: initial;
}

/* FORMS - GENERIC */

form label {
  font-weight: normal;
}
.form-field-label, .recaptcha-message {
  color: rgba(0,0,0,0.4);
  font-size: 20px;
  font-weight: 300;
}
/*
input[type=text], input[type=email], input[type=number], textarea, select {
  padding: 5px 10px;
  border: 1px solid var(--clr-navy);
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
}
*/
input:focus {
  outline: 3px dashed var(--clr-orange);
  outline-offset: 3px;
}
input::placeholder, textarea::placeholder, label.placeholder {
  font-weight: normal;
  color: rgb(0,0,0,0.4);
  font-size: 20px;
  font-weight: 300;
}
.form-reverse input::placeholder, .form-reverse textarea::placeholder, .form-reverse label.placeholder {
  color: rgb(255,255,255,0.4);
}
input[type=text], input[type=email], input[type=number], input[type=date], input[type=url], textarea, select, #findplace {
  border: 0;
  border-radius: 0;
  color: black;
  border-bottom: 1px solid black;
  background: transparent;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.form-reverse input[type=text], .form-reverse input[type=email], .form-reverse input[type=number], .form-reverse input[type=date], .form-reverse input[type=url], .form-reverse textarea, .form-reverse select {
  color: white;
  border-bottom: 1px solid white; 
}
input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=url]:focus, textarea:focus, select:focus, #findplace:focus {
  outline: none;
  border-bottom: 3px dashed var(--clr-orange);
  margin-bottom: 0;
}
textarea {
  width: 100%;
}
select {
  appearance: none;
  color: inherit;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 16px 12px;
  padding-right: 2em;
  min-width: 5em;
}
@media (max-width: 500px) {
  select {
    width: 100%;
  }
}
input[type=submit] {
  cursor: pointer;
}
.grecaptcha-badge {visibility: hidden;}
input[type=date]::-webkit-calendar-picker-indicator {
  border: 3px dashed transparent;
}
input[type=date]::-webkit-calendar-picker-indicator:focus {
  border: 3px dashed var(--clr-orange);
  outline: none;
}
input[type=text], input[type=email] {
  padding: 1px 2px;
}
label.placeholder {
  margin-left: 2px;
}

/* FORMS - CONTACT FORM 7 */

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0 1em;
  padding: 0;
}
.wpcf7 form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.sent .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/sabbath-gift-2/img/icon-ok.svg);
  background-size: contain;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 0.8em;
  vertical-align: middle;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.failed .wpcf7-response-output::before, .wpcf7 form.aborted .wpcf7-response-output::before, .wpcf7 form.spam .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/sabbath-gift-2/img/icon-error.svg);
  background-size: contain;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 0.8em;
  vertical-align: middle;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: 0;
}
.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before {
  content: ' ';
  background-image: url(/wp-content/themes/sabbath-gift-2/img/icon-warn.svg);
  background-size: contain;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 0.8em;
  vertical-align: middle;
}
.wpcf7-not-valid-tip {
  font-size: 16px;
  color: var(--clr-orange);
}
.codedropz-upload-container:has(a.cd-upload-btn:focus) {
  outline: 3px dashed var(--clr-orange);
}
.codedropz-upload-container a.cd-upload-btn:focus {
  outline: none;
}

/* HOME PAGE & SHARE PAGE */

.hero {
	box-sizing: border-box;
	min-height: 100svh;
	color: white;
	position: relative;
	padding: 1em;
	display: flex;
	flex-direction: column;
	gap: 1em;
	text-align: center;
	line-height: 1;
	border-radius: 0 0 30px 30px;
	overflow: hidden;
	box-shadow: 0 4px 4px rgb(0,0,0,0.25);
}
.hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.page-id-2 .hero .top-bar>img , .page-id-74 .hero .top-bar>img {
    filter: drop-shadow(0 0 10px #25231f3f);
}
.hero .content-a {
	flex: 1;
	margin: 1em auto 0;
}
@media (min-width: 400px) {
	.hero .content-a {
		width: 14em;
	}
}
@media (min-width: 500px) {
	.hero .content-a {
		margin-top: 2em;
		width: 18em;
	}
}
.hero h1 {
	font-size: 48px;
	margin: 0;
}
@media (min-width: 500px) {
	.hero h1 {
		font-size: 64px;
	}
}
.hero .content-b {
	margin: 0 auto;
	font-weight: 600;
}
.hero .actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	margin: 0 auto 1em;
}

.accordion-title, .title-with-left-padding {
	padding-left: max(1rem, 5vw);
	padding-right: 1rem;
}
@media (min-width: 1000px) {
	.accordion-title, .title-with-left-padding {
		padding-left: 10vw;
	}
}
.accordion, .accordion2 {
	color: white;
}
@media (min-width: 1000px) {
	.accordion2 {
		padding: 1em;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1em;
	}
}
.accordion>div, .accordion2>div {
	padding: 1em 1em 1em max(1rem, 5vw);
	border-radius: 0 0 24px 24px;
	position: relative; /* for z-index manipulation */
}
@media (min-width: 1000px) {
	.accordion>div, .accordion2>div {
		padding-left: 10vw;
	}
}
.accordion>div:not(:first-child), .accordion2>div:not(:first-child) {
	margin-top: -24px;
/*	padding: calc(1em + 24px) 1em 1em; */
	padding-top: calc(1em + 24px);
}
@media (min-width: 1000px) {
	.accordion2>div, .accordion2>div:not(:first-child) {
		margin-top: 0;
		padding: 1em;
		border-radius: 24px;
	}
}
.accordion>div>div:first-child, .accordion2>div>div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
}
.accordion>div>div:first-child>img, .accordion2>div>div:first-child>img {
	width: 2em;
}
.accordion>div>div:first-child>p, .accordion2>div>div:first-child>p {
	margin: 0;
	flex: 1;
}
.accordion>div>div:first-child::after, .accordion2>div>div:first-child::after {
	content: '';
	background-image: url(/wp-content/themes/sabbath-gift-2/img/chevron.svg);
	background-position: center;
	background-size: 0.75em;
	background-repeat: no-repeat;
	width: 1em;
	height: 1em;
/*		align-self: start; */
}
.accordion>div.expanded>div:first-child::after, .accordion2>div.expanded>div:first-child::after {
	background-image: url(/wp-content/themes/sabbath-gift-2/img/close.svg);
	background-size: 1em;
}
@media (min-width: 1000px) {
	.accordion2>div>div:first-child::after {
		display: none;
	}
}
.accordion>div>div:last-child, .accordion2>div>div:last-child {
	display: none;
	font-size: 20px;
}
@media (min-width: 1000px) {
	.accordion2>div>div:last-child {
		display: block;
		margin-top: 1em;
	}
}
.accordion>div.expanded>div:last-child, .accordion2>div.expanded>div:last-child {
	display: block;
	margin-top: 1em;
}
/*
.accordion2>div>div>*:first-child {
	margin-top: 0;
}
*/
.accordion>div>div>*:last-child, .accordion2>div>div>*:last-child {
	margin-bottom: 0;
}

.video-slider {
	background: var(--clr-light-blue-30-opaque);
/*
	padding: 30px 0 1em;
	margin-top: -30px;
*/
}
/*
.video-slider h4 {
	padding: 0 1em;
	margin-bottom: 0;
}
*/
.video-slider>div>div, .video-wrapper, .video-wall>div>div>div, .wall-2>div>div>div {
	padding: 10px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 4px 8px rgb(0,0,0,0.2);
	display: flex;
	flex-direction: column;
}
.video-slider>div>div {
	box-sizing: border-box;
	width: 80%;
	max-width: 300px;
}
.video-slider iframe, .video-slider img,  .video-slider video, .video-wall iframe, .wall-2 img {
	width: 100%;
	display: block;
	border-radius: 5px;
}
.video-slider iframe, .video-wall iframe {
	aspect-ratio: 9/16;
}
.video-slider video {
	background-color: var(--clr-blue);
}
.video-slider>div>div:has(video), .video-wrapper {
	position: relative;
}
.video-slider>div>div:has(video)::after, .video-wrapper::after {
	content: "";
	position: absolute;
	top: 1em;
	left: 1em;
	width: 1em;
	height: 1em;
	color: white;
	background-image: url(/wp-content/themes/sabbath-gift-2/img/play.svg);
	background-size: contain;
	pointer-events: none;
}
.video-slider>div>div:has(video.playing)::after, .video-wrapper:has(video.playing)::after {
	background-image: url(/wp-content/themes/sabbath-gift-2/img/pause.svg);
}
.video-slider .title, .video-wrapper .title, .video-wall .title, .wall-2 .title {
	font-size: 18px;
}
.video-slider .title, .video-wrapper .title {
	font-weight: 600;
	margin-top: 10px;
	flex: 1;
}
.video-wall .title, .wall-2 .title {
	text-align: center;
}
.video-wall .title a i, .wall-2 .title a i {
	transition: 0.3s;
}
.video-wall .title a:hover i, .wall-2 .title a:hover i {
	transform: scale(1.1);
	color: var(--clr-green);
}
.video-slider .duration, .video-wrapper .duration {
	font-size: 12px;
	color: var(--clr-light-blue);
	margin: 0;
	font-weight: 900;
}

.live-event {
  color: white;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 499px) {
  .live-event {
    border-radius: 30px;
	margin-left: min(-1em, -3vw);
    margin-right: min(-1em, -3vw);
  }
}
@media (min-width: 1000px) {
  .live-event {
    display: grid;
    grid-template-columns: minmax(0, 3fr) 2fr;
  }
}
.live-event>* {
  padding: 1em max(1em, 4vw);
}
.live-event>*:first-child {
  background-color: #aacfe4;
}
.live-event>*:last-child {
  background-image: url(/wp-content/uploads/sites/10/2023/05/anonymous-presenter-1024x682.webp);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 10em;
}
.live-event h2 {
  font-family: var(--font-bolonat);
  margin: 0.5em 0 0;
  font-weight: normal;
}
.live-event h3, .live-event h4 {
  margin: 0;
}
.live-event h4 {
  color: rgb(255,255,255,0.6);
}
.live-event svg {
  width: 2em;
  transition: 0.3s;
}
.live-event>div:hover svg {
  transform: rotate(45deg);
}
.live-event svg .st0 {
  fill: white;
}
.live-event svg .st1 {
  fill: var(--clr-light-blue);
  fill-opacity: 0;
  transition: 0.3s;
}
.live-event>div:hover svg .st1 {
	fill-opacity: 1;
}
.live-event .speaker {
	display: grid;
	gap: 1em;
	align-items: center;
	margin: 2em 0;
}
@media (min-width: 500px) {
	.live-event .speaker {
		grid-template-columns: 90px auto;
	}
}
.live-event .speaker>*:first-child {
    aspect-ratio: 1/1;
    border: 1px solid white;
    border-radius: 12px;
    overflow: hidden;
}    
.live-event .speaker img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.live-event .speaker+p {
	margin-top: 0;
}

.webinar-time mark {
  color: white;
  background-color: var(--clr-orange);
  padding: 5px 20px;
  border-radius: 5px;
}
.webinar-details {
  margin-top: 3em;
}
.webinar-details img {
  border: 5px solid var(--clr-navy);
  border-radius: 24px;
}
.webinar-series>div {
  background: white;
  padding: 1em;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgb(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  line-height: 1;
}
.webinar-series>div>* {
  margin: 0;
}
.webinar-series>div>*:last-child {
  margin-top: 0.5em;
}
.webinar-other, .webinar-series>div>*:nth-child(3) {
  font-family: var(--font-bolonat);
}
.webinar-series>div>*:nth-child(3) {
  font-size: 1.2em;
}
.webinar-series img {
  border-radius: 5px;
  margin-left: -14px;
  margin-top: -14px;
  margin-right: -14px;
  max-width: none;
  width: calc(100% + 28px);
}

/* EMBEDS */

.webinar-embed {padding-top: 2em; padding-bottom: 2em;}
.webinar-embed>div {background: white; padding: 10px; border-radius: 12px; box-shadow: 0 4px 8px rgb(0,0,0,0.2);}
.webinar-embed>div>iframe {width: 100%; aspect-ratio: 16/9; border-radius: 5px; display: block;}

/* MISCELLANEOUS */


/* OVERRIDES */

.has-navy-color, .has-navy-color.wp-block-button__link, .has-navy-color.wp-block-button__link:active, .has-navy-color.wp-block-button__link:focus, .has-navy-color.wp-block-button__link:hover, .has-navy-color.wp-block-button__link:visited {
	color: var(--clr-navy);
}
.has-navy-background-color, .is-style-outline .has-navy-background-color.wp-block-button__link, .has-navy-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-navy);
}
.has-blue-color, .has-blue-color.wp-block-button__link, .has-blue-color.wp-block-button__link:active, .has-blue-color.wp-block-button__link:focus, .has-blue-color.wp-block-button__link:hover, .has-blue-color.wp-block-button__link:visited {
	color: var(--clr-blue);
}
.has-blue-background-color, .is-style-outline .has-blue-background-color.wp-block-button__link, .has-blue-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-blue);
}
.has-light-blue-color, .has-light-blue-color.wp-block-button__link, .has-light-blue-color.wp-block-button__link:active, .has-light-blue-color.wp-block-button__link:focus, .has-light-blue-color.wp-block-button__link:hover, .has-light-blue-color.wp-block-button__link:visited {
	color: var(--clr-light-blue);
}
.has-light-blue-background-color, .is-style-outline .has-light-blue-background-color.wp-block-button__link, .has-light-blue-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-light-blue);
}
.has-very-light-blue-color, .has-very-light-blue-color.wp-block-button__link, .has-very-light-blue-color.wp-block-button__link:active, .has-very-light-blue-color.wp-block-button__link:focus, .has-very-light-blue-color.wp-block-button__link:hover, .has-very-light-blue-color.wp-block-button__link:visited {
	color: var(--clr-light-blue-30-opaque);
}
.has-very-light-blue-background-color, .is-style-outline .has-very-light-blue-background-color.wp-block-button__link, .has-very-light-blue-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-light-blue-30-opaque);
}
.has-yellow-color, .has-yellow-color.wp-block-button__link, .has-yellow-color.wp-block-button__link:active, .has-yellow-color.wp-block-button__link:focus, .has-yellow-color.wp-block-button__link:hover, .has-yellow-color.wp-block-button__link:visited {
	color: var(--clr-yellow);
}
.has-yellow-background-color, .is-style-outline .has-yellow-background-color.wp-block-button__link, .has-yellow-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-yellow);
}
.has-lighter-yellow-color, .has-lighter-yellow-color.wp-block-button__link, .has-lighter-yellow-color.wp-block-button__link:active, .has-lighter-yellow-color.wp-block-button__link:focus, .has-lighter-yellow-color.wp-block-button__link:hover, .has-lighter-yellow-color.wp-block-button__link:visited {
	color: var(--clr-lighter-yellow);
}
.has-lighter-yellow-background-color, .is-style-outline .has-lighter-yellow-background-color.wp-block-button__link, .has-lighter-yellow-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-lighter-yellow);
}
.has-orange-color, .has-orange-color.wp-block-button__link, .has-orange-color.wp-block-button__link:active, .has-orange-color.wp-block-button__link:focus, .has-orange-color.wp-block-button__link:hover, .has-orange-color.wp-block-button__link:visited {
	color: var(--clr-orange);
}
.has-orange-background-color, .is-style-outline .has-orange-background-color.wp-block-button__link, .has-orange-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-orange);
}
.has-green-color, .has-green-color.wp-block-button__link, .has-green-color.wp-block-button__link:active, .has-green-color.wp-block-button__link:focus, .has-green-color.wp-block-button__link:hover, .has-green-color.wp-block-button__link:visited {
	color: var(--clr-green);
}
.has-green-background-color, .is-style-outline .has-green-background-color.wp-block-button__link, .has-green-background-color.wp-block-button__link.is-style-outline {
	background-color: var(--clr-green);
}

.half-black, .wp-block-cover p.half-black {color: rgba(0,0,0,0.5);}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.mt0 {margin-top: 0;}
.mt1 {margin-top: 1em;}
.mt2 {margin-top: 2em;}
.mt10 {margin-top: 10px;}
.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb10 {margin-bottom: 10px;}
.w100 {width: 100%;}
.center-text {text-align: center;}