/*
Theme Name: Transforming Center
Version: 1.0
Description: A customized child theme for Transforming Center.
Author: Nien Studios
Author URI: https://nienstudios.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/******************************
GENERAL STYLES
******************************/
body {
	color: #444;
	font-family: 'Zilla Slab', serif;
	font-size: 19px;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	color: #435563;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500 !important;
	letter-spacing: -.005em;
	margin-bottom: 15px;
}

strong {
	font-weight: 600;
}
.single .fl-col-content.fl-node-content hr {
	border-top: 2px solid #d1d1d1!important;
}

@media only screen and (min-width: 320px) {
	h1 {
		font-size: 1.4737em;
		line-height: 1.1429em;
	}
	h2 {
		font-size: 1.3684em;
		line-height: 1.2308em;
	}
	h3 {
		font-size: 1.1579em;
		line-height: 1.2727em;
	}
	h4 {
		font-size: 1.0526em;
		line-height: 1.3em;
	}
	h5 {
		font-size: 1em;
		line-height: 1.3684em;
	}
	h6 {
		font-size: .7368em;
		line-height: 1.2857em;
	}
	
	p {
		line-height: 1.3684em;
		padding: 0 0 24px;
	}
	
	.page-description {
		font-size: 1.1053em;
		line-height: 1.3334em;
		text-align: center;
	}
	ul, ol {
		margin-bottom: 12px;
	}
	
	h2.widgettitle {
		font-size: 1.1579em;
		line-height: 1.2727em;
	}
}

@media only screen and (min-width: 768px) {
	h1 {
		font-size: 1.8947em;
		line-height: 1.2223em;
	}
	h2 {
		font-size: 1.6842em;
		line-height: 1.25em;
	}
	h3 {
		font-size: 1.3684em;
		line-height: 1.2308em;
	}
	h4 {
		font-size: 1.1579em;
		line-height: 1.2727em;
	}
	p {
		line-height: 1.4737em;
		margin: 0 0 32px;
		padding: 0;
	}
	.page-description {
		text-align: left;
	}
	ul, ol {
		margin-bottom: 18px;
	}
	h2.widgettitle {
		font-size: 1.3684em;
		line-height: 1.3077em;
	}
}

a.fl-button, a.fl-button:visited, 
.fl-builder-content a.fl-button, 
.fl-builder-content a.fl-button:visited {
	background-color: #435563;
	border: none;
	padding: 16px;
	transition: .2s;
}

a.fl-button:hover, 
.fl-builder-content a.fl-button:hover {
	background-color: #697782;
	border: none;
}

.fl-button-text {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: .8421em;
	font-weight: 500;
	letter-spacing: .01em;
}

.button-white a.fl-button, 
.button-white a.fl-button:visited,
.button-white .fl-builder-content a.fl-button, 
.button-white .fl-builder-content a.fl-button:visited {
	background-color: rgba(255, 255, 255, 1);
	color: #435563;
}

.button-white a.fl-button:hover,
.button-white .fl-builder-content a.fl-button:hover {
	background-color: rgba(255, 255, 255, .8);
	color: #435563;
}

.button-white .fl-button-text {
	color: #435563;
}

.fl-module-content a,
.fl-module-content a:visited {
	border-bottom: 1px solid #435563;
	transition: .2s;
}

.fl-module-content a:hover,
.fl-module-content a:focus {
	color: #697782;
	border-bottom: 1px solid #697782;
}

.header-logo a,
.header-logo a:visited {
	border-bottom: none !important;
}

.header-logo a:hover {
	border-bottom: none !important;
}

a.button,
a.button:visited {
	background-color: #435563;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: .7368em !important;
	font-weight: 500;
	letter-spacing: .01em;
	padding: 16px;
	text-decoration: none;
	transition: .2s;
}

a.button:hover {
	background-color: #697782;
	color: #fff !important;
	text-decoration: none;
}

.blue-button a,
.blue-button a:visited {
	background-color: #435563;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: .7368em !important;
	font-weight: 500;
	letter-spacing: .01em;
	margin: 20px 0 30px;
	padding: 10px 16px;
	text-decoration: none;
	transition: .2s;
}

.blue-button a:hover {
	background-color: #697782;
	border: none;
	color: #fff !important;
	text-decoration: none;
}

@media only screen and (min-width: 320px) {
	blockquote {
		background: #ede9dc;
		border: none;
		border-left: none;
		border-radius: 8px;
		clear: both;
		font-family: 'Montserrat', sans-serif;
		font-size: 1.0526em;
		font-style: italic;
		font-weight: 300;
		padding: 30px 40px;
		text-align: center;
	}
	
	blockquote > p {
		line-height: 1.4em !important;
		padding: 0;
	}
}

@media only screen and (min-width: 768px) {
	blockquote {
		font-size: 1.1579em;
		padding: 60px 80px;
	}
	
	blockquote > p {
		line-height: 1.4545em;
		padding: 0;
	}
}

/******************************
HEADER STYLES
******************************/

.header-navigation ul li {
	font-family: 'Montserrat', sans-serif;
	font-size: .8947em;
	font-weight: 300 !important;
}

@media only screen and (min-width: 320px) {
	.header-logo .fl-photo-content img.fl-photo-img {
		height: auto;
		width: 240px;
	}
}

@media only screen and (min-width: 768px) {
	.header-logo .fl-photo-content img.fl-photo-img {
		height: 50px;
		width: auto;
	}
}

@media only screen and (min-width: 320px) { 
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li > a,
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
		border-left-width: 0;
		opacity: 1;
		text-decoration: none;
	}
	
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li > a,
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
		padding-right: 0;
		opacity: 1;
		text-decoration: none;
	}
	
	.fl-node-5bae79585f15c .sub-menu > li > a,
	.fl-node-5bae79585f15c .sub-menu > li > .pp-has-submenu-container > a,
	.fl-node-5bae79585f15c .sub-menu > li > a:visited,
	.fl-node-5bae79585f15c .sub-menu > li > .pp-has-submenu-container > a:visited {
		opacity: 1;
		text-decoration: none;
	}
	
	.fl-node-5bae79585f15c .sub-menu > li > a:hover,
	.fl-node-5bae79585f15c .sub-menu > li > .pp-has-submenu-container > a:hover {
		opacity: 1;
		text-decoration: none;
	}
}

@media only screen and (min-width: 768px) { 
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li:nth-child(1) > a,
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li:nth-child(1) > .pp-has-submenu-container > a {
		border-left-width: 0;
		padding-left: 0;
	}
	
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li:last-child > a,
	.fl-node-5bae79585f15c .pp-advanced-menu .menu > li:last-child > .pp-has-submenu-container > a {
		padding-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.fl-node-5bae79585f15c .pp-advanced-menu.full-screen .pp-menu-overlay ul.menu {
		width: 100%;
	}	
}

.fl-node-5bae79585f15c .pp-advanced-menu .pp-menu-overlay > ul.menu {
	padding-right: 30px;
}

.fl-node-5bae79585f15c .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-menu-toggle, .fl-node-5bae79585f15c .pp-advanced-menu-horizontal.pp-toggle-none .pp-menu-toggle, .fl-node-5bae79585f15c .pp-advanced-menu-vertical.pp-toggle-arrows .pp-menu-toggle, .fl-node-5bae79585f15c .pp-advanced-menu-vertical.pp-toggle-none .pp-menu-toggle {
	display: none;
}

/******************************
HOME PAGE STYLES
******************************/

@media only screen and (min-width: 320px) {
	.headline-label h5, h5.headline-label {
		font-size: .8947em;
		letter-spacing: .25em;
		text-transform: uppercase;
	}
	.cta-image .pp-photo-container .pp-photo-content .pp-photo-content-inner {
		height: 134px;
	}
	.cta-image .pp-photo-caption {
		background: none;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 1.1279em;
		font-weight: 500;
		letter-spacing: .25em;
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 0;
		padding-top: 0;
		text-transform: uppercase;
	}
	.cta-image .pp-photo-caption-overlay {
		bottom: 35%;
	}
}

@media only screen and (min-width: 768px) {
	.headline-label h5 {
		font-size: .9474em;
	}
	.cta-image .pp-photo-container .pp-photo-content .pp-photo-content-inner {
		height: 258px;
	}
	.cta-image .pp-photo-caption {
		padding-left: 40px;
	}
	.cta-image .pp-photo-caption-overlay {
		bottom: 42%;
	}
}

.cta-image .pp-photo-container .pp-photo-content {
	height: 100%;
	width: 100%;
}

.cta-image .pp-photo-container .pp-photo-content .pp-photo-content-inner {
	position: relative;
}

.cta-image .pp-photo-container .pp-photo-content .pp-photo-content-inner img {
	bottom: 0;
	height: auto;
	left: 0;
  	margin: auto;
  	position: absolute;
  	right: 0;
  	top: 0;
	width: 100%;
}

/******************************
LEADERSHIP STYLES
******************************/

.leadership-detail h5 {
	color: #888;
	font-family: 'Zilla Slab', serif;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	letter-spacing: .05em;
}

.leadership-detail p {
	font-size: .8947em;
	line-height: 1.5294em;
	padding-bottom: 0;
	margin-bottom: 21px;
}

/******************************
TRANSFORMING COMMUNITY STYLES
******************************/
.investment-blocks p {
	padding: 0;
}

.investment-blocks ul, 
.investment-blocksol {
	margin-bottom: 12px;
}

/******************************
TRANSFORMING CHURCH RETREAT STYLES
******************************/

.schedule-list p {
	padding: 0;
}

.cancellation-policy .pp-accordion-button-label {
	text-align: center;
}

.cancellation-policy p {
	font-size: .8421em;
	padding: 0;
}

/******************************
SPIRITUAL DIRECTION LISTING STYLES
******************************/

.uabb-creative-button-wrap a,
.uabb-creative-button-wrap a:visited {
	background-color: #435563 !important;
	border: none !important;
	padding: 10px 16px !important;
	text-decoration: none;
	transition: .2s !important;
}

.uabb-creative-button-wrap a:hover {
	background-color: #697782 !important;
	border: none !important;
	opacity: 1;
	text-decoration: none;
}

.uabb-creative-button-wrap a .uabb-creative-button-text {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: .8421em;
	font-weight: 500;
	letter-spacing: .01em;
}

/******************************
BLOG STYLES
******************************/

@media only screen and (min-width: 320px) {
	body h2.fl-post-grid-title {
		font-size: 22px;
		line-height: 1.2727em;
		margin: 20px 0 12px 0;
	}
	body h2.fl-post-feed-title {
		font-size: 1.1579em;
		line-height: 1.3636em;
		margin: 10px 0 12px 0;
	}
}

@media only screen and (min-width: 768px) {
	body h2.fl-post-grid-title {
		font-size: 26px;
		line-height: 1.3077em;
		margin: 30px 0 12px 0;
	}
}

body .fl-post-grid-content p {
	font-size: 1.1429em;
	line-height: 1.5em;
	margin-bottom: 0;
}

body .fl-post-feed-content p {
	font-size: 16px;
	line-height: 1.5em;
}

body .fl-post-grid-text a,
body .fl-post-grid-text a:visited {
	text-decoration: none;
	transition: .2;
}

body .fl-post-grid-text a:hover {
	opacity: .7;
	text-decoration: none;
}

h2.fl-post-grid-title a,
h2.fl-post-grid-title a:visited,
h2.fl-post-feed-title a,
h2.fl-post-feed-title a:visited {
	border-bottom: none;
	color: #435563;
	text-decoration: none;
	transition: .2s;
}

h2.fl-post-grid-title a:hover {
	border-bottom: none;
	color: #b4bbc1;
	opacity: 1;
	text-decoration: none;
}

.fl-post-feed-post,
.fl-post-feed-post:last-child {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #ede9dc;
}

.fl-node-5baeba6d87443 .fl-post-column {
	padding-botom: 0 !important;
}

.blog-featured-image .fl-photo-content img.fl-photo-img {
	width: 100%;
}

.blog-category .fl-module-content a,
.blog-category .fl-module-content a:visited {
	color: #444;
	font-style: italic;
	text-decoration: none;
	transition: .2s;
}

.blog-category .fl-module-content a:hover {
	color: #999;
	text-decoration: none;
}

.blog-author-image .fl-photo-content img.fl-photo-img {
	border-radius: 24px;
	max-height: 48px;
	max-width: 48px
}

.blog-meta {
	font-size: .8947em;
}

.blog-meta .fl-module-content a,
.blog-meta .fl-module-content a:visited {
	color: #444;
	transition: .2s;
}

.blog-meta .fl-module-content a:hover {
	color: #999;
}

.fl-post-info-sep {
    margin: 0 10px;
}

.fl-node-5bb2565711fa6 .fl-module-content {
	border-radius: 8px;
}

.fl-module-fl-author-bio .fl-author-bio-thumb img {
	border-radius: 48px;
}

.fl-node-5bb2565711fa6 .fl-module-content h3 {
	color: #435563;
	font-size: 1em;
}

.fl-module-fl-author-bio h3.fl-author-bio-name {
	margin: 10px 0;
}

.fl-author-bio-text {
	font-size: .8421em;
	line-height: 1.5em;
}

.fl-comments-list .comment-content {
	border: 4px solid #ede9dc;
	border-radius: 8px;
	padding: 24px;
}

.fl-comments-list .comment-content p {
	font-size: .8947em;
	line-height: 1.5em;
}

.fl-comments-list .comment-reply-link a,
.fl-comments-list .comment-reply-link a:visited {
	color: #444;
	font-size: .8421em;
	text-decoration: underline;
	transition: .2s;
}

.fl-comments-list .comment-reply-link a:hover {
	color: #999;
}

label {
	font-size: .8947em;
	font-weight: normal;
}

/******************************
GRAVITY FORM STYLES
******************************/

.gform_footer input[type=submit] {
	background-color: #435563;
	border: none;
	font-family: 'Montserrat', sans-serif;
	font-size: .7368em !important;
	padding: 12px 16px;
	transition: .2s;
}

.gform_footer input[type=submit]:hover {
	background-color: #697782;
	border: none;
}

.gform_wrapper .top_label .gfield_label {
	font-size: .8947em;
	font-weight: normal;
	line-height: 0;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	padding: 5px !important;
}

input[type="radio"], input[type="checkbox"] {
	margin: 0 !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top: 0 !important;
}

.gform_wrapper ul.gfield_checkbox li label a,
.gform_wrapper ul.gfield_radio li label a,
.gform_wrapper ul.gfield_checkbox li label a:visited,
.gform_wrapper ul.gfield_radio li label a:visited {
	color: #444;
	text-decoration: none;
	transition: .2s;
}

.gform_wrapper ul.gfield_checkbox li label a:hover,
.gform_wrapper ul.gfield_radio li label a:hover {
	color: #999;
}

.reverse-form .gform_footer input[type=submit] {
	background-color: rgba(255, 255, 255, 1);
	border: none;
	color: #435563;
	font-family: 'Montserrat', sans-serif;
	font-size: .7368em !important;
	padding: 12px 16px;
	transition: .2s;
}

.reverse-form .gform_footer input[type=submit]:hover {
	background-color: rgba(255, 255, 255, .7);
	border: none;
}

.reverse-form .gform_wrapper ul.gfield_checkbox li label a,
.reverse-form .gform_wrapper ul.gfield_radio li label a,
.reverse-form .gform_wrapper ul.gfield_checkbox li label a:visited,
.reverse-form .gform_wrapper ul.gfield_radio li label a:visited {
	color: #fff;
	text-decoration: none;
	transition: .2s;
}

.reverse-form .gform_wrapper ul.gfield_checkbox li label a:hover,
.reverse-form .gform_wrapper ul.gfield_radio li label a:hover {
	color: #ccc;
}

/******************************
GIVE STYLES
******************************/


.give-now a.fl-button, 
.give-now a.fl-button:visited, 
.give-now .fl-builder-content a.fl-button, 
.give-now .fl-builder-content a.fl-button:visited {
	background-color: #435563;
	border: none;
	padding: 16px !important;
	transition: .2s;
}

.give-now a.fl-button:hover, 
.give-now .fl-builder-content a.fl-button:hover {
	background-color: #697782;
	border: none;
}

/******************************
FOOTER STYLES
******************************/

@media only screen and (min-width: 320px) {
	.footer-tf h6 {
		color: #b4bbc1;
		font-size: .7368em;
		text-align: center;
	}
	.footer-tf p {
		color: #ede9dc;
		font-size: .7368em;
		letter-spacing: .02em;
		line-height: 1.7143;
		padding: 0;
		text-align: center;
	}
	.footer-tf a, 
	.footer-tf a:visited {
		border-bottom: none;
		color: #ede9dc;
		text-decoration: none;
		transition: .2s;
	}	
	.footer-tf a:hover {
		border-bottom: none;
		color: #a6aaa7;
		opacity: 1;
		text-decoration: none;
	}
	.footer-tf .footer-copyright p {
		color: #8c959c;
		font-size: .5789em;
		letter-spacing: .15em;
		text-align: center;
		text-transform: uppercase;
	}
}

@media only screen and (min-width: 768px) {
	.footer-tf h6 {
		text-align: left;
	}
	.footer-tf p {
		text-align: left;
	}
	.footer-tf .footer-copyright p {
		text-align: left;
	}
}

.footer-logo img {
	height: 65px;
	width: auto; 
}

.footer-search input[type=search] {
	background: #818b93;
	border: none;
	color: #fff;
}

/******************************
GDPR VISITOR STYLES
******************************/

#gdpr-visitor-consent-banner {
	background-color: #111 !important;
	opacity: .85 !important;
}

#gdpr-visitor-consent-banner button {
	background: none !important;
	border: 1px solid #fff !important;
	transition: .2s;
}

#gdpr-visitor-consent-banner button:hover {
	background: #fff !important;
	color: #444 !important;
}

#gdpr-visitor-consent-banner button.accept {
	background: #fff !important;
	border: none;
	color: #444 !important;
	transition: .2s;
}

#gdpr-visitor-consent-banner button.accept:hover {
	background: #fff !important;
	opacity: .8 !important;
}

/* Print Styles */
@media print {
	header, 
	.fl-node-5bb2570ae4943, /* sidebar */
	.fl-module.fl-module-fl-comments.fl-node-5bb2565711eb0, /* comments */
	footer,
	.fl-module.fl-module-uabb-social-share.fl-node-mskzthfri42o {
		display: none!important;
	}
	.fl-col.fl-node-5bb2570ae4901.fl-col-has-cols {
		width: 100%;
	}
}