/* Generic 
-------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=block');
body {
	font-family: 'ABeeZee', sans-serif /*{Body | Body font family}*/;
	color: #676767 /*{Body | Text colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover {
	color: #676767 /*{Body | Link colour}*/;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn {
	font-family: 'ABeeZee', sans-serif /*{Body | Header font family}*/;
}
/* Header 
-------------------------------*/
header {
	background-color: #ffffff /*{Header | Background colour}*/;
}
header .header-topbar {
	border-color: #f3f3f3 /*{Header | Topbar border colour}*/;
}
header .header-topbar .navbar-nav > li > a,
header .header-topbar .header-phone {
	color: #8a8a8a /*{Header | Topbar link colour}*/;
}
header .btn-header,
header .btn-header:hover {
    color: #5c5c5c /*{Header | Account & cart link colour}*/;
}
header .cart-count {
    background-color: #fb8298 /*{buttons | primary-btn-background-colour}*/;
    color: #ffffff /*{buttons | primary-btn-text-colour}*/;
}
.header-menu {
	background-color: rgba(103, 191, 173, 1) /*{Header | Menu background colour}*/;
}
.header-menu .navbar-nav > li > a,
.navbar-mobile a.nav-link {
	color: #ffffff /*{Header | Menu colour}*/;
}
/* Footer 
-------------------------------*/
.wrapper-footer {
	background-color: rgba(103, 191, 173, 1) /*{Footer | Background color}*/;
}
.wrapper-footer h4 {
	color: rgba(255, 255, 255, 1) /*{Footer | Heading colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active,
.wrapper-footer * {
	color: #ffffff /*{Footer | Text colour}*/;
}
footer .nav.list-social i {
    background-color: #f78298 /*{Footer | Social icon background colour}*/;
    color: #ffffff /*{Footer | Social icon colour}*/;
}
/* Buttons 
-------------------------------*/
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333333 /*{buttons | default-btn-text-colour}*/;
	background-color: #ffffff /*{buttons | default-btn-background-colour}*/;
	border-color: #cccccc /*{buttons | default-btn-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333333 /*{buttons | default-btn-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | default-btn-background-colour-hover}*/;
	border-color: #adadad /*{buttons | default-btn-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #ffffff /*{buttons | primary-btn-text-colour}*/;
	background-color: #fb8298 /*{Buttons | primary-btn-background-colour}*/;
	border-color: #e9e9e9 /*{buttons | primary-btn-border-colour}*/;
}
.btn-primary:hover,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #222222 /*{buttons | primary-btn-text-colour-hover}*/;
	background-color: #dddddd /*{buttons | primary-btn-background-colour-hover}*/;
	border-color: #dddddd /*{buttons | primary-btn-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #ffffff /*{buttons | success-btn-text-colour}*/;
	background-color: rgba(103, 191, 173, 1) /*{buttons | success-btn-background-colour}*/;
	border-color: #7bcfbc /*{buttons | success-btn-border-colour}*/;
}
.btn-success:hover,
.btn-success.disabled, .btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #ffffff /*{buttons | success-btn-text-colour-hover}*/;
	background-color: #6ec5b1 /*{buttons | success-btn-background-colour-hover}*/;
	border-color: #6dc5b1 /*{buttons | success-btn-border-colour-hover}*/;
}
/* Homepage 
-------------------------------*/
#homepage-content {
    background-color: rgba(255, 255, 255, 1) /*{Homepage | Content background colour}*/;
}