@import url(normalize.css);



/* font-face declarations */

@font-face {
    font-family: 'ralewaybold';
    src: url('raleway-bold-webfont.woff2') format('woff2'),
        url('raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold_italic';
    src: url('raleway-bolditalic-webfont.woff2') format('woff2'),
        url('raleway-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('raleway-extrabold-webfont.woff2') format('woff2'),
        url('raleway-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('raleway-medium-webfont.woff2') format('woff2'),
        url('raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('raleway-regular-webfont.woff2') format('woff2'),
        url('raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cepregular';
    src: url('cep-regular.woff2') format('woff2'),
         url('cep-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* end font-face and begin basic structure */

/* The basics */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

a img {
    border: 0;
}

html {
    font: normal 1.3em/1.8em 'ralewayregular';
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}
#base {
	background: #FFF;
	color: #101010;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

input {
    color: #4E6C7A;
}
.skip {
    position: absolute;
    display: block;
    top: 0;
    left: -200px;
    color: #000;
    padding: 3px;
}

/* typography */


ul,
ol {
    padding: 0;
    margin: 0;
}
.body-container ul, .body-container ol {
	padding: 0 0 0 40px;
}
h1 {
	font: normal 3em/1em 'ralewayextrabold';
	color: #731A43;
	text-align: center;
	margin: 75px 0 10px 0;
}
.body-container h2, .body-container h3, .body-container h4, .body-container h5, .body-container h6 {
	font-weight: normal;
	font-family: 'ralewaybold';
}
strong {
	font-family: 'ralewaybold';
	font-weight: normal;
}
#pagetitle {
	margin-bottom: 80px;
}


/* top bar navigation */

#nav-burger {
	position: absolute;
	height: 68px;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#burger {
	font: normal 3.5em/1em 'cepregular';
	color: #FFF;
	cursor: pointer;
}
#burger:hover {
	color: #E10C73;
}
#navigation {
	visibility: hidden;
	z-index: 11;
	opacity: 0;
	position: fixed;
	width: 100%;
	Padding: 80px 50px 50px 50px;
	left: 0;
	top: 0;
	background: #FFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}
.open {
	visibility: visible !important;
	display: block !important;
	opacity: 1 !important;
}
.closer, .closerx {
	font: normal 3.5em/1em 'cepregular';
	display: block;
	position: fixed;
	top: 15px;
	left: 50px;
	color: #000;
	height: 68px;
	font-size: 3em;
	cursor: pointer;
}
.closer:hover, .closerx:hover {
	color: #E10C73;
}
nav ul {
	margin: 0 auto;
	padding: 0;
	columns: 2;
	column-gap: 40px;
	display: inline-block;
}
nav li {
	list-style: none;
	border-bottom: 1px dotted #000;
}
nav li a {
	font: normal 1.5em/1em 'ralewaybold';
	color: #000;
	display: inline-block;
	width: 100%;
	padding: 12px 0;	
}
nav li a:hover {
	color: #FFF;
	background: #000;
}

#sub-navigation {
	width: 100%;
	border-top: 3px solid #B9286B;
	border-bottom: 3px solid #B9286B;
	margin: 60px 0 0 0;
}
#sub-navigation ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	max-width: 1100px;
	margin: auto;
}
.sub-nav-item {
	list-style: none;
}
.sub-nav-item::after {
	content: "|";
	margin: 0 15px;
	color: #B9286B;
}
.sub-nav-item:last-child::after {
	content: "";
	margin: 0 15px;
	color: #B9286B;
}
.sub-nav-item a {
	color: #60002A;
}
.sub-nav-item a:hover {
	color: #E10C73;
}

/* search */

#search {
	position: absolute;
	right: 40px;
	top: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-55%);
}
.search-container {
	position: relative;
}
.activator {
	position: absolute;
	left: 0; top: 0;
	font: normal 3em/1em 'cepregular';
	background: none;
	outline: none;
	border: none;
	color: #FFF;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.activator:hover {
	color: #E10C73;
}
.hide {
	display: none;
}
#searchform {
	position: relative;
	width: 50px;
	height: 50px;
}
#searchform label {
	visibility: hidden;
}
#searchquery {
	background: #FFF;
	position: absolute;
	top: 0;
	width: 40px;
	height: 50px;
	opacity: 0;
	transition: width .4s, opacity .4s;
	animation-fill-mode: forwards;
	right: 60px;
	cursor: default;
	border: 1px solid #FFF;
	font-size: 1.3em;
	padding: 0 15px;
}
#searchquery:not(:focus){
	transition:none;
}
#searchquery:focus {
	width: 375px;
	opacity: 1;
	border: none;
	outline: none;
}
#searchsubmit {
	position: absolute;
	left: -8px; top: 0;
	font: normal 3em/1em 'cepregular';
	background: none;
	outline: none;
	border: none;
	color: #FFF;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* home page */

#masthead {
	width: 100%;
	height: 125px;
	margin: 50px 0 0 0;
	background: #3E1024;
	position: relative;
}
#logo {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 100px;
	margin-top: -135px;
	left: 50%;
	z-index: 10;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#new-logo {
	position: absolute;
	width: 486px;
	height: 166px;
	top: 100px;
	margin-top: -120px;
	left: 50%;
	z-index: 10;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.collage {
	width: 100%;
	margin: 0 0 30px 0;
}
.collage ul {
	width: 100%;
	overflow: hidden;
}
.collage-item {
	float: left;
	display: inline-block;
	width: 16.666%;
	list-style: none;
}
.collage-item img {
	width: 100%;
	height: auto;
}
.even-shade {
	background-color: #666769;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.odd-shade {
	background-color: #FFF;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.home-icon {
	width: 100%;
	display: block;
	text-align: center;
}
.body-container {
	max-width: 1000px;
	margin: auto;
}
.body-container a {
	color: #60002A;
}
.body-container a:hover {
	color: #E10C73;
}
.bottom-nav-container {
	max-width: 1100px;
	margin: 50px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}
.bottom-nav-box {
	flex: 0 1 49.5%;
	border: 1px solid #111;
	border-radius: 3px;
	margin-bottom: 15px;
	min-height: 260px;
	background: #F9F9F9;
}
.group-a h3, .group-b h3, .group-c h3, .group-d h3 {
	text-align: center;
	font: normal 1.5em/1em 'ralewaybold';
	border-bottom: 1px solid #979797;
	text-transform: uppercase;
	background: #f2f2f2;
    margin: 0 0 20px 0;
    padding: 20px;
}
.group-list {
	margin: 0;
	padding: 0 20px 20px 20px;
}
.group-list-item {
	list-style: none;
}
.group-list-item a span {
	font-family: 'cepregular';
	opacity: 60%;
}
.group-list-item a {
	font-family: 'ralewaybold';
	color: #111;
}
.group-list-item a:hover {
	color: #E10C73;
}

/* shop */

.modal-button {
    display: flex;
    margin: auto;
    padding: 9px 18px;
    justify-content: center;
    max-width: max-content;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'ralewaybold';
    text-align: center;
    background-color: #ff007d;
    border: 1px solid #ce0367;
    border-radius: 20px;
}
.modal-button:hover {
	background-color: #731A43;
}
.get-list-button {
	padding: 25px;
	border-top: 1px dotted #3E1024;
	border-bottom: 1px dotted #3E1024;
}
.location-modal {
	visibility: hidden;
	z-index: 11;
	opacity: 0;
	position: fixed;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	padding: 80px 50px 50px 50px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #FFF;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}
.location-container {
	max-width: 1200px;
	margin: 40px auto 80px auto;
}
.sph {
	font: normal 1.5em/1em 'ralewaybold';
	color: #731A43;
	margin-top: 50px;
}
.suppliertable {
	max-width: 100%;
	border: 1px solid #CACACA;
}
.table-row-rule {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
	border-top: 1px solid #CACACA;
}
.table-row-norule {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
}
.townname, .samename {
	flex: 1 1 30%;
	padding: 15px;
	color: #731A43;
	font-family: 'ralewaybold';
}
.locationaddress-norule {
	flex: 1 1 70%;
	padding: 15px;
}
.locationaddress-rule {
	flex: 1 1 70%;
	padding: 15px;
	border-top: 1px solid #CACACA;
}
.product-wrapper {
	max-width: 1100px;
	margin: auto;
	padding: 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}
.productcontainer {
	position: relative;
	flex: 0 0 333px;
	width: 333px;
	margin: 10px;
	padding: 10px 10px 40px 10px;
	border: 3px solid #EEE;
	background: #FFF;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.productfiller {
	flex: 0 0 333px;
	width: 333px;
	margin: 10px;
	padding: 10px 10px 40px 10px;
}
.prodpic {
	padding: 10px;
	background: #FFF;
}
.prodpic img {
	display: block;
	margin: auto;
}
.prodtext span {
	display: block;
	margin: auto;
	font: normal 1.2em/1em 'ralewaybold';
	text-align: center;
	color: #3E1024;
}
.prodtext h3 {
	font: normal 1.2em/1em 'ralewaybold';
	text-align: center;
}
comment {
	position: absolute;
	bottom: 0;
	margin: 20px 0 0 0;
	font-style: italic;
	font-size: 80%;
	text-align: center;
	display: block;
	line-height: 140%;
}
.buy-button {
	display: block;
	margin: 20px auto 0 auto;
	width: 120px;
}

/* hover state image change */

a.nowandthen{
	position:relative;
	display: block;
	margin: auto;
	overflow:hidden;
	cursor: pointer;
	width: 150px; /* set width of image container */
	height: 150px; /* set height of image container */
}

a.nowandthen img{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.5s ease; /* enable transition */
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
	clip: rect(0,150px,150px,0); /* clip values should be rect(0,image_width,image_height,0) */
}
a.nowandthen img:nth-of-type(2){ /* hide "after" image beneath "before" so it's initially out of view */
	z-index: 1;
}
a.nowandthen:hover img:nth-of-type(1){ /* clip "before" image to reveal "after" */
	clip: rect(0,0,150px,0); /* clip values should be rect(0,0,image_height,0) */
	opacity: 0;
}


/* FAQ */

.faq-list {

}
.faq-item {
	color: #731A43;
	font: normal 1.2em/1em 'ralewaybold';
	margin: 4px 0;
	border-bottom: 1px dotted #000;
}
.faq-question {
	margin: 0;
	padding: 25px 0;
	cursor: pointer;
}
.faq-answer {
	font: normal 1em/1.5em 'ralewayregular';
	color: initial;
	padding: 10px 0 25px 0;
}
.faq-answer p {
	margin: 0;
}
.faq-answer ul, .faq-answer ol {
	margin: 0;
	padding: 0 0 0 20px;
}
.faq-answer ul li {
	list-style: disc;
}
.faq-answer ul li:last-child {
	margin-bottom: 20px;
}

/* downloads */

.dl-list {
	padding: 0 !important;
}
.dl-file {
	position: relative;
	list-style: none;
	padding: 15px 0 15px 30px;
	border-bottom: 1px solid #AAA;
}
.pdf:before {
	content: '';
	position: absolute;
	left: 0; top: 20px;
	display: inline-block;
	width: 20px;
	height: 27px;
	background: url(images/pdf-icon.png) no-repeat center;
	background-size: auto 100%;
}
.word:before {
	content: '';
	position: absolute;
	left: 0; top: 20px;
	display: inline-block;
	width: 20px;
	height: 27px;
	background: url(images/word-icon.png) no-repeat center;
	background-size: auto 100%;
}
.png:before {
	content: '';
	position: absolute;
	left: 0; top: 20px;
	display: inline-block;
	width: 20px;
	height: 27px;
	background: url(images/png-icon.png) no-repeat center;
	background-size: auto 100%;
}

/* links */

.link-list {
	padding: 0 !important;
}
.link-item {
	list-style: none;
	padding: 5px 0;
	border-bottom: 1px dotted #000;
}
.link-item a {
	font-family: 'ralewaymedium';
}



/* blog and comments */

.blog-post-list {
	margin: 0;
	padding: 0 !important;
}
.blog-post-list li {
	list-style: none;
	width: 100%;
	padding: 20px;
	border: 1px solid #DDD;
	margin-bottom: 25px;
	background: #FFF;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-content: flex-start;
	align-items: stretch;
}
.post-preview {
	flex: 0 0 37%;
	margin-right: 20px;
	overflow: hidden;
	border: 1px solid #DDD;
}
.post-data {
	flex: 0 0 60%;
}
.post-data h3 {
	margin: 0;
}
.post-data h3 a {
	color: #000;
	font: normal 1.3em/1em 'ralewaybold';
}
.small-text {
	font-style: italic;
	font-size: 85%;
}
.post-preview-text {
	line-height: 1.7em;
	padding-right: 20px;
	margin-bottom: 0;
}
.read-more {
	position: absolute;
	bottom: -15px;
	right: 20px;
	padding: 1px 9px;
	background: #3E1024;
	color: #FFF !important;
	font-size: 75%;
	line-height: 30px;
	border-radius: 17px;
	width: 160px;
	height: 34px;
}
.read-more:hover {
	background: #E10C73;
} 
.post-preview-pic {
	width: 100%;
	max-height: 200px;
	vertical-align: top;
}
.page-header {
	width: 100%;
}
.blog-title {
	margin-bottom: 0;
}
.blog-article-body {
	background: #FFF;
	padding: 20px;
	border: 1px solid #DDD;
	margin-bottom: 15px;
}
.post-details {
	margin-bottom: 15px;
}
.post-details span {
	margin-right: 12px;
	white-space: nowrap;
}
.post-details p {
	margin: 20px 0 0 0;
	border-top: 1px dotted #000;
	line-height: 150%;
}
.author:before {
	content: 'A';
	font-family: 'cepregular';
	font-style: normal;
	margin-right: 3px;
	vertical-align: top;
}
.post-date:before {
	content: "W";
	font-family: 'cepregular';
	font-style: normal;
	margin-right: 3px;
	vertical-align: top;
}
.post-comments:before {
	content: "G";
	font-family: 'cepregular';
	margin-right: 3px;
	vertical-align: top;
}
.post-return {
	margin-left: 12px;
	white-space: nowrap;
}
.cat-list {
	border: 1px solid #4A889A;
	padding: 3px 5px;
	background: #FFF;
}
.flexible {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
.flex-center {
	justify-content: center;
}
.flex-space {
	justify-content: space-between;
}
.flex-align {
	align-items: stretch;
}
.left {
	flex: 0 0 70%;
}
.left img {
	max-width: 100%;
	height: auto;
}
.right {
	position: relative;
	flex: 0 0 28%;
	margin-bottom: 25px;
}
.box {
	background: #FFF;
	padding: 20px;
	margin: 0 0 15px 0;
	border: 1px solid #DDD;
}
.social, .rss {
	text-align: center;
}
.social h4, .social p {
	margin: 0;
}
.recent-post-list {
	margin: 0;
	padding: 0;
}
.recent-post-list li {
	list-style: none;
	border-bottom: 1px dotted #DDD;
	line-height: 20px;
	padding: 7px 0;
	margin-bottom: 17px;
}
.recent-post-list li:last-child {
	border-bottom: none;
}
.recent-post-list-date {
	font-style: italic;
	font-size: 87%;
}
.blog-article-body {
	overflow: hidden;
	margin-bottom: 15px;
}
figcaption {
    display: block;
    font-family: 'ralewaybold_italic';
    border-bottom: 1px dotted #000;
}
.stepping {
	border: 1px solid #DDD;
	padding: 8px 10px;
	background: #FFF;
	display: flex;
	justify-content: space-between;
}
.stepping .previous:before {
	content: "<";
	font-family: 'ralewayextrabold';
	margin-right: 6px;
	vertical-align: top;
}
.stepping .next:after {
	content: ">";
	font-family: 'ralewayextrabold';
	margin-left: 6px;
	vertical-align: top;
}
.post-gallery {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 20px;
	margin-bottom: 25px;
}
.post-gallery ul {
	margin: 0;
	padding: 0;
}
.post-gallery li {
	list-style: none;
	margin: 10px;
}
.blog-downloads {
	border: 1px solid #DDD;
	padding: 20px 20px 10px 20px;
	background: #FFF;
	margin: 0 0 25px 0;
}
.blog-downloads h3 {
	margin: 0 0 20px 0;
	font: normal 1.3em 'ralewayregular';
}
.blog-download-item {
	list-style: none;
}
.type-id {
	font-style: italic;
}
.blog-download-item:before {
	content: "P";
	font-family: 'cepregular';
	margin-right: 6px;
	vertical-align: top;
	opacity: 0.5;
}
.comments-heading {
	border-top: 1px dotted #687E5E;
	padding: 15px 0;
}
.CommentList {
	margin: 0px;
	padding: 0px !important;
}
.CommentListReplies {
	background: rgba(242,248,243, 0.8);
}
.CommentListItem {
	padding: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #DDD;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	list-style-type: none;
	background-color: #FDFDFD;
}
.CommentListItem p {
	margin-top: 0px;
	margin-bottom: 6px;
}
.CommentActionReply {
	display: block;	
	border-top: 1px solid #c6c9cc;
	margin-top: 30px;
}
.CommentHeader {
	font-size: 14px;
	color: #786B4E !important;
	font-style: italic !important;
}
.CommentHeader span {
	font-size: 16px;
	font-weight: bold;
	color: #276766;
}
.CommentText {

	text-align: left;	
}
#CommentForm {
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 20px;
	background-color: #FFF;
	border: 1px solid #DDD;
}
#CommentForm h3 {
	font-weight: normal;
	font-size: 19px;
	color: #975048;
}
#CommentForm {

}
.CommentFormCite input, .CommentFormEmail input {
	font-family:  'ralewayregular', sans-serif;
	background-color: #FCFCFC;
	width: 100%;
	min-height: 25px;
	color: #444;
	text-indent: 10px;
	border: 1px solid #DDD;
	padding: 10px;
}
.CommentFormText textarea {
	background-color: #FCFCFC;
	width: 100%;
	height: 100px;
	padding: 10px;
	font-family: 'ralewayregular', sans-serif;
	color: #444;
	resize: vertical;;
	border: 1px solid #DDD;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.CommentFormNotify input {
	margin: -9px 7px 0 5px;
	vertical-align: middle;
	height: 100%;
}
.CommentVotes {
	float: right;
	border: 1px solid #DDD;
	border-radius: 10px;
	padding: 0 10px 0 4px;
	background: #FFF;
}
.CommentActionUpvote {
	color: #4A889A !important;
	font-style: normal !important;
	visibility: hidden;
}
.CommentUpvoteCnt {
	visibility: visible;
}

.CommentFormSubmit button {
	background-color: #000;
	color: #FFF;
	padding: 10px;
	font: normal 1.1em/1em 'ralewaymedium' !important;
	border: 1px solid #000;
	cursor: pointer;
}
.CommentFormSubmit button:hover {
	background-color: #E10C73;
	border: 1px solid #E10C73;
	color: #FFF;
}
.success, .error {
	text-align: center !important;
	font-size: 18px !important;
	color: #83003b !important;
}
#CommentForm_form input:focus, #CommentForm_form textarea:focus {
	background-color: #eededd;
}
.lc {
	list-style: none;
	padding: 2px 0;
	color: #786B4E;
	border-bottom: 1px dotted #975048;
}
.lc:last-child {
	border-bottom: none;
}
.lc span {
	font-style: italic;
	font-size: 13px;
}

/* pagination */

.MarkupPagerNav {
	clear: both;
	font-family: 'ralewaymedium';
	margin: 20px 0 !important;
	padding: 0 !important;
	overflow: hidden;
}
.MarkupPagerNav li {
	display: inline;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 1px 14px 0 14px;
	margin-right: 4px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #3A3A3A;
}
.MarkupPagerNav li.MarkupPagerNavOn a {
	text-decoration: none;
	background-color: #E10C73;
}
.MarkupPagerNav li a:hover {
	text-decoration: none;
	background-color: #E10C73;
	color: #FFF;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
	color: #359D9D;
	background: none;
	padding-left: 3px;
	padding-right: 3px;
}
.MarkupPagerNav li:before {
	font-family: 'ralewaymedium' !important;
	font-size: 85%;
	content: '' !important;
	color: #265FA4;
	margin: 0 5px 0 -15px;
}

/* search */

.results {
	padding: 0 0 0 0 !important;
}
.results li {
	list-style: none;
	border-bottom: 1px dotted #60002A;
}

/* Footer */

footer {
	width: 100%;
	margin: 100px 0 0 0;
	padding: 25px 0 70px 0;
	background: #3E1024;
}
#foot {
	max-width: 1100px;
	margin: auto;
	color: #FFF;
	text-align: center;
}
#foot a {
	color: #FFFFE2;
}
#foot a:hover {
	color: #E10C73;
}
#siteprefs {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	left: 0; bottom: 0;
	background: #3A3A3A;
	z-index: 10;
}
.controlstyle img {
	width: 85px;
	height: auto;
}
#styler {
	border-radius: 3px;
	padding: 4px 5px;
	cursor: pointer;
	margin: 0 10px;
}
#styler:hover {
	filter: invert(100%);
}
.bonw {
	background: #FFF;
	color: #000;
	border: 1px solid #FFF;
}
.wonb {
	background: #000;
	color: #FFF;
	border: 1px solid #000;
}

/* CMS styles and styles needed for CKEditor positioning */

#editpage {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    padding: 5px 6px;
    background: #db1174;
    color: #fff;
    display: block;
    font-weight: bold;
}

#editpage:hover {
    background: #ffffcc;
    color: #000;
}

.align_left {
    float: left;
    margin: 0 1em 0.25em 0;
}

.align_right {
    float: right;
    margin: 0 0 5px 20px;
}

.align_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1050px) {
	.body-container {
	    padding: 0 25px;
	}
}
@media only screen and (max-width: 900px) {
	#navigation {
    	overflow: scroll;
   		height: 100%;
	}
	nav ul {
    	columns: 1;
    	overflow: visible;
    	width: 100%;
	}
	nav li {
	    word-break: break-word;
	}
	#sub-navigation ul {
    	display: block;
    	text-align: center;
	}
	.sub-nav-item {
		border-bottom: 1px dotted #B9286B;
	}
	.sub-nav-item::after {
    	content: "";
	}
	.sub-nav-item:last-child {
		border-bottom: none;
	}
}
@media only screen and (max-width: 675px) {
	.bottom-nav-container {
	    display: block;
	    padding: 25px;
	}
	.bottom-nav-box {
    	width: 100%;
	}
	#masthead {
    	height: 250px;
    }
	#nav-burger {
    	top: 65%;
    	left: 10px;
    	-webkit-transform: translateY(0);
    	transform: translateY(0);
	}
	#search {
		right: 17px;
		top: 68%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.blog-post-list li {
    	display: block;
	}
	.post-preview {
    	margin-right: 0;
    	margin-bottom: 15px;
    }
    p img, figure img {
		max-width: 100%;
		height: auto;
	}
	.table-row-rule {
    	display: block;
    }
    .locationaddress-norule {
    	width: 100%;
    	border-top: 1px solid #CACACA;
	}
	.townname {
		width: 100%;
		text-align: center;
	}
	.samename {
		display: none;
	}
}
@media only screen and (max-width: 450px) {
	h1 {
	    font: normal 2.5em/1em 'ralewayextrabold';
	}
	#searchquery:focus {
		width: 280px;
	}
	.align_left {
	    margin: 0;
	}
}
@media only screen and (max-width: 360px) {
	#searchquery:focus {
		width: 200px;
	}
	.productcontainer {
	    flex: 0 0 300px;
    	width: 300px;
	}
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* Print styles */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}