/* ----------------------------------------- reset */
*, *:before, *:after {box-sizing: border-box;}
ul, ol {list-style: none;}
input, button, textarea, select {font: inherit;}
a,a:hover, img {border: 0; outline: 0; text-decoration: none !important; color: #fff;}
body {min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

/* ----------------------------------------- global */
html, body {height:100vh;}

body {font-family: "helvetica", sans-serif; color: var(--choco-drk); font-weight: 200; text-align: center;
	background-color: var(--teal-drk); background: url("../images/ch-wallpaper1.jpg") center center; 
	background-size: cover !important;}

input[type='radio'] {display: none;} input[type='checkbox'] {display: none;}
.current {pointer-events: none !important; cursor: default !important;}
::selection {background-color: var(--teal);}
a, a:hover {color: inherit;}

:root {
	--stone: #d6d4c9;
	--stone-drk: #9c998f;
	--gold: #e9b354;
	--gold-drk: #634511;
	--tan: #c0a678;
	--tan-drk: #746448;
	--teal-lite: #77a3a9;
	--teal: #3a6a7d;
	--teal-drk: #4a7a8c;
	--choco-lite: #40251b;
	--choco: #291c12;
	--choco-drk: #1f120c;
	--purple: #77687a;
}

#wrap {max-width: 1140px; padding-bottom:60px;}
section	{overflow: hidden; padding-bottom:32px; position: relative;}
section#about {background-color: var(--tan);}

section#about::before,
section#photo::before {content:""; position: absolute; right: -1rem; top: -2rem; width: 100px; height: 50%; background:url("../images/ch-iconback-cage.svg") no-repeat; opacity: 0.7;}

section#menus::before,
section#social::before,
section#info::before {content:""; position: absolute; left: -1.5rem; top: -1.5rem; width: 150px; height: 50%; background:url("../images/ch-iconback-umbrella.svg") no-repeat; opacity: 0.7;}
	section >* {position: relative;}

section#feature, div#quote {background-color: var(--stone);}
section#social {background-color: var(--teal-lite);}
section#photo, section#menus {background-color: var(--choco);}
section#info {background-color: var(--stone-drk);}
section#special {background-color: #821a1f;} /*special xmas 2025 red*/

section h1,
section h2,
section h3,
section .display-6 {margin-bottom: 1rem; text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}

section h1.first-title {margin-top: 1.5rem;}

.dark1 {color: #fff;text-shadow: none;}


/* NAV
-------------------------------------------------- */
.navbar {padding-top:0 !important; padding-bottom:0 !important;}
header a, #topmenu a {color: #fff;}

/* top nav */
#top-nav {position: fixed !important;}
	.navbar-brand {font-size: .75rem; color: #fff; text-transform: uppercase; padding: 0 0.5rem 0.25rem; background-color: var(--tan-drk); background-color: rgba(116,100,72,.95);}
		.navbar-brand .logo {max-width: 40px; display: block;}
#topmenu {display:none;}

/* bottom nav */
#menu-nav {height: 60px !important; width: 100%;}
	#menu-nav ul.navbar-nav {width:100%; height:60px;}
	#menu-nav .nav-item {width: 100%; text-align: center; background-color: var(--choco-drk); background: linear-gradient(180deg, rgba(31,18,12,.95) 80%, rgba(89,52,39,.95) 100%);}
		#menu-nav .nav-item a {font-size: 2rem; color: #fff;}
			#menu-nav .nav-item a:hover,#menu-nav .nav-item a:active {color: #fff; background-color: var(--gold-drk); background: linear-gradient(180deg, rgba(99,69,17,1) 80%, rgba(179,125,32,1) 100%);}

		.dropdown.dropdown-menu1, .dropup.dropdown-menu2 {position: static;}
			.dropdown-menu {padding:0; margin:0 !important; border:0; border-radius:0;}

			#menu-nav .dropdown-item {font-size: 1.5rem !important; line-height: 30px;}
				.dropdown-item.menu1 {background-color: #821a1f;} /*special*/
				.dropdown-item.menu2 {background-color: #c79743;} /*main*/
				.dropdown-item.menu3 {background-color: #b38739;} /*lunchpre*/
				.dropdown-item.menu4 {background-color: #9b732d;} /*dessertkids*/
				.dropdown-item.menu5 {background-color: #876223;} /*drinks*/
				.dropdown-item.menu6 {background-color: #78571f;} /*gluten vegan*/
				.dropdown-item.menu7 {background-color: #634511;} /*takeaway*/

.btn-info {border:0; border-radius: 0;}


/* Slider
-------------------------------------------------- */
#sliders {padding:0 !important;}

#slider h1 {font-weight:700; margin-bottom: 0.5rem; text-shadow: none;}
#slider p {font-weight:400;}

#slider button {margin-top:8px;}
	#slider .btn-info {margin-right: .5rem; background-color: var(--teal-drk); background: linear-gradient(180deg, rgba(74,122,140,.95) 80%, rgba(119,163,169,.95) 100%);}
		#slider .btn-info:last-child {margin-right: 0 !important;}
		#slider .btn-info:hover,#slider .btn-info:active {background-color: var(--gold-drk); background: linear-gradient(180deg, rgba(99,69,17,.95) 95%, rgba(233,179,84,.95) 100%); color: #fff;}

#slider .carousel-item {max-height: 550px;}

.carousel-indicators {margin-top: 1rem;}
	.carousel-indicators li {height: 5px; background-color: #fff;}
	.carousel-indicators li.active {background-color: var(--gold);}
	.carousel-indicators li:hover, .carousel-indicators li:active {opacity: 1;}

.carousel-control-prev,.carousel-control-next {width:5%;}
	.carousel-control-prev-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");}
	.carousel-control-next-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");}

.carousel-caption {
	width:100%; 
	padding: 2rem 2rem 3rem; 
	left:0; right:0; bottom: 0; 
	background-color: rgba(0,0,0,0.6); background: linear-gradient(0deg, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%);
}
	.voucher-slide {width: 60vw;} 

#quote {text-shadow: 0 1px 0px #fff;}


/* Special
-------------------------------------------------- */
#special {min-height: 400px;}
	#special::before {
		content:""; 
		position: absolute; left: 0; top: 0; 
		width:100%; height:100%;
		background: url("../images/CH-xmas-2025back.jpg") no-repeat center center; background-size: cover; 
		opacity: 1;
	}
#special h1, #special p {text-shadow: 0 1px 0 #000;}
#special h1 {color: #dec8a5;}
#special p {font-weight:400;}
#special .btn-info {background-color: #b38850; background: linear-gradient(180deg, rgba(179,137,80,.95) 80%, rgba(209,170,115,.95) 100%);}
	#special .btn-info:hover, #special .btn-info:active {background-color: #4e2b06; background: linear-gradient(180deg, rgba(179,137,80,.95) 95%, rgba(255,255,250,.95) 100%); color: #fff;}

#notice {background-color: var(--teal-drk);}
#notice p, #notice h2 {color:#fff;}
/* About
-------------------------------------------------- */
section#about .container {padding-left:0 !important; padding-right:0 !important; overflow: hidden}
.hstack .btn {border: none;}
hr {margin-top: 3;}

.about-img1 {width: 100px; opacity: 0.5;}
.about-2a {height:100%;}
.about-img2 {min-width:296px; min-height: 650px; margin-top: -150px;}
.about-img3 {max-width: 80vw; max-height: 130px; filter: drop-shadow(0 4px 5px rgba(31,18,12,.25));}

.img-link {padding: 0; margin: 0 0.75rem 1rem; background-color: var(--tan-drk);}
.img-link img:hover {opacity: 0.5;}

.ch-icon {height: 4rem;}


/* menus
-------------------------------------------------- */
#menu .carousel-indicators {bottom: -2rem;}
#menu .carousel-inner {width: 80%; margin: 0 auto;}
	#menu .col {margin-bottom: 1rem;}

.card {overflow: hidden;
box-shadow: 0 1px 3px 3px var(--choco-drk);
border-radius: 6px; background-color: var(--stone); border: 3px solid var(--stone);
}
	.card:hover {background-color: var(--gold); border: 3px solid var(--gold);}

.card .card-body {padding: .25rem;
font-size: .75rem; text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}


/* Social
-------------------------------------------------- */
section#social {padding-bottom: 1.5rem !important;}

#social a:hover {color: var(--teal);}

#social .powered-by {position: relative!important;}
/* Gallery
-------------------------------------------------- */
section#photo {padding-bottom: .75rem !important;}

#lightbox-carousel .carousel-item img {width: 100%;}
.thumb-l {min-width:100px; min-height:70px;}
.thumb-p {min-width:100px; min-height:140px;}
	.photo-thumb:hover {opacity: 0.5;} 
.modal-content {background-color: var(--tan-drk);}

/* Info
-------------------------------------------------- */
#info {padding-bottom: .5rem !important;}

#map {min-height: 300px; background: #fff; position: relative;}
.google-maps, .tripadvisor {overflow: hidden; padding:0.5rem;}

	#map iframe {display: block; width: 100%; min-height: 300px; height: 100%;} /* removes iframe bottom padding */
	#map .tripadvisor #CDSWIDSSP {width: inherit !important;}

#details {text-align: left; padding-bottom: 0 !important;}
#details h3 {margin-top: .75rem;}
#details a {color: #000;}
#details a:hover {color: #000; opacity: 0.5;}
	#details a.underline:hover {text-decoration: underline !important; text-decoration-color: var(--gold) !important; text-underline-offset: 0.5rem;}
#details a span {color: var(--choco-lite);}
#details .text-spacing {font-size: .75rem; letter-spacing: .5rem; text-transform: uppercase; color: var(--choco-lite);}

#hours div {border-bottom: 1px solid var(--stone); margin-bottom: 1rem;}
#hours .time-day {font-weight:700; flex-shrink: 2000;}

.copy > * {margin-bottom: 1rem;}
	.copy .ch-icon, #details .ch-icon {height: 1.5rem; margin-right: .5rem;}
	.copy a:hover,.copy a:active {opacity: 0.5;}

/* Media Queries
-------------------------------------------------- */
@media (min-width: 768px) {
section:last-child {margin-bottom: 60px;}
	
section#about::before,
section#photo::before {width: 200px;}

section#menus::before,
section#social::before,
section#info::before {width: 300px;}

/*nav*/
#top-nav {width: 1116px;
	background-color: var(--tan-drk); 
	background: linear-gradient(180deg, rgba(116,100,72,0.95) 40%, rgba(139,120,86,1) 80%, rgba(197,173,131,1) 100%);
	}
	#topmenu {display:flex;}
	
	.navbar-brand {text-align: left; font-size: 1rem; margin: 0 !important; padding: 1rem 0 !important; background: none;}
	.navbar-brand .logo {display: inline-block !important; padding: 0 5px; max-width: 40px; margin-top: -1px;}
	
	#top-nav .nav-link {padding: 1rem 0 !important; margin: 0 .75rem;}
		#top-nav .nav-link:hover,#top-nav .navbar-brand:hover {opacity: 0.7;}
		#top-nav .nav-link:hover {text-decoration: underline !important; text-decoration-color: var(--gold) !important; text-underline-offset: 0.5rem;}
			#top-nav .dropdown-item {padding: 0.5rem 2rem;}
			#top-nav .dropdown-item:hover {background-color: var(--choco-drk);}
	
	
#menu-nav {display:none;}

/*slider*/
#slider h1 {font-size: 3rem;}
#slider p {font-size: 1.5rem;}
.carousel-caption {padding: 3rem;}
	.voucher-slide {width: 30vw;} 


/*about*/
.about-img1 {width: 300px;}
.about-img3 {max-height: 200px;}

/*info*/
#details .lead {font-size: 1rem !important;}
.copy {width: 33.333%; margin: 0 !important; padding-left: 1rem;}
.copy > * {text-align: left; margin-bottom: 1rem;}
}
@media (max-width: 767px) {
#menu .col a{max-height: 200px;}

}