@charset "utf-8";

#search-button{
height:2rem; background-color: #d36020; border: 1px solid #fff; color:#fff; display: inline-block;
}
#search-button:hover{
background-color: #ff7226; 
}

.top-bar-right{margin-bottom:-1.3em; }

#topbar-responsive .top-bar-right ul li a i {
	margin-bottom:.2em;

}


.pumpkin-teeth-rendered-two {
	font-size: 1.9rem;
	font-variant:small-caps;
	color: #d36020;
	font-family: 'halloween';
	line-height:1.8em;
	text-shadow:
				-1px -1px 0 #fff,
				-1px -1px 0 #c95b1d,
				-2px -1px 0 #d76221,
               	-2px -2px 0 #a44a12,
				-2px -3px 0 #a44a12,
				-3px -4px 0 #a44a12,
				-4px -5px 0 #994614,
				-5px -6px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				-1px -1px 3px rgba(0,0,0,.3),
				-3px -3px 5px rgba(0,0,0,.2),
				-5px -5px 10px rgba(255,255,255,.4),
				-7px -7px 7px rgba(255,255,255,.5),
				-15px -15px 15px rgba(255,255,255,.25);

}
#welcome-text {
color: #fff; font-size:165%; font-family:'octobercrow';	
}
.teeth-today {
color: #fff; font-size:145%; font-family:'octobercrow';
}
.top-bar.hide-for-small-only {
background-color:#fff;
}



.top-bar-left #sm-link-fb{color:#3f589b;}
.top-bar-left #sm-link-etsy{color:#f56400;}
.top-bar-left #sm-link-twitter{color:#28a9e2;}
.top-bar-left #sm-link-linkedin{color:#0077b5;}

.top-bar-left #sm-link-fb:hover{color:#6991ff;}
.top-bar-left #sm-link-etsy:hover{color:#e9b192;}
.top-bar-left #sm-link-twitter:hover{color:#4ac8ff;}
.top-bar-left #sm-link-linkedin:hover{color:#00a6ff;}

.top-bar-left #sm-link-fb:active{color:#00299c;}
.top-bar-left #sm-link-etsy:active{color:#b54800;}
.top-bar-left #sm-link-twitter:active{color:#0085be;}
.top-bar-left #sm-link-linkedin:active{color:#004c74;}


.top-bar-right #sm-link-cart {padding:1em 1em 1em 1em;color: #d36020;text-shadow: 0 0 2px rgba(255,255,255,1) , 0 0 2px rgba(255,255,255,1) , 0 0 2px rgba(255,255,255,1) , 0 0 2px #FFF , 0 0 2px #FFF , 0 0 2px #FFF;}
.top-bar-right #sm-link-cart:hover {padding:1em 1em 1em 1em;color: #ff7226;}
.top-bar-right #sm-link-cart:active {padding:1em 1em 1em 1em;color: #ff5900;}

.top-bar-right #sm-link-cart .cart-items{font-size:24px;}
.top-bar-right #sm-link-cart #cart-items{font-size:26px;}


.topbar-responsive {
  background-color:#000;	
  padding: 1rem 1.5rem;
}

.topbar-responsive .topbar-responsive-logo {
  color: #fefefe;
  vertical-align: middle;
}

.topbar-responsive .top-bar-title .topbar-responsive-logo strong .the-original {
	font-size: 1rem;
	letter-spacing: .4em;
	font-variant:small-caps;
	color: #8a3e98;
	font-family: 'halloween';
	text-shadow: 0 0 2px rgba(255,255,255,1) , 0 0 2px rgba(255,255,255,1) , 0 0 2px rgba(255,255,255,1) , 0 0 2px #FFF , 0 0 2px #FFF , 0 0 2px #FFF  ;
	display:block;
	line-height:0px;
}

#header-logo {
margin-top:-.4em;
-webkit-filter: drop-shadow(1px 1px 0 white) drop-shadow(-1x 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px -1px 0 white);
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white)	drop-shadow(1px -1px 0 white)	drop-shadow(-1px -1px 0 white);
}
.topbar-responsive .top-bar-title .topbar-responsive-logo strong .pumpkin-teeth {
	font-size: 2.5rem;
	font-variant:small-caps;
	color: #d36020;
	font-family: 'halloween';
	line-height:1.8em;
	text-shadow:
				-1px -1px 0 #fff,
				-1px -1px 0 #c95b1d,
				-2px -1px 0 #d76221,
               	-2px -2px 0 #a44a12,
				-2px -3px 0 #a44a12,
				-3px -4px 0 #a44a12,
				-4px -5px 0 #994614,
				-5px -6px 1px rgba(0,0,0,.1),
				0 0 5px rgba(0,0,0,.1),
				-1px -1px 3px rgba(0,0,0,.3),
				-3px -3px 5px rgba(0,0,0,.2),
				-5px -5px 10px rgba(255,255,255,.4),
				-7px -7px 7px rgba(255,255,255,.5),
				-15px -15px 15px rgba(255,255,255,.25);
	display:block;
	
}
.topbar-responsive .menu {
  background: none;
}

.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}

.topbar-responsive .menu a {
  color: #fefefe;
  transition: color 0.15s ease-in;
}

.topbar-responsive .menu a:hover {
  color: #ff7226;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
 .topbar-responsive .top-bar-title .topbar-responsive-logo strong .pumpkin-teeth {
	font-size: 2rem;
}
}

.topbar-responsive .menu .topbar-responsive-button {
  color: #fefefe;
  border-color: #fefefe;
  border-radius: 5000px;
  transition: color 0.15s ease-in, border-color 0.15s ease-in;
}

.topbar-responsive .menu .topbar-responsive-button:hover {
  color: #c6d1d8;
  border-color: #c6d1d8;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu .topbar-responsive-button {
    width: 100%;
    margin: 0.875rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
  }
  .topbar-responsive .top-bar-title .span2 {
    position: absolute;
    right: 0;
    border: 1px solid #fefefe;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title .span2 .menu-icon {
    margin-bottom: 4px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive-links {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    -webkit-animation: fadeIn 1s ease-in;
            animation: fadeIn 1s ease-in;
  }
}