im// DNN Settings
* {
  margin: 0;
  padding: 0;
}


.DNNEmptyPane {
    display: none!important;
}

a, a img, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    border: 0;
}

.TB_Wrapper, .TB_Wrapper *, .dnnActionMenu, .dnnActionMenu *, .dnnActionMenu:after, .dnnActionMenu:before, .dnn_mact, .dnn_mact *, .dnn_mact:after, .dnn_mact:before, [id*=ControlPanel], [id*=ControlPanel] *, [id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[class*=RadAjaxPanel] *, [class*=Digital] * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

html {
    scroll-behavior: smooth;
}

Body #Form {
    height: 100%
}

.LUMCTheme {
	--primary:#3b2e2b;
	--secondary:#31354b;
	--tertiary:#5b7239;
	--quaternary:#e0dacd;
	--quinary:#f1ebdf;
	--quinary-l:#f9f6f1;
	
	--text-color-primary:#3f4565;
	--header-color-primary:#3f4565;
	--text-color-secondary:#f1ebdf;
	--header-color-secondary:#f1ebdf;
	
	--font-primary: adobe-garamond-pro, serif;
	--font-secondary: p22-cezanne-pro, sans-serif;
	--w-light:300;
	--w-regular:400;
	--w-medium:500;
	--w-semibold:600;
	--w-bold:700;
}

/* FONTs */
h1 {
	font-family: var(--font-primary);
	font-weight: var(--w-semibold);
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: var(--header-color-primary);
}
	.home-hero-banner h1, .mobile-home-banner h1 {
		font-family: var(--font-primary);
		font-weight: var(--w-semibold);
		font-size: 3.25rem;
		line-height: 3.5rem;
		color: var(--header-color-primary);
		text-transform:uppercase;
		border: 1px solid var(--quaternary);
   		padding: 2rem;
		margin:0;
		letter-spacing:.175rem;
	}
	.home-hero-banner h1 span, .mobile-home-banner h1 span {
		display:block;
		font-size: 1.5rem;
		line-height:1.75rem;
	}
	h1.accent {
		font-family: var(--font-secondary);
		font-weight: var(--w-regular);
		font-size: 3.5rem;
		line-height: 3rem;
		color: var(--header-color-primary);
	}
	.LUMC-theme__inner .banner--wrapper h1 {
		color: var(--text-color-secondary);
		margin:0;
		text-transform: uppercase;
		font-size: 1.7rem;
		line-height: 2.2rem;
		letter-spacing: .125rem;
	}

h2 {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: var(--header-color-primary);
}

h3 {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: var(--header-color-primary);
}

h4 {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1.25rem;
	line-height: 1.65rem;
	color: var(--header-color-primary);
}

h5 {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--header-color-primary);
}

p {
	font-family: var(--font-primary);
	font-weight: var(--w-regular);
	font-size: 1.15rem;
	line-height: 1.4rem;
	color: var(--text-color-primary);
}

ul li {
	font-family: var(--font-primary);
	font-weight: var(--w-regular);
	font-size: 1.15rem;
	line-height: 1.4rem;
	color: var(--text-color-primary);
}
blockquote, blockquote p {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size:1.2rem;
	line-height:1.6rem;
	color:var(--text-color-primary);
}
figcaption, .figure-caption {
	font-family: var(--font-primary);
	font-weight: var(--w-regular);
	font-size: 1.1rem;
	line-height: 1.4rem;
	color: var(--text-color-primary);	
}

.uppercase {
	text-transform: uppercase;
	letter-spacing:.125rem;
}

/* LINKS */
a, a:visited {
	font-family: var(--font-primary);
	font-weight: var(--w-bold);
	font-size: 1.15rem;
	line-height: 1.4rem;
	color: var(--tertiary);
}
a:hover {
	color: var(--tertiary);
	text-decoration: underline;
}

/* SPACING */
.no-title-bg {
	padding:1rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.LUMC-theme__home .header--banner .no-title-bg {
	inline-size:fit-content;
}
.callout-block-sm {
	padding:1.5rem;
}
.worship-block .no-title-bg .worship-block-interior, .no-title-bg .worship-block-interior {
	border: 1px solid var(--quinary);
	padding:4rem 3rem;
}

/* SECTION SPACING */
.LUMC-theme__home .welcome-pane {
	padding:6rem 0;
	background-image: url(/Portals/0/Images/Banner/glass-pattern.svg);
    background-size: cover;
    background-position: 50% 50%;
}
.LUMC-theme__home .main-content {
	padding:3.5rem 0;
}
.LUMC-theme__inner .site--main {
	padding:3.5rem 0;
	background-color:var(--quinary-l);
}

/* PANE PADDING */

/* MARGIN */
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}

/* LOGO */
.LUMC-logo #dnn_ctl01_imgLogo {
	width: 200px;
}

/* CALLOUT BANNER */
.callout {
	padding: .25rem 15px;
}
.callout-center {text-align: center;}

@media (min-width:768px) {
	.callout-center {text-align: right;}
}

.callout.callout-center p, .callout.callout-center a, .callout.callout-left p, .callout.callout-left a,  .callout.callout-right p, .callout.callout-right a {
	margin-bottom:0;
	font-size:.95rem;
	color:var(--text-color-primary);
	font-weight:var(--w-regular);
}

.callout.callout-center .material-icons, .callout.callout-left .material-icons, .callout.callout-right .material-icons {
	font-size:1.8rem;
	vertical-align:middle;
}
.callout.callout-center p a {
	text-decoration: underline;
}

/* BREADCRUMB */
.breadcrumb--wrapper .breadcrumb {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	margin-bottom:0;
	font-size:.9rem;
	color: var(--text-color-secondary);
}
.breadcrumb--wrapper .breadcrumb a {
	font-size:.9rem;
	color: var(--text-color-secondary);
}

/* COLOR */
.primary-color {color: var(--primary);}
.secondary-color {color: var(--secondary);}
.tertiary-color {color: var(--tertiary);}
.quaternary-color {color: var(--quaternary);}
.quinary-color {color: var(--quinary);}

/* BACKGROUND */
.primary-bg {background-color: var(--primary);}
.secondary-bg {background-color: var(--secondary);}
.tertiary-bg {background-color: var(--tertiary);}
.quaternary-bg {background-color: var(--quaternary);}
.quinary-bg {background-color: var(--quinary);}
.quinary-l-bg {background-color: var(--quinary-l);}

/* TEXT WITH BACKGROUND */
.primary-bg h1,.primary-bg h2,.primary-bg h3,.primary-bg h4,.primary-bg h5,.primary-bg p,.primary-bg figcaption {
	color: var(--text-color-secondary);
}
.secondary-bg h1,.secondary-bg h2,.secondary-bg h3,.secondary-bg h4,.secondary-bg h5,.secondary-bg p, .secondary-bg figcaption {
	color: var(--text-color-secondary);
}
.tertiary-bg h1,.tertiary-bg h2,.tertiary-bg h3,.tertiary-bg h4,.tertiary-bg h5,.tertiary-bg p, .tertiary-bg figcaption {
	color: var(--text-color-secondary);
}

/* SECTION BACKGROUND COLORS */
.header--top-navbar {
	background-color: var(--quinary);
	color: var(--text-color-primary);
	border-bottom:1px solid #e0dacd;
}
.header--main-navbar {
	background-color: var(--quinary);
	color: var(--text-color-primary);
	border-bottom:1px solid #e0dacd;
}
.LUMC-theme__home .header--main-navbar, .fixed-nav .header--main-navbar {
	background-color: rgba(241, 235, 223, .85);
}
.LUMC-theme__home .home-hero-banner {
	background-image:url(/Portals/0/Images/Banner/lumc-hero-web.jpg);
	background-size:cover;
	background-position:10% 80%;
}
.LUMC-theme__home .banner--wrapper {
	color: var(--text-color-primary);
	padding:6rem 0;
}
@media (min-width:768px) {
	.LUMC-theme__home .banner--wrapper {
		padding:4rem 0;
	}
}
@media (min-width:992px) {
	.LUMC-theme__home .banner--wrapper {
		padding:6rem 0;
	}
}
@media (min-width:1200px) {
	.LUMC-theme__home .banner--wrapper {
		padding:10rem 0;
	}
}

.LUMC-theme__inner .banner--wrapper {
	background-color: var(--secondary);
	background-image: url(/Portals/0/Images/Banner/glass-pattern.svg);
    background-size: cover;
    background-position: 50% 50%;
	color: var(--text-color-secondary);
	padding: 2rem 0;
}

.LUMC-theme__home .mobile-banner--wrapper {
	display:none;
}
@media (max-width:767px) {
	.mobile-home-banner h1 {
		text-align:center;
		font-size: 2.3rem;
		line-height: 2.6rem;
		letter-spacing:.05rem;
	}
	.mobile-home-banner h1 span {
		display: block;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.LUMC-theme__home .mobile-banner--wrapper {
		display:block;
		background-color: var(--quinary);
		padding:1rem 0;
	}
}

/* BUTTONS */
.LUMCTheme .btn {
	font-weight: var(--w-bold);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .3rem 1.1rem .25rem;
	margin:.25rem 0rem;
    font-size: .95rem;
	text-transform:uppercase;
	letter-spacing:.05rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out;
	text-decoration:none!important;
}

/* PRIMARY BTN */
.LUMCTheme .btn-primary {
    color: var(--quinary);
    background-color: var(--primary);
    border-color: var(--primary);
	border-radius: 0;
}
.LUMCTheme .btn-primary.btn-outline {
    color: var(--primary);
    border-color: var(--primary);
}

.LUMCTheme .btn-primary:hover,.LUMCTheme .btn-primary:focus {
    color: var(--quinary);
    background-color: var(--primary);
    border-color: var(--primary);
}
.LUMCTheme .btn-primary.btn-outline:hover, .LUMCTheme .btn-primary.btn-outline:focus {
    color: var(--primary);
    border-color: var(--primary);
}
.LUMCTheme .btn-primary:active {
    color: var(--quinary)!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
}
.LUMCTheme .btn-primary.btn-outline:active {
    color: var(--primary)!important;
    border-color: var(--primary)!important;
	background-color: transparent!important;
}

/* SECONDARY BTN */
.LUMCTheme .btn-secondary {
    color: var(--quinary);
    background-color: var(--secondary);
    border-color: var(--secondary);
	border-radius: 0;
}
.LUMCTheme .btn-secondary.btn-outline {
    color: var(--secondary);
    border-color: var(--secondary);
}
.LUMCTheme .btn-secondary:hover, .LUMCTheme .btn-secondary:focus {
    color: var(--quinary);
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.LUMCTheme .btn-secondary.btn-outline:hover, .LUMCTheme .btn-secondary.btn-outline:focus {
    color: var(--secondary);
    border-color: var(--secondary);
}
.LUMCTheme .btn-secondary:active {
    color: var(--quinary)!important;
    background-color: var(--secondary)!important;
    border-color: var(--secondary)!important;
}
.LUMCTheme .btn-secondary.btn-outline:active {
    color: var(--secondary)!important;
    border-color: var(--secondary)!important;
	background-color: transparent!important;
}

/* TERTIARY BTN */
.LUMCTheme .btn-tertiary {
    color: var(--quinary-l);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
	border-radius: 0;
}
.LUMCTheme .btn-tertiary.btn-outline {
    color: var(--tertiary);
    border-color: var(--tertiary);
}
.LUMCTheme .btn-tertiary:hover, .LUMCTheme .btn-tertiary:focus {
    color: var(--quinary-l);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
}
.LUMCTheme .btn-tertiary.btn-outline:hover, .LUMCTheme .btn-tertiary.btn-outline:focus {
    color: var(--tertiary);
    border-color: var(--tertiary);
}
.LUMCTheme .btn-tertiary:active {
    color: var(--quinary-l)!important;
    background-color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
}
.LUMCTheme .btn-tertiary.btn-outline:active {
    color: var(--tertiary)!important;
    border-color: var(--tertiary)!important;
	background-color: transparent!important;
}

/* QUATERNARY BTN */
.LUMCTheme .btn-quaternary {
    color: var(--secondary);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
	border-radius: 0;
}
.LUMCTheme .btn-quaternary.btn-outline {
    color: var(--quaternary);
    border-color: var(--quaternary);
}
.LUMCTheme .btn-quaternary:hover, .LUMCTheme .btn-quaternary:focus {
    color: var(--secondary);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
}
.LUMCTheme .btn-quaternary.btn-outline:hover, .LUMCTheme .btn-quaternary.btn-outline:focus {
    color: var(--quaternary);
    border-color: var(--quaternary);
}
.LUMCTheme .btn-quaternary:active {
    color: var(--secondary)!important;
    background-color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
}
.LUMCTheme .btn-quaternary.btn-outline:active {
    color: var(--quaternary)!important;
    border-color: var(--quaternary)!important;
	background-color: transparent!important;
}

/* QUINARY BTN */
.LUMCTheme .btn-quinary {
    color: var(--secondary);
    background-color: var(--quinary);
    border-color: var(--quinary);
	border-radius: 0;
}
.LUMCTheme .btn-quinary.btn-outline {
    color: var(--quinary);
    border-color: var(--quinary);
}
.LUMCTheme .btn-quinary:hover, .LUMCTheme .btn-quinary:focus {
    color: var(--secondary);
    background-color: var(--quinary);
    border-color: var(--quinary);
}
.LUMCTheme .btn-quinary.btn-outline:hover, .LUMCTheme .btn-quinary.btn-outline:focus {
    color: var(--quinary);
    border-color: var(--quinary);
}
.LUMCTheme .btn-quinary:active {
    color: var(--secondary)!important;
    background-color: var(--quinary)!important;
    border-color: var(--quinary)!important;
}
.LUMCTheme .btn-quinary.btn-outline:active {
    color: var(--quinary)!important;
    border-color: var(--quinary)!important;
	background-color: transparent!important;
}

/* BTN MODIFIERS */
.LUMCTheme .btn.btn-outline {
	border: .175rem solid;
	background: transparent;
}

/* DEFAULT STYLES */

/* IMAGES */

img {
    -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.header--top-navbar .callout a img, .footer--top a img {
    width: 100%;
    max-width: 25px;
    padding: 0 5px;
}

/* FOOTER */
.site--footer {
    background: var(--primary);
}

.footer--top {
    padding: 2rem 0;
    border-bottom: 1px solid var(--quaternary);
}

.site--footer h1, .site--footer h2, .site--footer h3, .site--footer h4, .site--footer h5 {
	color:var(--quinary);
}
.site--footer p, .site--footer a, .site--footer ul li,  .site--footer ul li a {
	color:var(--quinary);
	font-size:.9rem;
}
.site--footer ul {
	list-style: none;
	margin-left:0;
}
/* copyright and terms */
.site--footer .footer--copyright {
    background: #2d2422;
	padding: 0.25rem 0 0.5rem;
}
.terms-row p, .terms-row a {
	color:var(--quinary);
	font-size:.8rem;
}
.copyright-terms, #dnn_dnnLogin_loginGroup {
	display:inline;
}

/* CODE SNIPPET DISPLAY */
pre {
    background-color: #fff;
    max-width: 700px;
    margin: 1rem auto;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.22);
}
