@font-face{font-family:Hanley-Pro-Block-Inline;src:url("/fonts/6854Hanley-BlockInline.woff2") format("woff2"),url("/fonts/6854Hanley-BlockInline.woff") format("woff");font-display: swap;}

body { font-family: 'fairplex-narrow'; font-size: 1.1rem; color: #333;}
a {outline: none;}
header {z-index: 10;}
h1,h2,[class*="display-"],.heading {font-family: 'Tinos'; text-transform: uppercase; color: #333;}
h3,h4,h5,h6 {color: #333;}

.hanley-block-inline, .title {font-family: "Hanley-Pro-Block-Inline";}

.navbar-toggler { border: none;  background: transparent !important;  }
.navbar-toggler:focus {  background: transparent !important;  }
.navbar-toggler:hover { outline: none; }
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px; background-color: #000;  transform: rotate(0deg) translate(0px, 0px);  transition: ease all .2s;  }
.navbar-toggler .icon-bar+.icon-bar {  margin-top: 4px;  }
.navbar-toggler:focus {box-shadow: none;}
.icon-bar:nth-child(2) {width: 16px; transition: ease all .2s;  }
.navbar-toggler:hover>.icon-bar:nth-child(2) {width: 22px; transition: ease all .2s;}
.navbar-toggler:active>.icon-bar:nth-child(2) {width: 22px; transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {transform: rotate(45deg) translate(5px, 4px);  transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {opacity: 0;  transition: ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {transform: rotate(-45deg) translate(4px, -4px);  transition: ease all .2s;}
.nav-close {top: 0.5rem; right: 0.5rem; background: transparent; border: none;}
.nav-list .border-top, .nav-list .border-bottom {border-color: #666 !important;}

.container-xxl {max-width: 1440px;}


#navbar {font-size: 1.1rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0.5rem 1rem;}
.navbar-light .nav-item {display: flex; align-items: center; }
.navbar-light .nav-link:focus, .navbar-light .nav-link:hover {color: #1e7e29;}
.navbar-light .nav-link {color: #333; font-size: 0.975rem;}
.navbar-light .navbar-toggler {width: 56px;}
.nav-item a {color: #555;}
.nav-item a:hover {text-decoration: none; color: #cf454c;}
.navbar-collapse.show .nav-item {border-bottom: none;}
nav.stroke ul li a { position: relative; transition: all 0.3s ease-in-out;}
nav.stroke ul li a:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: ''; color: transparent; background: #cf454c; height: 2px;}
nav.stroke ul li a:hover:after, #page-home #link-home:after, #page-services #link-services:after, #page-instore #link-instore:after, #page-marketing #link-marketing:after, #page-stock #link-stock:after, #page-inspiration #link-inspiration:after, #page-shop #link-shop:after, #page-menu-boards #link-menu-boards:after, #page-diy #link-diy:after, #page-year-round-marketing #link-year-round-marketing:after { width: 80%; transition: all 0.3s ease-in-out;}
nav.stroke ul li a.selected:after {width: 80%;}
.dropdown-content {position: absolute; height: 0; z-index: 100; background: #fff; transition: all 0.2s ease-in-out; overflow: hidden;}
.dropdown-link:hover + .dropdown-content, .dropdown-content:hover, .dropdown-content:focus {height: 250px; transition: all 0.3s ease-in-out;}
.contact-tab {display: block; position: fixed; top: 30%; right: -45px; z-index: 1000; width: 125px; padding: 7px 12px; font-size: 1.2rem; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-90deg); background:#1e7e29; color:#fff; -moz-box-shadow:-3px 2px 5px #444; -webkit-box-shadow:-3px 2px 5px #444; box-shadow:-3px 2px 5px #444; text-align: center; border: solid 1px #bbb;}
.contact-tab:hover{background:#27a836; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; color: #fff;}
#search-results {z-index: 1000;}
.image-placeholder {color: #ddd; }
#search-input {width: 300px;}
#search-results .search-item:hover {background: #eee;}

.hover-expand img {transform: scale(1, 1); transition-duration: 200ms; transition-timing-function: linear; }
.hover-expand:hover img {transform: scale(1.1, 1.1); transition-duration: 200ms; transition-timing-function: linear; }
.form label {font-size: 0.9rem;}
.btn {text-transform: uppercase; font-size: inherit;}
.btn-150 {width: 150px;}
.btn-primary, .btn-primary:focus, .btn-primary:active {background-color: #cf454c !important;}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {background-color: #cf454c !important;}
.btn-white {background-color: #fff; color: #1e7e29;}
.btn-white:hover, .btn-white:active {background-color: #099702; color: #fff;}
.btn-green {background-color: #099702; color: #fff;}
.btn-green:hover {background-color: #099702; opacity: 0.9; color: #fff;}
.btn-red {background-color: #e50a0a; color: #fff;}
.btn-red:hover {background-color: #e50a0a; opacity: 0.9; color: #fff;}
.btn-light-blue {background-color: #00a2ff; color: #fff;}
.btn-light-blue:hover {background-color: #00a2ff; opacity: 0.9; color: #fff;}
.btn-black {background-color: #000; color: #fff;}
.btn-black:hover {background-color: #111 !important; color: #fff !important; opacity: 0.9;}
.bg-black {background-color: #000; color: #fff;}
.bg-gray {background-color: #ddd; }
.bg-light-gray {background-color: #f1f1f1; }
.bg-green {background-color: #1e7e29;}
.bg-red {background-color: #e50a0a;}
.clear {clear: both;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.flex-4 {flex: 4;}
.flex-5 {flex: 5;}
.hover-opacity:hover {opacity: 0.8;}
.clickable {cursor: pointer;}
.disabled {cursor: not-allowed;}
.hidden {display: none;}
.link-text {font-size: 0.8rem;}
.bg-rounded {border-radius: 0.5rem;}
.text-red {color: red !important;}
.img-horizontal {width: 100%; height: auto;}
.img-vertical {width: auto; height: 100%;}

.bd-callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #eee; border-left-width: .25rem; border-radius: 0.25rem;}
.bd-callout-success {border-left-color: green;}
.bd-callout-danger {border-left-color: red;}

.list-group-item.active {background-color: #1e7e29; border-color: #1e7e29;}

.gray-text {color: #666;}
form .spinner-border {display: none; width: 1rem; height: 1rem;}
form .error {color: red; }
form .form-group {position: relative;}
form.add-to-cart-options label.error {position: absolute; top: -15px; left:0;}
form .form-control.error {-moz-box-shadow: 0 0 0 .2rem red !important; -webkit-box-shadow: 0 0 0 .2rem red !important; box-shadow: 0 0 0 .2rem red !important;}
.form-control, .btn {border-radius: 0;}

@media screen and (max-width : 768px) {
  #search-input {width: 100%;}
}
@media screen and (max-width : 576px) {
  .w-75, .w-50, .w-25 {width: 100% !important;}
}