/*
Theme Name: Bart Halpern Responsive Child Theme
Template: responsive
Author: Valerii Vasyliev
Author URI: https://www.codeable.io/developers/valerii-vasyliev/?ref=OaT0y
Tags: two-columns,right-sidebar,custom-background,custom-colors,custom-menu,featured-images,flexible-header,post-formats,theme-options,sticky-post,blog,threaded-comments,custom-logo,footer-widgets
Version: 1.0
Text Domain: responsive
Domain Path: /languages/
*/
body {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
}

a			{
	color:
			#dd3333			;
}
a:hover			{
	color:
			#000000			;
}
.container {
	max-width : 1500px;
}


h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
}


/*
Temporarily hide HOSPITALITY sublinks in nav
*/
#menu-item-90 {display:none!important;}
#menu-item-91 {display:none!important;}
#menu-item-95 {display:none!important;}




.menu-item-83, #searchform {border:1px solid blue; display:none!important;}




body {font-family: 'Lato', sans-serif!important;	
	color:#767676;}
.center {text-align:center;}
.container {width:100%;}	

#logo {margin:10px auto 20px auto;
	width:350px;
	padding:9px 0;
	position:relative;
	left:-5%;
	z-index:1!important;}
#header_section	{position:relative;
	z-index:2;}
header {position:fixed;
	background-color:white;
	z-index:9999;
	margin-top:0!important;
	left:40px;}

#navigation {position:fixed;
	margin-top:104px;
	left:40px;
	z-index:99999;}


header#cc-header {text-align: center!important;}
#content {padding-top:190px!important;
	position:relative; left: 40px;}
.row-fluid .span7 {width:100%!important;}
.main-navigation .navbar-inner {
	text-align:center !important;
	margin-bottom:0px;
}

.navbar .nav {float: none !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.navbar .nav > li{ float: none !important;
	display: inline-block !important;}
.navbar-inverse .navbar-inner {background-image: none !important;
	background-color: #fff!important;
	border:0!important;
	box-shadow:none!important;}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {background-color: inherit !important;
	box-shadow: none !important;
	color:black!important;}

/* Target the search form inside the menu */
/* Base style */
li.menu-search.astm-search-menu {
	margin-left: auto !important; /* push to right */
	padding: 0 !important;
	display: flex;
	align-items: center;
	top: 0;
	left: 150px; /* fixed position - problematic for responsiveness */
	position: relative; /* add if needed */
}

/* Responsive override: remove fixed left on smaller screens */
@media (max-width: 1024px) {
	li.menu-search.astm-search-menu {
		left: auto !important;    /* cancel fixed left */
		position: static !important; /* reset positioning */
		margin-left: auto !important; /* keep pushing right */
	}
}

/* Optional: on very small screens, make search full width below menu */
@media (max-width: 600px) {
	li.menu-search.astm-search-menu {
		margin-left: 0 !important;
		width: 100%;
		justify-content: flex-end;
		padding: 10px 0;
	}
}


li.menu-search.astm-search-menu form {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0 !important;
	margin: 0 !important;
	height: auto;
}

/* Search input tweaks */
li.menu-search.astm-search-menu input.is-search-input {
	max-width: 120px; /* Make it narrower */
	height: 28px;
	padding: 2px 6px;
	font-size: 14px;
	border-radius: 3px;
}

/* Search button */
li.menu-search.astm-search-menu button.is-search-submit {
	background: transparent;
	border: none;
	padding: 0;
	margin-left: 4px;
	cursor: pointer;
	height: 28px;
	display: flex;
	align-items: center;
}

/* Shrink SVG icon if needed */
li.menu-search.astm-search-menu .is-search-icon svg {
	width: 18px;
	height: 18px;
}


.menu-main-container {background-color:#f3f3f3!important;
	width:95%;}	
.menu-main-container li {margin-top:0px!important;}	
.menu-main-container li a:link {text-transform:uppercase;
	font-size:12px;
	color:#5e5e5e!important;
	letter-spacing:1px;
	font-weight:300!important;}
.menu-main-container li a:hover {color:black!important}
.menu-main-container li a:visited {color:#5e5e5e}
.astm-search-menu {height:8px;
	position:relative;
	top:-18px; 
	left:0;
	padding:0!important;
	margin:0!important;}
.menu-search input {width:100px;
	background-color:white!important;
	border:1px solid #f3f3f3!important;
	border-radius:0!important;
	color:#5e5e5e!important;
	text-transform:uppercase;
	font-family: 'lato', sans-serif!important;}
a {transition: all 0.2s linear;}
#loadMore {color:red!important;}
#loadMore:hover {color:black!important;}


.current-menu-parent {background-color:#f3f3f3!important;}
.current-menu-parent a {color:black!important;}
.dropdown-menu {border-radius:0!important;
	box-shadow:none;
	background-color:#f3f3f3;
	padding-top:25px;}
.dropdown-menu li {margin:12px 0;}
.dropdown-menu li a {font-size:12px!important;}
.dropdown-menu li a:visited {color:#5e5e5e!important;}
.dropdown-menu li a:hover {color:#000!important;}
.dropdown-menu .active > a {
		color: #ffffff;
		background-image: none;
		font-weight:bold;}
		
.topnav {z-index:9999;
	float:right;
	width:96%;
	max-width:1440px;
	position:fixed;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:5px;
	text-align:right;}

.caret {display:none;}

footer, #footer_section {margin-top:80px!important;}
#footer-widget-container {background-color: #f3f3f3!important;
	padding-top:30px;}
#footer-widget-container .widget_custom_html {background-color: #f3f3f3!important;
	text-align:center!important;
	font-size:13px!important;}
.widget_custom_html .widget-title {font-size:13px;
	font-weight:600;
	color:black;}
.widget_custom_html a {color:#8d8d8d;}	
.widget_custom_html a:hover {color:#000;
	text-decoration:none;}
.widget_custom_html .center {width:100%;
	margin-left:-20px;}
#footer-widget-container {overflow:auto;}
#footer-widget-container #custom_html-5 {height:175px;
	border-right:1px solid #e2e2e2;}	
#footer-widget-container #custom_html-4 {height:175px;
	border-right:1px solid #e2e2e2;
	padding-right:40px;}
#footer-widget-container #custom_html-3 {height:175px;
	border-right:1px solid #e2e2e2;
	padding-left:0px;}		
	
.copyright {width:100%;
	max-width:1200px;
	text-align:center;
	font-size:11px;
	color:#767676;
	padding:100px 0 25px 0;}
.copyright a {color:#767676;}

.textpage {width:95%;
	max-width:1000px;
	margin:auto!important;}
h1.pagetitle {font-size:22px;}

article {margin-top:0!important; padding-top:0!important;}
.product-detail {margin-top:-15px;}
.product-detail .product-breadcrumbs {padding:0 0 0 0;
	font-size:12px;
	color:#767676;
	z-index:1;
	position:relative;}
.product-detail .product-breadcrumbs a {color:#767676!important;}
.product-detail .product-breadcrumbs a:hover {color:#000!important;
	text-decoration:none;}
.bread-current {text-transform:uppercase;
	font-weight:bold;
	font-size:12px!important;}	
.product-detail .product-img {float:left;
	width:50%;
	padding:0 0 10px 0;}
.product-text {overflow:auto;
	letter-spacing:.1em;}	
.product-detail h1 {font-family: 'Lato', sans-serif!important;
	padding:0;
	margin:0 0 3px 0!important;
	letter-spacing:2px;
	color:#767676;
	font-weight:300;
	font-size:19px;
	text-transform:uppercase;}
.product-detail h2 {font-family: 'Lato', sans-serif!important;
	font-size: 16px;
	padding:0!important;
	margin:-2px 0 0 0!important;
	line-height:1!important;
	font-weight:normal;
	letter-spacing:2px;}
.product-detail span {font-size:14px;}
.product-detail .description {font-size: 13px;
	padding:0!important;
	margin:6px 0 6px 0!important;}
.product-detail .attribute {font-size:13px;}

.product-grid {clear:both;
	margin-top:50px;
	padding-top:15px; width:101%;}
.product-grid h1 {font-family: 'Lato', sans-serif!important;
	font-size: 17px;
	padding:0!important;
	margin:-4px 0 20px 0!important;
	line-height:1!important;
	font-weight:normal;
	letter-spacing:2px;
	text-transform:uppercase;}
.product-grid .grid {display: flex;}	
.product-grid .item {float:left;
	width:24%;
	margin:0 18px 0 0;
	padding-bottom:26px;}
.product-grid .product-img {width:100%;}	
.product-grid .item h2 {font-family: 'Lato', sans-serif!important;
	font-size: 14px;
	padding:0!important;
	margin:0!important;
	line-height:1.4!important;
	font-weight:normal;
	letter-spacing:2px;
	color:#4e4c4c;}
.product-grid .item span {font-size:13px;
	letter-spacing:1px;}
.colors .product-grid {margin-bottom:25px;
	overflow:auto;}		
.colors .product-grid .grid {display: flex;}	
.colors .product-grid .item {float:left;
	width:15%;
	margin:0 21px 0 0;
	padding-bottom:16px;}	
	

.heateor_sss_sharing_container {margin-top:10px;}

.slideshow {width:72%;
	float:left;
	margin-bottom:0px;}
.collection-text {width:26%;
	float:left;
	padding-left:20px;}	
.collection .product-grid .product-img {width:100%;
	padding-bottom:10px;}
	
.page-template-page-slideshow .slideshow {width:100%!important;
	margin:auto!important;}
.page-template-page-slideshow .slideshow img {width:100%!important;
	max-width:1200px;
	margin:auto!important;}
.page-template-page-slideshow .gallery-slider-nav	{margin:40px auto 0 auto;}
.page-template-page-slideshow .gallery-slider-nav div {cursor: pointer; margin:0 2px!important;}
.page-template-page-slideshow .gallery-desc {margin:auto;
	width:100%;
	max-width:1200px;
	text-align:right;
	padding:5px 0}

.entry-title {padding:15px 0;
	font-family: 'Lato', sans-serif!important;
	font-size: 18px;
	line-height:1!important;
	font-weight:normal;
	letter-spacing:2px;
	text-transform:uppercase;}
.home .entry-title {letter-spacing:1px;
	text-transform:none;}	
.error404 .entry-title {letter-spacing:1px;
	text-transform:none;}
	
a:hover {text-decoration:none;}

form {width:95%;
	margin:40px auto 0 auto;
	padding:20px 10px 80px 10px;
	line-height:1.4;}
form .formrow {clear:both;
	width:100%;
	margin-bottom:5px;}
form .formrow div {float:left;
	width:23%;}
form .formrow input {float:left;
	width:70%;}
form .formrow select {float:left;
	width:70%;}		
form select {font-family: 'Lato', sans-serif!important;
	width:90%;}
form .submit {float:left;
	margin:20px 0 0 0;
	background-color:#f3f3f3;
	border:2px solid #666;
	border-radius:2px 2px;
	font-family: 'Lato', sans-serif!important;}	

.button-ordersample {width:132px;
	background-color:#c2c2c2;
	margin:15px 0 25px 0;
	color:white;
	padding:5px 0 5px 10px;
	cursor: pointer;}
.button-ordersample:hover {color:black;
	transition: all 0.2s linear;}		
form#ordersample {margin:0 0 30px 0!important;
	padding:0!important;}
.quantity {width:15px!important}	



/* RESPONSIVE CSS ----------- */


@media (min-width: 0px) and (max-width: 750px) {

#footer-widget-container #custom_html-5 {height:auto;
	border:0;
	padding:0;}	
#footer-widget-container #custom_html-4 {height:auto;
	border:0;
	padding:0;}
#footer-widget-container #custom_html-3 {height:auto;
	border:0;
	padding:0;}	
}



@media (min-width: 0px) and (max-width: 850px) {

.product-grid .grid {display: block;
	margin-left:6%;}
.product-detail .product-img {float:none;
	width:99%;
	max-width:500px;
	margin:auto;
	padding:10px 0;}
.product-grid .item {float:left;
	width:40%;
	margin:0 10px;
	padding-bottom:30px;}
.product-text {margin-top:20px;}
.colors .product-grid .grid {display: block;}	
.colors .product-grid .item {float:left;
	width:40%;
	margin:0 10px;
	padding-bottom:30px;}		

.slideshow {width:100%;
	float:none;
	margin-bottom:10px;}
.collection-text {width:100%;
	float:none;
	padding-left:0px;}
	
.topnav {z-index:999999;
	float:none;
	width:auto;
	position:relative;
	text-transform:uppercase;
	text-align:right;
	margin-top:0px;}	
}



@media (min-width: 0px) and (max-width: 900px) {
	
#footer-widget-container #custom_html-4 {margin-left:0;}
#footer-widget-container #custom_html-3 {margin-left:0;}
.widget_custom_html img {width:300px;
	margin-left:0;}
#footer-widget-container .center {width:auto;
	text-align:center;
	margin:auto;}

	
}



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

.navbar-inverse .navbar-inner {padding-top:20px!important;}
.menu-main-container li a:hover {background-color:#f3f3f3!important;}

.astm-search-menu {height:8px;
	position:relative;
	top:0px; 
	left:0;
	padding:0 0 50px 0!important;
	margin:0!important;}
	
.menu-item-has-children	a {border-bottom:1px solid black;
	margin-top:20px!important;}
.dropdown-menu a {border-bottom:0;
	margin-top:0px!important;}
}


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

#header_section {width:95%; margin-left:0;}
#logo {width:100%; position:relative; left:-10%; max-width:370px;}
#navigation {position:relative;
	padding-top:0;
	z-index:99999;}
#content {padding-top:0!important;}
header {position:relative;
	margin-top:12px!important;}

#navigation {position:relative;
	padding-top:0;
	margin-top:-20px;
	width:90%;}
#content {padding-top:0!important;}
header {position:relative;
	margin-top:12px!important;}
#menu-main {width:320px;
	margin:auto;
	text-align:left;}	
}



@media (min-width: 801px) and (max-width: 980px) {

#header_section {width:95%; margin-left:0;}
#navigation {position:relative;
	padding-top:0;
	z-index:99999}
#content {padding-top:0!important;}
header {position:relative;
	margin-top:12px!important;}

#navigation {position:relative;
	padding-top:0;
	width:90%;}
#content {padding-top:0!important;}
header {position:relative;
	margin-top:12px!important;}
#menu-main {width:320px;
	margin:auto;}	
}



@media (min-width: 700px) and (max-width: 1350px) {

.product-detail .product-img {padding-right:20px;}	

}


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

#logo {margin:auto;
	width:80%;
	max-width:350px;}
	
}

/* Ensure dropdown menu is hidden by default */
.nav .dropdown-menu {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 1000;
}

/* Show dropdown menu on hover */
.nav .dropdown:hover > .dropdown-menu {
	display: block;
}