:root { --brand-color:#fc9700;  --brand-color-darkened:#b16a00;  --brand-color-lightened:#fdb74d;  --light-text-color:#0166bf;  --light-text-color-darkened:#014886;  --light-text-color-lightened:#4e94d3;  --navbar-color:#ffffff;  --navbar-color-darkened:#b3b3b3;  --navbar-color-lightened:#ffffff;  --navbar-link-color:#fc9700;  --navbar-link-color-darkened:#b16a00;  :#4d544d;  --footer-color:#25a2ea;  --footer-color-darkened:#1a72a4;  --footer-color-lightened:#67bef1;  --secondary-color:#25a2ea;  --secondary-color-darkened:#1a72a4;  --secondary-color-lightened:#67bef1;  --tertiary-color:#0166bf;  --tertiary-color-darkened:#014886;  --tertiary-color-lightened:#4e94d3;  --body-font:'Lato', sans-serif;  --heading-font:'Montserrat', sans-serif;  ; }/**
 * Customizer Overrides: Emphasis
 **/


/*
// ------------------------------------
// Fonts
// ------------------------------------
*/
body {
	background-color: @thechurchsite_row_light_color;
}
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; }

header.no-image { color: #0166bf !important; }


/**
 * BUTTONS
 */

button.primary, .button-primary, input.button-primary, input[type="submit"] { color: @thechurchsite_row_brand_text_color; background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }
button.primary:before, .button-primary:before, input.button-primary:before, input[type="submit"]:before {  color: @thechurchsite_row_brand_text_color; background: linear-gradient(90deg, #b16a00 0%, #fc9700 100%); }
.button-outlined {  background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }
.button-outlined:before {  background: linear-gradient(90deg, #b16a00 0%, #fc9700 100%); }

/* Brand Bg */
.brandbg button.primary, .brandbg .button-primary, .brandbg input.button-primary, .brandbg button { color: #fc9700 !important; background: linear-gradient(90deg, @thechurchsite_row_brand_text_color_lightened 0%, @thechurchsite_row_brand_text_color 100%); }
.brandbg button.primary:before, .brandbg .button-primary:before, .brandbg input.button-primary:before, .brandbg button:before { opacity: 0.05; }
.brandbg .button-outlined { color: @thechurchsite_row_brand_text_color; }
.header.search.brandbg button.primary, 
.header.search.brandbg .button-primary, 
.header.search.brandbg input.button-primary, 
.header.search.brandbg button { color: #fc9700 !important; background: linear-gradient(90deg, #b16a00 0%, @thechurchsite_row_brand_text_color 100%); } 

/* Second Bg */
.secondbg button.primary, .secondbg .button-primary, .secondbg input.button-primary, .secondbg button { color: #25a2ea !important; background: linear-gradient(90deg, @thechurchsite_secondary_text_color_lightened 0%, @thechurchsite_secondary_text_color 100%); }
.secondbg button.primary:before, .secondbg .button-primary:before, .secondbg input.button-primary:before, .secondbg button:before { opacity: 0.05; }
.secondbg .button-outlined { color: @thechurchsite_secondary_text_color; }

/* Third Bg */
.thirdbg button.primary, .thirdbg .button-primary, .thirdbg input.button-primary, .thirdbg button { color: #0166bf !important; background: linear-gradient(90deg, @thechurchsite_tertiary_text_color_lightened 0%, @thechurchsite_tertiary_text_color 100%); }
.thirdbg button.primary:before, .thirdbg .button-primary:before, .thirdbg input.button-primary:before, .thirdbg button:before { opacity: 0.05; }
.thirdbg .button-outlined { color: @thechurchsite_tertiary_text_color; }


/*
// ------------------------------------
// Cards
// ------------------------------------
*/
.card.-featured .image { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }
.card.-featured.podcasts .author > .author-profile-picture:after { color: @thechurchsite_row_brand_text_color; }
.card.-featured.podcasts .author > .author-profile-picture { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }




/*
// ------------------------------------
// 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 #fc9700; */

}

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


a { color: #fc9700; }

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

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

.lightbg { background-color: @thechurchsite_row_light_color; color: #0166bf; }
.lightbg .button-outlined { color: #0166bf; }
.lightbg .row-title .sub { color: #fc9700; }
.lightbg.icon-columns-row .icon, .lightbg.icon-columns-row a .icon { background-color: #fc9700; color: @thechurchsite_row_light_color; } 

.darkbg  .row-inner { background-color: @thechurchsite_row_dark_color; color: @thechurchsite_row_dark_text_color; }
.darkbg .button-outlined { color: @thechurchsite_row_dark_text_color; }
.darkbg .darkbg-svg .darkbg-slant { fill: @thechurchsite_row_dark_color; }
.darkbg .row-title .sub { color: #fc9700; }
.darkbg.icon-columns-row .icon, .darkbg.icon-columns-row a .icon { background-color: #fc9700; color: @thechurchsite_row_dark_color; } 

.brandbg { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%);  color: @thechurchsite_row_brand_text_color; }
.brandbg a { color: currentColor; font-weight: bold; }
.brandbg .row-title .sub { color: currentColor; }
.brandbg.icon-columns-row .icon, .brandbg.icon-columns-row a .icon { background-color: @thechurchsite_row_brand_text_color; color: #fc9700; } 


.secondbg {  background: linear-gradient(90deg, #25a2ea 0%, #1a72a4 100%); color: @thechurchsite_secondary_text_color; }
.secondbg a { color: currentColor; font-weight: bold; }
.secondbg .row-title .sub { color: currentColor; }
.secondbg.icon-columns-row .icon, .secondbg.icon-columns-row a .icon { background-color: @thechurchsite_secondary_text_color; color: #25a2ea; } 

.thirdbg {  background: linear-gradient(90deg, #0166bf 0%, #014886 100%); color: @thechurchsite_tertiary_text_color; }
.thirdbg a { color: currentColor; font-weight: bold; }
.thirdbg .row-title .sub { color: currentColor; }
.thirdbg.icon-columns-row .icon, .thirdbg.icon-columns-row a .icon { background-color: @thechurchsite_tertiary_text_color; color: #0166bf; } 


/* Icon */
.icon-columns-row .icon,
.service-times-row .icon-clock { color: @thechurchsite_row_brand_text_color; background-color: #fc9700;  }

.imagebg .button-outlined { color: #0166bf; }

header.no-image { background-color: @thechurchsite_row_light_color; color: #0166bf; }

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

.top-bar nav .action a { color: @thechurchsite_row_brand_text_color; background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }
.top-bar ul.menu-primary > li > a:after { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }

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

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

/*** SOLID BAR ***/

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

/*** TRANSPARENT ***/
.top-bar ul.menu-primary > li ul:after { background-color: #ffffff; }
.top-bar ul.menu-primary > li ul a { background-color: #ffffff; color: #fc9700 !important; }


/*** MOBILE ***/

nav.mobile .menu-mobile { background-color: #ffffff; }
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: #fc9700; }


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

footer,
footer.row { color: @thechurchsite_footer_text_color; }
footer:after {
	background: linear-gradient(180deg, #25a2ea 0%, #1a72a4 100%); 
}

footer h6, footer.row h6 { color: @thechurchsite_footer_text_color; }
footer a,
footer .row-column a .icon,
footer .mega-menu a,
footer.footer-menu a,
footer.footer-menu .row-column a .icon,
footer.footer-menu .mega-menu a,
.footer-menu-render a { color: @thechurchsite_footer_text_color;  }
footer.footer-menu .mega-menu a:after { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }

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

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

.messenger .body .intro { background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); font-family: 'Lato', sans-serif; font-weight: @thechurchsite_body_weight; }
.messenger .trigger {  background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }
.messenger .trigger:before {  background: linear-gradient(90deg, #b16a00 0%, #fc9700 100%); }
/* .messenger .body { border: 1px solid #fc9700; box-shadow: 6px 6px 0px 0px #fc9700; } */
/*
// ------------------------------------
// Giving
// ------------------------------------
*/

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

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

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

/*
// ------------------------------------
// 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 { color: @thechurchsite_row_dark_color; }
.lightbg .prayer-request-app button:after { background: #0166bf; }
.lightbg .prayer-request-app button:hover { color: @thechurchsite_row_light_color; }
*/
.darkbg .prayer-request-app .prayer-request { background-color: @thechurchsite_row_light_color; color: #0166bf; }
.darkbg .prayer-request-app .prayer-request a.item { color: #0166bf; }
/*
.darkbg .prayer-request-app button { 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: #0166bf;  }
.brandbg .accordion-wrap .title { background-color: @thechurchsite_row_brand_text_color; color: #fc9700;  }
.secondbg .accordion-wrap .title { background-color: @thechurchsite_secondary_text_color; color: #25a2ea;  }
.thirdbg .accordion-wrap .title { background-color: @thechurchsite_tertiary_text_color; color: #0166bf;  }


.lightbg .accordion-wrap .body { color: #0166bf; }
.darkbg .accordion-wrap .body { color: @thechurchsite_row_dark_text_color; }
.secondbg .accordion-wrap .body { color: @thechurchsite_secondary_text_color; }
.thirdbg .accordion-wrap .body { color: @thechurchsite_tertiary_text_color; }

/*
// ------------------------------------
// Subnav
// ------------------------------------
*/


.lightbg.subnav-row .nav-container { background-color: @thechurchsite_row_dark_color;   }
.lightbg.subnav-row .nav-container a { color: @thechurchsite_row_light_color; }
.lightbg.subnav-row .nav-container a:hover { background-color: @thechurchsite_row_light_color; color: @thechurchsite_row_dark_color; }


.darkbg.subnav-row .nav-container { background-color: @thechurchsite_row_light_color;   }
.darkbg.subnav-row .nav-container a { color: @thechurchsite_row_dark_color; }
.darkbg.subnav-row .nav-container a:hover { background-color: @thechurchsite_row_dark_color; color: @thechurchsite_row_light_color; }

.brandbg.subnav-row .nav-container { background-color: @thechurchsite_row_brand_text_color;   }
.brandbg.subnav-row .nav-container a { color: #fc9700; }
.brandbg.subnav-row .nav-container a:hover { background-color: #fc9700; color: @thechurchsite_row_brand_text_color; }

.secondbg.subnav-row .nav-container { background-color: @thechurchsite_secondary_text_color;   }
.secondbg.subnav-row .nav-container a { color: #25a2ea; }
.secondbg.subnav-row .nav-container a:hover { background-color: #25a2ea; color: @thechurchsite_secondary_text_color; }

.thirdbg.subnav-row .nav-container { background-color: @thechurchsite_tertiary_text_color;   }
.thirdbg.subnav-row .nav-container a { color: #0166bf; }
.thirdbg.subnav-row .nav-container a:hover { background-color: #0166bf; color: @thechurchsite_tertiary_text_color; }


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

.announcement-topbanner { color: @thechurchsite_row_brand_text_color; background-color: #fc9700; background: linear-gradient(90deg, #fc9700 0%, #b16a00 100%); }

/*
// ------------------------------------
// 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: #0166bf  }
.brandbg .churchonline .churchonline-stack-item { background-color: #fc9700; }
.brandbg .churchonline-stack-bar-wrap a { color: @thechurchsite_row_brand_text_color; }
.secondbg .churchonline .churchonline-stack-item { background-color: #25a2ea; }
.secondbg .churchonline-stack-bar-wrap a { color: @thechurchsite_secondary_text_color; }
.thirdbg .churchonline .churchonline-stack-item { background-color: #0166bf; }
.thirdbg .churchonline-stack-bar-wrap a { color: @thechurchsite_tertiary_text_color; }

/*
// ------------------------------------
// Hexagon
// ------------------------------------
*/

.hexwrap .solidhex { fill: #fc9700 !important; }
.hexwrap.-primary .solidhex { fill: #fc9700 !important; }
.hexwrap.-secondary .solidhex { fill: #25a2ea !important; }
.hexwrap.-tertiary .solidhex { fill: #0166bf !important; }

.hexwrap .outlinedhex { fill: none !important; stroke: #fc9700 !important; }
.hexwrap.-primary .outlinedhex { fill: none !important; stroke: #fc9700 !important; }
.hexwrap.-secondary .outlinedhex { fill: none !important; stroke: #25a2ea !important; }
.hexwrap.-tertiary .outlinedhex { fill: none !important; stroke: #0166bf !important; }


/*
// ------------------------------------
// Wave
// ------------------------------------
*/

.wavebg .dark-shape .wave-dark-shape { fill: #0166bf !important; }

/*
// ------------------------------------
// Calendar
// ------------------------------------
*/
[data-component-type="TCCCalendar"] .rbc-event { background-color: #fc9700; color: @thechurchsite_row_brand_text_color; }
[data-component-type="TCCCalendar"] .rbc-today:after { background-color: #fc9700; }.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; } .row { padding: 3em 0em; } @media (max-width:768px){ .row { padding: 1.5em 0em; } }