/*!
Theme Name: Food Box
Theme URI: http://underscores.me/
Author: Andrew Oldroyd
Author URI: https://rockitfueltech.ca/
Description: Custom WordPress Theme for Good Food Box
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: foodbox
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Food Box is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/** Changes below reflect Lynnsey's requests **/
/** Beginning of Homepage/Global Changes **/
/** this fixes the Top level Banner height**/
.home .swiper-slide {
	min-height: 590px !important;
}

/** this adds the text shadow behind all of the banner headers **/
.available-area .title-label-area h2 {
	text-shadow: 0 1px 15px #30373e;
}

.header-banner h1 {
    text-shadow: 0 1px 15px #30373e;
    color: #ffffff;
}

/** this adds the Active Menu Orange Colour **/
#masthead .main-navigation-wrapper nav#site-navigation li.current-menu-item a {
	color: #fc671a !important;
}

/** This fixes the alignment of the welcome area on desktop **/
@media (min-width: 768px) {
	.welcome-area {
		padding-left: 12%;
	}
}

/** This fixes the spacing of the welcome area image on desktop **/
.welcome-area .welcome-image-wrap {
	margin-left: auto;
	z-index: 15;
}

.welcome-area .welcome-image-wrap img {
	z-index: 15;
}

/** This fixes the icon spacing/gap **/
.welcome-area span.welcome-list-icon {
	flex-basis: 10% !important;
	margin-top: auto;
	margin-bottom: auto;
}

.welcome-area span.welcome-list-item {
	flex-basis: 90% !important;
}

/** This fixes the Font spacing issues **/
@media (min-width: 768px) {
	.welcome-area .title-wrap {
		padding-right: 8em;
		text-align: justify;
	}
	.welcome-area ul.welcome-list {
		padding-right: 6em;
	}
}

/** This fixes the missing fruit **/
.welcome-area .welcome-bgr {
	position: absolute;
	right: 0;
	top: -200px;
	z-index: 10;
}

.welcome-area .welcome-bgl {
	position: absolute;
	left: 0;
	bottom: 125px;
	z-index: 10;
	max-width: 250px;
}

/** this fixes the "How it works" Font issue **/
.how-works-area__content .title-wrap h2 span {
	text-transform: uppercase;
}

.works-step span {
	max-width: 90px;
}

.step-content h3 {
	font-size: 30px;
	margin-bottom: 0 !important;
}

/** this fixes the "Available for Everyone" Font issue **/
.available-area .title-label-area h2 {
	letter-spacing: 2px !important;
}

/** Homepage Add to Cart Button **/
.available-area .food-box-wrapper .quanity-add-cart button.add-to-cart {
	font-family: "Roboto";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	background: #e56d42;
	padding: 10px 26px;
	border-radius: 35px;
	transition: 300ms ease-in-out;
}

/** Fixes missing fruit in product area **/
.site-footer .product-bgl {
	position: absolute;
	right: 0;
	top: -30px;
	z-index: 15;
}

.site-footer .footer-logo-area {
    position: static !important;
}

/** fixes Social Media Footer Icon Alignment **/
.footer-social-icons ul,
.footer-contact ul {
	margin-left: auto;
}

/** fixes alignment for the footer Logo **/
#colophon {
	padding-top: 15vw !important;
}

#colophon .footer-social-icons ul li a {
	font-size: 40px;
}

.site-footer .footer-logo-area {
	position: absolute;
	top: -125px;
}
/** End of Homepage/Global Changes **/



/** Beginning of About Us Page Changes **/
section.hero-area .hero-area__content h4 a {
    color: #30373e;
    text-decoration: none;
    transition: 300ms ease-in-out;
}
section.hero-area .hero-area__content h4 a:hover{
    color: #fc671a;
}

.page-id-78 .about-us-section .about-us__content ul {
	padding-bottom: 10px;
}

.page-id-78 .about-us-section .about-us__content ul li:nth-child(odd) {
	margin: 0;
	padding: 5px 0 5px 50px;
	list-style: none;
	background-image: url("assets/images/carrot.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}

.page-id-78 .about-us-section .about-us__content ul li:nth-child(even) {
	margin: 0;
	padding: 5px 0 5px 50px;
	list-style: none;
	background-image: url("assets/images/apple.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}

.page-id-78 .about-us-section .about-us__content ul li::before {
	content: none;
}

.page-id-78 .hero-area {
	padding-top: 2rem;
	padding-bottom: 0;
}

.whatis-bgr {
	position: absolute;
	right: 0;
	bottom: -100px;
}
/** End of About Us Page Changes **/

/** Beginning of Order Page Changes **/
.food-box-info .order-bgl {
	position: absolute;
	left: 0;
}
/** End of Order Page Changes **/

/** Contact us Changes **/
.contact-area h4 {
	font-size: 20px !important;
}

.contact-area .single-contact:nth-child(1) {
	padding-bottom: 2em;
}

.contact-area .contact-area .contact-area__form-wrapper input.submit-btn {
	letter-spacing: 2px;
}

.contact-area .contact-area__form-wrapper .form-group label span {
    font-style: italic;
    color: #e56d42;
}

.woocommerce-cart h2:nth-of-type(2), .woocommerce-cart .wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new {
    display: none;
}
/** end of Contact us Changes **/