:root {
	--darkgrey: #474747;
	--lightblue: #40EDD4;
	--lightgrey: #efefef;
	--black: #000000;
	--white: #ffffff;
}

/* Fonts */
 @font-face {
   font-family: 'Clarissans';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url('../fonts/clarissans.woff2') format('woff2');
}

/* Minicart */
.minicart-wrapper .action.showcart::before {
		background: url('/pub/media/minicart.svg') !important ;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
/* Üldine */
.block-title strong {
	color: var(--darkgrey) !important;
	font-family: 'Clarissans';
	font-weight: 100 !important;
	text-transform: lowercase;
	font-size: 2.25rem;
	color: var(--darkgrey) !important;
}
.block-title strong:before {
	background-color: var(--lightblue) !important;
}
.block-title strong:after {
	background-color: var(--lightblue) !important;
}
.force-link.accent {
	text-decoration-color: var(--lightblue) !important;
}
.force-link.accent:hover {
	text-decoration-color: var(--darkgrey) !important;
}
/* Header */
header.page-header .panel.wrapper {
	background-color: var(--lightblue);
}
input#search {
	background-color: var(--lightblue);
	color: var(--darkgrey) !important;
	border: 1.6px solid var(--lightblue);
}
/* Menu */
.dropdown.switcher-dropdown::before {
	background: var(--lightblue) !important;
}
ul#navpro-topnav a.level-top {
	color: var(--darkgrey);
}
nav.navigation ul a::before {
	background: var(--lightblue) !important;
}
.ui-dialog.mage-dropdown-dialog::before {
	background: var(--lightblue) !important;
}
/* Slider */
.aw-frontpage-slider .pagebuilder-poster-content h2.h2 {
	text-transform: none !important;
	line-height: 1.2 !important;
}
.aw-frontpage-slider .pagebuilder-overlay.pagebuilder-poster-overlay {
	width: 1260px !important;
	max-width: none;
	margin: auto;
	padding: 80px 0px !important;
}
.aw-frontpage-slider .pagebuilder-poster-content button {
	float: left;
	margin: 20px 0px 0px 0px;
	text-transform: none;
	padding: 8px 16px;
	background-color: var(--lightblue);
	color: var(--darkgrey);
	border: 1px solid var(--lightblue);
}
.aw-frontpage-slider .pagebuilder-poster-content button:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
	border: 1px solid var(--lightblue);
}
/*Footer */
.page-footer p {
	color: var(--lightgrey);
}
.page-footer {
    background: var(--darkgrey) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCA3IDEzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDA1LCAtMTQpIiBmaWxsPSIjMjAyNjMzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCA4KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMwLCAyKSI+PHBvbHlnb24gcG9pbnRzPSI0ODIgMTAuNSA0NzcuOCAxNyA0NzUgMTcgNDc5LjIgMTAuNSA0NzUgNCA0NzcuOCA0Ij48L3BvbHlnb24+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPgo=) repeat-y 0 35% / 500px !important;
}
.page-footer .h4 {
	color: var(--lightgrey) !important;
	font-weight: bold;
}
.page-footer a.icon.small.rounded {
	color: var(--darkgrey);
	background-color: var(--lightblue);
}
.page-footer .terms-and-conditions a {
	color: var(--lightgrey);
}
/* Single product */
ul.dropdown::before {
	background: var(--lightblue) !important;
}
button.action.soldtogether-cart-btn.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);	
}
button.action.soldtogether-cart-btn.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
button.action.tocart.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
button.action.tocart.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
span.price-container.price-final_price.tax.weee span.price {
	color: var(--lightblue);
}
#product-attribute-specs-table tbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#product-attribute-specs-table tbody tr {
	display: flex;
	width: 42%;
	justify-content: space-between;
}
#product-attribute-specs-table [data-th="Soovituslik sõitjale alates pikkusest"]:after {
     content: " cm";
}
#product-attribute-specs-table [data-th="Tagajooks"]:after, #product-attribute-specs-table [data-th="Esijooks"]:after {
     content: " ''";
}
#product-attribute-specs-table [data-th="Sõitja kaalupiirang"]:after {
     content: " kg";
}

/* Log in */
a.action.create.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
	border: 1px solid var(--lightblue);
}
a.action.create.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
	border: 1px solid var(--darkgrey);
}
/* Reviews */
.actions-toolbar.review-form-actions button.action.submit.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
.actions-toolbar.review-form-actions button.action.submit.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
/* Product page */
.block-title.filter-title {
	background: var(--lightblue) !important;
}
/* Hide EasyTabs photo in product page description */
.argento-float-photo.hide {
	display: none !important;
}
/* Checkout */
button.action.apply.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
button.action.apply.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
button.action.update {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
button.action.update:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
button.action.primary.checkout {
	background-color: var(--lightblue);
	color: var(--darkgrey);	
}
button.action.primary.checkout:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
/* Mini cart */
a.cd-cart-trigger {
	background-color: var(--lightblue);
}
button#top-cart-btn-checkout {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
button#top-cart-btn-checkout:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
.cart-open .cd-cart .checkout {
	background-color: var(--lightblue);
}
.cart-open .cd-cart .checkout:hover {
	background-color: var(--lightblue);
}
a.checkout.btn em {
	font-size: 20px;
	color: var(--darkgrey);
}
a.checkout.btn em::after {
	color: var(--darkgrey) !important;
}

/* Cart */
button.button.action.continue.primary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
button.button.action.continue.primary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
table.table-checkout-shipping-method input.radio {
	background-color: var(--lightblue);
}
table.table-checkout-shipping-method input.radio:hover {
	background-color: var(--darkgrey);
}
.authentication-wrapper button.action.action-auth-toggle {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
.authentication-wrapper button.action.action-auth-toggle:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);	
}
.actions-toolbar button.action.primary.checkout {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
.actions-toolbar button.action.primary.checkout:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);	
}
input#billing-address-same-as-shipping-checkmo {
	background-color: var(--lightblue);
}
type=checkbox]:checked, [type=radio]:checked {
	background-color: var(--lightblue);
}
form#discount-form button.action.action-apply {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
form#discount-form button.action.action-apply:hover  {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
/* Log in pop up */
.actions-toolbar button.action.action-login.secondary {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
.actions-toolbar button.action.action-login.secondary:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);
}
.actions-toolbar button#send2 {
	background-color: var(--lightblue);
	color: var(--darkgrey);
}
.actions-toolbar button#send2:hover {
	background-color: var(--darkgrey);
	color: var(--lightblue);	
}
/* Forgot password */
h1.page-title::before {
	background-color: var(--lightblue) !important;
}
h1.page-title span.base {
	color: var(--darkgrey);
}
h1.page-title::after {
	background-color: var(--lightblue) !important;
}