/*
Theme Name: Twenty Seventeen Child Theme
Theme URI: https://wordpress.org/themes/twentyseventeen/
Description: Twenty Seventeen Child Theme.
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentyseventeen
Version: 1.0
*/
@import url("../twentyseventeen/style.css");

#top-menu  li.menu-item a:hover {
background-color:#fff;
color:#7f4400;
} 
#top-menu  li.menu-item a{
font-weight: 800;
padding-left: 0px !important;
padding-right: 18px !important;
padding-top:7px;
padding-bottom:7px;	
color:#000;
} 
#top-menu  li.current_page_item a{
background-color:#fff;
color:#7f4400;
} 
.custom-logo-link img {
	display: inline-block;
	height: 125px;
	width: auto;
}
.main-navigation > div > ul {
    border-top: 0px solid #fff;
    padding: 0.5em 0rem !important;
    font-size: 1.3rem !important;
}
.sub-menu a{
font-size: .7em;
background-color:#fff;
}
.sub-menu a:hover{
font-size: .7em;
background-color:#fff;
}
.site-branding{
padding-bottom:1em;
padding-top:1.5em;
background-color:#7f4400;	
}
.site-title{
font-weight:800;
font-size: 1.3em;	
}
.site-title, .site-title a {
    color: #fff;
}
.site-header {
    background-color: #fff;
    position: relative;
}
.navigation-top{
padding-bottom:0px;
padding-top:0px;
background: #fff;
border-bottom: 0px solid #eee;
border-top: 0px solid #eee;
}
.navigation-top a {
	color: #7f4400;
	font-weight: 800;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.main-navigation li {
	border-bottom: 0px solid #eee;
}
.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 0px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #000000;
}
@media screen and (min-width: 48em){
.navigation-top .wrap {
    max-width: 1000px;
    padding: 0.75em 4.1rem !important;
}
}
@media screen and (min-width: 67em){
.navigation-top .wrap {
    padding: .75em 3rem !important;
}
}
@media screen and (min-width: 768px){
    blockquote p{
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	max-width:904px;
	background-color:#eee;
	border-radius: 3px;
}
}
@media screen and (max-width: 768px){
	.site-header {
		display: flex;
	}
	.custom-header {
		width: 50%;
		z-index: 1000 !important;	
	}
	.custom-logo-link img {
		height: 75px;
		margin-top: 8px;
		margin-bottom: 4px;
        display: inline-block;
	    width: auto;
	}
	.navigation-top {
		display: flex;
        align-items: center;
        width: 50%;
        justify-content: flex-end;
        font-size:16px;
        background-color:#7f4400;
	}
	.main-navigation {
		float: none !important;
	}
	.main-navigation ul {
    text-align: center;
}
	:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
		background: none;
	}
	.menu-toggle {
		height: 95px;
		float: right; 
		margin-right: 16px;
	}
	.menu-main-menu-container {
		width: 100vw;
		clear: both;
	}
     	.home .entry-header, .page-id-12856 .entry-header, .page-id-6063 .entry-header{
visibility:visible !important;
}
	header#masthead.site-header{
		background-color:#7f4400;
	}
	button.menu-toggle{
		color:#fff;
		background-color:#7f4400;
	}
	.site-branding{
		clear:left;
		display:inline;
	}
	  .site-title {
		display:none;
		font-size:.865em;
		font-weight:800;
	}
	.main-navigation{
		width:50%;
		float:right;
	clear: right;
	display: inline;
	}
blockquote p{
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-top:1em;
	max-width:904px;
	background-color:#eee;
	border-radius: 3px;
}
div.has-background.full-width{
	margin-top:1em;
	}
}

.home .entry-header, .page-id-12856 .entry-header, .page-id-6063 .entry-header{
display:none;
}
.entry-header{
	margin-bottom:1.5em !important;
}
.entry-title{
    letter-spacing: 0.02em !important;
    text-transform: capitalize !important;
}
.widget-title {
	letter-spacing: 0.02em !important;
	text-transform: capitalize !important;
	font-size: 1em !important;
	margin-bottom: 12px !important;
}
.widget {
	padding-bottom: 18px;
}
.post-edit-link{
	letter-spacing: 0.02em !important;
	text-transform: capitalize !important;
	font-size: 1.2em !important;
}
.entry-date.published{
	letter-spacing: 0.02em !important;
	text-transform: capitalize !important;
	font-size: 1.2em !important;
}
.blog .entry-title{
display:initial;
}
.site-footer{
visibility:hidden;
}
.site-content{
padding-top:1.5em;
}
#main .wrap{
padding-top:1em;
}
input {
max-width: 250px;
}
h1.entry-title{
font-size:1.3em !important;
font-weight:800 !important;	
font-kerning:auto !important;
font-size: 24px;
font-weight: 800;
}
h2,
.home.blog .entry-title {
	color: #333;
	font-size: 24px;
	font-size: 1.3rem;
	font-weight: 800;
}
h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 800;
}
h4 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}
h5 {
	color: #333;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: normal;
}
h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}
div.has-background.full-width{
	padding-bottom:.4em;
	border-radius: 3px;
}
p.has-background.full-width{
	max-width:1000px !important;
	border-radius: 3px;
}
blockquote.yellow p{
	max-width:1000px !important;
	background-color:#fffece;
	border-radius: 3px;
}
blockquote{
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.5;
	margin: 0;
	overflow: hidden;
	padding: 0;
	margin-bottom: 0px !important;
}
sub {
	bottom: 0em;
}
p, hr {
max-width: 648px;
border-radius: 3px;
}
.wp-block-verse {
background-color:#eee;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
	border-radius: 3px !important;
    white-space: nowrap !important;
	background-color: #fffece;
}
select, input{
	max-height:40px;
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 100%;
	  background-color:#fff;
}
.ngg-slideshow .ngg-gallery-slideshow-image img{
    margin: 0 auto;
    display: inline-block !important;
    vertical-align: middle;
    max-width: 100%!important;
    max-height: 100% !important;
}
.ngg-slideshow .slick-next:before, .ngg-slideshow .slick-prev:before {
    color: #000 !important;
    font-size: 12px !important;
}


@media screen and (min-width: 1024px) {
  .content-area {
    max-width: 100% !important;
  }

  #main .wrap, #content .wrap, #masthead .wrap, #colophon .wrap, div.wrap, .wrap{
    max-width: 1000px !important;
  }

  .post-template-default .content-area, .blog .content-area, .footer-widget-1 {
    width: 70% !important;
  }

  #secondary, .footer-widget-2 {
    width: 20% !important;
  }
}

@media screen and (max-width: 768px){
    .navigation-top .wrap {
    padding: 0px 0px !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .content-area {
    max-width: 100% !important;
  }
.navigation-top .wrap {
    padding: 0.75em 3em;
}
#top-menu  li.menu-item {
font-size: 1.3rem;
padding-left: 0px;
}
  #main .wrap, #content .wrap, #masthead .wrap, #colophon .wrap, div.wrap, .wrap, has:not(.blog-post) {
    max-width: 1000px !important;
  }

  .post-template-default .content-area, .blog .content-area, .footer-widget-1 {
    width: 65% !important;
  }

  #secondary, .footer-widget-2 {
    width: 20% !important;
  }
		div.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content{
max-width:625px;
padding-left:48px;
align-self:flex-start;
}
}





@media screen and (max-width: 600px){

	.custom-logo{
height:2.5em;
background-color:#7f4400;	
}
	.wp-block-media-text>figure>img{
width:100%;
}
  .wp-block-media-text {
     grid-template-columns: 100% !important;
  }
.main-navigation ul {
    text-align: center;
}
			div.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content{
max-width:100%;
padding-left:0px;
padding-top:1em;
text-align:left;}
}


.custom-logo-link img {
	display: inline-block;
	max-height: 250px;
	width: auto;
}

label {
	color: #7f4400;
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #7f4400;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #7f4400;
	border-color: #333;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #7f4400;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #7f4400;
}
a {
	color: #7f4400;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	color: #000;
	outline: 0px;
}
.woocommerce-breadcrumb {
   display: none;
}
.ngg-slideshow .slick-next:before, .ngg-slideshow .slick-prev:before {
    color: #CCC !important;
    font-size: 28px !important;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    opacity: 0.25;
}
.ngg-slideshow a.hover {
    text-decoration: none !important;
    font-size: 28px !important;
}
.sold-out-overlay {
font-weight: 800 !important;
}

.navigation-top .wrap {
    padding: .75em 2.2em;
}

@media screen and (min-width: 48em){
div.site-branding{
	padding-bottom: 24px !important;
}
}
@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding: .75em 2.3em;
}
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #7f4400;
}
h1.entry-title{
		color: #7f4400;
		font-size: 1.3em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: capitalize;
	  padding-top: 0px !important;
}
h1.page-title {
    color: #7f4400;
    font-size: 1.3em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: capitalize;
	  padding-top: 0px !important;
}
.page-header {
	padding-bottom: 1.5em;
}
.sub-menu a{
    font-size: .9em;
}
.sub-menu a:hover{
	  font-size: .9em;
}
.sub-menu a:active{
	  font-size: .9em;
}
.dropdown-toggle {
    background-color: #7f4400;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 16px;
	  font-weight: 800;
    right: 2em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em;
    position: absolute;
    text-shadow: none;
    top: 0;
}
.site-title a:hover {
    color: #fff;
}
p.woocommerce-result-count {
	display: none;
}
.woocommerce-page #primary {
    width: 100% !important;
}
.woocommerce-page #secondary {
    display: none;
}
select.orderby {
	display: none;
}
.zoomImg {
	display: none;
}
.out-of-stock {
	color: #7f4400;
	font-weight: 800;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: right;
    width: 48%;
		display: none;	
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 100%;
    clear: none;
}
.woocommerce-product-gallery__trigger {
    display: none;
}
ul.products li.product .button {
    box-shadow: 0 1px 0 #0f0f0f;
    -webkit-transition: box-shadow ease-in-out 130ms;
    transition: box-shadow ease-in-out 130ms;
    display: none;
}
ul.tabs.wc-tabs {
	display: none;
}
.sold-out-overlay:hover {
	color: #7f4400 !important;
}
h2.woocommerce-loop-product__title {
	padding: 0;
	margin-bottom: .25em !important;
}
.woocommerce-loop-product__title {
	font-size: 1rem;
	letter-spacing: 0;
	text-transform: none;
	color: #000;
}
.woocommerce-loop-product__title:hover {
    color: #7f4400;
}
.page-numbers.current {
    color: #000;
}
.next.page-numbers {
    background-color: #fff;
}
.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover {
    background-color: #7f4400;
}
.galleria-theme-nextgen_pro_horizontal_filmstrip .galleria-thumbnails-container {
       display: none;
}


@media screen and (min-width: 768px) {
.entry-summary {
	clear: inline !important;
	display: flex;
	flex-direction: column;
	margin-bottom: 0 !important;
}
.product_title{
	order: 0;
}
.price {
	order: 2;
	flex: 1;
	margin: 0;
	padding: 0;
	display: none;
}
p.price {
	margin: 0px !important;
}
.product-info {
	max-height: 500px;
	margin: 0 auto;
	display: flex;
	order: 3
	}
.details-panel{
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-right: 1em;
}
.details{
	flex: 1;
}
.description {
	flex: 2;
}
.stock {
	order: 1;
	font-size: 1rem;
	padding: 0;
	margin: 0;
}
}
@media screen and (max-width: 767px) {
.entry-summary {
	clear: inline !important;
	display: flex;
	flex-direction: column;
	margin-bottom: 0 !important;
}
.product_title{
	order: 0;
}
.price {
	order: 2;
	flex: 1;
	margin: 0;
	padding: 0;
	display: none;
}
p.price {
	margin: 0px !important;
}
.product-info {
	margin: 0 auto;
	order: 3
	}
.details{
margin-bottom: 2em !important;
}
.stock {
	order: 1;
	font-size: 1rem;
	padding: 0;
	margin: 0;
}
}
.author {
	font-weight: 800;
	color: #000;
}
p.stock.out-of-stock {
	text-transform: uppercase !important;
	font-size: 1rem;
}
.product_meta {
	display: none;
}
#tab-additional_information{
	display: none !important;
}
.related.products {
	display: none !important;
}
span.price {
	display: none !important;
}