@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Lato:wght@100;300;400;700;900&display=swap');
:root {
	--bs-blue: #3fabe0;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #ed1c23;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #3dbb55;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #edf0f5;
	--bs-gray-200: #dfe1e5;
	--bs-gray-300: #c6c8cc;
	--bs-gray-400: #adafb3;
	--bs-gray-500: #a1a3a6;
	--bs-gray-600: #888a8c;
	--bs-gray-700: #6d6e70;
	--bs-gray-800: #5c5d5e;
	--bs-gray-900: #58585a;
	--bs-primary: #58585a;
	--bs-secondary: #6c757d;
	--bs-success: #3dbb55;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #ed1c23;
	--bs-light: #f8f9fa;
	--bs-dark: #58585a;
	--bs-primary-rgb: 63, 171, 224;
	--bs-secondary-rgb: 108,117,125;
	--bs-success-rgb: 61,187,85;
	--bs-info-rgb: 13,202,240;
	--bs-warning-rgb: 255,193,7;
	--bs-danger-rgb: 220,53,69;
	--bs-light-rgb: 248,249,250;
	--bs-dark-rgb: 33,37,41;
	--bs-white-rgb: 255,255,255;
	--bs-black-rgb: 0,0,0;
	--bs-body-color-rgb: 33,37,41;
	--bs-body-bg-rgb: 255,255,255;
	--bs-body-color: #58585a;
	--bs-body-bg: #fff;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-link-color: #58585a;
	--bs-link-hover-color: #3794c2;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color: #e7e7e7;
}

::-webkit-scrollbar-thumb {
	background-color: #c5c5c5;
	border-radius: 20px;
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

*:focus {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	box-shadow: none !important
}

html,
body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

body {
	font-family: 'Lato', sans-serif;
	color: #58585a;
	min-height: 100vh;
	padding: 0;
	background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

h1 {
	color: #3fabe0;
}

h1, h2, h3, h4 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}

a {
	color: #3fabe0;
	text-decoration: unset;
}

	a:hover,
	a:focus,
	a:active {
		color: #3794c2;
		text-decoration:unset;
	}

.dark-container {
	color: #fff;
}

.body-content {
	min-height: 80vh;
}

.btn {
	padding: 9px 25px;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #3fabe0;
	--bs-btn-border-color: #3fabe0;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3794c2;
	--bs-btn-hover-border-color: #3794c2;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3794c2;
	--bs-btn-active-border-color: #3794c2;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #58585a;
	--bs-btn-disabled-border-color: #58585a;
}

.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #58585a;
	--bs-btn-border-color: #58585a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #000;
	--bs-btn-hover-border-color: #000;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #000;
	--bs-btn-active-border-color: #000;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #3dbb55;
	--bs-btn-disabled-border-color: #3dbb55;
}

label {
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 13px;
}

.form-control, select, textarea {
	min-height: 45px;
	border-radius: 0 !important;
	display: block;
	width: 100%;
	padding: 5px 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #58585a;
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

	.form-control:focus,
	.form-control:active,
	.form-control:hover {
		background-color: #edf0f5 !important;
	}

.form-group {
	margin-bottom: 8px;
}

.input-group-addon {
	background: #3fabe0;
	padding: 7px 10px;
}

.navbar-brand {
	letter-spacing: 2px;
	font-size: 28px;
	font-weight: 800;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	color: #58585a;
}
	.navbar-brand sup {
		color: #ef1c25;
		font-weight: 400;
	}

	.nav-link {
		font-family: 'Josefin Sans', sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 14px;
		font-weight: 700;
	}

.nav-item.active .nav-link {
	color: #ed1c23;
}

.navbar-toggler {
	border: 0;
}

.nav-pills .nav-link {
	font-weight: 700;
	padding: 25px 15px;
	font-size: 15px;
	letter-spacing: 3px;
	border: 0;
	color: #fff;
	background-color: #58585a;
	border-radius: 0;
	font-family: 'Josefin Sans', sans-serif;
}

	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
		background: #fff;
		color: #3fabe0;
	}

.mvh-80 {
	min-height: 80vh;
}

#adminMenu .navbar-brand {
	font-size: 16px;
	font-weight: 500;
}
/*.tab-content {
    padding:50px 0;
}*/
.card-body {
	padding: 25px 25px;
}

.bg-dark {
	background: rgb(24,24,24);
	background: linear-gradient(155deg, rgba(24,24,24,1) 0%, rgba(0,0,0,1) 100%);
}

.gold-bg {
	background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}

.gold-text {
	color: #3fabe0;
}

.wine-bg {
	background: #3b1615;
}

.wine-text {
	color: #3b1615;
}

.blue-bg {
	background: #364250;
}

.blue-text {
	color: #364250;
}

.light-grey-bg {
	background: #edf0f5;
}
table {
	width:100%;
}
.table {
	--bs-table-hover-bg: rgba(237,240,245, 1);
	width:100%;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-accent-bg: rgba(237,240,245, 0.7);
}
.mature-ad {
	background: #3fabe0;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	padding: 8px;
	letter-spacing: 2px;
	line-height: 0;
	padding: 20px;
	text-transform: uppercase;
}

	.mature-ad span {
		font-weight: 700;
		font-size: 21px;
	}

.pt-font {
	font-family: 'Josefin Sans', sans-serif;
}

#page-content-wrapper .bg-page-title {
	background: #0a1836;
}

	#page-content-wrapper .bg-page-title h6 {
		color: #3fabe0;
		text-transform: uppercase;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 700;
		letter-spacing: 2px;
	}

.card {
	background-color: #fff;
	border: none;
	border-radius: 0px;
}

.content-padding-md {
	padding: 15px 15px;
}

.content-padding-small {
	padding: 15px;
}

.content-padding-xsmall {
	padding: 8px;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.wine-list-table .dataTables_filter {
	float: right;
}

.wine-list-table > tbody > tr {
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 2px solid #f9f7f1;
}

	.wine-list-table > tbody > tr:hover td div {
		background-color: #fff;
	}

.wine-list-table {
	height: 1px;
}

	.wine-list-table tr {
		height: 100%;
	}

	.wine-list-table td {
		height: 100%;
	}

		.wine-list-table td > div {
			height: -webkit-calc(100vh);
			height: -moz-calc(100vh);
			height: calc(100%);
			width: 100%;
		}

	.wine-list-table tbody td {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0;
		padding-right: 0;
		/*    display: table-cell;*/
}

		.wine-list-table tbody td div {
			padding: 15px;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

.table > :not(caption) > * > * {
	border-bottom: 0;
}

.wine-list-table thead, .wine-list-table tfoot {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: none;
	background: #252b2b;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 3px;
	text-align: center;
}

	.wine-list-table thead th, .wine-list-table tfoot th {
		padding: 15px 8px;
	}

.wine-list-table tbody tr td:first-child div {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.wine-list-table tbody tr td:last-child div {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.wine-list-table tbody tr td div {
	background: #edf0f5;
}

.wine-list-table td:first-child {
	font-weight: bold;
	font-size: 14px;
}

.wine-list-table td:nth-child(2) {
	font-weight: bold;
	color: #a6a29d;
}

.wine-list-table td:nth-child(3) img {
	max-height: 200px;
	width: auto;
	margin: auto;
	display: block;
}
.thead-dark th, thead {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.table-dark th {
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 15px 15px;
}

.table-dark td {
	background: #f9f7f1;
	color: #58585a;
	padding: 15px 15px;
}
.table-icons .btn {
	padding: 5px 10px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.comment-block-container {
	border-radius: 20px;
	background: rgba(33, 37, 41);
	padding: 15px;
	color: #fff;
}

.comment-item blockquote strong {
	color: #3fabe0;
}

.comment-item blockquote span {
}

.comment-block-container .read-more {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}


footer {
	color: #fff;
	padding: 15px 15px 5px 15px;
	border-top: 2px solid #3fabe0;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 500;
}


/*Login*/
#loginContainer {
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 300% 300%;
	background-image: linear-gradient( -45deg, rgba(0,0,0,1) 0%, rgba(67,65,78,1) 25%, rgba(0,0,0,1) 51%, rgba(172,149,118,1) 100% );
	animation: AnimateBG 20s ease infinite;
}

@keyframes AnimateBG {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.login-card {
	max-width: 500px;
	margin: 30px auto;
	background: rgb(24,24,24);
	color: #fff;
	padding: 15px;
	border-radius: 20px;
}

.ben-button {
/*	text-transform: none !important;*/
	font-size: 12px;
}

 th, td {
	 padding: 10px;
 }

thead.bg-primary ~ tr {
	border-bottom: 1px solid #ddd;
}

table {
	margin-top: 20px !important; 
}

.table-bordered thead tr th {
	border: none !important;
}

.table-bordered td {
	border-left: none !important;
	border-right: none !important;
}

table, thead, tbody, td, tr {
	vertical-align: middle !important;
}