body { padding-right: 0 !important; background-color: #FFFFFF; }

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

@font-face {

    font-family: Trajan-Bold;

    src: url('./fonts/TrajanPro-Bold.otf');

}

@font-face {

    font-family: Trajan;

    src: url('./fonts/TrajanPro-Regular.otf');

}

@font-face {

    font-family: Futura;

    src: url('./fonts/FuturaStd-Medium.otf');

}

@font-face {

    font-family: Futura-bold;

    src: url('./fonts/FuturaStd-Bold.otf');

}

@font-face {
    font-family: Futura-Light;
    src: url('./fonts/FuturaStd-Light.otf');
}

* {

	font-family: Trajan;

}



h1,h2,h3,h4,h5,h6 {

    font-family: Trajan-Bold !important;

}



a:focus,

input:focus,

select:focus,

textarea:focus,

button:focus {

    outline: none;

}



/*



GENERAL 



*/

.futura {

	font-family: Futura !important;

}

.caps {

	letter-spacing: 1px;

}

.feedback {

    font-size: small;

    color: #bd2130 !important;

}

.img-100 {

	width: 100%;

}

.custom-btn-primary {

    color: #F8F9Fa;

    background-color: #AF843F;

    border-color: #AF843F;

}

.custom-btn-link {

    color: #AF843F;

    font-weight: normal;

    border-radius: 0;

}

.background {

	z-index: -1;

	top: 0;

	left: 0;

	width: 100%;

	align-self: center;

}

.modal {

    z-index: 9001;

}

.modal * {

	font-family: Futura !important;

	font-weight: normal;

	color: black;

}

.modal button {

	color: white !important;

}

.modal-label {

	margin: 1%;

}

.modal-input {

	margin: 1%;

	padding: 2%;

	color: white;

	border: none;

	background-color: #424242;

	font-size: 1vw;

}

.modal-open {

    overflow: scroll;

}

@media (max-width: 610px) {

	.modal-input {

		font-size: 2.5vw;

	}

}



/* ADMIN */



.admin-page * {

	font-family: Futura !important;

}

.management-header {

	color: #AF843F;

	margin-top: 5%;

	margin-left: 50vw;

	padding-left: 4vw;

	border-bottom: 1px solid #AF843F;

	font-size: 3vw;

}

.logout-button {

    position: fixed;

    width: 7vw;

    height: 3.5vw;

    color: white;

    background-color: #424242;

    border-radius: 5px;

    border: none; 

    left: 25px;

    bottom: 25px;

    z-index: 10000;

    font-family: Futura !important;

    transition: all 0.5s ease-in-out;

}

.logout-button:hover {

    background-color: #AF843F;

    width: 8vw;

    height: 4vw;

}

.form-image {

	width: 296px;

	height: 442px; 

}

.form-small-image {

	width: 197px;

	height: 295px; 

}

@media (max-width: 610px) {

	.logout-button {

	    width: 10vw;

	    height: 5vw;

	}

	.logout-button:hover {

	    width: 10vw;

	    height: 5vw;

	}

	.management-header {

		font-size: 6vw;

		text-align: end;

		padding-right: 2%;

	}

	.background.mobile-hide {

		display: none;

	}

}



/* CART */



.cart-button {

    position: fixed;

    width: 3vw;

    min-width: 40px;

    height: 3vw;

    min-height: 40px;

    color: white;

    background-color: #424242;

    border-radius: 3px;

    border: none; 

    right: 2.5vw;

    bottom: 2.5vw;

    z-index: 9000;

    font-family: Futura !important;

    transition: all 0.5s ease-in-out;

}

.cart-img {

	max-width:100%;

	max-height:100%;

	padding: 5%;

}

.cart-list {

    z-index: 10000;

    display: none;

	background-color: white;

	border: 0.5px solid grey;

	width: 25vw;

	min-height: 15vw;

	position: fixed;

    right: 2.5vw;

    bottom: 5.5vw;

}

.cart-list.animate {

	animation: 0.5s ease-out 0s 1 slideInFromBottom;	

}

.cart-list.hide {

	animation: 0.5s ease-out 0s 1 slideOutToBottom;	

}

.cart-list * {

	font-family: Futura !important;

}

.checkout-btn {

	right: 2%;

	bottom: 2%;

	position: absolute;

    transition: all 125ms ease-in-out;

}

.custom-btn-primary:hover, .custom-btn-primary:focus {

    color: #AF843F !important;

    background-color: #F8F9Fa !important;

}

.cart-modal-btn {

	background-color: transparent;

	border: none;

}

@media (max-width: 900px) {

	.cart-list {

		width: 40vw;

	}

}

@media (min-width: 610px) {

	.cart-button:hover ~ .cart-list {

		display: block;

	}

	.cart-list:hover {

		display: block;

	}

}

@media (max-width: 610px) {

	.cart-list {

		width: 80vw;

	}

}



/*

small screen

*/



@media (max-width: 610px) {

	iframe {

		height: 200px !important;

	}

	.management-header {

		margin-left: 0;

	}

}



/*

large screen

*/



@media (min-width: 1400px) {

	.section-outter {

		max-width: 60%;

	}

	.section-img {

		width: 40%;

	}

	.section-img.right {

		margin-left: auto;

	}

	.video-btn {

		max-width: 5vw;

	}

	.wine-img {

		height: 24vw !important;

	}

	.wine-content:hover .wine-img {

		height: 28vw !important;

	}

	#table-section-2{

		margin-top: 5%;

	}

	.google-map {

	    width: 100%;

	    height: 40em;

	    margin: 0 auto;

	    background: gray;

	}

}



/*

FONTS

*/



.x-small-text  { font-size: 0.8vw; }

.smaller-text  { font-size: 0.9vw; }

.small-text    { font-size: 1vw;   }

.medium-text   { font-size: 1.2vw; }

.large-text    { font-size: 1.5vw; }

.larger-text   { font-size: 1.7vw; }

.x-large-text  { font-size: 2vw;   }

.xx-large-text { font-size: 2.5vw; }



@media (max-width: 610px) {

	.x-small-text  { font-size: 2vw; }

	.smaller-text  { font-size: 2.2vw; }

	.small-text    { font-size: 2.5vw;   }

	.medium-text   { font-size: 3vw; }

	.large-text    { font-size: 3.5vw; }

	.larger-text   { font-size: 4vw; }

	.x-large-text  { font-size: 4.5vw;   }

	.xx-large-text { font-size: 5vw; }

}

@media (min-width: 1400px) { 

	.x-small-text  { font-size: 0.7vw; }

	.smaller-text  { font-size: 0.85vw; }

	.small-text    { font-size: 1vw;   }

	.medium-text   { font-size: 1.2vw; }

	.large-text    { font-size: 1.5vw; }

	.larger-text   { font-size: 1.7vw; }

	.x-large-text  { font-size: 2vw;   }

	.xx-large-text { font-size: 2.5vw; }

}



/* Warning */



.warning-overlay {

	width: 100%;

	height: 100%;

	z-index: 99999;

	position: fixed;

	display: flex;

	align-items: center;

	justify-content: center;

	background: rgba(255,255,255,0.9);

}

.warning-overlay * {

	color: #262626;

	font-family: Futura;

}

.warning-overlay div {

	width: 60%;

	text-align: center;

}

.warning-logo {

	width: 40%;

	margin: 50px;

}

.warning-overlay a {

	color: inherit;

	text-decoration: none;

	transition: color 0.5s ease;

}

.warning-overlay a:hover {

	color: #AF843F;

}

.warning-financial {

	width: 50%;

	margin: 20px;

	padding: 20px;

}