/*
 Theme Name:   Frequency Central
 Theme URI:    https://frequencycentral.co.uk/
 Description:  Frequency Central
 Author:       Jetroid
 Author URI:   https://jetholt.com/
 Template:     ecommerce-gem
 Version:      1.0.35
*/

/* No idea what the appropriate WP class for this is... */
.hidden {
	display: none !important;
}

.nobr{white-space:nowrap}

#primary p {
	color: black !important;
}

.shutdown-warning, .shutdown-imminent {
	text-align: center;
	font-size: x-large;
	background: yellow;
	font-weight: 1000;
}
.shutdown-time-remaining {
	font-family: monospace;
}

/* Use Frequency Central font */
h1,h2,h3,h4,h5,h6,
.site-title,
#primary-menu > li > a
{
	font-family: FrequencyCentral;
}
.entry-title {
	line-height: 1.2;
}

.blog img.attachment-post-thumbnail {
    max-height: 300px;
    width: auto;
}

/* Don't let the title clip with the hamburger menu */
.site-branding {
	max-width: 95%;
}

/* Shift up the "most recent post" banner */
.home #content {
	padding-top: 0px !important;
}
/* But not for the kits page ! */
.actuallywearekits + #content {
	padding-top: 40px !important;
}

/* This makes the hamburger menu actually show. Broken by default. */
.mean-container > .mean-bar > .meanmenu-reveal > span { /* Specifity means I need this crap... */
	background: #0a0000;
}
/* Center the hamburger menu vertically when the title takes up two lines */
.mean-bar {
	top: 0;
	height: 100%;
}
.meanmenu-reveal {
	top: 50% !important;
	transform: translate(0,-55%);
}
/* Improve styling of hamberder menu */
.mean-container a.meanmenu-reveal span {
	height: 4px !important;
	margin-top: 4px !important
}

/* Display the homepage better as it doesn't have a "page-title" or "page-description" */
.home .woocommerce-products-header .page-title {
	margin-top: 0.3em;
}
/* But not for the kits page ! */
.actuallywearekits + #content .page-title {
	margin: 0px 0px 20px 0px;
}

/* Homepage custom layout stuff */
.woocommerce li.product {
	width: 100% !important;
	margin: 0 !important;
	height: 100%;
}
.woocommerce ul.products.columns-3::before {
	display: none;
}
.woocommerce ul.products.columns-3 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	column-gap: 10px;
	row-gap: 30px;
	grid-auto-flow: dense;
}
.single-cell,
.double-cell,
.triple-cell {
	grid-column-end: span 1;
}
/* Go two column grid */
@media screen and (min-width: 650px) {
	.woocommerce ul.products.columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.woocommerce li.double-cell:not(.product_tag-integrated-circuit) {
		grid-column-end: span 2;
	}
	.woocommerce li.triple-cell:not(.product_tag-integrated-circuit) {
		grid-column-end: span 2;
	}
	.double-cell .product-short-desc {
		min-height: 4em;
	}
	.double-cell .product-title-desc {
		flex: 0 1 100px;
	}
	.double-cell .product-purchase-options {
		flex: 1 1 auto;
	}
	.double-cell .product-read-more {
		flex: 0 1 37px
	}
	.double-cell .product-container {
		height: 300px;
	}
	.single-cell .product-container {
		height: 300px;
	}
	.double-cell .product-img-background {
		min-height: 100%; /* Make the IC's look better: */
	}
}
/* Go to 3 column grid */
@media screen and (min-width: 1170px) {
	.woocommerce ul.products.columns-3 {
		column-gap: 30px;
	}
	.woocommerce ul.products.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.woocommerce li.triple-cell:not(.product_tag-integrated-circuit) {
		grid-column-end: span 3;
	}
	.triple-cell .product-short-desc {
		min-height: 4em;
	}
	.triple-cell .product-title-desc {
		flex: 0 1 100px;
	}
	.triple-cell .product-purchase-options {
		flex: 1 1 auto;
	}
	.triple-cell .product-read-more {
		flex: 0 1 37px
	}
	.triple-cell .product-container {
		height: 300px;
	}
	.triple-cell .product-img-background {
		min-height: 100%; /* Make the IC's look better: */
	}
}
/* When not 3 column, multi cell should have image above text. */
@media screen and (max-width: 780px) {
	.double-cell .product-container > a {
		max-width: unset;
		height: auto;
		width: 100%;
	}
	.double-cell img {
		margin: auto;
	}
	.double-cell .product-container {
		display: block;
	}
}
@media screen and (min-width: 781px) {
	.double-cell:not(.product_tag-integrated-circuit) .product-container > a {
		max-width: 80%;
	}
}
@media screen and (max-width: 930px) {
	.triple-cell .product-container > a {
		max-width: unset;
		height: auto;
		width: 100%;
	}
	.triple-cell img {
		margin: auto !important;
	}
	.triple-cell .product-container {
		display: block;
	}
}
@media screen and (min-width: 930px) {
	.triple-cell:not(.product_tag-integrated-circuit) .product-container > a {
		max-width: 80%;
	}
}

/* Fix bug reported by Gavin MacNeil */
.page-numbers li {
	pointer-events: none;
}
.page-numbers a {
	pointer-events: auto;
	position: relative;
}

/* Don't show the sale tag on bundles because it's wrong. */
.product_tag-bundle .onsale {
	display: none !important;
}
/* Customize regular on sale */
.woocommerce span.onsale {
	background-color: #fa6161 !important;
    font-weight: 1000 !important;
    width: 50px !important;
    height: 50px !important;
    left: calc(100% - 35px) !important;
    font-size: 15px !important;
    padding-top: 1px !important;
    transition: opacity 0.25s ease-in;
    transform: rotate(4deg);
}
/* Add a full kit sticker */
.fullkit {
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff;
	line-height: 12px;
	list-style: outside none none;
	margin: -.5em -.5em 0 0;
	min-height: 3.236em;
	min-width: 3.236em;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 9;

	background-color: #fa6161;
	font-weight: 1000;
	width: 50px;
	height: 50px;
	left: -15px;
	font-size: 11px;
	padding-top: 11px;
	transition: opacity .25s ease-in;
	transform: rotate(-5deg);
}
.product-container:hover .onsale,
.product-container:hover .fullkit {
	opacity: 0;
}

.product-container {
	-webkit-box-align: start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  align-content: flex-start;
  align-items: flex-start;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  line-height: 20px;
  background: #fbfbfb;
  height: 100%;
}
.single-cell .product-title-desc {
	flex: 0 1 100px;
}
.single-cell .product-purchase-options {
	flex: 1 1 auto;
}
.single-cell .product-read-more {
	flex: 0 1 37px
}
.single-cell .product-img-background {
	min-height: 100%; /* Make the IC's look better: */
}
.product-container > a {
	flex-shrink: 0;
	max-width: 66%;
	height: 100%;
	/* background: linear-gradient(0, #888, #eee); */
}
.product-img-background {
	display: grid;
	/* background: linear-gradient(0, #888, #eee); */
}
.product-img-thumb {
	display: inline-block;
	margin: auto;
	position: relative;
	line-height: 0;
	grid-row: 1;
    grid-column: 1;
}
.floating-tags-container {
    line-height: 26px;
    position: relative;
    display: grid;
    align-content: end;
    grid-row: 1;
    grid-column: 1;
}
.floating-tags {
	display: grid;
}
.floating-tags {
	padding-left: 2px;
}
.product_cat-mu .floating-tags {
	padding-left: 7px;
}
.floating-tag {
	display: inline-block;
    /* background: white; */
    /* border-radius: 7px; */
    /* padding: 0px 2px; */
    margin: 1px;
    color: #fff;
    /* border: 1px #ccc solid; */
    transition: opacity 0.25s;
    transition-timing-function: ease-in;
    font-size: small;
    line-height: normal;
    font-weight: 800;
    /* color: black; */
    text-shadow: -1px -1px 0px black, -1px 1px 0px black, 1px -1px 0px black, 1px 1px 0px black;
}
.product-container:hover .floating-tag {
	opacity: 0;
}
.product-img-thumb a {
	display: inline-block;
}
.fc-image {
	flex: 0 0 auto;
	margin: 0 !important;
	max-width: 100%;
}
.fc-image {
	margin: 0 !important;
	width: unset !important;
}
.fc-img-placeholder {
	height: 300px !important;
	width: 150px !important;
	object-fit: cover;
	flex: 0 0 150px;
	margin: 0 !important;
}
.product-info {
	padding: 10px 10px 10px 10px;
	height: 100%;
	flex-grow: 1;
	flex-basis: 0;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.product-info h2 {
	font-size: 13px;
	font-family: FrequencyCentral;
	margin-bottom: 4px;
	line-height: 1 !important;
}
.fc-title, .fc-title:visited {
	color: #515151;
	display: block;
	margin-bottom: 5px;
}
.product-info .category-heading {
	padding: 0 !important;
}
.product-short-desc {
    padding-bottom: 5px;
    display: block;
    font-size: smaller;
    font-weight: 500;
}
.fc-top {
	min-height: 105px;
}
.quick-buy {
	display: block;
	font-size: 13px;
    font-weight: 800;
}
.fc-readmore {
	background-color: #230021 !important;
  	padding: 10px !important;
	font-size: 15px !important;
	font-weight: 1000 !important;
}
.add_to_cart_button {
	padding: 7px !important;
	background: rgb(0,0,0) !important;
	font-size: 13px !important;
	font-weight: 1000 !important;
}
.single-product .add_to_cart_button {
	margin-bottom: 5px !important;
}
a.more-options {
	font-size: small;
	display: inline-block;
	height: 1px;
	position: relative;
	top: -5px;
}
a.add_to_cart_button.loading::before {
	font-family: WooCommerce;
    content: "\e01c";
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    top: .5em;
    right: 0.5em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
a.add_to_cart_button.loading::after {
	margin-left: 1.5em;
	content: ' ' !important;
	position: initial !important;
	animation: unset !important;
}
a.added_to_cart {
    position: absolute;
    right: 5px;
    bottom: 5px;
    animation: slide-down 0.8s ease-in-out;
    font-weight: 1000;
    z-index: 100;
    text-transform: uppercase;
    padding: 0 !important;
    /* Visibility hidden and :after element so that we can change text to 'Cart' */
    visibility: hidden;
}
a.added_to_cart:after {
	content: 'View Cart';
	visibility: visible;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Single product purchasing choices */
.purchasing-choices {
	position: relative;
	padding-bottom: 10px;
}

/* Single Product Chipset List */
.chipset-container h6,
.bundle-container h6 {
	margin: 0;
}
.chipset-container ul {
	margin-bottom: 0px;
}
.chipset-container p {
	font-size: medium;
	margin-bottom: 0px;
}
.chipset-container p:last-child {
	margin-bottom: 15px;
}

/* Filters */
#fcuk-filters-button {
	float: left;
}
#fcuk-all-products {
	float: right;
}
#fcuk-filters-button,
#fcuk-all-products button {
	border: 2px solid #dddddd;
	height: 48px;
}
form#fcuk-filters-form {
    border: 2px solid #bbb;
    background: white;
    padding: 10px;
    margin-top: 5px;
}
#fcuk-filter-categories label:first-child,
#fcuk-filter-sliders label,
#fcuk-tags label:first-child,
#fcuk-other label:first-child {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 600;
}
#fcuk-filter-categories label:first-child::after,
#euro-width label::after,
#mu-width label::after,
#pos label::after,
#neg label::after,
#fcuk-depth label::after,
#fcuk-tags label:first-child::after,
#fcuk-other label:first-child::after {
    content: ' ';
    background: #fa6161;
    height: 1px;
    position: relative;
    left: 0;
    bottom: -1px;
    display: block;
}
#euro-width, #mu-width, #pos, #neg {
	display: inline-block;
}
#euro-width, #mu-width, #pos, #neg, #fcuk-depth {
    padding: 4px;
    width: 200px;
}
#fcuk-tags {
	max-width: 800px;
}
#fcuk-tags span {
    padding: 3px;
    white-space: pre;
    display: inline-block;
}
#fcuk-tags input {
    margin-right: 2px;
}
#fcuk-filters-form input[type="submit"] {
	float: right;
}
#fcuk-filters-form::after,
#search-buttons::after {
	content: "";
	clear: both;
	display: table;
}
.disabled {
	opacity: 0.5;
}
.filter-actions .woocommerce-product-search {
	display: flex;
	flex: auto;
	padding: 0px 1px;
	overflow: hidden;
	height: 48px;
}
.filter-actions .woocommerce-product-search button,
.filter-actions .woocommerce-product-search input {
	height: 48px;
	border: 2px solid #dddddd;
}
@media only screen and (max-width: 1260px) {

	#fcuk-all-products {
		display: none;
	}
	#fcuk-filters-button {
		flex-shrink: 2;
	}
	.filter-actions .woocommerce-product-search input[type="search"]{
		flex-grow: 5;
		padding: 13px 10px 12px 10px;
	}
	.filter-actions .woocommerce-product-search button {
		flex-shrink: 2;
		width: auto;
	}
}
@media only screen and (max-width: 600px) {

	#fcuk-all-products {
		display: none;
	}
	#fcuk-filters-button {
		flex-shrink: 2;
		padding-left: 5px;
		padding-right: 5px;
	}
	.filter-actions .woocommerce-product-search input[type="search"]{
		flex-grow: 5;
		padding: 13px 2px 12px 2px;
	}
	.filter-actions .woocommerce-product-search button {
		flex-shrink: 2;
		padding-left: 5px;
		padding-right: 5px;
		width: auto;
	}
}

/* Big up the new prices, hide the old prices */
.oldprice {
	font-size: smaller;
	color: #555;
	text-decoration: line-through;
}

/* Cart count positioning */
ul:not(#primary-menu) .cart-count-cc {
	display: none
}
.cart-count-cc {
	width: 0px;
}
.cart-count-container {
	display: inline-block;
	position: relative;
	left: -20px;
	top: 35px;
	width: 1.3em;
	height: 1.2em;
	line-height: 1.2em;
	background: #fa6161;
	border-radius: 1.4em;
	text-align: center;
}
.cart-count, .cart-count:visited{
	position: absolute;
	top: -5%;
	color: white;
	transform: translate(-50%, 0);
}
.empty-cart {
	display: none;
}
@media screen and (max-width: 1050px) {
	/* Hide cart count on shrink menu */
	.cart-count-cc {
		display: none;
	}
}

.single .forthcoming,
.single .discontinued {
	font-size: larger;
    padding-bottom: 20px;
    display: block;
}

/* Ensure the page looks sensible with no content */
#content {
	min-height: 72vh;
	padding: 40px 0px 0px 0px !important;
}

/* Footer Design */
.widget-title {
	margin-bottom: 7px !important;
	padding: 0 !important;
}
.menu-social-menu-container {
	padding-top: 15px;
}
.contact-wrapper {
	padding-top: 5px;
}
#colophon {
	padding-bottom: 10px !important;
}
.site-footer {
	padding: 30px 0px 0px 0px !important;
}
#footer-widgets {
	padding: 0px;
}
#menu-item-101138 a::before, .menu-item-101138 a::before {
    content: "MG" !important;
    font-family: inherit !important;
}
#colophon p {
    color: #fff;
}
#footer-widgets {
	text-align: left;
}

/* Styles for the Docs, Alphabetical, and Distributors page */
.docs-container {
	margin-bottom: 40px;
}
.build-docs-title,
.all-products-title,
.distributors-title,
.page-header .page-title {
	color: #515151 !important;
    font-weight: 500  !important;
    padding: 0  !important;
    line-height: 1.4  !important;
}
.page-title:after {
	background: #fa6161 !important;
}
.docs-group,
.products-group {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 15px;
}
.docs-group a,
.products-group a {
	margin-bottom: 15px;
}
@media screen and (min-width: 562px) {
	.products-container,
	.docs-container {
		column-count: 3;
		column-rule-style: solid;
		column-rule-width: 1px;
	}
}

/* Styles for the distributors page */
.page-id-101145 .entry-content {
    display: grid;
    margin-top: 20px !important;
    justify-items: center;
    align-items: center;
}
.page-id-101145 .entry-content::before {
	display: none;
	content: '';
}
.page-id-101145 img {
    width: 300px;
    max-height: 200px;
    display: block;
    margin: 20px auto;
    box-sizing: border-box;
    object-fit: contain;
}
.page-id-101145 .wp-block-image figcaption {
	font-size: 20px;
	text-align: center;
}
@media screen and (min-width: 562px) {
	.page-id-101145 .entry-content {
	    grid-template-columns: repeat(3, 1fr);
	    align-items: self-end;
	}
}

/* Styles for Cart Page */
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    height: 100px !important;
    width: auto !important;
}

/* Breakpoints to make the menu items large enough */
#primary-menu > li > a {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (max-width: 1118px) {
	#primary-menu > li > a {
		font-size: 13px;
	}
}
@media screen and (max-width: 1086px) {
	#primary-menu > li > a {
		font-size: 12px;
	}
}

/* Breakpoints to prevent the title clipping the hamburger menu */
@media screen and (max-width: 562px) {
	.site-title {
		font-size: 27px;
	}
}
@media screen and (max-width: 548px) {
	.site-title {
		font-size: 26px;
	}
}
/* Move the menu down as our logo now takes two lines ... */
@media screen and (max-width: 526px) {
	.mean-nav {
		top: 25px;
	}
}

/* Ensure variations form doesn't do weird stuff */
.single-product.woocommerce div.product form.cart {
	display: block;
	float: none !important;
}

.reset_variations {
	display: none !important;
}

.variations {
	margin-bottom: 0 !important;
}

/* Remove margins from various headings */
#docs-heading, #category-heading {
	margin: 0;
}



/* Image gallery should be square */
.flex-viewport {
    top: 0px;
    position: absolute !important;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: unset !important;
}
.flex-viewport figure.woocommerce-product-gallery__wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.flex-viewport .woocommerce-product-gallery__image {
	padding: 0 !important;
	height: 100%;
}
.flex-viewport .woocommerce-product-gallery__image a {
    display: block;
    height: 100%;
}
.flex-viewport .woocommerce-product-gallery__wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
/* overlay gallery selectors on image */
ol.flex-control-nav.flex-control-thumbs {
	transform: translateY(-110%);
}
/* Single image should be square */
.woocommerce-product-gallery {
    height: 0;
    padding-top: 48%;
}
@media screen and (max-width: 991px) {
	.woocommerce-product-gallery {
		padding-top: 100%;
	}
}
.woocommerce-product-gallery > figure {
    position: absolute;
    top: 0px;
    left: 0px;
}
.woocommerce-product-gallery > figure,
.woocommerce-product-gallery > figure .woocommerce-product-gallery__image,
.woocommerce-product-gallery > figure a {
    height: 100%;
    width: 100%;
}
.woocommerce-product-gallery > figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}


/* Links page */
.page-template-links #links {
	margin: auto !important;
	display: table;
	padding-bottom: 40px;
}
.page-template-links #links .ecommerce_gem_widget_social li a {
	width: 130px !important;
	height: 130px !important;
}
.page-template-links #links .ecommerce_gem_widget_social li a::before {
	font-size: 100px !important;
	line-height: 130px !important;
	color: white;
}
@media (max-width: 929px){
	.page-template-links #links .ecommerce_gem_widget_social li a {
		width: 100px !important;
		height: 100px !important;
	}
	.page-template-links #links .ecommerce_gem_widget_social li a::before {
		font-size: 70px !important;
		line-height: 100px !important;
		color: white;
	}
}
@media (max-width: 767px){
	.page-template-links #links .ecommerce_gem_widget_social li a {
		width: 70px !important;
		height: 70px !important;
	}
	.page-template-links #links .ecommerce_gem_widget_social li a::before {
		font-size: 46px !important;
		line-height: 70px !important;
		color: white;
	}
}
@media (max-width: 480px){
	.page-template-links #links .ecommerce_gem_widget_social li a {
		width: 46px !important;
		height: 46px !important;
	}
	.page-template-links #links .ecommerce_gem_widget_social li a::before {
		font-size: 30px !important;
		line-height: 46px !important;
		color: white;
	}
}
/* TODO: These are fine, but the instagram gradient doesn't transition properly.
Also consider correcting the hover colours on the links shown at the bottom of every page
with the colours given here */
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="facebook.com"] {
	background-color: #4267b2;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="facebook.com"]:hover {
	background-color: #293e6a;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="twitter.com"] {
	background-color: #1da1f2;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="twitter.com"]:hover {
	background-color: #0078a5;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="youtube.com"] {
	background-color: #e52d27;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="youtube.com"]:hover {
	background-color: #b31217;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="instagram.com"] {
	background-color: #517fa4;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="instagram.com"]:hover {
	background-color: #385872;
	background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="modulargrid.net"] {
	background-color: #333;
}
.page-template-links #links .ecommerce_gem_widget_social ul li a[href*="modulargrid.net"]:hover {
	background-color: #232323;
}
#real-content {
	display: table;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-bottom: 40px;
}
.page-template-links #youtube, .page-template-links #instagram {
	width: 50%;
	padding: 15px;
	display: table-cell;
}
@media (max-width: 767px){
	#real-content{
		display: block;
		padding: 0;
	}
	.page-template-links #youtube, .page-template-links #instagram {
		display: block;
		width: 100%;
		padding: 0;
		padding-bottom: 40px;
	}
}
.page-template-links #youtube-wrapper {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom:66.125%;
}
.page-template-links #youtube_video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
}
.page-template-links #instafeed {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0.5rem;
	grid-row-gap: 0.5rem;
	margin: auto;
	width: 100%;
}
.page-template-links #instafeed .blank {
	width: 100%;
	padding-bottom: 100%;
	background-color: #ccc;
}
.page-template-links #instafeed .blank2 {
	width: 100%;
	padding-bottom: 100%;
	background: #000;
}
.page-template-links #instafeed > a {
	display: block;
}
.page-template-links #instafeed > a > div {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#mailchimp-signup form {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 40px;
}
.mc-embedded-groups ul,
.mc-embedded-groups li,
#mc-embedded-groups-header {
	display: inline;
	color:	#707070;
}
.mc-embedded-groups li {
	white-space:nowrap
}
.mc-embedded-groups input {
	margin-left: 5px;
}
#mailchimp-signup form input:not(*[type=checkbox]) {
	font-size: 3vh;
	padding: 10px 15px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
}
#mailchimp-signup {
	text-align: center;
}
@media (max-width: 767px){
	#mailchimp-text {

	}
	#mailchimp-signup form input:not(*[type=checkbox]){
		width: 100%;
		margin: 0 auto;
		padding: 15px 15px;
	}
}

/* Out of stock modal (see kitoutofstock.js ) */
.noscroll {
    height: 100%;
    overflow: hidden;
}
.outerModal {
	align-items: center;
	background-color: rgba(0,0,0,.5);
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	margin: 0;
	outline: none;
	padding: 0;
	position: fixed;
	top: 0;
	vertical-align: baseline;
	width: 100%;
	z-index: 1000;
}
.innerModal {
	background-color: #fff;
	border-radius: 2px;
	border-width: 0;
	box-shadow: rgba(50,50,93,.1) 0 15px 35px 0,rgba(0,0,0,.07) 0 5px 15px 0;
	display: flex;
	flex-direction: column;
	font-family: AvenirNext;
	margin: 0;
	outline: none;
	padding: 35px;
	position: relative;
	vertical-align: baseline;
	width: 500px;
}
.innerModal h2 {
	font-family: 'Barlow', sans-serif;
}
.innerModal button {
	width: 200px;
}
.x-button {
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 15px;
	cursor: pointer;
}
.x-button:before, .x-button:after {
	position: absolute;
	right: 9px;
	content: ' ';
	height: 15px;
	width: 2px;
	top: 9px;
	background: rgb(3, 2, 18);;
}
.x-button:before {
	transform: rotate(45deg);
}
.x-button:after {
	transform: rotate(-45deg);
}

/* Override new change in Ecommerce-gem */
@media (min-width:1051px){
    .main-navigation ul.menu > li.current-menu-item > a:after {
        display: none;
    }
}