:root {
	
	/* Colours to change */
	
	--primary: #612172;
	--secondary: #FF6867;
	--third: #28A745;
	--black: #0F1419;
	--white: #FFFFFF;
	--grey: #E5E7EB;
	--red: #E4080A;
	
	/* Elements to change */
	
	/* Navbar */
	--navbar-background: var(--white);
	--navbar-text: var(--primary);
	--navbar-text-mobile: var(--black);
	--navbar-text-hover: var(--primary);
	--navbar-icon: var(--primary);
	--navbar-burger: var(--primary);
	--navbar-arrows: var(--primary);
	
	/* Searchbar */
	--search-background: var(--primary);
	--search-button-background: var(--secondary);
	--search-button-color: var(--white);
	--search-button-hover: var(--third);
	--search-text: var(--secondary);
	
	/* Breadcrumbs */
	--breadcrumb-text: var(--primary);
	--breadcrumb-text-hover: var(--secondary);
	
	/* Banner Text */
	--banner-begin-text: var(--primary);
	
	/* Featured Categories */
	--featcat-background: var(--primary);
	--featcat-text-color: var(--white);
	
	/* Categories */
	--cat-item-background: var(--white);
	--cat-title-background: var(--white);
	--cat-title-text: var(--primary);
	
	/* Sub-Categories */
	--subcat-item-background: var(--white);
	--subcat-title-background: var(--white);
	--subcat-title-text: var(--secondary);
	
	/* Footer */
	--footer-background: var(--primary);
	--footer-text: var(--white);
	--footer-text-hover: var(--secondary);
	--footer-copyright-background: var(--secondary);
	--footer-copyright-text: var(--white);
	
	/* Buttons */
	--buttons-color: var(--secondary);
	--buttons-color-background: var(--white);
	--buttons-hover-color: var(--white);
	--buttons-hover-background: var(--third);
	
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Buttons */

.catfish-button, .button {
    /* color: var(--buttons-color); */
	/* background-color: var(--buttons-color-background); */
    /* font-weight: bold; */
	/* border: 0px; */
	border-radius: 8px;
}

.catfish-button:active, .catfish-button.is-active, .button:active, .button.is-active,
.catfish-button:hover, .catfish-button.is-hovered, .button:hover, .button.is-hovered {
    /* border: 0px; */
    /* color: var(--buttons-hover-color); */
    /* background: var(--buttons-hover-background); */
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Login Page */

/* Amend login background by moving the background image */
.login__wrapper {
	background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)), url('/1285482820/Handler/Picture/GU/F/ThemeImages/chest_login.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    min-height: 85vh;
    background-color: var(--white);
    position: relative;
}

/* Amend login details section to centre */
.login__wrapper>.catfish-container {
    float: none;
    min-height: auto;
    margin-top: 3rem;
}

/* Remove logo from login page above the welcome text */
.login__wrapper .page-title:before {
    display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Header */

/* Change navbar background-color to black */
#main-nav {
	background-color: var(--navbar-background);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.is-header-logo {
	display: flex;
}

a.navbar-text {
	color: var(--navbar-text-mobile);
}

a.navbar-icon {
	color: var(--navbar-icon);
}

a.navbar-text:hover {
	color: var(--navbar-text-hover);
}

.navbar-burger span {
	background-color: var(--navbar-burger);
}

/* Change colour of dropdown arrows */
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--navbar-arrows);
}

.navigationmenu ul a:hover {
    background-color: var(--grey);
    color: var(--secondary);
}

.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
	background-color: var(--grey);
	color: var(--secondary);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Searchbar */

#navlower {
	background: var(--search-background);
}

#toprow .top-bar-section, #menurow .top-bar-section, #logorow .top-bar-section, #navlower .top-bar-section {
    justify-content: right;
}

#navlower .catfish-button {
    background: var(--search-button-background);
    color: var(--search-button-color);
	border: 0px;
	box-shadow: none;
}

#navlower .catfish-button:hover {
    background-color: var(--search-button-hover);
}

.search-box {
    max-width: 400px;
}

.search-box .searchbox {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    padding-left: 1rem;
	color: var(--search-text);
	border: 0px;
	box-shadow: none;
	font-weight: 500;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Search Page */

.search-price-range {
    display: none !important;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Breadcrumb */

.breadcrumb .breadcrumb-item, .breadcrumb a {
    color: var(--breadcrumb-text);
}

.breadcrumb a:hover {
    color: var(--breadcrumb-text-hover);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Home */

h1.banner-title {
	font-weight: 600;
	font-size: 3rem;
}

p.banner-welcome {
	font-weight: 500;
	font-size: 2rem;
}

p.banner-begin {
	font-weight: 500;
	font-size: 1.5rem;
	color: var(--banner-begin-text);
}

section.featured-cat {
    background: var(--featcat-background);
    height: 4rem;
    display: flex;
    align-items: center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

section.featured-cat h2 {
    font-size: 1.5rem;
    font-weight: 500;
}

.featured-text {
	color: var(--featcat-text-color);
}

.homeFeaturedCategoriesWrapper .bestsellers h3 {
    display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Categories */

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item {
    filter: drop-shadow(2px 4px 6px rgb(151,131,120,0.2));
    -webkit-filter: drop-shadow(2px 4px 6px rgb(151,131,120,0.2));
	border-top: 0px;
	border-radius: 8px;
}

.homeFeaturedCategoriesWrapper .category-item {
    background: var(--cat-item-background);
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title {
    padding: 1.5rem 0.5rem;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: var(--cat-title-background);
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a {
    color: var(--cat-title-text);
	font-size: 1.2rem;
	font-weight: 600;
}

.homePageCategories.clearfix .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen:hover, .sub-category-grid .listWrapper .item-box:hover {
    transition: 0.2s;
    transform: scale(1.05);
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .picture img {
    object-fit: fill;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Products */

.catfish-default-product-box {
    border-radius: 1rem;
	padding: 1rem;
	filter: drop-shadow(2px 4px 6px rgb(151,131,120,0.6));
    -webkit-filter: drop-shadow(2px 4px 6px rgb(151,131,120,0.6));
	background: var(--white);
}

.catfish-default-product-box .product-item--image .picture img {
    border-radius: 8px;
}

.pager {
	margin-top: 1.5rem;
}

.catfish-default-product-box .cart-item__summaryShortDescription, .catfish-default-product-box .description {
	color: var(--red);
	font-weight: 700;
}

.arone-product-landing-page .attribute input:checked+label.button {
    border-radius: 8px;
}

.arone-product-landing-page .attribute label.button:hover, .arone-product-landing-page .attribute label.button.is-hovered, 
.arone-product-landing-page .attribute label.button:focus, .arone-product-landing-page .attribute label.button.is-focused {
    background-color: var(--grey);
    color: var(--primary);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Footer */

.catfish-footer {
	background-color: var(--footer-background);
	padding-top: 3rem;
	padding-bottom: 0px;
}

.catfish-footer #footerrow {
	margin-bottom: 1rem;
}

.catfish-footer ul a{
	font-weight: 500;
	padding-bottom: 0.25rem;
	color: var(--footer-text);
}

.catfish-footer ul a:hover {
    color: var(--footer-text-hover);
}

.footercopyrightrow {
	background-color: var(--footer-copyright-background);
	margin-top: 3rem;
}

.footer-copyright-text {
	font-weight: 500;
}

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

/* --------------------------------------------------------------------------------------------------------------------------------------------- Misc */

/* Amend the width of the reference text box on the order reference page */
.payment-info .body table tbody tr td {
	width: 200px;
	width: 100%;
}

/* Remove Entire Customer Section within My Account Page */
/* .customer__section {
visibility: Hidden;
} */

/* Remove Customer Info Link within My Account Page **NOT WORKING** */
/* .cf_accountlinks_CustomerInfo {
visibility: Hidden;
} */

/* INFIGO - Restrict user input on account page */
.customer-info-box input,
.customer-info-box select,
.customer-info-box label {
    pointer-events: none !important;
    background: transparent !important;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- Media Queries */

@media screen and (max-width: 575px) {
	.column.is-6-mobile {
		width: 100%;
	}
	
}

@media screen and (max-width: 767px) {
	.is-header-logo {
		height: 2.6rem;
	}
	
	.footer-content {
		justify-content: center!important;
	}
	
	.share-content-subtitle {
		font-size: 1.2em;
	}

	.share-content-text {
		font-size: 14px;
	}
	
}

@media screen and (min-width: 768px and max-width: 1279px) {
	.is-header-logo {
		height: 2.6rem;
	}
	
	.footer-content {
		justify-content: center!important;
	}
	
	.share-content-subtitle {
		font-size: 1.2em;
	}

	.share-content-text {
		font-size: 14px;
	}
	
}

@media screen and (max-width: 1279px) {
	.arone-category-page .category-navigation-enabled .navigationmenu .navigationmenu--title {
		background: var(--secondary);
	}
	
}

@media screen and (min-width: 1088px) {
	a.navbar-text {
		color: var(--navbar-text);
	}	
	
	.header-categories .navbar-dropdown .navigationmenu {
		padding-left: 0;
	}
	
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {	
	.column.is-6-tablet {
		width: 33.33%;
	}
	
}