.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.ic .i-container {
	position: relative;
	height: 0;
	overflow: hidden
}

.ic .i-container>svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.tns-outer {
	padding: 0!important
}

.tns-outer [hidden] {
	display: none!important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	-webkit-transition: opacity 0s, -webkit-transform 0s;
	transition: opacity 0s, -webkit-transform 0s;
	-o-transition: opacity 0s, -o-transform 0s;
	-moz-transition: transform 0s, opacity 0s, -moz-transform 0s;
	transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s, -webkit-transform 0s, -moz-transform 0s, -o-transform 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto!important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100%*70/3);
	width: -moz-calc(100%*70/3);
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100%/70);
	width: -moz-calc(100%/70);
	width: calc(100%/70);
	height: 10px;
	float: left
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.controls .control:not(:disabled),
.btn-plus {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:hover:not(:disabled),
.btn-plus:hover {
	-webkit-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	transition-property: color, border-color;
	/* border-color: #c00b12;
	color: #c00b12 */
	border-color: #d81e3a;
	color: #d81e3a
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	width:100%;
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

html,
body {
	min-width: 320px
}

body {
	margin: 0
}

figure {
	margin: 0
}

img {
	border: 0;
	max-width: 100%;
	height: auto
}

figure img,
a>img {
	vertical-align: bottom
}

iframe {
	border: 0
}

label {
	cursor: pointer
}

[type=search],
select {
	-webkit-appearance: none
}

a {
	text-decoration: none;
	color: inherit
}

a[href],
button:not(:disabled),
input[type=submit]:not(:disabled),
input[type=button]:not(:disabled),
input[type=reset]:not(:disabled),
select:not(:disabled),
[role=button],
summary {
	cursor: pointer
}

.no-bullet {
	margin: 0;
	padding: 0;
	list-style: none
}

.no-bullet li {
	margin: 0
}

.flat-button {
	border: 0;
	background: 0 0;
	border-radius: 0
}

details>summary {
	list-style: none;
	cursor: pointer
}

details>summary::before {
	display: none
}

details>summary::-webkit-details-marker {
	display: none
}

details:not([open])>:not(summary) {
	display: none!important
}

[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-results-decoration {
	display: none
}

:focus {
	outline: 0
}

body {
	font-family: "Noto Sans KR", sans-serif;
	color: #333;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.link:hover {
	text-decoration: underline
}

.center-align {
	text-align: center
}

a img {
	vertical-align: bottom
}

[href$=".pdf"]:after {
	content: url(../img/pdf-file.jpg);
	vertical-align: middle;
	margin-left: .5em
}

p {
	word-wrap: break-word;
	overflow-wrap: break-word
}

cite {
	font-style: normal
}

.quiet {
	color: #888
}

.por {
	position: relative
}

.ttu {
	text-transform: uppercase
}

.fwn {
	font-weight: 400
}

.highlight {
    /* color: #c00b12; */
	color: #d81e3a;
    font-weight: 500;
}

.footer-note {
	font-size: .8125rem;
	font-weight: 300;
	color: #aaa;
	text-transform: uppercase
}

.tag {
	font-size: .75rem;
	display: inline-block;
	line-height: 1;
	padding: .1875rem .25rem;
	border-radius: 2px
}

.por .tag {
	position: absolute;
	right: .3125rem;
	bottom: .3125rem
}

.tag-black {
	color: #fff;
	background: #000
}

.h2 {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1
}

.h3 {
	font-size: 1rem;
	margin: 1em 0
}

.article-title {
	font-size: 1.375rem;
	font-weight: 400;
	color: #444
}

.visually-hidden {
	position: absolute;
	white-space: nowrap;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	margin: -1px
}

svg {
	display: inline-block
}

svg path,
svg circle,
svg ellipse,
svg polygon,
svg polyline {
	vector-effect: non-scaling-stroke
}

.ad {
	text-align: center;
	white-space: nowrap;
	/* margin: 1.875em auto */
	margin: 0.5em auto
}

.ad:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.25em
}

.ad>* {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	text-align: left
}

.ad>div,
.ad>iframe,
.ad>a,
.ad>img {
	margin: auto
}

.container {
	max-width: 90rem;
	margin: 0 auto;
	padding: 0 1.25rem
}
/* 메인 중첩 .container 좌우 이중 패딩 제거 — 레이아웃 .container(front 399) 안에 본문 .container(main)가
   또 들어가 좌우 1.25rem 패딩이 두 번(총 2.5rem) 먹어 메인만 본문이 좁던 문제. 중첩 시 안쪽 패딩만 0 처리해
   게시판(.content-frame, 단일 패딩)과 좌우 폭 일치. 중첩 .container 는 메인에서만 발생. */
.container .container {
	padding-left: 0;
	padding-right: 0;
}

@media screen and (max-width: 23.375em) {
	.container {
		margin: 0 auto;
		padding: 0 0.1rem;
	}
}

.bdru-md {
	border-radius: 10px
}

.bg-dark {
	color: #fff;
	background: #383838
}

.bg-light-less {
	background: #f1f1f1
}

.bg-light {
	background: #f4f4f4
}

.bg-lighter {
	background: #f8f8f8
}

.bg-white {
	background: #fff
}

.box-light {
	border: 1px solid #e4e4e4;
	border-width: 1px 0;
	background: #f8f8f8;
	padding-bottom: 7px
}

.row {
	/* padding 4% 0 */
	padding 0% 0
}

@media (min-width:103.125em) {
	.row {
		/* padding: 4.125rem 0 */
		padding: 0.5rem 0
	}
}

.row+.row {
	padding-top: 0
}

.justify-row {
	text-align: justify;
	margin-bottom: -1em
}

.justify-row:after {
	content: '';
	display: inline-block;
	width: 100%
}

.justify-row>* {
	display: inline-block
}

.col-hd {
	margin-bottom: 1.25rem
}

.controls .control {
	padding: .5625rem;
	border: 1px solid #ccc;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:disabled {
	-webkit-transition: opacity;
	-o-transition: opacity;
	-moz-transition: opacity;
	transition: opacity;
	opacity: .6;
	cursor: not-allowed
}

.controls .control:not(:disabled) {
	cursor: pointer
}

.controls .control .ic {
	display: block
}

.controls svg {
	stroke-width: 2px
}

.card {
	padding: 1.25rem;
	background: #fff;
	border: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.card h3 {
	color: #333
}

.card h3 a {
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.card h3 a:hover {
	color: #c00b12
}

.card .quiet {
	font-size: .875rem;
	line-height: 1.4
}

.card .quiet a:hover {
	text-decoration: underline
}

.slider-fallback {
	white-space: nowrap;
	overflow-x: auto
}

.slider-fallback>div,
.slider-fallback>li {
	display: inline-block;
	width: calc(20% - 10px);
	margin-right: 10px;
	vertical-align: top;
	white-space: normal
}

/* 메인 게시판 카드 슬라이더 모바일(≤640px) 반응형 — 1열 그리드 (§2-1 데스크탑 1px 불변 유지) */
@media (max-width: 640px) {
	.card-slider.slider-fallback {
		white-space: normal;
		overflow-x: visible;
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.card-slider.slider-fallback > div,
	.card-slider.slider-fallback > li {
		display: block;
		width: 100%;
		margin-right: 0;
	}
}

.has-bubble {
	position: relative
}

.has-bubble:before,
.has-bubble:after {
	position: absolute;
	opacity: 0;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.has-bubble:before {
	content: attr(data-content);
	padding: .625rem;
	white-space: nowrap;
	color: #666;
	font-size: .8125rem;
	font-weight: 300;
	background: #fff -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)) 0 0 no-repeat;
	background: #fff -webkit-linear-gradient(top, #fff, #f3f3f3) 0 0 no-repeat;
	background: #fff -moz-linear-gradient(top, #fff, #f3f3f3) 0 0 no-repeat;
	background: #fff -o-linear-gradient(top, #fff, #f3f3f3) 0 0 no-repeat;
	background: #fff linear-gradient(to bottom, #fff, #f3f3f3) 0 0 no-repeat;
	border: 1px solid #aaa;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
}

.has-bubble:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: transparent;
	border-style: solid;
	border-width: 8px 4px 0;
	border-top-color: #f3f3f3;
	-webkit-filter: drop-shadow(0 2px 0 #aaa);
	filter: drop-shadow(0 2px 0 #aaa)
}

.has-bubble.bubble-top:before,
.has-bubble.bubble-top:after {
	right: 50%;
	margin-top: -.375rem;
	-webkit-transition-property: opacity, margin-top;
	-o-transition-property: opacity, margin-top;
	-moz-transition-property: opacity, margin-top;
	transition-property: opacity, margin-top
}

.has-bubble.bubble-top:before {
	top: 0;
	-webkit-transform: translate(50%, -100%);
	-moz-transform: translate(50%, -100%);
	-ms-transform: translate(50%, -100%);
	-o-transform: translate(50%, -100%);
	transform: translate(50%, -100%)
}

.has-bubble.bubble-top:after {
	top: -1px;
	-webkit-transform: translate(50%, 0);
	-moz-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	-o-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

.has-bubble.bubble-top:hover:before,
.has-bubble.bubble-top:hover:after {
	opacity: 1;
	margin-top: 0
}

.grid-2 {
	display: table;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.grid-2-wp {
	overflow: hidden
}

.grid-2>.grid-item {
	display: table-cell;
	-webkit-box-flex: 1 1 0;
	-webkit-flex: 1 1 0;
	-moz-box-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


.grid-2>.grid-item:nth-last-child(2),
.grid-2>.grid-item:nth-last-child(2)~.grid-item {
	width: 50%
}


.grid-2>.bible-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.grid-2>.bible-content:nth-child(n+2) {
	border-left: 0
}

.grid-2>.bible-content>ol,
.grid-2>.bible-content>ul {
	-webkit-box-flex: 1 1 0;
	-webkit-flex: 1 1 0;
	-moz-box-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0
}

.list-with-divider li {
	padding-bottom: 1.375rem;
	font-size: 1.125rem;
	line-height: 1.3;
	border-bottom: 1px solid #e4e4e4
}

.list-with-divider li:not(:last-child) {
	margin-bottom: 1.375rem
}

.list-with-divider.ext li {
	padding-bottom: 1.875rem
}

.list-with-divider.ext li:not(:last-child) {
	margin-bottom: 1.875rem
}

.gallery-4 {
	margin-bottom: -1.25rem
}

.gallery-4:after {
	clear: both;
	content: "";
	display: table
}

.gallery-4>li {
	width: 100%;
	float: left;
	margin-right: 1.25rem;
	margin-bottom: 1.25rem
}

@media (min-width:0em) and (max-width:31.1875em) {
	.gallery-4>li {
		width: -webkit-calc(100% - 0);
		width: -moz-calc(100% - 0);
		width: calc(100% - 0rem)
	}
	.gallery-4>li:nth-child(n) {
		margin-right: 0
	}
	.gallery-4>li:nth-child(n+1) {
		clear: both
	}
}

@media (min-width:31.25em) and (max-width:47.9375em) {
	.gallery-4>li {
		width: -webkit-calc(50% - .625rem);
		width: -moz-calc(50% - .625rem);
		width: calc(50% - .625rem)
	}
	.gallery-4>li:nth-child(2n) {
		margin-right: 0
	}
	.gallery-4>li:nth-child(2n+1) {
		clear: both
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.gallery-4>li {
		width: -webkit-calc(33.3333333% - .8333333rem);
		width: -moz-calc(33.3333333% - .8333333rem);
		width: calc(33.3333333% - .8333333rem)
	}
	.gallery-4>li:nth-child(3n) {
		margin-right: 0
	}
	.gallery-4>li:nth-child(3n+1) {
		clear: both
	}
}

@media (min-width:64em) {
	.gallery-4>li {
		width: -webkit-calc(25% - .9375rem);
		width: -moz-calc(25% - .9375rem);
		width: calc(25% - .9375rem)
	}
	.gallery-4>li:nth-child(4n) {
		margin-right: 0
	}
	.gallery-4>li:nth-child(4n+1) {
		clear: both
	}
}

@media (min-width:0em) and (max-width:31.1875em) {
	.gallery-5>li {
		width: -webkit-calc(100% - 0);
		width: -moz-calc(100% - 0);
		width: calc(100% - 0rem)
	}
	.gallery-5>li:nth-child(n) {
		margin-right: 0
	}
	.gallery-5>li:nth-child(n+1) {
		clear: both
	}
}

@media (min-width:31.25em) and (max-width:47.9375em) {
	.gallery-5>li {
		width: -webkit-calc(50% - .625rem);
		width: -moz-calc(50% - .625rem);
		width: calc(50% - .625rem)
	}
	.gallery-5>li:nth-child(2n) {
		margin-right: 0
	}
	.gallery-5>li:nth-child(2n+1) {
		clear: both
	}
}

@media (min-width:48em) and (max-width:63.9375em) {
	.gallery-5>li {
		width: -webkit-calc(33.3333333% - .8333333rem);
		width: -moz-calc(33.3333333% - .8333333rem);
		width: calc(33.3333333% - .8333333rem)
	}
	.gallery-5>li:nth-child(3n) {
		margin-right: 0
	}
	.gallery-5>li:nth-child(3n+1) {
		clear: both
	}
}

@media (min-width:64em) {
	.gallery-5>li {
		width: -webkit-calc(20% - .9375rem);
		width: -moz-calc(20% - .9375rem);
		width: calc(20% - .9375rem)
	}
	.gallery-5>li:nth-child(5n) {
		margin-right: 0
	}
	.gallery-5>li:nth-child(5n+1) {
		clear: both
	}
}

.gallery-box .box {
	margin-bottom: .625rem
}

.no-results-box {
	text-align: center;
	padding: 15% 0;
	color: #aaa
}

.no-results-box .ic {
	margin-bottom: 2.5%
}

.no-results-box .txt {
	font-size: 1.375rem
}

.facebook {
	background: #395795
}

.kakaotalk {
	background: #f2da01
}

.instagram {
	background: #cc3086
}

.naver {
	background: #1bc620
}

.pinterest {
	background: #c62026
}

.kakaotalk {
	color: #391b1c!important
}

.google {
	border: 1px solid #e4e4e4
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans/OpenSans-Light.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans/OpenSans.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans/OpenSans-Extrabold.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Extrabold.woff) format("woff");
	font-weight: 800;
	font-style: normal
}

.ic {
	display: inline-block;
	position: relative;
	width: 1rem
}

.i-container {
	display: block;
	text-align: left
}

.ic .i-container {
	position: absolute;
	padding-bottom: 100%
}

.i-decoration {
	display: inline-block;
	vertical-align: -.2em;
	margin-right: .625rem
}

.i-leftarrow,
.i-rightarrow {
	display: inline-block;
	width: 0;
	height: 0;
	border: 10px solid transparent
}

.i-leftarrow {
	border-left: 0;
	border-right-color: currentColor
}

.i-rightarrow {
	border-right: 0;
	border-left-color: currentColor
}

.i-computer {
	width: 3.8125rem
}

.i-contrast-toggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: .1875rem;
	width: 1.3125rem;
	height: 1.0625rem;
	color: #888;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.i-contrast-toggle:hover {
	/* color: #c00b12 */
	color: #d81e3a
}

.i-contrast-toggle:before,
.i-contrast-toggle:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: .375rem;
	background: currentColor;
	border-radius: 2px
}

.i-contrast-toggle:after {
	bottom: 0
}

.expanded .i-contrast-toggle {
	width: 1.0625rem;
	height: 1.3125rem
}

.expanded .i-contrast-toggle:before,
.expanded .i-contrast-toggle:after {
	width: .375rem;
	height: 100%
}

.expanded .i-contrast-toggle:after {
	left: auto;
	right: 0
}

.icon {
	display: inline-block;
	width: 2.1875rem;
	height: 2.1875rem;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.icon.lg {
	width: 3.125rem;
	height: 3.125rem
}

.icon.xs {
	width: 1.25rem;
	height: 1.25rem
}

.icon.circle {
	border-radius: 50%
}

.icon .ic {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: 70%
}

.icon.instagram {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9837ab), to(#d82f73));
	background-image: -webkit-linear-gradient(top, #9837ab, #d82f73);
	background-image: -moz-linear-gradient(top, #9837ab, #d82f73);
	background-image: -o-linear-gradient(top, #9837ab, #d82f73);
	background-image: linear-gradient(to bottom, #9837ab, #d82f73)
}

[class*=btn-] {
	display: inline-block;
	line-height: 1
}

.btn {
	font-weight: 300;
	text-align: center;
	padding-left: 1.2em;
	padding-right: 1.2em
}

.btn .ic:first-child,
.btn img:first-child {
	margin-right: .3125rem
}

.btn .ic:last-child,
.btn img:last-child {
	margin-left: .3125rem
}

.btn .ic {
	width: 1.125rem;
	vertical-align: -.2em
}

.btn img {
	vertical-align: -.1em
}

.btn .arrow {
	width: .875rem;
	vertical-align: 0;
	color: #b3b3b3
}

.btn-sm {
	font-size: .8125rem;
	padding: .375rem .5625rem
}

.btn-md {
	font-size: .9375rem;
	padding: .875rem
}

.btn-lg {
	padding: 1.125rem 2.25rem
}

.btn-plain {
	-webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
	box-shadow: inset 0 0 0 1px #e4e4e4;
	border: 0;
	background-color: #fff
}

.btn-primary {
	color: #fff;
	/* background: #c00b12; */
	background: #d81e3a;
	border: 0
}

.btn-secondary {
	color: #fff;
	background: #636363;
	border: 0
}

.btn-plus {
	display: inline-block;
	padding: .375rem;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-transition-duration: color, background, border-color;
	-moz-transition-duration: color, background, border-color;
	-o-transition-duration: color, background, border-color;
	transition-duration: color, background, border-color;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.btn-plus .ic {
	display: block;
	width: 1.375rem
}

.btngroup-collapse {
	letter-spacing: -.34em;
	white-space: nowrap
}

.btngroup-collapse>button,
.btngroup-collapse>a {
	letter-spacing: normal
}

.btngroup-collapse .bdru-md:not(:last-child) {
	margin-right: -1px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btngroup-collapse .bdru-md:not(:first-child) {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

@media (max-width:24.9375em) {
	.btngroup-long .ic,
	.btngroup-long img {
		display: none
	}
}

.btn-contrast-toggle {
	cursor: pointer;
	margin-right: 1rem
}

.btn-contrast-toggle.bubble-top:before {
	top: -.4375rem
}

.btn-contrast-toggle.bubble-top:after {
	top: -.5rem
}

input.btn-md,
select.btn-md {
	text-align: left
}

input.btn {
	line-height: 1em
}

button.btn {
	cursor: pointer
}

a.btn-plain,
button.btn-plain {
	-webkit-transition-property: color, -webkit-box-shadow;
	transition-property: color, -webkit-box-shadow;
	-o-transition-property: box-shadow, color;
	-moz-transition-property: box-shadow, color;
	transition-property: box-shadow, color;
	transition-property: box-shadow, color, -webkit-box-shadow;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

a.btn-plain:hover,
button.btn-plain:hover {
	position: relative;
	/* color: #c00b12; */
	color: #d81e3a;
	/* -webkit-box-shadow: inset 0 0 0 1px #c00b12;
	box-shadow: inset 0 0 0 1px #c00b12 */
	-webkit-box-shadow: inset 0 0 0 1px #d81e3a;
	box-shadow: inset 0 0 0 1px #d81e3a
}

input.btn-sm {
	height: 1.5625rem
}

input.btn-md {
	height: 2.6875rem
}

input.btn-lg {
	height: 3.25rem
}

input,
button,
select,
textarea {
	padding: .5em 1em;
	font-size: 1rem;
	font-family: "Open Sans", Arial, sans-serif;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0
}

input.error,
button.error,
select.error,
textarea.error {
	border-color: #de2d0f
}

[type=radio],
[type=checkbox] {
	padding: 0;
	border: 0
}

select {
	max-width: 100%;
	padding-right: 2.6em!important;
	background: #fff url(../img/icon/downarrow.svg) 90% 50% no-repeat;
	background-position: -webkit-calc(100% - 1.2em) 50%;
	background-position: -moz-calc(100% - 1.2em) 50%;
	background-position: calc(100% - 1.2em) 50%
}

textarea {
	padding: 1em
}

.simple-search {
	position: relative
}

.simple-search input {
	width: 100%
}

@media (min-width:48em) {
	.simple-search input {
		width: 15.625rem
	}
}

.simple-search button {
	position: absolute;
	right: 2px;
	top: 1px;
	bottom: 1px;
	border: 0
}

.simple-search button img {
	vertical-align: middle
}

.pagination {
	margin: 3.75rem 0 2.5rem;
	text-align: center
}

.pagination li {
	display: inline-block
}

.pagination .ic {
	width: .75rem;
	vertical-align: 1px
}

.pagination path {
	stroke-width: 1.6px
}

.pagination a {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	margin: .4375rem .3125rem;
	border: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s
}

.pagination a:hover {
	/* color: #c00b12;
	border-color: #c00b12 */
	color: #d81e3a;
	border-color: #d81e3a
}

.pagination [aria-current=true] {
	color: #fff;
	/* background: #c00b12; */
	background: #d81e3a;
	border: 0
}

.popup-iframe {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.popup-iframe.show {
	display: block
}

.popup-body {
	background: rgba(0, 0, 0, .8)
}

.popup-ct {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.popup-sm {
	width: 100%;
	max-width: 31.25rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
	max-height: 100vh
}

.popup-box-dark {
	color: #7c8199;
	background: #23242a;
	border: 1px solid #16161a
}

.popup-box-dark .pdbox {
	padding: 1.25rem;
	border-bottom: 1px solid #212226;
	border-top: 1px solid #373942
}

.popup-box-dark main {
	background: #2b2c34
}

.popup-box-dark header {
	position: relative;
	padding: .8125rem 1.25rem;
	border-bottom: 1px solid #16161a
}

.popup-box-dark header button[class~='active'] {
    color: #ffffff;
}

.popup-box-dark header button[class~='inactive'] {
    color: inherit;
}

.popup-box-dark header .autoplay {
	-webkit-box-shadow: inset 0 0 0 1px #2b2c34;
	box-shadow: inset 0 0 0 1px #2b2c34
}

.popup-box-dark header .on {
    /* background: #c00b12; */
    background: #d81e3a;
}

.popup-box-dark header .off {
    background: #2b2c34
}

.popup-box-dark header .active {
	background-color: #2b2c34
}

.popup-box-dark header .close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3.75rem;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: inset 1px 0 0 0 #2b2c34;
	box-shadow: inset 1px 0 0 0 #2b2c34;
	border-left: 1px solid #16161a
}

.popup-box-dark header .close .ic {
	width: 1.625rem
}

.popup-box-dark header .close svg {
	margin-right: 0
}

.popup-box-dark button,
.popup-box-dark select {
	font-size: .8125rem;
	color: inherit
}

.popup-box-dark button {
	cursor: pointer
}

.popup-box-dark .btn {
	border-radius: 3px;
	border: 1px solid #16161a
}

.popup-box-dark select {
	padding-left: .5em;
	padding-right: 1.8em!important;
	font-size: .875rem;
	background-color: transparent;
	background-image: url(../img/icon/down-angle-select.svg);
	background-position: -webkit-calc(100% - .8em) 50%;
	background-position: -moz-calc(100% - .8em) 50%;
	background-position: calc(100% - .8em) 50%
}

.popup-box-dark select option {
	color: #333
}

.popup-box-dark select+select {
	margin-left: .25rem
}

.popup-box-dark svg {
	vertical-align: middle;
	margin-right: .3em
}

.popup-box-dark .audio-content-tools {
	text-align: center
}

.popup-box-dark .audio-content-tools select {
	margin-bottom: .5rem
}

@supports (display:flex) {
	.popup-box-dark .audio-content-tools {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}
	.popup-box-dark .audio-content-tools select {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-moz-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto
	}
	.popup-box-dark .audio-content-tools select+select {
		margin-left: .5rem
	}
}

.popup-box-dark .audio-time-rail {
	position: relative;
	border: 1px solid #16161a;
	cursor: pointer
}

.popup-box-dark .audio-time-rail .total {
	height: .5rem;
	background: #3d3e46
}

.popup-box-dark .audio-time-rail .current {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	/* background: #c00b12 */
	background: #d81e3a
}

.popup-box-dark .audio-time-rail .current button {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	width: 1rem;
	height: 1rem;
	padding: 0;
	background: #fff;
	border: 1px solid #16161a;
	border-radius: 50%
}

.popup-box-dark .audio-time-rail .current button:after {
	content: '';
	display: block;
	position: absolute;
	left: -.625rem;
	right: -.625rem;
	top: -.625rem;
	bottom: -.625rem
}

.popup-box-dark .audio-time-number {
	margin-top: .375rem;
	font-size: .9375rem
}

.popup-box-dark .audio-time-number .currenttime {
	/* color: #c00b12 */
	color: #d81e3a
}

.popup-box-dark .audio-time-number .duration {
	float: right
}

.popup-box-dark .audio-play-controls {
	color: #fff;
	text-align: center
}

.popup-box-dark .audio-play-controls .hide {
	display: none
}

.popup-box-dark footer {
	color: #6d728a
}

.popup-box-dark footer p {
	font-size: .75rem;
	line-height: 1.4;
	font-weight: 300;
	font-family: "Open Sans", Arial, sans-serif
}

.popup-title {
	margin: 0 1.25rem 0 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25rem;
	font-weight: 400;
	color: #fff
}

.popup-login {
	width: 100%;
	max-width: 27.1875rem;
	background: #fff
}

.popup-login header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.875rem;
	color: #fff;
	/* background: #c00b12 */
	background: #d81e3a
}

.popup-login header h1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin: 0;
	display: inline-block;
	vertical-align: middle
}

.popup-login main {
	padding: 1.25rem 1.875rem
}

.popup-login .login-options li:not(:last-child) {
	margin-bottom: .625rem
}

.popup-login .login-options a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 3.75rem;
	line-height: 3.75rem;
	padding: 0 .9375rem 0 .5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	overflow: hidden;
	color: #fff
}

.popup-login .login-options a>span {
	vertical-align: middle
}

.popup-login .login-options .txt {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.popup-login .login-options .i-wp {
	display: inline-block;
	width: 3.75rem
}

.popup-login .login-options .ic {
	display: block;
	width: 2.25rem
}

.popup-login .login-options .arrow {
	width: 1.0625rem
}

.popup-login .login-options .google {
	color: #333
}

.popup-login .close {
	cursor: pointer;
	margin-right: -1em;
	color: inherit
}

.popup-login .close .ic {
	width: 1.75rem
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.ic .i-container {
	position: relative;
	height: 0;
	overflow: hidden
}

.ic .i-container>svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.tns-outer {
	padding: 0!important
}

.tns-outer [hidden] {
	display: none!important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	-webkit-transition: opacity 0s, -webkit-transform 0s;
	transition: opacity 0s, -webkit-transform 0s;
	-o-transition: opacity 0s, -o-transform 0s;
	-moz-transition: transform 0s, opacity 0s, -moz-transform 0s;
	transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s, -webkit-transform 0s, -moz-transform 0s, -o-transform 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto!important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100%*70/3);
	width: -moz-calc(100%*70/3);
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100%/70);
	width: -moz-calc(100%/70);
	width: calc(100%/70);
	height: 10px;
	float: left
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.controls .control:not(:disabled),
.btn-plus {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:hover:not(:disabled),
.btn-plus:hover {
	-webkit-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	transition-property: color, border-color;
	/* border-color: #c00b12;
	color: #c00b12 */
	border-color: #d81e3a;
	color: #d81e3a
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.enable-js,
.browsehappy {
	background: #ffbf29;
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: .5em;
	text-align: center;
	line-height: 1.3;
	position: relative;
	z-index: 99999
}

.enable-js a,
.browsehappy a {
	font-weight: 700;
	color: #000
}

.enable-js a:hover,
.browsehappy a:hover {
	color: #fff
}

.logo {
	text-transform: uppercase;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 2.1875rem;
	line-height: 1.6875rem;
	height: 1.6875rem;
	letter-spacing: -.05em;
	white-space: nowrap;
	font-weight: 400
}

.logo .primary {
	font-weight: 800
}

.logo+.slogan {
	margin-top: .625rem;
	margin-left: .125rem
}

.slogan {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: .75rem;
	font-weight: 400;
	text-transform: uppercase
}

span.logo,
span.slogan {
	display: block
}

.nav a,
.topbar .login a {
	font-size: .875rem;
	line-height: 2
}

.nav a {
	display: block;
	padding-right: .8em
}

.nav a:after {
	content: '';
	display: inline-block;
	vertical-align: -.1em;
	margin-left: 1em;
	width: 1px;
	height: .875rem;
	background: rgba(255, 255, 255, .145)
}

.nav a:hover {
	text-decoration: underline
}

.nav li {
	display: inline-block
}

.nav li:last-child a {
	padding-right: 2em
}

.nav li:last-child a:after {
	display: none
}

.topbar {
	color: #fff;
	background: #383838
}

.topbar .quiet {
	color: #b3b6bc
}

.topbar .login {
	float: right
}

.topbar .login:hover {
	text-decoration: underline
}

.topbar .login .icon {
	margin-right: .4375rem;
	vertical-align: -.1875rem;
	border-radius: 50%
}

.topbar .main-nav,
.topbar .login {
	padding: .3125rem 0
}

@media (min-width:31.25em) {
	.topbar .main-nav,
	.topbar .login {
		padding: .5625rem 0
	}
}

.header-main {
	color: #fff;
	/* background: #c00b12 */
	background: #d81e3a
}

.header-main .tools .toggle-button {
	display: inline-block;
	vertical-align: middle;
	width: 3.0625rem;
	height: 3.0625rem;
	line-height: 3.0625rem;
	padding: 0;
	text-align: center;
	position: relative;
	color: inherit;
	border: 1px solid rgba(255, 255, 255, .25);
	cursor: pointer;
	-webkit-transition-property: color, background, border-color;
	-o-transition-property: color, background, border-color;
	-moz-transition-property: color, background, border-color;
	transition-property: color, background, border-color;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.header-main .tools .toggle-button>span {
	vertical-align: -4px
}

@media (min-width:68.75em) {
	.header-main .tools .toggle-button:hover {
		border-color: transparent;
		background: rgba(255, 255, 255, .2)
	}
}

.header-main .tools .fontsize-toggle.expanded {
	/* color: #c00b12; */
	color: #d81e3a;
	background: #fff
}

.header-main .tools .ic {
	width: 1.5rem
}

.header-main .biblenav-toggle .ic {
	width: 32px;
	vertical-align: -10px !important;
}
.header-main .fontsize-wp {
	display: inline-block;
	position: relative
}

.header-main .fontsize-box {
	display: none;
	position: absolute;
	right: 0;
	z-index: 1;
	color: #888;
	background: #fff;
	white-space: nowrap;
	padding: 0 .9375rem 0 1.25rem;
	border: 1px solid #e4e4e4;
	border-top: 0
}

.header-main .fontsize-box.open {
	display: block
}

.header-main .fontsize-box .txt {
	line-height: 3.75rem;
	vertical-align: middle;
	margin-right: .625rem
}

.header-main .fontsize-box button {
	margin-left: .3em;
	padding: .2em .3em;
	line-height: 1;
	color: inherit;
	border-color: #ddd;
	-webkit-transition-property: color, background;
	-o-transition-property: color, background;
	-moz-transition-property: color, background;
	transition-property: color, background;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
	cursor: pointer
}

.header-main .fontsize-box .active,
.header-main .fontsize-box button:hover {
	color: #fff;
	/* background: #c00b12;
	border-color: #c00b12 */
	background: #d81e3a;
	border-color: #d81e3a
}

.header-main .fontsize-box .fz-xs {
	font-size: .75rem
}

.header-main .fontsize-box .fz-sm {
	font-size: .875rem
}

.header-main .fontsize-box .fz-md {
	font-size: 1rem
}

.header-main .fontsize-box .fz-lg {
	font-size: 1.125rem
}

.header-main .fontsize-box .fz-xl {
	font-size: 1.25rem
}

.header-main .logo-wp {
	display: inline-block;
	vertical-align: middle
}

.header-main .search-main {
	font-size: 0
}

.header-main .search-main select,
.header-main .search-main input,
.header-main .search-main button {
	height: 3.4375rem;
	border: 0;
	font-size: 1rem
}

.header-main .search-main select {
	padding-left: 1.5625rem;
	border: 0 solid #e4e4e4
}

.header-main .search-main input {
	padding: 0 1.5625rem;
	width: 34rem;
	max-width: 38vw
}

.header-main .search-main button {
	color: #fff;
	padding: 0 3.125rem;
	background: rgba(0, 0, 0, .15);
	cursor: pointer;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	-moz-transition: background .25s;
	transition: background .25s
}

.header-main .search-main button:hover {
	background: rgba(0, 0, 0, .25)
}

.header-main .tools {
	float: right
}

/*@media (max-width:56.1875em) {*/
@media (max-width:63.9375em) {
	.header-main {
		padding: 1.25rem 0
	}
	.header-main .search-main {
		clear: both;
		margin-top: 1.25rem
	}
}

@media (max-width:35.5625em) {
	.header-main .search-main select,
	.header-main .search-main input,
	.header-main .search-main button {
		display: block;
		width: 100%
	}
	.header-main .search-main select {
		border-bottom-width: 1px
	}
}

@media (max-width:23.375em) {
    .logo { font-size: 28px; }
	/*.header-main .tools .fontsize-toggle {
		display: none
	}*/
}

@media (min-width:35.625em) {
	.header-main .search-main {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}
	.header-main .search-main select {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-moz-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 24.5%;
		border-right-width: 1px
	}
	.header-main .search-main input {
		-webkit-box-flex: 1.5;
		-webkit-flex-grow: 1.5;
		-moz-box-flex: 1.5;
		-ms-flex-positive: 1.5;
		flex-grow: 1.5;
		width: 40%
	}
	.header-main .search-main button {
		-webkit-box-flex: .5;
		-webkit-flex-grow: .5;
		-moz-box-flex: .5;
		-ms-flex-positive: .5;
		flex-grow: .5
	}
}

/*@media (min-width:56.25em) {*/
@media (min-width:64em) {
	@supports (display: flex) or (display:-webkit-flex) {
		.header-main .logoline {
			display:-webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-moz-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-moz-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between
		}
		.header-main .logoline .logo-wp {
			margin-right: 0
		}
		.header-main .logoline .tools {
			-webkit-box-ordinal-group: 3;
			-webkit-order: 2;
			-moz-box-ordinal-group: 3;
			-ms-flex-order: 2;
			order: 2
		}
		.header-main .logoline .search-main {
			-webkit-box-flex: 1;
			-webkit-flex: 1 0 auto;
			-moz-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
			text-align: center
		}
	}
	.header-main .logoline:before {
		display: inline-block;
		content: '';
		height: 6.875rem;
		line-height: 1;
		width: 1px;
		margin-right: -1px;
		vertical-align: middle
	}
	.header-main .logo-wp {
		margin-right: 2em
	}
	.header-main .search-main {
		display: inline-block;
		vertical-align: middle
	}
	.header-main .tools .toggle-button {
		display: block;
		width: 3.4375rem;
		line-height: 3.4375rem;
		height: 3.4375rem;
		border-top: 0
	}
}

.biblenav {
	border: 1px solid #e4e4e4;
	border-width: 0 1px;
	background: #fff
}

.site-header .biblenav {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1000
}

.biblenav-header-wp {
	position: relative
}

.biblenav-header-wp .biblenav {
	display: none
}

.biblenav-header-wp:before {
	content: '';
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	opacity: 0
}

.biblenav-header-wp.open:before {
	-webkit-transition: opacity .25s;
	-o-transition: opacity .25s;
	-moz-transition: opacity .25s;
	transition: opacity .25s;
	opacity: 1;
	z-index: 1000
}

.biblenav-header-wp.open .biblenav {
	display: block
}

.biblenav h2,
.biblenav .chapters .content {
	padding-left: 1.875rem;
	padding-right: 1.875rem
}

@media (max-width:24.9375em) {
	.biblenav h2,
	.biblenav .chapters .content {
		padding-left: .9375rem;
		padding-right: .9375rem
	}
}

.biblenav h2 {
	margin: 0;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.25rem;
	font-weight: 500;
	color: #333;
	border-width: 1px 0
}

@media (max-width:47.9375em) {
	.biblenav h2 {
		padding-top: .875rem;
		padding-bottom: .875rem
	}
}

@media (min-width:61.25em) {
	.biblenav .books:after {
		clear: both;
		content: "";
		display: table
	}
	.biblenav .books>div {
		position: relative;
		left: 0;
		float: left
	}
}

@media (min-width:61.25em) {
	.biblenav .books>div:nth-child(1) {
		width: 57.6271186%
	}
	.biblenav .books>div:nth-child(2) {
		width: 42.3728814%;
		margin-right: 0
	}
}

.biblenav .books ul {
	margin: 1.5625rem 0;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	padding: 0 .9375rem
}

@media (max-width:24.9375em) {
	.biblenav .books ul {
		padding: 0
	}
}

@media (max-width:47.9375em) {
	.biblenav .books ul {
		margin: .9375rem 0
	}
}

@media (min-width:23.4375em) {
	.biblenav .books ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3
	}
}

@media (min-width:34.375em) {
	.biblenav .books ul {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4
	}
}

@media (min-width:42.5em) {
	.biblenav .books ul {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5
	}
}

@media (min-width:48em) {
	.biblenav .books ul {
		-webkit-columns: 6;
		-moz-columns: 6;
		columns: 6
	}
}

@media (min-width:53.75em) {
	.biblenav .books ul {
		-webkit-columns: 7;
		-moz-columns: 7;
		columns: 7
	}
}

.biblenav .books li {
	display: inline-block;
	width: 6em;
	padding: 0 .9375rem
}

@media (min-width:61.25em) {
	.biblenav .books .ot {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid #e4e4e4;
		margin-right: -1px
	}
	.biblenav .books .ot ul {
		-webkit-columns: 5;
		-moz-columns: 5;
		columns: 5
	}
	.biblenav .books .nt {
		border-left: 1px solid #e4e4e4
	}
	.biblenav .books .nt ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3
	}
}

@media (min-width:76.25em) {
	.biblenav .books ul {
		background: -webkit-linear-gradient(left, #fff -webkit-calc(100% - 1px), #e4e4e4 -webkit-calc(100% - 1px)) 0 0 repeat-x;
		background: -moz-linear-gradient(left, #fff -moz-calc(100% - 1px), #e4e4e4 -moz-calc(100% - 1px)) 0 0 repeat-x;
		background: -o-linear-gradient(left, #fff calc(100% - 1px), #e4e4e4 calc(100% - 1px)) 0 0 repeat-x;
		background: linear-gradient(to right, #fff calc(100% - 1px), #e4e4e4 calc(100% - 1px)) 0 0 repeat-x
	}
	.biblenav .books .ot ul {
		-webkit-columns: 6;
		-moz-columns: 6;
		columns: 6;
		background-size: -webkit-calc(16.6666667% + 1px) 100%;
		background-size: -moz-calc(16.6666667% + 1px) 100%;
		background-size: calc(16.6666667% + 1px) 100%
	}
	.biblenav .books .nt ul {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
		background-size: -webkit-calc(25% + 1px) 100%;
		background-size: -moz-calc(25% + 1px) 100%;
		background-size: calc(25% + 0px) 100%
	}
}

.biblenav .book-picker {
	padding: .875rem 0;
	text-align: left;
	color: #888;
	font-weight: 300;
	font-size: .85rem;
	-webkit-transition-property: color, font-weight;
	-o-transition-property: color, font-weight;
	-moz-transition-property: color, font-weight;
	transition-property: color, font-weight;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
	cursor: pointer;
	position: relative
}

.biblenav .book-picker:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: .625rem;
	width: 0;
	/* border-bottom: 2px solid #c00b12; */
	border-bottom: 2px solid #d81e3a;
	-webkit-transition: width .25s;
	-o-transition: width .25s;
	-moz-transition: width .25s;
	transition: width .25s
}

.biblenav .book-picker.active,
.biblenav .book-picker:hover {
	color: #333;
	font-weight: 500
}

.biblenav .book-picker.active:after,
.biblenav .book-picker:hover:after {
	width: 100%
}

@media (max-width:47.9375em) {
	.biblenav .book-picker {
		padding: .625rem 0
	}
	.biblenav .book-picker:after {
		bottom: .375rem
	}
}

.biblenav .chapters {
	/* padding-bottom: 2.5rem */
	padding-bottom: 1.0rem
}

.biblenav .close {
	position: absolute;
	right: 0;
	padding: .875rem;
	color: #fff;
	background: #000;
	cursor: pointer;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	-moz-transition: background .25s;
	transition: background .25s
}

.biblenav .close:hover {
	/* background: #c00b12 */
	background: #d81e3a
}

.biblenav .close path {
	stroke-width: 2px
}

.biblenav .close .ic {
	display: block;
	width: 1.0625rem;
	height: 1.0625rem
}

@media (max-width:79.3125em) {
	.biblenav .close {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@media (min-width:79.375em) {
	.biblenav .close {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.cell-container {
	padding-bottom: 1px
}

.cell-container .cell-number {
	float: left;
	margin: 0 -1px -1px 0
}

.cell-number {
	display: inline-block;
	width: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .875rem;
	font-weight: 300;
	color: #888;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-property: background, color, border-color;
	-o-transition-property: background, color, border-color;
	-moz-transition-property: background, color, border-color;
	transition-property: background, color, border-color;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.cell-number.active,
.cell-number:hover {
	color: #fff;
	/* background: #c00b12;
	border-color: #c00b12 */
	background: #d81e3a;
	border-color: #d81e3a
}

.verseline blockquote {
	margin: 0
}

.verseline p,
.verseline .quote-footer {
	margin: 1.1875rem 0;
	line-height: 1.5;
	font-size: .9375rem;
	font-weight: 300;
	color: #666
}

.verseline p {
	margin-bottom: 0
}

@media (min-width:61.25em) {
	.verseline p,
	.verseline .quote-footer {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 2.25rem
	}
	.verseline p {
		float: left
	}
	.verseline .quote-footer {
		float: right;
		margin-left: 2em
	}
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.ic .i-container {
	position: relative;
	height: 0;
	overflow: hidden
}

.ic .i-container>svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.tns-outer {
	padding: 0!important
}

.tns-outer [hidden] {
	display: none!important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	-webkit-transition: opacity 0s, -webkit-transform 0s;
	transition: opacity 0s, -webkit-transform 0s;
	-o-transition: opacity 0s, -o-transform 0s;
	-moz-transition: transform 0s, opacity 0s, -moz-transform 0s;
	transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s, -webkit-transform 0s, -moz-transform 0s, -o-transform 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto!important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100%*70/3);
	width: -moz-calc(100%*70/3);
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100%/70);
	width: -moz-calc(100%/70);
	width: calc(100%/70);
	height: 10px;
	float: left
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.controls .control:not(:disabled),
.btn-plus {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:hover:not(:disabled),
.btn-plus:hover {
	-webkit-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	transition-property: color, border-color;
	/* border-color: #c00b12;
	color: #c00b12 */
	border-color: #d81e3a;
	color: #d81e3a
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.todays-word blockquote {
	margin: 0;
	padding: 1.25rem;
	font-weight: 300;
	border: 1px solid #e4e4e4;
	background: #fff
}
.todays-word blockquote > *:first-child { margin-top: 0; }
.todays-word blockquote > *:last-child { margin-bottom: 0; }

@media (min-width:64em) {
	.todays-word blockquote {
		padding: 2.5rem
	}
}

.todays-word p {
	line-height: 1.6875;
	color: #333
}

.todays-word .verse {
	font-size: .9375rem;
	color: #666
}

.todays-word .quote-ft {
	margin-top: -.625rem;
	font-size: .8125rem;
	color: #888
}

.todays-word .toolline {
	border: 1px solid #e4e4e4;
	border-top: 0
}

.todays-word form {
	padding: .9375rem;
	background: #fff;
	border: 1px solid #e4e4e4;
	border-width: 1px 0 0
}

.todays-word form textarea {
	width: 100%;
	border: 0;
	padding: 0;
	font-size: .9375rem
}

@media (min-width:64em) {
	.todays-word form textarea {
		width: -webkit-calc(100% - 7.825rem);
		width: -moz-calc(100% - 7.825rem);
		width: calc(100% - 7.825rem)
	}
}

.todays-word .textarea-wp {
	position: relative
}

.todays-word .textarea-wp .wordscount {
	position: absolute;
	right: 0;
	bottom: 0
}

.todays-word .wordscount {
	text-align: right;
	font-size: .875rem;
	font-weight: 300;
	color: #888;
	background: rgba(255, 255, 255, .95);
	padding: .3125rem .625rem;
	padding-right: 0
}

.no-js .todays-word .wordscount {
	display: none
}

.todays-word .tip {
	padding: 1.25rem 0;
	font-size: .9375rem;
	font-weight: 300;
	color: #aaa
}

.todays-word .tip a {
	color: #333;
	padding-bottom: .1875rem;
	border-bottom: 1px solid #878787
}

@media (min-width:31.25em) {
	.todays-word form {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.todays-word .tip {
		display: inline-block
	}
	.todays-word .tip,
	.todays-word .textarea-wp {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-moz-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		margin-right: 1.0rem
	}
}

@media (min-width:48em) {
	.todays-word .toolline {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.todays-word .tools {
		float: left
	}
	.todays-word form {
		overflow: hidden;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-moz-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		border-width: 0 0 0 1px
	}
	.todays-word textarea {
		height: 3.45em
	}
	.todays-word .tip,
	.todays-word .textarea-wp {
		margin-left: .9375rem
	}
	.todays-word .textarea-wp .wordscount {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (min-width:52.5em) {
	.todays-word .tools {
		width: 16.25rem
	}
}

.adrow {
	padding: 1.25rem 0;
	text-align: center
}

.adrow .ad {
	margin: .625rem 0;
	display: inline-block;
	vertical-align: middle
}

@media (max-width:74.9375em) {
	.adrow .ad {
		padding: 0 .3125rem
	}
}

@media (min-width:75em) {
	.adrow {
		text-align: justify
	}
	.adrow:after {
		content: '';
		display: inline-block;
		width: 100%
	}
	.adrow>* {
		display: inline-block
	}
	.adrow .ad {
		max-width: 17.5rem
	}
}

.content-frame {
	border: 1px solid #e4e4e4
}

.content-frame .header {
	padding: 1.25rem 1.6875rem .625rem 1.875rem;
	background: #f1f1f1;
	border-bottom: 1px solid #ddd
}

.content-frame .header-ext {
	padding-top: 1.875rem;
	padding-bottom: 1.5rem
}

@media (max-width:31.1875em) {
	.content-frame .header {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@supports (flex-wrap:wrap) or (-webkit-flex-wrap:wrap) {
	.content-frame .header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	@media (max-width:47.9375em) {
		.content-frame .header {
			padding-right: 1.375rem
		}
	}
	@media (max-width:31.1875em) {
		.content-frame .header {
			padding-right: .75rem
		}
	}
}

.content-frame .header>div {
	display: inline-block;
	max-width: 100%
}

.content-frame .header>div:first-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

@media (max-width:47.9375em) {
	.content-frame .header>div:last-child {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-moz-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: right
	}
	@supports (flex-wrap:wrap) or (-webkit-flex-wrap:wrap) {
		.content-frame .header>div {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap
		}
		.content-frame .header>div .mr {
			margin-right: .5rem
		}
		.content-frame .header>div .btn,
		.content-frame .header>div .btngroup-collapse,
		.content-frame .header>div .header-icons,
		.content-frame .header>div form {
			-webkit-box-flex: 1;
			-webkit-flex: 1 1 auto;
			-moz-box-flex: 1;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto
		}
		.content-frame .header>div .btngroup-collapse {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex
		}
	}
}

.content-frame .header form {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle
}

.content-frame .header .mr {
	margin-right: .1875rem
}

.content-frame .header .mb {
	margin-bottom: .625rem
}

.content-frame .header .title {
	display: inline-block;
	margin-top: 0;
	margin-right: 1.875rem;
	vertical-align: middle;
	font-size: 1.5rem;
	font-weight: 700;
	color: #444;
	line-height: 2.6875rem;
	white-space: nowrap
}

.content-frame .header .txt {
	font-size: 1.25rem;
	color: #333;
	line-height: 1
}

.content-frame .header .tip {
	display: inline-block;
	margin-right: .625rem;
	vertical-align: middle;
	font-size: .9375rem;
	font-weight: 300;
	color: #888;
	text-align: left
}

.content-frame .header .has-vertical-divider>span,
.content-frame .header .has-vertical-divider>li {
	vertical-align: middle
}

.content-frame .header .has-vertical-divider>span:not(:last-child):after,
.content-frame .header .has-vertical-divider>li:not(:last-child):after {
	content: '';
	display: inline-block;
	margin: 0 .5em 0 .6em;
	height: 1em;
	vertical-align: middle;
	border-right: 1px solid #ddd
}

.content-frame .header .btn-md {
	vertical-align: middle;
	min-width: 5em
}

.content-frame .header .btn-md:not(.btn-secondary):not(:hover) {
	color: #666
}

.content-frame .header .btn-plain:not(:hover) {
	-webkit-box-shadow: inset 0 0 0 1px #ddd;
	box-shadow: inset 0 0 0 1px #ddd
}

.content-frame .header button,
.content-frame .header select {
	font-size: .9375rem
}

.content-frame .header select {
	background-image: url(../img/icon/downangle-select.svg);
	background-position: -webkit-calc(100% - .8em) 50%;
	background-position: -moz-calc(100% - .8em) 50%;
	background-position: calc(100% - .8em) 50%
}

.content-frame .header .btngroup-collapse {
	display: inline-block;
	vertical-align: middle
}

.content-frame .header .btngroup-collapse button {
	cursor: pointer
}

.no-js .content-frame .header .btngroup-collapse {
	display: none
}

.content-frame .header .btn-audio .ic {
	width: 1.5rem;
	margin-right: .3125rem;
	vertical-align: -.3em;
	opacity: .8
}

.content-frame .header-icons {
	margin-left: .9375rem;
	padding: .5625rem 0 .5rem
}

.content-frame .header-icons button {
	padding: 0
}

.content-frame .header-icons .ic {
	width: 1.625rem;
	color: #888;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.content-frame .header-icons .ic:hover {
	/* color: #c00b12 */
	color: #d81e3a

}

.content-frame .header-icons:not(.has-vertical-divider)>span {
	display: inline-block;
	padding-left: .7em
}

.content-frame .grid-2>.header:first-child {
	border-right: 1px solid #e4e4e4
}

.content-frame .bible-version {
	padding: 3rem 0;
	font-size: 2rem;
	text-align: center;
	background: #fff;
	border-bottom: inherit
}

.content-box {
	padding: 1.875rem;
	min-height: 30.8125rem
}

.content-box.tight {
	padding: 1.25rem
}

@media (min-width:28.75em) {
	.content-box.loose {
		padding: 2.5rem
	}
}

.content-box-grid {
	overflow: hidden
}

.content-box-grid .search-title {
	padding-left: 1.875rem;
	padding-right: 1.875rem;
	margin-bottom: 0
}

.bible-content {
	border: 1px solid #f2f2f2;
	border: 0 1px;
	background: #fff
}

.bible-content-wp {
	background: #f8f8f8;
	padding: 0 2.5rem;
	position: relative
}

@media (max-width:47.9375em) {
	.bible-content-wp {
		padding: 0 1.875rem
	}
}

@media (max-width:47.9375em) {
	.bible-content-float-nav {
		position: -webkit-sticky;
		position: sticky;
		top: -webkit-calc(50vh - 2.5625rem);
		top: -moz-calc(50vh - 2.5625rem);
		top: calc(50vh - 2.5625rem)
	}
}

.bible-content-float-nav a {
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2.5rem;
	padding: 1.25rem 0;
	text-align: center;
	color: #888;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.bible-content-float-nav a:hover {
	color: #333
}

@media (max-width:47.9375em) {
	.bible-content-float-nav a {
		color: #636363;
		width: 1.875rem
	}
	.bible-content-float-nav a.prev {
		-webkit-transform: translate(-100%, .625rem);
		-moz-transform: translate(-100%, .625rem);
		-ms-transform: translate(-100%, .625rem);
		-o-transform: translate(-100%, .625rem);
		transform: translate(-100%, .625rem)
	}
	.bible-content-float-nav a.next {
		-webkit-transform: translate(100%, .625rem);
		-moz-transform: translate(100%, .625rem);
		-ms-transform: translate(100%, .625rem);
		-o-transform: translate(100%, .625rem);
		transform: translate(100%, .625rem)
	}
	.bible-content-float-nav a:before,
	.bible-content-float-nav a:after {
		display: none
	}
}

.bible-content-float-nav .prev {
	left: 0
}

.bible-content-float-nav .next {
	right: 0
}

@media (max-width:79.9375em) {
	.bible-content-float-nav .prev.bubble-top:before {
		right: auto;
		left: 0;
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%)
	}
	.bible-content-float-nav .next.bubble-top:before {
		right: 0;
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		transform: translate(0, -100%)
	}
}

.bible-content-footer-nav {
	text-align: center
}

@supports (flex-wrap:wrap) or (-webkit-flex-wrap:wrap) {
	.bible-content-footer-nav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.bible-content-footer-nav a {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	-moz-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	display: inline-block;
	padding: 1em 2em;
	font-size: 1.125rem;
	color: #fff;
	background: #636363;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width:48em) {
	.bible-content-footer-nav a {
		-webkit-transition: background .25s;
		-o-transition: background .25s;
		-moz-transition: background .25s;
		transition: background .25s
	}
	.bible-content-footer-nav a:hover {
		background: #777
	}
}

.bible-content-footer-nav a:first-child {
	border-right: 1px solid #e4e4e4
}

.bible-content h1 {
	margin: 1.25rem 0 2.5rem;
	padding: 0 1.875rem;
	font-weight: 400;
	font-size: 1.125rem
}

@media (max-width:28.0625em) {
	.bible-content h1 {
		padding: 0 .9375rem
	}
}

.bible-content ul {
	counter-reset: verse
}

.bible-content li {
	padding: .5em 1.875rem;
	counter-increment: verse;
	font-size: 1rem;
	font-weight: 300;
	color: #666;
	line-height: 1.5625;
	position: relative
}

@media (max-width:28.0625em) {
	.bible-content li {
		padding: .5em .9375rem
	}
}

@media (min-width:28.125em) {
	.bible-content li {
		padding-left: -webkit-calc(1.875rem + 2.5em);
		padding-left: -moz-calc(1.875rem + 2.5em);
		padding-left: calc(1.875rem + 2.5em)
	}
}

.bible-content li:before {
	/*content: counter(verse);*/
	margin-right: .5em
}

@media (min-width:28.125em) {
	.bible-content li:before {
		position: ;
		/*left: 1.875rem*/
	}
}

.bible-content .footer-note {
	padding: 1.875rem;
	text-transform: uppercase;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 300;
	font-size: .8125rem;
	color: #666;
	border-top: 1px solid #f2f2f2
}

@media (max-width:28.0625em) {
	.bible-content .footer-note {
		padding: 1.875rem .9375rem
	}
}

.bible-content-mixed h1>span {
	display: block
}

.bible-content-mixed h1>span:first-child {
	margin-bottom: .625rem
}

.bible-content-mixed li {
	counter-increment: none
}

.bible-content-mixed li:nth-child(odd) {
	counter-increment: verse
}

.bible-content-mixed li:nth-child(even) {
	background: rgba(0, 0, 0, .015)
}

.bible-content-mixed li:nth-child(even):before {
	opacity: 0
}

.bible-content-mixed li:nth-child(even):before {
	display: none
}

[data-display=ot] .nt,
[data-display=nt] .ot {
	display: none
}

.bible-view-contrast-box .row-by-row {
	display: none
}

.bible-view-contrast-box.rbr .side-by-side {
	display: none
}

.bible-view-contrast-box.rbr .row-by-row {
	display: block
}

.content-list>li {
	background: #fff;
	padding: 1.875rem
}

.content-list>li:not(:last-child) {
	margin-bottom: .625rem;
	border-bottom: 1px solid #e4e4e4
}

.content-list>li>.pagination {
	margin: 0
}

.content-list h2 {
	font-size: 1.125rem;
	font-weight: 400;
	color: #333;
	line-height: 1
}

.biblenav-list h2 {
	margin: 0 0 1.25rem
}

.adside>div {
	margin-bottom: .625rem
}

.por>.adside {
	position: absolute;
	right: -10.9375rem;
	top: 0;
	bottom: 0
}

@media (max-width:89.9375em) {
	.adside {
		display: none
	}
}

.btn-to-top {
	display: block;
	padding: .625rem 0;
	font-size: .8125rem;
	text-align: center;
	text-transform: uppercase;
	color: #888;
	background: #fff;
	border: 1px solid #e4e4e4;
	-webkit-transition: border-color .25s;
	-o-transition: border-color .25s;
	-moz-transition: border-color .25s;
	transition: border-color .25s
}

.btn-to-top:hover {
	border-color: #ccc
}

.search-title {
	margin: 1.25rem 0 1.875rem;
	padding-bottom: 1.25rem;
	font-size: 1.25rem;
	font-weight: 300;
	color: #444;
	border-bottom: 1px solid #e4e4e4
}

.search-title .keyword {
	font-weight: 500
}

.search-result-nav>div {
	padding-left: 1.875rem;
	padding-right: 1.875rem
}

.search-result-nav .version {
	padding-top: .9375rem;
	padding-bottom: .9375rem;
	font-size: .875rem;
	font-weight: 300;
	border-bottom: 1px solid #e4e4e4
}

.search-result-nav .group {
	margin: 1.875rem 0
}

.search-result-nav h2 {
	margin-top: 0;
	margin-bottom: .625rem;
	font-size: 1rem;
	font-weight: 400
}

.search-result-nav li {
	font-size: .875rem;
	font-weight: 300;
	line-height: 1.2;
	color: #666
}

.search-result-nav li a {
	padding: .375rem 0
}

.search-result-nav a {
	display: block
}

.bible-search-results {
	padding: 1.875rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bible-search-results h2 {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 400
}

.bible-search-results p {
	margin-top: .8125rem;
	margin-bottom: 0;
	font-size: .9375rem;
	color: #666
}

.bible-search-results p strong {
	font-weight: 500;
	color: #333
}

.bible-search-results .footer-note {
	margin-top: 1.25rem
}

.bible-search-results .pagination {
	margin: 2.5rem 0 .625rem
}

@media (max-width:47.9375em) {
	.bible-search-layout .bible-search-results:not(:empty) {
		border-top: 1px solid #e4e4e4
	}
}

@media (min-width:48em) {
	.bible-search-layout:after {
		clear: both;
		content: "";
		display: table
	}
	.bible-search-layout>div:nth-child(1) {
		float: right;
		width: 215px
	}
	.bible-search-layout>div:nth-child(2) {
		float: left;
		width: -webkit-calc(100% - 215px);
		width: -moz-calc(100% - 215px);
		width: calc(100% - 215px)
	}
	.bible-search-layout .bible-search-results {
		min-height: 25rem;
		border-right: 1px solid #e4e4e4
	}
}

.sns-box {
	max-width: 16.875rem;
	padding: 1.5625rem 1.875rem;
	padding-right: 0;
	border: 1px solid #888;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none
}

.sns-box.open {
	display: block
}

.por .sns-box {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999
}

.por .sns-box.hasgap {
	right: .625rem;
	top: .625rem
}

.sns-box .title {
	font-size: 1.125rem;
	color: #4c4c4c
}

.sns-box .icons a {
	margin-top: 1.5625rem;
	margin-right: 1.375rem
}

.sns-box .close {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	color: #fff;
	text-align: center;
	background: #636363;
	cursor: pointer;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	-moz-transition: background .25s;
	transition: background .25s
}

.sns-box .close:hover {
	/* background: #c00b12 */
	background: #d81e3a
}

.article-tools {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 16.75rem;
	margin: 0 auto;
	padding: .625rem 0;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: .875rem;
	text-align: center;
	color: #888
}

.article-tools button {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	padding: 0;
	cursor: pointer
}

.article-tools .tool {
	display: inline-block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
	width: -webkit-calc(100%/3 - .3em);
	width: -moz-calc(100%/3 - .3em);
	width: calc(100%/3 - .3em);
	vertical-align: middle;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.article-tools .tool:hover {
	/* color: #c00b12 */
	color: #d81e3a
}

.article-tools .tool {
	border: 0px solid #e4e4e4
}

.article-tools .tool>span {
	display: block
}

.article-tools .tool .ic {
	margin: 0 auto;
	width: 1.5rem
}

.article-tools .tool .txt {
	margin-top: .5rem
}

.commentbox .info {
    margin-bottom: .5rem
}

.commentbox .info .icon {
    margin-right: .5rem
}

.commentbox .icons {
	padding: 1.875rem 0 .3125rem;
	border-top: 1px solid #e4e4e4
}

.commentbox .icons>a {
	margin: 0 .1875rem .3125rem 0
}

.commentbox form {
	font-size: .9375rem;
	border: 1px solid #ddd
}

.commentbox form textarea,
.commentbox form .count {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.commentbox form textarea {
	width: 100%;
	border: 0;
	font-size: inherit
}

.commentbox form .count {
	color: #aaa
}

.commentbox form .btnline {
	border-top: 1px solid #e4e4e4
}

.commentbox form .btnline button {
	float: right
}

.comments>header {
	padding: 1.875rem 0 .4375rem
}



@supports (flex-wrap:wrap) or (-webkit-flex-wrap:wrap) {
	.comments>header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.comments>header .title {
	display: inline-block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: .625rem;
	margin-right: 3.125rem;
	font-size: .9375rem;
	font-weight: 300
}

.comments>header .filter {
	display: inline-block;
	margin-bottom: .625rem
}

.comments>header .filter button {
	padding: 0;
	color: #888;
	font-size: .875rem;
	cursor: pointer;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.comments>header .filter button:not(:last-child) {
	margin-right: .875rem
}

.comments>header .filter .active,
.comments>header .filter button:hover {
	/* color: #c00b12 */
	color: #d81e3a

}

.comments>header .filter .ic {
	width: .75rem;
	margin-right: .125rem
}

.comment-row {
	padding: 1.875rem 0;
	border-top: 1px solid #e4e4e4
}

@media (max-width:31.1875em) {
	.comment-row .comment-row {
		margin-left: 1.5625rem
	}
}

@media (max-width:31.1875em) {
	.comment-row .avatar {
		margin-bottom: .625rem
	}
}

@media (min-width:31.25em) {
	.comment-row .avatar {
		width: 4.6875rem;
		float: left
	}
	.comment-row .avatar+div {
		overflow: hidden
	}
}

.comment-row .avatar .img {
	width: 2.8125rem;
	height: 2.8125rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative
}

.comment-row .avatar .img img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.comment-row .main>header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.comment-row .main>.comment-row:last-child {
	padding-bottom: 0
}

.comment-row .info {
	display: inline-block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.comment-row .info .icon,
.comment-row .info .user,
.comment-row .info time {
	vertical-align: middle;
	margin-right: .5rem
}

.comment-row .info .user {
	font-size: .875rem;
	font-weight: 500;
	text-transform: uppercase
}

.comment-row .info time {
	font-size: .8125rem;
	font-weight: 300;
	color: #888
}

.comment-row .options-toggle {
	padding: 0 .5em;
	color: #aaa;
	vertical-align: middle;
	cursor: pointer
}

.comment-row .content p {
	margin: 1.25rem 0;
	font-size: .9375rem;
	line-height: 1.6666667;
	color: #666
}

.comment-row .tools {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -.625rem;
	color: #888
}

.comment-row .tools:not(:last-child) {
	margin-bottom: 1.875rem
}

.comment-row .tools>div {
	display: inline-block
}

.comment-row .tools>div:first-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.comment-row .tools button {
	margin-bottom: .625rem;
	color: inherit
}

.comment-row .tools .like,
.comment-row .tools .dislike {
	cursor: pointer;
	padding: 0 0 0 .625rem;
	-webkit-transition: color .25s;
	-o-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s
}

.comment-row .tools .like:hover,
.comment-row .tools .dislike:hover {
	/* color: #c00b12 */
	color: #d81e3a
}

.tools > div > .active, 
.article-tools .active {
    /* color: #c00b12 */
    color: #d81e3a
}

@media (min-width:25em) {
	.comment-row .tools .like,
	.comment-row .tools .dislike {
		padding: 0 .8em
	}
}

.comment-row .tools .ic {
	width: 1.5rem;
	margin-right: .4375rem;
	vertical-align: middle
}

.comment-row .tools .txt {
	font-size: .875rem;
	font-weight: 300
}

.todays-verbs-list {
	counter-reset: todays-verbs
}

.todays-verbs-list>li {
	counter-increment: todays-verbs
}

.todays-verbs-list article {
	position: relative
}

@media (min-width:31.25em) {
	.todays-verbs-list article {
		padding-left: 3.125rem
	}
}

.todays-verbs-list article h2 {
	margin: .375rem 0 0;
	font-size: 1.125rem;
	line-height: 1.2222222;
	font-weight: 400
}

.todays-verbs-list article h2:before {
	content: counter(todays-verbs);
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 500
}

@media (max-width:31.1875em) {
	.todays-verbs-list article h2:before {
		margin-right: .75rem
	}
}

@media (min-width:31.25em) {
	.todays-verbs-list article h2:before {
		position: absolute;
		left: .4375rem;
		top: 0
	}
}

.todays-verbs-list article p {
	margin: .9375rem 0 1.5625rem;
	font-size: .9375rem;
	line-height: 1.6666667;
	font-weight: 300;
	color: #666
}

.todays-verbs-list article .version {
	margin-bottom: 2.5rem;
	font-size: .875rem;
	font-weight: 300;
	color: #888
}

@media (max-width:56.1875em) {
	.todays-verbs-list article .content-wp .article-tools {
		margin-bottom: 1.25rem
	}
}

@media (min-width:56.25em) {
	.todays-verbs-list article .content-wp:after {
		clear: both;
		content: "";
		display: table
	}
	.todays-verbs-list article .content-wp>div:nth-child(1) {
		float: left;
		width: -webkit-calc(100% - 310px);
		width: -moz-calc(100% - 310px);
		width: calc(100% - 310px)
	}
	.todays-verbs-list article .content-wp>div:nth-child(2) {
		float: right;
		width: 310px
	}
	.todays-verbs-list article .content-wp .article-tools {
		margin-right: 0
	}
}

.todays-verbs-list .primary {
	background: url(../img/user/sm/2.png) 0 0 no-repeat
}

@media (max-width:31.1875em) {
	.todays-verbs-list .primary h2 {
		padding-left: 1.75rem
	}
}

@media (min-width:31.25em) {
	.todays-verbs-list .primary h2:before {
		left: 1.75rem
	}
}

.about-content h2,
.about-content h3,
.about-content h4 {
	font-weight: 500
}

.about-content h2 {
	font-size: 1.125rem
}

.about-content h3,
.about-content h4 {
	font-size: 1.125rem
}

.about-content p {
	font-size: 1rem;
	line-height: 1.6875;
	color: #888
}

.about-content p:last-child {
	margin-bottom: 0
}

.about-content .gap-after {
	margin-bottom: 2.5rem
}

.about-content section,
.about-content .section {
	padding: 2.5rem 0
}

.about-content section:not(:last-child),
.about-content .section:not(:last-child) {
	border-bottom: 1px solid #e4e4e4
}

.about-content section h2,
.about-content .section h2 {
	margin-top: 0
}

.about-content .verse {
	margin-top: 1.5625rem;
	margin-bottom: 1.5625rem;
	padding: 6.25%;
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	font-weight: 300;
	background: #615e3b url(../img/bible.jpg) 50% 0 no-repeat;
	background-size: cover
}

@media (max-width:37.4375em) {
	.about-content .verse {
		padding: 1.875rem;
		margin-left: -1.875rem;
		margin-right: -1.875rem
	}
}

.about-content .verse blockquote {
	margin: 0;
	max-width: 21.875rem
}

.about-content .verse p {
	color: inherit;
	margin-top: 0;
	font-size: 1.25rem;
	line-height: 1.5
}

.about-content .verse cite {
	font-size: 1.125rem
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.ic .i-container {
	position: relative;
	height: 0;
	overflow: hidden
}

.ic .i-container>svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.tns-outer {
	padding: 0!important
}

.tns-outer [hidden] {
	display: none!important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	-webkit-transition: opacity 0s, -webkit-transform 0s;
	transition: opacity 0s, -webkit-transform 0s;
	-o-transition: opacity 0s, -o-transform 0s;
	-moz-transition: transform 0s, opacity 0s, -moz-transform 0s;
	transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s, -webkit-transform 0s, -moz-transform 0s, -o-transform 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto!important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100%*70/3);
	width: -moz-calc(100%*70/3);
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100%/70);
	width: -moz-calc(100%/70);
	width: calc(100%/70);
	height: 10px;
	float: left
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.controls .control:not(:disabled),
.btn-plus {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:hover:not(:disabled),
.btn-plus:hover {
	-webkit-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	transition-property: color, border-color;
	/* border-color: #c00b12;
	color: #c00b12 */
	border-color: #d81e3a;
	color: #d81e3a
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.full-article {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5625
}

.full-article>header {
	margin-bottom: 1.5625em
}

.full-article .byline {
	padding: .625rem 1.25rem;
	line-height: 1.6;
	border: 1px solid #e4e4e4;
	border-width: 1px 0;
	color: #888;
	background: #f7f7f7
}

.full-article .byline>:not(:last-child):after {
	content: '';
	display: inline-block;
	height: .9em;
	margin: 0 .5em;
	width: 0;
	vertical-align: middle;
	border-right: 1px solid #e4e4e4
}

.full-article p,
.full-article ul,
.full-article ol,
.full-article address,
.full-article blockquote,
.full-article .flex-video,
.full-article .embedded-content {
	margin: 1.5625em 0;
	color: #666
}

.full-article p a,
.full-article ul a,
.full-article ol a,
.full-article address a,
.full-article blockquote a,
.full-article .flex-video a,
.full-article .embedded-content a {
	/* color: #c00b12 */
	color: #d81e3a
}

.full-article p a:hover,
.full-article ul a:hover,
.full-article ol a:hover,
.full-article address a:hover,
.full-article blockquote a:hover,
.full-article .flex-video a:hover,
.full-article .embedded-content a:hover {
	text-decoration: underline
}

.full-article~.article-toolline {
	margin: 3.4375rem 0 .625rem
}

@media (max-width:24.9375em) {
	.full-article~.article-toolline {
		margin-left: -webkit-calc(50% - 50vw);
		margin-left: -moz-calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		margin-right: -webkit-calc(50% - 50vw);
		margin-right: -moz-calc(50% - 50vw);
		margin-right: calc(50% - 50vw)
	}
}

.full-article h1,
.full-article h2,
.full-article h3,
.full-article h4,
.full-article h5,
.full-article h6 {
	margin: 0 0 1.25rem 0;
	line-height: 1.2
}

.full-article blockquote {
	padding-left: 1.2em;
	border-left: 7px solid #ddd
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.ic .i-container {
	position: relative;
	height: 0;
	overflow: hidden
}

.ic .i-container>svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.tns-outer {
	padding: 0!important
}

.tns-outer [hidden] {
	display: none!important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
	cursor: pointer
}

.tns-slider {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}

.tns-slider>.tns-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
	white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
	content: '';
	display: table;
	clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
	float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
	margin-right: -100%
}

.tns-no-calc {
	position: relative;
	left: 0
}

.tns-gallery {
	position: relative;
	left: 0;
	min-height: 1px
}

.tns-gallery>.tns-item {
	position: absolute;
	left: -100%;
	-webkit-transition: transform 0s, opacity 0s;
	-moz-transition: transform 0s, opacity 0s;
	-webkit-transition: opacity 0s, -webkit-transform 0s;
	transition: opacity 0s, -webkit-transform 0s;
	-o-transition: opacity 0s, -o-transform 0s;
	-moz-transition: transform 0s, opacity 0s, -moz-transform 0s;
	transition: transform 0s, opacity 0s;
	transition: transform 0s, opacity 0s, -webkit-transform 0s, -moz-transform 0s, -o-transform 0s
}

.tns-gallery>.tns-slide-active {
	position: relative;
	left: auto!important
}

.tns-gallery>.tns-moving {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.tns-autowidth {
	display: inline-block
}

.tns-lazy-img {
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	opacity: .6
}

.tns-lazy-img.tns-complete {
	opacity: 1
}

.tns-ah {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s
}

.tns-ovh {
	overflow: hidden
}

.tns-visually-hidden {
	position: absolute;
	left: -10000em
}

.tns-transparent {
	opacity: 0;
	visibility: hidden
}

.tns-fadeIn {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 0
}

.tns-normal,
.tns-fadeOut {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1
}

.tns-vpfix {
	white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
	display: inline-block
}

.tns-t-subp2 {
	margin: 0 auto;
	width: 310px;
	position: relative;
	height: 10px;
	overflow: hidden
}

.tns-t-ct {
	width: 2333.3333333%;
	width: -webkit-calc(100%*70/3);
	width: -moz-calc(100%*70/3);
	width: calc(100%*70/3);
	position: absolute;
	right: 0
}

.tns-t-ct:after {
	content: '';
	display: table;
	clear: both
}

.tns-t-ct>div {
	width: 1.4285714%;
	width: -webkit-calc(100%/70);
	width: -moz-calc(100%/70);
	width: calc(100%/70);
	height: 10px;
	float: left
}

.header-main:after,
.cell-container:after,
.verseline blockquote:after,
.todays-word .toolline:after,
.commentbox form .btnline:after,
.comment-row:after,
.full-article:after {
	clear: both;
	content: "";
	display: table
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.controls .control:not(:disabled),
.btn-plus {
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.controls .control:hover:not(:disabled),
.btn-plus:hover {
	-webkit-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	transition-property: color, border-color;
	/* border-color: #c00b12;
	color: #c00b12 */
	border-color: #d81e3a;
	color: #d81e3a
}

.slider-fallback,
.popup-sm {
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.slider-fallback::-webkit-scrollbar,
.popup-sm::-webkit-scrollbar {
	display: none
}

.site-footer .quiet {
	color: #b3b6bc
}

.footer-nav {
	padding: 1rem 0
}

.footer-navline {
	border-bottom: 1px solid rgba(255, 255, 255, .145)
}

.footer-social a {
	display: inline-block;
	padding: .5625rem;
	margin-left: .125rem;
	background: rgba(255, 255, 255, .07);
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	-moz-transition: background .25s;
	transition: background .25s
}

.footer-social a:hover {
	background: rgba(255, 255, 255, .15)
}

.footer-social .ic {
	display: block;
	width: 1.5rem;
	height: 1.5rem
}

.back-to-top {
	float: right;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, .145);
	opacity: .8;
	width: 3.75rem;
	height: 3.75rem;
	position: relative;
	-webkit-transition-property: opacity, border-color;
	-o-transition-property: opacity, border-color;
	-moz-transition-property: opacity, border-color;
	transition-property: opacity, border-color;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.back-to-top:hover {
	opacity: 1;
	border-color: rgba(255, 255, 255, .3)
}

.back-to-top .content {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.back-to-top .arrow {
	display: block;
	width: .8125rem;
	margin: 0 auto -2px
}

.back-to-top path {
	stroke-width: 2px
}

.back-to-top .txt {
	font-size: .75rem;
	text-transform: uppercase
}

@media (min-width:50em) {
	.back-to-top {
		border-bottom-width: 0
	}
}

.copyright {
	font-size: .875rem
}

@media (max-width:51.1875em) {
	.copyright {
		line-height: 1.3
	}
}

.copyrightline {
	padding: 2.5rem 0
}

@media (min-width:31.25em) {
	.footer-logo {
		margin-right: 5.3%
	}
	.footer-logo,
	.copyright {
		display: inline-block;
		vertical-align: middle
	}
}

@media (max-width:51.1875em) {
	.footer-social,
	.copyright {
		margin-top: .9375rem
	}
}

@media (min-width:51.25em) {
	.footer-logo,
	.copyright {
		line-height: 2.625rem;
		height: 2.625rem
	}
	.footer-social {
		float: right
	}
}

@media print {
	* {
		background: 0 0!important;
		color: #000!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
		text-shadow: none!important;
		font-size: 12pt
	}
	pre,
	blockquote {
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,
	figure,
	img {
		page-break-inside: avoid
	}
	img {
		width: auto!important;
		max-width: 100%!important
	}
	@page {
		margin: 2cm 1cm
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	.page-title span {
		font-size: inherit
	}
	.btn-fill,
	.box {
		border: 1px solid
	}
	.col-header a {
		display: inline-block
	}
	.article-page a,
	.article-page a:visited,
	.static-page a,
	.static-page a:visited,
	.search-results-page a,
	.search-results-page a:visited {
		text-decoration: underline
	}
	.article-page .no-script a[href^=http]:after,
	.static-page .no-script a[href^=http]:after,
	.search-results-page .no-script a[href^=http]:after {
		content: " (" attr(href) ")"
	}
	.article-page .no-script a[href^="/"]:after,
	.static-page .no-script a[href^="/"]:after,
	.search-results-page .no-script a[href^="/"]:after {
		content: " (https://www.site.com" attr(href) ")"
	}
	.article-page abbr[title]:after,
	.static-page abbr[title]:after,
	.search-results-page abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.article-page .ir a:after,
	.article-page a[href^="javascript:"]:after,
	.article-page a[href^="#"]:after,
	.static-page .ir a:after,
	.static-page a[href^="javascript:"]:after,
	.static-page a[href^="#"]:after,
	.search-results-page .ir a:after,
	.search-results-page a[href^="javascript:"]:after,
	.search-results-page a[href^="#"]:after {
		content: ""
	}
	.article-page:before,
	.static-page:before,
	.search-results-page:before {
		content: url(../img/logo.svg);
		width: 300px;
		height: auto;
		display: block;
		margin: 0 auto
	}
	.article-page .full-article:not(.photo-article)>.share-icons~:not(.full-width),
	.static-page .full-article:not(.photo-article)>.share-icons~:not(.full-width),
	.search-results-page .full-article:not(.photo-article)>.share-icons~:not(.full-width) {
		margin-left: 0
	}
	.article-page .offcanvas,
	.article-page .site-header,
	.article-page .site-footer,
	.article-page .sidebar,
	.article-page .topbar-news-wrapper,
	.article-page .full-article~*,
	.article-page .embedded-content,
	.article-page .flex-video,
	.article-page iframe,
	.article-page embed,
	.article-page .ad,
	.article-page #publication_content,
	.article-page #video_floating_placeholder,
	.article-page .tns-nav,
	.article-page .tns-controls,
	.article-page .pagination,
	.article-page div.caption,
	.article-page .share-icons,
	.article-page .share-btns,
	.article-page .test,
	.static-page .offcanvas,
	.static-page .site-header,
	.static-page .site-footer,
	.static-page .sidebar,
	.static-page .topbar-news-wrapper,
	.static-page .full-article~*,
	.static-page .embedded-content,
	.static-page .flex-video,
	.static-page iframe,
	.static-page embed,
	.static-page .ad,
	.static-page #publication_content,
	.static-page #video_floating_placeholder,
	.static-page .tns-nav,
	.static-page .tns-controls,
	.static-page .pagination,
	.static-page div.caption,
	.static-page .share-icons,
	.static-page .share-btns,
	.static-page .test,
	.search-results-page .offcanvas,
	.search-results-page .site-header,
	.search-results-page .site-footer,
	.search-results-page .sidebar,
	.search-results-page .topbar-news-wrapper,
	.search-results-page .full-article~*,
	.search-results-page .embedded-content,
	.search-results-page .flex-video,
	.search-results-page iframe,
	.search-results-page embed,
	.search-results-page .ad,
	.search-results-page #publication_content,
	.search-results-page #video_floating_placeholder,
	.search-results-page .tns-nav,
	.search-results-page .tns-controls,
	.search-results-page .pagination,
	.search-results-page div.caption,
	.search-results-page .share-icons,
	.search-results-page .share-btns,
	.search-results-page .test {
		display: none!important
	}
	.article-page .main-layout>div,
	.static-page .main-layout>div,
	.search-results-page .main-layout>div {
		float: none;
		width: auto
	}
	.article-page .main-layout>div:before,
	.static-page .main-layout>div:before,
	.search-results-page .main-layout>div:before {
		display: none
	}
	.article-page .tns-ovh,
	.static-page .tns-ovh,
	.search-results-page .tns-ovh {
		overflow: auto
	}
	.article-page .tns-inner,
	.static-page .tns-inner,
	.search-results-page .tns-inner {
		height: auto!important;
		margin: 0!important
	}
	.article-page .tns-slider,
	.static-page .tns-slider,
	.search-results-page .tns-slider {
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
		left: none!important;
		width: auto!important;
		white-space: normal!important
	}
	.article-page .tns-slider>.tns-item,
	.static-page .tns-slider>.tns-item,
	.search-results-page .tns-slider>.tns-item {
		display: block!important;
		float: none!important;
		width: auto!important;
		padding: 0!important;
		position: static;
		opacity: 1
	}
	.article-page .tns-slider>.tns-item:not([id]),
	.static-page .tns-slider>.tns-item:not([id]),
	.search-results-page .tns-slider>.tns-item:not([id]) {
		display: none
	}
	.article-page .tns-slider>.tns-item figcaption,
	.static-page .tns-slider>.tns-item figcaption,
	.search-results-page .tns-slider>.tns-item figcaption {
		position: static!important;
		width: auto!important;
		height: auto!important;
		clip: none;
		-webkit-clip-path: none;
		clip-path: none;
		overflow: visible;
		margin: .2cm 0 1cm!important
	}
	.article-page .left,
	.article-page .right,
	.static-page .left,
	.static-page .right,
	.search-results-page .left,
	.search-results-page .right {
		float: none!important;
		width: auto!important;
		max-width: none!important;
		margin-left: 0!important;
		margin-right: 0!important
	}
	.article-page .printlinks:not(:empty),
	.static-page .printlinks:not(:empty),
	.search-results-page .printlinks:not(:empty) {
		padding: .3em 0 0;
		page-break-before: always
	}
	.article-page .printlinks:not(:empty):before,
	.static-page .printlinks:not(:empty):before,
	.search-results-page .printlinks:not(:empty):before {
		content: 'Links on the page';
		display: block;
		margin-bottom: .5cm;
		font-size: 1.5em;
		font-weight: 700
	}
	.article-page .printlinks:not(:empty) li,
	.static-page .printlinks:not(:empty) li,
	.search-results-page .printlinks:not(:empty) li {
		margin: .2em 0;
		font-size: 12pt
	}
}

@media screen {
	main .link-order,
	main .printlinks {
		display: none
	}
}

.auto-resizable-iframe {
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
}

.auto-resizable-iframe > div {
    position: relative;
    padding-bottom: 56%;
    height: 0px;
}

.auto-resizable-iframe iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#left-nav, #right-nav {
    width: 40px;
    cursor: pointer;
    display: table-cell;
    
}

#left-nav :hover,
#right-nav :hover {
    opacity: 1.0;
}


#left-nav>a, #right-nav>a {
    position: -webkit-sticky;
    position: sticky;
    top: 450px;
    bottom: 80px;
    margin-left: 15px;
    padding-top: 1.825rem;
    padding-bottom: 1.825rem;
}

input:invalid {
	border-color: red;
}

#version-btngroup button[class~='btn-primary'] {
    color: #ffffff;
    font-weight: bold;
}

#version-btngroup button[class~='btn-secondary'] {
    color: #23242a;
}

#version-btngroup button[class~='active']{
    color: #ffffff;
}

#version-btngroup button[class~='inactive']{
    color: inherit;
}
/* 메인 카드 슬라이더 5개 표시 (container 90rem 대응) */
@media (min-width: 641px) {
    .card-slider.slider-fallback > div,
    .card-slider.slider-fallback > li {
        width: calc(20% - 10px) !important;
    }
}

/* ============================================================
   [통합 블록] 메인 페이지 모바일 보정 (§2-1 PC 1px 불변)
   - [2] 성경 섹션 우측 튀어나옴 → 모바일 columns:2 강제
   - [3] 5개 섹션 타이틀 위아래 마진 통일
   - [4] 푸터-마지막 카드 간격 확보
   - [5] 신약 하단 가로 실선(.box-light border-top) 제거
   ============================================================ */
@media (max-width: 640px) {
    /* [1] 카드 슬라이더 카드 높이 통일 — 짧은 제목 카드도 긴 제목 카드와 같은 높이로 만들어 슬라이더 하단 빈 공간 제거 */
    .card-slider-wp .card-slider .card {
        min-height: 301px !important;
        display: flex !important;
        flex-direction: column !important;
    }
    /* [2] 성경 섹션(biblenav) 우측 튀어나옴 차단 */
    .justify-row > .biblenav {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    /* biblenav 내 columns:3/4/5 미디어쿼리가 모바일에서 발동하는 것을 차단 — 모바일은 2열 고정 */
    .biblenav .books ul,
    .biblenav .books .ot ul,
    .biblenav .books .nt ul {
        -webkit-columns: 2 !important;
        -moz-columns: 2 !important;
        columns: 2 !important;
    }
    /* [3] 카드/콘텐츠 5개 섹션 타이틀 위아래 마진 통일 */
    .todays-word .col-hd .h2,
    main > .row > .container > .col-hd .h2,
    .card-slider-wp .col-hd .h2 {
        margin: 0.75em 0 !important;
        line-height: 1.2 !important;
    }
    .todays-word > .col-hd,
    main > .row > .container > .col-hd,
    .card-slider-wp > .col-hd {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* [4] 푸터-마지막 카드 사이 간격 — 하단배너 위아래 마진(0.4rem)과 동일 */
    main > .box-light {
        padding-bottom: 0.4rem !important;
    }
    main > .box-light .card-slider-wp:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    /* [5] 신약 ul 끝과 카드 영역 사이 가로 실선 제거 (main 안 .box-light wrapper의 border 0) */
    main > .box-light {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    /* [6] 신약 섹션 하단 마감선 — 박스 없이 1px solid 가로선만 */
    .biblenav .books .nt {
        border-bottom: 1px solid #e4e4e4 !important;
    }
    /* [7] 섹션 타이틀 아이콘 — 텍스트 높이에 맞춰 통일 + 수직 중앙 정렬 */
    .col-hd .h2 img.i-decoration {
        height: 1.4em !important;
        width: auto !important;
        vertical-align: middle !important;
        margin-top: -0.15em !important;
    }
}

/* ============================================================
   [PC 5섹션 헤더 정렬 v2] inline-flex 폐기 → inline-block + line-height
   - 측정 결과 inline-flex 안 텍스트 자식이 cross-axis 채우지 못해 height:36px 무효 (실측 29px)
   - inline-block + line-height:36px 로 박스 높이 강제 + 자식 <a> 도 동일 패턴
   - vertical-align:middle 로 .justify-row 안 우측 버튼과 라인 정렬
   - box-sizing: content-box 명시 (우측 .controls .control 과 동일)
   - .col-hd 박스 자체 무수정
   - 모바일(≤640px) 미변경
   ============================================================ */
@media (min-width: 641px) {
    .todays-word .col-hd .h2,
    main > .row > .container > .col-hd .h2,
    .card-slider-wp .col-hd .h2 {
        display: inline-block !important;
        box-sizing: content-box;
        margin: 0 !important;
        vertical-align: middle;
    }
    .todays-word .col-hd .h2 > a,
    main > .row > .container > .col-hd .h2 > a,
    .card-slider-wp .col-hd .h2 > a {
        display: inline-block;
        vertical-align: middle;
    }
    .todays-word .col-hd .h2 img.i-decoration,
    main > .row > .container > .col-hd .h2 img.i-decoration,
    .card-slider-wp .col-hd .h2 img.i-decoration {
        vertical-align: middle;
    }
}

/* ============================================================
   [PC 5섹션 헤더 아래쪽 마진 1/2 축소] (모바일 미변경)
   - 769행 .col-hd { margin-bottom: 1.25rem } 의 PC 전용 override
   - 1.25rem(20px) → 0.625rem(10px) 1/2 축소
   - 모바일(≤640px) 은 769행 원본 1.25rem 그대로 적용됨
   ============================================================ */
@media (min-width: 641px) {
    .col-hd {
        margin-bottom: 0.625rem !important;
    }
}

/* ============================================================
   [PC 5섹션 헤더 v3] 우측 버튼 vertical-align:middle 추가
   - v2 에서 .h2 만 vertical-align:middle 적용 → .btn-plus / .controls .control 은 baseline 유지 → 어긋남
   - 우측 두 버튼에도 middle 적용 → .h2 와 같은 라인 중앙 정렬
   - 두 버튼의 다른 속성 (padding/border/height) 무수정
   - 모바일(≤640px) 미변경
   ============================================================ */
@media (min-width: 641px) {
    .col-hd .btn-plus,
    .col-hd .controls,
    .col-hd .controls .control {
        vertical-align: middle;
    }
}

/* ============================================================
   [PC .biblenav 박스 닫힘 + .box-light 위쪽 가로선 제거]
   - bible-navigator 인라인 .biblenav 는 좌우 border 만 → 위/아래 닫힘 추가
   - .box-light 의 위쪽 1px border 가 신약 박스 아래 의문의 가로선이 되던 문제 → 위쪽만 제거
   - 모바일(≤640px) 미변경 (모바일 [5] 룰이 이미 box-light 위/아래 border 모두 제거)
   ============================================================ */
@media (min-width: 641px) {
    .biblenav {
        border-width: 1px !important;
    }
    main > .box-light {
        border-top: 0 !important;
    }
}

/* ============================================================
   [PC .biblenav .nt ul 우측 떠 있는 세로선 제거] 구약 패턴 카피
   - bible-navigator 인라인 .nt ul (76.25em+) 의 background-size: calc(25% + 0px) →
     마지막 4번째 column 우측 1px 선이 박스 안 빈 공간에 떠 있음
   - 구약 (.ot ul) 은 calc(16.6666667% + 1px) → +1px 이라 마지막 선이 박스 외곽선과 겹쳐 안 보임
   - 신약도 +1px 로 통일 → 마지막 선이 박스 외곽 너머로 밀려나 안 보임
   - 모바일(≤640px) 미변경
   ============================================================ */
@media (min-width: 76.25em) {
    .biblenav .books .nt ul {
        background-size: calc(25% + 1px) 100% !important;
    }
}

/* 댓글 새로고침 회전 + 아바타 + 작성자 이동 버튼 */
@keyframes cmt-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.cmt-spin.spin svg { animation: cmt-spin 0.6s linear infinite; }
.cmt-avatar { width: 36px; height: 36px; border-radius: 50%; background: #eee; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.cmt-avatar img { width: 100%; height: 100%; object-fit: cover; }
.cmt-avatar svg { width: 22px; height: 22px; color: #bbb; }
.cmt-author-link { display: inline-flex; align-items: center; color: #999; cursor: pointer; padding: 0 2px; }
.cmt-author-link:hover { color: #555; }

/* ── 네이버식 댓글 레이아웃 (배경색 없음, 좌우 정렬 통일) ── */
.cmt-list { margin: 0; padding: 0; }
.cmt-item { border-bottom: 1px solid #f0f0f0; }
.cmt-box { display: flex; gap: 0.7rem; padding: 0.9rem 0; align-items: flex-start; }
.cmt-body { flex: 1 1 auto; min-width: 0; }
.cmt-head { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.cmt-name { font-weight: 700; font-size: 0.9rem; color: #333; }
.cmt-time { color: #aaa; font-size: 0.8rem; }
.cmt-text { margin: 0.35rem 0; font-size: 0.92rem; color: #222; line-height: 1.5; word-break: break-word; }
.cmt-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 0.3rem; }
.cmt-actions { margin-left: auto; display: flex; align-items: center; gap: 0.2rem; }
.cmt-badge-mine { font-size: 0.7rem; color: #666; background: #eee; padding: 1px 6px; border-radius: 3px; }
.cmt-replytoggle { background: none; border: none; cursor: pointer; color: #777; font-size: 0.82rem; padding: 0; font-weight: 600; }
.cmt-replies { margin: 0 0 0 2.5rem; padding: 0; border-left: 2px solid #f0f0f0; padding-left: 0.8rem; }
.cmt-replies .cmt-item { border-bottom: 1px solid #f5f5f5; }
.cmt-avatar-sm { width: 28px; height: 28px; }
.cmt-deleted { padding: 0.9rem 0; }

/* 네이버식 대댓글 회색 박스 */
.cmt-replywrap { background: #f7f8f9; margin: 0 0 0.5rem 2.8rem; padding: 0.3rem 1rem; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }
.cmt-replywrap .cmt-replies { margin: 0; border-left: none; padding-left: 0; }
.cmt-replywrap .cmt-item { border-bottom: 1px solid #ececec; }
.cmt-replywrap .cmt-item:last-child { border-bottom: none; }
.cmt-replyform { padding: 0.6rem 0; }
.cmt-replyform textarea { background: #fff; }
.cmt-replyfold { text-align: center; padding: 0.6rem 0; color: #888; font-size: 0.83rem; cursor: pointer; border-top: 1px solid #e4e4e4; background: #f8f8f8; }

/* 대댓글 들여쓰기 화살표 (왼쪽 여백) */
.cmt-reply-box { position: relative; }
.cmt-indent-arrow { flex: 0 0 auto; align-self: flex-start; margin-top: 6px; }


/* ============================================================
   [카드 슬라이더 화살표 항상 표시] 2026-06-19
   - tns loop:false + 카드 5개 + items:5 → 양쪽 버튼 disabled 처리되어 흐림/숨김
   - disabled 여도 선명하게 항상 보이도록 강제 (3섹션 공통)
   - 클릭 동작 자체는 tns 가 관리(넘길 게 없으면 무동작) — 표시만 복원
   ============================================================ */
.card-slider-wp .col-hd .controls {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.card-slider-wp .col-hd .controls .control {
    visibility: visible !important;
    opacity: 1 !important;
}
.card-slider-wp .col-hd .controls .control:disabled {
    opacity: 0.35 !important;
    visibility: visible !important;
    cursor: default;
}


/* ============================================================
   [5섹션 타이틀 폰트 버튼높이 맞춤] 2026-06-19
   - 좌우 화살표/+버튼 박스(40px)에 맞춰 타이틀 폰트 키움
   - 폰트 28px + line-height 40px → 버튼과 동일 높이감, col-hd(52px) 안 세로중앙 유지
   - 5섹션 공통(오늘의말씀/성경구절찾기/BEST/VERSES/지식인), PC(641px+) 적용
   - 모바일은 기존 유지(미디어쿼리 분리)
   ============================================================ */
@media (min-width: 641px) {
    .col-hd .justify-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
    }
    .todays-word .col-hd .h2,
    main > .row > .container > .col-hd .h2,
    .card-slider-wp .col-hd .h2,
    .home-verses .col-hd .h2,
    .todays-word .col-hd .h2 > a,
    main > .row > .container > .col-hd .h2 > a,
    .card-slider-wp .col-hd .h2 > a,
    .home-verses .col-hd .h2 > a {
        font-size: 1.5rem !important;
        line-height: 1 !important;
        height: auto !important;
        margin: 0 !important;
        vertical-align: middle;
    }
}

/* ── BIBLE VERSES 타이틀 제거 (06-24): 타이틀 숨김 + 헤더 빈 띠 접기 + 실선/간격 정리 ── */
.home-verses .col-hd .h2 { display: none !important; }
.container .home-verses .col-hd .justify-row { display: none !important; }
.home-verses > .col-hd,
.home-verses .col-hd {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.home-verses {
  border-top: 1px solid #ececec;
  margin-top: 18px;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
#global-notice-bar { margin-top: 0; margin-bottom: 7px; }
main > .box-light { padding-top: 7px; }