/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ------------ Customisations from Here Down ---------------- */ 

/* Start - GeneratePress - Child Theme Styling ----------------*/

/* Start - Menu & Navigation Bar */
/* Off-Canvas Menu for Mobile & Tablet - Add border to 2nd sublevel menu */
/* Source: https://generatepress.com/forums/topic/clear-mobile-menu/ */
#generate-slideout-menu.main-navigation .main-nav ul ul ul {
    background-color: #eeeeee;
    border: 1px solid #3e3e3e;
}
/* End - Menu & Navigation Bar */

/* GeneratePress - Back to Top Button - Change the style & keep on top */
/* source: https://docs.generatepress.com/article/back-to-top-button/ */
.generate-back-to-top,
.generate-back-to-top:visited {
    border: 1px solid #ffffff;
	border-radius: 0px;
	z-index: 100;
	left: 30px;
}

/* Underline Hyperlinks inside Article Text only */
/* source: https://generatepress.com/forums/topic/underline-text-links-exclude-navigation/ */
.inside-article p a:link,
.inside-article p a:hover,
.inside-article p a:active,
.inside-article p a:visited {
    text-decoration: underline;
}

/* Underline Hyperlinks on hover only everywhere else apart from menu */
/* source: https://generatepress.com/forums/topic/cannot-underline-links/ */
.site-content a:hover {
    text-decoration: underline;
}

.fl-icon a:hover {
    text-decoration: none !important;
}

/* Start - VillaTheme - Multi-Currency - style the currency, drop down, etc */
/* Source: Chrome Inspector */
.woocommerce-multi-currency.wmc-shortcode .wmc-currency:hover {
    background-color: #3e3e3e;
    color: #ffffff;
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical,
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
    font-weight: inherit;
	font-size: medium;
    background: transparent;
    color: inherit;
    border: none;
    width: calc(100%);
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency, 
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
    padding: 5px 15px;
}

/* Hide the arrow down to the right of the currency symbol */
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency-arrow {
    display: none;
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper {
    padding: 22px 0px;
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency {
    border: none;
    width: calc(100%);
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical:active,
.woocommerce-multi-currency.wmc-shortcode.plain-vertical:hover,
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency:active,
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency:hover {
    background: #ffffff;
    color: #3e3e3e;
    font-weight: inherit;
    width: calc(100%);
}

.woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency {
    border-color: #3e3e3e;
    border-width: thin;
    border-style: solid;
}

.wmc-currency.wmc-active {
    border-width: thin;
    border-style: solid;
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a {
    line-height: 30px;
}

.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a:hover, 
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency.wmc-active a {
    font-weight: normal;
}
/* End - VillaTheme - Multi-Currency - style the currency, drop down, etc */

/* GeneratePress - Blog Post - Simple Social Icons Widget - Styling */
/* Source: Chrome Inspector */
#simple-social-icons-6 ul li a, 
#simple-social-icons-6 ul li a:hover, 
#simple-social-icons-6 ul li a:focus {
    font-size: xx-large !important;
}

/* GeneratePress - Blog Post - Sendy Subscribe Widget - Styling */
/* Source: Chrome Inspector */
.inside-right-sidebar form input[type="text"], 
.inside-right-sidebar form input[type="email"] {
    width: 100%;
}

/* GeneratePress - SVG Background Pattern */
/* Source: https://generatepress.com/forums/topic/svg-background-footer-widget-area/ */
.site-info {
    background-color: #3e3e3e;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='1' viewBox='0 0 40 1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v1H0z' fill='%23000000' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* GeneratePress - load Google fonts locally */
/* Source: https://docs.generatepress.com/article/adding-local-fonts/ */
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../generatepress_child/assets/fonts/playfair-display-v22-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* Start - Fluent Forms - Style the button & fields */
/* Source: Google Chrome Inspector */
/* Fluent forms - Change the blue outline colour of the focus field*/
.fluentform .ff-el-form-control:focus {
    border-color: #3e3e3e !important;
}

/* Fluent Forms - Button styline */
.fluentform .ff-btn,
.fluentform .ff-btn-lg,
.fluentform .ff-el-form-control {
    border-radius: 0px !important;
}

.ff-btn.ff-btn-submit.ff-btn-md.wpf_has_custom_css {
    background-color: transparent;
    border-color: #3e3e3e3e;
    color: #3e3e3e;
}
/* End - Fluent Forms - Style the button & fields */

/* WP Featherlight - Lightbox - next & previous - add background & border  */
/* Source: Google Chrome Inspector */
.featherlight {
    background-color: #ffffff;
}

.featherlight .featherlight-close-icon {
    background-color: #3e3e3e;
}

.featherlight-next, 
.featherlight-previous {
    background-color: #3e3e3e;
    border: 1px solid #ffffff;
}

.featherlight-next:focus, 
.featherlight-previous:focus {
    opacity: 0.4;
}

/* WP Featherlight - Lightbox - hide caption */
/* Source: Google Chrome Inspector */
.featherlight .featherlight-content .caption {
    display: none;
}

/* 11Sight - style the button */
.elevensight-widget-launcher,
.elevensight-11button-v2 {
	background-color: #ffffff47 !important;
	box-shadow: rgb(0 0 0 / 14%) 3px 3px 0px 0px !important;
	border: 1px rgb(0 0 0 /14%) solid !important;
	font-family: system-ui !important;
	right: 25px !important;
    bottom: 15px !important;
}

/* End - GeneratePress - Child Theme Styling ----------------------- */

/* Start - Gutenberg Blocks ----------------------- */
/* Gutenberg – Kadence Blocks – Post Loop – Corner Radius */
.wp-block-kadence-posts .loop-entry {
    border-radius: 0;
}

/* Gutenberg – Search Block – search icon inside - remove border & darken background */
.wp-block-search__button {
    background: #e7e7e7;
    border: none;
}

/* End - Gutenberg Blocks ----------------------- */

/* Start - Beaver Builder Plugin ----------------------------------- */
/* Home & Category Pages - WooCommerce Block & Blog Post Block - Change the read more button*/
.page-id-38520 a.button,
.page-id-30370 a.button,
.page-id-28145 a.button,
.page-id-25339 a.button,
.page-id-10249 a.button,
.page-id-7763 a.button,
.page-id-3472 a.button,
.page-id-3469 a.button,
.page-id-3394 a.button,
.page-id-3344 a.button,
.page-id-3338 a.button,
.page-id-3333 a.button,
.page-id-3178 a.button,
.page-id-3178 input[type="submit"],
.page-id-3152 a.button,
.page-id-3099 a.button,
#wc-mini-cart .button {
    color: #3e3e3e;
    background-color: transparent;
    border: 1px solid #3e3e3e;
	text-decoration: none !important;
}

.page-id-38520 a.button:hover,
.page-id-30370 a.button:hover,
.page-id-28145 a.button:hover,
.page-id-25339 a.button:hover,
.page-id-10249 a.button:hover,
.page-id-7763 a.button:hover,
.page-id-3472 a.button:hover,
.page-id-3469 a.button:hover,
.page-id-3394 a.button:hover,
.page-id-3344 a.button:hover,
.page-id-3338 a.button:hover,
.page-id-3333 a.button:hover,
.page-id-3178 a.button:hover,
.page-id-3178 input[type="submit"]:hover,
.page-id-3152 a.button:hover,
.page-id-3099 a.button:hover,
#wc-mini-cart .button:hover {
    color: #ffffff;
    background-color: #3e3e3e;
    border: 1px solid #ffffff;
}

/* Start - Blog Page - Change Styling on the Blog Page */
/* Source: https://www.wpbeaverbuilder.com/support/q/styling-tips-for-blog-posts-page/#post-31068 */

/* Center align the post title and post meta*/
.fl-post-feed-header {
  text-align: center;
}

/* Bold post title and higher line height  */
h2.fl-post-feed-title {
    font-size: 125%;
    line-height: 125%;
    font-weight: bold;
}

/* Increase the font size of the post info / author / date */
.fl-post-feed-meta {
    font-size: 100% !important;
    font-weight: normal;
}

/* Center align and change the featured image size*/
.fl-post-feed-image {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* Beaver Builder Changes to the post page */
/* Center align the post title */
.fl-post-header {
    text-align: center;
}

/* Center align the post image on post page */
.fl-post-thumb {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Increase the width of the BB newsletter subscribe entry field */
.fl-module-content form input[type="text"], 
.fl-module-content form input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
}

/* Increase the size of the Simple Social Icons */
.page-id-3178 .simple-social-icons {
    font-size: xx-large;
}
/* End - Blog Page - Change Styling on the Blog Page */
/* End Beaver Builder  ----------------------------------- */

/* Start WooCommerce  ----------------------------------- */

/* WooCommerce - Xootix Side Cart - Adjust cart width & basket */
/* Source: Chrome Inspector */
.xoo-wsc-container, 
.xoo-wsc-slider {
    width: 100%;
}

/* WooCommerce - Xootix Side Cart - Change colour of discount */
.xoo-wsc-ft-amt.less {
    color: #ff0000;
}

/* WooCommerce - Select Field Border Radius 0 instead of 4px */
.select2-container .select2-selection--single {
    border-radius: 0;
    height: auto;
}

/* Center Align Header – All Pages but specifically: Cart, Checkout, Thank You, My Account */
.entry-header,
.entry-header {
    text-align: center;
    margin-top: 20px;
}

/* WooCommerce MyAccount – Center Align - Login & Register */
.woocommerce #customer_login.u-columns.col2-set,
.woocommerce-page #customer_login.u-columns.col2-set {
    text-align: center;
}

/* WooCommerce Blocks & Classic - Checkout & Cart - add margin left & right */
.page-id-9 #main,
.page-id-10 #main {
    margin-left: 10px;
    margin-right: 10px;
}

/* WooCommerce Classic - Cart - Style the 'apply coupon' button */
.page-id-9 .woocommerce table.cart td.actions .coupon .input-text+.button {
    background-color: #fff;
    border: 1px solid #d3ced2;
}

/* WooCommerce Classic - Cart - Style the Proceed & Add-to-cart buttons */
.page-id-9 #main .woocommerce a.button {
    background: none;
    border: 1px solid #3e3e3e;
}

/* WooCommerce Classic - Checkout – change style of info message at top */
.page-id-10 #main .woocommerce-info {
    background: none;
    border: none;
    padding: 0!important;
    margin: 0 0 10px 0;
}

.page-id-10 #main .wc_coupon_message_wrap {
    padding: 0!important;
}

/* WooCommerce Classic Checkout – Express Checkout – Flex Align Buttons in a row */
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway {
    margin: 0 auto !important;
    min-width: 220px;
    padding: 0 0 5px 0 !important;
}

/* WooCommerce Checkout - Plugin: WooCommerce for Stripe - Express Checkout - Full width */
/* Source: Google Chrome Inspector */
.woocommerce .checkout.woocommerce-checkout .wc-stripe-banner-checkout.active {
    max-width: 100% !important;
}

/* WooCommerce Checkout - Plugin: WooCommerce for Stripe - Express Checkout - Addjust the colour & margin of the G-Pay button */
.wc_stripe_checkout_banner_gateways .gpay-card-info-container.black, 
.wc_stripe_checkout_banner_gateways .gpay-card-info-animation-container.black {
    background-color: #3e3e3e !important;
}

.wc_stripe_checkout_banner_gateways .gpay-card-info-container.black:hover, 
.wc_stripe_checkout_banner_gateways .gpay-card-info-animation-container.black:hover {
    background-color: #808080 !important;
}

.gpay-button {
    padding: 4px!important;
}

#express-payment-method-stripe_googlepay {
    margin-top: 1px;
}

/* Woocommerce Checkout - Plugin: Stripe for WooCommerce - Make GPay Button Full Width + Increase Min Height to Others */
.gpay-card-info-container.black {
    background: transparent !important;
}

.woocommerce-checkout-payment .gpay-card-info-container-fill {
    padding: 12px 0px 12px 0px;
    background-color: #3e3e3e !important;
    max-width: 100%;
}

.woocommerce-checkout-payment .gpay-card-info-container {
    max-width: 100% !important;
    height: 45px !important;
}

.woocommerce-checkout-payment .gpay-card-info-container-fill:hover {
    background-color: #808080 !important;
}

/* WooCommerce Checkout - Plugin: WooCommerce for Stripe - Express Checkout - Addjust Margin of Apple Pay button */
#express-payment-method-stripe_applepay {
    margin-top: 1px;
}


/* Woocommerce Checkout - Plugin: Stripe for WooCommerce - Make Apple Pay Button Full Width + Increase Min Height to Others */
.apple-pay-button {
    max-width: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    background-color: #3e3e3e;
    border-radius: 3px !important;
}

.woocommerce-checkout-payment .apple-pay-button {
    /*height: 70px !important;*/
    padding: 19px 0px 19px 0px;
}

/* Woocommerce Checkout - Plugin: PayPal for WooCommerce by PaymentPlugin - Express Checkout - Adjust Margin */
li#express-payment-method-paymentplugins_ppcp_express {
    margin-top: 1px;
}

/* WooCommerce Classic Checkout - Ship to Different Address - Adjust Font & Margin */
/* Source: Chrome Inspector */
.checkout .col-2 h3#ship-to-different-address {
    font-family: inherit;
}

input#ship-to-different-address-checkbox {
    margin-right: 8px;
}

/* WooCommerce Products - Remove bottom margin below short description after the add-to-basket button has been moved up below the price */
/* Source: Google Chrome Inspector */
.woocommerce div.product div.summary {
    margin-bottom: 0px;
}

/* WooCommerce Products - Adjust size of WooCommerce Gallery Thumbs for better alignment */
/* Source: https://generatepress.com/forums/topic/woocommerce-product-image-gallery-does-not-align-with-main-image/ */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20% !important;
    max-width: 100% !important;
}
	
/* WooCommerce Products - Styling Tabs Themselves - Border & Size */
/* Source: https://generatepress.com/forums/topic/keep-original-woocommerce-styling-after-activiting-gp-woocommerce-module/#post-618323 */
/* Source: styling from BB Theme */
.woocommerce .tabs.wc-tabs,
.woocommerce-page .tabs.wc-tabs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.woocommerce div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
    margin: 0 0 0 0;
    border-bottom: 1px solid #c9c9c9;
    border-top: none;
    border-left: none;
    border-right: none;
    list-style: none;
    padding: 0 1em 0 1em;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    border-right-color: #c9c9c9;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #c9c9c9;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #c9c9c9;
    border-left-style: solid;
    border-left-width: 1px;
    background-color: #ebe9eb;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0;
    margin: 0 -5px;
    padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #808080;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    background: #ffffff !important;
}

/* WooCommerce Product - Syling Tabs Panel - Border & Size */
/* Source: styling from BB Theme */
.woocommerce div.product .woocommerce-tabs .panel, 
.woocommerce-page div.product .woocommerce-tabs .panel {
    border-right-color: #c9c9c9;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #c9c9c9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #c9c9c9;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* WooCommerce Products - Change Button Colour to match shop page */
/* Source: Google Chrome Inspector */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button, 
.woocommerce button.button.alt {
    background-color: transparent;    
    color: #3e3e3e;
    border: 1px solid #3e3e3e;
}

/* WooCommerce Products - Button Change Colour on hover */
/* Source: Google Chrome Inspector */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover, 
.woocommerce button.button.alt:hover {
    background: #3e3e3e !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* WooCommerce Products - Bundles - Hide the price for some products */
/* Source: Google Chrome Inspector */
.woocommerce #post-14936 div.product p.price,
.woocommerce #post-14826 div.product p.price,
.woocommerce #post-14479 div.product p.price,
.woocommerce #post-14187 div.product p.price {
    display: none !important;
}

/* WooCommerce - Category Page - Product Bundles - Hide the sales badge */
/* Source:https://wpc.ticksy.com/ticket/2333125 */
li.product.post-14184 .onsale,
li.product.post-28127 .onsale,
li.product.post-28130 .onsale,
li.product.post-28132 .onsale {
    display: none !important;
}

/* WooCommerce - Product Page - Product Bundles - Hide the sales badge */
/* Source:https://wpc.ticksy.com/ticket/2333125 */
body.single-product.postid-14184 .product-type-woosb .onsale,
body.single-product.postid-28127 .product-type-woosb .onsale,
body.single-product.postid-28130 .product-type-woosb .onsale,
body.single-product.postid-28132 .product-type-woosb .onsale {
    display: none !important;
}

/* End WooCommerce  ----------------------------------- */

/* ----------- Media Queries --------------- */

@media (max-width: 1100px) {
    /* Add Margin – My Account – Cart – Checkout */
    .contained-content.one-container .site-content #post-11,  
    .contained-content.one-container .site-content #post-8241, 
    .full-width-content.one-container .site-content #post-8241, 
    .full-width-content.one-container .site-content #post-11 {
    		margin-left: 20px;
   			margin-right: 20px;
    }
}

@media (min-width: 1025px) {
    /* VillaTheme Multi-Currency - hide horizontal currency selector on desktop */
    /* Source: Chrome Inspector */
    .menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.menu-item-37019 {
        display: none !important;
    }
    
    /* Start - GeneratePress - Mega Menu */
    /* Source: https://docs.generatepress.com/article/building-simple-mega-menu/ */
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        flex-wrap: wrap;
        display: flex;
        box-shadow: 0 0 0;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 32%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }
    
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu > ul > li:hover > a {
        background-color: #ffffff !important;
        color: #3e3e3e !important;
    }

	.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
	.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    	color: #000000;
    	background-color: #ffffff;
	}
	
    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
	
	/* reduce the padding of the drop down toggle icon */
	/* Source: Google Chrome */
	.menu-item-has-children .dropdown-menu-toggle {
    	padding-left: 0px;
	}
	/* End - GeneratePress - Mega Menu */
}

@media (max-width: 1024px)  { 
	/* GeneratePress - background see-through in navigation */
	/* Source: Google Chrome */
	.sticky-enabled .main-navigation.is_stuck {
    	background: rgba(62,62,62,0.5);
	}
	
    /* GeneratePress - Mobile Off Canvas Menu - width & close X */
    /* Source: Google Chrome */
    .slideout-navigation button.slideout-exit {
        padding-right: 10px;
        text-align: right;
        font-size: 24px;
    }

    .main-navigation.offside.offside--right.is-open {
        width: 100%;
        max-width: 600px;
    }
	
	/* GeneratePress - Mobile Off Canvas Menu - menu items font size */
    /* Source: Google Chrome */
	.slideout-navigation.main-navigation .main-nav ul li a,
	.slideout-navigation.main-navigation .main-nav ul ul li a {
    	font-size: 20px;
	}

    /* GeneratePress - Mobile Off Canvas Menu - Remove bottom margin above Search Widget */    
    .slideout-navigation .main-nav, 
    .slideout-navigation .slideout-widget:not(:last-child) {
        margin-bottom: 0px;
    }
    
    /* GeneratePress - Mobile Off Canvas Menu - Full Width Search Widget & Adjust Margin */
    aside#block-3.slideout-widget.widget_block {
        width: 100%;
        margin: 20px 10px 20px 7px;
    }

    /* GeneratePress - Mobile Menu - Hide Search Icon in Menu Bar */
    .main-navigation .menu-bar-item.search-item {
        display: none;
    }

	/* VillaTheme Multi-currency - Hide vertical currency selector on mobile & tablet */
	/* Source: Chrome Inspector */
	.menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.menu-item-27265 {
        display: none !important;
    }
    
    /* VillaTheme Multi-Currency - Mobile & Off Canvas */
    /* Source: Chrome Inspector */
    /* Flex Box for better alignment */
    .woocommerce-multi-currency.wmc-shortcode.plain-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    }

    /* Active = Bolder & Border */
    .woocommerce-multi-currency.wmc-shortcode.plain-horizontal .wmc-currency.wmc-active a {
    font-weight: 900;
    }

    .wmc-currency.wmc-active {
        border-style: solid;
    }

	/* Inherit colour of header */ 
    .woocommerce-multi-currency.wmc-shortcode .wmc-currency {
        background-color: inherit;
        color: inherit;
    }

    .woocommerce-multi-currency.wmc-shortcode .wmc-currency a:hover {
        font-weight: normal;
        background: inherit;
        color: #fffae7;
    }
    /* End - VillaTheme Multi-Currency - Mobile & Off Canvas */
}

@media (max-width: 768px)  { 	
	/* GeneratePress - Footer Widget - Simple Social Icons - Decrease Size */
	#simple-social-icons-4 ul li a, 
	#simple-social-icons-4 ul li a:hover, 
	#simple-social-icons-4 ul li a:focus {
		border-radius: 7px !important;
		font-size: 25px !important;
		padding: 12px !important;
	}
	
	/* GeneratePress - Footer Widgets - Simple Social Icons - Add Top Margin */
	#simple-social-icons-4.simple-social-icons {
		margin-top: 15px;
	}
	
	/* START WooCommerce - Shop Page - 2 column view */
    .page-id-3152 .fl-module-woocommerce {
        padding-left: 5px;
        padding-right: 5px;
        }
    /* 2 Column View */
    .page-id-3152 .fl-woocommerce-products ul.products li.product {
        width: 50% !important;
        float: left !important;
        }
    /* Product Title */
    .page-id-3152 h2.woocommerce-loop-product__title {
        font-size: 14px !important;
        height: 50px;
        }
    /* Add to Cart Button
    .page-id-3152 a.add_to_cart_button {
        padding: 5px 10px !important;
        }
    /* Product Excerpt */
    .page-id-3152 .products span.excerpt {
        display: block;
        height: 40px;
        font-size: 14px;
        }
    /* END WooCommerce Shop Page - 2 column view */

    /* WooCommerce Product Tabs - Tab Size */
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        display: block;
    }

    /* WooCommerce Product - Tabs Panel - Border & Size */
    .woocommerce div.product .woocommerce-tabs .panel, 
    .woocommerce-page div.product .woocommerce-tabs .panel {
        padding: 5px;
    }
}

@media (min-width: 431px) and (max-width: 768px)  { 
    /* Change padding for WooCommerce Products */
    .woocommerce .site-content {
        padding: 20px 40px 20px 40px !important;
    }
}

@media (max-width: 440px) {
    /* WooCommerce - Checkout - Align Express Checkout Buttons */
    .wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons>li {
        width: 100%;
        padding: 0px !important;
    }
}

@media (max-width: 430px) {
    /* 11Sight - Scale for smaller devices */
	.elevensight-widget-launcher {
		transform: scale(0.7) !important;
		bottom: 15px !important;
    	right: 0px !important;
	}
	
	/* GeneratePress - Footer Widget - Simple Social Icons - Decrease Size */
	#simple-social-icons-4 ul li a, 
	#simple-social-icons-4 ul li a:hover, 
	#simple-social-icons-4 ul li a:focus {
		border-radius: 5px !important;
		font-size: 15px !important;
		padding: 5px !important;
	}
		
	/* GeneratePress - Footer Widgets - Simple Social Icons - Add Top Margin */
	#simple-social-icons-4.simple-social-icons {
		margin-top: 15px;
	}
	
	/* GeneratePress - Sidebar - Widget - Adjust margin for mobiles */
	.widget-area .widget {
        padding: 10px;
    }

	/* WooCommerce - Add Margin – My Account – Cart – Checkout */
    .contained-content.one-container .site-content #post-11,  
    .contained-content.one-container .site-content #post-8241, 
    .full-width-content.one-container .site-content #post-8241, 
    .full-width-content.one-container .site-content #post-11 {
    	margin-left: 5px;
   		margin-right: 5px;
    }
}

@media (max-width: 368px) {   
    /* Reduce the font for small screens */
    .widget .search-form button.search-submit,
    body, button, input, select, textarea {
   		font-size: 16px;
    }
}

@media (max-width: 349px) {    
	/* Reduce the font for small screens */
	.widget .search-form button.search-submit,
	body, button, input, select, textarea {
   		font-size: 15px;
    }
}

@media (max-width: 333px) { 
	/* GeneratePress - Mobile Menu - Reduce the font size of the basket amount */
	/* Source: https://generatepress.com/forums/topic/various-menu/ */
	#mobile-header .cart-contents>span.amount {
    font-size: 12px;
  	}
	
	/* Reduce the font for small screens */	
    .widget .search-form button.search-submit,
    body, button, input, select, textarea {
   		font-size: 14px;
    }
}

@media(max-width: 320px) {
	/* Reduce the font for small screens */
	.widget .search-form button.search-submit,
	body, button, input, select, textarea {
   		font-size: 13px;
    }
}

@media (max-width: 310px) {    
	/* Reduce the font for small screens */
	.widget .search-form button.search-submit,
	body, button, input, select, textarea {
   		font-size: 12px;
    }
}

@media (max-width: 270px) {    
	/* Reduce the font for small screens */
	.widget .search-form button.search-submit,
	body, button, input, select, textarea {
   		font-size: 10px;
    }
}