:root {
  --accent: #2C388A;
  --accentAlt: #D32233;
  --accentBg: #f5f8ff;
  --red: #D32233;
  --navy: #2C388A;
  --blue: #25AAE2;
  --yellow: #F4EC32;
  
  --borderRadius: 30px;
  --accentFont: "Leckerli One";
  --mainFont: "Mulish", sans-serif;

}

#site-header {
	padding-block: var(--smallGap);
	border-bottom: var(--border);
}

footer h4 {
  font-family: var(--accentFont);
  font-weight: normal;
}

#logo img {
  height: 80px;
}

.slider .owl-stage-outer {
	overflow: hidden;
}

.default .btn {
	font-size: 2em;
	border: 2px solid white;
	border-radius: 10px;
	font-family: var(--accentFont);
	background: #20a3db;
	font-weight: normal;
	padding: 5px 10px;
	width: max-content;
	margin-inline: auto;
	pointer-events: none;
}

header .search {
  margin: 0 auto;
  --borderRadius: 30px;
}

.caption {
	text-align: center;
}

@media screen and (min-width: 800px) {
  #headersearchbox {
    width: 50vw;
  }
}

:is(.btn-invisible, .btn-outline, footer) i {
  color: var(--navy);
}

.topbar {
  color: var(--bg);
  background: var(--accent);
}

nav li a i.fa-solid {
	display: block;
	text-align: center;
	font-size: 2em;
	margin: 0 0 5px;
}

#menu {
  background: var(--accentAlt);
  color: var(--bg);
}

#menu nav a {
  color: inherit;
  font-weight: normal;
}

#menu .all-brands .container {
	max-width: 100%;
	width: 100%;
}

#menu .all-brands span span {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--blue);
	aspect-ratio: 1;
	width: 30px;
	text-align: center;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
	border: 2px solid white;
	border-radius: 10px;
}

.all-brands .NONLINKTITLE {
	display: grid;
	grid-template-columns: 30px 1fr;
	grid-gap: var(--gap);
}

.Horizontal_Nav_Menu .level_2-container {
  background: #af1c2b;
}

#productphoto {
	height: 40vh;
}

.space {
  flex-grow: 2;
}

#quick-find label {
  padding-top: 0;
  font-size: 14px;

}

input, select, textarea {
  vertical-align: middle;
}

section#searchresult {
    padding-top: var(--smallGap);
}

a.add-to-basket:hover, a.add-to-cart:hover {
	background: var(--yellow);
}

.product-carousel-wrapper h3 {
	font-family: var(--accentFont);
    font-weight: normal;
    font-size: 2em;
}

#cart {
	z-index: 5;
}

footer {
  background: var(--bg);
  color: var(--text);
  border-top: var(--border);
}

footer a {
  color: var(--text);
}

@media screen and (max-width: 650px) {

	header .container-fluid {
		flex-wrap: wrap;
	}

	header .search {
		flex: 1 1 100%;
		margin: 0;
	}

	#quick_find_submit {
		min-width: 60px;
	}

	#site-header {
		padding: var(--gap);
	}

	#site-header .btn {
		min-height: 48px;
	}

	#logo {
		flex: 1 1 100%;
	}

	#quick-find .form-group, #search {
		flex-direction: row !important;
		justify-content: center;
	}

	#main-nav {
		display: none;
	}

	#main-nav, body.-search #main-nav {
        background: var(--accentAlt);
	}

	#Store_Navigation>li.menu-item-has-children:after {
		display: none;
	}

	.Horizontal_Nav_Menu>li>:not(div) {
		gap: var(--smallGap);
	}

    .default .slide-caption {
        position: absolute;
        transform: translateY(-50%);
    }

	.slide {
		padding: 0;
	}

	.breadcrumb li {
		font-size: 12px;
	}

	#login-register {
		top: 100%;
		left: auto;
		right 0;
	}

	.checkout-headline {
		flex-direction: row;
		padding-block: var(--gap);
		border-bottom: var(--border);
		position: relative;
	}

	.checkout-header .r {
		position: static;
	}

	.checkout-headline .span-1 {
		min-width: unset;
		margin-left: auto;
	}

}

@media screen and (max-width: 360px) {

	#search_form {
		display: none;
	}

	#quick-find, .findPanel {
		width: 100%;
	}

	#quick-find .btn {
		flex-grow: 2;
		text-align: center;
		justify-content: center;
	}

}