body {
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
	0% {
		 opacity: 0;
	}

	100% {
		 opacity: 1;
	}
}

.test { background: url(https://plus.unsplash.com/premium_photo-1673108852141-e8c3c22a4a22?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) no-repeat center; background-size: cover;}

.p .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Inter", serif !important;
	font-weight: 200;
}
.full-width { width: 100%; }
.text-group { margin-bottom: 3rem; }
.text-white { color: white; }
small.small-caps { font-weight: bold; text-transform: uppercase; letter-spacing: 3px; }

.no-border { border: none; }
.border-radius { border-radius: 5px; }
.grid-container { padding: 0 2rem; margin: 1rem auto; }
.grid-container.large { max-width: 1700px !important; }
.grid-center { margin: 0px auto; }
.absolute-center-container {
	text-align: center;
	height: 100%;
   padding: 0;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}
.overlay {
	position: absolute;
	background: black;
	width: 100%;
	height: 100%;
	top: 0px;
	opacity: 0.2;
	z-index: 0;
}

.bg-grey { background: #eee; }
.label.white { background: white; color: #2a2c2d; }

form input { height: 39.5px !important; }

.half-block { background: url(https://framerusercontent.com/images/URHNB7jPPp2aVB8XtZs9PsPYE.jpeg) no-repeat center; background-size: cover;; position: absolute; margin-top: -10%; width: 100%; height: 30%; }
.image-block { background: red; min-height: 300px; }

.callout.promotion { display: block; background: #D068A0; color: white; margin: 0px; border: none; }
.callout.promotion p { font-size: 11px; font-weight: 600; text-align: center; margin: 0px; }
.callout.promotion .close-button span { color: white; }

#offCanvas { padding: 1rem; width: 90%; }
#offCanvas .menu li { padding: 1rem 0; border-bottom: 1px solid #666 }
#offCanvas .menu a { font-size: 1.5rem; }
#offCanvas .menu .social li { border: none; }

.top-bar { background: white; flex-wrap: wrap; padding: 3px; }
.top-bar ul { background: none; }
.top-bar .logo { display: inline-block; background: url(https://complinewine.com/cdn/shop/files/Compline_Banner_Lockup.png?v=1736566934&width=855) no-repeat center; background-size: cover; width: 150px; height: 50px;  }

section { background: white; padding: 30px 0; }
section.small { padding: 25px 0; }
section.no-padding { padding: 0; }
section.no-padding-top { padding-top: 0; }
section.no-padding-bottom { padding-bottom: 0; }

section .sub-section { margin: 3rem 0; }

#landing .main { padding: 5rem; }
#landing .right { padding: 5rem; height: 100vh; overflow-y: scroll; }

.map-background { background: #ddd url(https://complinewine.com/cdn/shop/t/4/assets/37643.jpg?v=1651257673) repeat-x center right -210px; background-size: 110%; padding: 5% 1%; }
.map-background .info { padding: 3rem 1rem; margin: 3% 0 3%; }
.map-background .info p { margin: 0px; }


#topbarLOGO { display: block; background: url(https://complinewine.com/cdn/shop/files/Compline_Banner_Lockup.png?v=1736566934&width=1445) no-repeat center; background-size: cover; width: 150px; }

.hero { position: relative; background: url() no-repeat center; background-size: cover; padding: 21% 0 7rem; }
.hero-slider { padding: 0px; }
.hero-slider .orbit-container { height: 87vh !important; }
.hero-slider .orbit-container .grid-container { position: relative; padding-left: 3rem; padding-right: 3rem; z-index: 1; }
.hero-slider .orbit-container .orbit-slide { padding: 10% 0; height: 87vh; }

.hero-slider .orbit-slide .content-bottom-right.small-only { position: absolute; right: 0px; bottom: 10%; }
.hero-slider .orbit-slide { background-size: cover !important; }
.hero-slider .orbit-slide h1 { color: white; }
.hero-slider .orbit-slide p { color: white; }
.hero-slider .orbit-bullets {
	position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -1px;
}

#slideONE { background: url(https://complinewine.com/cdn/shop/files/ian_gnudi.jpg?v=1738979685&width=2610) no-repeat center; }
#slideTWO { background: url(https://complinewine.com/cdn/shop/files/MadRoseCreative-9922.jpg?v=1739140562&width=1024) no-repeat center; }
#slideTHREE { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/PhotoEmmaKMorris-04647web.jpg?v=1736567184) no-repeat center; }
#slideFOUR { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/Compline_main_dining_room.jpg?v=1738980406) no-repeat center; }
#slideFIVE { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/Compline_Interiors-8_web_50554bd4-a911-4c12-98f9-77b17387c031.jpg?v=17384550016) no-repeat center; }

#homepagePRESS a { color: black; }
#homepagePRESS blockquote { padding: 0px; border: none; }
#homepagePRESS .cite { font-size: 1.1rem; }
#homepagePRESS img { display: block; margin: 2.5rem auto 1rem; max-width: 10rem; }

.restaurant-image-94833:before { content: ""; position: absolute; background: url(../assets/images/39405.png) no-repeat right -10rem center; background-size: 53rem; margin-top: -40rem; width: 100%; height: 130%; right: 0px; }
.restaurant-image-94833:after { content: ""; position: absolute; background: url(../assets/images/94833.png) no-repeat left -15rem center; background-size: 43rem; margin-top: -57rem; width: 100%; height: 130%; right: 0px; }
#complineFood a.callout { background-size: cover !important; height: 500px; }

.callout-footer {background: #eee;  padding: 62.5px 0; }
.callout-footer .callout { padding: 3rem; }
.callout-footer .callout input { margin-bottom: 0px; height: 44px !important; box-shadow: none; }
.callout-footer .callout a { margin-bottom: 0px; }
footer .footer { background: #DFDFDF; padding: 3rem 0 0; }
footer .footer h6 { font-size: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1.1px; }
footer .footer li { margin-bottom: 5px; }
footer .footer a { color: black; font-size: 13px; }
footer .footer .menu li { margin-right: 1rem; }
footer .footer i { color: black; font-size: 1.78rem; }
footer .secondary { 	background: #eee; padding: 10px; margin-top: 10rem; }

/* Large and up */
@media screen and (min-width: 64em) {
	.hero.primary { height: 87vh; }
	#landing .main { height: 100vh; }
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.hero-slider .orbit-slide .content-bottom-right.small { position: absolute; right: 0px; bottom: 10%; }
	.hero-slider .orbit-slide .content-bottom-right .medium-up { position: absolute; right: 0px; bottom: 10%; }
	
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hero-slider .orbit-container { height: 69vh !important; }
	.hero-slider .orbit-container .orbit-slide  { padding-top: 30%; height: 69vh !important; }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.hero-slider .orbit-container { height: 97vh !important; }
	.hero-slider .orbit-container .orbit-slide  { padding-top: 50%; height: 100vh !important; }
	.hero-slider .orbit-slide .cell.center-small { text-align: center !important; }
	#slideONE { background: url(https://complinewine.com/cdn/shop/files/ian_gnudi.jpg?v=1738979685&width=2610) no-repeat center; background-size: 270% !important; }
	#slideTWO { background: url(https://complinewine.com/cdn/shop/files/MadRoseCreative-9922.jpg?v=1739140562&width=1024) no-repeat center right -150px; background-size: 200% !important; }
	#slideTHREE { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/PhotoEmmaKMorris-04647web.jpg?v=1736567184) no-repeat center; background-size: 178% !important; }
	#slideFOUR { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/interior_night_web_a39feb85-e6ce-4a3b-9d1a-0ad67432e591.jpg?v=1738980371) no-repeat center; background-size: 200% !important; }
	#slideFIVE { background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/Compline_Interiors-8_web.jpg?v=1736569776) no-repeat right -250px center; background-size: 200% !important; }

	.map-background { background: none; }
	.map-background h5 { font-size: 1.78rem; }

	footer { text-align: center; }
	footer .form-wrapper { width: 50% !important; margin: 0px auto !important; }
	footer .social { display: inline-flex; }
	footer .secondary { margin-top: 3rem; }
}