/*
 Theme Name:     Iron Circus 2022
 Theme URI:      https://github.com/stuartduff/storefront-child-theme
 Author:         Erin Burt & Kevin Wilson
 Author URI:     http://www.thekevinwilson.com & http://www.erinproductions.com/
 Template:     	storefront
 Description:  	A modified Storefront theme for the wonderful comics of Iron Circus. 
 Version:      	2.0.1
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  	storefront
 Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
 Resetting and rebuilding styles have been helped along thanks to the fine work of
 Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
 Images License: GNU General Public License v2 or later
 */
h1 {
  font-size: 2.323em;
  /* 2.323x body copy size = 37px */
  line-height: 1.25;
  /* 45px / 36px */
}
@media (min-width: 43.75em) {
  h1 h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}
@media (min-width: 56.25em) {
  h1 h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}
h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}
@media (min-width: 43.75em) {
  h2 h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h2 h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}
h3,
#at_zurlpreview h2 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}
@media (min-width: 43.75em) {
  h3 h3,
  #at_zurlpreview h2 h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h3 h3,
  #at_zurlpreview h2 h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}
@media (min-width: 43.75em) {
  h4 h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}
blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}
@media (min-width: 43.75em) {
  blockquote blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  letter-spacing: -0.42px;
}
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size-adjust: 0.5;
}
#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}
@media (min-width: 43.75em) {
  #page #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}
.single-post #primary,
.page-template-template-submissions #primary {
  width: 95%;
}


#content .wpneo-list-details {
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
}

.woocommerce.columns-4 ul li {
  width: 100%;
}
@media (min-width: 400px) {
  .woocommerce.columns-4 ul li {
    width: 50%;
  }
}
@media (min-width: 940px) {
  .woocommerce.columns-4 ul li {
    width: 25%;
  }
}
.woocommerce.columns-3 ul li {
  width: 50%;
}
@media (min-width: 748px) {
  .woocommerce.columns-3 ul li {
    width: 33.33%;
  }
}
ul.products.columns-3 li {
  width: 100%;
}
@media (min-width: 748px) {
  ul.products.columns-3 li {
    width: 33.33%;
  }
}
.related.products {
  display: block;
}
.related.products ul.products.columns-3 {
  display: flex;
  flex-wrap: wrap;
}
header#masthead {
  padding: 0;
}
@media (max-width: 768px) {
  header#masthead {
    padding-bottom: 0;
  }
}
.primary-navigation {
  font-size: 0.95em;
  text-align: right;
}
.primary-navigation #menu-item-4446 a {
  color: #ffba08;
}
.primary-navigation #menu-item-4446.current_page_item a {
  color: #8f8fbf;
}
.primary-navigation a[href*="kickstarter.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="kickstarter.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="facebook.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="facebook.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="foursquare.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="foursquare.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="plus.google.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="plus.google.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="instagram.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="instagram.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="linkedin.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="linkedin.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="pinterest.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="pinterest.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="tumblr.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="tumblr.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="twitter.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="twitter.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="youtube.com"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="youtube.com"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="mailto:"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="mailto:"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="twitch.tv"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="twitch.tv"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href*="/feed/"] {
  text-indent: -9999px;
}
.primary-navigation a[href*="/feed/"]:after {
  font-family: "Font Awesome 5 Brands";
  text-indent: 0;
  display: block;
  float: left;
}
.primary-navigation a[href$="/feed/"]:after {
  content: "\f09e";
}
.primary-navigation a[href*="twitch.tv"]:after {
  content: "\f1e8";
}
.primary-navigation a[href*="mailto:"]:after {
  content: "\f003";
}
.primary-navigation a[href*="youtube.com"]:after {
  content: "\f167";
}
.primary-navigation a[href*="tumblr.com"]:after {
  content: "\f173";
}
.primary-navigation a[href*="twitter.com"]:after {
  content: "\f099";
}
.primary-navigation a[href*="dribbble.com"]:after {
  content: "\f17d";
}
.primary-navigation a[href*="facebook.com"]:after {
  content: "\f39e";
}
.primary-navigation a[href*="flickr.com"]:after {
  content: "\f16e";
}
.primary-navigation a[href*="foursquare.com"]:after {
  content: "\f180";
}
.primary-navigation a[href*="plus.google.com"]:after {
  content: "\f0d5";
}
.primary-navigation a[href*="instagram.com"]:after {
  content: "\f16d";
}
.primary-navigation a[href*="linkedin.com"]:after {
  content: "\f0e1";
}
.primary-navigation a[href*="pinterest.com"]:after {
  content: "\f231";
}
.primary-navigation a[href*="kickstarter.com"]:after {
  content: "\f3bc";
}
.main-navigation ul li a {
  color: #fefefe;
}
.main-navigation ul li a:hover {
  color: #8f8fbf;
}
.current-menu-item .main-navigation ul li a {
  color: #706993;
}
.site-header {
  padding: 0;
}
.site-header ul.menu li.current-menu-item > a {
  color: #8f8fbf;
}
.woocommerce-active .site-header .site-branding {
  width: 100%;
}
.woocommerce-active .site-header .site-branding img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 500px) {
  .woocommerce-active .site-header .site-branding {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .woocommerce-active .site-header .site-branding {
    width: auto;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .woocommerce-active .site-header .site-branding {
    padding: 1em;
  }
}
#site-navigation.main-navigation {
  margin: 0;
}
#site-navigation.main-navigation ul.menu > li > a,
#site-navigation.main-navigation ul.nav-menu > li > a {
  padding: 0 0.65em;
}
@media (max-width: 767px) {
  #site-navigation.main-navigation ul.menu > li > a,
  #site-navigation.main-navigation ul.nav-menu > li > a {
    padding: 0.95em 2em 1.25em;
  }
}
#site-navigation.main-navigation button.menu-toggle {
  padding: 1em;
  background-color: #8f8fbf;
  width: 100%;
  text-align: center;
  border-radius: 0;
}
#site-navigation.main-navigation button.menu-toggle:hover {
  background-color: #706993;
}
button.menu-toggle,
button.menu-toggle:hover {
  border: none;
  padding-right: 2em;
}
@media (max-width: 400px) {
  .storefront-primary-navigation {
    text-align: center;
  }
}
@media (max-width: 400px) {
  .storefront-primary-navigation button.menu-toggle {
    float: none;
  }
}
@media (min-width: 768px) {
  .storefront-primary-navigation {
    padding: 1em;
  }
}
.handheld-navigation {
  background-color: #23203c;
}
.home #content div.col-full {
  max-width: 100%;
  padding: 0;
}

footer .menu li:first-of-type a {
  font-weight: 600;
  font-size: 1.1em;
}
footer .widget_nav_menu ul li::before {
  display: none;
}
footer #menu-footer-menu-3 li:first-of-type a {
  color: #ffba08;
}
footer .site-info {
  padding-left: 1.618em;
  padding-top: 0;
}
footer .footer-widgets {
  width: 85%;
  padding-top: 2em;
}
footer ul.menu li.current-menu-item > a {
  color: #8f8fbf;
}
.storefront-handheld-footer-bar ul li > a {
  border-right: 0;
}
.storefront-handheld-footer-bar ul li > a::before {
  color: #fefefe;
}
.storefront-handheld-footer-bar ul li > a:hover {
  background-color: #8f8fbf;
  opacity: 1;
}
.storefront-handheld-footer-bar ul li.cart .count {
  color: #23203c;
  background-color: #fefefe;
  border: 0;
  font-weight: 600;
}
#pagenav {
  background-image: url("icbg.png");
}
#pagenav ul {
  margin: 0;
  text-align: center;
  padding: 2.25em;
}
#pagenav ul li a {
  color: #212227;
}
@media (max-width: 800px) {
  #pagenav ul li {
    margin: 2vw;
  }
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.widget a.button,
.site-header-cart .widget_shopping_cart a.button {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  line-height: 1.15;
  border-radius: 4px;
  height: auto;
  transition: all 0.23s ease-in-out 0s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.added_to_cart:hover,
.widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
  opacity: 1;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.added_to_cart:hover,
.widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
  color: inherit;
}
a.button {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  line-height: 1.15;
  border-radius: 4px;
  height: auto;
  transition: all 0.23s ease-in-out 0s;
  width: 100%;
}
a.button:hover {
  opacity: 1;
}
@media (min-width: 500px) {
  a.button {
    width: initial;
  }
}
a.button:active {
  background-color: #6f6fac;
  color: #afafd2;
}
.cta-button,
.soliloquy-container .cta-button,
#newsletter input[type="submit"] {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  line-height: 1.15;
  border-radius: 4px;
  height: auto;
  transition: all 0.23s ease-in-out 0s;
  background-color: #21d19f;
  text-transform: uppercase;
  padding: 0.75em;
  color: #46494c;
  font-weight: 600;
  display: inline-block;
  width: 100%;
}
.cta-button:hover,
.soliloquy-container .cta-button:hover,
#newsletter input[type="submit"]:hover {
  opacity: 1;
}
@media (min-width: 500px) {
  .cta-button,
  .soliloquy-container .cta-button,
  #newsletter input[type="submit"] {
    width: initial;
  }
}
.cta-button:hover,
.soliloquy-container .cta-button:hover,
#newsletter input[type="submit"]:hover {
  background-color: #178f6d;
  color: #06050a;
}
.cta-button:active,
.soliloquy-container .cta-button:active,
#newsletter input[type="submit"]:active {
  background-color: #178f6d;
  color: #86eccf;
}
.cta-button .disabled,
.soliloquy-container .cta-button .disabled,
#newsletter input[type="submit"] .disabled {
  opacity: 0.5;
}
.text-button {
  font-size: 1em;
  text-decoration: underline;
  margin: auto;
  font-weight: 600;
  text-transform: uppercase;
}
.text-button:hover {
  opacity: 1;
  color: #453f78;
}
.text-button:hover {
  color: #282546;
}
.text-button:active {
  color: #837cba;
}
.text-button .disabled {
  opacity: 0.5;
}
.soliloquy-container a.soliloquy-next,
.soliloquy-container a.soliloquy-prev {
  width: 50px;
  height: 50px;
}
.soliloquy-container a.soliloquy-next:hover,
.soliloquy-container a.soliloquy-prev:hover {
  opacity: 25%;
}
.soliloquy-container a.soliloquy-next {
  background: url("next.svg") no-repeat scroll 50% 50%;
}
.soliloquy-container a.soliloquy-prev {
  background: url("prev.svg") no-repeat scroll 50% 50%;
}
#retail button {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  line-height: 1.15;
  border-radius: 4px;
  height: auto;
  transition: all 0.23s ease-in-out 0s;
}
#retail button:hover {
  opacity: 1;
}
#retail button:hover {
  background-color: #706993;
}
.icon,
.icons {
  font-family: "Font Awesome 5 Brands";
}
.icon i,
.icons i {
  font-style: normal;
}
#newsletter input[type="submit"] {
  height: 3em;
  width: 100%;
}
ul.products li.product .quick_buy_button,
ul.products li.product .button {
  font-size: 1em;
  font-weight: 600;
  background-color: transparent;
  text-transform: uppercase;
  color: #706993;
  margin: 0 auto;
  padding: 0;
}
ul.products li.product .quick_buy_button:hover,
ul.products li.product .button:hover {
  background-color: transparent;
  color: #453f78;
  opacity: 1;
}
#secondary .button.lucky {
  width: 100%;
  text-align: center;
}
#secondary .button.lucky i {
  padding: 0 0.5em;
}
#secondary input[type="submit"] {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .soliloquy-viewport {
    padding: 0 5em !important;
  }
}
a.reset_variations {
  margin: 0;
}
img {
  display: inline;
}
ul.products li.product {
  margin-bottom: 1em;
}
.reset_variations {
  display: none !important;
}
#pa_format {
  max-width: 200px;
}
.in-stock {
  display: none !important;
}
.variations {
  margin-bottom: 1em;
}
.hentry {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 2.5em;
}
.hentry .entry-header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 0 1em;
  order: 0;
}
.hentry .entry-meta {
  width: 100% !important;
  order: 2;
  background: #e9e9f2;
  padding: 1em;
  margin: 0 !important;
}
.hentry .entry-content {
  order: 1;
}
.hentry .posted-on {
  padding: 1em;
  background: #e9e9f2;
  text-align: right;
  display: block;
  width: 100%;
  order: 1;
}
.hentry .posted-on a {
  text-decoration: none !important;
}
.hentry h2 {
  margin: 0 0 0.3em;
}
.col-full {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .storefront-primary-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .storefront-primary-navigation {
    flex-wrap: wrap;
    justify-content: center;
  }
  .primary-navigation {
    margin-top: 10px;
    text-align: center;
  }
  .main-navigation {
    width: 100% !important;
  }
}
.woocommerce-active .site-header .site-branding img {
  vertical-align: bottom;
}
.page-template-template-podcast .content-area {
  width: 100%;
  margin: 0 auto;
}

.woocommerce-page .col-full, .page-template-template-fullwidth .col-full {
	padding-top: 3em;
}

.page-template-template-submissions .col-full {
	padding: 0;
    margin: 0;
    max-width: 100%;	
}

.page-template-template-store .col-full,
.single-product .col-full {
  max-width: 100%;
}
@media (min-width: 768px) {
  .page-template-template-store .content-area,
  .single-product .content-area {
    width: 67%;
  }
}
.page-template-template-store .widget-title,
.single-product .widget-title {
  background: #e9e9f2;
  padding: 0.5em;
}
.page-template-template-store .widget,
.single-product .widget {
  margin: 0 0 1.5em;
}
.page-template-template-store .woo-ma-button,
.single-product .woo-ma-button {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  line-height: 1.15;
  border-radius: 4px;
  height: auto;
  transition: all 0.23s ease-in-out 0s;
  background-color: #8f8fbf;
  color: #23203c !important;
  text-decoration: none !important;
  display: block;
  padding: 0.5em;
  text-align: center;
}
.page-template-template-store .woo-ma-button:hover,
.single-product .woo-ma-button:hover {
  opacity: 1;
}
.page-template-template-store .woo-ma-button:hover,
.single-product .woo-ma-button:hover {
  background-color: #7676a6;
  color: inherit;
}
.page-template-template-store .clearfix,
.single-product .clearfix {
  display: none;
}
#podcast-end {
  order: 2;
}
.woocommerce-product-gallery__image {
  display: flex !important;
  justify-content: center;
}
.flex-control-thumbs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.single-product
  div.product
  .woocommerce-product-gallery.woocommerce-product-gallery--columns-4
  .flex-control-thumbs
  li {
  width: 23%;
  margin: 0;
  text-align: center;
}
@media (min-width: 958px) {
  .woocommerce-page .right-sidebar .widget-area {
    width: 22%;
  }
  .content-area {
    width: 72%;
  }
}
@media (min-width: 768px) {
  .woocommerce-page .right-sidebar .widget-area {
    width: 27%;
  }
  .woocommerce-page .right-sidebar .content-area {
    width: 67%;
  }
}
ul.products li.product {
  justify-content: center;
  align-content: flex-start;
}
ul.products li.product .woocommerce-LoopProduct-link {
  width: 100%;
}
body {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  font-size: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
body #page {
  background-color: #fefefe;
}
a {
  transition: all 0.23s ease-in-out 0s;
}
a:hover {
  opacity: 0.5;
}
#primary p a,
#content h2 a {
  font-weight: 600;
}
.hentry .entry-header {
  border-bottom: none;
}
.entry-content {
  width: 100%;
}
.button-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}
.button-top:hover {
  background: transparent;
  opacity: 0.5;
}
.button-top h6 {
  color: #fefefe;
}
.button-top h6:hover {
  color: #fefefe;
}
.button-top img {
  margin-right: auto;
  margin-left: auto;
  max-width: 90px;
}
@media (max-width: 1200px) {
  .button-top {
    display: none;
  }
}
.button-top svg {
  width: 100%;
  height: auto;
}
.button-top-visible {
  opacity: 1;
  pointer-events: auto;
}
.site-header {
  border-bottom-color: transparent;
}
.page-template-template-homepage #content,
.page-template-template-homepage .type-page {
  padding: 0;
  margin: 0;
}
.page-template-template-homepage #main,
.page-template-template-homepage #primary {
  padding: 0;
  margin: 0;
}
.page-template-template-homepage h2 {
  text-transform: uppercase;
  font-size: 1.75em;
  margin: 0;
}
.page-template-template-homepage .entry-content {
  max-width: inherit;
}
.page-template-template-homepage .entry-header {
  display: none;
}
.strip {
  display: flex;
  flex-wrap: wrap;
  padding: 2em 5%;
  text-align: center;
  width: 100%;
}
.strip h2,
.strip p {
  width: 100%;
}
.strip h2.big {
  font-size: 3.25em;
  text-shadow: 2px 2px 13px #46494c;
  color: #fefefe;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0em 0.25em;
}
.half-strip {
  width: 100%;
  float: none;
  height: auto;
  padding: 1.5em;
}
@media (min-width: 940px) {
  .half-strip {
    width: 50%;
    float: left;
    padding: 2em;
  }
}
#hphero {
  max-width: 1200px;
  position: relative;
  height: 400px;
  background-size: cover;
  background-position: right;
  overflow: hidden;
}
@media (min-width: 940px) {
  #hphero {
    background-position: inherit;
	
  }
}
@media (min-width: 1100px) {
  #hphero {
    background-position: center;
  }
}
#hphero .text {
  width: 100%;
  padding: 0 1em;
  position: absolute;
  top: 0;
  z-index: 3;
  font-size: 0.95em;
}
@media (min-width: 600px) {
	#hphero .text {
		background-color: rgba(42, 43, 73, .7);
		height: 100%;
	}
}

@media (min-width: 750px) {
  #hphero .text {
    width: 75%;
    font-size: initial;
    padding: 2em;
    bottom: 0;
    right: 0;
    position: relative;
    margin: auto;
  }
}
@media (min-width: 940px) {
  #hphero .text {
    width: 60%;
    position: absolute;
  }
}
@media (min-width: 1100px) {
  #hphero .text {
	  background-color: inherit;
	  width: 50%;
  }
}

#hphero .text p,
#hphero .text h1,
#hphero .text h2,
#hphero .text h3 {
  color: #fefefe;
  margin-top: 0;
}
#hphero .text h1,
#hphero .text h2,
#hphero .text h3 {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fefefe;
}
#hphero .text .cta-button {
  text-align: center;
}


#newsletter {
  background-color: #e9e9f2;
  justify-content: center;
}
#newsletter div#signup {
  background: transparent;
  width: 100%;
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 940px) {
  #newsletter div#signup {
    width: 75%;
  }
}
#newsletter div#signup form {
	margin: 0;
}
#newsletter div#signup span.top-label {
  font-size: 1.19em;
  color: #706993;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
  width: 100%;
}

#newsletter div#signup .wpcf7-form-control-wrap {
	width: 100%;
}

#newsletter div#signup input {
  font-weight: 600;
  padding: 0.5em 0.5em;
  margin: 0 0 10px 0;
  width: 100%;
}
#newsletter div#signup input::placeholder {
  color: #999;
}
@media (min-width: 728px) {
  #newsletter div#signup .wpcf7-form-control-wrap.email {
    margin: 0 1% 10px 0;
    width: 40%;
  }
  #newsletter div#signup .wpcf7-form-control-wrap.your-name {
    margin: 0 1% 10px 0;
    width: 28%;
  }
  #newsletter div#signup .button.wpcf7-submit {
	width: 19%;
  }
}

#newsletter div#signup p.newsletter-caption {
  width: 100%;
  color: #4d4d4d;
  margin: 0;
  font-size: 0.85em;
  padding-top: 0.75em;
}
#newsletter div#signup form p:first-of-type {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#newsletter div#signup .button {
  height: 43px;
}

.wpcf7-not-valid-tip {
	display: flex;
	margin: 0;
}

.wpcf7-form-control-wrap {
	display: flex;
}

.gr-acceptance {
	width: 100%;
}

.gr-acceptance .wpcf7-list-item-label {
	padding-left: 8px;
}


#newsletter div#signup .gr-acceptance .signup-to-newsletter input {
	width: auto;
}

.gr-acceptance .wpcf7-acceptance.optional {
	width: 100%;
}

.wpcf7-spinner {
	margin: 0 auto;
}


#social {
  background-color: #23203c;
  display: flex;
}
@media (max-width: 499px) {
  #social {
    flex-wrap: wrap;
  }
}
#social .left {
  width: 100%;
  padding: 1em;
  text-align: center;
}
@media (min-width: 500px) {
  #social .left {
    max-width: 50%;
    padding: 0;
  }
}
#social .left h2,
#social .left .icons a {
  color: #fefefe;
}
#social .left .icons {
  font-size: 2.25em;
}
#social .left .gear {
  margin: 1em auto 1em auto;
  display: block;
  padding: 0.5em;
  max-width: 150px;
}
#social .right {
  width: 100%;
  min-width: 250px;
  min-height: 250px;
  display: flex;
}
@media (min-width: 500px) {
  #social .right {
    width: 50%;
  }
}
#social .right .balloon {
  background-color: #fff;
  padding: 0.5em;
  border-radius: 12px;
  width: 100%;
  max-height: 330px;
  overflow-y: hidden;
}
#social .right .balloon .timeline-Footer,
#social .right .balloon .timeline-Header {
  display: none;
}
@media (min-width: 500px) {
  #social .right .balloon {
    width: 85%;
  }
}
#social .right .tail {
  width: 15%;
  display: none;
}
@media (min-width: 500px) {
  #social .right .tail {
    display: block;
  }
}
#twitter-widget-0 {
  height: 100% !important;
}
@media (min-width: 768px) {
  #social-calendar {
    display: flex;
  }
}
#calendar {
  background-color: #706993;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#calendar a,
#calendar h2 {
  color: #fefefe;
}
#calendar .simcal-event-start-date,
#calendar .simcal-event-end-date {
  color: #e9e9f2;
}
#calendar a:hover {
  opacity: 0.5;
}
#calendar p {
  color: #23203c;
}
#calendar ul {
  margin: 0;
}
#calendar .simcal-event-title {
  font-weight: 600;
}
#calendar li.simcal-event {
  list-style: none;
  text-transform: capitalize;
}
#calendar .simcal-event-details,
#calendar .simcal-event-start-date {
  display: block;
}
#calendar .simcal-event-start-date,
#calendar .simcal-event-end-date {
  font-size: 0.8em;
}
#calendar .simcal-event-details {
  padding: 0.5em 0;
  color: #fefefe;
}
#calendar .simcal-event-details strong {
  display: none;
}
#calendar .simcal-calendar {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #calendar .simcal-calendar {
    text-align: left;
  }
}
#calendar .button {
  margin: auto;
  color: #333333;
  background-color: #eeeeee;
}
#retail {
  background: url("shadow.jpg") 100% / cover #8f8fbf no-repeat;
}
#subs {
  background: url("atc.jpg") 100% / cover #8f8fbf no-repeat;
}
#retail,
#subs {
  padding: 1em;
}
@media (min-width: 500px) {
  #retail,
  #subs {
    padding: 4em;
  }
}
#retail .button,
#subs .button {
  margin: auto;
}
#retail .text-button,
#subs .text-button {
  color: #fefefe;
}
#retail .text-button:hover,
#subs .text-button:hover {
  opacity: 0.5;
}
#promo {
  display: flex;
  flex-wrap: wrap;
}
#promo .left,
#promo .right {
  justify-content: center;
}
#promo .left,
#promo .right,
#promo .buttons {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 728px) {
  #promo .left {
    width: 60%;
  }
}
#promo p {
  font-size: 1.25em;
}
#promo .right {
  width: 100%;
}
@media (min-width: 728px) {
  #promo .right {
    width: 40%;
  }
}
#promo .buttons a {
  margin: 0.25em;
}
#promo .buttons {
  justify-content: center;
}
#news {
  flex-wrap: wrap;
  justify-content: center;
  background-color: #453f78;
}
#news h2,
#news h3,
#news h4 {
  text-align: center;
  width: 100%;
  font-weight: 400;
}
#news h2 a,
#news h3 a,
#news h4 a {
  color: #fefefe;
  text-decoration: none;
}
#news h4,
#news .hp-post {
  color: #c0c0db;
}
#news .hp-post {
  padding: 2%;
  text-align: center;
}
@media (min-width: 940px) {
  #news .hp-post {
    width: 42%;
  }
}
#news .hp-post .date {
  color: #fefefe;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
#news img {
  margin-bottom: 1.5em;
}
#wpcf7-f3842-p3920-o1 .wpcf7-text {
  width: 100%;
}
@media (min-width: 728px) {
  #wpcf7-f3842-p3920-o1 .wpcf7-text {
    width: inherit;
  }
}
#at_zurlpreview img {
  max-width: 700px;
  max-height: 450px;
}
nav.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb a {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
}
.woocommerce-breadcrumb a:first-of-type::before {
  display: none;
}
.breadcrumbs {
  text-transform: uppercase;
}
.woocommerce-store-notice {
  text-align: center;
}
.demo_store {
  background-color: #8f8fbf;
}
.demo_store::before {
  display: none;
}
.product-template-default #content .col-full {
  padding: 2em 2em;
}

.page-template-template-store .col-full {
  padding: 0em;
}

.page-template-template-store h1 {
  width: 100%;
}
.page-template-template-store #content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.page-template-template-store #banner img {
  object-fit: cover;
  height: 300px;
  display: block;
}
@media (min-width: 728px) {
  .page-template-template-store #banner img {
    height: auto;
  }
}
.page-template-template-store #bottom.col-full {
  padding: 2em !important;
}
.page-template-template-store #buttonrow {
  width: 100%;
}
.page-template-template-store #buttonrow ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.page-template-template-store #buttonrow ul li {
  width: 100%;
  list-style: none;
}
@media (min-width: 500px) {
  .page-template-template-store #buttonrow ul li {
    width: 50%;
  }
}
@media (min-width: 940px) {
  .page-template-template-store #buttonrow ul li {
    width: 25%;
  }
}
.page-template-template-store #buttonrow ul li img {
  width: 100%;
  border-radius: 0;
}
.page-template-template-store #buttonrow ul li a {
  position: relative;
  display: flex;
}
.page-template-template-store #buttonrow ul li .text {
  position: absolute;
  bottom: 0;
  left: 5%;
  font-size: 3.25em;
  text-shadow: 2px 2px 13px #46494c;
  color: #fefefe;
  font-weight: 600;
  letter-spacing: -0.42px;
}
.page-template-template-store #feature1,
.page-template-template-store #feature2,
.page-template-template-store #feature3,
.page-template-template-store #feature4,
.page-template-template-store #funding {
  padding-bottom: 1em;
}
.all-products {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  padding: 1em;
}
.all-products a {
  width: 100%;
}
.storefront-sorting .woocommerce-result-count {
  padding: 1em;
}
.storefront-sorting select {
  border-color: #999;
}
.orderby {
  width: 100%;
  padding: 0.5em;
  color: #46494c;
  border: 1px solid #c3c3c9;
}
#woocommerce-product-search-field-0 {
  font-family: "Poppins", Futura, Trebuchet MS, Arial, sans-serif;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #8f8fbf;
  color: #fefefe;
}
.woocommerce-pagination .page-numbers li .page-numbers.current:hover {
  background-color: #706993;
}
table.variations .label {
  display: none;
}
table th,
.wc_payment_method.payment_method_ccbill label {
  background-color: #f7f7f7;
}
table td.value {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
}
table td.value div {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
}
table td.value div label {
  text-transform: uppercase;
}
table td.value div input {
  z-index: 1;
  cursor: pointer;
}
table td.value div input:checked + label {
  background: transparent;
  text-decoration: underline;
  color: #8f8fbf;
}
table td.value .reset_variations {
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
  font-weight: 600;
  color: #4d4d4d;
  letter-spacing: 0.02em;
}
section.products {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-loop-product__title section.products h2 {
  color: #4d4d4d;
  font-weight: 600;
  letter-spacing: -0.01em;
}
section.products .product {
  display: flex;
  flex-wrap: wrap;
}
section.products .product .quick_buy_container {
  width: 100%;
  order: 10;
}
section.products .product form {
  width: 100%;
  margin: 0;
}
section.products table {
  margin: 0;
}
ul.products {
  display: flex;
  flex-wrap: wrap;
}
ul.products .product {
  padding: 0 0.5em;
  margin-right: -1px;
}
.related.products {
  display: block;
}
.related.products .label,
.related.products .value {
  text-align: center;
}
#pa_format {
  width: 100%;
  margin: 0 auto;
}
.storefront-sticky-add-to-cart {
  background-color: #e9e9f2;
}
.woocommerce-breadcrumb {
  padding: 1em 0;
}
#order_review,
.cart_item,
table tbody td,
table tbody tr:nth-child(2n) td,
fieldset,
fieldset legend,
#payment .payment_methods > li .payment_box,
#payment .place-order,
#payment .payment_methods > li:not(.woocommerce-notice) {
  background-color: transparent;
}
#order_review:hover,
.cart_item:hover,
table tbody td:hover,
table tbody tr:nth-child(2n) td:hover,
fieldset:hover,
fieldset legend:hover,
#payment .payment_methods > li .payment_box:hover,
#payment .place-order:hover,
#payment .payment_methods > li:not(.woocommerce-notice):hover {
  background-color: transparent;
}
table.cart td.product-remove,
table.cart td.actions {
  border-top-color: transparent;
}
.woocommerce-checkout
  #payment
  .payment_method_stripe
  label[for="payment_method_stripe"] {
  padding: 1.41575em;
}
div.woocommerce {
  width: 100%;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews {
  background: #453f78;
  border-radius: 0;
}
.page-template-template-store .woocommerce-message {
  margin-bottom: 0;
}
.page-template-template-submissions #content {
  padding: 0;
}
.page-template-template-submissions #content .col-full {
  margin: 2em;
}
.page-template-template-submissions #pagenav {
  background: url("icbg.jpg");
  margin-bottom: 2em;
}

/** 2021 Adjustments **/

table th {
  background-color: #e9e9f2 !important;
}

table > tbody > tr > td {
  background-color: transparent !important;
}

div.cart-collaterals > div.cart_totals.calculated_shipping > div > a,
#payment .place-order .button {
  background-color: #21d19f;
  color: #212227;
}

div.cart-collaterals > div.cart_totals.calculated_shipping > div > a:hover,
#payment .place-order .button:hover {
  background-color: #178f6d;
}

/** Alert Bar 2022 **/
#product-alert {
  padding: 8px;
  margin: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#product-alert p {
  margin: 0;
}

/* Crowdfunding Styles 2022 */
/* ==================== */
#confetti-canvas {
  position: absolute;
  left: 0;
  pointer-events: none;
  transition: opacity 1.5s ease;
  width: calc(100%) !important;
  height: 1100px;
}

@media screen and (min-width: 750px) {
  #confetti-canvas {
    height: auto;
  }
}

@media screen and (min-width: 1200px) {
  #confetti-canvas {
    left: auto;
    width: calc(100% - 2em) !important;
    max-width: calc(1200px - 2em) !important;
  }
}

/* product dropdown */
.products #item {
	width: 90%;
}

/* store page password widget */
#secondary.widget-area .login-username, #secondary.widget-area .login-password {
	display: flex;
    flex-direction: column;
}

.woo-ma-login-failed::after {
	content: "10 total attempts before lockout";
	font-weight: 500;
	font-size: 11px;
	color: #706993;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.woo-ma-login-failed {
	display: flex;
	flex-direction: column;
}

/* Checkout Page Adjustments */
.woocommerce-order .order_details, .woocommerce-order .order_details a {
	color: #ffffff;
	background-color: #43454F;
}

.woocommerce-order .woocommerce-order-details table th {
	color: #4D4D4D;
}