/*
Theme Name: United Pentecostal Community Chapel Theme
Description: Custom designed theme specially for UPCC Montague
Version: 0.9
Author: Rob Williams, Results Marketing & Advertising <web@resultsinc.ca>
Tags: custom template
*/

/* Default Styles */

html, body {
    width:                  100%;
    font-family:            'Outfit', 'Arial', sans-serif;
    line-height:            1.4em;
	/*noinspection CssUnknownTarget*/
	background:             url(/wp-content/uploads/2025/12/fabric2-d-075.png) white repeat;
}
body { height: 100%; }

p { padding: 0 0 1em 0; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: #461111; font-weight: 800; transition: 0.5s all; }
a:hover { color: #873838; }

h1 { font-size: 3em; font-weight: bold; color: white; line-height: normal; padding: 1rem; margin-bottom: 2rem; background: radial-gradient(circle,rgba(128, 81, 81, 1) 0%, rgba(70, 17, 17, 1) 95%); margin-left: -1rem; width: 100%; }
h2, h3 { font-size: 1.75em; font-weight: bold; color: #461111; line-height: normal; margin: 1rem 0; border-bottom: 2px solid #461111; }
h3 { font-size: 1.25em; }
h3 {}
h4 {}

.wp-block-columns + h2 { margin-top: 3rem; }

header, main, footer { width: 95%; max-width: 1024px; margin: 0 auto; }

header { background: #461111; }
.header_bar { list-style: none outside; }
.header_bar p { color: white; padding: 1rem 0; }
.header_bar p a { color: white; }
.header_bar .wp-block-columns { background: white; padding: 1rem 0; }
.header_bar .wp-block-columns .wp-block-column { padding: 1rem; }

#menu-navigation-menu { list-style: none outside; text-align: right; }
#menu-navigation-menu li { display: inline-block; margin-left: 2rem; border-top: 2px transparent solid; transition: 0.5s all; }
#menu-navigation-menu li a { font-weight: normal; padding-top: 1rem; display: inline-block; }
#menu-navigation-menu li.current-menu-item, #menu-navigation-menu li:hover { border-color: #461111; }
#menu-navigation-menu li.current-menu-item a { font-weight: bold; }

main { background: white; padding-bottom: 3rem !important; }
body:not(.home) main { padding: 0 1rem; box-sizing: border-box; }

main > div.alignnormal { position: relative; z-index: 10; }
main > div.alignnormal .slides { border-top: 2px #461111 solid !important; border-bottom: 2px #461111 solid !important; }
main > div.alignnormal:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	bottom: -40px;          /* distance below the element */
	transform: translateX(-50%);
	width: 90%;             /* shadow width */
	height: 80px;           /* shadow thickness */
	background: radial-gradient( ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 70% );
	filter: blur(0);     /* smooth out the edges */
}

main ul { list-style: disc outside; padding-left: 2rem; }
main ul li { margin-bottom: 0.5rem; }

.fp_columns { margin: 4rem 1rem 1rem; }
.fp_columns .wp-block-cover { position: relative; }
.fp_columns .wp-block-cover p { padding: 0; }
.fp_columns .wp-block-cover a { display: block; height: 200px; width: 100%; }

.media .wp-block-columns { margin-bottom: 2rem; }
#metaslider_37 img, .fp_columns img, .wp-image-54, .media .wp-block-column { box-sizing: border-box; padding: 5px !important; border: 1px #aaa solid !important; border-radius: 5px !important; }
.mapp-canvas img { border: 0 !important; border-radius: 0 !important; padding: 0 !important; }

footer { background: radial-gradient(circle,rgba(128, 81, 81, 1) 0%, rgba(70, 17, 17, 1) 95%); }
.footer_bar { list-style: none outside; color: white; padding: 1rem; }
.footer_bar h3 { color: white; font-size: 1.1em; font-weight: normal; }
.footer_bar a { color: white; }
.footer_bar p { font-size: 0.9em; }
.footer_bar p:empty { display: none; }
.copyright { font-size: 0.8em; border-top: 1px #873838 solid; color: #aaa; padding: 1rem 0 0; margin-top: 1rem; }

#gform_fields_1 { row-gap: 0.5rem !important; }
#gform_fields_1 .gfield_label { color: white; }
#gform_1 .gform_button { background: white; color: #461111; transition: 0.4s all; }
#gform_fields_1 .gfield_required { color: yellow; }
#gform_2 .gform_button { background: #461111; color: white; transition: 0.5s all; }
#gform_1 .gform_button:hover, #gform_2 .gform_button:hover { background: #873838; color: white; }

@media screen and ( max-width: 1000px ) {
	#menu-navigation-menu li { margin-left: 1rem; }
}

@media screen and ( max-width: 850px ) {
	.fp_columns.wp-block-columns  { flex-wrap: wrap !important; }
	.fp_columns > .wp-block-column { flex-basis: 45% !important; }
}

@media screen and ( max-width: 500px ) {
	#menu-navigation-menu { text-align: center; }
	#menu-navigation-menu li { margin: 0 1rem; border-color: transparent !important;}
	footer .wp-block-column * { text-align: center; }
}



