:root {
  --primary: #602d7f;
  --primary_hover: #99dcdc;
  --secondary: #dc9200;
  --secondary_hover: var(--primary);

  --highlight: #008ee7;

  --heading: #0e0e0e;
  --text: #333333;

  --gray: #666666;
  --black: #000000;
  --dark: #472265;
  --white: #fff;
  --light: #fafafa;

  --alink: var(--primary);
  --ahover: var(--primary_hover);

  --swiper-theme-color: var(--dark) !important;
  --fontawesome: "Font Awesome 5 Free";
  --fontheading: "Linotype Didot Pro", sans-serif;
  --fontbody: "Roboto", sans-serif;
}

article { margin-top: 40px; }
article .entry-title { margin-bottom: 0; line-height: normal; }
article .entry-meta { display: flex; column-gap: 30px; color: var(--primary); margin-top: 20px; }
article .entry-meta span { font-weight: 700; padding-left: 30px; position: relative; display: flex; align-items: end; line-height: normal; }
article .entry-meta span i { font-size: 20px; position: absolute; left: 0; }
article .entry-content .wp-block-quote { font-size: 28px; margin-top: 38px; font-family: 'Linotype Didot Pro'; border-left: 3px solid var(--primary); padding-left: 14px; }
article .entry-content .wp-block-post-featured-image { max-width: 1170px; margin: 54px auto 44px; position: relative; }
article .entry-content .wp-block-post-featured-image img { margin-bottom: 60px; }
article .entry-content .wp-block-post-featured-image:after { content: ''; height: 488px; width: 139vw; position: absolute; left: calc(-50vw + 50%); bottom: 0; background-color: var(--primary); display: block; z-index: -1; }
article .entry-content .gform_wrapper { max-width: 851px; margin: 60px auto auto; }
article .entry-content .gform_wrapper.gform_validation_error .gform_validation_errors,
article .entry-content .gform_wrapper.gform_validation_error form { margin-bottom: 60px; }
article .entry-content .gform_wrapper.gform_validation_error form .gfield_validation_message { position: absolute; }
article .entry-content .gform_wrapper form { display: flex; column-gap: 15px; }
article .entry-content .gform_wrapper form .gform_body { flex-grow: 1; } 
article .entry-content .gform_wrapper form .gform_body input { padding: 15px 30px; }
article .entry-content .gform_wrapper form .gform_body .gform_fields { height: 100%; position: relative; }
article .entry-content .gform_wrapper form .gform_body .gform_fields .gfield_label { position: absolute; bottom: 100%; }
article .entry-content .gform_wrapper form .gform_body .gform_fields .ginput_container,
article .entry-content .gform_wrapper form .gform_body .gform_fields .ginput_container input { height: 100%; }
article .entry-content .gform_wrapper form label { color: var(--white); font-weight: 400 !important; }
article .entry-content .gform_wrapper form label .gfield_required { color: var(--white); }
article .entry-content .gform_wrapper form input { border: none !important; background-color: #70428c; line-height: normal; color: var(--white); }
article .entry-content .gform_wrapper form input::placeholder { color: rgb(250, 250, 250, 0.2); }
article .entry-content .gform_wrapper .gform_footer { margin: 0 !important; }
article .entry-content .gform_wrapper .gform_footer .gform_button { background-color: var(--secondary) !important; padding: 17px 34px !important; }
article .entry-content .wp-block-embed-youtube { background-color: var(--primary); width: 100vw; position: relative; left: calc(-50vw + 50%); height: 300px; margin: 208px 0 222px; }
article .entry-content .wp-block-embed-youtube:before { content: ''; display: block; height: 10px; width: 100vw; background-color: var(--secondary); position: absolute; top: -20px; }
article .entry-content .wp-block-embed-youtube:after { content: ''; display: block; height: 10px; width: 100vw; background-color: var(--secondary); position: absolute; bottom: -20px; z-index: -1; }
article .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper { max-width: 1170px; margin: auto; }
article .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe { margin-top: -178px; }
article .entry-content .article-newsletter .wp-block-column { padding: 0 15px; }

#related { background-color: var(--light); padding: 60px 0; }
#related .row { row-gap: 30px; }
#related h2 { text-align: center; }
#related .post { background-color: var(--white); text-align: center; }
#related .post .post-category { text-align: left; background-color: var(--light); }
#related .post .post-category a { background: var(--primary); color: var(--white); text-transform: uppercase; padding: 12px 45px; display: inline-block; font-size: 10px; line-height: normal; }
#related .post .post-featured-image a {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  position: absolute;
 }
#related .post .post-featured-image a img { 
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: fit;
  display: block;
  height: 100%;
  object-fit: cover;

  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);

  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
#related .post .post-title { margin-top: 30px; margin-bottom: 13px; line-height: normal; }
#related .post .post-date { line-height: normal; color: var(--text); opacity: 0.7; }
#related .post .post-excerpt { max-width: 270px; margin: 25px auto 30px; }
#related .post .post-link { background-color: var(--primary); padding: 17px 18px; color: var(--white) !important; text-transform: uppercase; margin-bottom: 30px; display: inline-block; }
