@charset "UTF-8";
/* CSS Document */
/* Mountain Beak St */
/* SS23 */
/* 1.0 */



body 					{margin:0px;padding;0px;font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 14px; line-height: 20px; margin: 0px; font-weight: 500; color: #231f20; background: #fdfcf7;}	

section 				{padding: 0px; margin:0px;display: flex}
		
/* ---------- Format ---------- */	
	
.container 				{margin: auto;}	
.inner					{padding: 0 30px 0 30px;}	
.inner_right			{padding: 0 0px 0 30px;}	

.img					{width: 100%;}
.img_hero				{width: 90%;padding: 0 5%}


@media (min-width: 801px) {
.nav_primary			{position: fixed; top: 30px; left: 30px; z-index: 998}
.nav_hours				{position: fixed; top: 30px; right: 0px; z-index: 998}
.winebarsoho			{position: absolute; top: 30px; left: 250px; right: 250px; text-align: center;text-transform: none}
.address				{position: absolute; top: 50%; left: 30px;}
.london					{position: absolute; top: 50%; right: 30px;}
.nav_centre				{}
.terms_title			{position: absolute; top: 28%; left: 250px; right: 250px; text-align: center;text-transform: none}
.terms_copy				{padding-top:30%;  margin: auto; width: 60%;}	
.img_hero_mo			{width: 90%;padding: 0 5%}
.img_produce			{z-index: 3; width: 50%; margin-left:50%;}		
}
@media (max-width: 800px) {
.nav_primary			{position: absolute; bottom: 28%; left: 50px; right:30px; z-index: 998; text-align: center;}
.nav_hours				{position: absolute; top: 30px; right: 30px; z-index: 998}
.winebarsoho			{position: absolute; top: 22%; right: 30px; left: 30px; text-align: center;text-transform: none}
.address				{position: absolute; bottom: 10%; left: 30px;}
.london					{position: absolute; bottom: 10%; right: 30px;}
.nav_centre				{margin: auto; width: 240px;}
.terms_title			{position: absolute; top: 25%; right: 30px; left: 30px; text-align: center;text-transform: none}
.terms_copy				{padding-top:70%;}	
.img_hero_mo			{width: 100%;}
.img_produce			{z-index: 3; width: 65%; margin-left:35%;}	
}


.columns_flex 			{display: flex;flex-direction: row; padding:0px; margin:0px;}
.columns_wrap 			{display: flex;flex-wrap: wrap; padding:0px; margin:0px;}

@media (min-width: 801px) {
.mv						{visibility: hidden; display: none;}
.dv						{visibility: visible; display: block;}
	
.column1 				{flex: 100%;}
.column2 				{flex: 50%;}
.column3 				{flex: 33.33%; padding: 15px;}
.column4 				{flex: 25%; padding: 15px; }
.column5 				{flex: 20%; padding: 15px;}
.column6 				{flex: 16.66%; padding: 15px;}
	
.centre_mid_inner_pages	{background-color: transparent; margin-bottom: -100px; opacity: 0.15; z-index: 1}	
.centre_mid				{background-color: transparent; margin-top: -100px; opacity: 0.15; z-index: 1}	
.img_final 				{margin-top: -25%; z-index: 1}
.contact_col2			{padding-top: 110px;}	
.p_left_mob				{padding-left: 0px;}	
.p_left_60				{padding-left: 0px;}	
.p_top_80				{padding-top: 0px;}	

.careers_subs_footer	{padding-top: 250px; padding-bottom: 25px}	
.reservations			{text-align: center; margin-left: -20px}	
.booking_section		{width: 50%; margin: auto;}
	
.mountain				{width: 30%; padding-top: 30px;}
.mountain_load			{width: 75%;}	
.top-container {
  background-color: #fdfcf7;
  padding: 30px;
  text-align: center; height: 300px;	
}	
	.img_wine	{margin-top: -350px; }
	.img_lead	{margin-top: -50%; z-index: 2}
	.inner_lead	{padding: 0 30px 0 30px;}
	.mid_post	{margin-top: -230px;}	
	
.inner_top				{padding: 30px 30px 0 30px;}		
.inner_widget			{padding: 30px 30px 0 30px;}		
.inner_top_intro		{padding: 30px 30px 0 30px;}		
.res_title_mo			{padding-left: 0px;}
}

@media (max-width: 800px) {
.mv						{visibility: visible; display: block;}
.dv						{visibility: hidden; display: none;}
	
.columns_wrap 			{display: flex;flex-direction: row; padding:0px; margin:0px;}
.columns_flex 			{flex-direction: column;padding:0px;margin:0px;}

.column1 				{flex: 100%;}
.column2 				{flex: 100%;}
.column3 				{flex: 100%; padding: 0px;}
.column4 				{flex: 100%; padding: 0px; }
.column5 				{flex: 100%; padding: 0px;}
.column6 				{flex: 100%; padding: 0px;}	
	
.centre_mid				{background-color: transparent; margin-top: -100px; opacity: 0.15; z-index: 1}	
.centre_mid_inner_pages	{background-color: transparent; margin-bottom: -100px; opacity: 0.15; z-index: 1}	
.img_final 				{margin-top: 30px; z-index: 1; margin-left: -40px; padding-right: 30px}
.contact_col2			{padding-top: 25px;}	
.p_left_mob				{padding-left: 30px;}	
.p_left_60				{padding-left: 60px;}	
.p_top_80				{padding-top: 80px;}	

.careers_subs_footer	{padding-top: 150px; padding-bottom: 25px}	
.reservations			{text-align: center;}	
.booking_section		{width: 100%;}
	
.mountain				{width: 85%; padding-top: 30px;}
.mountain_load			{width: 75%;}	
.top-container {
  background-color: #fdfcf7;
  padding: 30px;
  text-align: center; height: 30vh;
}
	
	.img_wine	{margin-top: -60px; }	
	.img_lead	{margin-top: -35%; z-index: 2;}
	.inner_lead	{padding: 0;}
	.mid_post	{margin-top:30px;}	

.inner_top				{padding: 30px 30px 0 30px;}		
.inner_widget			{padding: 30px 0px 0 0px;}		
.inner_top_intro		{padding: 30px 30px 0 0px;}		
.res_title_mo			{padding-left: 20px;}
	
}
.p_left					{padding-left: 30px;}	
.p_top_60				{padding-top: 60px;}

.ac						{text-align: center}
.ar						{text-align: right}

h1 						{font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 17px; line-height: 20px; padding-bottom: 40px;margin: 0px; font-weight: 500}	
h2 						{font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 14px; line-height: 20px; padding-bottom: 40px;margin: 0px; font-weight: 500}	


	

#intro					{position: fixed; top:0px; bottom:0px;left:0px; right: 0px; background: #3a4595; z-index: 999;}

#mce-EMAIL				{background: #3a4595; color: #fff; width: 90%; border: 0px; font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 14px; line-height: 20px; padding-bottom: 10px;margin: 0px; font-weight: 500; margin-left: 30px; border-bottom: 1px solid #fff;}

/* Button Styling  */

.button	{font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 14px; line-height: 20px; padding-bottom: 10px;margin: 0px; font-weight: 500; margin-left: 30px; border-bottom: 1px solid #fff; padding: 8px 0px 30px 0px; border: none; background: none; color: #fff; text-decoration: none;}

.button:hover {font-family:'saintecolombe-medium', Times, "Times New Roman", "serif";font-size: 14px; line-height: 20px; padding-bottom: 10px;margin: 0px; font-weight: 500; margin-left: 30px; border-bottom: 1px solid #479f76; padding: 8px 0px 30px 0px; border: none; background: none; color: #479f76; text-decoration: underline;} 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

div:focus, textarea:focus, input:focus{outline: none;}

/* Style the header */
.header { text-align: center; background-color:#fdfcf7;
}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%; background-color:transparent; z-index: 99;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 30px; 
}


.blue					{background: #3a4595; color: #fff}
.blueblk				{background: #3a4595; color: #231f20}
.creme					{background:#fdfcf7}

.subscribe				{border-bottom: 1px solid #fff; padding-top: 7px;}
.day					{padding-right: 10px;}


a:link 					{text-decoration: underline; color: inherit;}
a:visited 				{text-decoration: underline; color: inherit;}
a:hover 				{text-decoration: underline; color:#479f76;}
a:active 				{text-decoration: underline; color: inherit;}

.li_p					{padding-top: 12px;}
.li_b					{padding-bottom: 12px;}

.li						{text-transform: none;}
a.li:link 				{text-decoration: none; color: inherit; text-transform: none;font-size:17px; padding-right: 30px;}
a.li:visited 			{text-decoration: none; color: inherit;}
a.li:hover 				{text-decoration: underline; color:#479f76;}
a.li:active 			{text-decoration: none; color: inherit;}

a.ul:link 				{text-decoration: none; color: inherit;}
a.ul:visited 			{text-decoration: none; color: inherit;}
a.ul:hover 				{text-decoration: underline; color:#479f76;}
a.ul:active 			{text-decoration: none; color: inherit;}

a.ul_c:link 			{text-decoration: none; color: inherit;text-transform: none;font-size:17px;}
a.ul_c:visited 			{text-decoration: none; color: inherit;}
a.ul_c:hover 			{text-decoration: underline; color:#479f76;}
a.ul_c:active 			{text-decoration: none; color: inherit;}