/*
Theme Name: Bookmarks From Books
Author: Matthew Barnhart
Author URI: obscureplanet.com 
Version: 3.0 
*/
/* Reset =================================================== */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a[href] {
  cursor: pointer;
}

ol, ul, menu {
  list-style: none;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

@-webkit-keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}

@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Placeholders =================================================== */
.op-article figure.alignright::after,
.op-content-block figure.alignright::after, .op-article figure.alignleft::after,
.op-content-block figure.alignleft::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.op-posts-title__label, .op-featured-post__title, .op-featured-posts-label, .op-article h1,
.op-content-block h1 {
  font-size: 1.3333333333rem;
  line-height: 1.5em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-style: italic;
  font-weight: 900;
}

.op-404, .op-no-results, .op-posts-title, .op-posts-wrapper__headline, .op-featured-post__author, .op-featured-posts-headline, .op-article h2,
.op-content-block h2 {
  font-size: 1.3333333333rem;
  line-height: 1.5em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

.op-post__title, .op-article h3,
.op-content-block h3 {
  font-size: 1.1666666667rem;
  line-height: 1.7142857143em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-style: italic;
  font-weight: 900;
}

.gform_wrapper .gfield textarea, .gform_wrapper .gfield input:not([type=checkbox]):not([type=radio]), .op-post__author, .op-article h4,
.op-content-block h4 {
  font-size: 1.1666666667rem;
  line-height: 1.7142857143em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

.op-featured-post__read-date, .op-article h5,
.op-content-block h5 {
  font-size: 1.1666666667rem;
  line-height: 1.7142857143em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

.gform_confirmation_message, .gform_wrapper .validation_message, .gform_wrapper .validation_error, .gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label, .post-password-form, .wp-pagenavi .extend, .wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi .current, .op-post__tag, .op-post__category, .op-post__categories, .op-post__read-date, .op-post__read-on, .op-featured-post__tag, .op-featured-post__category, .op-featured-post__categories, .op-featured-post__read-on, .op-featured-post__referral, .footer-bar__disclaimer, .footer-bar__content {
  font-size: 1rem;
  line-height: 1.7142857143em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

.op-article p,
.op-article li,
.op-content-block p,
.op-content-block li {
  font-size: 1.1666666667rem;
  line-height: 1.7142857143em;
  color: #000;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

button.mfp-close, .wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi .current, .op-post__image, .op-featured-post__referral {
  transition: all 0.2s ease-in-out;
}

/* Global =================================================== */
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

a[href^=tel] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

html {
  font-size: 12px;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Nunito", sans-serif;
  height: 100%;
  position: relative;
}

html.no-scroll,
body.no-scroll {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

body.op-preload * {
  transition: none !important;
}

html {
  scroll-behavior: smooth;
}

sub,
sup {
  position: relative;
  top: -0.4em;
  vertical-align: baseline;
}

sub {
  top: 0.4em;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.disable-smooth-scrolling {
  scroll-behavior: auto;
}

/* Main =================================================== */
.main {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

/* Articles =================================================== */
.op-article,
.op-content-block {
  /* :is() has precedence than rules that come after it, so keep in mind the specificity. */
}
.op-article * + *,
.op-content-block * + * {
  margin-top: 1.3333333333em;
}
.op-article a,
.op-content-block a {
  color: #BA4537;
}
.op-article h1 + :is(p, ol, ul),
.op-content-block h1 + :is(p, ol, ul) {
  margin-top: 0.375em;
}
.op-article :is(figure, h2, h3, h4, h5, hr, p, ol, ul, .embedded-video) + :is(figure, h2, h3, h4, h5, hr, p, ol, ul, .embedded-video),
.op-content-block :is(figure, h2, h3, h4, h5, hr, p, ol, ul, .embedded-video) + :is(figure, h2, h3, h4, h5, hr, p, ol, ul, .embedded-video) {
  margin-top: 1.5em;
}
.op-article li + li,
.op-content-block li + li {
  margin-top: 0;
}
.op-article strong,
.op-content-block strong {
  font-weight: 500;
}
.op-article ul,
.op-article ol,
.op-content-block ul,
.op-content-block ol {
  margin-left: 20px;
}
.op-article img,
.op-content-block img {
  max-width: 100%;
  height: auto;
}
.op-article p:first-child > img.aligncenter,
.op-article p:first-child > img.alignnone,
.op-content-block p:first-child > img.aligncenter,
.op-content-block p:first-child > img.alignnone {
  margin-top: 0;
}
.op-article img.aligncenter,
.op-article img.alignnone,
.op-content-block img.aligncenter,
.op-content-block img.alignnone {
  margin: 1.5em 0 0;
}
.op-article img.alignleft,
.op-content-block img.alignleft {
  float: left;
  margin: 1.5em 35px 35px 0;
}
.op-article img.alignright,
.op-content-block img.alignright {
  float: right;
  margin: 1.5em 0 35px 35px;
}
.op-article figure,
.op-content-block figure {
  max-width: 100%;
}
.op-article figure:not(:first-of-type),
.op-content-block figure:not(:first-of-type) {
  margin-top: 4.5em;
}
.op-article figcaption,
.op-content-block figcaption {
  font-size: 1.3333333333rem;
  line-height: 1.5em;
  font-style: italic;
  margin: 0.75em 0 0;
}
.op-article figure.alignleft,
.op-content-block figure.alignleft {
  float: left;
  margin: 3em 35px 15px 0;
}
.op-article figure.alignright,
.op-content-block figure.alignright {
  float: right;
  margin: 3em 0 15px 35px;
}
/* Header =================================================== */
.header {
  align-items: center;
  background: #E1F0F5;
  display: flex;
  flex: 0 0 120px;
  height: 120px;
  pointer-events: auto;
  position: relative;
  transition: all 0.35s ease;
  width: 100%;
  z-index: 6200;
}

.header::after {
  background: #E1F0F5;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.header-logo-wrapper {
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: center;
}

.header-logo {
  display: block;
  position: relative;
  width: 250px;
}

.header-logo::before {
  background: #BA4537;
  content: "";
  height: 6px;
  left: -0.5px;
  position: absolute;
  top: -12px;
  width: 107.5px;
}

.header-logo::after {
  background: #BA4537;
  bottom: -12px;
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  width: 132px;
}

.header-logo__image {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Footer =================================================== */
.footer {
  background: #E1F0F5;
  padding: 10px 0 20px;
}

.footer__content {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  padding: 10px 0 0;
}

.single .footer__content {
  border-top: 0;
  padding: 0;
}

.footer-bar__content {
  color: #747474;
}

.footer-bar__disclaimer {
  color: #747474;
}

.search-form {
  max-width: 100%;
}

.search-form__input {
  background: #fff;
  height: 30px;
  max-width: 100%;
  padding: 0 10px;
  width: 300px;
}

@media only screen and (max-width: 767px) {
  .footer__content {
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
    padding: 20px 0 0;
  }

  .footer-bar__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 1em 0 0;
    order: 2;
  }

  .footer-bar__copyright {
    text-align: center;
    order: 2;
  }

  .footer-bar__sep {
    display: none;
  }

  .footer-bar__disclaimer {
    text-align: center;
    order: 1;
  }

  .search-form {
    order: 1;
  }
}
/* Featured Post =================================================== */
.op-featured-posts-headline {
  color: #333333;
  margin: 90px 0 0;
  text-align: center;
}

.op-featured-posts-label {
  color: #333333;
}

.op-featured-posts-headline + .op-featured-posts {
  margin-top: 45px;
}

.op-featured-posts {
  display: flex;
  flex-direction: column;
  gap: 75px;
  margin: 90px 0;
}

.op-featured-post {
  background: #fff;
  align-items: center;
  display: flex;
  flex: 1 0 auto;
}

.single .op-featured-post {
  margin: 90px 0;
}

.op-featured-post__grid {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-inline: auto;
}

.op-featured-post__grid::before {
  content: "";
  display: block;
  flex: 1 0 300px;
  height: auto;
  position: relative;
  width: 300px;
}

.op-featured-post__image-wrapper {
  flex: 0 1 auto;
  position: relative;
}

.op-featured-post__image-link {
  border: 1px solid #D5D5D5;
  display: block;
  margin-inline: auto;
  position: relative;
}

.op-featured-post__image {
  display: block;
  height: auto;
  max-width: 100%;
}

.op-featured-post__meta {
  display: flex;
  flex: 1 0 300px;
  flex-direction: column;
  justify-content: center;
  width: 300px;
}

.op-featured-post__title-wrapper {
  padding: 1.5em 0 0;
  position: relative;
}

.op-featured-post__title-wrapper::before {
  background: #D5D5D5;
  content: "";
  height: 6px;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 107.5px;
}

.op-featured-post__content {
  margin-inline: auto;
  max-width: 767px;
  width: 100%;
}

.op-featured-post__content-block {
  margin: 2em 0 0;
}

.op-featured-post__title {
  color: #333333;
}

.op-featured-post__author {
  color: #333333;
}

.op-featured-post__link {
  color: #BA4537;
  text-decoration: underline;
}

.op-featured-post__referral {
  border: 1px #BA4537 dotted;
  color: #BA4537;
  display: block;
  margin: 2em auto 0;
  padding: 3px 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.op-featured-post__referral:hover {
  border: 1px #333333 dotted;
  color: #333333;
}

.op-featured-post__read-on {
  margin: 1em 0 0;
}

.op-featured-post__categories {
  line-height: 1.5em;
  display: flex;
  gap: 3px;
}

.op-featured-post__category {
  line-height: 1.5em;
  text-transform: lowercase;
}

.op-featured-post__category:not(:last-child)::after {
  content: ",";
}

.op-featured-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 1em 0 0;
}

.op-featured-post__tags--single::before {
  line-height: 2em;
  color: #BA4537;
  content: "\f02b";
  font-family: FontAwesome;
  font-weight: 400;
}

.op-featured-post__tags--multiple::before {
  line-height: 2em;
  color: #BA4537;
  content: "\f02c";
  font-family: FontAwesome;
  font-weight: 400;
}

.op-featured-post__tag:not(:last-child)::after {
  content: ",";
}

.op-featured-post__navigation {
  display: flex;
  justify-content: center;
  margin: 2em auto 0;
}

.op-featured-post__navigation-link {
  color: #BA4537;
  text-decoration: underline;
}

.op-featured-post__previous + .op-featured-post__next:not(:empty)::before {
  color: #747474;
  content: "|";
  display: inline-block;
  margin-inline: 5px;
}

/* Posts =================================================== */
.op-posts-wrapper {
  background: #E1F0F5;
  flex: 0 1 auto;
}

.op-posts-wrapper__headline {
  color: #333333;
  margin: 45px 0 0;
  text-align: center;
}

.op-posts {
  border-top: 1px solid #333333;
  -moz-column-gap: 70px;
  column-gap: 70px;
  display: flex;
  flex-wrap: wrap;
  margin: 15px auto 45px;
  max-width: 931px;
  padding-block: 45px 0;
  row-gap: 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.op-posts-title {
  display: inline-block;
  margin: 1.5em 0 0;
  text-align: center;
  width: 100%;
}

.op-posts-title__label {
  font-style: normal;
}

/* Post =================================================== */
.op-post {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 180px;
}

.op-post__image-wrapper {
  height: 100px;
  width: 100px;
}

.op-post__image-link {
  background: #fff;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
}

.op-post__image-link::after {
  content: "";
  border: 1px solid #E1F0F5;
  display: block;
  height: 78px;
  left: 1px;
  pointer-events: none;
  position: absolute;
  top: 1px;
  width: 78px;
}

.op-post__image {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.op-post__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 1.7142857143em 0 0;
  text-align: center;
}

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

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

.op-post__link {
  color: #BA4537;
  text-decoration: underline;
}

.op-post__read-on {
  text-align: center;
}

.op-post__meta {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 1em 0 0;
  text-align: center;
}

.op-post__categories {
  display: flex;
  gap: 3px;
  text-align: center;
}

.op-post__category {
  text-transform: lowercase;
}

.op-post__category:not(:last-child)::after {
  content: ",";
}

.op-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: center;
  text-align: center;
}

.op-post__tags--single::before {
  line-height: 2em;
  color: #BA4537;
  content: "\f02b";
  font-family: FontAwesome;
  font-weight: 400;
}

.op-post__tags--multiple::before {
  line-height: 2em;
  color: #BA4537;
  content: "\f02c";
  font-family: FontAwesome;
  font-weight: 400;
}

.op-post__tag:not(:last-child)::after {
  content: ",";
}

.op-no-results {
  margin: 45px 0 0;
  text-align: center;
}

.op-404 {
  margin: 90px 0 0;
  text-align: center;
}

@media only screen and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .op-featured-post__grid {
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }

  .op-featured-post__grid::before {
    display: none;
  }

  .op-featured-post__image-wrapper {
    order: 1;
    margin: 10px 0;
  }

  .op-featured-post__image {
    max-width: 100%;
  }

  .op-featured-post__title-wrapper {
    padding: 0;
    text-align: center;
  }

  .op-featured-post__title-wrapper::before {
    display: none;
  }

  .op-featured-post__meta {
    align-items: center;
    flex: 0 0 auto;
    order: 3;
    width: auto;
  }
}
@media only screen and (max-width: 990px) {
  /* Featured Post =================================================== */
  .op-featured-posts-headline {
    margin: 60px 0 0;
  }

  .op-featured-posts {
    gap: 60px;
  }

  .single .op-featured-post {
    margin: 45px 0;
  }

  .op-featured-post__tags {
    justify-content: center;
  }

  /* Posts =================================================== */
  .op-posts {
    -moz-column-gap: 65px;
    column-gap: 65px;
    width: 451px;
  }

  .op-404 {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 480px) {
  /* Posts =================================================== */
  .op-posts {
    width: 180px;
  }

  .op-post {
    margin: auto;
  }
}
/* Pagination =================================================== */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 0 90px;
  width: 100%;
}
.wp-pagenavi .pages, .wp-pagenavi .first, .wp-pagenavi .last {
  display: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi .current {
  align-items: center;
  background: transparent;
  border: 1px solid #BA4537;
  color: #BA4537;
  display: inline-flex;
  height: 30px;
  padding-inline: 10px;
  text-decoration: none;
}
.wp-pagenavi .current {
  background: #BA4537;
  border: 1px solid #BA4537;
  color: #fff;
}
.wp-pagenavi .extend {
  color: #BA4537;
}
@media (pointer: fine) {
  .wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover {
    background: #BA4537;
    border: 1px solid #BA4537;
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .wp-pagenavi {
    gap: 8px;
  }
  .wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page,
.wp-pagenavi .current {
    font-size: 0.8333333333rem;
    line-height: 2.4em;
    height: 25px;
    padding-inline: 10px;
  }
}
/* Lightbox overrides =================================================== */
.mfp-bg {
  z-index: 9001;
}

.mfp-content {
  z-index: 9004;
}

.mfp-preloader {
  z-index: 9003;
}

.mfp-wrap {
  z-index: 9002;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

button.mfp-close {
  color: #fff !important;
  font-size: 35px;
  top: -50px;
  z-index: 9005 !important;
}

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ol, .wf-loading ul, .wf-loading blockquote, .wf-loading a {
  visibility: hidden;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active ol, .wf-active ul, .wf-active blockquote, .wf-active a {
  visibility: visible;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

/* WP password protected form =================================================== */
.post-password-form {
  padding: 60px 0;
  text-align: center;
}
.post-password-form label {
  display: block;
  margin: 15px 0 0;
}
.post-password-form input[type=submit] {
  border: 0;
  cursor: pointer;
  margin: 30px 0 0;
}

/* Gravity Forms =================================================== */
.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper .hidden_sub_label {
  display: none !important;
}
.gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gform_wrapper .gfield {
  list-style: none;
  position: relative;
  width: 100%;
}
.gform_wrapper .gfield.gf_left_half,
.gform_wrapper .gfield.gf_right_half,
.gform_wrapper .gfield--width-half {
  width: calc(50% - 15px);
}
.gform_wrapper .gfield + .gfield {
  margin-top: 20px;
}
.gform_wrapper .gfield_label {
  display: inline-block;
  margin: 0 0 0.3529411765em;
}
.gform_wrapper .ginput_container_name {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gform_wrapper .name_first,
.gform_wrapper .name_last {
  flex: 0 0 calc(50% - 8px);
}
.gform_wrapper .name_first input,
.gform_wrapper .name_last input {
  width: 100%;
}
.gform_wrapper .ginput_container_address {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gform_wrapper .ginput_container_address .ginput_full {
  display: inline-block;
  width: 100%;
}
.gform_wrapper .ginput_container_address .ginput_full + .ginput_full,
.gform_wrapper .ginput_container_address .ginput_full + .ginput_left,
.gform_wrapper .ginput_container_address .ginput_full + .ginput_right,
.gform_wrapper .ginput_container_address .ginput_left + .ginput_full,
.gform_wrapper .ginput_container_address .ginput_left + .ginput_left,
.gform_wrapper .ginput_container_address .ginput_left + .ginput_right,
.gform_wrapper .ginput_container_address .ginput_right + .ginput_full,
.gform_wrapper .ginput_container_address .ginput_right + .ginput_left,
.gform_wrapper .ginput_container_address .ginput_right + .ginput_right {
  margin-top: 15px;
}
.gform_wrapper .ginput_container_address .ginput_left,
.gform_wrapper .ginput_container_address .ginput_right {
  display: inline-block;
  width: calc(50% - 8px);
}
.gform_wrapper .ginput_container_address label {
  display: inline-block;
}
.gform_wrapper .gfield input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #D5D5D5;
  color: #333333;
  font-family: sans-serif;
  height: 50px;
  padding: 0 10px;
  width: 100%;
}
@media (pointer: coarse) {
  .gform_wrapper .gfield input:not([type=checkbox]):not([type=radio]) {
    font-size: 16px !important;
  }
}
.gform_wrapper .gfield_error input {
  border: 1px solid #BA4537 !important;
}
.gform_wrapper .gfield input.datepicker {
  width: 50%;
}
.gform_wrapper .gfield input::-moz-placeholder, .gform_wrapper .gfield textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.gform_wrapper .gfield input:-ms-input-placeholder, .gform_wrapper .gfield textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.gform_wrapper .gfield textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #D5D5D5;
  color: #333333;
  font-family: sans-serif;
  height: 110px;
  padding: 10px;
  width: 100%;
}
@media (pointer: coarse) {
  .gform_wrapper .gfield textarea {
    font-size: 16px !important;
  }
}
.gform_wrapper .gfield_error textarea {
  border: 1px solid #BA4537;
}
.gform_wrapper .gfield select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #D5D5D5;
  border-radius: 0 !important;
  color: #000;
  display: block;
  height: 50px;
  max-width: 100%;
  outline: 0;
  padding: 0 20px;
  width: 100% !important;
}
@media (pointer: coarse) {
  .gform_wrapper .gfield select {
    font-size: 16px !important;
  }
}
.gform_wrapper .ginput_container_select {
  display: block;
  margin: 0 0 25px;
  position: relative;
}
.gform_wrapper .ginput_container_select,
.gform_wrapper .ginput_address_state {
  display: block;
  margin: 0 0 25px;
  position: relative;
}
.gform_wrapper .ginput_container_select::before,
.gform_wrapper .ginput_container_select::after,
.gform_wrapper .ginput_address_state::before,
.gform_wrapper .ginput_address_state::after {
  font-size: 1.6666666667rem;
  color: #333333;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 10px;
  line-height: 10px;
  padding: 0 !important;
  pointer-events: none;
  position: absolute;
  right: 20px;
  z-index: 5010;
}
.gform_wrapper .ginput_container_select::before,
.gform_wrapper .ginput_address_state::before {
  content: "\f106";
  top: 13px;
}
.gform_wrapper .ginput_container_select::after,
.gform_wrapper .ginput_address_state::after {
  content: "\f107";
  bottom: 12px;
}
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
  margin: 10px 0 0;
}
.gform_wrapper .gfield_checkbox .gchoice,
.gform_wrapper .gfield_radio .gchoice {
  display: flex;
}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  list-style: none;
}
.gform_wrapper .gfield_checkbox .gchoice + .gchoice,
.gform_wrapper .gfield_radio .gchoice + .gchoice {
  margin-top: 10px;
}
@-moz-document url-prefix() {
  .gform_wrapper .gfield_checkbox input[type=checkbox],
.gform_wrapper .gfield_checkbox input[type=radio],
.gform_wrapper .gfield_radio input[type=checkbox],
.gform_wrapper .gfield_radio input[type=radio] {
    margin-block-start: -3px;
  }
}
.gform_wrapper .gfield_checkbox input[type=checkbox] + label,
.gform_wrapper .gfield_checkbox input[type=radio] + label,
.gform_wrapper .gfield_radio input[type=checkbox] + label,
.gform_wrapper .gfield_radio input[type=radio] + label {
  margin-left: 5px;
}
.gform_wrapper .gfield_time_hour {
  align-items: center;
  display: inline-flex;
  width: 100px;
}
.gform_wrapper .gfield_time_hour .screen-reader-text {
  display: none;
}
.gform_wrapper .gfield_time_hour i {
  margin: 0 5px;
}
.gform_wrapper .gfield_time_minute {
  display: inline-block;
  width: 87px;
}
.gform_wrapper .gfield_time_minute .screen-reader-text {
  display: none;
}
.gform_wrapper .gfield_time_ampm {
  display: inline-block;
  width: 87px;
}
.gform_wrapper .ginput_container_date {
  position: relative;
}
.gform_wrapper .ginput_container_date .ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  top: 16px;
}
.gform_wrapper .gform_button {
  background: transparent;
  border: 0;
  font-family: sans-serif;
  margin: 50px 0 0;
  position: relative;
}
.gform_wrapper .gform_ajax_spinner {
  display: none;
}
.gform_wrapper .validation_error {
  color: #BA4537;
  margin: 0 0 0.8em;
}
.gform_wrapper .validation_message {
  color: #BA4537;
  margin: 0.8em 0 0;
}
.gform_wrapper .gform_footer {
  display: flex;
  justify-content: flex-end;
}

.gform_confirmation_wrapper {
  margin: 45px 0 0;
}

.gform_confirmation_wrapper.connect__form {
  min-height: 400px;
}

.gform_validation_container {
  display: none;
}

@media only screen and (max-width: 480px) {
  .gform_wrapper .gfield.gf_left_half,
.gform_wrapper .gfield.gf_right_half,
.gform_wrapper .gfield--width-half {
    width: 100%;
  }
  .gform_wrapper .name_first,
.gform_wrapper .name_last {
    flex: 0 0 100%;
  }
  .gform_wrapper .name_last {
    margin: 20px 0 0;
  }
  .gform_wrapper .ginput_container_address .ginput_left,
.gform_wrapper .ginput_container_address .ginput_right {
    width: 100%;
  }
}
/* Prevent iphone from zooming into form fields =================================================== */
@media screen and (device-aspect-ratio: 2/3) {
  select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url] {
    font-size: 16px !important;
  }
}
@media screen and (device-aspect-ratio: 40/71) {
  select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url] {
    font-size: 16px !important;
  }
}
@media screen and (device-aspect-ratio: 375/667) {
  select, select:focus, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url] {
    font-size: 16px !important;
  }
}
@media screen and (device-aspect-ratio: 9/16) {
  select, textarea, input[type=text], input[type=password],
input[type=datetime], input[type=datetime-local],
input[type=date], input[type=month], input[type=time],
input[type=week], input[type=number], input[type=email],
input[type=url] {
    font-size: 16px !important;
  }
}
/* Grid =================================================== */
.op-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-column-gap: 35px;
  margin: 0 auto;
  position: relative;
  width: 1600px;
}

.op-row--inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-column-gap: 35px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

/* IE 11 Grid Fallback =================================================== */
.op-col-start-1 {
  padding: 0 15px;
}
.op-col-start-1.op-col-end-2 {
  -ms-grid-column-span: 2;
}
.op-col-start-1.op-col-end-3 {
  -ms-grid-column-span: 3;
}
.op-col-start-1.op-col-end-4 {
  -ms-grid-column-span: 4;
}
.op-col-start-1.op-col-end-5 {
  -ms-grid-column-span: 5;
}
.op-col-start-1.op-col-end-6 {
  -ms-grid-column-span: 6;
}
.op-col-start-1.op-col-end-7 {
  -ms-grid-column-span: 7;
}
.op-col-start-1.op-col-end-8 {
  -ms-grid-column-span: 8;
}
.op-col-start-1.op-col-end-9 {
  -ms-grid-column-span: 9;
}
.op-col-start-1.op-col-end-10 {
  -ms-grid-column-span: 10;
}
.op-col-start-1.op-col-end-11 {
  -ms-grid-column-span: 11;
}
.op-col-start-1.op-col-end-12 {
  -ms-grid-column-span: 12;
}

.op-col-start-2 {
  padding: 0 15px;
}
.op-col-start-2.op-col-end-3 {
  -ms-grid-column-span: 2;
}
.op-col-start-2.op-col-end-4 {
  -ms-grid-column-span: 3;
}
.op-col-start-2.op-col-end-5 {
  -ms-grid-column-span: 4;
}
.op-col-start-2.op-col-end-6 {
  -ms-grid-column-span: 5;
}
.op-col-start-2.op-col-end-7 {
  -ms-grid-column-span: 6;
}
.op-col-start-2.op-col-end-8 {
  -ms-grid-column-span: 7;
}
.op-col-start-2.op-col-end-9 {
  -ms-grid-column-span: 8;
}
.op-col-start-2.op-col-end-10 {
  -ms-grid-column-span: 9;
}
.op-col-start-2.op-col-end-11 {
  -ms-grid-column-span: 10;
}
.op-col-start-2.op-col-end-12 {
  -ms-grid-column-span: 11;
}

.op-col-start-3 {
  padding: 0 15px;
}
.op-col-start-3.op-col-end-4 {
  -ms-grid-column-span: 2;
}
.op-col-start-3.op-col-end-5 {
  -ms-grid-column-span: 3;
}
.op-col-start-3.op-col-end-6 {
  -ms-grid-column-span: 4;
}
.op-col-start-3.op-col-end-7 {
  -ms-grid-column-span: 5;
}
.op-col-start-3.op-col-end-8 {
  -ms-grid-column-span: 6;
}
.op-col-start-3.op-col-end-9 {
  -ms-grid-column-span: 7;
}
.op-col-start-3.op-col-end-10 {
  -ms-grid-column-span: 8;
}
.op-col-start-3.op-col-end-11 {
  -ms-grid-column-span: 9;
}
.op-col-start-3.op-col-end-12 {
  -ms-grid-column-span: 10;
}

.op-col-start-4 {
  padding: 0 15px;
}
.op-col-start-4.op-col-end-5 {
  -ms-grid-column-span: 2;
}
.op-col-start-4.op-col-end-6 {
  -ms-grid-column-span: 3;
}
.op-col-start-4.op-col-end-7 {
  -ms-grid-column-span: 4;
}
.op-col-start-4.op-col-end-8 {
  -ms-grid-column-span: 5;
}
.op-col-start-4.op-col-end-9 {
  -ms-grid-column-span: 6;
}
.op-col-start-4.op-col-end-10 {
  -ms-grid-column-span: 7;
}
.op-col-start-4.op-col-end-11 {
  -ms-grid-column-span: 8;
}
.op-col-start-4.op-col-end-12 {
  -ms-grid-column-span: 9;
}

.op-col-start-5 {
  padding: 0 15px;
}
.op-col-start-5.op-col-end-6 {
  -ms-grid-column-span: 2;
}
.op-col-start-5.op-col-end-7 {
  -ms-grid-column-span: 3;
}
.op-col-start-5.op-col-end-8 {
  -ms-grid-column-span: 4;
}
.op-col-start-5.op-col-end-9 {
  -ms-grid-column-span: 5;
}
.op-col-start-5.op-col-end-10 {
  -ms-grid-column-span: 6;
}
.op-col-start-5.op-col-end-11 {
  -ms-grid-column-span: 7;
}
.op-col-start-5.op-col-end-12 {
  -ms-grid-column-span: 8;
}

.op-col-start-6 {
  padding: 0 15px;
}
.op-col-start-6.op-col-end-7 {
  -ms-grid-column-span: 2;
}
.op-col-start-6.op-col-end-8 {
  -ms-grid-column-span: 3;
}
.op-col-start-6.op-col-end-9 {
  -ms-grid-column-span: 4;
}
.op-col-start-6.op-col-end-10 {
  -ms-grid-column-span: 5;
}
.op-col-start-6.op-col-end-11 {
  -ms-grid-column-span: 6;
}
.op-col-start-6.op-col-end-12 {
  -ms-grid-column-span: 7;
}

.op-col-start-7 {
  padding: 0 15px;
}
.op-col-start-7.op-col-end-8 {
  -ms-grid-column-span: 2;
}
.op-col-start-7.op-col-end-9 {
  -ms-grid-column-span: 3;
}
.op-col-start-7.op-col-end-10 {
  -ms-grid-column-span: 4;
}
.op-col-start-7.op-col-end-11 {
  -ms-grid-column-span: 5;
}
.op-col-start-7.op-col-end-12 {
  -ms-grid-column-span: 6;
}

.op-col-start-8 {
  padding: 0 15px;
}
.op-col-start-8.op-col-end-9 {
  -ms-grid-column-span: 2;
}
.op-col-start-8.op-col-end-10 {
  -ms-grid-column-span: 3;
}
.op-col-start-8.op-col-end-11 {
  -ms-grid-column-span: 4;
}
.op-col-start-8.op-col-end-12 {
  -ms-grid-column-span: 5;
}

.op-col-start-9 {
  padding: 0 15px;
}
.op-col-start-9.op-col-end-10 {
  -ms-grid-column-span: 2;
}
.op-col-start-9.op-col-end-11 {
  -ms-grid-column-span: 3;
}
.op-col-start-9.op-col-end-12 {
  -ms-grid-column-span: 4;
}

.op-col-start-10 {
  padding: 0 15px;
}
.op-col-start-10.op-col-end-11 {
  -ms-grid-column-span: 2;
}
.op-col-start-10.op-col-end-12 {
  -ms-grid-column-span: 3;
}

.op-col-start-11 {
  padding: 0 15px;
}
.op-col-start-11.op-col-end-12 {
  -ms-grid-column-span: 2;
}

.op-col-start-12 {
  padding: 0 15px;
}

@supports (display: grid) {
  .op-col-start-1,
.op-col-start-2,
.op-col-start-3,
.op-col-start-4,
.op-col-start-5,
.op-col-start-6,
.op-col-start-7,
.op-col-start-8,
.op-col-start-9,
.op-col-start-10,
.op-col-start-11,
.op-col-start-12 {
    /* override ie 11 padding set above */
    padding: 0;
  }
}
/* End IE 11 Grid Fallback */
.op-col-start-1 {
  grid-column: 1/1;
  grid-row: 1/1;
}

.op-col-start-2 {
  grid-column: 2/2;
  grid-row: 1/1;
}

.op-col-start-3 {
  grid-column: 3/3;
  grid-row: 1/1;
}

.op-col-start-4 {
  grid-column: 4/4;
  grid-row: 1/1;
}

.op-col-start-5 {
  grid-column: 5/5;
  grid-row: 1/1;
}

.op-col-start-6 {
  grid-column: 6/6;
  grid-row: 1/1;
}

.op-col-start-7 {
  grid-column: 7/7;
  grid-row: 1/1;
}

.op-col-start-8 {
  grid-column: 8/8;
  grid-row: 1/1;
}

.op-col-start-9 {
  grid-column: 9/9;
  grid-row: 1/1;
}

.op-col-start-10 {
  grid-column: 10/10;
  grid-row: 1/1;
}

.op-col-start-11 {
  grid-column: 11/11;
  grid-row: 1/1;
}

.op-col-start-12 {
  grid-column: 12/12;
  grid-row: 1/1;
}

.op-col-end-2 {
  grid-column-end: 3;
}

.op-col-end-3 {
  grid-column-end: 4;
}

.op-col-end-4 {
  grid-column-end: 5;
}

.op-col-end-5 {
  grid-column-end: 6;
}

.op-col-end-6 {
  grid-column-end: 7;
}

.op-col-end-7 {
  grid-column-end: 8;
}

.op-col-end-8 {
  grid-column-end: 9;
}

.op-col-end-9 {
  grid-column-end: 10;
}

.op-col-end-10 {
  grid-column-end: 11;
}

.op-col-end-11 {
  grid-column-end: 12;
}

.op-col-end-12 {
  grid-column-end: -1;
}

.op-col-align-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media only screen and (max-width: 1670px) {
  .op-row {
    grid-column-gap: 30px;
    margin-inline: auto;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 990px) {
  .op-row,
.op-row--inner {
    display: block;
    margin-inline: auto;
    width: calc(100% - 30px);
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 19px;
  height: 21px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 19px;
  height: 3px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}