/*
 Theme Name:     Tag The Flag
 Theme URI:      http://fruition.net
 Description:    Tag The Flag Twenty Fifteen Child Theme
 Author:         Fruition
 Author URI:     http://fruition.net
 Version:        3.23
 Template:       twentyfifteen
*/
/* Mixins */
/* Global */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* -------------------------------------------------------------------------- */

/*  1. Document Setup
/* -------------------------------------------------------------------------- */


html {
  scroll-behavior: smooth;
}

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

body {
  box-sizing: border-box;
  text-align: left;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}

ul.reset-list-style {
  list-style: none;
  margin: 0;
}

button, button:hover {
  cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/*  1. Typography and Colors
/* -------------------------------------------------------------------------- */

:root {
  --flag-blue: #4080FE;
  --flag-blue-shade: #2F71F4;
  --flag-red: #DF2839;
  --flag-red-shade: #C72332;
  --flag-text-black: #333333;
  --flag-true-black: #000000;
  --flag-light-grey: #ECF2F9;
  --flag-mid-grey: #E0E5EB;
  --flag-white: #FFFFFF;

  --content-width: 1100px;
}

body {
  font-family: 'Poppins', Helvetica, Sans;
  font-size: 16px;
  color: #333333; /* IE var workaround */ 
  color: var(--flag-text-black);
  background-color: #fafafa;
}

h1, .entry-summary h1, .entry-header h1 {
  font-size: 36px;
  margin-bottom: 28px;
}

div.custom-search .search-field, div.custom-search .search-field::placeholder {
  font-size: 24px;
  font-weight: 500;
}

input::-webkit-input-placeholder {
  color: #E0E5EB; /* IE var workaround */ 
  color: var(--flag-mid-grey);
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #E0E5EB; /* IE var workaround */ 
  color: var(--flag-mid-grey);
  opacity: 1;
} 

input::placeholder {
  color: #E0E5EB; /* IE var workaround */ 
  color: var(--flag-mid-grey);
  opacity: 1;
}

p a {
  color: var(--flag-blue);
}

.flag-bold {
  font-weight: bold;
}

.flag-left, .flag-blue {
  color: #4080FE; /* IE var workaround */ 
  color: var(--flag-blue);
  --button-color: var(--flag-blue);
}

.flag-left:hover, .flag-blue:hover {
  --button-color: var(--flag-blue-shade);
}

.flag-right, .flag-red {
  color: #DF2839; /* IE var workaround */ 
  color: var(--flag-red);
  --button-color: var(--flag-red);
}

.flag-right:hover, .flag-red:hover {
  --button-color: var(--flag-red-shade);
}

input[type=text], input[type=email], textarea {
  background: white;
  border-radius: 3px;
  border: 2px solid var(--flag-mid-grey);
  margin: 0 0 5px 0;
  padding: 10px;
  height: unset;
  color: var(--flag-text-black);
}

button, input[type=submit], a.tf-button, .woocommerce button.button.alt, .woocommerce a.button.alt {
  display: inline-block;
  background-color: #4080FE; /* IE var workaround */ 
  background-color: var(--button-color,var(--flag-blue));
  color: #FFFFFF !important; /* IE var workaround */ 
  color: var(--flag-white) !important;
  padding: 10px 40px;
  border-radius: 3px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 16px;
  transition: 0.2s;
  text-transform: none;
}

.tf-button.tf-button-outline, .tf-button.tf-button-outline:hover {
  background-color: transparent !important;
  border: 2px solid #4080FE;
  border: 2px solid var(--button-color,var(--flag-blue));
  color: #4080FE !important;
  color: var(--button-color,var(--flag-blue)) !important;
  padding: 6px 13px;
}

.tf-button img {
  margin-left: 3px;
  height: 0.75em;
}

@media (max-width: 480px) {
  .entry-content button {
    width: 100%;
  }
}

.hideme {
  display: none;
}

a.content-anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

/* -------------------------------------------------------------------------- */
/*  2. Styles
/* -------------------------------------------------------------------------- */

a.tf-button {
  padding: 10px 40px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}

.attachment-post-thumbnail {
  width: 100%;
  height: auto;
}

a.post-share {
  border: 1px solid var(--flag-blue);
  width: 28px;
  height: 28px;
  padding-right: 2px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--flag-blue);
}

a.post-share:before {
  content: '\f1e0';
  font-family: 'FontAwesome';
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}


/*-----------
 * GENERAL LAYOUT
 * -------- */

.site-content, .content-area,
  .site-footer .content-area {
    float: none;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 1024px) {
  .site-content {
    padding-top: 80px;
  }
}

.container {
  width: 100%;
  padding: 0 15px;
}

.has-sidebar-left .container {
  /*padding: 0;*/
}

@media (min-width: 768px) {
  .container, .has-sidebar-left .container {
    padding: 0 15px;
  }

  .secondary {
    display: block;
    box-shadow: none;
  }
}

@media (min-width: 1024px) {

  .container {
    max-width: var(--content-width);
    margin: 0 auto;
  }

}

.sidebar {
  display: none;
}

.sidebar .secondary {
  background-color: transparent;
  padding: 0;
}

.sidebar-left {
  float: left;
  position: relative;
}

.sidebar-left input, .sidebar-left button {
  width: 100%;
}

@media (min-width: 768px) {
  body.has-sidebar-left .content-area {
    padding-left: 223px;
  }

  body.has-sidebar-left .content-area {
    /*float: left;*/
  }

  .sidebar {
    display: block;
  }

  .sidebar-left {
    max-width: 204px;
    width: 182px;
    position: sticky;
    top: 80px;
    z-index: 1;
  }

  .site-main, .sidebar-left .secondary {
    padding-top: 40px;
  }
}

@media screen and (min-width: 38.75em) {
  .hentry, .page-header, .page-content {
    margin: 0;
  }
}

article, .nav-links {
  border-radius: 12px;
  overflow: auto;
}

.flat-card, .comments-area {
    box-shadow: none; 
    border: 2px solid #eee !important;
    border-radius: 12px;
    transition: 0.2s ease-out;
}

@media screen and (min-width: 38.75em) {
  body:not(.single) .flat-card:hover, .comments-area:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
  }
}

@media screen and (min-width: 59.6885em) {
  body.home .post-thumbnail img {
      border-radius: 10px 10px 0 0;
  }
}

.inline-cta-button {
  margin-bottom: 1.6em;
}

.inline-cta-button .tf-button {
  display: block;
  text-align: center;
}

/*------------------
 * HEADER
 *-----------------*/

@media (max-width: 400px) {
  #wpadminbar {
    overflow: hidden;
  }
}

#site-header {
  height: 60px;
  background-color: #fff;
  box-shadow: 0 0 3px rgb(0 0 0 / 15%);
}

@media (min-width: 1024px) {
  #site-header {
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 999;
  }
}

.header-inner {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1024px) {
  .header-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mobile-search-toggle, .mobile-nav-toggle {
    display: none !important;
  }
}

.header-titles-wrapper {
  max-width: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

/*.custom-logo-link {
  margin-left: 15px;
}

@media (min-width: 1024px) {
  .custom-logo-link {
    margin-left: 0;
  }
}*/

.custom-logo-link img {
  height: 24px !important;
  width: auto;
  vertical-align: middle;
}

/* DESKTOP NAV */

.desktop-nav-container {
  display: none;
}

@media (min-width: 1024px) {
  .desktop-nav-container {
    display: block;
  }
}

.primary-menu-wrapper {
  margin-left: 17px;
}

.primary-menu-wrapper ul {
  list-style: none;
  display: flex;
  font-weight: 500;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -8px 0 0 -16px;
}

.menu-item-color a, .menu-item-color .fas {
  color: var(--flag-red) !important;
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  .primary-menu > li {
      margin: 10px 0 0 40px;
  }
}

.header-right-wrapper {
    display: none;
}

@media (min-width: 1024px) {
  .header-right-wrapper {
      align-items: center;
      display: flex;
  }
}

#site-header nav ul li a {
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
  color: #333333;
}

#site-header nav ul.primary-menu > li > a {
  opacity: 0.5;
  line-height: 80px;
}

#site-header nav ul li.current-menu-item a, #site-header nav ul li:hover a {
  opacity: 1;
}

#site-header .menu-item-has-children:before {
  opacity: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #222 transparent;
  position: absolute;
  bottom: 0px;
  margin-left: 12px;
}

#site-header .menu-item-has-children:hover:before {
  opacity: 1;
}

#site-header .menu-item-has-children ul.sub-menu {
  display: none;
  background-color: #1f1f28;
  margin-top: -1px;
  margin-left: -20px;
  position: absolute;
  flex-direction: column;
  padding: 10px 0;
}

#site-header .menu-item-has-children:hover ul.sub-menu {
  display: flex;
}

ul.sub-menu li {
  padding: 5px 0;
}

#site-header nav ul.sub-menu li {
  padding: 10px 60px 10px 20px;
}

#site-header nav ul.sub-menu li:hover {
  background-color: #393941;
}

#site-header nav ul.sub-menu li a {
  color: #fff;
  opacity: 1;
}

/* MOBILE NAV */

@media (max-width: 1023px) {
  .header-titles-wrapper {
    margin: 0 auto;
  }
}

.mobile-search-toggle, .mobile-search-toggle:hover {
  padding: 15px;
  background-color: transparent !important;
}

.mobile-search-toggle svg {
  display: block;
  width: 22px;
  height: 22px;
}

.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
  background-color: var(--flag-mid-grey);
}

button.hamburger {
  position: absolute;
  left: 0;
  transform: scale(0.8);
}

button.mobile-search-toggle {
  position: absolute;
  right: 0;
}

.hamburger .hamburger-box {
  vertical-align: middle;
}

button.hamburger:focus, button.hamburger:hover {
  background-color: transparent !important;
  opacity: 1 !important;
}

.menu-modal, .search-modal {
  display: none;
  background-color: #fff;
  z-index: 1000;
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--flag-mid-grey);
}

.menu-modal-inner {
  padding: 0 15px;
}

.search-modal-inner {
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}

.menu-modal-inner ul li {
  padding: 20px 0;
  text-align: center;
  font-weight: 600;
}

.menu-modal-inner ul:not(.sub-menu) > li {
  border-bottom: 1px solid var(--flag-mid-grey);
}

.menu-modal.open, .search-modal.open {
  display: block;
}

.mobile-menu li.menu-item-has-children {
	cursor: pointer;
}

.modal-menu ul.sub-menu {
  list-style: none;
  margin: 0;
  transform: scale(0.9);
  display: none;
}

.modal-menu ul.sub-menu li {
  padding-bottom: 0;
}

/* SEARCH */

.mobile-search input[type=search] {
  background-color: #ffffff;
  border: none;
  border-bottom: 2px solid var(--flag-mid-grey);
  padding: 6px 32px 6px 0;
  font-size: 16px;
}

.mobile-search .tf-submit {
  position: absolute;
  right: 15px;
  margin-top: 4px;
  background-color: transparent;
  padding: 0;
}

.header-inner .toggle-wrapper {
  position: relative;
}

.search-panel {
  display: flex;
  align-items: flex-end;
  position: absolute;
  padding-bottom: 4px;
  right: 155px;
  height: 40px;
  background-color: #fff;
  border-bottom: none;
  transition: right 0.6s;

}

.search-panel form .search-field {
  border: none;
  margin: -11px 0 0 0;
  padding: 0 12px;
  width: 100%;
  font-size: 24px;
  font-family: 'Poppins';
  background-color: #ffffff;
}

input.search-field::placeholder {
  opacity: 1;
}

.search-panel.open {
  border-bottom: 2px solid var(--flag-mid-grey);
  padding-bottom: 2px;
  right: 220px;
  transition: right 0.6s;
}

.search-panel form {
  width: 0;
}

.search-panel form {
  transition: width 0.6s ease-in;
}

.search-panel.open form, .search-panel.open .search-untoggle {
  width: unset;
}

.search-panel.open form {
  width: 572px;
}

.search-toggle svg, .search-untoggle svg {
  fill: var(--flag-mid-grey);
  color: var(--flag-mid-grey);
}

.header-toggles .toggle {
    background-color: #ffffff;
    padding: 0;
}

.header-toggles .search-untoggle {
  padding-left: 30px;
}

.search-untoggle svg {
  height: 19px;
  width: 19px;
}

.header-toggles .toggle svg {
  transition: all 0.15s ease-in-out;
}

.search-panel:not(.open) .search-toggle:hover svg, .search-panel.open .search-untoggle:hover svg {
  color: var(--flag-text-black);
  fill: var(--flag-text-black);
  transform: scale(1.15);
  transform-origin: center center;
}

a#nav-subscribe {
  position: relative;
  z-index: 10;
  display: block;
  width: 188px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

button:focus, .search-field:focus {
  outline: none !important;
}

body.search-results div.articles article:not(:first-child) {
  margin-top: 40px;
}

body.search-results div.articles article {
  background-color: #fff;
}

/*-----------
 * SIDEBARS
 * -------- */

.sidebar .widget-area {
  background-color: transparent;
}

 .sidebar .widget-area * {
  background-color: transparent;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0;
}

.sidebar .widget-area li {
  border-bottom: 1px solid #eee;
  border-top: none;
}

.sidebar .widget-area .featured-post-list li:first-child {
  padding: 0 11px 14px;
  margin: 0 8px;
}

.sidebar h2.widgettitle {
  padding-top:0;
  font-size: 20px;
}

.sidebar .featured-posts-title h2.widgettitle:after {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='%23DF2839' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.28506 12.4726C5.56582 12.7533 6.02088 12.7533 6.30164 12.4726L8.625 10.1496L12.4294 13.9541C12.7102 14.2348 13.1653 14.2348 13.446 13.9541L18.3973 9.00234L19.7221 10.3275C20.4013 11.0068 21.5625 10.5256 21.5625 9.56521V5.03125C21.5625 4.63414 21.2409 4.3125 20.8438 4.3125H16.3098C15.3494 4.3125 14.8682 5.47373 15.5475 6.15295L16.8727 7.4777L12.9375 11.4129L9.13307 7.60842C8.8523 7.32766 8.39725 7.32766 8.11648 7.60842L4.77699 10.9479C4.49623 11.2287 4.49623 11.6837 4.77699 11.9645L5.28506 12.4726ZM22.2812 17.9688H2.15625V3.59375C2.15625 3.19664 1.83461 2.875 1.4375 2.875H0.71875C0.321641 2.875 0 3.19664 0 3.59375V18.6875C0 19.4813 0.64373 20.125 1.4375 20.125H22.2812C22.6784 20.125 23 19.8034 23 19.4062V18.6875C23 18.2904 22.6784 17.9688 22.2812 17.9688Z' fill='%23DF2839'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    position: relative;
    top: 4px;
    left: 10px;
}

.sidebar .featured-post-list img {
  border-radius: 8px;
}

.sidebar .widget-area p {
  /*display: none;*/
}

.sidebar .recent-post-list li {
  font-size: 14px;
  border: none;
  margin: 6px 0;
  padding: 2px 0 8px;
  border-bottom: 1px solid #eee;
}

.sidebar-right {
  position: sticky;
  top: 130px;
  float: right;
  margin-right: 0;
  width: 223px;
  padding-top: 16px;
  text-align: right;
}

.sidebar-right ul li {
  margin: 10px 0;
}

/*-----------
 * SEARCH RESULTS
 * -------- */

body.search-results header.page-header {
  background: transparent;
  box-shadow: none;
  border: none !important;
  padding: 0;
  border-bottom: 2px solid #eee !important;
  border-radius: 0;
  padding-bottom: 5px;
  margin-bottom: 40px;
}

 .search-results .page-header .page-title {
  clear: none;
  margin: 0;
 }

 .search-results .page-header .page-title .keyword {
  color: var(--flag-text-black);
  line-height: 1.5em;
 }

@media screen and (max-width: 59.6875em) {
  article.hentry {
      box-shadow: none;
  }
}

/*-----------
 * SINGLE NEWSLETTER
 * -------- */

div.newsletter-header {
  max-width: 650px;
  margin: 0 auto 7px;
  display: flex;
  justify-content: space-between;
  padding: 18px 25px;
  border-bottom: 2px solid #EEEEEE;
}

/*div.newsletter-header .newsletter-header-socials span.fab {
  font-size: 34px;
  margin-right: 0.5em;
  line-height: 41px;
}

div.newsletter-header .newsletter-header-socials span.fa-facebook-square {
  color: var(--flag-blue);
}

div.newsletter-header .newsletter-header-socials span.fa-linkedin-square {
  color: var(--flag-mid-grey);
}

div.newsletter-header .newsletter-header-socials span.fa-twitter-square {
  color: var(--flag-red);
}*/

@media (max-width: 680px) {
  div.newsletter-header {
    padding-left: 0;
    padding-right: 0;
  }
}

div.newsletterHTMLcontainer {
  max-width: 670px;
  margin: 0 auto;
}

article.beehiiv {
  max-width: unset !important;
}

html.beehiiv-template-v2 {
  font-size: 100%;
}

html.beehiiv-template-v2 article.beehiiv {
  overflow: hidden;
}

html.beehiiv-template-v2 #main > .container,
html.beehiiv-template-v2 #main .entry-content.newsletterHTMLcontainer {
  max-width: unset;
}

body.post-template-newsletter-beehiiv div.newsletterHTMLcontainer {
  max-width: 630px;
  padding-top: 0;
}

div.newsletterHTMLcontainer a {
  text-decoration: underline;
}

div.newsletterHTMLcontainer table {
  table-layout: unset;
}

div.newsletterHTMLcontainer table,
div.newsletterHTMLcontainer tr,
div.newsletterHTMLcontainer th,
div.newsletterHTMLcontainer td {
  border-width: 0;
  box-sizing: content-box;
  border: none;
  padding: 0;
  margin: 0;
}

div.newsletterHTMLcontainer table.templateContainer {
  margin: 0 auto;
}

div.newsletterHTMLcontainer table[cellpadding="10"] td {
  padding: 10px;
}

div.newsletterHTMLcontainer table[cellpadding="6"] td {
  padding: 6px;
}

div.newsletterHTMLcontainer hr {
  height: unset;
}

div.newsletterHTMLcontainer ul {
  padding-inline-start: 40px;
  margin: 0;
}

[class^="post-template-newsletter-"] .site-content, 
[class*=" post-template-newsletter-"] .site-content,
[class^="post-template-newsletter-"] .content-area, 
[class*=" post-template-newsletter-"] .content-area {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  background-color: #ffffff;
}

[class^="post-template-newsletter-"] article, 
[class*=" post-template-newsletter-"] article {
  max-width: unset !important;
}

html.email-gate-active {
  overflow: hidden;
}

.email-gate-active body[class^="post-template-newsletter-"] .newsletterHTMLcontainer,
.email-gate-active body[class*=" post-template-newsletter-"] .newsletterHTMLcontainer,
.email-gate-active body.single-glossary #primary {
  opacity: 0.3;
}

body[class^="post-template-newsletter-"] #email-gate,
body[class*=" post-template-newsletter-"] #email-gate,
.email-gate-active #email-gate {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

body[class^="post-template-newsletter-"] #email-gate:before,
body[class*=" post-template-newsletter-"] #email-gate:before,
.email-gate-active body.single-glossary #email-gate:before,
.email-gate-active body.single-trivia #email-gate:before {
  display: none;
}

div.comments-container {
  left: 0;
  width: 100%;
  background: var(--flag-mid-grey);
  padding: 100px 0;
}

div.comments-container .container {
  max-width: 630px;
  margin: 0 auto;
}

body.single-post .entry-content h2 {
    border-bottom: none !important;
}

body.single article .entry-content p {
  line-height: 1.9em;
  font-size: 17px;
  hyphens: manual;
}

body.single article .contributor {
  text-align: left;
  padding: 0 0 16px;
  font-size: 12px;
}

.contributor-name {
  font-weight: bold;
  white-space: nowrap;
}

body.single article .contributor .avatar {
  float: left;
  margin-right: 10px;
}

body.single article img.avatar-default {
  background-color: var(--flag-light-grey);
  padding: 2px;
}

@media screen and (min-width: 38.75em) {
  body.single article .contributor {
    padding: 0 30px 16px;
  }
}

@media screen and (max-width: 768px) {
  body.single article .entry-content p {
    hyphens: auto;
  }
}

@media screen and (min-width: 59.6875em) {
  body.single-post .entry-content {
    padding: 20px 100px 80px 80px;
  }
  
  body.single-post.page-template-default .entry-header {
    padding: 20px 80px 0px;
  }

  body.single-post.page-template-default .entry-header h1 {
    margin:0;
  }
}

.post-thumbnail {
  margin-bottom: 30px;
}

.post-thumbnail img {
  width: 100%;
  border-bottom: 2px solid #eee;
}

article.post h2 {
  margin: 0;
}

article hr {
  height: 2px;
}

/*-----------
 * CROWDSIGNAL POLLS
 * --------- */

 .poll-container {
  background: linear-gradient(114.5deg, rgba(64, 128, 254, 1) 10.58%, rgba(223, 40, 57, 1) 97.46%), #FFFFFF;
  border-radius: 12px;
  display: flex;
  z-index: 0;
 }

 .poll-inner {
  padding: 75px 75px 55px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
 }

 .poll-inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 9px;
  background-color: rgba(255,255,255,0.8);
  z-index: -1;
  transition: transform 0.3s ease-in;
 }

 .poll-container.results .poll-inner:before {
  transform: scale(0.985);
 }

 .PDS_Poll {
  background: none !important;
  width: 100%;
 }

 .pds-box {  
  font-family: 'Poppins', Arial !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
 }

 .pds-box .pds-question-top {
  line-height: 120%;
  color: #333;
  font-weight: 700;
  padding: 5px 0 15px;
  position: relative;
  font-size: 18px;
 }

.pds-question-top, .pds-question-top div {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px !important;
  line-height: 1.5em;
 }

 .pds-question-top.css-question-top {
  padding: 5px 0 15px !important;
 }

 .pds-input-label {
  display: inline-flex;
  justify-content: center;
 }

.pds-answer {
  border: none !important;
  padding: 0 !important;
 }

.pds-answer > span {
  display: flex;
 }

.pds-answer button {
  display: none;
}

 .pds-answer-group {
  flex-grow: 1;
 }

 .pds-answer-row {
  justify-content: center;
 }

 .pds-answer-row .pds-answer-input {
  display: none !important;
 }

 .pds-answer-span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 43px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
 }

 .pds-answer-group:nth-child(1) .pds-answer-span, .pds-feedback-group:nth-child(1) .pds-answer-feedback-bar {
  background-color: var(--flag-blue) !important;
 }

.pds-answer-group:nth-child(2) .pds-answer-span, .pds-feedback-group:nth-child(2) .pds-answer-feedback-bar {
  background-color: var(--flag-red) !important;
 }

 .pds-vote-button {
  display: none !important;
 }

 .pds-vote-button-load {
  background: transparent url(https://app.crowdsignal.com/polls/vote-loader-eeeeee.gif) no-repeat scroll 50% 50% !important;
  border: none !important;
 }

 .pds-votebutton-outer {
  text-align: center;
 }

 .pds-answer:not(.css-answer) {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
 }

 .pds-question-top:not(.css-question-top) {
  /*display: none !important;*/
  font-weight: 400 !important;
  font-size: 16px !important;
  margin-top: 8px !important;
 }

 .pds-feedback-group {
  width: 50%;
 }

 .pds-feedback-label {
  display: inline-flex !important;
  justify-content: center;
  font-size: 36px !important;
  font-weight: 600;
  margin-top: 12px;
  width: 50%;
 }

 .pds-answer-feedback, .pds-answer-feedback-bar {
  height: 7px !important;
  border: none !important;
  width: 100% !important;
 }

 .pds-answer-text {
  display: none;
 }

 .pds-feedback-result {
  float: none !important;
  justify-content: center;
 }

 .pds-links, .pds-links-back {
  display: none !important;
 }

 p#share-your-thoughts {
    margin: 0;
    padding: 50px 0 20px;
    text-align: center;
}

p#share-your-thoughts a {
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-transform: uppercase;
}

  @media (max-width: 1024px) {
  .poll-inner {
    padding: 40px 30px 20px !important;
  }

  .pds-answer-span {
    width: 110px;
  }

  .pds-feedback-label {
    font-size: 28px !important;
  }
 }

 @media (max-width: 480px) {
  .poll-inner {
    padding: 40px 15px 20px !important;
  }
 }

/*-----------
 * NO SIDEBAR LAYOUT
 * -------- */

 .secondary-header {
  padding: 0 0 20px;
  font-size: 14px;
  color: #33333399;
 }

 .secondary-header > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
 }

 body.single-glossary .secondary-header {
  flex-wrap: nowrap;
 }

 .secondary-header > div {
  padding-top: 20px;
 }

 p#breadcrumbs {
  margin: 0;
 }

 .flat-layout.page article.hentry {
  box-shadow: none;
  background-color: transparent;
 }

 .flat-layout.page article.hentry .entry-header,
 .flat-layout.page article.hentry .entry-content,
 .flat-layout.page article.hentry .entry-footer {
  padding-left: 0;
  padding-right: 0;
 }

/*-----------
 * PAYWALL / EMAIL GATE
 * -------- */

/* line 52, scss/_email-gate.scss */
#email-gate {
  position: relative;
  margin-bottom: 0px;
  margin-top: 0px;
}

#email-gate-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 14px;
  width: 18px;
}

#email-gate-close svg {
  opacity: 0.5;
  transition: opacity 0.2s ease;
} 

#email-gate-close:hover svg {
  opacity: 1;
}

@media all and (max-width: 600px) {
  /* line 52, scss/_email-gate.scss */
  #email-gate {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 67, scss/_email-gate.scss */
#email-gate:before {
  content: '';
  display: block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 77%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 77%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 77%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: absolute;
  width: 100%;
  top: -150px;
  height: 300px;
  z-index: 0;
  left: 0;
}

.email-gate-bg {
  position: relative;
  /*padding-top: 60px;
  padding-bottom: 60px;*/
  padding: 4px;
  background: linear-gradient(260.43deg, rgba(64, 128, 254, 0.75) 8.67%, rgba(223, 40, 57, 0.75) 94.44%);
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
}

.email-gate-content {
  background-color: #FFF;
  border-radius: 7px;
  padding: 24px;
}


#email-gate.email-gate-dismissable .email-gate-content {
  padding-top: 40px;
}

/* line 83, scss/_email-gate.scss */
#email-gate h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #333;
}
/* line 91, scss/_email-gate.scss */
#email-gate p {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #333;
}
@media all and (max-width: 600px) {
  /* line 100, scss/_email-gate.scss */
  #email-gate p br {
    display: none !important;
  }
}
/* line 110, scss/_email-gate.scss */
#email-gate h1, #email-gate p {
  text-align: center;
}
/* line 116, scss/_email-gate.scss */
#email-gate form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
}

input[type=text], input[type=email], input[type=button], input[type=submit] {
  font-family: 'Poppins', Helvetica, Sans;
  width: 100%;
}

@media all and (min-width: 711px) {
  .email-gate-bg {
    width: 531px;
  }

  .email-gate-content {
    padding: 32px 53px;
  }

  #email-gate input[type=text], #email-gate input[type=email] {
    width: 255px;
  }

  #email-gate input[type=submit], #email-gate input[type=button] {
    width: unset;
  }
}

/* line 163, scss/_email-gate.scss */
body:not([class^="post-template-newsletter-"]) #primary .paywall,
body:not([class*=" post-template-newsletter-"]) #primary .paywall,
body:not('.single-glossary') #primary .paywall {
  display: none;
}

/* Share button */

.share-post-button {
  right: 0;
  bottom: 0;
  display: block;
  margin-top: 24px;
  float: right;
  cursor: pointer;
}

.secondary-header .share-post-button {
  margin-top: 0;
}

/*.share-post-button i {
  display: inline-block;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  padding: 6px 3px 0 0;
  border-radius: 100%;
  background-color: #fff;
  color: #4080FE;
  border-width: 1px;
  border-style: solid;
  border-color: #4080FE;
  cursor: pointer;
}

.share-post-button i span {
  display: block;
  margin: 0 auto;
  width: 70%;
  background: url('data:image/svg+xml;utf8,<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%234080FE" d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path></svg>')
              no-repeat center center;
}*/

.share-post-button input {
  display: none;
  background-color: #fff;
  width: 280px;
  margin: 0 0 0 10px;
  padding: 6px;
  font-size: 12px;
  height: 35px;
  border-radius: 5px;
}

.share-post-button span.copy-conf {
  padding-right: 12px;
}

.share-post-button .hidden-mobile {
  display: none;
}

@media all and (min-width: 711px) {
  .share-post-button .hidden-mobile {
    display: inline-block;
  }
}

ul.heateor_sss_sharing_ul li.heateorSssSharingRound {
  margin-right: 1em !important;
  margin-top: 2px !important;
}

i.heateorSssSharing.heateorSssFacebookBackground,
i.heateorSssSharing.heateorSssFacebookBackground:hover {
  background-color: var(--flag-blue) !important;
  border-color: var(--flag-blue) !important;
}

i.heateorSssSharing.heateorSssLinkedinBackground,
i.heateorSssSharing.heateorSssLinkedinBackground:hover {
  background-color: var(--flag-mid-grey) !important;
  border-color: var(--flag-mid-grey) !important;
}

i.heateorSssSharing.heateorSssTwitterBackground,
i.heateorSssSharing.heateorSssTwitterBackground:hover {
  background-color: var(--flag-red) !important;
  border-color: var(--flag-red) !important;
}

.heateor_sss_horizontal_sharing .heateorSssSharingSvg,
.heateor_sss_horizontal_sharing .heateorSssSharingSvg:hover {
    background-size: 140%;
    background-position-y: -6px;
}

/* wpDiscuz comment styling */

.comments-area {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 600px) {
  #comments {
    padding: 16px !important;
  }

  #wpdcom .wpd-form-head {
    margin-top: 0;
  }

  #wpdcom {
    margin-top: 0;
    padding-top: 0;
  }
}

#wpdcom .wpd-prim-button {
  color: #FFFFFF; /* IE var workaround */ 
  /*color: var(--flag-white);*/
  font-family: 'Poppins', sans-serif;
  height: 51px;
  width: unset;
  box-shadow: none;
  line-height: 1em;
  border-radius: 3px;
  border: none;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  padding: 6px 14px;
}

#wpdcom .wc-field-submit {
  padding-top: 0 !important;
}

.nav-links {
	border-radius: 12px;
	overflow: auto;
}

/*-----------
 * MARKETPLACE
 * -------- */

div.custom-search {
  margin: 40px 0;
  padding: 0;
  height: 60px;
  background: #FFFFFF;
  border: 2px solid #EEEEEE;
  box-sizing: content-box;
  border-radius: 12px;
}

div.custom-search label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div.custom-search button.icon, div.custom-search .icon {
  padding: 0 18px;
  background-color: transparent;
}

div.custom-search .icon svg {
  vertical-align: middle;
  fill: #E0E5EB;
  height: 26px;
  width: auto;
}

div.custom-search .icon img {
  width: 36px;
}

div.custom-search .search-field {
  height: 60px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

form.woocommerce-ordering {
  display: none;
}

.products-wrapper.loading, .articles.loading {
  opacity: 0.3;
}

.products-wrapper.loading:before, .articles.loading:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  left: calc(50% - 16px);
  z-index: 999;
  position: absolute;
  background-image: url(img/preloader.svg);
}

.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background-color: #fff;
  border: 2px solid #eee;
  padding: 24px;
  border-radius: 12px;
  text-align: center;
  transition: 0.2s ease-out;
}


.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
  box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}

.woocommerce ul.products li.product a img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto 1em;
  box-shadow: none;
}

.woocommerce ul.products li.product .product-overlay {
  display: flex;
  flex-direction: column;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  background-color: #ffffffcc;
  width: 100%;
  height: 50%;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
}

.woocommerce ul.products li.product:hover .product-overlay {
  opacity: 1;
}

ul.products .add_to_cart_button::before {
    font-family: fontAwesome;
    font-size: 20px;
    content: "\f217\00a0";
}

ul.products .button.product_type_external::before {
    font-family: fontAwesome;
    font-size: 20px;
    content: "\f07a\00a0";
}

.woocommerce ul.products li.product-category {
  background: linear-gradient(260.43deg, rgba(64, 128, 254, 0.75) 8.67%, rgba(223, 40, 57, 0.75) 94.44%);
  border-radius: 10px;
  border: none;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  transition: 0.1s ease-out;
}

.woocommerce ul.products li.product-category:hover {
  transform: scale(1.03);
}


.woocommerce ul.products li.product-category mark {
  display: none;
}

.woocommerce-pagination {
  display: none;
}

.woocommerce ul.products li.product-category:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 8px;
  border: 2px solid #fff;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: #fff;
  z-index: -1;
}

@media (max-width: 480px) {
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
      width: 100%;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .woocommerce ul.products[class*=columns-] li.product:nth-child(odd), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(odd) {
      margin-right: 1.5em;
      width: 44%;
  }

  .woocommerce ul.products[class*=columns-] li.product:nth-child(even), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(even) {
      margin-left: 1.5em;
      width: 44%;
  }
}

.secondary-header ul li {
  display: inline-block;
}

.secondary-header ul li:not(:first-child) {
  margin-left: 16px;
}

.secondary-header a:not(.no-underline) {
  text-decoration: underline;
}

.secondary-header a:not(.no-underline):hover {
  text-decoration: none;
  color: var(--flag-text-black);
}

table.cart th.product-remove {
  width: 46.5px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 150px;
}

a.cart-contents {
  display: flex;
  align-items: center;
  text-decoration: none;
}

span.cart-contents-count {
  background-color: var(--flag-red);
  border-radius: 100%;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
}

/* Single product */

@media (min-width: 768px) {
  .woocommerce-product-gallery {
    position: sticky !important;
    top: 130px;
  }
}

.product_meta span {
  display: block;
  margin-bottom: 10px;
}

.product_meta a {
  font-weight: 600;
  color: var(--flag-text-black);
  margin-right: 10px;
  display: inline-block;
}

.product_meta a:after {
  content: '';
  display: block;
  border-bottom: 1px solid var(--flag-text-black);
  margin-top: -3px;
}

.product_meta .posted_in a:after {
  margin-left: 1.4em;
}

.product_meta a:hover:after {
  visibility: hidden;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 24px;
  color: var(--flag-text-black);
  font-weight: 600;
}

p.price, .woocommerce div.product form.cart {
  margin: 0px 20px 0px 0;
}

p.price {
  margin-bottom: 1em;
}

.woocommerce .quantity .qty {
  padding: 4.5px 0;
  border-radius: 4px;
}

.entry-summary ul {
  margin-left: 1.2em;
}

.price-wrapper {
  margin: 40px 0;
}

.product-type-external .price-wrapper {
  display: flex;
  align-items: center;
}

.product-type-external p.price {
  margin-bottom: 0;
}

.upsells h2, .related h2 {
  margin-bottom: 20px;
}

/*-----------
 * FLAT LAYOUT ARCHIVE
 * -------- */

.articles.columns {
  display: flex;
  flex-wrap: wrap;
}

.articles.columns article {
  float: left;
  padding: 0;
  position: relative;
  margin-left: 0;
}

.articles.three-column article {
  margin: 0 4.5% 4.5% 0;
  width: 30.3%;
}

.articles.three-column article:nth-child(3n) {
  margin-right: 0;
}

.articles.four-column article {
  margin: 0 3.5% 3.5% 0;
  width: 22.35%;
}

.articles.four-column article:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 38.75em) {
  .articles.columns article {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.articles.columns article {
  box-shadow: none;
  border: 2px solid #eee;
}

.articles.columns .thumbnail-wrapper, .articles.columns .post-thumbnail {
  margin: 0;
  padding: 0 !important;
}

.articles.columns article .entry-header, .articles.columns article .entry-content {
  padding: 20px;
  margin: 0;
  font-size: 14px;
}

.articles.columns article .entry-title {
  margin: 0;
  padding: 0;
}

.articles.columns article hr {
  margin: 0 20px;
  padding: 0;
}

.articles.columns article .entry-title a, .articles.columns article .entry-title .title-after {
  font-size: 14px;
}

.articles.columns article a.keep-reading {
  display: block;
  margin-top: 20px;
}

#archive-tax-toggle {
  position: relative;
}

ul.archive-tax {
  display: none;
  background-color: #1f1f28;
  position: absolute;
  flex-direction: column;
  right: 0;
  min-width: 150px;
}

ul.archive-tax li {
  padding: 10px;
  margin: 0;
}

ul.archive-tax li:hover {
  background-color: #393941;
}

ul.archive-tax li a, ul.archive-tax li a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

#archive-tax-toggle:hover ul.archive-tax {
  display: flex;
}

/*-----------
 * FLAT LAYOUT SINGLE
 * -------- */

 .flat-layout.single article {
  background: none;
  box-shadow: none;
  max-width: 665px;
 }

 .flat-layout.single .entry-header-single h1.entry-title, .flat-layout.single .entry-header-single, .flat-layout.single .entry-content {
  padding-left: 0;
  padding-right: 0;
 }

 .flat-layout.single .post-thumbnail img {
  width: unset;
  margin-left: 0;
  margin-right: 0;
 }

 .flat-layout.single article.hentry {
  margin-top: 0;
 }

 .flat-layout.single .entry-header.entry-header-single {
  display: block !important;
 }

 .flat-layout.single article .contributor {
  text-align: left;
  padding: 0 0 16px;
  font-size: 12px;
}

.flat-layout.single article img.avatar-default {
  background-color: var(--flag-white);
  padding: 2px;
  border: 1px solid var(--flag-light-grey);
}


 /*-----------
 * WOOCOMMERCE
 * -------- */

 .woocommerce-message, .woocommerce-info {
  border-top-color: var(--flag-blue);
 }

 .woocommerce-error {
  border-top-color: var(--flag-red);
 }

 p.open_terms {
  padding: 0 !important;
 }

 /*------------
 * HOMEPAGE
 *------------ */

body.home .content-area h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5em;
}

.hero {
  background: linear-gradient(114.5deg, rgba(64, 128, 254, 0.8) 10.58%, rgba(223, 40, 57, 0.8) 97.46%), #777777;
  min-height:300px;  
  color:#fff;
}

.hero-left {
  padding-top: 50px;
  padding-bottom: 50px;
}

.hero h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0;
}

.hero h2 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 28px;
}

#homepage-signup-form input[type=text] {
  width: 250px;
}

#homepage-signup-form button {
  background-color: transparent;
  border: 2px solid #fff;
  padding: 10px 15px;
}

#homepage-signup-form .ajax-response-ok,
#homepage-signup-form .ajax-response-false {
  color: #fff;
}

.hero .row {
  overflow: hidden;
}

.hero .mockup-container {
  transform: translateY(4px);
  transition: transform 0.3s ease-in;
  transform-origin: bottom;
}

.hero:hover .mockup-container {
  transform: translateY(0px);
}

.hero-newsletter-mockup {
  width: 220px;
  height: calc(100% - 35px);
  margin: 35px auto 0;
  background-size: cover;
  background-position: top center;
}

@media (max-width: 767px) {
  .hero {
    padding: 20px;
    margin-bottom: 20px;
  }

  .hero-left {
    padding: 0;
  }

  .hero h1 {
    font-size: 28px;
  }

  .hero h2 {
    font-size: 20px;
  }

  #homepage-signup-form input[type=text],
  #homepage-signup-form button {
    width: 100%;
  }

  .hero-newsletter-mockup {
    display: none;
  }
}

.content-area .row {
  --bs-gutter-x: 3rem;
}

.content-area .row > * {
  margin-bottom: 40px;
}

.row.row-featured > * {
  display: flex;
  flex-direction: column;
}

.row.row-featured > * > .flat-card,
.row.row-featured > * > .poll-container {
  flex-grow: 1;
}

.flat-card {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--flag-white);
}

.flat-card a.keep-reading {
  color: var(--flag-blue);
  display: block;
  width: 100%;
  text-align: right;
  margin-top: auto;
}

.flat-card .card-img-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.flat-card .card-overlay.card-img {
  border-radius: 10px;
  background-color: #fff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 100%;
  height: 100%;
  width: 100%;
}

.flat-card .card-body {
  padding: 1em 20px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.flat-card .card-meta {
  display: flex;
  align-items: center;
  color: #33333399;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 0.6em;
}

.flat-card .card-meta .post-meta-sep {
  flex-grow: 1;
  margin: 0 12px;
  background-color: #EEE;
  height: 2px;
}

.flat-card .card-meta .post-meta-sep:first-child {
  margin-left: 0;
}

.flat-card .card-meta .post-type {
  text-transform: uppercase;
}

.flat-card .card-title {
  font-weight: 600;
  margin-bottom: 0.6em;
  font-size: 16px;
}

.flat-card p.card-text {
  margin-bottom: 0.6em;
}

.flat-card-lg {
  font-size: 16px;
}

.flat-card-lg .card-title {
  font-size: 22px;
}

/**
 *
 * Signup form
 *
 */

form.signup-form {
  max-width: 500px;
}

#email-gate form.signup-form {
  margin: 0 auto;
}

form.signup-form a {
  color: currentColor !important;
  text-decoration: underline;
}

form.signup-form a:hover {
  text-decoration: none;
}

form.signup-form div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

form.signup-form button {
  width: 100%;
}

@media (min-width: 768px) {
  form.signup-form div {
    flex-wrap: nowrap;
  }

  form.signup-form :where(input[type=text], input[type=email]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    margin-bottom: 0;
  }

  form.signup-form button {
    width: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-shrink: 0;
  }
}