/*
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.0
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.
 */

 .single-product #primary {
 	width: 100%;
 	margin-right: 0;
 	float: none;
 }

 .product_title {
 	margin-bottom: 0;

 }
.cat-links {
	display: none;
}
 .single-product div.product p.price {
 	margin-top: 0;
 	margin-bottom: 0;
 	color: #000;
 	font-size: 27px;
 	font-weight: 100;
 }

 .text-after-button {
 	font-style: italic;
 	font-size: 12px;
 	line-height: 14px;
 	margin-top: 20px;
 	width: 80%;
 }

 .single-product div.product .product_meta {
 	border-top: none;
 	padding-top: 0;
 	color: #B9B9B9
 }

 .single-product div.product .product_meta a {
 	color: #B9B9B9;
 	text-decoration: none;
 	text-transform: uppercase;
 }

 .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
 	margin-bottom: 0;
 }
 .page-template-template-home  #content  .col-full {

 }

 #home-content {
 	min-height: calc(100vh - 160px);
 	position: relative;
 }

.site-content {
	min-height: calc(100vh - 210px);
}

 #home-content img {

 }

.featured-text p {
	line-height: 41px;
}

 #masthead {
 	height: 100px;
 	
 	background-image: url('img/textura.jpg');
 	background-size: cover;
 	background-repeat: no-repeat;
 	padding-top: 0;
 	margin-bottom: 0px;
 }

 #masthead:before {
 	    background: rgba(255,255,255,0.7);
    position: absolute;
    width: 100%;
    height: 100px;
 }

 #masthead .site-search {
 	display: none;
 }

.blog #masthead, .woocommerce #masthead, .single-post #masthead {
	margin-bottom: 50px;	
}

 .site-branding {
 	position: absolute;
 	top: 10px;
 }
 .col-full {
 	position: relative;
 }
 .storefront-primary-navigation  {
 	position: absolute;
 	right: 	0;
 	top: 10px;
 }

 .storefront-primary-navigation .col-full {
 	max-width: 670px;
 }
 .main-navigation ul.nav-menu > li.featured-button {
 	margin-left: 15px;
 }
 .main-navigation ul.nav-menu > li.featured-button a{
 	color: red;
 	border-radius: 50px;
 	border: 1.5px solid red;
 	box-sizing: unset;
 	padding: 5px 20px;
 }

 .content-right {
 
 }
 .featured-text {
 	font-family: 'Alfa Slab One', cursive;
 	font-size: 35px;
 	
 	font-weight: 100;
 	
 	color: #363636;
 }

 .featured-news {
 	position: absolute;
 }

 .new {
 	background: rgba(255,255,255,0.5);
 	border-radius: 20px;
 	padding: 15px;
 	margin-bottom: 15px;
 	position: relative;
 	min-height: 85px;
 }
 .new-content {
 	margin-left: 85px;
 }

 .new-img {
 	width: 85px;
 	background-size: cover;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	border-radius: 20px 0 0 20px;
 }

 .woocommerce-breadcrumb, .woocommerce-products-header, .woocommerce-ordering, .woocommerce-result-count, .storefront-sorting, .storefront-breadcrumb {
 	display: none;
 }

.onsale {
 	display: none;
 }

 .add_to_cart_button {
 	    color: #C60B0B;
    border-radius: 50px;
    border: 1.5px solid #C60B0B;
    box-sizing: unset;
    padding: 5px 20px;
    background: none;
 }

 .woocommerce-loop-product__title, .woocommerce-Price-amount {
 	   color: #363636;
    font-weight: bold !important;
    margin-bottom: 0 !important
 }

 #woocommerce_product_categories-2 .widget-title {
 	display: none;
 }
 
 #secondary ul {
	 margin: 0;
 }

#secondary ul li {
 	padding-left: 0;
 	border-bottom: 1px solid #AAAAAA;
 	padding-bottom: 10px;
 	list-style: none;

 }
#secondary ul li a {
 	color: #AAAAAA !important;
 	text-decoration: none !important;
 	font-size: 22px;
 	font-weight: bold;
 }
 #secondary ul li a:hover, .widget_product_categories ul li.current-cat a {
  	color: #C60B0B !important
  }

 .widget_product_categories ul li::before, .widget_product_categories ul li.current-cat::before {
 	content: '';
 }

 .featured-image {
     width: 200px;
    float: left;
}

.post-content {
  float: left;
  width: 70%;
  padding-left: 30px;
}

span.date {
  text-transform: uppercase;
  font-size: 12px;
  color: #B9B9B9;
}

h2 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 10px;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
  color: #930E12;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
  font-weight: bold;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
  outline-color: transparent;
}

.page-template-template-100 #page-content {
  background: #000;
  color: #B9B9B9;
}
#page-content h2, #page-content h3 {
  color: #B9B9B9;
  margin-bottom: 0;
  padding: 0;
  margin: 0;
  line-height: 1.2;
  font-family: 'Alfa Slab One';
}

#page-content h2 {
  font-size: 42px;
}

#page-content h3 {
  font-size: 30px;
}

.page-image {
  position: relative;
}

.page-template-template-100 #page-content .content {
  position: relative;
  margin-left: 50%;
  padding: 50px 0;
}

.featured-content {
  position: relative;
}
.featured-content .featured-message {
 	width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 20px;
    text-align: center;
}

.nf-form-content .label-above .nf-field-label {
  position: absolute;
  top: 0;
  left: -20px;
}

.latest-news {
	margin-top: 50px;
}
body, .secondary-navigation a {
	color: #000;
}
.latest-news a {
	color: #000;
}

.new-content span {
	display: block;
	color: #B9B9B9;
	text-transform: uppercase;
	font-size: 12px;
}



.entry-header .posted-on, .entry-header .post-author, .entry-header .post-comments {
	display: none;
}

.featured-content .featured-message {
	margin-top:7%;
}

.terms {
	color:#808080!important;
}

@media (max-width: 1023px) {
	
	.storefront-primary-navigation {
		position: relative;
		margin-top: 60px;
	}
	
	#masthead:before, #masthead {
		height: 140px;
	}
	
	.site-header .site-branding img {
		margin: auto;
	}

	.woocommerce-active .site-header .site-branding {
		width: 100%;
	}
	
	.content-right {
		width: 100% !important;
	}
	
	.site-content .col-full {
	    width: 80% !important;
	    margin: auto;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	      padding: 1em 10px !important;
  }
  
  .post-content {
	  width: 100%;
	  padding: 0;
  }
  
  #home-content img {
	 width: 400px;
    margin: auto;
    position: relative;
    left: 0;
    top: 0 !important;
  }


}


@media (max-width: 767px) {
  .page-template-template-100 #page-content .content {
    position: relative;
    margin-left: 0%;
    padding: 50px 0;
  }
  	
  	div#primary {
    float: left;
    width: 100%;
    margin-top: 100%;
}

div#secondary {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
  

  .page-image {
    position: relative;
  }
  .storefront-primary-navigation {
	  margin-top: 0;
	  width: 100%;
	  right: 0;
  }
  
  .site-header .site-branding img {
	  margin: 0
  }
  
  #masthead:before, #masthead {
	height: 80px;
	}
	
	
	.main-navigation.toggled .primary-navigation {
		display: block;
		background: #fff;
		margin-top: -10px;
	}

	.primary-navigation li {
		border-bottom: 1px solid #eee
	}
	
	#masthead .col-full {
		margin: 0;
	}
	
	#menu-principal {
		padding: 20px;
	}
	
	#site-navigation > .menu {
		display: none;
	}
	
	.woocommerce-active .site-header .site-branding {
		width: initial;
		z-index: 99999;
		left: 20px;
	}
	
	.menu-toggle {
		right: 20px;
		top: 10px;
	}
	
	
	#home-content, #home-content .col-full {
		display: block !important;
	}
}

.site-footer {
	padding: 20px;
	text-align: center;
	background: #363636;
	color: #707070;
	font-size: 13px
}

.site-footer a, .site-footer a:not(.button) {
	color: #707070
}

.page-id-46 .content p {
	color: #707070
}
	
h1 {
	font-family: 'Alfa Slab One'
}

.page-id-56 .featured-content {
    width: 100%;
    height: calc(100vh - 100px);
    background-size: cover;
    background-repeat: no-repeat;
}

.terms {
	color: #B9B9B9;
	text-transform: uppercase;
	font-size: 14px;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	background: none !important;
	color: #B9B9B9 !important;
	border-color: #B9B9B9 !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	    background: none !important;
    border: 0;
    color: #f7f7f7;
    transition: all .5s;
    color: #333!important;;
    border: #333 1px solid!important;;
    border-radius: 30px;
    padding: 5px 50px;
}

.wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.has-large-font-size {
	line-height: 1.1;
}

#nf-field-1-container {
	float: left;
	width: 45%;
	clear: none;
}

#nf-field-5-container {
	float: right;
	width: 45%;
	clear: none;
}

#nf-field-4 {
	float: right;
}

.page-image img {
	position: absolute;
	top: 0
}

.wc-block-grid__product-title {
	    color: #363636;
    font-weight: bold !important;
    margin-bottom: 0 !important;
}