/*
Theme Name: St Paul's UCC of New Oxford
Version: 1.0
Author: Stefan Hartman
Author URI: http://www.MAjorDesigns.co
*/

:root {
	--ucc-primary:#327298;
	--ucc-primary-alt:#66B3E4;
	--ucc-white:#FFFFFF;
	--ucc-black:#333333;
	--ucc-grey:#DDDDDD;
	--ucc-yellow:#EBBE5D;
	--ucc-red:#D46259;
	--ucc-main-font:'Manrope', sans-serif;
	--ucc-title-font:'Raleway', sans-serif;
	--ucc-font-awesome:'Font Awesome 6 Pro';
	--ucc-box-shadow:0px 5px 15px #333;
	--ucc-transition:all .36s ease;
}

* {font-family:var(--ucc-main-font);color:var(--ucc-black);margin:0px;padding:0px;border:0px;box-sizing:border-box;}
*:hover,*:focus {outline:0;}
html {}
body {background:var(--ucc-white);}
p {line-height:1.5;font-size:1.1rem;margin-bottom:30px;}
a {transition:var(--ucc-transition);color:var(--ucc-primary);text-decoration:none;}
a:hover {color:var(--ucc-primary-alt);}
input {transition:var(--ucc-transition);}
button {transition:var(--ucc-transition);}
button:hover {}
h1.wp-block-heading {}
h1,h2,h3,h4,h5,h6 {font-family:var(--ucc-title-font);font-weight:800;line-height:1;}
h1 span, h2 span {font-family:inherit;}
.container {max-width:1320px;margin:0px auto;}

/* Emergency Notice Pop-up Styles */
#emergencyNotice {display:none;position:fixed;z-index:999;top:0px;left:0px;width:100%;height:100%;background:rgba(255,0,0,.50);}
#emergencyNotice.show {display:block;}
#emergencyNotice .notice {position:absolute;top:50%;left:50%;display:block;width:100%;border-radius:15px;padding:30px 30px 5px 30px;max-width:1080px;box-shadow:var(--ucc-box-shadow);background:var(--ucc-white);transform:translate(-50%,-50%);}
#emergencyNotice .notice .closeBtn {position:absolute;top:15px;right:15px;display:block;cursor:pointer;color:var(--ucc-primary);}
#emergencyNotice .notice .closeBtn i {color:var(--ucc-primary);}
#emergencyNotice .notice .closeBtn:hover {color:var(--ucc-red);}
#emergencyNotice .notice .closeBtn:hover i {color:var(--ucc-red);}
#emergencyNotice .notice h2 {font-size:2.2rem;margin-bottom:15px;}
#emergencyNotice .notice p {}
@media screen and (max-width:1080px) {
	#emergencyNotice .notice {border-radius:0px;}	
}
@media screen and (max-width:768px) {
	#emergencyNotice {z-index:10;}
	#emergencyNotice .notice {position:absolute;top:15px;left:15px;display:block;width:93%;border-radius:15px;padding:15px 15px 5px 15px;max-width:1080px;transform:translate(0px,0px);}
	#emergencyNotice .notice .closeBtn {top:15px;right:15px;}
	#emergencyNotice .notice h2 {font-size:1.8rem;margin-bottom:15px;}
	#emergencyNotice .notice p {font-size:1rem;line-height:1.3;}
}

/* Header Styles */
header {box-shadow:var(--ucc-box-shadow);}
header .topBar {background:var(--ucc-yellow);padding:5px 0px}
header .topBar .container {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:0px 15px;}
header .topBar .notice {width:80%;}
header .topBar .notice p {transition:var(--ucc-transition );font-size:1rem;line-height:1;margin:0% 0% 0% 18%;padding:0px;cursor:pointer;font-weight:800;color:var(--ucc-red);}
header .topBar .notice p:hover {color:var(--ucc-black);}
header .topBar .social {width:20%;}
header .topBar .social ul {list-style:none;text-align:right;}
header .topBar .social ul li {display:inline-block;}
header .topBar .social ul li a {color:var(--ucc-primary);font-size:1.25rem;padding:0px 5px;}
header .topBar .social ul li a i {color:var(--ucc-primary);}
header .topBar .social ul li .mobileNavToggle {display:none;background:none;font-size:1.4rem;}
header .topBar .social ul li .mobileNavToggle i {color:var(--ucc-primary);}
header .mainBar {padding:8px 0px 5px 0px;border-bottom:5px solid var(--ucc-red);}
header .mainBar .container {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:0px 15px;}
header .mainBar .container .logo {width:15%;}
header .mainBar .container .logo img {transition:all .36s ease;width:100%;height:auto;background:var(--ucc-white);border-radius:100%;padding:4px 4px 4px 8px;margin:-40px 0px -30px 0px;border: 5px solid var(--ucc-red);}
header .mainBar .container .logo:hover img {border: 5px solid var(--ucc-yellow);}
header .mainBar .container .menu-main-menu-container {width:85%;}
header .mainBar .container .menu-main-menu-container .menu {list-style:none;display:flex;gap:20px;justify-content:flex-end;width:100%;}
header .mainBar .container .menu-main-menu-container .menu li {}
header .mainBar .container .menu-main-menu-container .menu li a {font-size:1.5rem;font-family:var(--ucc-title-font);font-weight:800;line-height:0;position:relative;}
header .mainBar .container .menu-main-menu-container .menu li a .mobileNavIcon {display:none;position:absolute;right:0px;top:0px;}
header .mainBar .container .menu-main-menu-container .menu li.current_page_item {border-bottom:4px solid var(--ucc-red);}
header .mainBar .container .menu-main-menu-container .menu li a:after {transition:var(--ucc-transition);content:'';background:var(--ucc-red);height:4px;width:0%;position:absolute;bottom:-3px;left:0px;}
header .mainBar .container .menu-main-menu-container .menu li a:hover:after {width:100%;position:absolute;bottom:-3px;left:0px;}
header .mainBar .container .menu-main-menu-container .menu li.current_page_item a:after {display:none;}
header .mainBar .container .menu-main-menu-container .menu li ul.sub-menu {display:none;list-style:none;position:absolute;z-index:49;background:var(--ucc-red);padding:15px;border-radius:0px 10px 10px 10px;}
header .mainBar .container .menu-main-menu-container .menu li:hover ul.sub-menu {display:block;}
header .mainBar .container .menu-main-menu-container .menu li ul.sub-menu li a {display:block;width:100%;color:#FFF;padding:15px 0px;font-size:1.25rem;font-weight:600;}
header .mainBar .container .menu-main-menu-container .menu li ul.sub-menu li a:hover {color:var(--ucc-black);}
@media screen and (max-width:1080px) {
	header .mainBar .container .menu-main-menu-container .menu {gap:15px;}
	header .mainBar .container .menu-main-menu-container .menu li#menu-item-34 {display:none;}
	header .mainBar .container .menu-main-menu-container .menu li a {font-size:1.2rem;}
}
@media screen and (max-width:768px) {
	header {}
	header .topBar {padding:10px 0px;}
	header .topBar .container {}
	header .topBar .notice {width:80%;}
	header .topBar .notice p {font-size:1rem;margin:0px;padding:0px;}
	header .topBar .social {width:20%;}
	header .topBar .social ul {list-style:none;text-align:right;}
	header .topBar .social ul li {display:inline-block;}
	header .topBar .social ul li a {color:var(--ucc-primary);font-size:1.25rem;padding:0px 5px;}
	header .topBar .social ul li a i {color:var(--ucc-primary);}
	header .topBar .social ul li .mobileNavToggle {display:block;}
	header .mainBar {padding:8px 0px 5px 0px;border-bottom:5px solid var(--ucc-red);}
	header .mainBar .container {flex-direction:column;padding:0px 15px;}
	header .mainBar .container .logo {width:100%;position:relative;z-index:5;}
	header .mainBar .container .logo img {display:block;max-width:185px;margin:-15px auto -20px auto;}
	header .mainBar .container .menu-main-menu-container {width:100%;position:relative;z-index:4;}
	header .mainBar .container .menu-main-menu-container .menu {transition:var(--ucc-transition);flex-direction:column;gap:10px;justify-content:flex-end;height:100%;max-height:0px;overflow:hidden;}
	header .mainBar .container .menu-main-menu-container .menu.show {padding-top:30px;max-height:1000px}
	header .mainBar .container .menu-main-menu-container .menu li {}
	header .mainBar .container .menu-main-menu-container .menu li a {display:block;font-size:1.5rem;position:relative;padding:15px 0px;}
	header .mainBar .container .menu-main-menu-container .menu li a .mobileNavIcon {display:block;z-index:999;}
	header .mainBar .container .menu-main-menu-container .menu li a:after {display:none;}
	header .mainBar .container .menu-main-menu-container .menu li.current_page_item {border-bottom:0px solid var(--ucc-red);}
	header .mainBar .container .menu-main-menu-container .menu li:hover ul.sub-menu {transition:max-height .36s ease;top:initial;width:100%;max-height:0;display:none;position:relative;border-radius:0px 0px 15px 15px;}
	header .mainBar .container .menu-main-menu-container .menu li.open ul.sub-menu {display:block;max-height:100vh;}
	
}

/* Home Page Styles */
.homeHero {padding:300px 0px;background-image:url(/wp-content/uploads/2024/08/screenshot.853.jpg);background-color:var(--ucc-grey);background-size:cover;background-repeat:no-repeat;background-position:center;}
.homeAbout {padding:50px 15px;}
.homeAbout h1 {text-align:center;font-size:4.2rem;font-weight:900;margin-bottom:15px;}
.homeAbout .recents {display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;margin:50px 0px;}
.homeAbout .recents div {width:50%;background:var(--ucc-grey);padding:30px;border-radius:15px;box-shadow:var(--ucc-box-shadow);}
.homeAbout .recents div h2 {text-align:center;font-size:2rem;margin-bottom:15px;}
.homeAbout .recents div ul, .homeAbout .recents div ol {margin:0px 0px 15px 30px;}
.homeAbout .recents div ul li, .homeAbout .recents div ol li {margin-bottom:10px;}
.homeAbout .recents div ul li a, .homeAbout .recents div ol li a {display:block;}
.homeAbout .recents div ul li .date, .homeAbout .recents div ol li .date {width:100%;padding:0px;box-shadow:0px 0px 0px #000;}
.homeAbout .recents div a.view-all {display:block;width:100%;padding:10px 0px;text-align:center;background:var(--ucc-primary);color:var(--ucc-white);border-radius:6px;}
.homeAbout .recents div a.view-all:hover {background:var(--ucc-primary-alt);}
.homeAbout .leadership {padding:35px;background:var(--ucc-grey);border-radius:15px;box-shadow:var(--ucc-box-shadow);margin:50px 0px 25px 0px;}
.homeAbout .leadership h2 {text-align:center;font-size:3.8rem;margin-bottom:30px;font-weight:900;}
.homeAbout .leadership ul {display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;list-style:none;}
.homeAbout .leadership ul li {width:25%;text-align:center;}
.homeAbout .leadership ul li img {width:90%;max-width:300px;}
.homeAbout .leadership ul li h3 {}
.homeBread {padding:50px 15px;background-color:var(--ucc-yellow);background-image:url(/wp-content/uploads/2024/08/yellow-background-group-photo_v2.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;}
.homeBread h2 {text-align:center;font-size:3rem;margin-bottom:5px;color:var(--ucc-primary);line-height:1;}
.homeBread .subtitle {font-family:var(--ucc-title-font);font-weight:900;margin:0px 0px 3px 0px;font-size:2.08rem;line-height:1;text-align:center;}
.homeBread .container {display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;align-items:center;margin-top:45px;}
.homeBread .container .details {width:60%;}
.homeBread .container .details h3 {font-size:2rem;margin-bottom:30px;}
.homeBread .container .details p {}
.homeBread .container .photo {width:40%;}
.homeBread .container .photo img {border:5px solid var(--ucc-white);width:100%;border-radius:15px;box-shadow:var(--ucc-box-shadow);}
@media screen and (max-width:768px) {
	.homeHero {padding:200px 0px;}
	.homeAbout {padding:50px 15px;}
	.homeAbout h1 {font-size:3rem;}
	.homeAbout .recents {flex-direction:column;margin:25px 0px;}
	.homeAbout .recents div {width:100%;padding:15px;border-radius:10px;}
	.homeAbout .recents div h2 {font-size:2rem;margin-bottom:15px;}
	.homeAbout .recents div ul, .homeAbout .recents div ol {margin:0px 0px 15px 30px;}
	.homeAbout .recents div ul li, .homeAbout .recents div ol li {margin-bottom:10px;}
	.homeAbout .recents div ul li a, .homeAbout .recents div ol li a {display:block;}
	.homeAbout .recents div a.view-all {padding:10px 0px;border-radius:6px;}
	.homeAbout .leadership {padding:35px;background:var(--ucc-grey);border-radius:15px;margin:50px 0px 25px 0px;}
	.homeAbout .leadership h2 {text-align:center;font-size:2.8rem;margin-bottom:30px;}
	.homeAbout .leadership ul {flex-direction:column;}
	.homeAbout .leadership ul li {width:100%;}
	.homeAbout .leadership ul li h3 {}
	.homeBread {padding:25px 15px;}
	.homeBread h2 {font-size:2.6rem;}
	.homeBread .subtitle {font-size:2rem;}
	.homeBread .container {flex-direction:column;margin-top:0px;}
	.homeBread .container .details {width:100%;}
	.homeBread .container .details h3 {margin-bottom:15px;text-align:center;}
	.homeBread .container .details p {}
	.homeBread .container .photo {width:100%;}
	.homeBread .container .photo img {border-radius:10px;}
}

/* Basic Page Styles */
section.contentBox {padding:0px 15px 45px 15px;}
article.container h1 {font-size:3.5rem;margin:30px 0px 30px 0px;}
article.container ol {margin-left:30px;}
article.container ol.posts {list-style:none;margin:0px;}
article.container ol.posts li {margin-bottom:30px;}
article.container ol.posts li .postTitle {font-size:1.33;font-weight:900;}
article.container ol.posts li .date {font-size:.9rem;}
article.container ol.posts li .excerpt {font-size:1.1rem;}
article.container ul {margin:0px 45px 30px 45px;}
article.container ul li, article.container ol li {line-height:1.5;font-size:1.1rem;margin-bottom:15px;}
article.container .mainContent p:last-of-type {margin-bottom:0px;}
article.container .mainContent .wp-block-gallery {margin-top:30px;}
article.container .mainContent .wp-block-gallery .wp-block-image {align-items:center;}
article.container .mainContent .wp-block-gallery .wp-block-image a {}
article.container .mainContent .wp-block-gallery .wp-block-image a img {}
@media screen and (max-width:768px) {
	section.contentBox {padding-left:15px;padding-right:15px;}
	article.container h1 {font-size:2.2rem;}
	section.contentBox .wp-block-image .alignright {float:none;margin:15px auto;}
}

/* Photo Gallery Styles */
body.page-id-32 {}
body.page-id-32 .mainContent {}
body.page-id-32 .mainContent .posts {display:flex;flex-wrap:wrap;}
body.page-id-32 .mainContent .posts li {width:50%;box-shadow:0px 0px 5px #333;padding:15px;border-radius:10px;}
body.page-id-32 .mainContent .posts li .postTitle {font-size:1.8rem;}
body.page-id-32 .mainContent .posts li .listinBtn {display:block;background:var(--ucc-red);color:var(--ucc-white);padding:10px;text-align:center;margin-top:15px;border-radius:10px;}

/* Sermon Styles */
body.single-sermons {}
body.single-sermons h1 {margin:30px 0px 5px 0px;}
body.single-sermons .sermonDate {margin:0px 0px 0px 0px;}
body.single-sermons .churchName {margin:0px 0px 30px 0px;font-weight:900;text-transform:uppercase;}
body.single-sermons .sermonVideo {float:right;width:auto;margin-left:30px;}

/* Footer Styles */
footer {background:var(--ucc-black);font-size:.9rem;padding:25px 15px 25px 15px;clear:both;}
footer a {color:var(--ucc-primary-alt);}
footer a:hover {color:var(--ucc-primary);}
footer h5 {font-size:1.5rem;margin-bottom:10px;line-height:1;color:var(--ucc-white);}
footer ul, footer li {list-style:none;}
footer ul li a {display:block;padding:2px 0px;}
footer .container {display:flex;flex-direction:row;}
footer .container div {width:33%;}
footer .container div p {margin:0px 0px 15px 0px;font-size:.9rem;color:var(--ucc-white);}
footer .container div p strong {color:var(--ucc-white);}
footer .about {}
footer .about p {}
footer .about p.name {font-family:var(--ucc-title-font);color:var(--ucc-white);font-weight:800;font-size:1.5rem;margin-bottom:10px;line-height:1;}
@media screen and (max-width:768px) {
	footer {font-size:.9rem;padding:25px 15px 25px 15px;clear:both;}
	footer h5 {font-size:1.5rem;margin-bottom:10px;line-height:1;}
	footer ul {margin-bottom:15px;}
	footer ul, footer li {list-style:none;}
	footer ul li a {display:block;padding:2px 0px;}
	footer .container {flex-direction:column;}
	footer .container div {width:100%;}
	footer .container div p {margin:0px 0px 15px 0px;font-size:.9rem;}
	footer .about {}
	footer .about p {}
	footer .about p.name {font-size:1.5rem;margin-bottom:10px;line-height:1;}
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px;overflow:visible;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{background:#000;padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute;top:-22px;left:0;color:#000;}
#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(images/controls.png) no-repeat 0 0;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px;right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px;right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px;right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px;right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}