/*
	Theme Name: UMBRELLA LONDON
	Author: Associatethis
	Version: 1.0
	Template: Umbrella London
	Template Version: 1.0 
*/
/*
Futura PT Medium
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;

Futura PT Medium Oblique
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: italic;

Futura PT Light Oblique
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: italic;

Futura PT Book
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;

Futura PT Book Oblique
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: italic;

Futura PT Light
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;

Futura PT Demi
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;

Futura PT Demi Oblique
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: italic;

Futura PT Bold
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;

Futura PT Bold Oblique
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: italic;
*/

/* TYPOGRAPHY */
@import url("https://use.typekit.net/dzn7ifs.css");
body, body p {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
}
h1 {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 37px;
    display: inline-block;
    padding-bottom: 10px;
}
h1::after {
    content: '';
    /* float: left; */
    width: 70%;
    height: 2px;
    background-color: black;
    position: relative;
    display: block;
    bottom: -6px;
}
.section_inner {
	
}
a.post_button_links {
    display: inline-block;
    padding: 10px 20px;
    border: solid 2px black;
    margin: 0 8px;
}
a.post_button_links:hover {
    color: white;
    background-color: black;
    border-color: black;
}
h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px !important;
    line-height: 33px !important;
    font-weight: normal;
    text-align: left;
    margin: 0;
}
/* ///////////////////////////////////////////////
	
			MAIN TEMPLATE STYLING

/////////////////////////////////////////////// */	
.section_wrapper {
    float: left;
    width: 100%;
    margin: 10px 0;
    position: relative;
}
.section_inner {
    margin: 0 auto;
    width: 90%;
    max-width: 750px;
}
p.intro_info {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;    
}
.info_line {
    float: left;
    height: 2px;
    width: 10%;
    background-color: black;
    margin: 13px 0 15px 0;
}
.para-wrapper {
    margin: 0 auto;
    width: 90%;
    max-width: 750px;	
}
.intro_text {
    float: left;
    width: 100%;
}
.intro_text.home p {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px !important;
    line-height: 32px !important;
}
.section_wrapper.images {
    margin: 0;
}
.zine_single_pic.para {
    margin: 0 auto;
    width: 90%;
    max-width: 750px;
    display: block;
}
.zine_single_pic.para img {
    width: 100%;
    display: block;
}
.zine_single_pic.browser {
    float: left;
    width: 100%;
    height: 0;
    position: relative;
    height: 0;
    padding-bottom: 40%;
    margin: 20px 0;
    overflow: hidden;
}
.zine_single_pic.browser img {
    object-fit: cover;
    max-width: none;
    position: absolute;
    height: 100%;
    width: 100%;
}
.img_double_landscape {
    width: 70%;
    height: 0;
    padding-bottom: 46.5%;
    position: relative;
    overflow: hidden;
    float: left;
}
.img_double_landscape img, .img_double_portrait img {
    object-fit: cover;
    max-width: none;
    position: absolute;
    height: 100%;
    width: 100%;
}
.img_double_landscape img {
	width: 100%;
}
.img_double_portrait img {
	height: 100%	
}
.img_double_portrait {
    float: right;
    width: 28%;
    height: 0;
    padding-bottom: 46.5%;
    overflow: hidden;
    position: relative;
}
/* DOUBLE IMAGES */

.zine_double_pic.landscape .img_double_portrait {
    float: right;
    width: 28%;
    height: 0;
    padding-bottom: 46.5%;
    overflow: hidden;
    position: relative;
}

.section_wrapper.double_images .img_zine_landscape {
    width: 49%;
    height: 0;
    padding-bottom: 33%;
    overflow: hidden;
    float: left;
    position: relative;
}
.section_wrapper.double_images .img_zine_landscape.right {
    float: right;
}
.section_wrapper.double_images .img_zine_landscape img, .section_wrapper.double_images .img_zine_portrait img {
    object-fit: cover;
    max-width: none;
    position: absolute;
    height: 100%;
    width: 100%;	
}
.section_wrapper.double_images .zine_double_pic.portrait .img_zine_portrait {
    width: 49%;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    float: left;
    position: relative;	
}
.section_wrapper.double_images .zine_double_pic.portrait .img_zine_portrait.right {
	float: right;
}
/* PROJECT BOX */
.project_information_box {
    width: 100%;
    border: solid 1px black;
    position: relative;
    height: 0;
    padding-bottom: 40%;
}
.project_logo_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 0;
    padding-bottom: 40%;
    border-right: 1px solid black;
    overflow: hidden;
}
.row {
    position: absolute;
    left: 40%;
    width: 60%;
    height: 0;
    padding-bottom: 10%;
    border-bottom: solid 1px black;
}
.row.one {
	top: 0;
}
.project_col_left {
    width: 50%;
    height: 100%;
    border-right: 1px solid black;
    position: absolute;
}
.project_col_right {
    width: 50%;
    position: absolute;
    left: 50%;
    height: 100%;
}
.row.two {
    margin-top: 10%;
}
.row.three {
    margin-top: 20%;
}
.row.four {
    margin-top: 30%;
}
p.pro_info_text {
    font-family: Courier;
    font-size: 11px;
    margin: 0 0 0 10px;
}
p.pro_info_text_details, a.pro_info_text_details {
    margin: 0 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
a.pro_info_text_details  {
	text-decoration: underline;
	color: #000000;
}
.logo_container {
    position: relative;
    width: 100%;
    float: left;
    height: 0;
    padding-bottom: 90%;
    overflow: hidden;
}
.logo_container img {
    position: absolute;
    width: 100%;
    top: -15px;
    bottom: 0;
}
/* /////////////////// ENDS ////////////////// */
main#main {
    width: auto;
    margin: 150px auto;
    padding: 0 60px;
}
body {
    position: relative;
    margin: 0;
    padding: 0px;
}
main#primary {
    width: 100%;
    margin: 60px auto 0 auto;
}
#primary {
    position: relative;
    min-height: 92vh;
        margin-bottom: -60px;
}
article {
    width: 90%;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.umbrella_logo {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(images/umbrella-logo-white.png);
    background-image: linear-gradient(transparent, transparent), url(images/umbrella-logo-white.svg);
    background-size: cover;
    position: fixed;
    top: 14px;
    left: 15px;
}
/* SHOP @ STYLE */
a.shop_at_up {
    display: block;
    background-color: #4e4e4e;
    color: white;
    width: 250px;
    position: relative;
    margin: 0 auto;
    height: 45px;
}
.shop_at_up_external {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background-color: #333333;
    text-align: center;
    padding-top: 13px;
}
.shop_at_up_shop {
    position: absolute;
    left: 50px;
    width: 200px;
    text-align: center;
    padding-top: 8px;
    letter-spacing: 2px;
}
.ub_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(images/umbrella-logo-white.png);
    background-image: linear-gradient(transparent, transparent), url(images/umbrella-logo-white.svg);
    background-size: cover;
}
/* SITE NAVIGATION */
header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    z-index: 2;
}
header#masthead {
	background-color: black;
}
.left_top_nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    z-index: 1000;
}
section.site_nav_right, section.site_nav_left {
    position: fixed;
    top: 0px;
    bottom: 0;
    height: 100%;
    width: 60px;
    background-color: black;
    z-index: 2;
}
section.site_nav_left {
	 left: 0;
 }
section.site_nav_right {
	right: 0;
}
.last_story_link {
    position: fixed;
    top: 45%;
    text-decoration: none;
    text-align: center;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.flyout_menu_toggle {
    position: fixed;
    top: 14px;
    right: 0;
    width: 60px;
    text-align: center;
    z-index: 1000;
}
.flyout_menu_toggle {
    color: #ffffff;
}
span.fly_out_nav {
    font-size: 23px !important;
}
a.closebtn {
    position: absolute;
    right: 0;
    width: 60px;
    top: 8px;
    text-align: center;
    padding: 0px;
}
span.menutitle {
    font-size: 8px;
    display: block;
    letter-spacing: 2px;
    padding-top: 0px;
    color: #bfbfbf;
    text-transform: uppercase;
    line-height: 12px;
    writing-mode: vertical-rl;
    margin: 23px;
}
span.menutitle_top {
    font-size: 8px;
    display: block;
    letter-spacing: 2px;
    padding-top: 0px;
    color: #bfbfbf;
    text-transform: uppercase;
    line-height: 12px;
    writing-mode: vertical-rl;
    margin: 13px 23px 23px 23px;
}
/* OVERLAY (FLYOUT) NAV */
.overlay-content li a {
	font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 17px;
    text-align: left;
    padding: 10px 0;
}
span.greater_signs {
    font-size: 20px;
    color: #ffffff;
}
a.last_story_link {
    width: 60px;
}
.simple_shop_menu {
	
}
ul#menu-simple-shop-menu {
    padding-top: 0;
    margin-top: 0;
}
ul#primary-menu {
    padding-bottom: 0;
    margin-bottom: 0;
}
.simple_shop_menu li a {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px 0 5px 20px;
    color: #656565;
}


ul#menu-simple-shop-menu li.current-menu-item a, .overlay-content li.current_page_item a, .overlay-content li a:hover {
	color: #ffffff;
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000000000;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
}
.mixology-fixed-header {
    background-color: #000000;
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 1000;
}
span.new-mixology-nav {
    width: 10%;
    /* float: right; */
    margin: 5px 20px 0 0;
    color: #ffffff;
    text-align: right;
    position: absolute;
    top: 13px;
    right: 0px;
}
/* SUB MENU */
#nav_menu-2, .menu-main-sub-menu-container {
    height: 60px;
}
.submenu {
    position: absolute;
    top: 0;
    left: 0px;
    right: 60px;
    width: 100%;
    text-align: center;
    height: 60px;
}
.submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 60px;
}
.submenu ul li {
	display: inline-block;
}

.submenu ul li a {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    padding: 17px 21px;
    margin: 0;
    color: #ffffff;
    font-size: 11px;
}
/* MENU COLOUR SECTIONS */
/* CIDER  */
.page-id-19 #page {
	background-color: #e62168;	
}
.page-id-19 header#masthead {
	background-color: #660e2a;
}
.page-id-19 ul li.current-menu-item a {
	background-color: #e62168;
}
/* GINGER BEER  */
.page-id-21 #page {
	background-color: #ff4e00;	
}
.page-id-21 header#masthead {
	background-color: #9a350b;
}
.page-id-21 ul li.current-menu-item a {
	background-color: #ff4e00;
}
/* REDIRECT TEST */
.tester_wrap {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 400px;
}
/* ///////////////////////////////////////////////
	
				FOOTER STYLING

/////////////////////////////////////////////// */	
section.fixed_footer {
    height: auto;
    background-color: white;
    width: 100%;
    float: left;
    position: relative;
    bottom: 0;
    margin-bottom: 70px;
    border-top: 1px solid black;
    z-index: -1;
}
section.fixed_footer p {
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}
.border_left, .border_right {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 60px;
    background-color: black;
    z-index: -1;
}
.border_right {
	right: 0;
}
.border_left {
    left: 0;	
}
.entry-content {
    padding-bottom: 40px;
}
section.new_footer_fixed {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: black;
    bottom: 0;
    left: 0;
}
.left_fix_foot {
    float: left;
    width: 50%;
    color: white;
    padding: 5px 0 0 60px;
}
.left_fix_foot p {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.2em;
}
a.tup_soc {
    color: white;
    font-size: 18px;
    margin: 0 15px 0 0;
}
span.tup_social_links {
    margin-left: 15px;
}
/* /////////////////// ENDS ////////////////// */
/* ///////////////////////////////////////////////
	
			HOME PAGE CTA STYLING

/////////////////////////////////////////////// */	

a.cta_grid_box {
    width: 100%;
    border: solid 8px black;
    position: relative;
    height: 0;
    padding-bottom: 39%;
    float: left;
    box-sizing: border-box;
    color: #000000;
    margin-bottom: 8px;
}
.cta_image_box {
	position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 0;
    padding-bottom: 40%;
    border-right: 1px solid black;
    overflow: hidden;
}
.cta_image_container {
    position: relative;
    width: 100%;
    float: left;
    height: 0;
    padding-bottom: 90%;
    overflow: hidden;
}
.cta_image_container img {       
	position: absolute;
    width: 100%;
    top: -15px;
    bottom: 0;
}
/* ///////////////////////////////////////////////
	
				BASIC POST STYLING

/////////////////////////////////////////////// */	
.single-post header#masthead {
    top: -60px;
}
.single-post .entry-content img {
    max-width: 100%;
    height: auto;
}
.single-post article a {
    text-decoration: none;
    color: black;
}
.quote_wrap {
	position: relative;
    margin: 40px 0 40px 70px;
    display: block;
}
p.quote_style::before {
	font-family: Helvetica, sans-serif;
    content: '\201C';
    color: #000000;
    font-size: 180px;
    position: absolute;
    left: -75px;
    top: 60px;	
}
.section_wrapper.no_quote p.quote_style::before {
	display: none;
}
.section_wrapper.no_quote .quote_wrap {
    margin: 40px 0 40px 0px;
}
p.quote_style {
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: 3px;
    text-align: left;
    line-height: 34px;
    font-weight: 500;
}
/* /////////////////// ENDS ////////////////// */
/* ///////////////////////////////////////////////
	
				   SHOP STYLING

/////////////////////////////////////////////// */	
/* SUB MENU */
.shop_menu {
	display: none;
}


.search-no-results .shop_menu, .search-results .shop_menu, .woocommerce-page .shop_menu {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    position: absolute;
    top: -120px;
}
.menu-shop_cats-container {
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    border-bottom: 1px solid;
    position: relative;
}
.menu-shop_cats-container ul {
  	margin: 0;
  	padding:0;
  	list-style: none;
  	width: 100%;
  	text-align: center;
}
#menu-shop_cats a {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    display: block;
    color: black;
    background-color: #ffffff;
    text-decoration: none;
    padding: 14px 0.5em;
    text-transform: uppercase;
    font-size: 66%;
    letter-spacing: 3px;
    position: relative;
}
#menu-shop_cats{
  vertical-align: top;
  display: inline-block;
  /* width: 100%; */
}
/*#menu-shop_cats li {
  position: relative;
}
*/
#menu-shop_cats > li {
  float: left;
  margin-right: 1px;
  width: 16.5%;
} 
#menu-shop_cats > li > a {
}
#menu-shop_cats > li:hover, 
#menu-shop_cats > li:hover > a {
  border-bottom-color: #868583;
}
#menu-shop_cats li:hover > a {
  color: #868583;
}
#menu-shop_cats > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
#menu-shop_cats > li:first-child > a { 
  border-radius: 4px 0 0 0;
}
#menu-shop_cats > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
#menu-shop_cats > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
#menu-shop_cats li li a { 
  margin-top: 1px;
}
#menu-shop_cats li a:first-child:nth-last-child(2):before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  top: 47%;
  right: 5px;
 }
 #menu-shop_cats ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
}
#menu-shop_cats > li:hover > ul {
  left: 0;
  margin-top: -2px;
  min-width: 100%;
  background-color: white;
  border-bottom: solid 1px black;
  z-index: 100;
  border-top: solid 1px #a8a8a8;
}
#menu-shop_cats > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/* arrow hover styling */
#menu-shop_cats > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
#menu-shop_cats > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent;
  border-bottom-color: #868583;
  margin-top:-5px;
}
#menu-shop_cats li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
#menu-shop_cats li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
ul.sub-menu li {
    width: 25%;
    float: left;
}

/* SHOP PAGE STYLING */
.woocommerce-page article {
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 0;
}
.search-no-results #primary, .woocommerce-page #primary {
    margin: 200px auto 0 auto;
}
.woocommerce ul.products li, .woocommerce-page ul.products li {
    text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    min-height: 450px;
}
h2.woocommerce-loop-product__title {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px !important;
    color: black;
    letter-spacing: 1px;
    line-height: 20px;
}
ul.products li  a.button {
	position: absolute;
	bottom: 0;
	left: 0;
}
.woocommerce ul.products li.product .price {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px !important;
    color: black;
    letter-spacing: 1px;
    line-height: 20px;	
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
	text-transform: uppercase;    
    border-radius: 0;
    left: auto;
    color: #000000;
    background-color: #ffffff;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 2px solid black;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.woocommerce-billing-fields input {
    padding: 10px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: black;
	color: #ffffff;
    border: 2px solid black;
}
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    color: darkgrey;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffffff;
    color: #000000;
}
/* SINGLE PRODUCT PAGE */
.woocommerce-page header.entry-header {
    margin-bottom: 40px;
}
section.related.products {
    float: left;
    text-align: center;
}
.nav-next, .nav-previous {
    background-color: black;
    position: absolute;
    top: -60px;
    height: 100%;
    width: 60px;
    bottom: 0;
}
.nav-previous {
    left: 0;
}
.nav-next {
	right: 0
}

.nav-next a, .nav-previous a {
	position: fixed;
		
}
.nav-next a, .nav-previous a {
    position: fixed;
    width: 60px;
    top: 40%;
	text-decoration: none;
}
.search-no-results .page-content form.search-form {
	display: none;
}
span.nav-subtitle, span.nav-title {
    font-size: 8px;
    display: block;
    letter-spacing: 2px;
    padding-top: 0px;
    color: #bfbfbf;
    text-transform: uppercase;
    line-height: 12px;
    writing-mode: vertical-rl;
    text-decoration: none;
    top: 0px;
    position: relative;
    left: 22px;
}
span.nav-title {
	color: white;
}
/*
span.nav-subtitle {
    margin: 25% 33px 23px 30px;
}
span.nav-title {
    margin: 25% 33px 23px 15px;
	
}
*/
.woocommerce.columns-4 {
    margin-top: 60px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock {
    color: #000000;
}
.product_meta {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #8c8c8c;
}
.product_meta a {
	color: black;
}
span.edit-link {
    display: none;
}
section.up-sells.upsells.products h2, section.related.products h2 {
	font-style: normal;
	font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 20px 0 40px 0;
    text-align: center;
}
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 15px 0;
}
.woocommerce .quantity .qty {
    padding: 10px;
}
input {
    border-radius: 0;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #ffffff;
    color: #000;
}
/*  TABS */
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: none;
}
#tab-additional_information {
    display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none;
}
.woocommerce-tabs h2 {
    display: none;
}

ul.tabs.wc-tabs::after {
    position: absolute;
    content: " " !important;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #000000 !important;
    z-index: 2;
    top: 43px;
}
.woocommerce-tabs ul.tabs li {
	display: inline-block;
	width: auto;
	margin: 0 25px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    float: left;
    width: 100%;
    position: relative;
    margin: 50px 0 0 0;
    border-bottom: solid 1px black;
}
.woocommerce-tabs ul.tabs li a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 3px;
    outline: none;
}
.woocommerce-tabs ul.tabs li.active a {
    background: #fff;
    z-index: 2;
    border-bottom-color: #000000;
    color: #000000;
    font-weight: 100;
    border-bottom: 8px solid #000000;
    /* font-size: 12px; */
}
.woocommerce-Tabs-panel.wc-tab {
    padding: 25px;
    margin: 0;
    column-count: 2;
    column-gap: 50px;
}
.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: auto;
    font-size: 18px;
    letter-spacing: 3px;
}
table.woocommerce-product-attributes.shop_attributes {
    margin-top: 25px;
}
.cart-collaterals, form.checkout.woocommerce-checkout {
    margin-bottom: 50px;
}
/* HIDE ADDITIONAL FIELD TAB AS IT'S POINTLESS! */
li#tab-title-additional_information, div#tab-additional_information {
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel p {
    margin-top: 0;
}
section.up-sells.upsells.products {
    float: left;
    width: 100%;
    border-bottom: 1px solid black;
}
.woocommerce-message {
    border-top-color: #000000;
}
a.button.wc-forward {
    text-align: center;
    margin-bottom: 10px;
}
/* CART */
.woocommerce table.shop_table {
    border: 1px solid rgb(0 0 0);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    float: left;
    width: 100%;
    margin: 10px 0;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: left;
    box-sizing: border-box;
    border: 1px solid #d3ced2;
    padding: 10px 6px 10px;
    margin: 0 4px 10px 0;
    outline: 0;
    width: 100%;
}
.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}
/* CATEGORY ARCHIVE */
.term-description {
    background-color: white;
    color: black;
    padding: 0;
    position: relative;
    border-bottom: solid 1px black;
    padding-bottom: 20px;
}
.term-description a {
	color: #000000;
}
.search-no-results .border_left, .search-no-results .border_right, .woocommerce .border_left, .woocommerce .border_right {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 60px;
    background-color: black;
    z-index: 10;
}
/* /////////////////// ENDS ////////////////// */








.four_o_four_inner {
    width: 90%;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

.four_o_four_inner h1 {
	    font-size: 100px;
}
.four_o_four_inner h1::after {
    content: '';
    float: left;
    width: 100%;
    height: 2px;
    background-color: black;
    position: relative;
    top: 48px;
}
.four_o_four_inner h3 {
    font-size: 36px;
    text-transform: lowercase;
}
a.four_o_four_btn {
    display: inline-block;
    background-color: black;
    padding: 10px 40px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 1px;
}
a.four_o_four_btn:hover {
	background-color: #2c2c2c;
}







#loader {
  position: absolute;
  background-color: black;
  left: 0;
  top: -140px;
  bottom: 0;
  width: 100%;
  height: 110%;
  z-index: 100000;
 animation:signup-response 0.5s 1;
    -webkit-animation:signup-response 0.5s 1;
    animation-fill-mode: forwards;
    
    animation-delay:3s;
    -webkit-animation-delay:3s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
    
} 

@keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}
.up_loader {
	width: 100px;
	height: 100px;
    display: block;
    background-image: url(images/the-umbrella-project-rain.gif);
    background-size: cover;
    position: fixed;
    top: 50%;
    left: 50%;	
    margin-left: -50px;
    margin-top: -50px;
}
.redirect_text {
	position: fixed;
	display: inline-block;
	width: 80%;
	color: #ffffff;
	top: 50%;
	margin-top: 100px;
	text-align: center;
	padding: 0 10%;
}
.redirect_text p {
	width: 100%;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
	text-align: center;
}
/* Add animation to "page content" 
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
*/
#myDiv {
  display: none;
  text-align: center;
}





/* HOME PAGE PRODUCTS */
.home .woocommerce ul.products li.product, .home .woocommerce-page ul.products li.product {
    min-height: 370px;
}








/* PRODUCT SEARCH SECTION */
aside#woocommerce_product_search-3 {
	/* display: none; */
}
form.woocommerce-product-search {
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    border-bottom: 1px solid;
    padding: 15px 0;
}
input#woocommerce-product-search-field-0 {
    width: 70%;
    background-color: #ececec;
    border: none;
    padding: 10px;
    margin: 0 0 0 -.7%;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: inherit;
}
aside#woocommerce_product_search-3 button {
    width: 29.5%;
    border-radius: 0px;
    background-color: black;
    color: white;
    border: 0;
    padding: 9px 0 10px 0;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
}
body.search.search-results main#primary {
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 200px;
}
body.search.search-results article {
    width: 48%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: inline-block;
    position: relative;
}
body.search.search-results article img {
	max-width: 100%;
	height: auto;
}
body.search.search-results header#masthead {
    top: 0;
}


/* PRODUCT SEARCH RESULTS */
ul.search_results {
    list-style: none;
    margin: 50px 0 0 0;
    padding: 0;
}
.search-results li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    min-height: 450px;
    text-align: center;
}
.search-results li.product.last {
    margin: 0 0 2.992em 0;
}
.search-results li.product a {
	text-decoration: none;
}
.search-results li.product a.button {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    border-radius: 0;
    left: auto;
    color: #000000;
    background-color: #ffffff;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 2px solid black;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.search-results li.product a.button:hover {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
}
.search-results li.product .woocommerce-loop-product__link {
	position: relative;
	width: 100%;
}

.search-results img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    height: auto;
}
.search-results span.price {
	font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px !important;
    color: black;
    letter-spacing: 1px;
    line-height: 20px;
}

.search-results .nav-next, .search-results .nav-previous {
    background-color: none;
    
}
.search-results nav.navigation.posts-navigation {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.search-results .nav-links {
    float: left;
    width: 100%;
}
.search-results .nav-next, .search-results .nav-previous {
    position: relative;	
    width: 49%;
    top: 0;
}
.search-results .nav-next a, .search-results .nav-previous a {
	background-color: black;
	border: solid 2px black;
    position: relative;
    width: 100%;
    top: 40%;
    text-decoration: none;
    text-align: center;
    float: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    color: white;
    padding: 10px 0;
}
.search-results .nav-next a, .search-results .nav-previous a:hover {
	background-color: white;
	color: black;
	border-color: black;
}
.search-results .nav-next {
    float: left;
}
.search-results .nav-previous {
	float: right;
}




.left_foot {
    float: left;
    padding-left: 60px;
    width: 30%;
}
.left_foot p {
	text-align: left !important;
}
.right_foot {
	float: right;
	padding-top: 15px;
	padding-right: 60px;
	text-align: right;
	width: 35%;
}
.right_foot_payments {
	float: right;
	padding-top: 15px;
	padding-right: 60px;
	text-align: right;
	width: 35%;	
}



.right_foot p {
	margin: 0;
}
.right_foot a {
	text-transform: uppercase;
    color: white;
    font-size: 10px !important;
    margin: 0 0 0 20px;
}



p.acceptedpaymentstype {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
p.acceptedpaymentsicons {
    font-size: 35px;
    margin-top: 0;
}
p.acceptedpaymentsicons i.fab {
    margin-right: 17px;
}
span.footer_payments {
    font-size: 23px;
    color: white;
    position: relative;
}


section.above_fix_foot {
    height: 50px;
    background-color: transparent;
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    bottom: 0px;
}
section.above_fix_foot p {
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	color: #969696;
}



ul.fix_footer_areas {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
ul.fix_footer_areas li {
    width: 100%;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
li.fixfootleft, li.fixfootleft p {
	text-align: center;
}
li.fixfootcentre {
    padding-top: 11px !important;
    text-align: center;
}
a.foot_links {
    font-size: 10px;
    text-transform: uppercase;
    margin: 15px;
    letter-spacing: 2px;
    color: black;
}
li.fixfootright {
	text-align: right;
}
span.footer_payments {
    font-size: 23px;
    color: black;
    position: relative;
    padding-right: 0;
    text-align: center;
}
span.footer_payments i {
	padding: 0 5px;
}

li.fixfootright .fab {
    font-weight: 400;
    padding: 13px 0 0 10px;
}
li.fixfootcentre.bottom {
    width: 100%;
}
/* ///////////////////////////////////////////////
	
		NEW DROPDOWN MENU STYLING

/////////////////////////////////////////////// */	

section.tup_main_menu {
    position: relative;
    top: 0;
    left: 0px;
    right: 60px;
    width: 100%;
    text-align: center;
    height: 60px;
    padding: 0 60px;
	box-sizing: border-box;  
}
.tup_nav {
    display: inline-block;
    float: left;
    width: 16.66%;
    height: 60px;
    box-sizing: border-box;
    padding-top: 14px;
}
.tup_nav, .tup_nav button.tupbtn, .inner_btn  {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;	
}
.tup_nav button.tupbtn {
	font-family: inherit;
}
button.tupbtn {
	border: none;
	outline: none;
	background-color: inherit;
	padding: 0px;
	margin: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.tup_dropdown_one_content, .tup_dropdown_two_content, .tup_dropdown_three_content,  .tup_dropdown_four_content {
    position: absolute;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    top: 60px;
    display: none;
    padding: 25px 60px;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
}
button.tupbtn, .tup_dropdown_one, .tup_dropdown_two, .tup_dropdown_three, .tup_dropdown_four {
  	cursor: pointer;
    transition: all;
    -webkit-transition: all 1.8s;
    transition: all 1.8s;  	
}
.tup_dropdown_one:hover .tup_dropdown_one_content, .tup_dropdown_two:hover .tup_dropdown_two_content, .tup_dropdown_three:hover .tup_dropdown_three_content, .tup_dropdown_four:hover .tup_dropdown_four_content {
  	display: block;
  	cursor: pointer;
    opacity: 1;    
	color: #969696;
	height: auto;
    box-shadow: 0px 22px rgba(0,   0,   0, 0.31);	
}
.drop_col_one, .drop_col_two, .drop_col_three {
    width: 33.333333%;
    float: left;
    box-sizing: border-box;
	min-height: 225px;;
}
.drop_col_two {
    border-left: 1px solid black;
    border-right: 1px solid black;
}
a.drop_sub {
    display: block;
    text-align: left;
    padding: 0px 20px 10px 20px;
    text-decoration: none;
    color: white;
}
.drop_col_three ul.cart_list li a, .drop_col_three ul.product_list_widget li a {
    display: block;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    color: black;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 1px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;    
    width: 99%;
}
.drop_col_three .woocommerce ul.product_list_widget li {
    padding: 0 0 0 20px;
    position: relative;
}
.drop_col_three .woocommerce ul.product_list_widget li span.product-title::after {
    content: 'View Product';
    position: absolute;
    bottom: 1px;
    display: inline-block;
    width: auto;
    right: 1%;
    border: 1px solid black;
    text-align: center;
    padding: 8px 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;        
}
.drop_col_three ul.product_list_widget li a:hover span.product-title::after {
	background-color: white;
	color: #272727;
}

.drop_col_three span.woocommerce-Price-amount.amount {
    float: left;
}
.drop_col_three ul.product_list_widget li img {
    float: left;
    margin-left: 0px;
    width: 40%;
    height: auto;
    box-shadow: none;
    margin-right: 20px;
}
.dsc_logo_white {
    width: 50%;
    height: 0;
    background-image: url(images/dsc_logo_black.png);
    background-image: linear-gradient(transparent, transparent), url(images/dsc_logo_black.svg);
    background-size: cover;
    padding-bottom: 33.33%;
    display: block;
    margin-bottom: 18px;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;      
}
.tst_logo_white {
	width: 40%;
	height: 0;
    background-image: url(images/tst_logo_black.png);
    background-image: linear-gradient(transparent, transparent), url(images/tst_logo_black.svg);
    background-size: cover;
    padding-bottom: 40%;
    display: block;
    margin-bottom: 20px;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;       
}
.ul_logo_white {
	width: 30%;
	height: 0;
    background-size: cover;
    padding-bottom: 30%;
    display: block;
    margin-bottom: 20px;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;       
    background-image: url(images/umbrella-logo-black.png);
    background-image: linear-gradient(transparent, transparent), url(images/umbrella-logo-black.svg);
}
.dsc_logo_white:hover, .tst_logo_white:hover {
	opacity: 0.5;
}
.our_bar_links, .our_products_links {
    width: 50%;
    float: left;
    padding: 3%;
    box-sizing: border-box;
}
a.bar_links {
    float: left;
    width: 100%;
    text-align: left;
    text-decoration: none;
    text-transform: initial;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000000;
    padding-top: 5px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;     
}
.inner_left_bars, .inner_left_products {
    width: 50%;
    float: left;
    padding: 0;
    box-sizing: border-box;
}
.inner_right_bars, .inner_right_products {
    float: right;
    width: 50%;
    display: block;
    height: 0;
    padding-bottom: 33.33%;
}
.bar_image_link, .image_link  {
	width: 100%;
	padding-bottom: 66.66%;
	height: 0;
	float: right;
    background-size: cover;
	background-repeat: no-repeat;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s; 
    opacity: 1;	
}
.bar_image_link.dsc {
    background-image: url(images/dsc-bar.jpg);
}
.bar_image_link.tst {
    background-image: url(images/tst-bar.jpg);
}
.image_link.ul {
    background-image: url(images/umbrella_london_cans.jpg);
}
.image_link.cocktail {
    background-image: url(images/strawberry-ker-kit.jpg);
	
}
.bar_image_link:hover {
	opacity: 0.5;
}

a.bar_links:hover {
	color: #9d9d9d;
}
.inner_btn:hover, .tup_nav:hover, .tup_nav button.tupbtn:hover {
	color: #969696;
}
.drop_col_one ul, .drop_col_two ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.drop_col_one ul li, .drop_col_two ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
.drop_col_one ul li a, .drop_col_two ul li a {
	text-decoration: none;
	letter-spacing: 1px;
	color: #000000;
	text-transform: capitalize;
	font-size: 14px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s; 	
} 
.drop_col_one ul li a:hover, .drop_col_two ul li a:hover {
	color: #9d9d9d;
}
/* SHOP MAIN MENU DROP */
#nav_menu-5, #nav_menu-6, #nav_menu-7 {
    width: 33.33%;
    float: left;
}
.our_shop_links {
    padding: 0 25px;
}
.inner_shop ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.inner_shop ul li {
	text-align: left;
}
.inner_shop ul li.main_shop {
	margin-top: 10px;
}
.inner_shop ul li a {
	text-decoration: none;
    letter-spacing: 1px;
    color: #000000;
    text-transform: capitalize;
    font-size: 14px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;	
}
.inner_shop ul li a:hover {
	color: #aaaaaa;
	
}
.drop_col_one ul li.sub_shop a, .inner_shop ul li.sub_shop a {
	color: #686868;
	padding: 0 0 0 15px;
}
.inner_shop ul li.sub_shop a:hover, .drop_col_one ul li.sub_shop a:hover {
	color: #000000;
}
/* ///////////////////////////////////////////////
	
			NEW MOBILE MENU

/////////////////////////////////////////////// */	
.nav-inner-wrap {
    padding: 25px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
ul.mobile_menu_one, ul.mobile_menu_two {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	box-sizing: border-box;
	list-style: none;
}
li.mob_sub_links {
	width: 100%;
	float: left;
}
li.mob_sub_links.left, li.mob_sub_links.right {
    width: 50%;
}
li.mob_sub_links a {
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    padding: 8px 0 8px 0px;
    border-bottom: 1px solid #191919;
    text-transform: inherit;
}
a.sub_links.white {
    border-bottom: 1px solid #ffffff;
}
li.mob_titles, a.header_links {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    padding: 15px 0 0 0;
    width: 100%;
}
a.header_links:hover {
	color: #909090;
}


a.sub_links.header {
    color: #c1c1c1;
}
span.smaller {
    font-size: 10px;
    font-style: italic;
    color: #818181;
}
.flyout_menu_toggle {
    display: none;
}

.intro_text a, .para-wrapper a {
    text-decoration: none;
    color: inherit;
    opacity: 0.6;
}
p.woocommerce-result-count {
	display: none;
}
section.no-results.not-found {
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-top: 50px;
}
/* ///////////////////////////////////////////////
	
			NEW MOBILE MENU

/////////////////////////////////////////////// */	
.section_wrapper.call_to_action_block {
    box-sizing: border-box;
    padding: 0 2%;
}
a.cta_block_link {
    background-color: black;
    text-align: center;
    display: inline-block;
    padding: 14px 0;
    text-decoration: none;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: white;
    float: left;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;    
}
a.cta_block_link.single {
	width: 100%;
}
a.cta_block_link.double {
    width: 49.5%;
}
a.cta_block_link.double.right {
    float: right;
}
a.cta_block_link:hover {
	background-color: #2e2e2e;
}





.text_area {
    width: 70%;
    height: 0;
    padding-bottom: 46.5%;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: black;
    color: white;
}
.text_area_inner {
    padding: 20px;
}
.text_area_inner p {
    font-family: Courier, monospace;
    font-size: 12px;
    line-height: 20px;
}


.para-wrapper ul li {
    font-family: Courier, monospace;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 15px;
}


.section_wrapper.sub_nav_wrap {
    background-color: white;
    position: fixed;
    top: 50px;
    left: 0;
    height: 60px;
    border-bottom: 1px black solid;
    z-index: 1;
}
ul.sub_menu_nav {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.sub_menu_nav li {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
}
ul.sub_menu_nav li a {
	padding: 17px 0;
	text-decoration: none;
    font-family: Courier, monospace;
    color: #000000;
    font-size: 13px;
    display: block;	
}
.anchor {
	width: 100%;
    height: 1px;
    display: block;
    float: left;
    position: absolute;
    top: -150px;
    left: 0;
}
html {
  scroll-behavior: smooth;
}

/* ///////////////////////////////////////////////
	
		WOO AMENDS TO PAGE STYLING
		
/////////////////////////////////////////////// */	
.woocommerce main#main {
    width: auto;
    margin: 100px auto;
    padding: 0 60px;
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 0;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: .92em;
    color: #767676;
    width: 88%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
}
nav.woocommerce-breadcrumb {
    padding: 14px 0px !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 24.25%;
    display: inline-block;
    margin: 1% 1% 0 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(5) {
    margin: 1% 0 0 0 !important;
}
 .woocommerce div.product div.images .flex-control-thumbs li {
    width: 24.25%;
    float: left;
    margin: 0;
    list-style: none;
    margin: 1% 1% 0 0;

}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4) {
    margin: 1% 0 0 0 !important;	
} 
.single-post header#masthead {
    top: 0;
}
/* OUT OF STOCK NOTIFIER */
.cwginstock-subscribe-form .row {
	margin-left: 0 !important;
	position: relative !important;
	left: 0 !important;
	width: 100% !important;
	height: auto !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;    
	margin-right: 0 !important; 
}

.cwginstock-subscribe-form .panel {
    margin-bottom: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cwginstock-subscribe-form .panel-primary {
    border-color: #ffffff !important;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
    color: #000 ;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.cwginstock-panel-heading h4 {
    color: #000 !important;
}
.cwginstock-subscribe-form .panel-heading {
    padding: 0 !important;
    border-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.cwginstock-subscribe-form .panel-body {
    padding: 0 !important;
}
.cwginstock-subscribe-form .col-lg-1, .cwginstock-subscribe-form .col-lg-10, .cwginstock-subscribe-form .col-lg-11, .cwginstock-subscribe-form .col-lg-12, .cwginstock-subscribe-form .col-lg-2, .cwginstock-subscribe-form .col-lg-3, .cwginstock-subscribe-form .col-lg-4, .cwginstock-subscribe-form .col-lg-5, .cwginstock-subscribe-form .col-lg-6, .cwginstock-subscribe-form .col-lg-7, .cwginstock-subscribe-form .col-lg-8, .cwginstock-subscribe-form .col-lg-9, .cwginstock-subscribe-form .col-md-1, .cwginstock-subscribe-form .col-md-10, .cwginstock-subscribe-form .col-md-11, .cwginstock-subscribe-form .col-md-12, .cwginstock-subscribe-form .col-md-2, .cwginstock-subscribe-form .col-md-3, .cwginstock-subscribe-form .col-md-4, .cwginstock-subscribe-form .col-md-5, .cwginstock-subscribe-form .col-md-6, .cwginstock-subscribe-form .col-md-7, .cwginstock-subscribe-form .col-md-8, .cwginstock-subscribe-form .col-md-9, .cwginstock-subscribe-form .col-sm-1, .cwginstock-subscribe-form .col-sm-10, .cwginstock-subscribe-form .col-sm-11, .cwginstock-subscribe-form .col-sm-12, .cwginstock-subscribe-form .col-sm-2, .cwginstock-subscribe-form .col-sm-3, .cwginstock-subscribe-form .col-sm-4, .cwginstock-subscribe-form .col-sm-5, .cwginstock-subscribe-form .col-sm-6, .cwginstock-subscribe-form .col-sm-7, .cwginstock-subscribe-form .col-sm-8, .cwginstock-subscribe-form .col-sm-9, .cwginstock-subscribe-form .col-xs-1, .cwginstock-subscribe-form .col-xs-10, .cwginstock-subscribe-form .col-xs-11, .cwginstock-subscribe-form .col-xs-12, .cwginstock-subscribe-form .col-xs-2, .cwginstock-subscribe-form .col-xs-3, .cwginstock-subscribe-form .col-xs-4, .cwginstock-subscribe-form .col-xs-5, .cwginstock-subscribe-form .col-xs-6, .cwginstock-subscribe-form .col-xs-7, .cwginstock-subscribe-form .col-xs-8, .cwginstock-subscribe-form .col-xs-9 {
    position: relative !important;
    min-height: 1px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
input.cwgstock_name, input.cwgstock_email {
    border: none !important;
    padding: 10px !important;
    text-align: left !important;
    background-color: #ececec !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
}
input.cwgstock_button {
    width: 100% !important;
    border: none !important;
    background-color: black !important;
    color: white !important;
    font-family: inherit !important;
    margin: 0 !important;
    font-weight: 600 !important;
    padding: 18px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.09em !important;
}
input.cwgstock_email {
    margin-bottom: 0px !important;
}
.cwg_iagree_checkbox {
    margin-bottom: 15px !important;
}
.cwg_iagree_checkbox a {
	color: black !important;
}


.sections.reviews_list {
    float: left;
    width: 96%;
    display: block;
    position: relative;
    margin: 20px 2%;
    column-count: 2;
}
ul.master_review_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.master_review_list li {
    display: inline-block;
    padding: 21px 0 0 30px;
}
p.list_review_who {
    font-style: italic;
    letter-spacing: 0;
    font-size: 13px;
    color: #9c9c9c;
    margin-bottom: 0;
    margin-top: 0;
}
p.list_review_stars {
    font-size: 10px;
    color: #828282;
    margin: 0;
    padding: 0;
}
p.list_review_where {
    font-size: 10px;
    font-weight: 600;
    color: #9c9c9c;
    margin-top: 0;
    margin-bottom: 0;
}
span.the_place {
    font-weight: 400;
    font-style: italic;
}
p.list_review {
    position: relative;
}
p.list_review::before {
    content: '\201C';
    font-family: Helvetica, sans-serif;
    font-size: 70px;
    position: absolute;
    left: -30px;
    top: 15px;
    color: #000000;
}
.inner_reviews {
	width: 100%;
	margin: 0 auto;	
}
.sections.november_style.reviews_list.para_width .inner_reviews {
	margin: 0 auto;
    width: 90%;
    max-width: 750px;	
}
.sections.november_style.reviews_list.para_width {
    float: left;
    width: 96%;
    display: block;
    position: relative;
    margin: 20px 2%;
    column-count: 1;
}
/* ///////////////////////////////////////////////
	
			NEW IMAGES SECTION
		
/////////////////////////////////////////////// */	
section.tup_sections {
    float: left;
    width: 100%;
    margin: 1% 0;
}
section.tup_sections .inner_images {
	width: 100%;
	margin: 0 auto;
}
.sections.doubleimage, .sections.triple_images, .sections.quad_images {
    float: left;
    width: 100%;	
}
a.double_image, a.triple_image, a.quad_image {
	position: relative;
	float: left;
}
a.double_image {
	width: 50%;
	/* Landscape crop	
	padding-bottom: 33.33%;	
	*/
	padding-bottom: 50%;	
}
a.triple_image {
	width: 33.333%;
	/* Landscape crop
	padding-bottom: 22.22%;
	*/
	padding-bottom: 33.333%;	
}
a.quad_image {
	width: 25%;
	/* Landscape crop
	padding-bottom: 16.665%;
	*/
	padding-bottom: 25%;
}

a.double_image img, a.triple_image img, a.quad_image img {
    object-fit: cover;
    max-width: none;
    position: absolute;
    height: 100%;
    width: 100%;	
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;    
}
a.double_image:hover img, a.triple_image:hover img, a.quad_image:hover img {
	opacity: 0.3;
}

p.overlay_text {
	margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 48%;
    text-align: center;
    z-index: 1;
    font-size: 16px;
    color: black;
    text-transform: uppercase;
    letter-spacing: 3px;
    opacity: 0;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;       
}
a.double_image:hover p.overlay_text, a.triple_image:hover p.overlay_text, a.quad_image:hover p.overlay_text {
	opacity: 1;
}
/* /// Full width with borders /// */
section.tup_sections.full_width_with_border a.double_image {
	width: 47%;
	/* Landscape crop	
	padding-bottom: 31.33%;	
	*/
	padding-bottom: 47%;	
	
}
section.tup_sections.full_width_with_border a.double_image.left {
	margin: 0 1% 0 2%;
}
section.tup_sections.full_width_with_border a.double_image.right {
	margin: 0 2% 0 1%;	
}

section.tup_sections.full_width_with_border a.triple_image {
	width: 30.66%;
	/* Landscape crop	
	padding-bottom: 20.43%;
	*/
	padding-bottom: 30.66%;
	
}
section.tup_sections.full_width_with_border a.triple_image.left {
	margin: 0 1% 0 2%	
}
section.tup_sections.full_width_with_border a.triple_image.middle {
	margin: 0 1% 0 1%	
	
}
section.tup_sections.full_width_with_border a.triple_image.right {
	margin: 0 2% 0 1%;		
}
section.tup_sections.full_width_with_border a.quad_image {
	width: 22.5%;
	/* Landscape crop		
	padding-bottom: 14.99%;
	*/
	padding-bottom: 22.5%;
}
section.tup_sections.full_width_with_border a.quad_image.left_a {
	margin: 0 1% 0 2%;		
}
section.tup_sections.full_width_with_border a.quad_image.left_b {
	margin: 0 1% 0 1%;			
}
section.tup_sections.full_width_with_border a.quad_image.right_a {
	margin: 0 1% 0 1%;			
}
section.tup_sections.full_width_with_border a.quad_image.right_b {
	margin: 0 2% 0 1%;	
	
}
/* /// Paragraph width no borders /// */
section.tup_sections.para_width_no_border .inner_images {
	margin: 0 auto;
    width: 90%;
    max-width: 750px;
}
section.tup_sections.para_width_no_border p.overlay_text {
	top: 44%;
    font-size: 14px;
}
/* /// Paragraph width with borders /// */
section.tup_sections.para_width_with_border .inner_images {
	margin: 0 auto;
    width: 90%;
    max-width: 750px;
}
section.tup_sections.para_width_with_border a.double_image {
	width: 49%;
	/* Landscape crop			
	padding-bottom: 32.66%;	
	*/
	padding-bottom: 49%;	
}
section.tup_sections.para_width_with_border a.double_image.left {
	margin: 0 1% 0 0;
}
section.tup_sections.para_width_with_border a.double_image.right {
	margin: 0 0 0 1%;	
}
section.tup_sections.para_width_with_border p.overlay_text {
	top: 44%;
    font-size: 14px;
}
section.tup_sections.para_width_with_border a.triple_image {
	width: 32%;
	/* Landscape crop				
	padding-bottom: 21.33%;
	*/
	padding-bottom: 32%;
}
section.tup_sections.para_width_with_border a.triple_image.left {
	margin: 0 1% 0 0;	
}
section.tup_sections.para_width_with_border a.triple_image.middle {
	margin: 0 1% 0 1%;	
	
}
section.tup_sections.para_width_with_border a.triple_image.right {
	margin: 0 0 0 1%;		
}
section.tup_sections.para_width_with_border a.quad_image {
	width: 23.5%;
	/* Landscape crop				
	padding-bottom: 15.66%;
	*/
	padding-bottom: 23.5%;	
}
section.tup_sections.para_width_with_border a.quad_image.left_a {
	margin: 0 1% 0 0;		
}
section.tup_sections.para_width_with_border a.quad_image.left_b {
	margin: 0 1% 0 1%;			
}
section.tup_sections.para_width_with_border a.quad_image.right_a {
	margin: 0 1% 0 1%;				
}
section.tup_sections.para_width_with_border a.quad_image.right_b {
	margin: 0 0 0 1%;		
}
/* ///////////////////////////////////////////////
	
				NEW BOOKING FORM
		
/////////////////////////////////////////////// */	
.the_sun_tavern_logo {
	width: 100px;
    height: 0;
    background-image: url(images/tst_logo_black.png);
    background-image: linear-gradient(transparent, transparent), url(images/tst_logo_black.svg);
    background-size: cover;
    padding-bottom: 100px;
    display: block;
    /* margin-bottom: 20px; */
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    margin: 0 auto;
}
.dsc_logo {
    width: 130px;
    height: 0;
    background-image: url(images/dsc_logo_black.png);
    background-image: linear-gradient(transparent, transparent), url(images/dsc_logo_black.svg);
    background-size: cover;
    padding-bottom: 75px;
    display: block;
    margin: 0 auto;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.umbrella_workshop_logo {
	width: 60px;
	height: 0;
    background-size: cover;
    padding-bottom: 60px;
    display: block;
    margin: 20px auto;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;       
    background-image: url(images/umbrella-logo-black.png);
    background-image: linear-gradient(transparent, transparent), url(images/umbrella-logo-black.svg);
}
.parasol_logo {
	width: 140px;
	height: 0;
    background-size: cover;
    padding-bottom: 46px;
    display: block;
    margin: 20px auto;
    opacity: 1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;       
    background-image: url(images/parasol-logo-new.png);
    background-image: linear-gradient(transparent, transparent), url(images/parasol-logo-new.svg);	
}



.tup_booking_form_wrapper input, .tup_booking_form_wrapper textarea {
    background-color: #f4f4f4;
    font-size: 14px !important;
    font-family: inherit;
    border: 1px solid #c8c8c8;
}
.tup_booking_form_wrapper input[type="submit" i] {
    background-color: black;
    width: 100%;
    padding: 15px 0;
    border: 2px solid black;
    color: white;
    font-weight: 600;
    font-size: 20px !important;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;    
}
.tup_booking_form_wrapper input[type="submit" i]:hover {
    background-color: white;
    border: 2px solid black;
	color: black;	
}
.tup_booking_form_wrapper select#input_4_4 {
    font-family: inherit;
    font-size: 17px;
    border: 2px solid black;
    padding: 15px 10px;
    background-color: black;
    color: white;
}
.tup_booking_form_wrapper span.gfield_required.gfield_required_text {
	display: none !important;
}

a.book_now_buttons {
    display: block;
    width: 100%;
    text-align: center;
    background-color: black;
    color: white;
    opacity: 1;
    padding: 15px 0;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.05em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s; 
    border: 2px solid black;     
}
a.book_now_buttons:hover {
	background-color: white;
	color: black;
	border-color: black;
	
}
h3.form_bar {
    text-align: center;
    padding-top: 30px;
}



span.tup_social_links {
    margin-left: 0;
}
.new_foot_left {
    float: left;
    width: 30%;
    color: white;
    padding: 15px 0 0 60px;
	box-sizing: border-box;    
}
.new_foot_middle {
    float: left;
    width: 40%;
    color: white;
    text-align: center;
	box-sizing: border-box;    
}
.new_foot_right {
    float: left;
    width: 30%;
    color: white;
    padding: 17px 60px 0 0;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 2px;
    text-align: right;
}
p.footer_micro_menu {
    text-align: center;
}
a.micro_men_links, span.foot_tel {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 500;
}
p.foot_tel {
    font-size: 13px;
    letter-spacing: 2px;
    padding: 0;
    margin: 0;
    text-align: right;
}
ul.mobile_menu_one_new_look {
    padding: 0;
    margin: 0;
}
.social_mob_wrap a {
    float: left;
    font-size: 26px;
    margin-top: 15px;
}
.white_space_gap {
    float: left;
    width: 100%;	
}
.white_space_gap.small_gap {
    height: 40px;
}
.white_space_gap.regular_gap {
    height: 80px;
}
.white_space_gap.large_gap {
    height: 120px;
}
.white_space_gap.x_large_gap {
    height: 200px;
}
.section_wrapper.cocktail_menu {
    margin: 0 auto;
    width: 90%;
    max-width: 750px;
    float: none;
}
ul.the_cocktail_menu {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
p.cocktail_menu {
    font-family: monospace;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 4px;
    display: inline-block;
    background-color: black;
    color: white;
    margin: 0 0 20px 0;
}
p.foot_tel, p.foot_tel a {
	color: #ffffff !important;
}
button#button_18_select_all {
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: white;
    background-color: black;
    padding: 8px 16px;
}
/* ///////////////////////////////////////////////
	
		UMBRELLA RADIO FEATURE STYLING

/////////////////////////////////////////////// */	
ul.umbrella_radio_feature {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
ul.umbrella_radio_feature li {
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.text_hover {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
img.fly_image {
    z-index: 0;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    background-size: cover;
    width: 100%;	
}
img.roll_image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;      
}
ul.umbrella_radio_feature li:hover img.fly_image {
	opacity: 0;
	cursor: pointer;
}
p.artist_name {
    font-family: inherit;
    color: black;
    text-align: center;
    background-color: white;
    padding: 10px 15px;
    display: table;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 30px;
}
p.venue_name {
    font-family: inherit;
    color: black;
    text-align: center;
    background-color: white;
    padding: 5px 12px;
    display: table;
    margin: 10px auto 45px auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 15px;
}
button#gform_submit_button_4 {
    background-color: #000000 !important;
    border: none !important;
    color: white !important;
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    padding: 15px 60px !important;
    cursor: pointer !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
button#gform_submit_button_4:hover {
    background-color: #c1c1c1 !important;
    color: #000000 !important;
	
}
/* ///////////////////////////////////////////////
	
		FOOTER MAILING SIGN UP STYLING

/////////////////////////////////////////////// */	
form#gform_6 {
    position: relative;
}
.simple_sign_up_wrapper .gform_body.gform-body {
    position: absolute;
    left: 0;
    width: 70%;
}
.simple_sign_up_wrapper .gform_footer.top_label {
    position: absolute;
    right: 0;
    top: 0;
    width: 29%;
    margin: 0 !important;
    padding: 0 !important;
}
.simple_sign_up_wrapper #gform_submit_button_6  {
    border: none !important;
    float: right;
    width: 100%;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 7px 0 !important;
    background-color: white !important;
    border-radius: 0px !important;
    color: black !important;
    -webkit-appearance: none !important;
}
.simple_sign_up label.gfield_label {
	display: none !important;
}
.simple_sign_up_wrapper input#input_6_1 {
    border: none;
    font-family: inherit;
    font-size: 12px;
    background-color: #333333;
    width: 100%;
	color: white;
}
.simple_sign_up_wrapper input#input_6_1:focus {
    background-color: #c3c3c3;
}
p.menu_tel {
    color: white !important;
    font-weight: 600;
    letter-spacing: 0.2em;
    float: left;
    width: 100%;
    text-decoration: none !important;
}
/*///////// ENDS ////////////*/
/* ///////////////////////////////////////////////
	
				TASTING STYLING

/////////////////////////////////////////////// */	
#product-10260 span.woocommerce-Price-amount.amount {
	display: none;
}
.woocommerce-tabs ul {
    padding-inline-start: 14px;
}
ul.tabs.wc-tabs {
    z-index: 0;
}
h2.master_table_heading {
    width: 100%;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 0 20px 0;
}
ul.master_table_information {
    border-top: solid 1px #e8e8e8;
    list-style: none;
    padding: 0;
    margin: 10px auto 10px auto;
    width: 90%;
    max-width: 750px;
}
ul.master_table_information li {
	background-color: #ffffff;
	display: table;
    width: 100%;
    border-bottom: solid 1px #e8e8e8;	
}
ul.master_table_information li p {
    font-family: Courier;
    font-size: 14px;
    text-align: left;	
}
ul.master_table_information li:nth-of-type(odd) {
	background-color: #f7f7f7;
}
ul.master_table_information li .table_left_col {
	width: 30%;
    display: inline-block;
    padding: 1%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;	
}
ul.master_table_information li .table_right_col {
	width: 69%;
    display: inline-block;
    padding: 1%;
    text-align: left;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
ul.master_table_information li .table_left_col p {
	font-weight: 600;	
}
.inner_cta.para {
    width: 90%;
    display: block;
    max-width: 750px;
    margin: 0 auto;
}
button#button_4_select_all {
    border-radius: 0px;
    border: none;
    display: inline-block;
    background-color: black;
    color: white;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
}
.woocommerce .woocommerce-breadcrumb {
    width: 100%;    
}
#product-10260 .quantity {
    display: none;
}
.sections.november_style.reviews_list.para_width ul.master_review_list {
	margin: 0 auto;
    width: 90%;
    max-width: 750px;	
}

/* ///////////////////////////////////////////////
	
			Staff Section Styling

/////////////////////////////////////////////// */	
/* Staff start form */

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #000000 !important;
}
button#button_54_select_all {
	background-color: black;
    padding: 15px 25px;
    border: 2px solid black;
    color: white;
    font-weight: 600;
    font-size: 20px !important;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
#gform_wrapper_15 .gform_previous_button, #gform_wrapper_15 .gform_next_button {
	background-color: black;
    width: 49%;
    padding: 15px 0;
    border: 2px solid black;
    color: white;
    font-weight: 600;
    font-size: 20px !important;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
#gform_wrapper_15 input {
	background-color: #f4f4f4;
    font-size: 14px !important;
    font-family: inherit;
    border: 1px solid #c8c8c8;	
}
#gform_wrapper_15 #gform_submit_button_15 {
	background-color: black;
    width: 100%;
    padding: 15px 0;
    border: 2px solid black;
    color: white;
    font-weight: 600;
    font-size: 20px !important;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    margin: 0px;	
}
button#button_54_select_all:hover, #gform_wrapper_15 .gform_previous_button:hover, #gform_wrapper_15 .gform_next_button:hover {
    background-color: white;
    border: 2px solid black;
    color: black;
}
.cmplz-manage-consent { display: none !important; }
/*///////// ENDS ////////////*/

@media screen and (max-width: 900px) {
	main#main {
    	padding: 0;
	}
	.section_inner {
    	width: 85%;
    }
    .border_left, .border_right {
	    display: none;
	}
	/* PROJECTS INFO BOX */
	.project_information_box {
	    padding-bottom: 140%;
	}
	.project_logo_box {
      	width: 100%;
	  	padding-bottom: 100%;
	  	border-right: none;
	}
	.row {
    	width: 100%;
    	left: 0;
	}
	.row.one {
	    top: 71%;
	    border-top: 1px solid black;
	}
	.row.two {
    	margin-top: 110%;
 	}
	.row.three {
    	margin-top: 120%;
 	}	
	.row.four {
    	margin-top: 130%;
 	}	
	p.pro_info_text {
	    font-size: 10px;
	    margin: -3px 0 0 10px;
	}
	p.pro_info_text_details, a.pro_info_text_details {
	    font-size: 11px;
	    letter-spacing: 1px;
	    line-height: 5px;
	}
	a.pro_info_text_details {
    	position: absolute;
	}
	/* CTA BOX */
	a.cta_grid_box {
    	padding-bottom: 135%;
 	}
	.cta_image_box {
      	width: 100%;
	  	padding-bottom: 100%;
	  	border-right: none;
	}
	/* NAV */
	
	
	/*
	span.menutitle_top {
    	display: none;
	}
	
	header#masthead {
    	background-color: transparent;
	}
	
	.menu-main-sub-menu-container {
    	display: none;
	}

	header#masthead {
    	width: 60px;
    }
	.submenu {
	    width: 60px;
    }
	section.site_nav_left {
	    left: 0;
	    height: 60px;
	    width: 50%;
    }
    section.site_nav_right {
	    right: 0;
	    height: 60px;
	    width: 50%;
    }
    	*/
    span.menutitle {
	    padding-top: 0px;
	    writing-mode: inherit;
	    display: block;
	    height: 37px;	    
	} 
	span.greater_signs {
    	display: none;
	}
	.last_story_link {
	    position: relative;
	    top: 0;
    }  
    .last_story.left span.menutitle {
    	margin: 0 0 0 60px;
    	padding-top: 23px;
    }
    .last_story.right span.menutitle {
    	margin: 0 60px 0 0;
    	padding-top: 23px;
    }
    section.site_nav_left span.menutitle::before {
	    content: '<';
	    padding-right: 11px;
	}
    section.site_nav_right span.menutitle::after {
	    content: '>';
	    padding-left: 11px;
	}    
	.submenu {
    	position: fixed;    
    	background-color: black;
	}
	aside#nav_menu-2, span.menutitle_top, span.menutitle, section.site_nav_right, section.site_nav_left {
    	display: none;
	}
	/* SHOP */
	.woocommerce-page .shop_menu {
	    z-index: -1;
	}	
	.nav-links {
    	display: none;
	}
	#menu-shop_cats > li {
	    width: 32.5%;
	}   
	
	/*.overlay-content li a {
	    letter-spacing: 4px;
	    font-size: 18px;
	    text-align: left;
	}
	*/
	.simple_shop_menu li a {
	    font-weight: 400;
	    letter-spacing: 2px;
	    font-size: 18px;
		text-align: left;
    }
    .woocommerce-Tabs-panel.wc-tab {
	    column-count: 1;
	}
	#menu-shop_cats a {
    	letter-spacing: 1px;
	}
	h1 {
    	font-size: 17px;
    }
	.search-results li.product {
	    margin: 0 1.5% 3% 1.5%!important;
	    width: 47%;
		min-height: 400px;
	}
	
	/* FOOTER TWEAKS */
	ul.fix_footer_areas li {
	    width: 100%;
	    height: auto;
	    padding-top: 0 !important;
	}
	li.fixfootleft, li.fixfootleft p {
	    text-align: center;
	    margin-left: 0;
	    margin-top: 3px;
	}
	a.foot_links {
	    font-size: 10px;
	    text-transform: uppercase;
	    margin: 5px;
	    letter-spacing: 1px;
	}
	ul.fix_footer_areas li.fixfootright {
		width: 100%;
		text-align: center;
	}
	li.fixfootright .fab {
    	padding: 0 0 0 10px;
	}
	span.footer_payments {
	    padding-right: 0px;
	}
	.woocommerce-page article {
	    padding-top: 142px;
	}
	ul.sub-menu li {
	    width: 50%;
	}
	.flyout_menu_toggle {
    	display: block;
	}
	/* HIDE NEW MENU AT MOBILE WIDTH */
	section.tup_main_menu {
    	display: none;
	}
	/* SHOP AMENDS */
	.woocommerce-page #primary {
    	margin: 260px auto 0 auto;
	}
	.search-results .shop_menu, .woocommerce-page .shop_menu {
    	top: -190px;
	}
	.woocommerce-page article {
    	padding-top: 0;
	}
	.woocommerce-page .shop_menu {
    	z-index: 1;
	}
	.text_area {
	    width: 100%;
	    height: auto;
	    padding-bottom: 0;
   	}
	.img_double_portrait {
	    width: 100%;
	    padding-bottom: 100%;
	    margin-top: 5px;
	}
	.section_inner {
    	width: 90%;
	}
	/*
	.section_wrapper.sub_nav_wrap {
	    height: 100px;
    }
    
	ul.sub_menu_nav li {
	    width: 18%;
	}
	.page-id-8954 ul.sub_menu_nav li {
	    width: 32%;
	    position: relative;
	}	

	.page-id-8954 ul.sub_menu_nav li a {

    	font-size: 0;
    position: relative;
    	
	}
	.page-id-8954  ul.sub_menu_nav li {
	    padding: 0 10px;
	    position: relative;
		width: 12%;
		
    }
	/*
	.page-id-8954 ul.sub_menu_nav li a::after {
		content: 'DSC';
	    color: black;
	    position: absolute;
	    left: 0;
	    width: 100%;
	}
	.page-id-8954 ul.sub_menu_nav li:nth-child(3n+0) a::after {
    	content: 'TST';
	}
	.page-id-8954 ul.sub_menu_nav li:first-child a::after {
    	content: 'UW';
	}

	.page-id-8954 ul.sub_menu_nav li a::after {
		color: black;
	    position: absolute;
	    left: 0;
	    width: 100%;
	    content: attr(data-abbrev);
	}
	.page-id-8954 ul.sub_menu_nav li:nth-child(1) a::after {
    	content: 'UW';
	}
	.page-id-8954 ul.sub_menu_nav li:nth-child(2) a::after {
    	content: 'DSC';
	}	
	.page-id-8954 ul.sub_menu_nav li:nth-child(3) a::after {
    	content: 'TST';
	}		
	.page-id-8954 ul.sub_menu_nav li:nth-child(4) a::after {
    	content: 'CH';
	}	
	.page-id-8954 ul.sub_menu_nav li:nth-child(5) a::after {
    	content: 'Parasol';
	}	
	*/
	.page-id-8954 ul.sub_menu_nav li a {
        padding: 15px 0;
    }
	 .page-id-8954 ul.sub_menu_nav li a {
	 	font-size: 0 !important; /* Hide original text */
	 	position: relative;
  	}

   .page-id-8954 .sub_menu_nav a::after {
    font-size: 12px; /* Adjust size to match original text */
    content: attr(data-abbrev); /* Display abbreviation from a custom attribute */
  }
	 .page-id-8954  .sub_menu_nav a[href="#umbrella_workshop"]::after {
    content: "Workshop";
  }
  
   .page-id-8954 .sub_menu_nav a[href="#discount_suit_company"]::after {
    content: "DSC";
  }
  
   .page-id-8954 .sub_menu_nav a[href="#the_sun_tavern"]::after {
    content: "TST";
  }

   .page-id-8954 .sub_menu_nav a[href="#cider_house"]::after {
    content: "Cider House";
  }

  .page-id-8954  .sub_menu_nav a[href="#parasol"]::after {
    content: "Parasol";
  }
	
	ul.sub_menu_nav li a {
    	padding: 12px 0;
    }
	section.fixed_footer {
    	height: 220px;
    }
    ul.fix_footer_areas {
	    margin: 17px 0 0 0;
	}
	li.fixfootcentre.bottom {
 	   padding-top: 10px !important;
	}
	.new_foot_middle {
		display: none;
	}
	.new_foot_left, .new_foot_right {
		width: 50%;
	}
	.new_foot_left {
   	 	padding: 11px 0 0 25px;
	}
	.new_foot_right {
	    padding: 15px 25px 0 0;
    }
    
    .section_wrapper.double_images .section_inner, .section_wrapper.images_wrap .section_inner {
	    width: 100%;
    }
    .img_double_landscape {
    	width: 100%;
    	padding-bottom: 66.5%;
    }
    .zine_single_pic.para {
    	width: 100%;
    }
    .quote_wrap {
    	margin: 40px 0 40px 40px;
    }
	p.quote_style::before {
		font-size: 100px;
	    left: -47px;
	    top: 16px;
	}
	.nav-inner-wrap {
    	padding: 60px 25px 25px 25px
    }
    a.closebtn {
      top: 18px;
	}
	.section_wrapper.double_images,	.section_wrapper.images_wrap, .zine_single_pic.browser {
	    margin: 1% 0;
	}
	.section_wrapper.call_to_action_block {
	    width: 100%;
	    margin: 1% 0;
	}
	h5 {
	    font-size: 16px !important;
	    line-height: 27px !important;
	}
	.section_wrapper.ur_feature .section_inner {
    	width: 100%;
	}
	img.roll_image {
	    width: 50%;
	    right: 0;
	    left: auto;
	}
	img.fly_image {
    	width: 50%;
    }
    ul.umbrella_radio_feature li {
	    margin-bottom: 0px;
	}
	.text_hover {
	    position: absolute;
	    bottom: 0;
	    padding-bottom: 50%;
	    height: 0;
	    background-color: black;
	}
	p.venue_name {
	    margin: 1% auto 3% auto;
	}
	ul.umbrella_radio_feature li:hover img.fly_image {
		opacity: 1;
	}   
	p.artist_name {
	    margin: 13% auto 0 auto;
    }
    .new_foot_right {
    	display: none;
	}
	.new_foot_left {
   	 	width: 76%;
	}
	.woocommerce main#main {
	    padding: 0 6%;
	    width: 88%;
    }
    #ginput_product_price_12_31 {
	    float: left;
	    width: 100%;
	    margin-bottom: 10px;
	}
	#gform_wrapper_12 span.ginput_quantity_label {
	    float: left;
	    width: 100%;
	}
	#gform_wrapper_12 input#input_12_31_1 {
	    float: left;
	    width: 100%;
	}
	/* MOBILE TWEAKS */
	section.tup_sections.full_width_with_border a.quad_image {
    	width: 50%;
    	padding-bottom: 50%;
	}
	section.tup_sections.full_width_with_border a.quad_image.left_a {
    	margin: 0;
	}
	section.tup_sections.full_width_with_border a.quad_image.left_b {
   	 	margin: 0;
	}
	section.tup_sections.full_width_with_border a.quad_image.right_a {
    	margin: 0;
	}
	section.tup_sections.full_width_with_border a.quad_image.right_b {
    	margin: 0;
	}
	a.double_image {
    	width: 100%;
    	padding-bottom: 100%;
	}
	section.tup_sections.full_width_with_border a.triple_image {
    	width: 100%;
    	padding-bottom: 100%;
	}
	section.tup_sections.full_width_with_border a.triple_image.left {
    	margin: 0;
	}
	section.tup_sections.full_width_with_border a.triple_image.middle {
    	margin: 0;
	}
	section.tup_sections.full_width_with_border a.triple_image.right {
    	margin: 0;
	}
	img_double_portrait {
	    margin-top: 0;
	}
	.section_wrapper.images_wrap, .section_wrapper.double_images {
		margin: 0;
	}
	.section_wrapper.double_images .img_zine_landscape {
    	width: 50%;
    }
    .section_wrapper.double_images .zine_double_pic.portrait .img_zine_portrait {
    	width: 50%;
    }
    .section_wrapper.whitespace {
    	margin: 20px 0;
	}
	.inner_cta.para {
    	width: 100%;
	}
	.section_wrapper.call_to_action_block {
    	padding: 0 20px;
	}
	.section_wrapper.call_to_action_block {
    	margin: 20px 0;
	}
	.img_double_portrait {
    	margin-top: 0;
	}
	.zine_single_pic.browser {
    	margin: 0;
	}
	section.tup_sections.image-no-bord {
		margin: 0;
	}
	.img_double_portrait, .img_double_landscape, .img_zine_portrait.left, .img_zine_portrait.right, .zine_single_pic.para, .img_zine_landscape.left, .img_zine_landscape.right, a.triple_image.left, a.triple_image.middle, a.triple_image.right, a.quad_image.left_a, a.quad_image.left_b, a.quad_image.right_a, a.quad_image.right_b, a.double_image.left, a.double_image.right {
    	border-top: 1px solid white;
	}
}