/*! assets/css/style.css */

/*
//======================================================================
// TABLE OF CONTENTS
//======================================================================

= NORMALIZE

= CUSTOM RESETS

= WHOLE SITE

//======================================================================
// TABLE OF CONTENTS - END
//======================================================================
*/

/*
//======================================================================
// NORMALIZE
//======================================================================
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*
//======================================================================
// NORMALIZE - END
//======================================================================
*/

/*
//======================================================================
// CUSTOM RESETS
//======================================================================
*/

a {
	text-decoration: none;
	color: inherit;
	outline: unset;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

textarea {
	resize: vertical;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

select {
	background-color: #fff;
	border-radius: 0;
}

input:not([type="checkbox"]):not([type="radio"]) {
	width: 100%;
}

pre {
	margin: 0;
	padding: 14px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	font-family: monospace;
	direction: ltr;
	text-align: left;
	word-break: break-all;
	white-space: break-spaces;
}

button {
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	outline: unset;
}

/*
//======================================================================
// CUSTOM RESETS - END
//======================================================================
*/

/*
//======================================================================
// WHOLE SITE
//======================================================================
*/

@font-face {
    font-family: Alexander;
	font-weight: 300;
    /* src: url('./fonts/FbAlexander-Light.otf') format('opentype'); */
    src: url(../fonts/FbZaafran-Light.otf?993188a9b8381416bd536d8234d9aef1) format('opentype');
}

@font-face {
    font-family: Alexander;
	font-weight: 400;
    /* src: url('./fonts/FbAlexander-Regular.otf') format('opentype'); */
    src: url(../fonts/FbZaafran-Regular.otf?47dad6c772dac1d86eeaa03b36282c95) format('opentype');
}

@font-face {
	font-family: Alexander;
	font-weight: 700;
	/* src: url('./fonts/FbAlexander-Bold.otf') format('opentype'); */
	src: url(../fonts/FbZaafran-Bold.otf?779c6318887707e30e67ae0ad58a5619) format('opentype');
}

@font-face {
    font-family: Alexander;
	font-weight: 900;
    /* src: url('./fonts/FbAlexander-Black.otf') format('opentype'); */
    src: url(../fonts/FbZaafran-Black.otf?6490e83e66b41edb1b6d54bb721f9a65) format('opentype');
}

:root {
	--fw-alexander-light: 300;
	--fw-alexander-regular: 400;
	--fw-alexander-bold: 700;
	--fw-alexander-black: 900;

	--font12px: .75rem;
	--font20px: 1.25rem;
	--font25px: 1.563rem;
	--font27px: 1.688rem;
	--font29px: 1.813rem;
	--font33px: 2.063rem;
	--font36px: 2.250rem;
	--font46px: 2.875rem;
	--font50px: 3.125rem;
	--font58px: 3.625rem;
	--font72px: 4.5rem;

	--palette-jaffa: hsl(33,86%,61%);
	--heavy-metal: hsl(140,4%,15%);
	--pink: hsl(12deg 60% 76%);

	--base-white: hsl(0,100%,100%);
	--base-black: hsl(0,0%,0%);
}

html {
	font-size: 16px;
	max-width: 1920px;
	margin: 0 auto;
	font-family: Alexander, sans-serif;
	font-weight: 400;
}

body * {
	box-sizing: border-box;
}

.wrap-1138 {
	width: 100%;
	max-width: 1138px;
	margin: 0 auto;
	padding: 0 1rem;
}

.wrap-1500 {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 1rem;
}

.link,
.woocommerce .woo-wrap ul.products li.product a.add_to_cart_button.link,
.woocommerce .woo-wrap ul.products li.product button.link,
.woocommerce .woo-wrap .product .summary .addtocart-wrap + [type="submit"].link {
	--padding: .25rem 2rem;
	font-size: var(--font20px);
	padding: var(--padding);
	border-radius: 5px;
	font-weight: var(--heavy-metal);
}

.link.jaffa,
.woocommerce .woo-wrap ul.products li.product a.add_to_cart_button.link.jaffa,
.woocommerce .woo-wrap ul.products li.product button.link.jaffa,
.woocommerce .woo-wrap .product .summary .addtocart-wrap + [type="submit"].link.jaffa  {
	color: #fff;
	background-color: var(--heavy-metal);
	display: inline-block;
}

@media (min-width: 1024px) {
	.link {
		--padding: .5rem 5rem;
	}

	.woocommerce .woo-wrap ul.products li.product a.add_to_cart_button.link {
		/* --padding: .5rem .5rem; */
	}
}

/*
//======================================================================
// WHOLE SITE - END
//======================================================================
*/

/*! assets/css/style.css - end */

.site-header .quick-links {
    display: flex;
}

.site-header .quick-links li {
    margin-left: 1.2rem;
    width: 30px;
}

.site-header .quick-links li button {
    display: block;
}

.site-header .quick-links img {
    width: 100%;
}

.site-header .quick-links .search form {
    display: none;
}

@media (min-width: 1024px) {
    .site-header .quick-links li {
        margin-left: 2rem;
    }
}
.site-header .toggle-navigation {
    --order: -1;
    --display: flex;
    display: var(--display);
    width: 25px;
    height: 18px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    align-items: center;
    margin-left: 15px;
    order: var(--order);
}

.site-header .toggle-navigation:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.site-header nav {
    display: none;
}

.site-header .quick-links img {
    filter: brightness(0) invert(1);
}

.site-header .quick-links .cart {
    position: relative;
}

.site-header .quick-links .cart .cart-count {
    position: absolute;
    top: -12px;
    left: -12px;
    background-color: var(--heavy-metal);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: var(--font12px);
    font-weight: var(--fw-alexander-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header nav ul {
    background-color: rgb(0, 0, 0);
}

.site-header nav ul li a {
    padding: .6rem;
}

@media (min-width: 501px) {
    .site-header .toggle-navigation {
        width: 32px;
        height: 22px;
    }
    .site-header .quick-links .cart .cart-count {
        top: -9px;
        left: -9px;
    }
}

@media (min-width: 1024px) {
    .site-header .toggle-navigation {
        --order: 0;
        --display: none;
    }
    .site-header nav {
        display: block !important;
    }
    .site-header nav ul {
        height: 100%;
        display: flex;
    }
    .site-header nav ul li a {
        font-size: var(--font20px);
        height: 100%;
        display: block;
    }
}

@media (min-width: 1300px) {
    .site-header nav ul li a {
        font-size: var(--font25px);
    }
}
.site-header {
    background-color: rgb(0, 0, 0);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 1rem 0;
}

.site-header .wrap {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    padding: 0 0.6rem;
    grid-gap: 0 .6rem;
}

.site-header .site-logo {
    justify-self: end;
}

.site-header .site-logo img {
    --mw: 7rem;
    max-width: var(--mw);
    filter: brightness(0) invert(1);
} 

@media (min-width: 1024px) {
    .site-header .wrap {
        grid-template-columns: 1fr auto 1fr;
    }

    .site-header .site-logo img {
        --mw: 10vw;
    }
}
.site-footer .navigation {
    margin: -10px;
}

.site-footer .navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.site-footer .navigation li {
    margin: 10px;
}

.site-footer .navigation li a {
    color: hsl(0,0%,100%);
    font-size: var(--font20px);
}

@media (min-width: 500px) {
    .site-footer .navigation li a {
        font-size: var(--font25px);
    }
}
.site-footer {
    padding: 35px 0;
    background-color: var(--heavy-metal);
}

.site-footer .social-links {
    margin: 1rem;
    display: flex;
    justify-content: center;
}

.site-footer .social-links ul {
    display: flex;
    gap: 1rem;
}

.site-footer .social-links a {
    color: var(--base-white);
}

.site-footer .simplyad-logo {
    margin-top: 30px;
}

.site-footer .simplyad-logo img {
    margin: auto;
}
/* contact form 7 */
/* @import url('../../../../../plugins/contact-form-7/includes/css/styles.css'); */

.page-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.page-banner > * {
    grid-area: 1/1/2/2;
}

.page-banner picture {
    --height: 450px;
    height: var(--height);
}

.page-banner picture img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}

.page-banner .headline {
    font-size: var(--font36px);
    --mb: 5rem;
    justify-self: center;
    align-self: flex-end;
    color: #fff;
    text-align: center;
    margin-bottom: var(--mb);
    font-weight: var(--fw-alexander-light);
}

@media (min-width: 1024px) {
    .page-banner picture {
        --height: 55vh;
    }
}

@media (min-width: 1300px) {
    .page-banner .headline {
        --mb: 8rem;
        font-size: var(--font58px);
    }
}

@media (min-width: 1400px) {
    .page-banner .headline {
        --mb: 7rem;
    }
}
.breadcrumbs {
    margin-top: 1rem;
}
.contact-us {
    margin-top: 3rem;
}

.contact-us .wrap-1138 {
    display: grid;
    --repeat: 1;
    grid-template-columns: repeat(var(--repeat), minmax(0, 1fr));
    grid-gap: 2.5rem;
}

.contact-us .wysiwyg {
    font-size: var(--font25px);
}

.wpcf7 p {
    margin: 0;
}

.wpcf7 br {
    display: none;
}

.wpcf7 input:not([type="checkbox"]),
.wpcf7 textarea {
    width: 100%;
    padding: .75rem 1.5rem;
    text-align: right;
}

.wpcf7 .input-wrap {
    margin-bottom: 1rem;
}

.wpcf7 .input-wrap.textarea label {
    display: flex;
    flex-direction: column;
}

.wpcf7 .input-wrap.textarea textarea {
    height: 100px;
}

.wpcf7 .input-wrap.checkbox span {
    display: block;
    margin: 0;
}

.wpcf7 .input-wrap.checkbox label {
    display: flex;
    align-items: center;
}

.wpcf7 .input-wrap.checkbox label > *:not(:last-child) {
    margin-left: 1rem;
}

.wpcf7 .input-wrap.submit input {
    text-align: center;
    border: none;
}

@media (min-width: 800px) {
    .contact-us .wrap-1138 {
        --repeat: 2;
    }

    .contact-us .wysiwyg {
        font-size: var(--font27px);
    }
}