@import url("https://use.typekit.net/kgr7ixc.css");

h1 {
font-family: ingra, sans-serif;
font-style: normal;
}

h2 {
font-family: adelle-sans-condensed, sans-serif;
font-weight: 700;
font-style: italic;
}

a.btn.btn-yellow {
 color: #000;
 background-color: #f5ed23;
 border-color: #f5ed23;
 font-family: "Adelle",Garamond,Times,serif;
 padding: 6px 25px;
 margin-bottom: 20px;
}

a.btn.btn-yellow:hover {
 color: #000;
 background-color: #fff;
 border-color: #fff;
}

.wsp-brand-logo {background-size: cover; height: 40px; margin: 10px 20px 30px;}
.wsp-brand-logo-img {max-height: 50px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.wsp-center img {text-align: center; margin: 0 auto;}


 @import url("https://use.typekit.net/kgr7ixc.css");

#expo-azo{
font-family: azo-sans-uber, sans-serif;
font-weight: 400;
font-style: normal;
color: #F5EB0E;
}

/* sticky nav */

p.anchor {margin-bottom: 4em;position:relative;display: block;}
 #artSticky .dropdown {width: 100% !important; background-color: #555;}
 #artSticky .dropdown .dropdown-menu {width: 100% !important;background-color: #eee}
#artSticky2 #stickyNav a {
z-index:20001;padding: 0.5em; border-radius: 0.25em;
background: #F5EB1B; color: #000;
text-decoration: none;transition: 0.65s;
display: inline-block;margin: 0.5em; }
 
#artSticky2 #stickyNav {text-align: center;background: #fff; padding: 1.5em 0.25em 0.5em; margin-top: 0;z-index:20000;border-bottom: 1px solid #efefef;}
 
#artSticky2 #stickyNav a:hover {background: gray;}
 
.brandPage h2 {margin-top: 2em!important;}
@media only screen and (min-width: 768px){ol {padding-left: 18px}
.show-xs {display: none}
.hide-xs {display: inline-block;}
}
@media only screen and (max-width: 767px) {
a.dropdown-item {
width: 100%;
display: block; clear: both;
line-height: 2.25em;
}
.btn.btn-secondary.dropdown-toggle {color: #fff; background-color: #555;}
.dropdown-menu {padding-left: 0.5em;}
.dropdown-menu, .dropdown {width : 90% !important}
.show-xs {display: inline-block}
.hide-xs {display: none;}}
#artSticky {text-align: left !important; background: #555; width: 100% !important}

p.anchor {
margin: 0;
height:0;
padding: 0;
}

.category-bg {
background-color: yellow;
padding: 10px;
}

h2.category-bike {
font-family: ingra, sans-serif;
font-style: normal;
}