/*
Theme Name:   	Funeral Flowers 2020
Author:       	William Jeffree
Author URI:     https://designhousestudio.co.uk
Template:     	storefront
Description:  	This is a StoreFront child theme theme
Version:      	1.0.2
*/

@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,500&display=swap');

/*
	----------------------------------------------------------
	
	----------------------------------------------------------

*/

body a {
	transition: all linear 0.25s;
}

/*
	Masthead
	----------------------------------------------------------
*/
#masthead {

}

.storefront-breadcrumb {
	margin: 0 0 0 0;
}




/*
	Basic Fixes
	----------------------------------------------------------
*/

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
	box-shadow: none !important;
}

a:focus,
.focus a {
	outline: none !important;
}

img {
    border-radius: 0px;
}

.right-sidebar .widget-area {
    background: #f0f0f0;
    padding: 10px;
	margin-bottom: 10px;
}

.main-navigation ul.menu ul.sub-menu {
	columns: 3;
}

#respond {
    display: none !important;
}

/*
	Typography
	----------------------------------------------------------
*/

body {
	font-family: Muli, sans-serif;
	font-weight: 300 !important; 
	font-size: 18px;
	line-height: 1.65em;
}

body a {
	text-decoration: none !important;
	font-weight: 300 !important; 
}


h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
	font-weight: 300 !important;     
}

h1 {
    font-size: 2em !important;
    
}


/*
	Hiding Page Titles
	----------------------------------------------------------
*/


.home .entry-title {
    display: none;
}


/*
	Woocommerce
	----------------------------------------------------------
*/

.woocommerce-breadcrumb {
    font-size: 0.65em;
    text-transform: uppercase;
}
.woocommerce-products-header {
    display: none;
}

/*
	HOLIDAY NOTICE
	----------------------------------------------------------
*/

.single-product div.product .summary {
}

/*
	Visual Composer
	----------------------------------------------------------
*/

span.vc_tta-title-text {
    font-size: 16px;
    line-height: 1em;
}


/*
	Footer/Widget Menu
	----------------------------------------------------------
*/

.widget-title {
	text-transform: uppercase;
	font-size: 18px !important;

}

.widget_nav_menu ul li::before {
	display: none;
}

.widget_nav_menu ul li {
	padding-left: 0;
}

/*
	Reviewability Widgets
	----------------------------------------------------------
	Banner sits edge-to-edge directly under the Rev Slider on the
	homepage (rendered by template-ff-homepage.php), above the rest
	of the page content. Full-bleed section with a soft off-white
	background so it visually separates from both the slider above
	and any WPBakery rows below.
*/

.ff-reviews-banner {
	width: 100%;
	padding: 40px 0;
	background: #f7f6f2;
	border-bottom: 1px solid #ececec;
}

.ff-reviews-banner__inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 20px;
}

.ff-reviews-full {
	max-width: 1220px;
	margin: 0 auto;
	padding: 40px 20px;
}

@media (max-width: 768px) {
	.ff-reviews-banner {
		padding: 24px 0;
	}
	.ff-reviews-full {
		padding: 24px 16px;
	}
}

/*
	Homepage template — hero spacing
	----------------------------------------------------------
	The template closes Storefront's `.col-full` / `#content`
	wrappers from header.php at the top so the slider + banner
	go full-bleed. That leaves an empty `#content.site-content`
	sitting between the header and the hero, which still inherits
	Storefront's default top padding and creates a big visual
	gap. Collapse it to zero here (this template only), and give
	the banner some breathing room before the page content.
	The `:not(.ff-homepage-body)` selector targets only the
	empty initial wrapper, not the reopened one below the hero.
*/

body.page-template-template-ff-homepage #content.site-content:not(.ff-homepage-body) {
	padding: 0;
	margin: 0;
	min-height: 0;
}

body.page-template-template-ff-homepage #content.site-content:not(.ff-homepage-body) > .col-full {
	padding: 0;
	margin: 0;
}

/* Storefront adds margin-bottom to .site-header on the front page but only
   exempts its own template-homepage — override for ours as well. */
body.page-template-template-ff-homepage .site-header {
	margin-bottom: 0;
}

body.page-template-template-ff-homepage .ff-homepage-hero .ff-reviews-banner {
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	body.page-template-template-ff-homepage .ff-homepage-hero .ff-reviews-banner {
		margin-bottom: 24px;
	}
}