/*!
Theme Name: ExpoHub
Theme URI: http://underscores.me/
Author: Insite Media AS
Author URI: https://insitemedia.no
Description: Custom boilerplate for WooCommerce ExpoHub - Project By UTD
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: im-exphub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ExpoHub is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--var-black: #1a1a1a;
	--var-white: #efefef;
	--var-green: #d0eb20;
	--var-pink: #ff006a;
	--var-orange: #da635b;
	--var-blue: #5ed0b9;
	--var-main-font: "Roboto", sans-serif;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	box-sizing: border-box;
}

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

h1, h2, h3, h4, h5, h6, p, label, td, th, span, a, button, small, strong {
	font-family: var(--var-main-font);
}

p {
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: 0.1px;
}

#masthead {
	height: 100px;
	border-bottom: 1px solid #ccc;
}

#masthead ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 25px;
}

#topbar {
	width: 100%;
	overflow: hidden;
	background: var(--var-blue);
	padding: 5px 0;
	white-space: nowrap;
}

.scrollWrap {
	display: flex;
	gap: 50px;
	animation: scrollText 25s linear infinite;
}

.scrollWrap p {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	font-size: 1rem;
	color: var(--var-black);
}

@keyframes scrollText {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes scrollText {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

#topbar p {
	font-weight: 600;
	color: var(--var-black);
	padding: 10px 0;
}

#masthead .left nav {
	display: flex;
	gap: 25px;
	justify-content: flex-start;
}

.product-btn {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

#masthead ul li a {
	color: var(--var-black);
	text-decoration: none;
}

#masthead .right ul {
	justify-content: flex-end;
}

#masthead ul li.myaccount-list a {
	display: flex;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.container-fluid {
	max-width: 1440px;
	margin: 0 auto;
}

.container-fluid.space {
	margin: 60px auto 0 auto;
}

.container-fluid.tb-space {
	margin: 60px auto;
}

#colophon {
	background: var(--var-black);
	padding-top: 50px;
	padding-bottom: 50px;
}

#colophon ul {
	list-style: none;
	margin: 15px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#colophon ul li a {
	color: var(--var-white);
	text-decoration: none;
}

#colophon .row.copy {
	border-top: 1px solid var(--var-white);
	padding-top: 50px;
	padding-bottom: 15px;
}

#colophon .row.copy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 25px;
}

#colophon .row.copy ul li a,
#colophon .row.copy ul li {
	color: var(--var-white);
	font-size: 0.8rem;
	text-decoration: none;
}


#hero {
	position: relative;
}

#hero .container-fluid {
	z-index: 20;
}

#hero h1,
#hero p {
	color: var(--var-white);
}

a.btn {
	font-weight: 600;
	padding: 9px 27px;
	border-radius: 25px;
	border: 1px solid var(--var-white);
	color: var(--var-white);
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s;
}

a.btn:hover {
	background: var(--var-white);
	color: var(--var-black);
	cursor: pointer;
}

a.btn.dark {
	background: var(--var-black);
	border: 1px solid var(--var-black);
}

a.btn.dark:hover {
	background: transparent;
	color: var(--var-black);
}

.col-5.order-md-2 .inner {
	padding-left: 10%;
}

.designsystem {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: 1px solid #ccc;
}

.designsystem .system-content {
	padding: 25px;
}

.designsystem {
	text-decoration: none;
	color: var(--var-black);
	margin-bottom: 35px;
}

.designsystem .system-content h3 {
	margin: 0;
	font-weight: 600;
	font-size: 1.25rem;
}

.infocontent {
	display: flex;
	gap: 32px;
	flex-direction: column;
}

.infocontent ul li {
	font-size: 1.25rem;
}

.product-card {
	border: 1px solid #ccc;
}

.card-body {
	padding: 25px;
}

.card-body .price {
	font-size: 0.9rem;
	margin-bottom: 0;
}

.card-body p.product-category {
	margin-bottom: 5px;
}

.card-body p.product-category a,
.posted_in a {
	display: inline-block;
	margin: 0;
	border-radius: 25px;
	padding: 5px 15px;
	font-size: 0.75rem;
	color: var(--var-white);
	font-weight: 700;
	text-decoration: none;
}

.card-body p.product-category.category-18 a,
.posted_in a.category-18 {
	background: var(--var-green);
	color: var(--var-black);
}

.card-body p.product-category.category-19 a,
.posted_in a.category-19 {
	background: var(--var-pink);
}

.card-body p.product-category.category-20 a,
.posted_in a.category-20 {
	background: var(--var-orange);
}

.card-body p.product-category.category-21 a,
.posted_in a.category-21 {
	background: var(--var-blue);
	color: var(--var-black);
}

.row.mainfoot {
	margin-bottom: 110px;
}

#colophon h2 {
	font-size: 1.25rem;
	color: var(--var-white);
}

#colophon .mainfoot ul li a {
	transition: all 0.25s;
}

#colophon .mainfoot ul li a:hover {
	padding-left: 5px;
	color: var(--var-green);
}

#searchBar {
	transition: all 0.25s;
	display: none;
}

#searchBar {
	display: block;
}

#startSearch:hover {
	cursor: pointer;
}

.entry-header,
.entry-footer {
	display: none;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 35px;
}

.woocommerce-MyAccount-navigation ul li {
	flex: 1;
}

.woocommerce-MyAccount-navigation ul li a {
	text-align: center;
	padding: 12px;
	width: 100%;
	border-radius: 25px;
	border: 1px solid var(--var-black);
	color: var(--var-black);
	text-decoration: none;
	display: block;
	transition: all 0.25s;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--var-black);
	color: var(--var-white);
}

.woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--var-black);
	color: var(--var-white);
	cursor: pointer;
}

.woocommerce-MyAccount-content a {
	color: inherit;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
	padding: 15px;
	display: flex;
	justify-content: space-between;
}

.addresses {
	display: flex;
	justify-content: space-between;
}

.addresses .woocommerce-Address {
	flex: 1 0 50%;
	max-width: 50%;
	width: 50%;
}

.woocommerce-MyAccount-content input {
	padding: 15px;
	background: var(--var-white);
	border: 1px solid #ccc;
	color: var(--var-black);
	box-sizing: border-box;
	width: 100%;
	display: block;
	font-size: 1rem;
}

.woocommerce-MyAccount-content label {
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 5px;
}

.woocommerce-MyAccount-content #billing_country_field,
.woocommerce-MyAccount-content #shipping_country_field {
	display: none;
}

.woocommerce-address-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.woocommerce-address-fields__field-wrapper p.form-row-first,
.woocommerce-address-fields__field-wrapper p.form-row-last {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
}

.woocommerce-address-fields__field-wrapper p.form-row-wide {
	flex: 1 0 100%;
	max-width: 100%;
}

.woocommerce-address-fields__field-wrapper p {
	margin-bottom: 0;
}

h1.title {
	text-transform: uppercase;
	font-size: 1.25rem;
	margin-bottom: 25px;
}

.woocommerce-MyAccount-content button[type="submit"] {
	padding: 9px 27px;
	border: 1px solid var(--var-black);
	background: var(--var-black);
	color: var(--var-white);
	font-size: 1rem;
	font-weight: 600;
	transition: all 0.25s;
	margin-top: 25px;
	border-radius: 25px;
}

.woocommerce-MyAccount-content button[type="submit"]:hover {
	cursor: pointer;
	background: transparent;
	color: var(--var-black);
}

.woocommerce-MyAccount-content em {
	font-size: 0.9rem;
}

.woocommerce-message {
	color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	margin-bottom: 15px;
}

.woocommerce-message a {
	color: #155724 !important;
}

.woocommerce-error {
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	list-style: none;
	margin: 0;
	color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.woocommerce-error a {
	float: right;
	color: #721c24 !important
}

#customer_login {
	display: flex;
	justify-content: space-between;
	gap: 25px;
}

#customer_login .col-1,
#customer_login .col-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
}

.mainfoot p {
	color: var(--var-white);
	font-size: 1rem;
}

.mainfoot p a {
	color: inherit;
}

.container-fluid.full {
	max-width: 98%;
	margin: 0 auto;
}

.woocommerce-breadcrumb a {
	color: var(--var-black);
}

.woocommerce-variation-add-to-cart {
	display: flex;
	gap: 15px;
	margin: 25px 0;
}

.woocommerce-variation-add-to-cart .quantity {
	flex: 1 0 25%;
	max-width: calc(25% - 7.5px);
	width: calc(25% - 7.5px);
}

.woocommerce-variation-add-to-cart .quantity input {
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
	border-radius: 0;
	border: 1px solid #ccc;
}

.woocommerce-variation-add-to-cart button[type="submit"] {
	flex: 1 0 75%;
	max-width: calc(75% - 7.5px);
	width: calc(75% - 7.5px);
	background: var(--var-black);
	border: 1px solid var(--var-black);
	font-weight: 600;
	color: var(--var-white);
	transition: all 0.25s;
	height: auto;
	padding: 9px 0;
	text-align: center;
	display: block;
	border-radius: 0;
	transition: all 0.25s;
}

.woocommerce-variation-add-to-cart button[type="submit"]:hover {
	background: transparent;
	color: var(--var-black);
	cursor: pointer;
}

.woocommerce-product-gallery__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
	border: 1px solid #ccc;
}

.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a {
	display: block;
	max-width: 100%;
}

.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

.product-icon-main-wrap {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.print_bubble {
	display: flex;
	align-items: center;
	gap: 15px;
	background: #d2d2b0;
	padding: 9px 27px;
	border-radius: 25px;
	font-size: 1rem;
	font-weight: 300;
	display: inline-block;
	margin-bottom: 10px;
}

.print_bubble.green {
	background: #bed4bf;
}

.product-icons-main {
	display: flex;
	flex-wrap: wrap;
	margin: 55px 0;
	gap: 25px;
}

a.reset_variations {
	display: none;
}

.product-icons-main .icon_wrap {
	flex: 1 0 33.3333%;
	max-width: calc(33.3333% - 17px);
	width: calc(33.3333% - 17px);
	text-align: center;
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.icon_wrap i {
	font-size: 1.75rem;
}

.variation-wrap {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.variation-wrap .wrapper {
	border-top: 1px solid #ccc;
	padding-top: 25px;
	padding-bottom: 25px;
}

.variation-wrap .wrapper:last-child {
	border-bottom: 1px solid #ccc;
}

.variation-wrap .wrapper .label label {
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
}

.variation-wrap .value {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 25px;
	justify-content: flex-start;
}

.variation-wrap .value label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	text-align: center;
	flex: 1 0 33.333%;
	max-width: calc(33.333% - 10px);
	width: calc(33.333% - 10px);
}

.products.columns-3 {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: flex-start;
	margin-top: 25px;
}

.products.columns-3 li.product {
	flex: 1 0 33.3333%;
	max-width: calc(33.3333% - 17px);
	width: calc(33.3333% - 17px);
	margin-right: 0 !important;
	border: 1px solid #ccc;
}

.woocommerce-result-count {
	display: none;
}

select.orderby {
	padding: 15px;
	box-sizing: border-box;
	font-size: 1rem;
	color: var(--var-black);
	border: 1px solid #ccc;
}

h1.woocommerce-products-header__title.page-title {
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 600;
}

.products.columns-3 li.product a,
.products.columns-3 li.product img {
	max-width: 100%;
	display: block;
	height: auto;
	text-decoration: none;
}

.products.columns-3 li.product a h2.woocommerce-loop-product__title {
	padding: 25px 25px 0 25px;
	font-size: 1rem;
	text-transform: uppercase;
	color: var(--var-black);
	text-decoration: none;
	margin-bottom: 0;
}

.products.columns-3 li.product a span.price {
	color: var(--var-black);
	text-decoration: none;
	padding: 0 25px 25px 25px;
	display: inline-block;
}

ul.products li.product .button {
	display: none !important;
}

.variations tr {
	display: flex;
	flex-wrap: wrap;
	padding: 25px 0;
	border-top: 1px solid #ccc;
}

.variations th,
.variations td {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.variations td .radio-variations {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 25px;
	margin-top: 10px;
}

.variations th label {
	text-transform: uppercase;
	font-size: 1rem;
	color: var(--var-black);
	font-weight: 600;
}

.woocommerce-variation-price {
	padding-top: 25px;
}

.variations td .radio-variations .radio-label {
	flex: 1 0 33.3333%;
	max-width: calc(33.3333% - 17px);
	width: calc(33.3333% - 17px);
}

.variations tr:last-child {
	border-bottom: 1px solid #ccc;
}

.cart-wrapper {
	display: flex;
	gap: 25px;
	justify-content: space-between;
	margin: 35px auto;
}

.cart-wrapper form {
	flex: 1 0 75%;
	max-width: calc(75% - 12.5px);
	width: calc(75% - 12.5px);
}

.cart-wrapper .cart-collaterals {
	flex: 1 0 25%;
	max-width: calc(25% - 12.5px);
	width: calc(25% - 12.5px);
}

.cart-wrapper form table {
	width: 100%;
	border: 1px solid #ccc;
}

.cart-wrapper td.product-thumbnail img {
	max-width: 200px;
	height: auto;
}

.product-menu-wrap {
	position: relative;
}

.product-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: -25px;
	z-index: 100;
	background: #fff;
	padding: 25px;
	border-radius: 3px;
	align-items: center;
	flex-wrap: wrap;
	min-width: 650px;
	gap: 25px;
	box-shadow: 0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);
}

.product-menu.active {
	display: flex;
}

.product-menu .menu-item {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	transition: all 0.25s;
}

.product-menu .menu-item p {
	transition: all 0.25s;
}

.product-menu .menu-item:hover p {
	opacity: 1;
	cursor: pointer;
}

.menu-item h6 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1rem;
	color: var(--var-black);
	margin-bottom: 0;
}

.menu-item p {
	color: var(--var-black);
	opacity: 0.5;
	font-size: 0.9rem;
	margin-bottom: 0;
}

.menu-item .content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.customers-wrap {
	display: flex;
	gap: 6px;
	overflow-x: scroll;
}

.customers-wrap::-webkit-scrollbar {
	display: none;
}

.customers-wrap .customer {
	border: 1px solid #ccc;
	flex: 1 0 20%;
	max-width: calc(20% - 4.75px);
	width: calc(20% - 4.75px);
	display: block;
	padding: 25px;
	text-align: center;
}

.arrow-wrapper {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
	margin-top: 25px;
}

.arrow-wrapper .arrow.left,
.arrow-wrapper .arrow.right {
	text-align: center;
	padding: 10px 15px;
	background: var(--var-black);
	color: var(--var-white);
}

.customers-wrap .customer img {
	max-width: 75%;
	margin: 0 auto;
}

.cart-wrapper input {
	padding: 15px;
	border: 1px solid #ccc;
	max-width: 75%;
}

.cart-wrapper td.product-quantity {
	max-width: 120px;
}

.cart-wrapper td.product-thumbnail {
	max-width: 200px;
	padding-left: 15px;
}

.cart-wrapper th {
	text-transform: uppercase;
	color: var(--var-black);
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	padding: 15px 0 15px 0;
}

.cart-wrapper td.product-name {
	padding: 15px 0;
}

.cart-wrapper dl.variation {
	display: flex;
	flex-direction: column;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px 0;
}

.cart-wrapper dl.variation dt {
	font-size: 10px;
	text-transform: uppercase;
	color: var(--var-black);
}

.cart-wrapper dl.variation dd p {
	color: var(--var-black);
	font-size: 12px;
	margin-bottom: 5px;
}

.cart-wrapper a.remove {
	color: #721c24;
	font-weight: 600;
	opacity: 0.75;
	font-size: 12px;
	transition: all 0.25s;
	text-decoration: none;
}

.cart-wrapper td.product-name a:first-child {
	color: var(--var-black);
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 600;
}

.cart-wrapper td {
	border-bottom: 1px solid #ccc;
}

.cart-wrapper a.remove:hover {
	opacity: 1;
}

.cart-wrapper dl.variation dd:last-child p {
	margin-bottom: 0;
}

.coupon {
	display: flex;
	gap: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
}

.coupon button {
	height: 100%;
	border: 1px solid var(--var-black);
	background: var(--var-black);
	color: var(--var-white);
	border-radius: 35px;
	font-weight: 600;
	font-size: 1rem;
	transition: all 0.25s;
	padding: 15px 27px;
}

.actions button[name="update_cart"] {
	border: 1px solid var(--var-black);
	background: var(--var-black);
	color: var(--var-white);
	border-radius: 35px;
	font-weight: 600;
	font-size: 1rem;
	transition: all 0.25s;
	padding: 15px 27px;
	opacity: 1;
	margin-bottom: 15px;
}

.actions {
	padding: 0 15px;
}

.actions button[name="update_cart"]:hover {
	background: transparent;
	color: var(--var-black);
	cursor: pointer;
}

.actions button[name="update_cart"]:disabled {
	opacity: 0.5;
}

.actions button[name="update_cart"]:disabled:hover {
	background: var(--var-black);
	color: var(--var-white);
	cursor: unset;
}

.coupon button:hover {
	background: transparent;
	color: var(--var-black);
}

.cart-collaterals {
	border: 1px solid #ccc;
	padding: 15px;
}

.cart-collaterals td {
	text-align: right !important;
}

.cart-collaterals table {
	width: 100%;
}

.cart-collaterals h2 {
	text-transform: uppercase;
	color: var(--var-black);
	font-size: 1.25rem;
	font-weight: 700;
}

.cart-collaterals ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.cart-collaterals p.woocommerce-shipping-destination {
	display: none;
}

.cart-collaterals .wc-proceed-to-checkout a {
	display: block;
	width: 100%;
	padding: 15px;
	border: 1px solid var(--var-black);
	background: var(--var-black);
	text-align: center;
	color: var(--var-white);
	text-decoration: none;
	height: auto;
	transition: all 0.25s;
	margin-top: 25px;
	border-radius: 35px;
}

.cart-collaterals .wc-proceed-to-checkout a:hover {
	background: transparent;
	color: var(--var-black);
	cursor: pointer;
}

.loginwrapper input[type="text"],
.loginwrapper input[type="password"],
.loginwrapper input[type="email"] {
	padding: 15px;
	border: 1px solid #ccc;
	color: var(--var-black);
	display: block;
	width: 100%;
}

.loginwrapper .woocommerce-privacy-policy-text p {
	font-size: 0.9rem;
}

.loginwrapper .woocommerce-privacy-policy-text p a {
	color: inherit;

}

.loginwrapper label {
	color: var(--var-black);
	font-size: 0.8rem;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 600;
}

.loginwrapper button[type="submit"] {
	background: var(--var-black);
	border: 1px solid var(--var-black);
	color: var(--var-white);
	border-radius: 35px;
	padding: 12px 27px;
	margin-top: 15px;
	display: block;
	font-weight: 600;
	font-size: 1rem;
	transition: all 0.25s;
}

.loginwrapper button[type="submit"]:hover {
	color: var(--var-black);
	background: transparent;
	cursor: pointer;
}

.loginwrapper h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.25rem;
}

.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 15px;
}

.woocommerce-form-login__rememberme span {
	margin-bottom: 0;
}

.loginwrapper p.lost_password a {
	color: var(--var-orange);
	font-size: 1rem;
}

.checkoutwrapper #customer_details {
	display: flex;
	gap: 25px;
	justify-content: space-between;
}

.checkoutwrapper #customer_details .col-1,
.checkoutwrapper #customer_details .col-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 12.5px);
	width: calc(50% - 12.5px);
}

.checkoutwrapper input[type="text"],
.checkoutwrapper input[type="tel"],
.checkoutwrapper input[type="email"],
.checkoutwrapper input[type="number"],
.checkoutwrapper textarea {
	padding: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	width: 100%;
	display: block;
	font-size: 1rem;
}

.checkoutwrapper label {
	font-size: 0.9rem;
	color: var(--var-black);
	text-transform: uppercase;
	font-weight: 700;
}

.checkoutwrapper textarea { 
	min-height: 200px;
}

.checkoutwrapper #billing_country_field,
.checkoutwrapper #shipping_country_field {
	display: none;
}

.checkout_coupon.woocommerce-form-coupon {
	max-width: 1440px;
	margin: 20px auto;
	border: 1px solid #ccc;
	padding: 25px;
}

.checkout_coupon.woocommerce-form-coupon p {
	font-size: 1rem;
}

.checkout_coupon.woocommerce-form-coupon input {
	padding: 15px;
	font-size: 1rem;
	color: var(--var-black);
	display: block;
	border: 1px solid #ccc;
}

.checkout_coupon.woocommerce-form-coupon button {
	padding: 9px 27px;
	border-radius: 35px;
	border: 1px solid var(--var-black);
	background: var(--var-black);
	color: var(--var-white);
	transition: all 0.25s;
}

.checkout_coupon.woocommerce-form-coupon button:hover {
	background: transparent;
	color: var(--var-black);
	cursor: pointer;
}

.orderwrapper {
	border: 1px solid #ccc;
	padding: 25px;
	margin-top: 25px;
}

.orderwrapper button {
	background: var(--var-black);
	color: var(--var-white);
	border: 1px solid var(--var-black);
	transition: all 0.25s;
	padding: 9px 27px;
	border-radius: 35px;
}

.orderwrapper button:hover {
	background: transparent;
	color: var(--var-black);
	cursor: pointer;
}

.woocommerce-privacy-policy-text p {
	color: var(--var-black);
	font-size: 0.9rem;
}

.woocommerce-privacy-policy-text p a {
	color: inherit;
}

ul.wc_payment_methods  {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

ul.wc_payment_methods li {
	border: 1px solid #ccc;
	padding: 25px;
}

#order_review_heading {
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 25px;
	color: var(--var-black);
}

.orderwrapper table {
	width: 100%;
}

.orderwrapper th {
	text-transform: uppercase;
	color: var(--var-black);
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}

.orderwrapper tr th:last-child {
	text-align: right;
}

.orderwrapper tfoot td {
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.orderwrapper tr.cart_item td {
	border-bottom: 1px solid #ccc;
	padding: 15px 0 0 0;
}

.orderwrapper tfoot ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.orderwrapper tr.cart_item td:last-child {
	text-align: right;
}

.orderwrapper dl.variation {
	padding-top: 15px;
	padding-bottom: 0;
}

.orderwrapper dl.variation dt {
	font-size: 10px;
	text-transform: uppercase;
}

.orderwrapper dl.variation dd p {
	font-size: 12px;
}

ul.wc_payment_methods li p {
	margin-bottom: 0;
	font-size: 1rem;
}

.custom-logo {
	max-width: 165px;
	height: auto;
}

@media screen and (min-width: 1921px) {
	.container-fluid.full {
		max-width: 1880px;
	}
}

@media screen and (max-width: 1200px) {
	#customer_login {
		flex-wrap: wrap;
	}

	#customer_login .col-1,
	#customer_login .col-2 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}
}