/*
Theme Name:   Storefront Child Theme
 description: >-
 Author:       Simon Duncan
 Template:    storefront
 Version:      1.0.0
*/

/*new font - MazzardSoftM-Regular.otf */
@font-face {
	font-family: MazzardSoftM Regular;
	  src: url(https://www.bedboo.co.uk/wp-content/themes/storefront-child/assets/fonts/MazzardSoftM-Regular.otf);
	  font-weight: normal	;
}

body {
      font-family: 'MazzardSoftM Regular', sans-serif; /* Replace with your font name */
			margin-left: auto;
			margin-right: auto;

}


body:not(.no-sidebar) .content-area {
	width: 100%;
	padding-right: 0
}


/* hides wp page titles */
/* useful: https://www.siteground.co.uk/kb/hide-page-titles-in-wordpress/ */
.page .entry-header .entry-title {
  display: none;
}


/* hides search products box in header */
.site-header .site-search {
  display: none;
}


/* centering the logo */
/* useful: https://www.acmethemes.com/blog/make-logo-on-center/ */
.custom-logo-link img {
  width: 100%;
  margin: auto;
}


/* Top Menu, Primary Menu */
/* primary menu design */
.primary-navigation {
  width: 100%;
  margin: auto;
	padding: 0px 0px 0px 0px;
}

#menu-primary-menu {
  font-family: MazzardSoftM Regular;
	width: 100%;
  margin: auto;
  padding: 0px 0px 0px 115px;
  font-weight:bold;
  font-size:14px;
}


/* adding this could be dangerous?  But it is, for now, removing Shop by Brands on the home page */
 /*class="storefront-product-section storefront-woocommerce-brands" aria-label="Product Brands"><h2 class="section-title">Shop by Brand</h2></section>*/
 .storefront-woocommerce-brands .section-title{
  display: none;
}


/* shopping cart */

/* this removes the shopping cart and £0.00 on pages */
/* shopping cart widget */
#site-header-cart{
	width: 175px;
	/* display: none; */
}



/* new shopping cart css */
a.cart-contents,
.widget_shopping_cart a {
	color: #000000;
}

a.cart-contents,
.widget_shopping_cart a{
	color: #000000;
}

a.cart-contents:visited {
	color: #000000;
}

.widget_shopping_cart a:visited {
	color: #000000;
}

a.cart-contents:hover,
.widget_shopping_cart a:hover {
	color: #000000;
}

/* amended,  font color of the all pages shopping cart */
@media screen and ( min-width: 768px ) {

.site-header-cart .widget_shopping_cart,
.site-header .product_list_widget li .quantity {
	color: #ffffff;
}

/* amended,  background of the all pages shopping cart */
.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
	background-color: #000000;
}

/* amended,  background of the all pages shopping cart */
.site-header-cart .widget_shopping_cart {
	background-color: #bbb;
}

}




/* removes Sort by dropdown box in woocommerce */
.woocommerce-ordering {
  display: none;
}

.woocommerce-result-count {
	display: none;
}

/* spread the shop products further apart
.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image {
  margin: 100px 50px 50px 50px;
  padding: 2px;
}
*/


/*
Main menu:

.storefront-primary-navigation
.col-full
#site-navigation
.main-navigation
#site-navigation-menu-toggle
.menu-toggle
.primary-navigation
#menu-primary-menu
.menu-item
*/


/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7

/* my additions
#mc_embed_signup{background:#fff; false;clear:left; font-size:14px width: 600px;}

/* MailChimp Form Embed Code
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #111; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#222;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. }
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}
#mc_embed_signup .mc-sms-phone-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px; padding-top:5px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:left; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#000000; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #ff0000; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#ff0000;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #ff0000;}
*/


.my-size-chart-link {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
}

.my-size-chart-link:hover {
    background-color: #777777;
}


/* --- Size Chart Pop-up CSS --- */
.size-chart-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000; /* High z-index to appear on top of other elements */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7); /* Black background with transparency */
    padding-top: 60px;
}

.size-chart-modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 5% from the top and centered horizontally */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be a smaller percentage on smaller screens */
    max-width: 800px;
    position: relative; /* Needed for the close button */
}

/* The close button */
.size-chart-close-button {
    color: #aaa;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
}

.size-chart-close-button:hover,
.size-chart-close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}