:root {
  --red: #c82030;
  --blue: #232c64;
}

@font-face {
    font-family: 'boston_trafficregular';
    src: url('boston-webfont.woff2') format('woff2'),
         url('boston-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body {
	background: url(/storage/assets/images/background.jpg) top left repeat scroll;
	background-size: 150%;
	font-size: 14px;
	overflow-x: hidden;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
.sham-header {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 2.5em;
}
.oswald {
	font-family: 'Oswald', sans-serif;
	font-weight:800;
}
.boston {
	font-family: 'boston_trafficregular', sans-serif;
}
.section-title {
	font-family: 'boston_trafficregular', sans-serif;
	color: #ffffff;
	font-size: 3em;
	padding: 20px;
	background: url(/storage/assets/images/section-label.png) top left no-repeat scroll;
}
.bg-blue {
	background-color: var(--blue);
}
.blue {
	color: var(--blue);
}
.bg-red {
	background-color: var(--red);
}
.red {
	color: var(--red);
}
.show-month {
	padding-top: 10px;
	font-weight: 900;
	font-size: 1.25em;
}
.show-date {
	font-weight: 900;
	font-size: 4em;
	margin: -10px;
}
.show-year {
	padding-bottom: 10px;
	font-weight: 900;
	font-size: 2em;
}
.product-name {
	font-size: 2em;	
}
.product-price {
	font-size: 2em;	
	margin-bottom:20px;
}
.white-link {
	color: #ffffff;
}
.white-link:hover {
	color: #000000;
}
.bg-black {
	background-color: #000000;
}
.btn-sham {
	display: inline;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--blue);
	color: #ffffff;
	cursor: pointer;
}
.btn-sham:hover {
	background-color: var(--red);
	color: #ffffff;
}

.page-link {
	color: #000000 !important;
}

.page-item.active .page-link {
	background-color: var(--red) !important;
	border-color: var(--red) !important;
}

#backToTop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--red);
    color: white;
    cursor: pointer;
    padding: 15px;
    font-size: 18px;
}

#backToTop:hover {
    background-color: var(--blue);
}
.selected {
	background-color: var(--red) !important;
}
.background-2 {
	background-color: var(--red);
}
.background-3 {
	background-color: var(--blue);
}
.variation {
	cursor: pointer;
}
.cursor-pointer {
	cursor: pointer;	
}