/* HTML Element styles specific to this project. */

/* Colors

Red: #ed1b24
Black: #231f20

*/

body {
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	font-size: .85em;
	color: #231f20;
}

h1,h2,h3,h4,h5,h6 {margin-top: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #231f20;}
h1 {
	font-size: 2.25em;
}
h2 {
	font-size: 1.875em;
}
h3 {
	font-size: 1.5em;
}
h4 {
}
h5 {
}
h6 {
}

p,
ul,
ol {
	margin-top: 15px;
}

small {
	font-size: 0.75em;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	border-radius: 0;
	line-height: 1.33333em;
}
input:invalid,
textarea:invalid,
select:invalid {
	border-color: rgba(127,127,127,.4);
}



/* Font Awesome Additional Icons */

.icon-envelope-square:before {
  content: "\f199";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-youtube-square:before {
  content: "\f166";
}



/* System Styles */

a.TextButton,
input.TextButton,
a.Method,
a.AddToCart,
.button {
	border: 2px solid #ed1b24;
	border-radius: 0;
	padding: 10px 30px;
	width: auto;
	max-width: 100%;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	vertical-align: baseline;
	color: #ed1b24;
	background: #fff;
	transition: all linear .2s;
}
.button.fill {
	border: 2px solid #ed1b24;
	color: #fff;
	background: #ed1b24;
}
a.TextButton:hover,
input.TextButton:hover,
a.Method:hover,
a.AddToCart:hover,
.button:hover {
	box-shadow: none;
	border-color: #231f20;
	outline: none;
	text-decoration: none;
	color: #231f20;
}
.button.fill:hover {
	border: 2px solid #ed1b24;
	color: #ed1b24;
	background: #fff;
}

.LoginDetailRow td,
.ForgotLoginDetailRow td,
.ListOddDetailRow td,
.ListEvenDetailRow td,
.CalendarDetailRow td {
    font-size: .85em;
}
.collection-view {
	font-size: .85em;
}



/* Popup Styles */

.popup {
	color: #444;
	background-color: rgba(0,0,0,.75);
	opacity: 0;
	visibility: hidden;
	cursor: default;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.popup.show {
	opacity: 1;
	visibility: visible;
}
.popup .box {
	border: none;
	padding: 20px;
	max-height: 90vh;
	background-color: #fff;
}
.popup .banner {
	position: relative;
	margin: -20px -20px 20px -20px !important;
	padding: 15px 30px 15px 20px;
	color: #fff;
	background-color: #ed1b24;
}
.popup .icon-remove-sign {
	position: absolute;
	top: 15px;
	right: 10px;
	margin-left: 10px;
	cursor: pointer;
}
.popup form label {
	font-size: .8em;
}
.popup form input[type="text"],
.popup form textarea,
.popup form select {
	border-radius: 3px;
	border-color: rgba(127,127,127,.4) !important;
	padding: 10px;
	line-height: 1em;
}
.popup form .button {
	margin-top: 5px;
	box-shadow: none;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
	text-transform: uppercase;
	line-height: 1em;
}



/* Skin specific styles */

#container {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
}
#container > div {
	text-align: left;
}
#container > div:before, #container > div:after {display: table; content: " "; line-height: 0;}
#container > div:after {clear: both;}
#container > div {*zoom: 1;}
#container > div > * {
	clear: both;
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
}
body.website-default-for-user-narrow #body {
	max-width: 450px;
}
body.cartitems-summary #body,
body.cartitems-confirmorder #body {
	max-width: 720px;
}


#logged-in-menu-container {
	background-color: #f5f5f5;
	z-index: 5;
}
body.website-base-for-public-with-fixed-banner #logged-in-menu-container {
	position: fixed;
	top: 0;
	width: 100%;
}
#logged-in-menu {
	padding: 0 12px;
	font-size: .9em;
}
#logged-in-menu > ul > li > a {
	display: inline-block;
}
#logged-in-menu ul ul {
	border: none;
	background-color: #efefef;
}
#logged-in-menu > ul:first-child {
	float: right;
}
#logged-in-menu > ul:first-child a[title]:after {
	left: auto;
	right: 100%;
}
#logged-in-menu > ul:first-child ul {
	left: auto;
	right: 7px;
	text-align: right;
}
#logged-in-menu > ul:first-child ul ul {
	right: 100%;
}
@media screen and (max-width: 719px) {
	body.website-base-for-public-with-fixed-banner #logged-in-menu-container {
		position: static;
	}
}
@media screen and (max-width: 599px) {
	#logged-in-menu.minimize600 > ul:before {
		content: "≡ Administration Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child:before {
		content: "≡ User Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child {
		float: none;
	}
	#logged-in-menu.minimize600 > ul:first-child ul {
		text-align: left;
	}
}



#header-container {
	background-color: #fff;
	z-index: 4;
}
body.website-base-for-public-with-fixed-banner #header-container {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 1px 6px rgba(127,127,127,.4);
}
body.website-base-for-public-with-fixed-banner #logged-in-menu-container + #header-container {
	top: 30px;
}
#header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 12px;
}

#header .logo {
	display: block;
}
#header .logo:hover {
	text-decoration: none;
}
#header .logo img {
	max-width: 260px;
}

#main-menu {
	font-size: 1.1em;
}
#main-menu > ul {
	margin: 0 -20px;
	text-align: right;
}
#main-menu > ul > li {
	padding: 10px 20px;
}
#main-menu li:hover {
	color: #ed1b24;
	background-color: transparent;
}
#main-menu > ul ul {
	border: none;
	background-color: #fff;
}
@media screen and (max-width: 719px) {
	body.website-base-for-public-with-fixed-banner #header-container {
		position: static;
		box-shadow: none;
	}
	#header {
		align-items: flex-start;
	}
	#main-menu.minimize720 > ul:before {
		content: "\f0c9";
		font-family: FontAwesome;
		padding: 14px 0;
		font-size: 1.5em;
		font-weight: normal;
	}
	#main-menu.minimize720 > ul {
		margin: 0;
	}
	#main-menu.minimize720 > ul > li {
		padding: 10px 0;
	}
	#main-menu.minimize720 > ul ul {
		padding-left: 0 !important;
	}
}



#banner-container {
	background-color: #fff;
}
body.website-base-for-public-with-fixed-banner #banner-container {
	padding-top: 80px;
}
body.website-base-for-public-with-fixed-banner #logged-in-menu-container + #header-container + #banner-container {
	padding-top: 110px;
}
@media screen and (max-width: 719px) {
	body.website-base-for-public-with-fixed-banner #banner-container {
		padding-top: 0;
	}
	body.website-base-for-public-with-fixed-banner #logged-in-menu-container + #header-container + #banner-container {
		padding-top: 0;
	}
}
#banner {
	max-width: 100% !important;
	max-height: 1097px;
}
#banner .article-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#banner .logo {
	position: absolute;
	bottom: 80px;
	right: 50%;
	max-width: 300px;
	transform: translateX(600px);
}
body.default #banner .article-image {
	height: 1097px;
}
body.default #banner .logo {
	max-width: 100%;
}
@media screen and (max-width: 2559px) {
	body.default #banner .article-image {
		padding-top: 42.85156%;
		height: 0;
	}
}
@media screen and (max-width: 1679px) {
	#banner .logo {
		bottom: 40px;
	}
}
@media screen and (max-width: 1319px) {
	body.default #banner .logo {
		max-width: 380px;
	}
}
@media screen and (max-width: 1229px) {
	#banner .logo {
		bottom: 30px;
		right: 20px;
		transform: none;
	}
}
@media screen and (max-width: 1199px) {
	#banner .article-image {
		padding-top: 33.33333%;
		height: 0;
	}
}
@media screen and (max-width: 959px) {
	#banner .logo {
		bottom: 20px;
		right: 15px;
	}
	body.default #banner .logo {
		max-width: 300px;
	}
}
@media screen and (max-width: 599px) {
	#banner .logo {
		bottom: 15px;
		right: 10px;
		max-width: 240px !important;
	}
}
@media screen and (max-width: 479px) {
	#banner .logo {
		max-width: 200px !important;
	}
}



#body-container {
	background-color: #fff;
}
#body {
	padding: 80px 12px;
}
#body > .grid {
	margin-top: -20px;
}
#body > .grid > * {
	margin-top: 20px;
}

body.default #content {
	margin: 0 auto 80px auto;
	max-width: 720px;
}
#content > *:first-child {
	margin-top: 0;
}

#side-panel > .grid {
	margin-top: -20px;
}
#side-panel > .grid > * {
	margin-top: 20px;
}
#side-panel .side-panel-snippet {
	border: 1px solid #ddd;
	padding: 10px;
}
#side-panel .side-panel-snippet > *:first-child {
	margin-top: 0;
}



#footer-container {
	background-color: #fff;
}
#body-container + #footer-container {
	border-top: 1px solid #231f20;
}
#footer {
	padding: 30px 12px 25px 12px;
	line-height: 1.4em;
	font-size: .9em;
}
#footer a {
	font-style: normal;
}
#footer > .flex {
	display: flex;
	justify-content: space-between;
}
#footer > .flex.c4 {
	gap: 30px;
}
#footer > .flex.c4 > * {
	width: calc(22% - 10px);
}
#footer > .flex.c2 {
	margin-top: 30px;
	color: #808080;
}
#footer > .flex.c2 > * {
	width: 50%;
}

#footer-menu h4 {
	padding-top: 14px;
}
#footer-menu > ul {
	padding-top: 10px;
}
#footer-menu > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 40%;
}

#footer #socials-menu h4 {
	padding-top: 14px;
	padding-bottom: 15px;
}
#footer #socials-menu > a {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.4em;
	color: #231f20;
}

#footer .footer-certified {
	width: calc(34% - 10px) !important;
}
#footer .footer-certified table {
	width: 388px;
}
#footer .footer-certified table td {
	width: 101px;
}
#footer .footer-certified table > tbody > tr > td:first-child {
	padding-right: 25px;
	width: 136px;
}
#footer .footer-certified table > tbody > tr > td:first-child + td {
	padding-right: 20px;
	width: 151px;
}

#website-by {
	text-align: right;
}

@media screen and (max-width: 1079px) {
	#footer > .flex.c4 {
		flex-wrap: wrap;
	}
	#footer > .flex.c4 > * {
		width: calc(50% - 15px);
	}
	#footer .footer-certified {
		order: 1;
		width: calc(50% - 15px) !important;
	}
	#footer #footer-menu {
		order: 2;
	}
	#footer #socials-menu {
		order: 3;
	}

}
@media screen and (max-width: 719px) {
	#footer > .flex.c4 {
		gap: 10px;
	}
	#footer > .flex.c4 > * {
		width: 100%;
	}
	#footer .footer-certified {
		width: 100% !important;
	}
	#footer #footer-menu h4,
	#footer #socials-menu h4 {
		padding-top: 0;
	}
	#footer #socials-menu h4 {
		margin-top: 10px;
	}

}
@media screen and (max-width: 599px) {
	#footer > .flex.c2 {
		flex-wrap: wrap;
	}
	#footer > .flex.c2 > * {
		width: 100%;
	}
	#website-by {
		margin-top: 10px;
		text-align: left;
	}
}



/* Page Specific Styles */

table.col2 > tbody > tr > td:nth-child(1),
table.col3 > tbody > tr > td:nth-child(1),
table.col3 > tbody > tr > td:nth-child(2),
table.col4 > tbody > tr > td:nth-child(1),
table.col4 > tbody > tr > td:nth-child(2),
table.col4 > tbody > tr > td:nth-child(3),
table.col5 > tbody > tr > td:nth-child(1),
table.col5 > tbody > tr > td:nth-child(2),
table.col5 > tbody > tr > td:nth-child(3),
table.col5 > tbody > tr > td:nth-child(4),
table.col6 > tbody > tr > td:nth-child(1),
table.col6 > tbody > tr > td:nth-child(2),
table.col6 > tbody > tr > td:nth-child(3),
table.col6 > tbody > tr > td:nth-child(4),
table.col6 > tbody > tr > td:nth-child(5) {
	padding-right: 2%;
}
table.col2 > tbody > tr > td:nth-child(2) {
	padding-left: 2%;
}
table.col2.extra-padding > tbody > tr > td:nth-child(1) {
	padding-right: 3%;
}
table.col2.extra-padding > tbody > tr > td:nth-child(2) {
	padding-left: 3%;
}
@media screen and (max-width: 719px) {
	table.col1,
	table.col1 > tbody,
	table.col1 > tbody > tr,
	table.col1 > tbody > tr > td,
	table.col2,
	table.col2 > tbody,
	table.col2 > tbody > tr,
	table.col2 > tbody > tr > td,
	table.col3,
	table.col3 > tbody,
	table.col3 > tbody > tr,
	table.col3 > tbody > tr > td,
	table.col4,
	table.col4 > tbody,
	table.col4 > tbody > tr,
	table.col4 > tbody > tr > td,
	table.col5,
	table.col5 > tbody,
	table.col5 > tbody > tr,
	table.col5 > tbody > tr > td,
	table.col6,
	table.col6 > tbody,
	table.col6 > tbody > tr,
	table.col6 > tbody > tr > td,
	table.white-box,
	table.white-box > tbody,
	table.white-box > tbody > tr,
	table.white-box > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.col2 > tbody > tr > td:nth-child(1),
	table.col3 > tbody > tr > td:nth-child(1),
	table.col3 > tbody > tr > td:nth-child(2),
	table.col4 > tbody > tr > td:nth-child(1),
	table.col4 > tbody > tr > td:nth-child(2),
	table.col4 > tbody > tr > td:nth-child(3),
	table.col5 > tbody > tr > td:nth-child(1),
	table.col5 > tbody > tr > td:nth-child(2),
	table.col5 > tbody > tr > td:nth-child(3),
	table.col5 > tbody > tr > td:nth-child(4),
	table.col6 > tbody > tr > td:nth-child(1),
	table.col6 > tbody > tr > td:nth-child(2),
	table.col6 > tbody > tr > td:nth-child(3),
	table.col6 > tbody > tr > td:nth-child(4),
	table.col6 > tbody > tr > td:nth-child(5),
	table.col2.extra-padding > tbody > tr > td:nth-child(1) {
		padding-right: 0;
	}
	table.col2 > tbody > tr > td:nth-child(2),
	table.col2.extra-padding > tbody > tr > td:nth-child(2) {
		padding-left: 0;
	}
}
table.middle td {
	vertical-align: middle;
}

.table-content {
	width: 100%;
	background-color: #fff;
}
.table-content > tbody > tr > td:first-child + td {
	padding: 80px 12px;
	width: 1224px;
}
.table-content > tbody > tr > td:first-child + td > *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 719px) {
	.table-content > tbody > tr > td:first-child + td {
		padding: 60px 12px;
	}
}

.table-content.w960 > tbody > tr > td:first-child + td {
	width: 984px;
}
.table-content.w840 > tbody > tr > td:first-child + td {
	width: 864px;
}
.table-content.w720 > tbody > tr > td:first-child + td {
	width: 744px;
}

.table-content.grey {
	background-color: #f5f5f5;
}


.counter-container {
	margin-bottom: 80px;
	text-align: center;
}
.counter-container .counter-plus {
	line-height: 1em;
	font-weight: 700;
	font-size: 4.375em;
}
@media screen and (max-width: 599px) {
	.counter-container .counter-plus {
		font-size: 3em;
	}
	.counter-container h2 {
		font-size: 1.2em;
	}
}


#latest-news-container {
	background-color: #f5f5f5;
}
#latest-news {
	padding: 80px 12px;
}
#latest-news > h2 {
	margin-top: 0;
	padding-bottom: 10px;
	text-align: center;
}


.quote-form {
	margin: 0 auto;
	padding: 15px 30px 30px 30px;
	max-width: 720px;
	background-color: rgba(237,27,36,.05);
}
.quote-form > label {
	margin-top: 15px;
}
.quote-form fieldset {
	border-radius: 0;
	padding: 8px;
}



/* Article View Styles */

.PageRange,
.PageCommands {
	clear: both;
	padding-top: 10px;
	text-align: center;
}
.CalendarCommandRow .PageCommands {
	clear: none;
	padding: 0;
}

/* Content */

#content .Title h1:first-child {
	margin-top: 0;
}
#Message {
	padding-top: 10px;
}
#content .Commands {
	display: none;
}

.Article {
	clear: both;
}
.Article:after {display: table; content: " "; line-height: 0; clear: both;}
.Article {*zoom: 1;}
.Article .CommentsCount {
	display: block;
	margin-top: 10px;
}
.Article .HTMLDocumentComments {
	margin-top: 20px;
}
.Article .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: 18px;
	color: #ed1b24;
}
.Article .HTMLDocumentComments:empty {
	display: none;
}
.Article .HTMLDocumentComment {
	margin-top: 40px;
}
.Article .HTMLDocumentComment:first-child {
	margin-top: 20px;
}
.Article .HTMLDocumentComment .Document {
	display: none;
}
.Article .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author {
	font-size: 1em;
}
.Article .HTMLDocumentComment .Author:before {
	content: normal;
}
.Article .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
.Article .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author .BusinessName,
.Article .HTMLDocumentComment .Author .WebsiteAddress {
	display: block;
	font-size: .75em;
}
.Article .HTMLDocumentComment .CommentBody {
	clear: both;
}
.Article #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}
.Articles .Article .Author,
.Articles .Article .PublishedOn,
.Articles .Article .Categories,
.Articles .Tags,
.Articles .Article .CommentsCount {
	display: none;
}

/* SidePanel */

#categories,
#tags,
#issues,
#authors,
#industries,
#regions,
#latest-comments {
	border: 1px solid #ddd;
	padding: 10px;
}
#categories:before,
#tags:before,
#issues:before,
#authors:before,
#industries:before,
#regions:before,
#latest-comments:before {
	display: block;
	padding-bottom: 5px;
	font-size: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ed1b24;
}

#categories:before {
	content: "Categories";
}
#categories > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#tags:before {
	content: "Tags";
}
#tags .ExtraLarge {
	font-size: 16px;
}
#tags .Large {
	font-size: 16px;
}
#tags .Medium {
	font-size: 12px;
}
#tags .Small {
	font-size: 10px;
}
#tags .ExtraSmall {
	font-size: 8px;
}

#issues:before {
	content: "Archives";
}

#authors:before {
	content: "Authors";
}

#industries:before {
	content: "Industries";
}

#regions:before {
	content: "Regions";
}

#latest-comments:before {
	content: "Latest Comments";
}
#latest-comments a[title]:after {
	position: static;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 5px 0 0 0;
	width: 100%;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	background: none;
	opacity: 1;
	visibility: visible;
}
#latest-comments .HTMLDocumentComment {
	margin-top: 10px;
	margin-bottom: 10px;
}
#latest-comments .HTMLDocumentComment:first-child {
	margin-top: 6px;
}
#latest-comments .HTMLDocumentComment .Document:before {
	content: "On ";
	font-weight: normal;
	font-style: normal;
}
#latest-comments .HTMLDocumentComment .Document {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .SubmittedOn {
	display: none;
}
#latest-comments .HTMLDocumentComment .Author:before {
	content: " by ";
}
#latest-comments .HTMLDocumentComment .Author .Photograph {
	display: none;
	float: right;
	margin-left: 10px;
	max-width: 50px;
	max-height: 75px;
}
#latest-comments .HTMLDocumentComment .Author .Name {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .Author .BusinessName,
#latest-comments .HTMLDocumentComment .Author .WebsiteAddress,
#latest-comments .HTMLDocumentComment .CommentBody {
	display: none;
}

#categories a[data-items-count]:after,
#issues a[data-items-count]:after,
#authors a[data-items-count]:after,
#industries a[data-items-count]:after,
#regions a[data-items-count]:after,
#latest-comments a[data-items-count]:after {
	content: attr(data-items-count);
	position: static;
	display: block;
	float: right;
	border: 0;
	padding: 0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	font-size: .9em;
	opacity: 1;
	visibility: visible;
}



/* Blog */

.Blog > .Title {
	margin-bottom: 60px;
	text-align: center;
}
.Blog .PageRange {
	margin-top: 80px;
}
#BlogPosts,
.blogposts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-top: 40px;
}
#BlogPosts > .Article,
.blogpost {
	width: calc(33.33334% - 20px);
}
#BlogPosts .image > a,
.blogpost .image > a {
	display: block;
	padding-top: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#BlogPosts .title,
.blogpost .title {
	margin-top: 20px;
}
#BlogPosts .read-more,
.blogpost .read-more {
	margin-top: 15px;
}
#BlogPosts .read-more a,
.blogpost .read-more a {
	font-style: normal;
	font-weight: 700;
	color: #ed1b24;
}
@media screen and (max-width: 839px) {
	#BlogPosts > .Article,
	.blogpost {
		width: calc(50% - 15px);
	}
	#latest-news .blogposts > .blogpost:nth-child(3) {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	#BlogPosts,
	.blogposts {
		gap: 20px;
	}
	#BlogPosts > .Article,
	.blogpost {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 479px) {
	#BlogPosts,
	.blogposts {
		gap: 30px;
	}
	#BlogPosts > .Article,
	.blogpost {
		width: 100%;
	}
}

/* Blog Post */

#blogpost-template .title {
	margin-top: 0;
	margin-bottom: 40px;
}
#blogpost-template .image {
	display: block;
	float: right;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 30px;
	max-width: 33.33334%;
}
#blogpost-template .clear-both {
	clear: both;
}
#blogpost-template .details {
	margin-top: 40px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	font-size: .9em;
	color: #808080;
}
#blogpost-template .PublishedOn {
	display: block;
	float: right;
}
#blogpost-template .PublishedOn:before {
	content: "Posted On: ";
}
#blogpost-template .Author {
	display: block;
}
#blogpost-template .Author:before {
	content: "Posted By: ";
}
#blogpost-template .categories {
	margin-top: 10px;
}
#blogpost-template .categories:before {
	content: "Filed Under: ";
}
#blogpost-template .tags {
	clear: both;
	margin-top: 10px;
}
#blogpost-template .tags:before {
	content: "Tagged: ";
}
#blogpost-template #comments {
	margin-top: 60px;
}
#blogpost-template #comments .button {
	clear: both;
	float: right;
	margin-top: 15px;
}



/* Testimonials */

.Guestbook > .Title {
	margin-bottom: 60px;
	text-align: center;
}
.Guestbook > .Title > h1 {
	margin-top: 0;
}
.Guestbook .PageRange {
	margin-top: 80px;
}
#Testimonials,
.testimonials-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 45px;
}
#Testimonials > .Article,
.testimonial-item {
	width: calc(33.33334% - 30px);
	text-align: center;
}
#Testimonials .description,
.testimonial-item .description {
	font-style: italic;
}
#Testimonials .description > *:first-child,
.testimonial-item .description > *:first-child {
	margin-top: 0;
}
#Testimonials .read-more {
	margin-top: 15px;
}
#Testimonials .read-more > a {
	font-weight: 700;
	font-style: normal;
	color: #ed1b24;
}
@media screen and (max-width: 959px) {
	#Testimonials,
	.testimonials-list {
		gap: 40px;
	}
	#Testimonials > .Article,
	.testimonial-item {
		width: calc(50% - 20px);
	}
}
@media screen and (max-width: 599px) {
	#Testimonials > .Article,
	.testimonial-item {
		width: 100%;
	}
}

#random-testimonials {
	justify-content: space-between;
	align-items: center;
	margin-top: 80px;
}
#random-testimonials > h2 {
	margin-top: 0;
	text-align: center;
}
#random-testimonials > .testimonials-list {
	margin-top: 40px;
}
@media screen and (max-width: 959px) {
	#random-testimonials {
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	#random-testimonials .testimonial-item:nth-child(3) {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	#random-testimonials {
		margin-top: 40px;
	}
	#random-testimonials > .testimonial-item:nth-child(2) {
		display: none;
	}
}

/* Testimonial */

#testimonial-template .title {
	margin-top: 0;
	margin-bottom: 40px;
}
#testimonial-template .view-more {
	margin-top: 40px;
}



/* Gallery Template */

#gallery .Images {
	padding-top: 10px;
}
#gallery .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
#gallery .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gallery .Images a {
	padding-top: 14.66666%;
	height: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width: 839px) {
	#gallery .Images a {
		padding-top: 23%;
	}
}
@media screen and (max-width: 599px) {
	#gallery .Images a {
		padding-top: 48%;
	}
}



/* Forum Styles */

.Forum .Subforums h3 {
	color: #444;
}
.Forum .ArticlesCount {
	float: right;
	font-size: .7em;
}
.Forum .ArticlesCount:before {
	content:"Posts: "
}

#ForumTemplate .Categories {
	display: none;
}
#ForumTemplate .Tags {
	display: none;
}



/* Generated Forms */

.method-view-form .message.warning {
	display: none;
}
.method-view-form .commands {
	margin-top: 10px;
	text-align: right;
}
body.website-register h1 a,
body.website-login h1 a,
body.website-sendlogindetails h1 a {
	color: #444;
}



/* Dashboard Styles */

body.website-dashboard #body-container {
    font-size: .75em;
    letter-spacing: 0;
    background-color: #fcfcfc;
}
.dashboard-item {
    margin-top: 30px;
    padding: 8px 12px !important;
    background-color: #fff;
}

#search.control,
#search-box .control,
#order-summary .control,
#payment-summary .control {
    position: relative;
}
#search.control > input[type=text],
#search-box .control > input[type=text] {
    width: 100%;
}
#order-summary .control > select,
#payment-summary .control > select {
    display: block;
    width: 90%;
    border-bottom: 1px solid;
}
#order-summary .control > input[type=date],
#payment-summary .control > input[type=date] {
    width: 45%;
}
#order-summary .control > select + input[type=date],
#payment-summary .control > select + input[type=date] {
    border-left: none;
}
#search.control > input[type=submit],
#search.control > a.button,
#search-box .control > input[type=submit],
#order-summary .control > input[type=submit],
#payment-summary .control > input[type=submit] {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 6px 8px;
    min-width: 10%;
    z-index: 1;
}

#search-results .scrollable,
#times .scrollable,
#shop .scrollable,
#membership-summary .scrollable,
#my-cart .scrollable ,
#my-bookings .scrollable,
#my-memberships .scrollable,
#my-orders .scrollable,
#my-payments .scrollable {
    max-height: 300px;
}

tr.time-started,
tr.attended {
    background-color: rgb(245, 255, 245);
}
tr.time-finished,
tr.did-not-show {
    background-color: rgb(255, 245, 245);
}
tr.time-cancelled,
tr.withdrawn {
    background-color: rgb(245, 245, 245);
    text-decoration: line-through;
}

.summary,
.detail {
    cursor: pointer;
}
.summary + .detail {
    display: none;
}
.show-detail {
    padding: 0 !important;
}
.show-detail > .summary {
	display: none;
}
.show-detail > .summary + .detail {
	display: block;
}
.show-detail > .summary + table.detail {
	display: table;
}

#my-memberships tr.level2 > th,
#membership-summary tr.level2 > th {
    padding-left: 28px;
}
#my-memberships tr.level3 > th,
#membership-summary tr.level3 > th {
    padding-left: 48px;
}
#my-memberships tr.level4 > th,
#membership-summary tr.level4 > th {
    padding-left: 68px;
}
#my-memberships tr.level5 > th,
#membership-summary tr.level5 > th {
    padding-left: 88px;
}
#my-memberships tr.all-toggle {
    background-color: #fafafa;
}

@keyframes background-change {
    from {background-color: #dfd;}
    to {background-color: #fff;}
}
#my-cart {
	background-color: #fff;
    animation-name: background-change;
    animation-duration: 2s;
}

#my-profile form .control {
    position: relative;
    margin: -8px 0;
    padding-right: 57px;
}
#my-profile form .control > input[type=submit] {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
#my-profile .notes {
    max-height: 200px;
}
#my-profile .notes .Date {
	display: block;
	font-size: .8em;
}
#my-profile .notes .Content {
	display: block;
}
#my-profile .notes .Author {
	display: block;
	font-size: .6em;
}