/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.1
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
/* Custom Timeline Express Plugin Styles */

@import 'custom-timeline-express.css';

/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Oswald');


/* GLOBAL STYLES */

h1{
	font-family: 'Baskerville', serif;
	font-size: 38px;
}

.purple-wrapper{
	background-color: #342d46;
}

.lt-purple-wrapper{
	background-color: #f5f4f6;
}

.oswald-header{
	font-family: 'Oswald';
	font-size: 20px;
	letter-spacing: 2px;
}

.text-white{
	color: white;
}

.page, .content-area, .site-main{
	margin-bottom: 0px;
}

p.lead{
	font-size: 18px;
}

.entry-title{
	display: none;
}

a{
	transition: all 0.3s ease 0s;
}


/* HEADER */

.search-wrapper{
	width: 176px;
    display: inline-block;
    float: right;
}

.header-green-btns{
	display: inline-block;
    float: right;
}

.header-green-btns a{
    font-size: 16px;
    font-family: 'Oswald';
    background: #abce4e;
    padding: 10px 25px;
    margin: 0px 2.5px;
}

.logo-wrapper{
	padding: 0px 10px;
}

.handheld-navigation{
	margin-bottom: 30px;
}

#masthead{
	border: none;
	margin-top: 1.235801em;
	margin-bottom: 1.235801em;
}

#site-navigation ul li a{
	font-family: 'Oswald';
	transition: all 0.3s ease 0s;
	padding: 6px 2px;
}

#site-navigation ul li{
padding: 0px 10px;
}

#site-navigation ul li a:hover{
	text-decoration: none;
    border-bottom: 3px solid #abce4e;

}

.storefront-primary-navigation{
/* 	bottom: -65px; */
    position: relative;
}
.search-content form {
    margin: 0;
    display: flex;
}
.search-content button.search-icon {
    background-color: #352d45;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search-content input {
    border: 0px;
    outline: 0px;
    box-shadow: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
/* BREADCRUMB */
.storefront-breadcrumb .col-full {
    max-width: 1170px;
}
header.woocommerce-products-header .storefront-breadcrumb {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 15px;
}
.single-product .storefront-breadcrumb {
    margin-bottom: 20px;
    background: #352d45;
    padding: 17px 0;
}
.storefront-breadcrumb nav {
    color: #ddd;
}
.woocommerce-breadcrumb .breadcrumb-separator:after {
    color: #fff;
    opacity: 1;
}
.woocommerce-breadcrumb a {
    color: #fff;
}
.woocommerce-breadcrumb a:before {
    opacity: 1;
    color: #fff;
}
/*Seacrh Bar*/
#myOverlay.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999999999;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}
#myOverlay.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}
#myOverlay .overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
#myOverlay.overlay input[type=text] {
    padding: 15px;
    border-radius: 0;
    font-size: 17px;
    border: none;
    float: left;
    letter-spacing: 4px;
    width: 80%;
    background: white;
	font-family: 'Oswald';
}
#myOverlay.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.search-bar a {
    cursor: pointer;
}
/* Pagination */
.page-numbers.current {
    background: #352d45;
    color: #fff;
}

.page-numbers {
    padding: 10px 18px;
background: #fff;
    text-decoration: none;
    color: #352d45;
    font-weight: 700;
    font-family: 'opensans regular';
    border: 1px solid #cac7c7;
}
.pagination-container {
    margin: 45px 0;
}
.search-results #page {
    overflow-x: visible;
}
/* FOOTER */

.footer-logo-wrapper, .footer-contact-wrapper{
	display: inline-block;
	float: left;
}

.site-footer{
	color: #352d45;
	padding: 50px 0px 50px;
}

.footer-contact-wrapper{
    margin: 16px 5px 0px 15px;
    background-color: #F0F0F0;
}

.footer-social-icons img{
	display: inline-block;
	margin: 0px 9px;
}

/* HOMEPAGE */

#HomeCarousel .carousel-caption{
	left: 11%;
    right: 0%;
    bottom: 31%;
    padding-bottom: 0px;
}

.square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
}

.coffee-img{
	background-image: url('assets/images/coffee.jpg');
	background-size: cover;
    background-repeat: no-repeat;
}

.frying-pan-img{
	background-image: url('assets/images/fryingpan.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.pour-img{
	background-image: url('assets/images/pour.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.glasses-img {
	background-image: url('assets/images/glasses.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.home-tiles{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    height: 150px;
    width: 170px;
    margin: auto;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
	transition: all 0.3s ease 0s;
}

.home-tiles:hover{
	height: 160px;
    width: 180px;
}

.home-tiles p{
	margin: 0;
	padding: 0;
	letter-spacing: 3px;
}

/* SHOP BY CATEGORY */

.categories h3{
	font-size: 24px;
	padding: 50px 0px 0px;
}

.categories p{
	padding-bottom: 50px;
}

/* CONTACT US */

#ContactUsCarousel .carousel-caption{
    top: 34%;
}

#ContactUsCarousel .second-level-text{
	width: 56%;
	margin: auto;
}

.phone a{
	color: white;
}

#nf-form-2-cont, #nf-form-2-cont textarea{
	color: #342d46;
}

#nf-form-2-cont .nf-form-fields-required{
	display: none;
}

#nf-form-2-cont input, #nf-form-2-cont textarea{
	border-radius: 4px;
}

#nf-form-2-cont .nf-field-container{
	margin-bottom: 10px;
}

#nf-form-2-cont #nf-field-10{
    float: right;
    background: #acce4f;
    color: white;
    padding: 10px 50px;
    border-radius: 1px;
}

.contact-info{
	font-size: 15px;
}

.nf-response-msg{
	color: white;
}

.contact-map iframe{
	margin: auto;
	display: block;
}

/* PRODUCT GUIDE */
.coffee-cafe{
	background-image: url("https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/CoffeeCafe.jpg");
}

.equipment{
	background-image: url("https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/Equipment.jpg");
}

.drinkware{
	background-image: url("https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/Drinkware.jpg");
}

.kitchen{
	background-image: url("https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/Kitchen.jpg");
}

.beverage-systems{
	background-image: url("https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/BevSystems.jpg");
}

.beverage-systems,.kitchen,.drinkware,.equipment,.coffee-cafe{
	background-size: cover;
    height: 100%;
}

.second-text-pg{
	padding: 5px 20px 40px;
}

.faq-bars{
	width: 100%;
    background: #f5f4f6;
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 2px;
    padding: 12px 10px 12px 20px;
    font-family: "Oswald";
    color: #352d45;
    transition: all 0.3s ease 0s;
    margin: 5px 0px 0px;

}

.faq-bars:hover{
	text-decoration: none;
	background: #e7e1ed;
}

.faq-bars:active, .faq-bars:focus, .faq-bars:visited{
	text-decoration: none;
}

.faq-bars.open{
	background-color: #352d45;
	color: white;
}

.down-caret {
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #352d45 transparent transparent transparent;
  display: inline-block;
  margin-left: 6px;
  margin-right: 10px;
  top: 6px;
  position: relative;
  transform: rotate(0deg);
  transition: all .25s ease-in;
}

.open-caret {
  transform: rotate(180deg);
  transition: all .25s ease-out;
  border-color: white transparent transparent transparent;
}

.dropdown-menu.open{
	display: inline-block;
	position: relative;
}

.dropdown-menu{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 20px;
    margin: -1px 1px 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #f5f4f6;
    border: 1px solid #ccc;
    border: 1px solid #dedede;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


/* ABOUT US */

.cd-timeline-block{
	position: relative;
}

.left .cd-arrow-cstm{
    left: 35%;
    top: 46.5%;
    position: absolute;
}

.right .cd-arrow-cstm{
	right: 35%;
    top: 46.5%;
    position: absolute;
}

.wp-block-timeline-express-timeline-block .cd-timeline-content:before{
	content: none;
}

.cd-arrow-cstm .arrow-text{
    font-family: "Oswald";
    color: #342C46;
    position: absolute;
    top: 2%;
    font-size: 20px;
    letter-spacing: 2px;
}

.left .cd-arrow-cstm .arrow-text{
	left: 34%;
}

.right .cd-arrow-cstm .arrow-text{
	right: 34%;
}

.cd-arrow-cstm{
	border: none;
	border-radius: 0px;
}

#cd-timeline .cd-timeline-content {
    margin-left: 0;
    top: 8px;
    padding: 0px;
    width: 300px;
    height: 200px;
    border: 3px solid #acce4f;
    border-radius: 15px;
    overflow: hidden;
    background: #0e0d0d;
    box-shadow: none !important;
}

.cd-under-text{
	width: 300px;
    font-family: "Oswald";
    letter-spacing: 2px;
}

.cd-under-text.right{
	float: right;
}

.right.cd-timeline-block .cd-timeline-content{
	float: right;
}


/* RESOURCES */

.pdf-download-btn:hover{
	text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 0px;
}

.video-background{
	background-image: url('https://www.nationalchemicals.com/wp-content/themes/storefront-child/assets/images/video-background.jpg');
}
.blog-col-4{
	-webkit-box-shadow: 2px 2px 17px -1px rgba(69,69,69,1);
	-moz-box-shadow: 2px 2px 17px -1px rgba(69,69,69,1);
	box-shadow: 2px 2px 17px -1px rgba(69,69,69,1);
	padding: 0px;
}

.blog-col-4 .blog-content{
	padding: 0px 15px 15px;
	background-color: white;
}

.safety-data-sheets a{
	font-size: 16px;
}

.blog-col-4 .blog-thumb {
    margin-bottom: 0px;
}

/* BAR & RESTAURANT */

.rounded-tiles{
    background: #f5f4f6;
    border-radius: 15px;
    height: 100%;
    border: 3px solid #f5f4f6;
    transition: all 0.3s ease 0s;
}

.rounded-tiles img{
	margin: auto;
    padding: 20px 0px 10px;
}

.rounded-tiles p{
	font-family: 'Oswald';
	font-size: 16px;
	letter-spacing: 3px;
	padding-bottom: 15px;
}

.rounded-tiles:hover{
	border: 3px solid #ed5939;
}

/* WooCommerce */
.woocommerce-products-header__title.page-title,
body:not(.single-product).woocommerce-page .entry-title {
	display: block;
	text-align: center;
	background-color: #352d45;
	color: white;
	font-family: Oswald;
	font-size: 20px;
	letter-spacing: 4px;
	padding: 50px 0;
	margin: 25px 0 50px;
	text-transform: uppercase;
}

.woocommerce-products-header .page-description {
	display: none;
}

/* Show titles for Woo */
.woocommerce-page .entry-title {
	display: block;
}

/* Give the cart a little more space */
.woocommerce-cart .page,
.woocommerce-checkout .page {
	max-width: none !important;
	margin-bottom: 100px;
}

/* Fix wrap for woocommerce shipping */
.woocommerce-shipping-methods label {
	display: inline;
}

.single-product div.product .woocommerce-product-gallery figure a img {
	max-height: 600px;
	width: auto;
	margin: 0 auto;
}


/* MEDIA QUERIES */

@media (min-width: 1500px){
	#ContactUsCarousel .carousel-caption{
    	top: 39%;
	}
	#ContactUsCarousel .second-level-text{
		width: 32%;
		margin: auto;
	}
}

@media(max-width: 992px) and (min-width: 768px){
	#HomeCarousel .carousel-caption img{
		max-width: 50%;
	}
	.second-text-pg{
		padding: 5px 235px 8px;
	}
}

@media only screen and (min-width: 822px){
	.wp-block-timeline-express-timeline-block .cd-timeline-img{
		box-shadow: none ;
		margin-left: -7px ;
		top: 50% ;
    	width: 13px ;
    	height: 13px ;
	}
}


@media (min-width: 769px){
	.product-guide-sections.row {
        display: table;
    }

    .product-guide-sections [class*="col-"] {
    	float: none;
    	display: table-cell;
    	vertical-align: top;
	}
	.product-guide-sections .col-md-2{
		width: 19.8% !important;
	}
}

@media (min-width: 768px){
	.site-header {
    	padding-top: 0px;
	}
	.woocommerce-active .site-header .main-navigation {
    	width: 100%;
    	float: left;
    	margin-right: 4.347826087%;
    	clear: both;
	}
	.wp-block-timeline-express-timeline-block .cd-timeline-img{
		box-shadow: none ;
		margin-left: -7px ;
		top: 50% ;
    	width: 13px ;
    	height: 13px ;
	}

}

@media(max-width: 768px){
	.wp-block-timeline-express-timeline-block .cd-timeline-img{
		display: none;
	}
	.left .cd-arrow-cstm {
    	left: 46%;
    	top: 47.5%;
    	position: absolute;
	}
	.right .cd-arrow-cstm {
    	right: 46%;
    	top: 47.5%;
    	position: absolute;
	}
}

@media(min-width: 767px){
	#cd-timeline.cd-container::before {
    	left: 50%;
    	margin-left: -2px;
	}
}

@media(max-width: 767px){
	.search-content{
		display:none;
	}
	.pour-img, .frying-pan-img, .coffee-img{
		margin-bottom: 15px;
	}
	.nav-container{
		float: right !important;
		width: 60%;
	}
	#ContactUsCarousel .carousel-caption {
    	top: 0%;
	}
	#cd-timeline .cd-timeline-content{
		margin: auto;
	}
	.cd-under-text{
		margin: auto;
		padding: 10px 5px 25px;
	}
	#cd-timeline::before {
		display: none;
	}
	.cd-arrow-cstm{
		display: none;
	}
	.mobile-timeline-indicator{
    	display: inline-block !important;
    	padding-bottom: 0px;
    	margin-bottom: 0px;
    	background: #acce4f;
    	padding: 5px 15px;
    	font-size: 18px;
    	position: relative;
    	top: 8px;
    	border-top-left-radius: 1px;
    	border-top-right-radius: 1px;
	}
	.right.cd-timeline-block .cd-timeline-content, .left.cd-timeline-block .cd-timeline-content {
    	float: none;
	}
	.cd-under-text.right{
		float: none;
	}
}


@media (max-width: 430px){
	.product-guide-sections [class*="col-"]{
		background-position-y: -150px;
	}
}

@media(max-width: 400px){
	#cd-timeline .cd-timeline-content, .cd-under-text{
		width:auto;
		height: auto;
	}
}

.continue-shopping-button-wrapper {
	text-align: right;
}

.woocommerce-checkout .continue-shopping-button-wrapper {
	padding-right: 20px;
}

.continue-shopping-button {
	text-align: center;
}

.continue-shopping-button:hover {
	text-decoration: none;
}


/** Custom product search **/
.product-search {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

@media (min-width: 768px) {
	.product-search {
		margin-top: -100px;
	}

	.search-results .product-search,
	.tax-product .product-search,
	.tax-product_cat .product-search {
		margin-top: -50px;
	}

	.search-no-results .product-search {
		margin-top: 0;
		padding-bottom: 100px;
	}
}

.product-search input[type="text"] {
	flex: 0 1 100%;
	margin-right: 10px;
}

/** End custom product search **/


/** Landing Pages **/

.page-template-template-landing .add_to_cart_button {
	background-color: #544c73;
	color: white;
	font-size: 20px;
	padding: 8px 20px;
}

.page-template-template-landing .add_to_cart_button:hover {
	background-color: #342d46;
}

.page-template-template-landing .woocommerce-loop-product__link,
.page-template-template-landing .woocommerce-loop-product__title {
	font-size: 14px !important;
}

.landing-image {
	max-width: 1920px;
	margin: 0 auto;
}

.landing-image img {
	width: 100%;
}
.my-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
/** End Landing Pages **/

/* Disable Related Products On Sanitizer */
.postid-5176 .related {
	display: none;
}