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


 
  	body, html {
  width: 100%;
  height: 100%;
		height: auto;
  margin: 0;
  padding: 0;
            background-image: url("https://home-of-rock.co.uk/wp-content/uploads/2021/03/BGNEWGREEN.jpg");
        background-position: center bottom;
        background-attachment: fixed;
		background-color: black;
        background-size: cover;
        color: white;
		font-size: 16px;
                    font-family: 'roboto_condensedregular', Arial, sans-serif; 
		line-height: 1.7;
		display: inherit !important;
}
		#order_review_heading {
			color: white;
		}


.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	--line-height: 1.4;
	line-height: var(--line-height);
	min-height: calc(2em * var(--line-height));
}

.wpmenucart-contents, .empty-wpmenucart-visible {
	color: red !important;
	font-weight: 600;
	font-size:18px;
	margin: 20px;
}

.wpmenucart-contents:hover, .empty-wpmenucart-visible:hover {
	color: green;
}

.wc-block-components-product-name {
	color: green;
}

.wc-block-cart__submit-container a:link, .wc-block-cart__submit-container a:visited {
	background-color: green;
	color: white;
}

.wc-block-cart__submit-container a:hover {
	background-color: red;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #7f54b3;
    color: #fff;
    -webkit-font-smoothing:antialiased;
	padding: 10px !important;
	display: block;
}



.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
    display: none !important;
}

.wc-block-components-product-price {
    display: block;
	font-size: 15px !important;
}


.wc-block-components-product-metadata {
	display: none;
}

.my_own_table thead {
	background-color: grey;
}


.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3em;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
    color: white;
    background-color: grey;
    padding: 8px;
}


table {
	width: 100%;
}

.woocommerce-privacy-policy-text p{
	color: white;
}

.woocommerce-MyAccount-navigation {
	float:left;
	width:90%;
	background-color: rgba(9,151,139,0.83);
padding: 1%;
}

.woocommerce-MyAccount-content {
	float:left;
	width: 95%;
	padding: 1%;
}

.woocommerce-MyAccount-content a:link, .woocommerce-MyAccount-content a:visited {
	padding:5px;
		background-color: rgba(9,151,139,0.83);
	color: white;
}

.woocommerce-MyAccount-content a:hover {
	padding:5px;
	background-color: white;
	color: green;
}

.woocommerce-MyAccount-navigation a:link, .woocommerce-MyAccount-navigation a:visited {
	color: white;
}
.woocommerce-MyAccount-navigation a:hover {
	color: yellow;
}


.fme_pv_topbar {
	display: none !important;
}

.fme_pv_dropdown {
	display: none;
}
	 
.yith-wapo-block .yith-wapo-addon {
	background-color: black !important;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option label {
	color: white;
}

.shop_table woocommerce-checkout-review-order-table {
	color: white;
}

.wapo-product-price {
	display: none;
}

.mep-list-footer ul li h5, .mep-list-footer ul li h6
{
	color: black;
}
.woocommerce div.product p.stock {
	display: none !important;
}

.paypal-button-number-1 {
	display: none;
}

#wapo-total-price-table {
	color: white;
}

/*Woocomerce*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
    display: none;
}

.content_link:link, .content_link:visited {
	color: #7ad03a;
}

    
    * {
  box-sizing: border-box;
}
    
img {
max-width: 100%;
    height: auto;
}

.section_text h2 {
	text-align: center;
	margin: 0 ;
	padding: 0;
	color: black;
}

.section_text {
	padding: 10px;
}

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

.bottom_text {
	height: auto;
}

.members_button:link, .members_button:visited {
	padding: 10px;
	background-color: black;
	text-align: center;
	color: yellow;
	display: block;
}


.post_title {
	font-size: 100%;
}


.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {

    color: white !important;
}


.tickets_button:link, .tickets_button:visited {
	padding: 10px;
	background-color: #3bb968;
	color: white;
	display: inline-block;
}
a:link {
    text-decoration: none;
}

.content {
	padding: 10px;
	 background-color: black;
	color: white;
	height: auto;
	overflow: hidden;
}


 .green {
				  padding:10px;
				  width: 45%;
				  float: left;
				  background-color: green;
			  }
			  
			    .orange {
				  padding:10px;
				  width: 45%;
				  float: right;
					background-color: orange;
					
			  }


		

.mep_list_event_details {
    background-color: white;
    width: 100%;
    padding: 0;
    margin: 0;
}
.mep_event_grid_item {
    padding: 0;
    margin: 0;
    width: 100%;
}
      

.mep_event_grid_item .mep_list_event_details{padding: 0 0px 0px 0 !important;}




.sidebar-box img {
	display: none;
}

.slideshow {
height: 20vh;
    overflow: hidden;
    margin: 0 auto;
	background-size: cover;
}

.hero {
height: 20vh;
    overflow: hidden;
    margin: 0 auto;
	background-size: cover;
    background-image: url("https://home-of-rock.co.uk/wp-content/uploads/2022/05/279511100_383732656970509_2132908921147066706_n.jpg");
}


.yellow_box {
    background-color: yellow;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.yellow_box h2 {
    margin: 0;
    padding: 0;
    color: red;
    margin-bottom: 5px;
}

.yellow_box p{
    color: grey;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

/*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}
	

    h1, p {
             color: white;
    }


.woocommerce-privacy-policy-text p {
	color:white;
}
    
    /*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	
		.col_no {
		padding:1em;
		margin: 8px;
	}
	
	[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%;}
    


/*Slideshow*/

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

.show {
    opacity: 1;
        }


.price::before {
  content: 'Price:';
  margin-right: 5px;
}

.fooevents-date::before {
  content: 'Time:';
  margin-right: 5px;
}

.event-date {
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.price {
	font-size: 1.3rem;
	color: green;

}

.fooevents-date {
	font-size: 1.3rem;
	color: green;

}



.top_container {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.facebook {
    width: 100px;
  float: right;
    height: 50px;
}

.postcontainer {
    width: 100%;
    height: auto;
	overflow: hidden;
    margin: 0 auto;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: rgba(135,135,135,1.00) thin solid;
}

.postcontainer a:link, .postcontainer a:visited {
	color: rgba(9,151,139,0.83);
}

.postcontainer a:hover {
	color: white;
}


.post img {
    max-width: 100%;
    height: auto;
}

.image {
	width: 50%;
	margin: 0 auto;
}

.review_images {
	padding: 10px;
	width: 100%;
	height:auto;
	overflow:hidden;
}

article {
  background-size: cover;
    background-position: center;
    height: auto;
	padding: 10px;
	background-color: rgba(9,151,139,0.83);
overflow: hidden;
	margin-bottom: 10px;
}

article a {
    width: 100%;
    height: 100%;
    display: block;
}

.horiz-cell {
    margin:0;
    padding: 0;
    
}

.horiz-cell h2 {
    text-align: center;
    color: white;
	margin: 0;
	padding: 0;
}

.post h2 {
    height: auto;
    padding: 20px;
    display: block;
      background-color: rgba(9,151,139,0.83);
    text-align: center;
    color: white;
    margin: 0;
}

.information {
    padding: 5px;
    background-color: grey;
}

.information h2 {
    padding: 0;
    margin: 0;
    color: white;
    text-align: center;
}

    .wrapper {
        margin: 0 auto;
		margin-bottom: 20px;
        background-color: black;
        max-width: 1170px;
        height: auto;
        width: 90%;
       -webkit-box-shadow: 0 0 10px 3px #000000;
box-shadow: 0 0 10px 3px #000000;
        overflow: hidden;
    }
    
    .header {
        width: 100%;
        height: auto;
         margin: 0 auto;
    }

.navbar {
    display: none;
}
    
    .logo {
        width: 35%;
        height: auto;
        margin: 0 auto;
    text-align: center;
        
       
    }

.logo p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

  .home_of_rock {
      text-align: center;
        height: auto;
        margin: 0 auto;
        z-index: 2;
        position: absolute;
        bottom: 0px;
        
        right: 0;
      width: 30%;
       
    }


      .details {
        width: 100%;
        height: auto;
     overflow: hidden;
		  padding: 10px
    }
    
    .details p {
        margin: 0;
        padding: 0;
        color: white;
        font-size: 16px;
        text-align: center;
    }

      .strap {
        width: 100%;
        height: auto;
    margin-bottom: 10px;
     overflow: hidden;
    }
    
    .strap p {
        margin: 0;
        padding: 0;
        color: green;
        font-size: 20px;
        margin-bottom: 5px;
        text-align: center;
    }
    

.top_image, .bottom_image, .slideshow {
    background-position: center;
    background-size: cover;
}

     .row2, .row3, .row4 {
                  height: auto;
           overflow: hidden;
           padding: 10px;
           width: 95%;
           margin: 0 auto;
              }
    
        .row5 {
                  height: auto;
           min-height: 500px;
           overflow: hidden;
           padding: 10px;
           margin: 0 auto;
			 background-color: black;
              }

input[type="text"] {
    width: 100%;
    border-radius: 5px;
    height: 20px;
}
              

.cart {
    color: black;
    height: auto;
    text-align: center;
}

.cart a:link, .cart a:visited {
    text-align: center;
    text-decoration: none;
    color: white;
}

.cart a:hover {
    color: orange;
}

ul li {
    text-decoration: none;
    margin: 0;
    padding: 0;
} 

.menu {
    padding: 0;
    margin: 0;
}

.sidebar-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.product-title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.price {
    margin-top: 10px;
}

.product_list_widget {
    margin: 0;
    padding: 0;
    display: inline-block;
    
}

.product_list_widget img {
    margin: 0 auto;
}

.sidebar-title {
    font-size: 20px;
    margin-bottom: 5px;
    border-bottom: thin rgba(82,82,82,1.00) solid;
    width: 100%;
    display: block;
}

.middle_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-left: thin rgba(255,255,255,1.00) solid;
    border-right: thin rgba(255,255,255,1.00) solid;
}








.row6 {
    height: auto;
	max-width: 1350px;
	margin: 0 auto;
    overflow: hidden;
 

  
}

.woocommerce div.product form.cart .variations label {
    font-weight: 700;
    color: white;
}


 

.post {
	height:auto;
}

.row6 .overlay {
    padding: 10px;
    height: auto;
    overflow: hidden;
    background-color: rgba(9,151,139,0.83);
}

.support {
	width: 50%;
	margin: 0 auto;
	padding:10px;
}

.footer {
    width: 100%;
    height: auto;
    clear: left;
    border-top: thin rgba(249,220,119,1.00) solid;
    padding: 10px;
    text-align: center;
}
.footer p{
    text-align: center;
    color: black;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.footer_address {
    height: auto;
}
.footer_address p{
    text-align: left;
    color: white;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.footer_address h2 {
    color: yellow;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.footer_social {
    height: auto;
    padding: 10px;
}
.footer_social p{
    text-align: left;
    color: blue;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.footer_social h2 {
    color: blue;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.footer a:link, .footer a:visited {
	color: yellow;
}

.quick_links {
    height: auto;
}
.quick_links  p{
    text-align: right;
    color: black;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.quick_links h2 {
    color: yellow;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.menu-bottom-nav-container a {
    display: block;
    color: black;
    width: 100%;    
    text-align: right;
    text-decoration: none;
}

.menu-bottom-nav-container a:hover {
    color: yellow;
}

.menu-bottom-nav-container ul li {
    display: block;
    margin-bottom: 5px;
    
}

.mep-events-wrapper table {
	color: black;
}

       .footer_logo {
                  width: 50%;
                  height: auto;
                  margin: 0 auto;
           text-align: center;
              }
              
              .footer_logo p {
                  color: black;
				  margin: 0;
				  padding: 0;
                  text-align: center;
              }
              
              .footer_container {
                  max-width: 1350px;
                  height: auto;
                  margin: 0 auto;
                  
              }


.product-name, .product-price, .product-quantity, .product-subtotal{
    color: white;
}


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    color: white;
	background-color: rgba(9,151,139,0.83);
	text-align: center;
	padding: 2px;
	min-height: 60px;
}




.single-product .product .single_add_to_cart_button.button{
    margin: 0;
    font-size: 1em;
    color: white;
	background-color: rgba(9,151,139,0.83);
	text-align: center;
	padding: 5px;
}
.woocommerce .product .add_to_cart_button.button {
    margin: 0;
    font-size: 1em;
    color: white;
	background-color: rgba(9,151,139,0.83);
	text-align: center;
	padding: 5px;
	display: block !important;
}

.added_to_cart.wc-forward {
    color: red !important;
}

.woocommerce .cart.shop_table .product-thumbnail img {
width: 100px;
}


/* Change text color of Proceed to Checkout Button */
.checkout-button {
	color: #ffffff;
		background-color: rgba(9,151,139,0.83);
	text-align: center;
	padding: 5px;
	display: block !important;
}

.woocommerce ul.products li.product .button {
    margin: 0;
    font-size: 1em;
    color: white;
	background-color: rgba(9,151,139,0.83);
	text-align: center;
	padding: 5px;
	    display: block!important;
}

.entry-title {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 4vw;
}


.logos {
	margin: 0 auto;
	width: 70%;
}

.disclaimer {
	text-align: center;
	margin: 0 auto;
}
    


/*Desktop*/
          @media only screen and (min-width: 850px) {
        		.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%;}
     
              
              
                .header {
        width: 100%;
        height: auto;
         margin: 0 auto;
    }
    
    .logo {
        width: 100%;
        height: auto;
        margin: 0 auto;
   
       
    }
			
			  
			.woocommerce-MyAccount-navigation {
	float:left;
	width:20%;
}

.woocommerce-MyAccount-content {
	float:left;
	width: 70%;
}
			  
			  
			  
			  .image {
	width: 80%;
	margin: 0 auto;
}
              
              .home_of_rock {
        height: auto;
        margin: 0 auto;
        z-index: 2;
        position: absolute;
        bottom: 0;
        text-align: right;
        right: 0;
       
    }
              
               .details {
        width: 100%;
        height: auto;
     overflow: hidden;
    }
    
     

      .strap {
        width: 100%;
        height: auto;
   margin-top: 9%;
          margin-bottom: 9%;
     overflow: hidden;
    }
    
    .strap p {
        margin: 0;
        padding: 0;
        color: green;
        font-size: 20px;
        margin-bottom: 5px;
        text-align: center;
    }
     
              .menu-top-menu-container {
                  width: 100%;
                  
              }
              
              .cart {
                
                  width: 100%;
              }
             
              
 /* Style the navigation menu */
.navbar {
    display: inherit;
  width: 100%;
    height: auto;
      box-sizing: border-box;

}

/* Navigation links */
.navbar a {
  margin: 0 auto;
  padding: 15px 0;
  color: black;
    font-weight: 600;
  text-decoration: none;
  font-size: 18px;
	display: block;
  /* width: 10.6%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: left; /* If you want the text to be centered */
}
              
              .navbar ul li {
                  display: block;
                  display: 100%;
                                }

/* Add a background color on mouse-over */
.navbar a:hover {
 color: orange;
}

/* Style the current/active link */
.navbar a.active {
  background-color: #4CAF50;
}
              
              .menu ul {
                  margin: 0;
                  padding: 0;
              }
  
             
              
              .top_image {
                  width: 100%;
                  height: 200px;
                  background-color: red;
                  margin-bottom: 15px;
              }
              
                .bottom_image {
                  width: 100%;
                  height: 200px;
                  background-color: red;
              }
              
              /*Slideshow*/

.container {
  width: 100%;
  height: 500px;
  position: relative;
	background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
              
                 .slideshow {
                  height: 500px;
              }
			  
			  .hero {
height: 20vh;
  height: 500px;
}

              
              .yellow_box {
                  height: 500px;
              }
              
              
              .postcontainer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
			  
			  .entry-title {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: 4vw;
}
              
           .entry-title {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size: 2rem;
}
      
      .logos {
	margin: 0 auto;
	width: 70%;
}        
       
			  
			  .post .green_title {
	text-align: center;
	background-color: none;
	color: black;
}
           
    }