/* 
Theme Name: Answers by Missional Marketing
Theme URL: https://missionalmarketing.com
Description: Custom theme for Missional Marketing's Real Life websites
Author: Decodist.com
Author URL: https://decodist.com
Version: 2.0
Text Domain: answers
*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
body {
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.625 !important;
	margin: 0;
	background-color: #eee !important;
}
/* fonts */
body, #page.answers, .text-block-container h2, .sub-heading h2, header h1 {
	font-family: 'Lato', sans-serif !important;
}
.single-post #page.connections {
	font-family: 'Roboto', sans-serif;
}
.social-links a {
	text-decoration: none;
}
p {
	margin: 0 0 1.5em !important;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #06C;
	text-decoration:underline;
	transition: all .10s linear;
}
.site {
	position: relative;
}
.home #main {
    margin-top: 55px;
}
.custom-logo-link {
	display: inline-block;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
}
#site-header,
.clearfix {
	display: inline-block;
}
.clearfix {
	width: 100%;
}
.site-content {
	width: 100%;
	display: block
}
.home .site-content, .archive .site-content {
	width: 1180px;
	max-width: 90%;
	margin: 0 auto;
}
.sheader {
	position: relative;
}
.primary-menu {
	margin: 0;
	position: relative;
	z-index: 2
}
.home-title-row {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	text-transform: capitalize;
}
.featured-thumbnail img {
	width: 100%;
	height: auto;
	max-height: 162px;
	object-fit: cover;
	object-position: top;
}
.featured-thumbnail {
	float: left;
	display: inline-block;
	min-width: 100%;
	width: 100%;
	position: relative;
	text-align: center;
}
.post-category-label {
	font-style: italic;
    color: #ccc;
    position: absolute;
    bottom: 5px;
    right: 20px;
    font-size: 14px;
}
#site-header {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin: 0;
	background: #fff;
}
#site-header a {
	display: block;
}
.header-button a.sub-switch {
	color: white;
}
.tag-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}
.tag-links-item {
	margin: 2px;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
.all-blog-articles {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	justify-content: space-around;
   	column-gap: 5%;
}
.blogposts-list {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	max-width: 48%;
	flex: 1 1 48%;
}
@media screen and (max-width: 418px) {
	.blogposts-list {
		max-width: 100%;
		flex: 1 1 100%;
	}
}
article.blogposts-list {
	margin-bottom: 55px;
}
article .entry-content {
	line-height: 150%;
	font-size: 16px;
}
.single article .entry-content, .page article .entry-content {
	color:#000;
}
/* footer credits */
.site-info, .site-info a {
	float: left;
	font-size: 14px;
	width: 100%;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #fff;
}
.site-info a {
	padding: 0;
	text-decoration: underline;
}
.site-info .site-credits a {
	float: none;
}
@media screen and (max-width: 418px) {
	.answers .site-credits,
	.felt-needs .site-credits {
		font-size: 0.8em;
	}
}
.social-links {
	padding: 30px 0;
}
.site-nap .footer-client-name {
	font-weight: bold;
	font-size: 16px;
}
.footer-cta-container.feltneeds .site-nap,
.footer-cta-container.answers .site-nap {
	text-align: center;
}
.footer-cta-container.feltneeds .site-nap > *,
.footer-cta-container.answers .site-nap > * {
	margin-bottom: 1em;
}
.footer-cta-container.feltneeds .social-links,
.footer-cta-container.answers .social-links {
	padding: 0;
	justify-content: space-around;
}
.footer-cta-container.feltneeds .social-links a,
.footer-cta-container.answers .social-links a {
	color: #fff;
}
.footer-cta-container.feltneeds h2,
.footer-cta-container.answers h2 {
	margin-top: 10px;
}
footer {
	display: flex !important;
	justify-content: space-around;
	align-items: center;
	min-height: 100px;
}
footer .site-credits,
footer .site-credits a {
	color: #bbb;
	background: black;
}
.connections footer .site-credits,
.connections footer .site-credits a {
	color: inherit;
	background: inherit;
}
.social-links {
	display: flex;
	width: 200px;
}
/* footer for Invite pages */
.site-info.invite {
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	opacity: 1;
}
.social-links.invite {
	display: flex;
	flex-direction: column;
}
.site-nap.invite {
	text-align: left;
}
@media screen and (max-width: 767px) {
	.site-info.invite {
		flex-direction: column;
		gap: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.site-nap.invite {
		text-align: center;
	}
}
.site-nap .footer-client-name {
	font-size: 1.5em;
}
.social-links.invite,
.site-nap.invite,
.footer-buttons.invite {
	flex-basis: 33.33%;
    flex-shrink: 0;
}
.footer-buttons.invite .mm-button.invite-button {
	margin: 10px;
	max-width: 80%;
}
@media screen and (max-width: 768px) {
	.footer-buttons.invite .mm-button.invite-button {
		margin: 10px auto;
		max-width: 220px;
	}
}
@media screen and (max-width: 375px) {
	.footer-buttons.invite .mm-button.invite-button {
		max-width: 100%;
	}
}
.footer-icons.invite {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.footer-icons.invite a {
	width: initial;
	padding: 10px;
}
.site-credits.invite {
	flex-basis: 100%;
	flex-grow: 3;
}
.primary-menu {
	float:left;
}
.top-nav-wrapper {
	background: #00588e;
	display: block;
	float: left;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	padding: 10px 0;
}
.single-post .invite .top-nav-wrapper {
	max-width: 1400px;
    margin: auto;
    display: block;
	float: initial;
}
.single-post .invite .top-nav-wrapper .logo-container img {
	height: 100px;
}
.primary-menu .pmenu {
	margin: auto;
	display: inline-block;
	float:right;
	text-align:center;
	background:#fff;
}
/* homepage styling */
.content-wrapper {
	float: left;
	width: 100%;
	position: relative;
}
.content-wrapper h2.entry-title {
	margin: 0 0 5px;
	color: #212121;
	font-size: 30px;
	font-weight: 900;
	line-height: 110%;
	text-align: center;
}
.content-wrapper h2.entry-title a,
.content-wrapper h2.entry-title a:hover,
.content-wrapper h2.entry-title a:active,
.content-wrapper h2.entry-title a:focus {
	color: #212121;
	font-size: 22px;
	line-height: 110%;
	font-weight: 700;
	margin: 0;
	text-decoration: none;
	padding: 20px 10px 40px 10px;
	display: block;
}
.site-footer {
	width: 100%;
	background: #000;
	position: absolute;
}
/* Default, Felt Needs and Answers pages */
.content-wrap, .sheader, .site {
	background: white;
}
footer .content-wrap {
	background: inherit;
}

/* Page and Content widths */
/* Felt Needs and Answers content width */
.answers .single-post .entry-content,
.answers .featured-content,
.answers .content-wrap,
.felt-needs .single-post .entry-content,
.felt-needs .featured-content,
.felt-needs .content-wrap {
	max-width: 1200px;
	margin: auto;
}
/* Connect & Invite page width */
.connections .content-wrap,
.connections .sheader,
.connections {
	max-width: 1920px;
}
.invite .content-wrap,
.invite .sheader,
.invite,
.invite .featured-content,
.invite .single-post .entry-content {
	max-width: 100%;
}
.invite .entry-header {
	width: 100% !important;
}
@media screen and (max-width: 769px) {
	.single-post .entry-header {
		margin-top: -400px;
		width: 90%;
	}
	.title-intro {
		width: 70%;
		margin-bottom: 20px;
	}
}
.archive .connections .content-wrap,
.archive .connections .sheader,
.archive .connections.site,
.archive .invite .content-wrap,
.archive .invite .sheader,
.archive .invite.site {
	max-width: 1200px;
}
.connections .entry-content {
	width: inherit;
}
/* END Page and Content widths */

.hentry {
	margin-bottom: 0;
}
/* never show the mobile menu  */
.super-menu, .toggle-mobile-menu {
	display: none !important;
}
.main-navigation {
	display: inherit;
}
/* headings */
.single h1.entry-title,
.page h1.entry-title {
	font-size: 30px;
	font-weight: 900;
	line-height: 140%;
}
.single h1.entry-title {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.single h1.entry-title {
		min-height: 120px;
	}
	.single .connections h1.entry-title {
		min-height: initial;
	}
}
h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
	text-align: center;
	margin-top: 0;
}
h2 {
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 32px !important;
	margin-top: 20px;
	margin-bottom: 20px;
}
.sub-heading h2 {
	font-weight: 700;
}
.text-block-container h2 {
	font-weight: bold;
}
h3 {
	font-size: 28px;
	line-height: 28px;
}
/* fallback for missing logo image */
.logofont {
	color: #4e9af0;
}
.clear {
	clear: both;
}
/* shrink the header image */
.bottom-header-wrapper {
	height: 200px;
	overflow: hidden;
}
/* hero height */
.single-post .sheader,
.single-post .sheader:after {
	 height: 600px;
}
.invite .sheader,
.invite .sheader:after {
	 height: initial;
}
/* things that are centered */
.site, .single-post .sheader, .single-post .entry-content, .title-intro, .single-post .entry-header, .sub-heading, .sub-heading-intro, .sub-heading-text, .sub-heading-intro:after, .bible, .middle-action, .content-middle, .content-middle-felt-needs, .meet-people, .pascal-container, .footer-cta-container, .text-block, .what-can-text, .going-further-text, .sub-heading h2, .social-links, .email-capture-form, .connections .entry-content.connections-form-container {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* things that have centered text */
.title-intro, .sub-heading, .sub-heading-intro, .sub-heading-text, .safe-place, .sub-heading-bible, .middle-action, .sub-heading-skeptics, .sub-heading-text-block, .meet-people, .pascal-container, .footer-cta-container, .what-can-text, .going-further-text, .invite h1.entry-title, .invite .entry-header .supertext, .invite .entry-header .first-heading-text {
	text-align: center;
}
/* things with drop shadows */
.sub-image-a, .sub-image-b, .safe-place, .skeptics, .text-block, .meet-people, article.blogposts-list {
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);
}
/* things that have white text */
.single-post .entry-header h1,
.title-intro, .watch-online h2,
.watch-online,
.prayer-request,
.prayer-request h2,
.footer-cta-item,
.footer-cta-item h2,
.invite .entry-header .supertext,
.invite .entry-header .first-heading-text {
   color: #fff !important;
}
.prayer-request h2 {
	margin-top: 0;
}
.blogposts-list {
	max-width: 30%;
}
@media screen and (max-width: 768px) {
	.blogposts-list {
		max-width: 40%;
	}
	.all-blog-articles {
		justify-content: space-evenly;
	}
}
@media screen and (max-width: 415px) {
	.blogposts-list {
		max-width: 90%;
	}
}
/* post page styling */
.single-post .sheader {
	margin-bottom: 0;
	display: inherit;
}
.single-post .top-nav-wrapper {
	box-shadow: none;
	background: transparent; 
}
.single-post .sheader {
	background: #fff;
}
.single-post .sheader:after {
	width: 100%;
	background-blend-mode: overlay;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	visibility: inherit;
}
.sub-heading h2 {
	margin-bottom: 0;
	text-transform: capitalize;
	width: 95%;
}
/* logo size */
.logo-container {
	float: left;
	padding-left: 5%;
}
.custom-logo {
	height: 70px;
	width: auto;
}
.header-button {
	float: right;
	padding-top: 15px;
	padding-right: 5%;
}
@media screen and (max-width: 415px) {
	.logo-container {
		padding-left: 2%;
	}
	.header-button {
		display: none;
	}
}
.title-intro {
	width: 30%;
	height: 250px;
	margin-top: 20px;
}
.sub-heading-intro, .sub-heading-text {
	width: 60%;
}
.sub-heading-text {
	margin-bottom: 40px;
}
.static-sub-heading {
	font-size: 14px;
    letter-spacing: 4px;
    color: #4e9af0;
    line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}
@media screen and (max-width: 765px) {
	.sub-heading-intro, .sub-heading-text {
		width: 90%;
	}
}
/* decorative line */
.sub-heading-intro:after {
	content: "";
	display: block;
	height: 2em;
	width: 40%;
	border-bottom: 1px solid #4e9af0;
	margin-bottom: 2em;
} 
.single-post .entry-header {
	margin-top: -400px;
	width: 50%;
	height: 200px;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	row-gap: 20px;
}

.single-post .entry-title {
	text-transform: uppercase;
}
.sub-image-a,
.sub-image-b,
.what-can-text {
	z-index: 10;
}
.sub-image-a {
	width: 400px;
	height: 400px;
	background: url('/wp-content/themes/answers/images/theme/person2.jpg');
	background-size: cover;
	float: left;
	margin-top: 80px;
	position: relative;
	border-radius: 5px;
}
@media screen and (max-width: 820px) {
	.sub-image-a {
		display: none;
	}
	.sub-image-b {
		max-width: 100% !important;
	}
}
.sub-image-b {
	width: 100%;
	max-width: 50%;
	height: 400px;
	background: url('/wp-content/themes/answers/images/theme/person1.jpg');
	background-size: cover;
	margin-top: 2%;
	float: right;
	position: relative;
	border-radius: 5px;
}
.invite .sub-image-a,
.invite .sub-image-b {
	margin: 0 auto;
	max-width: initial;
	box-shadow: none;
	height: 300px;
	width: 100%;
	border-radius: 0;
}
@media screen and (min-width: 768px) {
	.invite .sub-image-a,
	.invite .sub-image-b {
		height: 40em;
	}
}
.content-middle,
.content-middle-felt-needs {
	height: 800px;
	padding-top: 2%;
}
.content-middle-felt-needs {
	height: 550px;
}
.content-middle:after, .text-block-container:after  {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width: 767px) {
	.sub-image-a {
		display: none;
	}
	.sub-image-b {
		height: 300px;
	}
	.content-middle {
		height: 480px !important;
	}
	.content-middle-felt-needs {
		height: 410px !important;
	}
}
/* dotted line decoration (answers posts) */
.content-middle:after {
	z-index: 2;
	position: relative;
	top: -50px;
	left: 60%;
	height: 100%;
	border-left: 3px dashed #6ca0bc;
}
/* dotted line decoration (felt needs posts) */
.vertical-line {
	height: 120px;
	z-index: 1;
}
.vertical-line::after {
	content: "";
    position: relative;
    top: 52%;
    left: 50%;
    height: 120px;
    border-left: 3px dashed #6ca0bc;
    transform: translate(-50%, -50%);
    display: inline-block;
}
@media screen and (max-width: 768px) {
	.vertical-line {
		height: 60px;
	}
	.content-middle:after, .content-middle-felt-needs:after {
		top: 0;
		left: 50%;
	}
}
.safe-place {
	width: 50%;
	margin: -200px 0 50px 35%;
	background: #fff;
}
.skeptics-container {
	padding-top: 1%;
}
.text-block-container {
	display: flex;
    align-items: center;
}
.skeptics, .text-block {
	width: 70%;
	background: #fff;
}
.skeptics {
	margin: 50px 0 50px 15%;
}
.safe-place, .skeptics, .text-block {
	padding: 20px;
	border-radius: 10px;
	position: relative;
	z-index: 10;
}
@media screen and (max-width: 768px) {
	.skeptics, .text-block {
		width: 90%;
		margin: 0 auto 30px auto;
		padding: 10px;
	}
	.safe-place {
		width: 90%;
		margin: -100px auto 40px auto;
		padding: 10px;
	}
}
/* watch online */
article.post {
	position: relative; /* secret sauce for 100% width sections */
}
.watch-online-spacer, .watch-online-container {
	height: 400px; /* because .watch-online-container is absolute */
}
.what-can-container, .going-further-container {
	height: 300px;
	display: flex;
	align-items: center;
	position: relative !important;
}
@media screen and (max-width: 820px) {
	.what-can-container {
		height: 200px;
		opacity: 1 !important;
		z-index: 10;
	}
}
.going-further-container {
	flex-direction: column;
	justify-content: center;
	height: auto;
	padding-top: 50px;
    padding-bottom: 100px;
}
.watch-online-container, .going-further-container {
	width: 100%;
	background: url('/wp-content/themes/answers/images/theme/watch-online.jpg'), linear-gradient(rgb(20, 45, 66),rgb(20, 45, 66));
	background-blend-mode: overlay;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	left: 0;
	visibility: inherit;
	z-index: 3;
}
.watch-online-container {
	width: 100vw;
    left: calc(-50vw + 50%);
}
.what-can-container {
	width: 100vw;
    left: calc(-50vw + 50%);
	opacity: 0.8;
}
.content-middle-felt-needs:after {
	content: '';
	width: 100vw;
	left: calc(-50vw + 50%);
	height: 60vh;
	display: block;
	position: absolute;
	background-size: cover;
	transform: translateY(30%);
	z-index: 0;
	filter: saturate(0);
	opacity: 0.4;
}
@media screen and (max-width: 768px) {
	.going-further-container {
		clip-path: polygon(20% 0, 100% 5%, 100% 90%, 80% 100%, 0 90%, 0 5%);
		background-size: cover;
	}
}
@media screen and (max-width: 820px) {
	.content-middle-felt-needs:after {
		display: none;
	}
}
.watch-online {
	width: 60%;
	position: relative;
	top: 25%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	.watch-online {
		width: 90%;
	}
}
.watch-icon {
	background: url('/wp-content/themes/answers/images/theme/watch-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 180px;
	width: 30%;
	display: inline-block;
	margin-top: 25px;
}
.watch-text {
	float: right;
	width: 60%;
}
@media screen and (max-width: 1025px) {
	.watch-text {
		padding-left: 20px;
	}
}
@media screen and (max-width: 415px) {
	.watch-online {
		width: 90%;
		top: 20%;
	}
	.watch-icon {
		width: 25%;
	}
	.watch-text {
		width: 65%;
	}
}
.what-can-text, .going-further-text {
	color: #fff;
	position: relative;
	width: 80%;
	text-transform: capitalize;
}
.resource-collection {
	display: grid;
    width: 90%;
    grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 415px) {
	.resource-collection {
		grid-template-columns: 1fr;
	}
}
.resource-collection, .resource-collection a {
	color: white;
}
.resource-item {
	min-width: 20%;
    padding: 20px;
}
@media screen and (max-width: 768px) {
	.resource-item {
		min-width: 90%;
		max-width: 90%;
	}
}
.resource-title {
	font-weight: bold;
}
.resource-byline {
	font-style: italic;
}
.resource-text {
	border-top: 1px solid #cbe5f3;
    padding-top: 15px;
	margin-top: 20px;
	display: block;
}
.bible-container {
	width: 100vw;
    left: calc(-50vw + 50%);
    position: relative;
	display: block;
	margin-top: 40px;
}
.sub-heading-bible {
	background: #fff;
}
.sub-heading-bible h2 {
	margin-bottom: 0;
}
.sub-heading-bible-text {
	width: 49%;
	display: inline-block;
	padding-left: 200px;
	margin-top: 50px;
}
.sub-heading-bible-image {
	height: 650px;
	width: 35%;
	background: url('/wp-content/themes/answers/images/theme/bible.png');
	background-size: cover;
	float: right;
}
@media screen and (max-width: 820px) {
	.sub-heading-bible-text {
		width: 90%;
		display: block;
		padding-left: 0;
		padding-right: 0;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	.sub-heading-bible-image {
		display: none;
	}
}
.middle-action {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 80%;
}
.meet-people-container {
	background: url('/wp-content/themes/answers/images/theme/people.jpg');
	background-size: cover;
	height: 500px;
	width: 100vw;
    left: calc(-50vw + 50%);
    position: relative;
}
.meet-people {
	width: 50%;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	top: 30%;
	position: relative;
}
@media screen and (max-width: 1023px) {
	.meet-people {
		width: 90%;
		padding: 10px;
	}
}
.pascal-container {
	margin-top: 130px;
	width: 80%;
	display: block;
}
@media screen and (max-width: 415px) {
	.pascal-container {
		margin-top: 300px;
	}
}
.pascal-image-1 {
	background: url('/wp-content/themes/answers/images/theme/pascal.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 600px;
}
@media screen and (max-width: 1024px) {
	.pascal-image-1 {
		height: 400px;
	}
}
@media screen and (max-width: 415px) {
	.pascal-image-1 {
		height: 200px;
	}
}
.pascal-image-2 {
	background: url('/wp-content/themes/answers/images/theme/premise2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
}
@media screen and (max-width: 820px) {
	.pascal-image-2 {
		height: 250px;
	}
}
@media screen and (max-width: 415px) {
	.pascal-image-2 {
		height: 150px;
	}
}
.pascal-text-1, .pascal-text-2 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.footer-cta-container {
	position: relative;
	width: 100vw;
    left: calc(-50vw + 50%);
	background: url('/wp-content/themes/answers/images/theme/footer-bible.jpg'), linear-gradient(rgb(20, 45, 66), rgb(20, 45, 66));
	background-blend-mode: overlay;
	background-size: cover;
	visibility: inherit;
	margin-top: 50px;
	background-repeat: no-repeat; /* iOS fix */
}
@media screen and (max-width: 415px) {
	.footer-cta-container {
		background-size: cover;
	}
}
.footer-cta-container {
	display: grid;
	padding: 6% 10%;
	gap: 2em;
}
.footer-cta-container > div {
  order: 1;
}
.footer-cta-container.feltneeds {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer-cta-container.answers {
    grid-template-columns: 1fr 3fr;
}
@media screen and (max-width: 1023px) {
	.footer-cta-container.feltneeds {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 768px) {
	.footer-cta-container > div:first-child {
        order: 2;
	}
	.footer-cta-container.feltneeds,
	.footer-cta-container.answers {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.footer-cta-container.feltneeds > * {
		text-align: center;
	}
}
.footer-cta-item {
	text-align: left;
}
@media screen and (max-width: 820px) {
	.footer-cta-item {
    	padding: 20px;
	}
}
.mm-button, .tag-links-item a {
	background-color: #4e9af1;
	border: 1px solid white;
	color: white;
	padding: 10px 32px !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	border-radius: 25px;
	text-transform: uppercase;
	max-width: 250px;
}
.mm-button:hover, .tag-links-item a:hover {
	filter: brightness(115%);
	text-decoration: inherit;
}
/* FormIO Common Styles & Overrides */
.pagination {
	display: none !important;
}
.fa {
	font-size: 25px !important;
}
.alert {
	display: none !important;
}
.formio-errors.invalid-feedback .form-text.error {
	display: none !important;
}
.formio-error-wrapper {
	padding: 0 !important;
	color: #fff !important;
	background-color: #bb5651 !important;
	border-color: #bb5651 !important;
}
/* END FormIO Common Styles */

/* fix for FormIO */
button.mm-button.nested {
	padding: 0 0 2px 0 !important;
}
button.mm-button.nested:hover, button.mm-button.nested:active, button.mm-button.nested:focus {
	filter: brightness(1);
	border: 1px solid transparent;
	outline: none;
	outline-offset: initial;
	box-shadow: none;
}
/* fix for FormIO */
button.btn-primary {
	border-color: transparent;
	white-space: normal;
}
.tag-links-item a {
	background-color: #00588e;
	font-size: 12px;
	min-width: 50px;
	padding: 10px 10px;
}
.text-block .mm-button {
	margin: 0 auto;
	display: block;
}
.space-above {
	margin-top: 30px;
}
input[type="text"], input[type="email"] {
	line-height: normal !important;
}
/* Lead capture forms */
#email-capture-container, #formio-quiz-container {
	background: url(/wp-content/themes/answers/images/theme/rnm-background.jpg);
    background-size: cover !important;
    background-position-y: bottom;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
}
#formio-quiz-container {
	min-height: 460px;
	color: white;
	padding-bottom: 0;
	width: 100%;
	border-radius: 10px;
	max-width: 98%;
    margin-left: auto;
    margin-right: auto;
}
#formio-quiz-container a {
	color: white;
	text-decoration: underline;
}
.invite #formio-quiz-container {
	border-radius: 0;
}
/* some FormIO forms are fields only. Requires two-column in order to add content. */
#formio-quiz-container.two-column {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(45%, 45%));
	justify-content: space-evenly;
}
@media screen and (max-width: 768px) {
	#formio-quiz-container.two-column {
		grid-template-columns: 1fr;
    	gap: 1em;
		padding: 0 0.5em 0 0.5em !important;
	}
}
/* different styles for forms with downloadable content */
#formio-quiz-container.formio-download {
	background-size: cover;
	border: none;
}
#formio-quiz-container.formio-download .brandcolor {
	/* background: #66bb00 !important;*/
	font-weight: bold;
}
#formio-quiz-container.connectcard-form {
	margin-top: 100px;
}
/* END different styles for forms with downloadable content */
@media screen and (max-width: 415px) {
	#email-capture-container {
		align-items: inherit;
	}
}
.email-capture-form {
	width: 92%;
}
.email-capture-form a {
	color: white;
}
.rnm-left-col, .rnm-right-col, .connect-left-col, .connect-right-col {
	width: 50%;
	float: left;
	color: white;
}
.rnm-right-col, .connect-right-col {
	float: right;
}
@media screen and (max-width: 930px) {
	.rnm-left-col, .connect-left-col {
		width: 100%;
	}
	.rnm-right-col {
		width: 100%;
	}
	.connect-right-col {
		display: none;
	}
}
.rnm-field-container {
	width: 80%;
	margin-left: 60px;
	border-radius: 10px;
	padding: 20px;
	background-color: rgba(255, 255, 255, .15);
 	backdrop-filter: blur(5px);
}
@media screen and (max-width: 930px) {
	.rnm-field-container {
		width: 88%;
		margin-left: 0;
		margin-bottom: 20px;
	}
}
.rnm-field, .connect-field {
	clear: both;
}
.rnm-field.sub-button {
	margin: auto;
	text-align: center;
}
.connect-field.sub-button {
	margin: inherit;
	text-align: inherit;
}
.rnm-right-col .rnm-field, .connect-left-col .connect-field {
	height: 50px;
	line-height: 50px;
	width: 94%;
}
.connect-field.compact {
    height: 25px;
    line-height: 25px;
}
.rnm-right-col .rnm-field a, .connect-left-col .connect-field a {
	line-height: 24px;
}
.rnm-right-col input[type=text], .rnm-right-col input[type=email], .connect-left-col input[type=text], .connect-left-col input[type=email] {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border-color: #fff;
    clear: both;
}
/* honey */
.rnm-right-col input[type="text"]#rnm-website, .connect-left-col input[type="text"]#connect-website {
	display: none;
}
.rnm-sub-heading:after {
	content: "";
    display: block;
    width: 100%;
    margin-bottom: 2em;
}
.rnm-blurb, .connect-blurb {
	margin-bottom: 1em;
}
.rnm-legal, .connect-legal {
	font-size: 14px;
	margin-bottom: 15px;
}
/* END - Lead capture forms */

/* Connect & Invite pages */
.connections .site-content {
	margin-top: -450px;
}
.archive .connections .site-content {
	margin-top: inherit;
}
@media screen and (max-width: 768px) {
    .connections .site-content {
        margin-top: -500px;
    }
}
.connections .sheader:after {
	background-size: contain;
	background-position: unset;
	height: 700px;
}
.invite .sheader:after {
	background-size: cover;
	background-position: unset;
	height: 100vh;
}
.archive .connections .sheader:after,
.archive .invite .sheader:after {
	height: inherit;
}
.connect-button {
	background: #00C1EC;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.125em;
}
.invite-button {
	font-weight: 700;
	letter-spacing: 0.125em;
	border-radius: 5px;
	font-size: 1.1em !important;
	text-decoration: none !important;
	margin: 20px;
}
.connections .entry-header {
	margin-top: 0;
	width: 100%;
	min-height: 600px;
	display: flex;
	justify-content: left;
	flex-direction: column;
	align-items: start;
}
.invite .entry-header {
	margin-top: 0;
	margin-bottom: 100px;
	height: calc(100vh - 210px);
	display: flex;
	justify-content: center;
	flex-direction: column;
}
@media screen and (max-width: 768px) {
	.invite .entry-header {
		height: 80vh !important;
		margin-bottom: 0;
	}
}
.archive .connections .entry-header,
.archive .invite .entry-header {
	min-height: inherit;
	justify-content: center;
	max-width: 100%;
	margin-bottom: initial;
	height: initial;
}
.connections .entry-content,
.invite .entry-content {
	display: flex;
	flex-direction: column;
	margin-top: 0;
}
.invite .entry-content.first-section {
	flex-direction: column;
	text-align: center;
	min-height: 300px;
	padding: 6em 15%;
	color: #fff;
	background: url(/wp-content/themes/answers/images/theme/rnm-background.jpg);
	background-size: cover;
}
@media screen and (max-width: 768px) {
	.invite .entry-content.first-section {
		padding: 1em;
	}
}
.invite .entry-content .heading h2 {
	font-size: 2.4em !important;
	line-height: 1.2em !important;
}
@media screen and (max-width: 768px) {
	.invite .entry-content .heading h2 {
		font-size: 2.2em !important;
		text-align: center;
	}
}
.invite .entry-content.first-section .heading-text {
	font-size: 1.5em !important;
	line-height: 1.5em !important;
	padding: 1em !important;
}
.invite .entry-content .heading-text,
.invite .entry-content .heading {
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 1em 3em;
}
@media screen and (max-width: 768px) {
	.invite .entry-content .heading-text,
	.invite .entry-content .heading {
		font-size: 1em;
		line-height: 1.5em;
		padding: 2em 2em;
	}
	.invite .entry-content .heading {
		padding: 2em 0 0 0;
	}
}
.invite-formio-heading {
	font-size: 2.2em;
	line-height: 1.2em;
	padding: 0 1em;
	font-weight: 700;
}
.invite-formio-intro {
	font-size: 1.1em;
	line-height: 1.8em;
	padding: 0 2em;
}
@media screen and (max-width: 769px) {
	.invite-formio-heading,
	.invite-formio-intro {
		padding: 10px 0 10px 0;
	}
}
.connections .entry-content.vert-align-middle,
.invite .entry-content.vert-align-middle{
	align-items: center;
}
@media screen and (min-width: 768px) {
	.connections .entry-header,
	.connections .entry-content,
	.invite .entry-content {
		flex-direction: row;
	}
	.connections .entry-content {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}
.connections .entry-header,
.connections .entry-content {
	max-width: 90%;
}
.connections .entry-content.cta {
	margin: 0;
	max-width: 100%;
}
.connections .entry-header-col1,
.connections .entry-header-col2 {
	color: #fff;
}
.connections .entry-header-col2 {
	margin: 40px auto auto;
}
.invite .entry-content-col1,
.invite .entry-content-col2 {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.connections .entry-header-col1,
	.connections .entry-header-col2,
	.connections .entry-content-col1,
	.connections .entry-content-col2,
	.invite .entry-content-col1,
	.invite .entry-content-col2 {
		width: 50%;
	}
	.connections .entry-header-col2 {
		margin-top: 0;
	}
}
.connections .entry-header-col1 {
	max-width: 700px;
}
.connections .entry-header-col2 img,
.connections .entry-content-col1 img,
.connections .entry-content-col2 img {
	min-width: 500px;
	min-height: 500px;
	width: 500px;
	height: 500px;
	background: grey;
	display: block;
}
.connections .entry-header-col2 img,
.connections .entry-content-col2 img {
	margin-left: auto;
}
.connections .entry-content.cta .entry-content-col1 img {
	width: auto;
	height: auto;
}
.connections .entry-content.cta .entry-content-col2 {
	padding: 50px;
}
@media screen and (max-width: 415px) {
	.connections .entry-content.cta .entry-content-col1 {
		display: none;
	}
	.connections .entry-content .entry-content-col2 {
		margin-bottom: 30px;
	}
	.connections .entry-content.cta .entry-content-col2 {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 768px) {
	.connections .entry-content.cta .entry-content-col2 {
		padding: 20px;
	}
}
.connections .entry-title {
	text-transform: inherit;
	text-align: left;
}
.connections .supertext {
	color: #00C1EC;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.215em;
}
.connections .first-heading-text {
	margin-top: 10px;
}
.connections h1.entry-title {
	font-weight: 700;
	font-size: 55px;
    line-height: 55px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.invite h1.entry-title {
	text-transform: capitalize;
	font-family: "Dancing Script", cursive !important;
	text-shadow: 1px 3px #b74;
    font-weight: 400;
    font-size: 12em;
	line-height: initial;
}
@media screen and (max-width: 768px) {
	.invite h1.entry-title {
		font-size: 5em;
	}
}
.invite .entry-header .supertext {
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
	.invite .entry-header .supertext {
		font-size: 1em;
	}
}
.invite .entry-header .first-heading-text {
	text-transform: uppercase;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 2em;
	width: fit-content;
	margin: auto;
	letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
	.invite .entry-header .first-heading-text {
		font-size: 1em;
	}
}
.invite .entry-header .entry-action-buttons {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.invite .entry-header .entry-action-buttons .invite-button {
		margin-top: 10px;
		width: 100%;
	}
}
.connections .entry-content.cta .entry-content-col2 .heading,
.connections .entry-content.cta .entry-content-col2 .heading-text {
	color: white;
}
/* preload hover image elsewhere and off-canvas, to prevent flashing */
.site-credits {
	background: url('/wp-content/themes/answers/images/theme/connections-watch-icon-hover.png') no-repeat -9999px -9999px;
}
.connections .entry-header-col1 a, .connections .entry-header-col1 a:visited {
	color: white;
	text-decoration: none;
}
.single-post .connections .site-footer {
	background: #ccc;
}
.single-post .connections .site-info, .single-post .connections .site-info a {
	color: black;
}
.connections .entry-content.cta .entry-content-col2 {
	background: url('/wp-content/themes/answers/images/theme/connections-cta-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.connections .entry-content:nth-last-child(2) {
	background: url('/wp-content/themes/answers/images/theme/connections-section-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.connections .entry-content:nth-last-child(2) .entry-content-col2,
.connections .entry-content:first-of-type .entry-content-col1 {
	margin: auto;
}
.connections .entry-content:nth-last-child(2) .entry-content-col1 {
	padding: 30px 0 30px 60px;
	margin: auto;
}
.connections .entry-content:nth-last-child(2) .entry-content-col2 {
	padding: 30px 50px 50px 60px;
}
@media screen and (max-width: 768px) {
	.connections .entry-content:nth-last-child(2) .entry-content-col1 {
		padding: 80px 30px 10px 30px;
	}
	.connections .entry-content:nth-last-child(2) .entry-content-col2 {
		padding: 0 20px 10px 20px;
	}
}
@media screen and (max-width: 1024px) {
	.single-post .sheader:after {
		background-size: cover;
	}
}
@media screen and (max-width: 768px) {
	.single-post .entry-header {
		height: inherit;
	}
}
.connections .sub-image-a, .connections .sub-image-b {
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: inherit;
}
.connections .hero-image {
	min-height: 600px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media screen and (max-width: 768px) {
	.connections .sub-image-a, .connections .sub-image-b, .connections .hero-image {
		display: inherit;
		width: 330px;
		min-height: 350px;
		margin: 0;
	}
}
.connections .hero-image {
	text-align: center;
	position: relative;
}
.connections .hero-image .hero-play-icon {
	font-size: 100px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	cursor: pointer;
}
.connections .hero-image .hero-play-icon:after {
    background: white;
    content: "";
    width: 60%;
    height: 60%;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: -1;
}
.connections .hero-image .hero-play-icon:hover {
	filter: brightness(115%);
}
@media screen and (max-width: 768px) {
	.single-post .connections .sheader:after {
		min-height: 800px;
	}
}
.connections .sub-image-a, .connections .sub-image-b {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	max-width: inherit;
}
.connections .sub-image-a, .connections .sub-image-b {
	margin: auto;
}
.connections .cta-image {
	margin: 0;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 500px;
    background-position: center;
}
.connections .entry-content.hidden {
    display: none;
}
/* video popup lightbox */
.lightbox-container {
	z-index: 99 !important;
}
.connections .lightbox-container {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px) {
	.connections .lightbox-container {
		padding: 15%;
	}
}
@media screen and (min-width: 1023px) {
	.connections .lightbox-container .lightbox-video-wrapper {
		width: 70vw;
	}
}
@media screen and (min-width: 1440px) {
	.connections .lightbox-container .lightbox-video-wrapper {
		width: 60vw;
	}
}
/* Connect pages - FormIO quizes */
.connections .entry-content.connections-form-container {
	background: white;
	max-width: 1180px;
	margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
	.connections .entry-content.connections-form-container {
			margin-bottom: 100px;
	}
}
/*
 * Invite pages with FormIO
*/
.invite-form-container #formio-quiz-container {
	width: 100%;
	margin-top: 0;
	padding: 4em;
}
@media screen and (max-width: 821px) {
	.invite-form-container #formio-quiz-container {
		flex-direction: column;
		padding: 0 1.4em 0 1.4em;
	}
}
@media screen and (max-width: 375px) {
	.invite-form-container #formio-quiz-container {
		padding: 0;
	}
}
/* fix alignment when form fields have no label in a two-column layout */
#formio-quiz-container.two-column #wizardContainer .formio-component.row {
	display: flex;
}
@media screen and (max-width: 821px) {
	#formio-quiz-container.two-column #wizardContainer .formio-component.row {
		flex-direction: column;
	}
}
#formio-quiz-container.two-column #wizardContainer .formio-component.row > div {
	display: inline-block;
    align-self: flex-end;
}
@media screen and (max-width: 821px) {
	#formio-quiz-container #wizardContainer .formio-component.row > div {
		align-self: unset !important;
	}
}
#wizardContainer-content .invite-formio-intro-image {
	text-align: center;
	margin-top: -40px;
}
@media screen and (max-width: 768px) {
	#formio-quiz-container #wizardContainer .btn-primary {
		width: 100%;
	}
}
/* Christmas invite page */
#formio-quiz-container.invite-background-christmas {
	background: url('/wp-content/themes/answers/images/theme/background-snow.png') no-repeat !important;
	background-color: rgb(150, 0, 0) !important;
}
#formio-quiz-container.invite-background-christmas .btn-primary {
	background-color: #69c107;
	border-color: #69c107;
}
/* Easter invite page */
#formio-quiz-container.invite-background-easter {
	background: url('/wp-content/themes/answers/images/theme/background-easter.png') no-repeat !important;
	background-color: #965EEB !important;
}
#formio-quiz-container.invite-background-easter .btn-primary {
	background-color: #ffb700;
	border-color: #ffb700;
}
/* Genral invite page */
.invite .entry-content.invite-form-container .invite-background {
	background: url('/wp-content/themes/answers/images/theme/background-general.png') no-repeat !important;
	background-color: #00777A !important;
}
.invite .entry-content.invite-form-container .invite-background .btn-primary {
	background-color: #ffb700;
	border-color: #ffb700;
}
/* Fall Festival */
#formio-quiz-container.invite-background-fall {
	background: url('/wp-content/themes/answers/images/theme/background-general.png') no-repeat !important;
	background-color: #003050 !important;
}
#formio-quiz-container.invite-background-fall .btn-primary {
	background-color: #69C107;
	border-color: #69C107;
}
/* Thanksgiving */
#formio-quiz-container.invite-background-thanksgiving {
	background: url('/wp-content/themes/answers/images/theme/background-general.png') no-repeat !important;
	background-color: #003050 !important;
}
#formio-quiz-container.invite-background-thanksgiving .btn-primary {
	background-color: #69C107;
	border-color: #69C107;
}
/* Forgiveness */
#formio-quiz-container.invite-background-forgiveness {
	background: url('/wp-content/themes/answers/images/theme/background-love.png') no-repeat !important;
	background-color: #00777A !important;
	background-size: cover !important;
}
#formio-quiz-container.invite-background-forgiveness .btn-primary {
	background-color: #69C107;
	border-color: #69C107;
}