@import './jsen-mod-interface-cls-theme-ext-basic.css';
@import './custom.css';



* { font-family: 'Avenir', sans-serif !important; }

body { padding: 0 !important; }

h1 { font-size: 2.91rem; }

ol, ul {
	margin-bottom: 1.618rem;
	list-style-type: circle;
}

li {
	font-size: 1.236rem;
	margin-bottom: 0.854rem;
}



nav {
	border-bottom: 1px solid #d9d9d9;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
}

nav > div > p {
	display: inline-block;
	font-size: 1.236rem;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}

nav > div > p > a {
	color: #1a1a1abf;
	display: block;
	padding: 2.618rem;
}

header {
	padding: 2.618rem 2.618rem 0 2.618rem;
}

header > h1 {
	margin-bottom: 0;
	text-align: center;
}

footer {
	background-color: #1a1a1a;
	padding: 1.809rem;
	width: 100%;
}
@media (max-width: 618px) {
	footer {
		padding-bottom: 2.809rem;
		padding-top: 2.809rem;
	}
}

footer > * {
	display: inline-block;
	padding: 1.809rem;
	vertical-align: top;
}

footer > *:first-child {
	width: 40%;
}
footer > *:not(:first-child) {
	width: 20%;
}
@media (max-width: 1000px) {
	footer > * {
		width: 50% !important;
	}
}
@media (max-width: 618px) {
	footer > * {
		width: 100% !important;
	}
}

footer > * > h5 {
	font-size: 1.382rem;
}

footer > * > p {
	font-size: 1.236rem;
	margin-bottom: 0;
}

footer > * > p > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



main {
	display: block;
	padding: 2.618rem 0;
}

main > h2 {
	padding: 2.618rem;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
}



.articles {
	padding: 0.809rem;
}
.articles-halves-left {
	padding-right: 0;
}
.articles-halves-right {
	padding-left: 0;
}

.articles > div {
	display: inline-block;
	padding: 0.809rem;
	vertical-align: top;
}
@media (max-width: 1000px) {
	.articles > div.quarters {
		width: 50%;
	}
}
@media (max-width: 618px) {
	.articles > div {
		width: 100% !important;
	}
}

.articles > div > h4 {
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.articles > div > p {
	font-size: 1.236rem;
}

.articles > div > h4,
.articles > div > p,
.articles > div > small {
	margin-bottom: 0.146rem;
}



article {
	padding-bottom: 2.618rem;
}

article > h2 {
	padding: 2.618rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

article > div.top {
	border-bottom: 1px solid #d9d9d9;
}

article > div.top > * {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
@media (max-width: 618px) {
  article > div.top > * {
		display: block;
		width: 100%;
	}
}

article > div.top > :first-child {
	padding: 2.618rem;
}

article > div.top > :last-child {
	padding: 0;
}
@media (max-width: 1000px) {
	article > div.top > :last-child {
		padding: 2.618rem 2.618rem 2.618rem 0;
	}
}
@media (max-width: 618px) {
	article > div.top > :last-child {
		padding: 0;
	}
}

article > div.full {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 2.618rem;
}

article > div.full > div:first-child {
	float: right;
	padding: 4.236rem 4.236rem 4.236rem 0;
	width: 38.2%;
}
@media (max-width: 1000px) {
	article > div.full > div:first-child {
		float: none;
		padding: 2.618rem;
		width: 100%;
	}
}

article > div.full > div:first-child > div.contents {
	border: 1px solid #d9d9d9;
	border-radius: 1.618rem;
	padding: 1.618rem;
}

article > div.full > div:first-child > div.contents > h5 {
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.382rem;
	margin-bottom: 1.0rem;
	padding-bottom: 0.382rem;
}

article > div.full > div:first-child > div.contents > p {
	font-size: 1.236rem;
}

article > div.full > div:first-child > div.contents > p > a {
	display: block;
	margin-bottom: 0.854rem;
}

article > div.full > div:first-child > div.video {
	border-radius: 1.618rem;
	height: 0;
	margin-top: 1.618rem;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

article > div.full > div:first-child > div.video > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

article > div.full > div:last-child {
	padding: 4.236rem 4.236rem 0 4.236rem;
	width: 61.8%;
}
@media (max-width: 1000px) {
	article > div.full > div:last-child {
		padding: 0 2.618rem 0 2.618rem;
		width: 100%;
	}
}

.postbody a {
	border-bottom: 1px dashed #000000;
}
.postbody a:focus,
.postbody a:hover {
	border-bottom-style: solid;
}



.shop {
	padding: 0.809rem;
}

.shop > * {
	display: inline-block;
	padding: 0.809rem;
	vertical-align: top;
	width: 25%;
}
@media (max-width: 618px) {
	.shop > * {
		width: 50%;
	}
}

.shop > * > div {
	border: 1px solid #d9d9d9;
	border-radius: 1.618rem;
	display: block;
	overflow: hidden;
}

.shop > * > div > div {
	padding: 1.0rem;
}

.shop > * > div > div > p {
	margin-bottom: 0.382rem;
}

.shop > * > div > div > p:first-child {
	font-size: 1.382rem;
	font-weight: 700;
}

.shop > * > div > div > p:not(:first-child) {
	font-size: 1.146rem;
	max-height: 11.09rem;
	margin-bottom: 1.0rem;
	overflow: auto;
	text-overflow: ellipsis;
}

.shop > * > div > div > a {
	display: inline-block;
}

.shop > * > div > div > a > button {
	background-color: #e32900;
	border: 0;
	border-radius: 2.618rem;
	box-shadow: none !important;
	font-size: 1.146rem;
	margin-bottom: 0;
	padding: 0.382rem 2.618rem;
	transform: none !important;
}
.shop > * > div > div > a > button:focus,
.shop > * > div > div > a > button:hover {
	background-color: #ce320f;
}

.shop > * > div > div > a > button {
	color: #fff !important;
}



.inline-block {
	display: inline-block;
	vertical-align: top;
}

.full {
	width: 100%;
}
.halves {
  width: 50%;
}
.thirds {
  width: 33.33%;
}
.quarters {
  width: 25%;
}
.fifthsx2 {
	width: 40%;
}
.fifths {
	width: 20%;
}
.sixths {
  width: 16.66%;
}

@media (max-width: 1000px) {
	.full-tablet {
		width: 100%;
	}
}