/* */
/* Fullwidth layout for Stories CPT and Support page */
/* */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container.soundcloud {
	padding-bottom: 18%;
}
.video-container.video169 {
	padding-bottom: 56.25%;
}
.video-container.video43 {
	padding-bottom: 75%;
}
.story-side-nav {
	display: none;
}
@media (max-width: 599px) {
.story-page {
	padding: 15px 15px 0 15px;
	background-image: none !important;
/*	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/	
}
.story-section {
	
}
.story-section:after {
	content: " ";
	display: block;
	clear: both;
}
.story-page .story-img {
	margin-bottom: 10px;
}
.story-page .story-title {
	font-size: 1.7rem;
	line-height: 1.9rem;
	margin-bottom: 1rem;
}
.story-box.left,
.story-box.right {
	margin: 0;
}
}
@media (min-width : 600px) {
.story-nav-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 6000;
}
.story-side-nav {
	display: block;
	position: fixed;
	top: 100px;
	font-size: 10px;
}
.story-side-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.story-side-nav a {
	display: inline-block;
	background-color: rgba(108,194,213,.1);
	padding: 6px;
	margin: 10px;
	color: #000;
	border-radius: 6px;
}
.story-side-nav a:hover {
	color: #fff;
	background-color: rgba(108,194,213,.3);
}
.single-stories .uk-container,
.page-id-12108 .uk-container,
.post-type-archive-events .uk-container {
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	background: #fff;
}
.single-stories .uk-navbar-nav,
.page-id-12108 .uk-navbar-nav,
.post-type-archive-events .uk-navbar-nav {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.story-book {
}
.story-page {
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-attachment: fixed;
/*	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
*/	
}
.story-page:nth-child(2n) {
	height: 75vh;
}
.story-page:nth-child(2n+1) {
	-webkit-box-shadow: inset 0px 0px 130px 13px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 130px 13px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 130px 13px rgba(0,0,0,0.75);
}
.story-section {
	width: 100%;
	max-width: 1100px;
	height: 100%;
	max-height: 100vh;
	margin: auto;
	position: relative;
}
.story-box {
	transform: translateZ(-1px);
}
.story-box.white,
.story-box.white em,
.story-box.white i {
	color: #fff;
}
.story-box.black,
.story-box.black em,
.story-box.black i {
	color: #000;
}
.story-box.text-left {
	text-align: left;
}
.story-box.text-center {
	text-align: center;
}
.story-box.text-right {
	text-align: right;
}
.story-box.small {
	width: 30%;
	min-width: 300px;
}
.story-box.medium {
	width: 60%;
	min-width: 300px;
}
.story-box.large {
	width: 90%;
	min-width: 300px;
}
.story-box.left {
	float: left;
}
.story-box.middle {
	margin-left: auto;
	margin-right: auto;
}
.story-box.right {
	float: right;
}
.story-box.top {
	padding-top: 50px;
	margin-top: 50px;
}
.story-box.vmiddle {
	position: relative;
	top: 50vh;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.story-page:nth-child(2n) .story-box.vmiddle {
	top: 38vh;
}
.story-box.bottom {
	position: absolute;
	bottom: 0;
	transform: translateY(-13%);
	-webkit-transform: translateY(-13%);
    -ms-transform: translateY(-13%);
}
.story-page .story-img {
	display: none;
}
.story-page .story-title {
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}
.story-page a.cfs-hyperlink {
	display: inline-block;
	background: #15A8B2;
	color: #fff;
	margin: 13px 6px;
	padding: 10px 13px 6px 13px;
	border-radius: 6px;
	cursor: pointer;
}
.story-page a.cfs-hyperlink:hover {
	background-color: #3AD5E3;
}

.story-contents.transparent,
.story-contents.whitebg,
.story-contents.blackbg {
	border-radius: 7px;
	padding: 20px;
	
}

.story-contents.whitebg {
	background-color: rgba(0,0,0,1.00);

}

.story-contents.blackbg {
	background-color: rgba(255,255,255,1.00);

}

.story-contents.light.blackbg {
	background-color: rgba(0,0,0,.3);
}

.story-contents.light.whitebg {
	background-color: rgba(255,255,255,.3);
}

.story-contents.mediumb.blackbg {
	background-color: rgba(0,0,0,.6);
}

.story-contents.mediumb.whitebg {
	background-color: rgba(255,255,255,.6);
}

.story-contents.dark.blackbg {
	background-color: rgba(0,0,0,.8);
}

.story-contents.dark.whitebg {
	background-color: rgba(255,255,255,.8);
}
/* Support Page */
.page-id-12108 .uk-article {
	box-shadow: none;
	text-align: center;
	font-size: 17px;
	line-height: 28px;
	padding: 0;
}
.page-id-12108 .uk-article-title {
	display: none;
}
.article-support .light .support-title,
.article-support .light .support-body {
	color: #fff;
}
.article-support .dark .support-title,
.article-support .dark .support-body {
	color: #000;
}
.article-support .support-title {
	margin: 20px;
}
.article-support .support-body {
	padding: 15px 80px;
}
.article-support section {
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-attachment: fixed;
}
.article-support section:nth-of-type(odd) {
	height: 80vh;
	-webkit-box-shadow: inset 0px 0px 181px 50px rgba(0,0,0,0.72);
	-moz-box-shadow: inset 0px 0px 181px 50px rgba(0,0,0,0.72);
	box-shadow: inset 0px 0px 181px 50px rgba(0,0,0,0.72);
}
.article-support section:nth-of-type(even) {
	height: 50vh;
}
.article-support section.fixed-height {
	
}
.article-support .support-content {
	padding: 60px;
	width: 980px;
	margin: auto; 
}
}
.gf_browser_chrome.gform_wrapper.uk-form.support_wrapper {
	margin: 0 -60px 0 -50px;
	max-width: 1200px;
}
#input_27_1 li {
	width: auto;
	float: left;
	margin-right: 10px;
}

#input_27_1 li input {
	display: none;
}
#input_27_1 li input + label {
	width: 300px;
	height: 75px;
	text-indent: -9999px;
	display: inline-block;
	margin: 0;
  border-radius: 4px;
}
#input_27_1 li:first-child input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-familyfed.png) no-repeat top left;
}
#input_27_1 li:first-child input:checked + label,
#input_27_1 li:first-child input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-fmailyfed-hover.png);
}
#input_27_1 li:nth-child(2) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-blessing-coverage.png) no-repeat top left;
}
#input_27_1 li:nth-child(2) input:checked + label,
#input_27_1 li:nth-child(2) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-blessing-coverage-hover.png);
}
#input_27_1 li:nth-child(3) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-community.png) no-repeat top left;
}
#input_27_1 li:nth-child(3) input:checked + label,
#input_27_1 li:nth-child(3) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-community-hover.png);
}
#input_27_1 li:nth-child(4) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-divine-principle-videos.png) no-repeat top left;
}
#input_27_1 li:nth-child(4) input:checked + label,
#input_27_1 li:nth-child(4) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-divine-principle-videos-hover.png);
}
#input_27_1 li:nth-child(5) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-dplife.png) no-repeat top left;
}
#input_27_1 li:nth-child(5) input:checked + label,
#input_27_1 li:nth-child(5) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-dplife-hover.png);
}
#input_27_1 li:nth-child(6) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-event-coverage.png) no-repeat top left;
}
#input_27_1 li:nth-child(6) input:checked + label,
#input_27_1 li:nth-child(6) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-event-coverage-hover.png);
}
#input_27_1 li:nth-child(7) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-in-memoriam.png) no-repeat top left;
}
#input_27_1 li:nth-child(7) input:checked + label,
#input_27_1 li:nth-child(7) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-in-memoriam-hover.png);
}
#input_27_1 li:nth-child(8) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-live-coverage.png) no-repeat top left;
}
#input_27_1 li:nth-child(8) input:checked + label,
#input_27_1 li:nth-child(8) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-live-coverage-hover.png);
}
#input_27_1 li:nth-child(9) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-national-ministry.png) no-repeat top left;
}
#input_27_1 li:nth-child(9) input:checked + label,
#input_27_1 li:nth-child(9) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-national-ministry-hover.png);
}
#input_27_1 li:nth-child(10) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-this-week-in-history.png) no-repeat top left;
}
#input_27_1 li:nth-child(10) input:checked + label,
#input_27_1 li:nth-child(10) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-this-week-in-history-hover.png);
}
#input_27_1 li:nth-child(11) input + label {
	background: url(http://familyfed.org/wp-content/uploads/donation-weekly-update.png) no-repeat top left;
}
#input_27_1 li:nth-child(11) input:checked + label,
#input_27_1 li:nth-child(11) input + label:hover {
	background-image: url(http://familyfed.org/wp-content/uploads/donation-weekly-update-hover.png);
}

/* --- Event Calendar --- */
.post-type-archive-events .tm-content > h1 {
	text-align: center;
}
.event-date {
	color: #fff;
	background: #429AAD;
	border-radius: 3px;
	margin-right: 4px;
	padding: 2px 4px;
	width: auto;
	height: 18px;
	font-weight: bold;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.month li:hover .event-date {
	background-color: #77C0D8
}
.event_category-peace-bike .event-category a {
	background: #4BA5CC;
	color: #fff;
	padding: 1px 3px;
	margin: 0 3px;
	pointer-events:none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.single-events .tm-sidebar-b .uk-panel-box {
	background: #fafafa;
}
.event-b-title {
	color: #888;
	font-size: 18px;
	border-top: 1px solid #eee;
	padding-top: 10px;
}
.single-events .event-announcement {
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	color: #898989;
}
.single-events .event-announcement.special {
	background: rgba(7,81,124,.9);
	color: #F8E169;
}
.single-events .event-announcement.special .event-b-title {
	border-color: #558786;
	color: #FFFFFF;
}
.single-events .tm-article .tm-article-content.tm-article-date-true {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 130px;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	margin: 0;
	padding: 20px 15px;
}
.single-events .tm-article .default-event-image .tm-article-content.tm-article-date-true {
	height: 260px;
	background: transparent;
}
.single-events .tm-article .tm-article-content.tm-article-date-true.featured-video {
	position: relative;
	background: #fff;
	height: auto;
}
.single-events .tm-article .tm-article-content.tm-article-date-true.featured-video .uk-article-title {
		color: #03536E;
		font-size: 30px;
}
.single-events .tm-article .tm-article-content.tm-article-date-true .uk-article-title {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
.single-events .tm-article .tm-article-date-true .tm-article-date {
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
	box-sizing: border-box;
	background: rgba(7,81,124,.9);
	padding: 2px;
}
.single-events .uk-form textarea {
	width: 100%;
}
.single-events .event-registration {
	margin-bottom: 15px;
}
.single-events .event-registration a {
	width: 100%;
	padding: 30px;
	font-size: 16px;
	line-height: 20px;
}
.single-events .motto.event {
	padding: 0;
}
.event-live a {
	display: block;
	widht: 100%;
	box-sizing: border-box;
	line-height: 20px;
	padding: 30px;
}
.event-live.not-active a.uk-button-success {
   pointer-events: none;
   cursor: default;
	 color: #eee;
	 background-image: webkit-linear-gradient(top, #BBD8AE, #A2BE8F);
	 background-image: linear-gradient(to bottom, #BBD8AE, #A2BE8F);
}
.event-faq {
	position: relative;
	margin: 30px 0;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.event-faq .e-question,
.event-faq .e-answer {
	padding-left: 30px;
}
.event-faq .e-question:before,
.event-faq .e-answer:before {
	display: inline-block;
	position: absolute;
	width: 23px;
	height: 23px;
	border-radius: 4px;
	left: 0;
	color: #fff;
	text-align: center;
}
.event-faq .e-question:before {
	content: "Q";
	background: #729BB4;
}
.event-faq .e-answer:before {
	content: "A";
	background: #9AC2BA;
}
.event-faq .e-question {
	margin-bottom: 0;
}
.event-faq .e-answer {
	margin-top: 3px;
	color: #666;
}
.event-item:hover img {
	opacity: .7;
}
.calender-day {
	border: 1px solid #EEE;
	box-sizing: border-box;
	padding: 20px;
}

@media (min-width : 768px) {
.month {
	width: 8.3333333333%;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	float: left;
	border: 1px solid #eee;
	min-height: 50vh;
}
.month ul,
.month ul li {
	padding: 0;
	margin: 0 0 13px 0;
	list-style: none;
	font-size: 12px;
	line-height: 15px;
}
.month h3 {
	font-size: 16px;
	border-bottom: 1px solid #A7BDC3;
	padding: 0 0 6px 0;
	margin: 6px 0;
	text-align: center;
}
.day {
	width: 14%;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	float: left;
	border: 1px solid #eee;
	min-height: 200px;
}
.day ul,
.day ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.day h3 {
	font-size: 16px;
	border-bottom: 1px solid #A7BDC3;
	padding: 0 0 6px 0;
	margin: 6px 0;
	text-align: center;
}
.day li {
	font-size: 13px;
}
}
@media (max-width: 767px) {
	.month > ul {
		padding-left: 6px;
	}
	.month ul li {
		list-style: none;
	}
	.month h3 {
		border-top: 1px solid #eee;
		margin-top: 6px;
		font-size: 21px;
		text-align: center;
	}
	.event-date {
		width: 30px;
		height: auto;
	}
}


/* Dcas Added - Directory */
@media (max-width: 992px) and (min-width: 834px) {
/*#contact-share {
	position: relative;
	top: 40px;
	width: 175px;
}*/

}

@media (max-width: 767px) {
#contact-share {
	position: relative;
	top: -33px;
}

}