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

  /* Global Styles - Start */
Playfair Display Regular {
font-family: playfair-display,serif;
font-weight: 400;
font-style: normal;
}


Playfair Display Italic {
font-family: playfair-display,serif;
font-weight: 400;
font-style: italic;
}

Playfair Display Bold {
font-family: playfair-display,serif;
font-weight: 700;
font-style: normal;
}

Playfair Display Bold Italic{
font-family: playfair-display,serif;
font-weight: 700;
font-style: italic;
}





	
  	body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
       
		font-size: 16px;

font-family: playfair-display,serif;
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}
	
	/*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	



/* 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: auto;
		
		background: #4c5c6c;
		background-image: url('https://baytree.mrosser.co.uk/wp/wp-content/uploads/2021/02/logo-homepageFaded-copy.png');
		background-position: right top;
		background-repeat: no-repeat;
	}
	
	.logo {
		width: 90%;
		margin: 0 auto;
	}
	
	.logo h1{
		color: #9bc1b4;
  font-family: playfair-display,serif;
font-weight: 400;
font-style: normal;
		font-size: 6vw;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.row2 {
		height: auto;
		overflow: hidden;
	
		background-position: center;
		background-size: cover;
	}
	
	.row2 h2 {
		font-family: playfair-display,serif;
font-weight: 400;
	
		text-align: center;
		
		color: white;
			margin: 0;
		padding: 0;
		font-size: 10vw;
		text-shadow: 0 0 6px #000000;
	}
	
	.row2 p {
		font-family: playfair-display,serif;
font-weight: 400;
		font-style: italic;
		text-align: center;
		color: white;
		margin: 0;
		padding: 0;
		font-size: 6vw;
		text-shadow: 0 0 6px #000000;
	}

.row4 {
	overflow: hidden;
}
	
	.hero_text {
		width: 90%;
		text-align: center;
		margin: 0 auto;
		margin-top: 30%;
		margin-bottom: 15%;
	}

.hero_text h3 {
	color: rgba(223,218,174,1.00);
		text-shadow: 0 0 6px #000000;
}
	
	.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;
}

.awards {
	text-align: center;
	
}

.awards_image {
	width: 25%;
	max-width: 180px;
	padding: 10px;
}

.row3 {
	overflow: hidden;
	
}

.row3 a:link, .row3 a:visited {
	color: #4c5c6c;
	text-decoration: underline;
}
.row3 a:hover {
	color: red;
}
	
	.row3 h2  {
		text-align: center;
		color: #4c5c6c;
		font-size: 6vw;
	}

	.row4 h2  {
		text-align: center;
		color: #4c5c6c;
	
	}
	
	.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;
	}
	
	
	.row8 {
		height: auto;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}

.row8 p {
	color: white;
}

.row8 h2 {
	color: white;
}

.row8 li {
		padding: 3px;
}

.row8 a:link, .row8 a:visited {
	color: white;

}

.row8 a:hover {
	color: yellow;
}
	
	.footer_overlay {
		height: auto;
		overflow: hidden;
		background-color: rgba(76,92,108,0.77);
	}
	  
		
	.row_container_footer {
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 200px;
		margin-bottom: 200px;
	}
	
	
	.contact_us, .quick_links {
		text-align: center;
	}
	
	.contact_us h2, .quick_links h2 {
		font-weight: 100;
	}
	
	.footer_info {
		text-align: center;
	}
	
	
		.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;
		margin-top: 25%;
		margin-bottom: 25%;
	}
	
	.box_text h2 {
			font-family: playfair-display,serif;
font-weight: 600;
		color: white;
		font-size: 5.5vw;
		text-shadow: 0 0 6px #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 {
	height: auto;
	overflow: hidden;
}

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

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

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

.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;
}



	
    @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-d-12 {width:100%;}
        
		
		   #wp-megamenu-top-menu {
    text-align: center;
    display: inherit;
}

		.search_bar {
	display: inherit;
		
}
		
		.search_bar .sidebar-title {
			color: white;
		}
		
			.logo {
		width: 500px;
		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: white;
		margin: 0;
		padding: 0;
		font-size: 2rem;
		text-shadow: 0 0 6px #000000;
	}
		
		.row3 h2 {
		font-size: 2.5rem;
	}
	

.row4 {
	overflow: hidden;
}
	
	.hero_text {
		width: 90%;
		text-align: center;
		margin: 0 auto;
		margin-top:10%;
		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;
}

		
	}
	
/*
     FILE ARCHIVED ON 19:19:01 Apr 20, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:15:01 Oct 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.407
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.053
  esindex: 0.005
  cdx.remote: 13.602
  LoadShardBlock: 116.158 (3)
  PetaboxLoader3.datanode: 154.982 (5)
  PetaboxLoader3.resolve: 63.231 (2)
  load_resource: 123.121
  loaddict: 61.077
*/