@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-black-webfont.woff2') format('woff2'),
         url('../fonts/poppins-black-webfont.woff') format('woff');
    font-weight: 900;
}


@font-face {
    font-family:'League Spartan';
    src: url('../fonts/League-Spartan-Regular.woff2') format('woff2'),
		    url('../fonts/League-Spartan-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'League Spartan';
    src: url('../fonts/League-Spartan-Medium.woff2') format('woff2'),
		    url('../fonts/League-Spartan-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family:'League Spartan';
    src: url('../fonts/League-Spartan-SemiBold.woff2') format('woff2'),
		    url('../fonts/League-Spartan-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: bold;
}
@font-face {
    font-family:'League Spartan';
    src: url('../fonts/League-Spartan-Bold.woff2') format('woff2'),
		    url('../fonts/League-Spartan-Bold.woff') format('woff');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family:'League Spartan';
    src: url('../fonts/League-Spartan-Black.woff2') format('woff2'),
		    url('../fonts/League-Spartan-Black.woff') format('woff');
    font-weight: 800;
    font-style: bold;
} */

/* @font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('/static/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('/static/fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('/static/fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('/static/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url('/static/fonts/poppins-extrabold-webfont.woff2') format('woff2'),
         url('/static/fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: 900;
}


@font-face {
    font-family:'League Spartan';
    src: url('/static/fonts/League-Spartan-Regular.woff2') format('woff2'),
		    url('/static/fonts/League-Spartan-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'League Spartan';
    src: url('/static/fonts/League-Spartan-Medium.woff2') format('woff2'),
		    url('/static/fonts/League-Spartan-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family:'League Spartan';
    src: url('/static/fonts/League-Spartan-SemiBold.woff2') format('woff2'),
		    url('/static/fonts/League-Spartan-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: bold;
}
@font-face {
    font-family:'League Spartan';
    src: url('/static/fonts/League-Spartan-Bold.woff2') format('woff2'),
		    url('/static/fonts/League-Spartan-Bold.woff') format('woff');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family:'League Spartan';
    src: url('/static/fonts/League-Spartan-Black.woff2') format('woff2'),
		    url('/static/fonts/League-Spartan-Black.woff') format('woff');
    font-weight: 800;
    font-style: bold;
} */


:root {
  --colour-1:#f3eada;
  --colour-2:black;
  --colour-3:#f93c19;
  --colour-4:#e7dfcf;
  --colour-5:#902124;
  --colour-6:#BBBBBD;

  --notice-bar-color: #f93c19;
  --notice-bar-text-color: black;

  --navigation-bar-color: #f3eada;
  --navigation-bar-link-color: black;
  --navigation-bar-link-hover-color: #f93c19;

  --search-menu-background-color: rgba(255, 255, 255, 0.8);
  --mobile-menu-background-color: rgba(255, 255, 255, 0.8);
  --mobile-menu-link-color: black;
  --mobile-menu-link-hover-color: #f93c19;

  --text-color: black;
  --highlight-color: #f93c19;
  --highlight-text-color: white;

  --link-text-color: black;
  --link-text-color-hover: #f93c19;
  /* --link-text-color-visited: white; */

  --page-banner-background-color: #f3eada;
  --page-banner-text-color: #f93c19;

  --input-box-border-color: darkgrey;
  /* ------------------------------------------Calendar------------------------------------------------------- */
  --calendar-button-width: 120px;

  /* ------------------------------------------Pagination------------------------------------------------------- */

  --pagination-background-color: #f93c19;
  --pagination-text-color: #f3eada;
  --pagination-background-hover-color: #902124;
  --pagination-hover-text-color: #f3eada;
  --pagination-background-disabled-color: #e7dfcf;
  --pagination-disabled-text-color: #f3eada;

  /* ------------------------------------------Product Elements------------------------------------------------------- */
  --product-thumbnail-border-color: WhiteSmoke;
  --product-thumbnail-category-background-color: WhiteSmoke;
  --product-thumbnail-category-text-color: black;
  --product-thumbnail-category-hover-background-color: WhiteSmoke;
  --product-thumbnail-category-hover-text-color: #f93c19;

  --product-thumbnail-wishlist-button: black;
  --product-thumbnail-wishlist-hover-button: #f93c19;

  --product-page-option-background-color: White;
  --product-page-option-text-color: black;
  --product-page-option-border-color: grey;
  --product-page-select-option-selected-background-color: darkgrey;
  --product-page-select-option-selected-text-color: white;
  --product-page-option-disabled-background-color: WhiteSmoke;
  --product-page-option-disabled-text-color: darkgrey;
  --product-page-option-disabled-border-color: darkgrey;

  --product-page-quantity-background-color: White;
  --product-page-quantity-text-color: black;
  --product-page-quantity-disabled-background-color: WhiteSmoke;
  --product-page-quantity-disabled-text-color: darkgrey;

  --product-page-addtocart-background-color: WhiteSmoke;
  --product-page-addtocart-text-color: black;
  --product-page-addtocart-hover-background-color: darkgrey;
  --product-page-addtocart-hover-text-color: black;
  --product-page-addtocart-button-width: min(70vw, 200px);
  /* ------------------------------------------Archive Elements------------------------------------------------------- */
  --archive-page-sidebar-nav-background-color: WhiteSmoke;
  --archive-page-sidebar-nav-menu-button-color: #dddd;
  --archive-page-sidebar-nav-menu-button-text-color: black;
  --archive-page-sidebar-nav-menu-button-hover-color: darkgrey;
  --archive-page-sidebar-nav-menu-button-text-hover-color: black;
  --archive-page-sidebar-nav-menu-background-color: rgba(255, 255, 255, 0.8);

  /* ------------------------------------------User Elements------------------------------------------------------- */
  --login-page-background-color: #f3eada;
  --login-page-header-text-color: #f93c19;
  --login-page-text-color: black;
  --login-page-link-text-color: #black;
  --login-page-link-hover-text-color: #f93c19;
  --login-page-border: #ccc;
  --login-page-box-shadow: #999;

  --form-input-box-border: #999;
  --form-select-box-border: #999;

  --submit-button-color: #f93c19;
  --submit-button-text-color: #f3eada;
  --submit-button-hover-color: #902124;
  --submit-button-text-hover-color: #f3eada;
  --submit-button-disabled-color: #eeeeee;
  --submit-button-text-disabled-color: #dddd;
  --submit-button-width: 100%;

  /* ------------------------------------------Cart Elements------------------------------------------------------- */
  --cart-items-border-color: darkgrey;

  --cart-discount-apply-button-color: WhiteSmoke;
  --cart-discount-apply-button-text-color: black;
  --cart-discount-apply-button-hover-color: DarkGray;
  --cart-discount-apply-button-text-hover-color: black;
  --cart-discount-border-color: darkgrey;

  --cart-checkout-button-color: WhiteSmoke;
  --cart-checkout-button-text-color: black;
  --cart-checkout-button-hover-color: DarkGray;
  --cart-checkout-button-text-hover-color: black;

  --cart-qty-button-color: WhiteSmoke;
  --cart-qty-button-text-color: black;
  --cart-qty-button-hover-color: DarkGray;
  --cart-qty-button-text-hover-color: black;
  --cart-remove-button-color: unset;
  --cart-remove-button-text-color: red;
  --cart-remove-button-hover-color: unset;
  --cart-remove-button-text-hover-color: darkred;

  --cart-progress-bar-icon-color:#f93c19;
  --cart-progress-bar-icon-grey-color:Gainsboro;
  /* ------------------------------------------Messages Elements------------------------------------------------------- */
  --error-message-background-color: #ffdddd;
  --error-message-text-color: black;
  --success-message-background-color: #d4edda;
  --success-message-text-color: #155724;
  --info-message-background-color: lightyellow;
  --info-message-text-color: black;
  --message-close-button-color: transparent;
  --message-close-text-color: black;
  /* ------------------------------------------Footer Elements------------------------------------------------------- */
  --footer-background-color: #f3eadb;
  --footer-text-color: black;
  --footer-text-link-color: #f93c19;
  --backend-admin-button-color: lightgrey;
  --backend-admin-button-hover-color: grey;
  --backend-admin-text-color: white;
  /* ------------------------------------------------------------------------------------------------- */

  --border-color1: #000;
  --border-color2: #000;

  --button-color: #f93c19;
  --button-border-color: #000;
  --button-color-hover: #902124;
  --button-color-disabled: WhiteSmoke;
  --button-textcolor: WhiteSmoke;
  --button-textcolor-hover: Gainsboro;
  --button-textcolor-disabled: Gainsboro;


  --main-banner-height: 500px;
  --section-banner-height: 200px;

  --product-thumbnail-width1: 200px;
  --product-thumbnail-width2: 250px;

  --product-thumbnail-width-50vw: 50vw;
  --product-thumbnail-width-30vw: 30vw;

  --order-history-product-thumbnail: 100px;

  --button-width: 200px;
}

::-moz-selection {
  background: var(--highlight-color);
  color: var(--highlight-text-color);
}
::selection {
  background: var(--highlight-color);
  color: var(--highlight-text-color);
}
a {
  color: var(--link-text-color);
  text-decoration: none;
}

/* mouse over link */
a:hover, a:active {
  color: var(--link-text-color-hover);
}


h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
}

h1 {
  font-weight: 900;
  font-size: 3rem;
}
h2 {
  font-weight: 900;
  font-size: 1.7rem;
}
h3 {
  font-weight: 900;
  font-size: 1.5rem;
}
h4 {
  font-weight: 600;
  font-size: 1.3rem;
}
h5 {
  font-weight: 600;
  font-size: 1.3rem;
}
p {
  font-family: 'League Spartan', sans-serif;
  font-size: 1.3rem;
  line-height: 1.5em;
}
.p1 {
  font-family: 'League Spartan', sans-serif;
  font-size: 0.75rem;
}
.p2 {
  font-family: 'League Spartan', sans-serif;
  font-size: 0.9rem;
}
input, select, textarea {
  font-family: 'League Spartan', sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
  /* background-color: var(--colour-4); */
}

hr {
  border: none;
  border-top: 1px solid #ccc;
}
.main-banner.h150 {
  height: 150px;
}
.black-background {
  background-color: black;
}
.no-margin {
  margin: 0;
}
.margin1 {
  margin: 0.2rem 0;
}
.no-bottom-margin {
  margin-bottom: 0;
}
.bottom-margin-05rem {
  margin: 0;
  margin-bottom: 0.5rem;
}
.bottom-margin-1rem {
  margin: 0;
  margin-bottom: 1rem;
}
.bottom-margin-50px {
  margin-bottom: 50px;
}
.margin-x-1rem {
  margin: 1rem 0;
}

.margin-x-1-05rem {
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.valign-top {
  vertical-align:top;
}
.strikethrough {
  text-decoration: line-through;
}
body {
  font-family: 'League Spartan', sans-serif;
  color: var(--text-color);
}

.standfirst {
  font-family: 'Lora', serif;
}