/* 
Theme Name: OldWhiteHart
Theme URI: 
Author: Michael Rosser
Version: 2.0 
Tags: Simple, effective 
*/ 
 /* Global Styles - Start */




	
  	body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
       background-color: #fafafa;
		font-size: 15px;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height: 1.7;
font-weight: 400;
font-style: normal;
}    
    * {
  box-sizing: border-box;
}
    
    img {
        max-width: 100%;
        height: auto;
    }


/*WORDPRESS*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.wrapper {
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1400px;
}

/* Slideshow */
.container {
  width: 100%;
  height: 500px;
  position: relative;
	background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.container .slide {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  transition: opacity 1s ease-in-out;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
}
.container .slide.show {
  opacity: 1;
}

.show {
    opacity: 1;
        }

	
	/*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	
.middle {
	height: auto;
	overflow: hidden;
		margin-top: 8px;
	margin-bottom: 8px;
	padding-top:1em;
	padding-bottom: 1em;
	}
	
.facebook {
	height: 600px;
}


/* Product title equal sizes*/
.woocommerce ul.products li.product .product-name, .woocommerce-page ul.products li.product .product-name {
    min-block-size: 45px;
}


.price .woocommerce-Price-currencySymbol{
    color:  #5E0001 !important;
}

.woocommerce-Price-amount.amount {
color: #5E0001;
}

.single-product .dfd-price-rating-wrap > .price-wrap .price .amount {
	font-size:15px !important;
}
	
section {
	float: left;
	display: block;
	width:100%;
}



	
	[class*='col-'] {
		width:100%;
		float: left;
		min-height: 1px;
	}
	
	.col-mob-1 {width:8.33333%;}
	.col-mob-2 {width:16.66667%;}
	.col-mob-3 {width:25%;}
	.col-mob-4 {width:33.33333%;}
	.col-mob-5 {width:41.66667%;}
	.col-mob-6 {width:50%;}
	.col-mob-7 {width:58.33333%;}
	.col-mob-8 {width:66.66667%;}
	.col-mob-9 {width:75%;}
	.col-mob-10 {width:83.33333%;}
	.col-mob-11 {width:91.66667%;}
	.col-mob-12 {width:100%;}

   #wp-megamenu-top-menu {
   
    text-align: center;
    display: none;
}

/* WooCommerce Product Category/Archive Height Adjustment */
.woocommerce ul.products li.product li.title a {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
}




.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#4c5c6c !important;

background-color:#4c5c6c !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;
	margin: 5px;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#4c5c6c !important;

background-color:#4c5c6c!important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #4c5c6c !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #4c5c6c !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

    
	.row1, .row2, .row3, .row4, .row5 {
		height: auto;
		padding: 10px;
		
	}
	
	.row1 {
		height: 100px;
	

	
	}
	
	.logo {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	.logo h1{
		color: #9bc1b4;
font-weight: 400;
font-style: normal;
		font-size: 6vw;
		margin: 0;
		padding: 0;
		text-align: center;
	}

.stag_left {
	background-image: url(http://oldwhitehart-com.stackstaging.com/wp/wp-content/uploads/2021/05/Stag.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
}
.stag_right {
	background-image: url(http://oldwhitehart-com.stackstaging.com/wp/wp-content/uploads/2021/05/Stag.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
	background-position: none;
}

.slideshow_text {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 3;
	padding: 10px;
}

.slideshow_text h2 {
		text-align: center;
	color: white;
	text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 3rem;
	margin:0px;
	line-height: -5;
}

	.slideshow {
		height: auto;
		overflow: hidden;
		float: left;
		width: 100%;
		background-position: center;
		background-size: cover;
	}

	.hero_text_homepage {
		width: 60%;
		padding: 20px;
		text-align: center;
		margin: 0 auto;
		background-color: rgba(232,232,232,0.81);
	
		position: absolute;
		z-index: 2;
		left:0;
		right:0;
	}

.app {
	height: auto;
	overflow: hidden;
	text-align:center;
	padding: 10px;
}

.app_logos {
	text-align: center;
}
	
	.row2 {
		height: auto;
		overflow: hidden;

		background-position: center;
		background-size: cover;
	}


	
	.row2 h2, .hero_text_homepage h2 {
font-weight: 400;
	
		text-align: center;
		
		color: white;
			margin: 0;
		padding: 0;
		font-size: 10vw;
		text-shadow: 0 0 6px #000000;
	}
	
	.row2 p {
font-weight: 400;
		font-style: italic;
		text-align: center;
		color: white;
		margin: 0;
		padding: 0;
		font-size: 6vw;
	}

.row4 {
	overflow: hidden;
	border-bottom: thin rgba(63,63,63,1.00)
}
	
	.hero_text {
		width: 60%;
		padding: 20px;
		text-align: center;
		margin: 0 auto;
		background-color: rgba(232,232,232,0.81);
	
	
	}

.hero_text h3 {
	color: black;
}
	
	.strapline {
		background: #9bc1b4;
		height: auto;
		overflow: hidden;
		text-align: center;
		padding: 10px;
	}

.strapline p{
	color: white;
}
	
	.strapline_middle {
		padding: 5px;
		border-left:none;
			border-right:none;
	border-top: rgba(245,245,245,1.00) thin solid;
			border-bottom: rgba(245,245,245,1.00) thin solid;
	}

.strapline a:link, .strapline a:visited {
	color: white;
	padding: 20px 20px;
}

.strapline a:hover {
	color: #4c5c6c;
}

.strapline_left, .strapline_right {
	padding: 5px;
}

.row3 {
	overflow: hidden;
	
}

.row3 a:link, .row3 a:visited {
	color: #4c5c6c;
	text-decoration: underline;
}
.row3 a:hover {
	color: red;
}
	
.row3 h1 {
	color: green;
}

	.row3 h2  {
		text-align: center;
		color: #4c5c6c;
		font-size: 6vw;
	}

	.row4 h2  {
		text-align: center;
		color: #4c5c6c;
	
	text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
	margin:0px;	}
	
 .row3 p {
		text-align: center;
		color: grey;
		font-size: 1.2rem;
	}
	
	
	.row_container {
		max-width: 1300px;
		margin: 0 auto;
	}
	
		.row6 {
		height: auto;
		overflow: hidden;
		background: #4c5c6c;
			padding: 10px;
	}

.row7 {
	padding: 10px;
}
	
	.row7 p {
		color:#4C5C6C;
		text-align: center;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}




.our_drinks {
	height: auto;
	overflow: hidden;
	background-image: url(http://oldwhitehart-com.stackstaging.com/wp/wp-content/uploads/2021/05/OurDrinks.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
	width: 100%;
	
}

.our_drinks_container {
	width: 90%;
	margin: 0 auto;
}

.our_drinks h2 {
	text-align: center;
	color: white;
	text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
	margin:0px;
}

.our_drinks p {
	text-align: center;
	color: white;
	text-shadow: 0 0 6px #000000;
		font-size: 1.2rem;


}

.our_menu {
	height: auto;
	overflow: hidden;
	background-image: url(http://oldwhitehart-com.stackstaging.com/wp/wp-content/uploads/2021/05/OurDrinks.jpg);
	background-position: center;
	background-size: cover;

	margin-bottom: 20px;
	width: 100%;
}

.overlay {
	background-color: rgba(0,0,0,0.63);
	height: auto;
		padding-top: 150px;
	padding-bottom: 150px;
	overflow: hidden;
}

.menu {
	height: auto;
	text-align: center;
}
.menu img {
	width: auto;
	-webkit-box-shadow: 0 0 7px 2px #000000;
box-shadow: 0 0 7px 2px #000000;
}

.our_menu h2 {
	text-align: center;
	color: white;
	text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
	margin:0px;
}

.our_menu p {
	text-align: center;
	color: white;
	text-shadow: 0 0 6px #000000;
		font-size: 1.2rem;


}

.contact_us {
	height: auto;
	overflow: hidden;
}
.address {
	text-align: center;
	margin-top: 50px;
}

.address h2 {
	text-align: center;
	color: grey;
	text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
	margin:0px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.row5 {
	height: auto;
	overflow: hidden;
}

.row5_container {
	max-width: 1000px;
	margin: 0 auto;
		height: auto;
	overflow: hidden;
}

.row5 .box_image {
	height: 300px;
	background-position: center;
	background-size: cover;
}


.menu_section_title {
	height: auto;
	overflow: hidden;
	border-bottom: thin rgba(68,68,68,1.00) solid;
}

.menu_section_title h2 {
	margin: 0;
	padding: 0;
	line-height: auto;
}

.menu_section_description {
	text-align: center;
}

.meal_description {
	text-align: center;
	height: auto;
}


.menu_item_container {
	text-align: center;
	padding: 10px;
}

.meal_image {
	height: 200px;
	background-position: center;
		text-shadow: 0 0 6px #000000;
	font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
	margin:0px;
}


	
	
	.row8 {
		height: auto;
		overflow: hidden;
		background: #b6b6b6;
	}

.row8 p {
	color: white;
}



.row8 li {
		padding: 3px;
}

.row8 a:link, .row8 a:visited {
	color: white;
	text-decoration: underline;

}

.row8 a:hover {
	color: yellow;
}



.footer_section {
	height: auto;
	overflow: hidden;
	background-image: url('https://ajj.mrosser.co.uk/wp/wp-content/uploads/2021/04/GreenFooterImage.jpg');
	background-size: cover;
	background-position: center;
}


	.green_overlay {
		height: auto;
		overflow: hidden;
		background-color: rgba(1,152,117,0.67);
			padding-top:40px;
	padding-bottom: 40px;
	text-align:center;
	}

.green_overlay h2 {
	color: white;
}

.green_overlay h3 {
	color: white;
}

	  
	
	.footer_overlay {
		height: auto;
		overflow: hidden;
		background-color: rgba(76,92,108,0.77);
	}
	  
		
	.row_container_footer {
		height: auto;
		max-width: 1400px;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}


	
	.contact_us, .quick_links {
		text-align: center;
	}

.quick_links a:link, .quick_links a:visited {
	display: block;
	text-align: center;
}
	
	.contact_us h2, .quick_links h2 {
		
		display: block;
			font-family: al-fresco,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 4rem;
		margin: 0;
		padding: 0;
		line-height: 2;
	}
	
	.footer_info {
		text-align: center;
	}

.footer_logo {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
	
	
		.box_image {
		height: auto;
		background-position: center;
		background-size: cover;
			overflow: hidden;
	}
	
	.box_overlay {
		height: auto;
		overflow: hidden;
		background-color:rgba(0,0,0,0.25);
		
  ;
	}


.box_overlay:hover {
	
}

a:link, a:visited {
	text-decoration: none;
}

 .box_text:link, .box_text:visited {
	text-decoration: none;
}



	  
	.box_text {
		text-align: center;
		color: white;
		height: auto;
		
	}
	
	.box_text h1 {
font-weight: 500;
		color: white;
		font-size: 2vw;
		margin: 0;
		padding: 0;
		text-shadow: 0 0 7px #000000;
	}

.box_text h2:hover {
 color: white;
	}
	
		.seasonal_box_image {
		height: 450px;
		background-position: center;
		background-size: cover;
			overflow: hidden;
	}
	

	  
	.seasonal_box_text {
		text-align: center;
		color: white;
		height: auto;
	
	}

.seasonal_box_text h2 {
			font-family: playfair-display,serif;
font-weight: 600;
		
		font-size: 2rem;
}


	.our_team_box_image {
		height: 300px;
		background-position: center top;
		background-size: cover;
			overflow: hidden;
	}
	
	
	.our_team_box_text {
		text-align: center;
		color: #4c5c6c;
		height: auto;
	
	}

.our_team_box_text h2 {
		text-align: center;
		color: #4c5c6c;
	font-size: 1.5rem;
	
}

.social_links:link {
	width: 45px;
	height: auto;
}



.top_bar .cart {
	text-align: right;
}

.top_bar .cart a:link, .top_bar .cart a:visited {
	list-style-type: none;
	display: inline-block;
	color: grey;
}

.top_bar .cart a:hover {
	color: green;
}

.top_bar .cart li {
	display: inline;
	padding: 0 10px;
}
	
 ul {
	list-style-type: none;
	 margin: 0;
	 padding: 0;
}

.sku_wrapper, .posted_in {
	display: block;
}

.sidebar {
	border-right: thin rgba(98,98,98,1.00) solid;
	
}

.sidebar a:link, .sidebar a:visited {
	color: #4c5c6c;
}


.results_container {
	margin-bottom: 10px;
	padding: 10px;
	height: auto;
	overflow: hidden;
	border-bottom: thin rgba(58,58,58,1.00) solid;
}

.results_container a:link {
	display: block;
}


.search-post-image {
	width: 90px;
	height: auto;
	margin: 0 auto;
	
}



.search_bar {
	display: none;
}

.page-numbers:link {
	color: #4c5c6c;
}

	.left_image, .right_image {
			height: 250px;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		

	
    @media only screen and (min-width: 768px) {
        		.col-dt-1 {width:8.33333%;}
	.col-dt-2 {width:16.66667%;}
	.col-dt-3 {width:25%;}
	.col-dt-4 {width:33.33333%;}
	.col-dt-5 {width:41.66667%;}
	.col-dt-6 {width:50%;}
	.col-dt-7 {width:58.33333%;}
	.col-dt-8 {width:66.66667%;}
	.col-dt-9 {width:75%;}
	.col-dt-10 {width:83.33333%;}
	.col-dt-11 {width:91.66667%;}
	.col-dt-12 {width:100%;}
     
		
			.row1 {
					height: 190px;
		}
		

.top_bar {
	height: 200px;

}
		
		.stag_left {
	background-size: contain;
	height: 200px;
	background-repeat: no-repeat;
}
		
		
		.stag_right {
	background-size: contain;
	height: 200px;
	background-repeat: no-repeat;

}
		
		   #wp-megamenu-top-menu {
    text-align: center;
    display: inherit;
}

		.search_bar {
	display: inherit;
		
}
		
		.search_bar .sidebar-title {
			color: white;
		}
		
			.logo {
		width: 350px;
		margin: 0 auto;
	}
	
	.logo h1{
		color: #9bc1b4;
		font-size: 3rem;
		margin: 0;
		padding: 0;
		text-align: center;
	}
		
			.navbar {


  height: auto;
overflow: hidden;
			max-width: 1100px;

			margin: 0 auto;
		list-style-type: none;

		}

		  .navbar ul {
			  margin: 0;
			  padding: 0;
		  }


/* Navigation links */

.navbar a {
	display: inherit;
text-transform: uppercase;
  float: left;

  padding: 10px 5px;
 color:white;

  text-decoration: none;

  font-size: 15px;

  width: 17%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */

  text-align: center; /* If you want the text to be centered */
border-bottom: #212121 solid thin;
}



/* Add a background color on mouse-over */

.navbar a:hover {

 color: var(--orange);
	cursor: pointer;
border-bottom: var(--orange) solid thin;
}



/* Style the current/active link */

.navbar a.active {

  color: #4CAF50;

}

		.navbar li {
			position: relative;
			display: inherit;
		}

		.navbar li .sub-menu {
			display: none;
					position: absolute;
			-webkit-box-shadow: 0 0 5px 1px #000000;
box-shadow: 0 0 5px 1px #000000;
			z-index: 3;
			top:80px;
			left: 0;
			right: 0;
			width: 100%;
			background: #59636b; /* Old browsers */
			margin: 0;
			padding: 0;
			list-style-type: none;
		
		}
		

		

		.navbar .menu-item-has-children:hover .sub-menu {
			display: block;
		
		}
		
	
			.row2 h2 {
		text-align: center;
		font-weight: 500;
		color: white;
			margin: 0;
		padding: 0;
		font-size: 6rem;
		text-shadow: 0 0 6px #000000;
	}
	
	.row2 p {
		text-align: center;
		color: grey;
		margin: 0;
		padding: 0;
		font-size: 2rem;
	}
		
		.row3 h2 {
		font-size: 2.5rem;
	}
	

.row4 {
	overflow: hidden;
	background-position:center;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
		border-bottom: thin rgba(63,63,63,1.00)
}
	
	.
}
	
	.hero_text {
		width: 50%;
		text-align: center;
		margin: 0 auto;
		margin-top:12%;
		margin-bottom:10%;
	}
		
		.hero_text_homepage {
		width: 50%;
		text-align: center;
		margin: 0 auto;
		margin-top:12%;
		margin-bottom:10%;
	}
		
	.strapline_middle {
		padding: 5px;
	
	border-top: none;
			border-bottom:none;
			border-left: rgba(245,245,245,1.00) thin solid;
			border-right: rgba(245,245,245,1.00) thin solid;
	}
		
		.box_text h2 {
		font-size: 2vw;
		text-shadow: 0 0 6px #000000;
	}
		
		.cart {
	text-align: right;
}

		
		
		/* Image Section on homepage */
		
		
		
		.images {
			height: auto;
			overflow: hidden;
		}
		
		.left_image, .right_image {
			height: 700px;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		
			.small_image {
			height: 300px;
		background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
			.small_image_middle {
			height: 300px;
		margin-top: 8px;
					margin-bottom: 8px;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}



		
	}