/*
Theme Name:  Storefront Child
Theme URI:   https://woocommerce.com/storefront/
Author:      Olu Obikoya
Author URI:  https://woocommerce.com/
Template:    storefront
Description: Storefront Child Theme - Changes for Afrique Fabrique London
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child
Tags:        e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
*/
/*
* Custom CSS goes after this line
*/

/***********************************************************************************************************************************************/
/*************************************************** Set Site Fonts for Headings & Paragraphs **************************************************/
/***********************************************************************************************************************************************/

p { 
     font-family: "Montserrat", Source Sans Pro, sans-serif; 
}

h1, h2, h3, h4, h5, h6 { 
     font-family: "Montserrat", Source Sans Pro, sans-serif; 
     font-weight: 400;
}

body, .secondary-navigation a {
    color: #787457;
}

/***********************************************************************************************************************************************/
/********************************* Changed All Other Website Buttons to match Product Slider Colour on Sliders *********************************/
/***********************************************************************************************************************************************/

.button {
  background-color: #787457; 
  border: 1px solid #d4aa00;
  color: #d4aa00;
  padding: 5px 10px;
  margin: 2px;	
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Montserrat, Source Sans Pro, sans-serif;
  font-weight: 400;
  font-size: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 0 1px rgba(255,255,255,0.6), 0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 0 1px rgba(255,255,255,0.6), 0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 0 1px rgba(255,255,255,0.6), 0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
}



/***********************************************************************************************************************************************/
/******************************************** Force Column Bock on Bespoke Design page to be narrower. *****************************************/
/***********************************************************************************************************************************************/

@media (min-width: 66.4989378333em){
} 
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, 
.storefront-align-wide.storefront-full-width-content .hentry 
.entry-content .alignwide {     
	margin-left: calc(50% - 25vw);     
	margin-right: calc(50% - 25vw);
}

.woocommerce ul.products li.product a.item-wishlist {
display: none;
}

/***********************************************************************************************************************************************/
/**************************************** Remove YITH "Add to Wishlist" button from Variable product types.*************************************/
/***********************************************************************************************************************************************/

.product_cat-bespoke-design-cushions .yith-wcwl-add-to-wishlist{
display: none;
}

/***********************************************************************************************************************************************/
/**************************************** Remove YITH "Add to Wishlist" button from Virtual Product type ***************************************/
/***********************************************************************************************************************************************/

.virtual.product .yith-wcwl-add-to-wishlist{
display: none;
}

/***********************************************************************************************************************************************/
/***************************************** Remove Paypal "Buy Now" button from Variable product types. *****************************************/
/***********************************************************************************************************************************************/

.product_cat-bespoke-design-cushions .paypal-button {
display: none;
}

/***********************************************************************************************************************************************/
/************************************ Remove StoreFront "Product Sharing" buttons from Variable Product type ***********************************//
/***********************************************************************************************************************************************/
.product_cat-bespoke-design-cushions .storefront-product-sharing {
display: none;
}

/***********************************************************************************************************************************************/
/*************************** Unlink Attribute references within "Additional Information" tab on Variable Product type **************************/
/***********************************************************************************************************************************************/

.shop_attributes a[rel="tag"] {
    pointer-events: none;
    cursor: default;
    color: #787457;
}


/***********************************************************************************************************************************************/
/******************************************************** Styling for Back-to-Top button *******************************************************/
/***********************************************************************************************************************************************/  

#AfFab_Btn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 80px; 
  right: 10px; 
  z-index: 99; /* Make sure it does not overlap */
  border: none; 
  outline: none; /* Remove outline */
  background-color: #d4aa00; 
  color: #787457; 
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; 
  border-radius: 10px; 
  font-size: 18px; 
}

#AfFab_Btn:hover {
	color: #d4aa00; /* Text color */
  background-color: #787457; /* Add a dark-grey background on hover */
}


/***********************************************************************************************************************************************/
/**************************************** Make "Sale" & "New" Buttons Red with White Text on Shop Page *****************************************/
/***********************************************************************************************************************************************/

.onsale {
  color: #eee;
  background: #ff1414f7
}

/***********************************************************************************************************************************************/
/******************************************************* Variation Options on Shop Page ********************************************************/
/***********************************************************************************************************************************************/

.products .variations {
    border: 1px solid #787457;
    position: relative;
    margin-bottom: 50px;
}
 
.products .variations td {
    display: block;
    padding: 10px 20px 18px;
    text-align: center;
    border-bottom: 1px solid #787457;
}
 
.products .variations td:first-child {
    padding-bottom: 0;
    border: none;
}
 
.products .variations td:last-child {
    padding-top: 5px;
}
 
.products .variations tr:last-child td {
    border: none;
}
 
.products .variations td label {
    font-weight: 600;
}
 
.products .variations td select {
    width: 100%;
}
 
.products .variations .reset_variations {
    margin: 10px 0 0;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
}

/***********************************************************************************************************************************************/
/******************************************* Support full width & wide width alignment of blocks ***********************************************/
/***********************************************************************************************************************************************/

.entry-content .alignwide {
        margin-left  : -5px;
        margin-right : -5px;
    }
.entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
.alignfull img {
        width: 100vw;
    }


/***********************************************************************************************************************************************/
/************************************************* Remove Header & Footer on Landing Pages *****************************************************/
/***********************************************************************************************************************************************/

.page-template-template-landing header#masthead{ 

	display: none; 

}

.page-template-template-landing h1.entry-title{ 

	display: none; 

}

.page-template-template-landing .storefront-breadcrumb{ 

	display: none; 

}


/***********************************************************************************************************************************************/
/***************************** Media Querys to ensure responsive behaviour for mobile devices on Landing Pages *********************************/
/***********************************************************************************************************************************************/

@media screen and (max-width: 568px){
.wp-block-coblocks-hero__inner.is-fullscreen {
    	max-width: 100%;
  	height: auto; 
}
}

@media screen and (max-width: 568px){
.wp-block-coblocks-hero__content{
    	max-width: 250px !important;
}
}

@media screen and (max-width: 568px){
.lp-header.has-text-color {
    	font-size: 26px !important;
}
}

@media screen and (max-width: 568px){
.has-cyan-bluish-gray-color.has-text-color {
    	font-size: 25px !important;
}
}


@media screen and (max-width: 568px){
.lp-para-text.has-text-color {
    	font-size: 15px !important;
}
}


/***********************************************************************************************************************************************/
/***************************** Media Query to remove "View Collections" button on mobile devices Landing Pages *********************************/
/***********************************************************************************************************************************************/

@media (max-width: 568px) { 
.show-on-pc-only {
    display: none; !important;
}
}