
/*	5. Links .................................................................................................................. */
	A						{color:inherit; text-decoration:none;}
	A:hover					{color:inherit; text-decoration:underline;}
	
	
	A.brand_logo			{font-size:11pt; font-weight:normal; line-height:17px;}
	A.brand_logo:link,
	A.brand_logo:active,
	A.brand_logo:visited	{color:#302010;}
	A.brand_logo:hover		{color:#254400; text-decoration:underline;}
	


	.btn {
		/*border-radius:3px;
		padding:1vw 2vw;*/
		background-color:#fff;
		box-shadow:0px 0px 0px rgb(0 0 0 / 0%);
		border-radius: 5px;
		font-family: Gantari, arial, helvetica;
		font-size: calc(15px + 0.3vw);
		letter-spacing: 0.5px;
		margin: calc(30px + 2vw) auto 1vw auto;
		padding: calc(15px + 0.4vw) 3vw;
		text-transform: uppercase;
		width: auto;
		transition:.3s all;
		-webkit-transition:.3s all;
	}
	
	#details .btn:hover {
		box-shadow:0px 10px 15px rgb(0 0 0 / 4%);
		color:#6f004e;
		transform:translateY(-5px);
	}
		
		


/*	6. Text .................................................................................................................. */
	a:focus {
		outline:1px dotted invert
	}
	
	
	h1, h2 {
		font-size:2.7em;
	}
	
	h1, h2, h3, h4 {
		line-height:normal;
	}
	
	li {
		margin-left:30px
	}
	
	p,dl,hr,ol,ul,pre,table,address,fieldset{
		margin-bottom:4px;
	}
	
	
	
	.mny.pounds:before,
	.mny.pence {
		font-size:0.7em;
	}
	
	.mny.pounds:before {
		content:'£';
	}



	.ita {		
		font-style:italic;
	}


	.date .ita {
		font-size:0.6em;
	}




/*	HOME PAGE ------------------------------------------------------------------------------------------------------------------------------------ */	

	#wrapper,
	#wrapper > div {
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	
	#wrapper,
	#wrapper > div {
		align-items: center;
		-webkit-align-items: center;
	}

	#wrapper {		
		float:left;
		width:100%;
	}
	

	#main h1 {
		font-size:calc(1.8em + 0.3vw);
	}

	#main {
		color:#000;
		font-weight:500;
		margin:3vw 0 0 0;
		min-height:40vh;
		padding:10px 5vw 30px 30vw;
		position:relative;
		text-align:center;
		width:70vw;
	}

	#main > *:not(picture) {
		z-index:1;
	}

	#wrapper #details {
		background-color:#f8f8f8;
		border-radius:4px;
		float: left;
		font-size:calc(1.3em + 0.2vw);
		list-style-type:none;
		margin-top:3vw;
	}

	
	
	h2,
	h3 {
		color:#24345d;
		letter-spacing:normal;
		text-transform:initial;		
	}
	
	h3.enquiry {
		color:#761348;
	}
	
	
	h2 {
		font-size:1.4em;
		margin-bottom:20px;
		text-align:center;
	}
	
	#main {
		margin-bottom:20px;
		padding-bottom:20px;
	}

	#main #rd-widget-frame {
		z-index:9;
	}

	#details ul li {
		font-size:calc(0.7em + 0.2vw);
		list-style:none;
		margin-left:0px;
		padding:20px 10px 20px;
	}
	
	
	img.tricolor {
		height:40px;
		margin:20px auto;
	}
	
	
	img.beaujolais {
		height:120px;
		margin:35px auto 20px auto;
	}
	
	img.wine_glass,
	img.goblet {
		height:70px;
		margin:35px auto 30px auto;
	}
	
	
	
	#main picture,
	#main picture img {
		border-radius: 4px;
		height:100%;
		left:0px;
		object-fit:cover;
		position:absolute;
		top:0px;
		width:100%;
		z-index:0;
	}







	
	footer {
		font-size:15px;
		letter-spacing: 1px;	
		padding: 4vw 0 3vw 0;
		text-align: center;
	}

	
	#footer-links {
		text-transform: uppercase;
	}

	
	#footer-links a {
		white-space: nowrap;
	}

	
	footer > * {
		padding-bottom:1em;
		padding-top:1em;
	}


	footer p {
		line-height:2em;
		margin: 2px 0px; 
	}

	#footer-links a:not(:last-of-type):after {
		color:#ddd;
		content: "·";
		margin:0 0.2em 0 0.5em;
	}
	
	/*#footer-credit {
		color: #f1efeb;
	}
	
	#footer-credit .credit {
		color: #bfc5b6;
	}*/



@media screen and (min-width:992px) {

	.social a {
		float:right;
		margin-left:15px;
		width:40px; 
	}
												
	footer #footer-address .social {
		display:flex;
		display:-webkit-flex;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content: space-evenly;
		justify-content: space-evenly;
	}

	footer #footer-links a:not(:last-of-type):after {
		margin: 0 1.5em 0 1.5em; 
	}
}



					
	
@media screen and (max-width:991px) {	
	#wrapper {
		font-size:1.2em;
	}
		
	#main h2 .per_person {
		white-space:nowrap;
	}
	
	#wrapper svg {
		padding-bottom:2vw;
		width:80vw;
	}

	#main {
		margin-top:10vw;
		padding-bottom:5vw;
		padding-top:5vw;
		width:75vw;
	}	
	
	#main .btn {
		background-color:#24345d;
		color:#fff;
		letter-spacing:1px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#main ul {
		margin-top:25px;
	}			
	

	#main {
		border-radius: 5px;
		padding:10px 8vw 20px 8vw;
		width:90vw;
	}

	#details {
		border-radius:0px;
		margin-top:25px;
		width: 100vw
	}
	
	#main picture {
		height:95%;	
	}

	
	#widget-modal-root .modal-body {
		min-height: 100vh !important;
	}

	#rd-widget-root .drop-fill-in.form-control[readonly], 
	#rd-mini-widget-root .drop-fill-in.form-control[readonly],
	#rd-mini-widget-root .form-control, 
	#rd-widget-root .form-control, 
	#widget-modal-root .form-control,
	#rd-mini-widget-root .input-group .form-control:first-child {
		font-size:17px;
		text-align:center;
	}


	#rd-mini-widget-root .form-control, #rd-widget-root .form-control, #widget-modal-root .form-control {
		padding:2px 12px !important;
		text-align:center;
	}	

	#rd-mini-widget-root .time-list-container .drop-list .timeslot-row>p {
		margin:0 !important;
	}

	#rd-widget-root .promo-container {
		display: flex;
		display:-webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	#rd-widget-root .promo-container > * {
		width:100% !important;
	}
	
	#rd-widget-root .promo-container .btn-select {
		margin-top:0px;
	}
	


	footer {
		font-size:12px;
		text-align:center; 
	}

	footer > div > div {
		padding-top:20px; 
	}	

	#footer-links {
		line-height: 2em;
	}
												
	footer .credit {
		margin-top: 2em;
	}

	.social {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		align-items:center;
		-webkit-align-items:center;
		justify-content: center;
		-webkit-justify-content: center; 
	}

	.social a {
		margin:15px;
		width:30%; 
	}

}


	
	
		body#beaujolais-mumbles {
			font-family:'Quattrocento', 'courier', 'Serif';
		}
		
		#main {
			font-size:calc(1em + 0.2vw);
		}
		
		#wrapper #details {
			padding:25px calc(20px + 1vw) 20px calc(20px + 1vw);
		}
		
		#main h1 {
			color:#2e0760;
			letter-spacing: normal;
			margin-bottom:2vw;
			margin-top:30px;
			text-transform: revert;
		}
		
		#main h1 + label,
		#main .title_img + label {
			color:#24345d;
			font-family:'Cormorant Garamond', 'courier', 'Serif';
			font-weight:500;
			text-transform:uppercase;
		}
		
		#main label .date {
			color:#6f004e;
		}
		
		
		.ita {
			text-transform:none;
			font-weight:300;
		}

		#main img.title_img {
			margin-bottom:1vw;
			width:100%;
		}
		
		#main #rd-widget-frame {
			float:left; 
			width:100%; 
			margin:2vw 0px 4vw 0px; 
		}

		/*#main ul li:nth-child(even) {
			border-bottom:1px solid #f9d1d1;
			border-top:1px solid #cad9ff;
		}*/

		#main ul li:last-of-type {
			border-bottom:1px solid #f9d1d1;
			padding-bottom: 2.5vw;
		}

		#main ul {
			margin-bottom: 2.5vw;
			padding-left:0px;
		}
		
		#main #details ul img {
			margin:0px auto 20px auto;
		}
		
		
		.btn.menu_pdf {
			background-color: #efeeeb;
			font-size: 1.5rem;
			font-weight: bold;
			margin-bottom: 0px;
			margin-top:2em;
		}
		
		am::after,
		pm::after {
			font-size:0.7em;
			margin-left:1px;
		}
		
		am::after {
			content: 'am';
		}
		
		pm::after {
			content: 'pm';
		}
		
		
		footer {
			/*backdrop-filter: blur(35px);*/
			margin-top:30px;
		}
		
		

		@media screen and (min-width:992px) {			
			#main h1 + label {
				display:none;
			}
		
			#main .title_img + label {
				font-size:1.82em;
				letter-spacing: normal;
			}
		
			#main label .date {
				font-size:55px;
				margin:auto 4px;
			}
		
			.btn.menu_pdf::before {
				background:url(/_images/icons/menu.svg) center no-repeat;
				background-size:contain;
				content:' ';
				float:left;
				height:1.4em;
				margin-right:5px;
				width:30px;
			}
		}
		
		

		@media screen and (max-width:991px) {			
			#main {
				margin-bottom:0px;
				padding-bottom:0px;
			}
			
			#main .title_img {
				order:0;
			}
		
			#main h1 {
				font-family:'Cormorant Garamond', 'courier', 'Serif';
				font-size:20px;
				order:1;
				margin-bottom: 0px;
			}
			
			#main h1 + label {
				display:none;
			}
		
			#main .title_img + label,
			#details h2 {
				font-size:1.5em;
			}
		
			#main .title_img + label {
				line-height: normal;
				margin: 0px auto 20px auto;
				order:2;
			}
		
			#main label .date {
				font-size:40px;
			}
			
			#main #rd-widget-frame {
				box-shadow: 0px 0px 83px #4442;
				margin-bottom:30px;
				order:3;
			}
			
			#main ul {
				margin-bottom:30px;
			}
			
			#main ul li:last-of-type {
				padding-bottom:20px;
			}
			
			#main #details {
				border-radius:0px;
				order:4;
			}
			
			#main h2 .per_person {
				font-size:0.8em;
			}
			
			#main .tricolor {
				display:none;
			}
			
			#main h3.enquiry {
				font-size:0.9em;
			}
			
			#main .btn.dk_red {
				background-color:#520505;
			}
		}

