/*!
 * Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

 @font-face {
 	font-family: 'aviano_sansregular';
 	src: url('../font/insigne_-_aviano_sans_regular-webfont.woff2') format('woff2'),
 	url('../font/insigne_-_aviano_sans_regular-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'aviano_sanslight';
 	src: url('../font/insigne_-_aviano_sans_light-webfont.woff2') format('woff2'),
 	url('../font/insigne_-_aviano_sans_light-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 body, html {
 	height: 100%;
 	font-family: 'Open Sans', sans-serif;
 	font-size: 16px;
 }

 h1, h2, h3, h4, h5, h6 {
 	font-family: 'aviano_sansregular';
 	font-variant: uppercase;
 	font-weight: bold;
 }

 a {
 	color: #E39A31;
 	text-decoration: none !important;
 	-webkit-transition: all 0.4s ease;
 	-moz-transition: all 0.4s ease;
 	-o-transition: all 0.4s ease;
 	transition: all 0.4s ease;
 }

 a:hover {
 	color: black;
 }

 .bg-dark, .bg-white, .bg-gold {
 	position: relative;
 	z-index: 1;
 }

 .bg-white {
 	background-color: #FEFCFF !important;
 }

 .bg-gold {
 	background-color: #E39A31;
 }

 hr {
 	background-color: #E39A31;
 	width: 80px;
 	height: 2px;
 	display: inline-block;
 }

 table {
 	border: 1px solid #E39A31;
 	border-collapse: collapse;
 	width: 100%;
 	margin: 10px 0;
 }

 table tr th, table tr td {
 	border: 1px solid #E39A31;
 	padding: 5px 10px;
 	vertical-align: top;
 }

 table tr th {
 	background-color: #E39A31;
 	color: white;
 }

 table a {
 	color: #E39A31;
 }

 table a:hover {
 	color: black;
 }

 .btn-toolbar {
 	display: block;
 }

 form .error {
 	color: #E39A31;
 }

 form .description {
 	font-style: italic;
 	display: inline-block;
 	margin-bottom: 1rem;
 }

 .btn, input[type="submit"] {
 	background: transparent;
 	cursor: pointer;
 	border: 2px solid #E39A31;
 	padding: 14px;
 	margin-right: 5px;
 	margin-bottom: 10px;
 	color: #E39A31 !important;
 	font-size: 16px;
 	font-weight: bold;
 	text-align: center;
 	text-transform: uppercase;
 	text-decoration: none;
 	overflow: hidden;
 	border-radius: 0;
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 }

 .btn:hover, input[type="submit"]:hover {
 	color: white !important;
 	background: #E39A31 !important;
 }

 .btn-white {
 	color: white !important;
 	border: 2px solid white;
 }

 .btn-white:hover {
 	color: #E39A31 !important;
 	background: white !important;
 }

 .modal-footer {
 	padding-left: 0;
 	padding-right: 0;
 }

 /* Cart */
 #carticon {
 	position: fixed;
 	top: 9px;
 	left: 16px;
 	z-index: 300;
 	cursor: pointer;
 }

 #carticon svg {
 	width: 35px;
 	height: 35px;
 	fill: #E39A31;
 	vertical-align: middle;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 }

 #carticon .cartquantity {
 	position: absolute;
 	top: 20px;
 	left: 20px;
 	color: white !important;
 	background-color: #E39A31 !important;
 	border-radius: 50% 50%;
 	width: 20px;
 	height: 20px;
 	padding: 2px 0;
 	font-size: 10px;
 	text-align: center;
 	background-color: transparent;
 	vertical-align: middle;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 }

 /* My Account */
 #accounticon {
 	position: fixed;
 	top: 14px;
 	left: 65px;
 	z-index: 300;
 	cursor: pointer;
 }

 #accounticon svg {
 	width: 30px;
 	height: 30px;
 	fill: #E39A31;
 	vertical-align: middle;
 	display: inline-block;
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
 	transition: all 0.5s ease;
 }

 /*  Navigation */
 nav img {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	height: 80px;
 	width: auto;
 }

 @media (max-width: 767.98px) { 
 	nav img {
 		height: 60px;
 	}
 }

 .navbar {
 	padding-top: 0px;
 	padding-bottom: 0px;
 	background-color: #343a40;
 }

 nav .nav-item {
 	padding: 10px;
 }

 nav .nav-link {
 	color: white !important;
 }

 .sticky.is-sticky {
 	position: fixed;
 	left: 0;
 	right: 0;
 	top: 0;
 	z-index: 100;
 	width: 100%;
 }

 /* Burger icon */
 @media (max-width: 767.98px) {
 	#burger {
 		z-index: 300;
 		position: fixed;
 		top: 0;
 		right: 0;
 		cursor: pointer;
 		background-color: transparent;
 		border: none;
 		outline: none !important;
 		padding: 0;
 	}

 	#burger .ham {
 		-webkit-tap-highlight-color: transparent;
 		-webkit-transition: all .5s;
 		-o-transition: all .5s;
 		transition: all .5s;
 		-moz-user-select: none;
 		-webkit-user-select: none;
 		-ms-user-select: none;
 		user-select: none;
 		width: 60px;
 		height: 60px;
 	}

 	#burger .line {
 		fill: none;
 		-webkit-transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 		-o-transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 		transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 		stroke: #E39A31;
 		stroke-width: 5.5;
 		stroke-linecap: round;
 		-webkit-transition: all .5s;
 		-o-transition: all .5s;
 		transition: all .5s;
 	}

 	#burger .ham .top {
 		stroke-dasharray: 40 121;
 	}

 	#burger .ham .bottom {
 		stroke-dasharray: 40 121;
 	}

 	#burger.show .ham {
 		transform: rotate(45deg);
 	}

 	#burger.show .ham .top {
 		stroke-dashoffset: -68px;
 	}

 	#burger.show .ham .bottom {
 		stroke-dashoffset: -68px;
 	}
 }

 /* Off canvas navigation */
 @media (max-width: 767.98px) {
 	#offcanvas-navbar {
 		z-index: 200;
 		position: fixed;
 		top: 0;
 		bottom: 0;
 		left: 100%;
 		width: 350px;
 		padding: 0;
 		padding-top: 70px;
 		overflow-y: auto;
 		visibility: hidden;
 		background-color: #343a40;;
 		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
 		-webkit-transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
 		-o-transition: transform .3s ease-in-out, visibility .3s ease-in-out;
 		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
 		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
 	}

 	#offcanvas-navbar.open {
 		visibility: visible;
 		-webkit-transform: translateX(-100%);
 		transform: translateX(-100%);
 	}

 	#offcanvas-navbar a {
 		padding-left: 10px;
 	}
 }

 @media (max-width: 575.98px) {
 	#offcanvas-navbar {
 		width: 100%;
 	}
 }

 /* Header */
 header {
 	height: 500px;
 	position:relative;
 	overflow:hidden;
 	display:flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	align-items: flex-start;
 	align-content: flex-start;
 }

 @media (max-width: 767.98px) { 
 	header {
 		height: 350px;
 	}
 }

 header.innerpage, header.wine, header.dogstay, header.equine {
 	height: 200px;
 }

 header.innerpage h1, header.wine h1, header.dogstay h1, header.equine h1 {
 	margin-top: 70px;
 }

 header:before{
 	content:"";
 	width:100%;
 	height:100%;
 	position:absolute;
 	top:0;
 	left:0;
 	-webkit-backface-visibility: hidden;
 	-webkit-transform: translateZ(0) scale(1.0, 1.0);
 	transform: translateZ(0);
 	background-image: url('../img/bg.jpg');
 	background-size: cover;
 	background-position: center center;
 	background-repeat: no-repeat;
 	animation: grow 50s linear 10ms infinite;
 	transition:all 0.2s ease-in-out;
 	z-index:-2
 }

 header.innerpage:before{
 	background-image: linear-gradient(to bottom right, rgba(52, 58, 64, 0.8), rgba(52, 58, 64, 0.6)), url('../img/bg page header.jpg');
 	background-position: center center;
 }

 header.wine:before{
 	background-image: linear-gradient(to bottom right, rgba(52, 58, 64, 0.8), rgba(52, 58, 64, 0.6)), url('../img/bg wine header.jpg');
 	background-position: center center;
 }

 header.dogstay:before{
 	background-image: linear-gradient(to bottom right, rgba(52, 58, 64, 0.8), rgba(52, 58, 64, 0.6)), url('../img/bg dog header.jpg');
 	background-position: center center;
 }

 header.equine:before{
 	background-image: linear-gradient(to bottom right, rgba(52, 58, 64, 0.8), rgba(52, 58, 64, 0.6)), url('../img/bg equine header.jpg');
 	background-position: center center;
 }

 @keyframes grow {
 	0% { transform:scale(1)}
 	50% { transform:scale(1.2)}
 }

 @media (min-width: 768px) {
 	.h-md-100 { height: 100vh; }
 }

 /* Sections */
 .bg-about {
 	background: url('../img/bg outline.svg') no-repeat center center;
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	background-size: contain;
 	-o-background-size: contain;
 	min-height: 400px;
 }

 .bg-wine {
 	background: url('../img/bg wine.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
 	-o-background-size: cover;
 	min-height: 400px;
 }

 .bg-dog {
 	background: url('../img/bg dog.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
 	-o-background-size: cover;
 	min-height: 400px;
 }

 .bg-equine {
 	background: url('../img/bg equine.jpg') no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
 	-o-background-size: cover;
 	min-height: 400px;
 }

 /* Footer */
 footer img.logo {
 	height: 90px;
 	width: auto;
 }

 footer a {
 	color: white;
 	text-decoration: none !important;
 	-webkit-transition: all 0.4s ease;
 	-moz-transition: all 0.4s ease;
 	-o-transition: all 0.4s ease;
 	transition: all 0.4s ease;
 }

 footer a:hover {
 	color: black;
 }

 footer p.copyright {
 	font-size: 16px;
 }

 /* Wine Shop */
 .shop .wine {
 	background: no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
 	-o-background-size: cover;
 	min-height: 350px;
 }

 .shop .wine:hover .wine-border {
 	opacity: 1;
 	height: auto;
 	width: auto;
 	left: 15px;
 	top: 15px;
 	bottom: 15px;
 	right: 15px;
 }

 .shop .wine:hover .btn, .shop .wine:hover .wine-overlay {
 	opacity: 1;
 }

 .shop .wine-overlay {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	margin: auto;
 	opacity: 0;
 	background: linear-gradient(to bottom right, rgba(227, 154, 49, 0.7), rgba(227, 154, 49, 0.9));
 }

 .shop .wine-border {
 	border: 2px solid white;
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	margin: auto;
 	opacity: 0;
 	-o-transition: all 0.4s ease-in-out;
 	-ms-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-webkit-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
 }

 .shop .wine .btn {
 	opacity: 0;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);

 }

 .shop a {
 	color: white;
 	text-decoration: none !important;
 	-webkit-transition: all 0.4s ease;
 	-moz-transition: all 0.4s ease;
 	-o-transition: all 0.4s ease;
 	transition: all 0.4s ease;
 }

 .shop a:hover {
 	color: #E39A31;
 }

 h6.price {
 	font-size: 40px;
 }

 /* Gallery */
 .gallery-block.grid-gallery a:hover {
 	opacity: 0.9;
 }

 .gallery-block.grid-gallery .item img {
 	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
 	-webkit-transition: 0.4s;
 	-moz-transition: 0.4s;
 	-o-transition: 0.4s;
 	transition: 0.4s;
 }

 .gallery-block.grid-gallery .item {
 	margin-bottom: 30px;
 }

 @media (min-width: 576px) {

 	.gallery-block.grid-gallery .image:hover{
 		transform: scale(1.05);
 		box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
 	}

 }