/* Generic 
-------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Yeseva+One&display=block');

body {
	font-family: 'Poppins', sans-serif;
	color: #676767 /*{1. Body | Text colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover {
	color: #4f4f4f /*{1. Body | Link colour}*/;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h5, .h6 {
	font-family: 'Yeseva One', sans-serif /*{1. Body | Header font family}*/;
	color: #363636 /*{1. Body | Header font colour}*/;
}

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

header {
	background-color: #fff /*{2. Header | Background colour}*/;
}
header .header-topbar {
	background-color: #F9F9F9 /*{2. Header | Top bar background colour}*/;
}
header .header-topbar .navbar-nav a {
	color: #676767 /*{2. Header | Topbar link colour}*/;
}
.header-menu {
	background-color: #9EB6C5 /*{2. Header | Menu background colour}*/;
}
.header-menu .navbar-nav > li > a,
.navbar-mobile a.nav-link {
	color: #ffffff /*{2. Header | Menu link colour}*/;
}
header .btn-header i {
    color: #9EB6C5 /*{2. Header | Account/Cart/Search Icon colour}*/;
}
header .btn-header {
	color: #676767 /*{2. Header | Account/Cart/Search Link colour}*/;
}

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

.wrapper-footer {
	background-color: #9EB6C5 /*{3. Footer | Background color}*/;
}
.wrapper-footer h4 {
	color: #ffffff /*{3. Footer | Heading colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active,
.wrapper-footer * {
	color: #edf1f3 /*{3. Footer | Text colour}*/;
}
footer .nav.list-social i {
    color: #576f7f /*{3. Footer | Social icon colour}*/;
}


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

/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333 /*{4. buttons | default-btn-text-colour}*/;
	background-color: #fff /*{4. buttons | default-btn-background-colour}*/;
	border-color: #ccc /*{4. 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: #333 /*{4. buttons | default-btn-text-colour-hover}*/;
	background-color: #ebebeb /*{4. buttons | default-btn-hover-background-colour}*/;
	border-color: #adadad /*{4. buttons | default-btn-hover-border-colour}*/;
}

/* Primary button */
.btn-primary {
	color: #fff /*{4. buttons | primary-btn-text-colour}*/;
	background-color: #576f7f /*{4. buttons | primary-btn-background-colour}*/;
	border: 0;
}
.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: #fff /*{4. buttons | primary-btn-hover-text-colour}*/;
	background-color: #435764 /*{4. buttons | primary-btn-hover-background-colour}*/;
}

/* Success button */
.btn-success {
	color: #fff /*{4. buttons | success-btn-text-colour}*/;
	background-color: #676767 /*{4. buttons | success-btn-background-colour}*/;
	border: 0;
}
.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: #fff /*{4. buttons | success-btn-hover-text-colour}*/;
	background-color: #4c4c4c /*{4. buttons | success-btn-hover-background-colour}*/;
}