:root { --brand-color:#4174b9;  --brand-color-darkened:#2e5282;  --brand-color-lightened:#7a9ece;  --navbar-color:#000000;  --navbar-color-darkened:#000000;  --navbar-color-lightened:#4d4d4d;  --navbar-link-color:#ffffff;  --navbar-link-color-darkened:#b3b3b3;  :#ffffff;  --brand-text-color:#ffffff;  --brand-text-color-darkened:#b3b3b3;  --brand-text-color-lightened:#ffffff;  --body-font:'Lato', sans-serif;  --heading-font:'Montserrat', sans-serif;  ; }/**
 * Customizer Overrides: Emphasis
 **/


/*
// ------------------------------------
// Fonts
// ------------------------------------
*/

body, p { font-family: 'Lato', sans-serif; font-weight: @thechurchsite_body_weight; }

h1,h2,h3,h4,h5,h6,blockquote,header .header-title { font-family: 'Montserrat', sans-serif;  ; font-weight: @thechurchsite_heading_weight; }

header.default.-search form input { font-family: 'Montserrat', sans-serif;  ; font-weight:@thechurchsite_heading_weight; }




/*
// ------------------------------------
// Primary Color
// ------------------------------------
*/

button.primary,
.button-primary,
input.button-primary,
input[type="submit"] {
	color: #4174b9;
	box-shadow: inset 0 0 0 2px #4174b9;
}

button.primary:after,
.button-primary:after,
input.button-primary:after,
input[type="submit"]:after,
button.primary:before,
.button-primary:before,
input.button-primary:before,
input[type="submit"]:before {

	background-color: #4174b9;

}


/* Hover no span */
button.primary:hover,
.button-primary:hover,
input.button-primary:hover,
input[type="submit"]:hover {
	color: #ffffff;

}

button.primary:hover span,
.button-primary:hover span,
input.button-primary:hover span,
input[type="submit"]:hover span {
	color: #ffffff;

}

input[type="submit"],
input[type="button"],
input[type="reset"] {

	color: #4174b9;
	/*border-color: #4174b9 !important;*/
	font-family: 'Lato', sans-serif;
	font-weight: @thechurchsite_body_weight;
	box-shadow: inset 0 0 0 2px #4174b9;

}

/*
// ------------------------------------
// Cards
// ------------------------------------
*/
.card:after { background-color: #4174b9; }


/*
// ------------------------------------
// Form Inputs
// ------------------------------------
*/


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="image"]:focus,
input[type="color"]:focus,
select:focus {

	border-bottom: 2px solid #4174b9;

}


.imagebg textarea:focus,
.imagebg input[type="text"]:focus,
.imagebg input[type="password"]:focus,
.imagebg input[type="datetime"]:focus,
.imagebg input[type="datetime-local"]:focus,
.imagebg input[type="date"]:focus,
.imagebg input[type="month"]:focus,
.imagebg input[type="time"]:focus,
.imagebg input[type="week"]:focus,
.imagebg input[type="number"]:focus,
.imagebg input[type="email"]:focus,
.imagebg input[type="url"]:focus,
.imagebg input[type="search"]:focus,
.imagebg input[type="tel"]:focus,
.imagebg input[type="image"]:focus,
.imagebg input[type="color"]:focus,
.imagebg select:focus {

	border-bottom: 2px solid #FFF;

}


a { color: #4174b9; }

/*
// ------------------------------------
// Row Colors
// ------------------------------------
*/

.row .row-title:after,
.quote-row .source:after { background-color: #4174b9; }

.lightbg { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_light_text_color; }
.lightbg .button-outlined { box-shadow: inset 0 0 0 2px @thechurchsite_row_light_text_color; color: @thechurchsite_row_light_text_color; }
.lightbg .button-outlined:after { background: @thechurchsite_row_light_text_color; }
.lightbg .button-outlined:hover span { color: @thechurchsite_row_light_color; }
.lightbg .row-column a .icon { color: @thechurchsite_row_light_text_color; }

.darkbg  { background-color: @thechurchsite_row_dark_color; color: @thechurchsite_row_dark_text_color; }
.darkbg .button-outlined { box-shadow: inset 0 0 0 2px @thechurchsite_row_dark_text_color; color: @thechurchsite_row_dark_text_color; }
.darkbg .button-outlined:after { background: @thechurchsite_row_dark_text_color; }
.darkbg .button-outlined:hover span { color: @thechurchsite_row_dark_color; }
.darkbg .row-column a .icon { color: @thechurchsite_row_dark_text_color; }

.brandbg { background-color: #4174b9; color: #ffffff; }
.brandbg .button-outlined { box-shadow: inset 0 0 0 2px #ffffff; color: #ffffff; }
.brandbg .button-outlined:after { background: #ffffff; }
.brandbg .row-column a .icon { color: #ffffff; }
.brandbg a { color: currentColor; font-weight: bold; }
.brandbg .button-primary,
.brandbg input[type="submit"],
.brandbg button.primary { box-shadow: inset 0 0 0 2px #ffffff; color: #ffffff; }
.brandbg .button-primary:after { background: #ffffff; }
.brandbg .button-primary:hover { color: #4174b9; }
.brandbg .button-primary:hover span { color: #4174b9; }
.brandbg .button-outlined:hover { color: #4174b9; }
.brandbg .button-outlined:hover span { color: #4174b9; }

.secondbg { background-color: @thechurchsite_secondary_color; color: @thechurchsite_secondary_text_color; }
.secondbg .button-outlined { box-shadow: inset 0 0 0 2px @thechurchsite_secondary_text_color; color: @thechurchsite_secondary_text_color; }
.secondbg .button-outlined:after { background: @thechurchsite_secondary_text_color; }
.secondbg .row-column a .icon { color: @thechurchsite_secondary_text_color; }
.secondbg a { color: currentColor; font-weight: bold; }
.secondbg .button-primary,
.secondbg input[type="submit"],
.secondbg button.primary { box-shadow: inset 0 0 0 2px @thechurchsite_secondary_text_color; color: @thechurchsite_secondary_text_color; }
.secondbg .button-primary span { color: @thechurchsite_secondary_color; }
.secondbg .button-primary:after { background: @thechurchsite_secondary_text_color; }
.secondbg .button-primary:hover { color: @thechurchsite_secondary_color; }
.secondbg .button-primary:hover span { color: @thechurchsite_secondary_color; }
.secondbg .button-outlined:hover { color: @thechurchsite_secondary_color; }
.secondbg .button-outlined:hover span { color: @thechurchsite_secondary_color; }

.thirdbg { background-color: @thechurchsite_tertiary_color; color: @thechurchsite_tertiary_text_color; }
.thirdbg .button-outlined { box-shadow: inset 0 0 0 2px @thechurchsite_tertiary_text_color; color: @thechurchsite_tertiary_text_color; }
.thirdbg .button-outlined:after { background: @thechurchsite_tertiary_text_color; }
.thirdbg .row-column a .icon { color: @thechurchsite_tertiary_text_color; }
.thirdbg a { color: currentColor; font-weight: bold; }
.thirdbg .button-primary,
.thirdbg input[type="submit"],
.thirdbg button.primary { box-shadow: inset 0 0 0 2px @thechurchsite_tertiary_text_color; color: @thechurchsite_tertiary_text_color; }
.thirdbg .button-primary span { color: @thechurchsite_tertiary_color; }
.thirdbg .button-primary:after { background: @thechurchsite_tertiary_text_color; }
.thirdbg .button-primary:hover { color: @thechurchsite_tertiary_color; }
.thirdbg .button-primary:hover span { color: @thechurchsite_tertiary_color; }
.thirdbg .button-outlined:hover { color: @thechurchsite_tertiary_color; }
.thirdbg .button-outlined:hover span { color: @thechurchsite_tertiary_color; }


.imagebg .button-primary {

	box-shadow: inset 0 0 0 2px white;
	color: black;


}

.imagebg .button-primary:hover {
	color: #4174b9;
}

.imagebg .button-primary:hover span { color: #4174b9; }

header.no-image { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_light_text_color; }

/*
// ------------------------------------
// Top bar
// ------------------------------------
*/

.top-bar nav.primary ul[class*="menu-"] li a,
.top-bar nav.mobile .menu-mobile a { color: #ffffff; }

.top-bar nav.primary ul[class*="menu-"] li a:hover,
.top-bar nav.mobile .menu-mobile a:hover { color: #ffffff; opacity: 0.75 }
ul.menu-primary > li.action a { background-color: #4174b9; color: #ffffff; }
/*** SOLID BAR ***/

.top-bar.navigation-display-solid { background-color: #000000; }
.top-bar.navigation-display-solid nav.primary ul[class*="menu-"] > li ul { background-color: #000000; }
.top-bar.navigation-display-solid nav.primary ul[class*="menu-"] > li ul a { background-color: #000000; }

/*** TRANSPARENT ***/

/*** MOBILE ***/

nav.mobile .menu-mobile { background-color: #000000; }
nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top,
nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle,
nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom,
nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-top,
nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-middle,
nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-bottom { background-color: #ffffff; }


/*
// ------------------------------------
// Footer
// ------------------------------------
*/

footer, footer.row { background-color: @thechurchsite_footer_color; color: @thechurchsite_footer_text_color; }
footer h6, footer.row h6 { color: @thechurchsite_footer_text_color; }
footer a,
footer.footer-menu a,
footer.footer-menu .row-column a .icon,
footer.footer-menu .mega-menu a,
.footer-menu-render a,
footer .row-column a .icon { color: @thechurchsite_footer_text_color;  }

footer:not(.footer-menu) .row-column a .icon,
footer:not(.footer-menu) a { color: @thechurchsite_footer_text_color;  }


/*
// ------------------------------------
// Messenger
// ------------------------------------
*/

.messenger .body .intro { background-color: #4174b9; font-family: 'Lato', sans-serif; font-weight: @thechurchsite_body_weight; }
.messenger .trigger { background-color: #4174b9; box-shadow: inset 0 0 0 2px #4174b9; }

/*
// ------------------------------------
// Giving
// ------------------------------------
*/

.thechurchco-giving-form .loader:before { border-bottom-color: #4174b9; }

/*
// ------------------------------------
// Loader
// ------------------------------------
*/

.tccloader:before { border-bottom-color: #4174b9; }

/*
// ------------------------------------
// Prayer Requests
// ------------------------------------
*/

.lightbg .prayer-request-app .prayer-request { background-color: @thechurchsite_row_dark_color; color: @thechurchsite_row_dark_text_color; }
.lightbg .prayer-request-app .prayer-request a.item { color: @thechurchsite_row_dark_text_color; }
.lightbg .prayer-request-app button { box-shadow: inset 0 0 0 2px @thechurchsite_row_dark_color; color: @thechurchsite_row_dark_color; }
.lightbg .prayer-request-app button:after { background: @thechurchsite_row_light_text_color; }
.lightbg .prayer-request-app button:hover { color: @thechurchsite_row_light_color; }

.darkbg .prayer-request-app .prayer-request { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_light_text_color; }
.darkbg .prayer-request-app .prayer-request a.item { color: @thechurchsite_row_light_text_color; }
.darkbg .prayer-request-app button { box-shadow: inset 0 0 0 2px @thechurchsite_row_light_color; color: @thechurchsite_row_light_color; }
.darkbg .prayer-request-app button:after { background: @thechurchsite_row_dark_text_color; }
.darkbg .prayer-request-app button:hover { color: @thechurchsite_row_dark_color; }

/*
// ------------------------------------
// Accordion
// ------------------------------------
*/

.lightbg .accordion-wrap .title { background-color: @thechurchsite_row_dark_color; color: @thechurchsite_row_dark_text_color; }
.darkbg .accordion-wrap .title { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_light_text_color;  }
.brandbg .accordion-wrap .title { background-color: #ffffff; color: #4174b9;  }
.secondbg .accordion-wrap .title { background-color: @thechurchsite_secondary_text_color; color: @thechurchsite_secondary_color;  }
.thirdbg .accordion-wrap .title { background-color: @thechurchsite_tertiary_text_color; color: @thechurchsite_tertiary_color;  }

.lightbg .accordion-wrap .body { color: @thechurchsite_row_light_text_color; }
.darkbg .accordion-wrap .body { color: @thechurchsite_row_dark_text_color; }
.brandbg .accordion-wrap .body { color: #ffffff; }
.secondbg .accordion-wrap .body { color: @thechurchsite_secondary_text_color; }
.thirdbg .accordion-wrap .body { color: @thechurchsite_tertiary_text_color; }

/*
// ------------------------------------
// Subnav
// ------------------------------------
*/
.brandbg.subnav-row a { color: #ffffff; }
.secondbg.subnav-row a { color: @thechurchsite_secondary_text_color; }
.thirdbg.subnav-row a { color: @thechurchsite_tertiary_text_color; }

/*
// ------------------------------------
// Announcment: TopBar
// ------------------------------------
*/

.announcement-topbanner { color: #ffffff; background-color: #4174b9; }

/*
// ------------------------------------
// Church Online
// ------------------------------------
*/

.lightbg .churchonline .churchonline-stack-item { background-color: @thechurchsite_row_light_color; }
.darkbg .churchonline .churchonline-stack-item { background-color: @thechurchsite_row_dark_color; }
.imagebg .churchonline .churchonline-stack-item { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_light_text_color  }
.brandbg .churchonline .churchonline-stack-item { background-color: #4174b9; }
.brandbg .churchonline-stack-bar-wrap a { color: #ffffff; }
.secondbg .churchonline .churchonline-stack-item { background-color: @thechurchsite_secondary_color; }
.secondbg .churchonline-stack-bar-wrap a { color: @thechurchsite_secondary_text_color; }
.thirdbg .churchonline .churchonline-stack-item { background-color: @thechurchsite_tertiary_color; }
.thirdbg .churchonline-stack-bar-wrap a { color: @thechurchsite_tertiary_text_color; }

/*
// ------------------------------------
// Calendar
// ------------------------------------
*/
[data-component-type="TCCCalendar"] .rbc-event { background-color: #4174b9; color: #ffffff; }
[data-component-type="TCCCalendar"] .rbc-today:after { background-color: #4174b9; }.no-touch .hide-no-touch { display: none; }.touch .hide-touch { display: none; }::placeholder { color: inherit; }.htmlembed-center { margin: 0 auto; }.htmlembed-center > * { margin: 0 auto; }.rbc-button-link, .rbc-button-link:hover,.rbc-button-link:after, .rbc-button-link:before { all: unset !important; }button.rbc-button-link { color: currentColor !important; }.rbc-btn-group button { color: currentColor !important; }