/*!
 * Client: Paul Bensel
 * Copyright 2008-2019 Punchmark
 */







/* =======================================================================================
	HELPER
======================================================================================= */

.lh-1 {
  line-height: 1;
}

.btn-outline-dark {
  border-color: rgba(0,0,0,0.1);
}

.display-4 {
  font-size: 35px;
  line-height: 1.05;
  text-transform: lowercase;
  font-weight: 100;
}
.h2-text-resize {
  font-size: 2rem !important;
}
.h3-text-resize {
  font-size: 1.6rem !important;
}
.h4-text-resize {
  font-size: 1.35rem !important;
}
.p-text-resize {
  font-size: 1rem !important;
  line-height: 1.05;
}

@media(min-width: 768px){
	.display-4 {
	  font-size: 4.4vw;
	  line-height: 1.05;
	  text-transform: lowercase;
	  font-weight: 100;
	}
	.h2-text-resize {
	  font-size: 3.6vw !important;
	}
	.h3-text-resize {
	  font-size: 2.9vw !important;
	}
	.h4-text-resize {
	  font-size: 2.4vw !important;
	}
	.p-text-resize {
	  font-size: 1.6vw !important;
	}
}

@media(min-width: 992px){
	.h2-text-resize {
	  font-size: 3.0vw !important;
	}
	.h3-text-resize {
	  font-size: 2.3vw !important;
	}
	.h4-text-resize {
	  font-size: 2vw !important;
	}
	.p-text-resize {
	  font-size: 1.3vw !important;
	}
}

@media(min-width: 1200px){
	.display-4 {
	  font-size: 55px;
	}
	.h2-text-resize {
	  font-size: 2.5rem !important;
	}
	.h3-text-resize {
  	  font-size: 1.9rem !important;
	}
	.h4-text-resize {
	  font-size: 1.7rem !important;
	}
	.p-text-resize {
	  font-size: 1rem !important;
	}
}

.btn-primary,
.btn-dark {
  font-weight: 600 !important; 
}

.btn-dark {
  color: white;
}

#widget-about-store-hours {
  padding-top: .5rem;
}






/* =======================================================================================
	HEADER
======================================================================================= */

header {
  z-index: unset;
  background: #141414;
}

a#logo {
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 14px 0;
}

.content-toolbar > .content-toolbar-inner {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.toolbar > .toolbar-inner > ul > li > a > span,
.content-toolbar > .content-toolbar-inner > ul > li > a > span {
  font-size: 13px !important;
}

.content-toolbar {
  padding-bottom: 12px;
}

.content-toolbar > .content-toolbar-inner > ul > li  {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .btn {
  padding-left: 10px;
  padding-right: 10px;  
}

header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .btn > i {
  transform: translateY(-1px);
}

header .input-group {
  background: #303030;
  max-width: 180px;
}

header .input-group .btn,
header .input-group .form-control {
  background: none !important;
  border: none !important;
  color: white;
}


@media(min-width:768px){
	a#logo {
	  margin-left: -7px;
	  padding: 15px 0 14px 0;
	}
	header {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	header .main-content-col {
	  -ms-flex-align: end !important;
	  align-items: flex-end !important;
	}
	.toolbar {
	  position: absolute;
	  top: 10px;
	  right: 0;
	  z-index: 1501;
	}
	.toolbar,
	.toolbar > .toolbar-inner {
	  background: none !important;
	}
	body.sitemanager-menu-open .toolbar,
	body.sitemanager-menu-closed .toolbar {
	  top: 73px;
	}
}

@media(min-width:1200px){
	header {
	  padding-left: 0px;
	  padding-right: 0px;
	}
}

@media(max-width:767px){
	header .content-toolbar.container,
	.toolbar > .toolbar-inner > ul.left {
	  display: none !important;
	}
	.toolbar > .toolbar-inner > ul.right {
	  width: 100%;
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
}


/* =======================================================================================
	NAV
======================================================================================= */

nav.navbar {
  background: #181818;
  border-top: 2px solid #262626;
  border-bottom: 2px solid #262626;
}

nav.navbar:after {
  content: "";
  background: #181818;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  z-index: 1;
}

nav.navbar .dropdown .dropdown-item,
nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
  line-height: 1;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04rem;
}

nav.navbar .navbar-toggler {
  padding: 20px;
}

@media(min-width:768px){
	nav.navbar {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 14px;
  	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 15px;
  	}
}

@media(min-width:1200px){
	nav.navbar {
	  padding-left: 0px;
	  padding-right: 0px;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 16px;
  	}
}

@media(max-width:767px){
	nav.navbar .navbar-nav > .nav-item {
	  border-top: 1px solid #222222;
	}
	nav.navbar .nav-item .nav-link {
	  background: #181818;
	}
}



/* =======================================================================================
	FOOTER
======================================================================================= */

footer a:hover {
  color: inherit;
  text-decoration: underline;
}

footer address,
footer .footerlinks li a {
  font-weight: 400;
}

footer .input-group {
  background: #303030;
}

footer .input-group .btn,
footer .input-group .form-control {
  background: none !important;
  border: none !important;
  color: white;
}

footer p.copyrights,
footer p.copyrights * {
  text-align: center;
  color: white;
}





/*HOME*/
section.category-widgets-home .widget .h2,
section.category-widgets-home .widget .h3,
section.category-widgets-home .widget .h4,
section.category-widgets-home .widget .h5,
section.category-widgets-home .widget .h6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  height: 25% !important;
  margin: 0 !important;
  padding: 0 10% !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}



/* =======================================================================================
	CART
======================================================================================= */

#product-details .btn-inquiry > [class^="icon-"]{
  transform: translateY(-1px);
}





/* =======================================================================================
	SOCIALS
======================================================================================= */

.social-networks a {
  font-size: 20px;
  color: white;
}

.social-networks a + a {
  margin-left: 10px;
}