/*
    REINU 16/06/2025 - General changes
*/
h1 {
    line-height: 1.3;
}

/*
    RPECK 14/08/2023 - Wordpress branding removal on admin bar
    This was originally in the admin CSS only but we need it in the public view too
*/
body.wp_removed #wp-admin-bar-wp-logo,
body.wp_removed #wpadminbar .quicklinks li .blavatar { display: none; }

/* 
	RPECK 20/08/2023 - Remove user select from brand logo
	Personal preference but I find it far more useful to get rid of text select for those types of things
*/
.brand.has-logo-image { user-select: none; }

/* 
	RPECK 22/08/2023 - Kadence Modal Overlay
	Used to manage the way the overlay of the Kadence "modal" block is handled
*/
.kt-modal-overlay { cursor: pointer; }
.kt-modal-overlay > .kt-modal-container { cursor: default !important; }

/*
	RPECK 24/08/2023 - Kadence Announcement Bar
	Extracted from elements so we can use it across different installs
*/
announcement-bar {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: 1000;
    transition: max-height 0.15s ease;
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--announcement-bar-background-color, var(--global-palette2));
    color:            var(--announcement-bar-color, white);
    padding-top:      var(--announcement-bar-padding-top, 0);
    padding-bottom:   var(--announcement-bar-padding-bottom, 0);
}

announcement-bar[data-open="true"] {
    max-height: 150px;
}

announcement-bar .site-container {
    position: relative;
    width: 100%;
    text-align: center;
}

announcement-bar .text {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    display: block;
}

announcement-bar .close-popup {
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    background-color: transparent;
    padding: 5px !important;
    line-height: 1;
    user-select: none;
    color: var(--announcement-bar-color, white);
}

/*
    RPECK 04/03/2024 - CSS Relative Colours
    Used to give us a darker hover (https://blog.jim-nielsen.com/2019/dynamically-darken-a-color-in-css#update-2021-11-13)
*/
announcement-bar .close-popup:is(:hover, :focus, :active) {
    color: var(--announcement-bar-color, white);
    background-color: hsl(from var(--announcement-bar-background-color) h s 40%) !important;
}

announcement-bar .close-popup:not(.fas):after { 
    content: "×";
}

/* Row - Flex container */
.row {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping to the next row */
  margin-left: -15px;
  margin-right: -15px;
}

/* Columns - Flex children */
.col {
  padding-left: 15px;
  padding-right: 15px;
  flex: 1; /* Default flex-grow to distribute space evenly */
}

/* Specific column sizes */
.col-1 { flex: 0 0 8.33%; max-width: 8.33%; }
.col-2 { flex: 0 0 16.66%; max-width: 16.66%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33%; max-width: 33.33%; }
.col-5 { flex: 0 0 41.66%; max-width: 41.66%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33%; max-width: 58.33%; }
.col-8 { flex: 0 0 66.66%; max-width: 66.66%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
.col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

/* Optional alignment utilities */
.row.justify-start { justify-content: flex-start; }
.row.justify-center { justify-content: center; }
.row.justify-end { justify-content: flex-end; }
.row.justify-between { justify-content: space-between; }
.row.justify-around { justify-content: space-around; }
.row.align-start { align-items: flex-start; }
.row.align-center { align-items: center; }
.row.align-end { align-items: flex-end; }

.church-mass-times .row {
    margin-bottom: var(--global-xs-spacing);
}

.church-mass-times .row p {
    margin: 0;
}

/* Newsletter Archive styles */
            /* Style for year items */
.years-grid .year {
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    margin: 10px 10px 20px 0;
    background-color: var(--global-palette2);
    border-radius: 5px;
    color: white;
}

.years-grid .year:hover {
    background-color: var(--global-palette1);
    color: white;
}

/* Active state style for year items */
.year.active {
    background-color:  var(--global-palette1);
}

h5.months-title {
    margin-top: unset;
}

/* Style for month accordion titles */
.months-title {
    background-color: var(--global-palette2);
    cursor: pointer;
    padding: 1rem;
    margin-top: 5px;
    position: relative;
    color: white;
}

.months-title.active {
    background-color: var(--global-palette1);
}

.months-content {
    margin-bottom: 20px
}

.months-title:after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
}

.months-title.active:after {
    content: '-';
    font-size: 40px;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    /* Upward arrow when active */
}

/* Style for newsletter rows */
.newsletter-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}

.newsletter-row .newsletter-title,
.newsletter-row .newsletter-link {
    font-size: 1rem;
}
.wp-block-kadence-rowlayout.alignfull .kt-row-column-wrap.kb-theme-content-width {
    width: 100%;
}

/* Single Church */

.single-churches .church-mass-times .church-mass-time .day-name {
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 800;
    width: 280px;
    line-height: 130%;
}

.single-churches .church-mass-times .church-mass-time {
    border-bottom: 1px solid #ca660d;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/* Equal Heights Query Card */
.ql-equal-height ul.kb-query-grid-wrap > li > .wp-block-kadence-column {
    display: block;
}

.ql-equal-height ul.kb-query-grid-wrap > li > .wp-block-kadence-column,
.ql-equal-height ul.kb-query-grid-wrap > li > .wp-block-kadence-column > .kt-inside-inner-col {
    height: 100%;
}

.ql-equal-height .wp-block-kadence-advancedbtn {
    width: 100%;
}

figure.wp-block-video.framework_1_home_video,
figure.wp-block-video.framework_2_home_video {
    margin: 0;
}

.colored-icon.wp-block-kadence-advancedbtn span.kb-svg-icon-wrap {
    background: var(--global-palette2);
    color: #fff;
}

.footer-row ul.wp-block-list {
    margin: 0;
    list-style: none;
}

.footer-row ul.wp-block-list li::before {
    content: '\203A';
    display: inline-block;
    padding: 3px;
}

.footer-row .feed_list {
    margin: 0;
    list-style: none;
}

.footer-row ul.wp-block-list li,
.footer-row .feed_list li {
    margin-bottom: 1rem;
}

.framework_2_footer_columns .kt-imageoverlay-link .kt-image-overlay-message {
    opacity: 0;
    transition: all .2s;
}

.framework_2_footer_columns .kt-imageoverlay-link:hover .kt-image-overlay-message {
    opacity: 1;
}

/* RPECK 14/08/2023 - Footer Menu Spacing */
#footer-menu li ~ li {
	margin-left: 1.5em;
}

/* RPECK 15/08/2023 - Menu item current */
li.menu-item:is(.current_page_item, .current-menu-item) > a {
	text-decoration: underline !important;
	text-underline-offset: 3px;
	-text-underline-offset: 3px;
}

/* RPECK 16/08/2023 - Site Description Margin */
.site-branding .site-description {
	margin: 0 !important;
}

/* RPECK 17/08/2023 - Sidebar gap */
.has-sidebar .content-container {
	grid-gap: 0 !important;
}

/* RPECK 31/08/2023 - Full height content */
.content-wrap { height: 100%; }
.content-container  { flex: 1; width: 100%; }
#inner-wrap					{
	display: flex;
	flex-direction: column;
}
#primary 					  { 
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

/* RPECK 05/09/2023 - Footer Social styling */
.kt-socialstyle-style_03.kt-social-size-large a, .kt-socialstyle-style_04.kt-social-size-large a {
	color: white;
	border: 0;
}
.kt_simple_share_container.kt_share_location_before {
	margin-bottom: 0;
}

/* RPECK 06/09/2023 - Navigation menu block */
ul.navigation-menu {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
ul.navigation-menu.horizontal {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	column-gap: 10px;
	flex-wrap: wrap;
}
ul.navigation-menu a {
	text-decoration: none; 
}

/*
 *  RPECK 19/02/2024 - Homepage slider (Framework 1+2)
 * */
.wp-block-kadence-advancedgallery .kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
	bottom: 0;
/* 	background-color: rgba(0,0,0,0.7); */
  padding: 15px 0;
	--splide-pagination-background: rgba(255,255,255,1);
}

/*
 * RPECK 22/02/2024 - Full height Framework 2 content 
 *
*/
body.framework-2 .content-container, 
body.framework-2 .site-main, 
body.framework-2 .content-wrap,
body.framework-2 .entry-content-wrap,
body.framework-2 .entry,
body.framework-2 .entry-content,
body.framework-2 .entry-content > .kb-row-layout-wrap  {
	display: flex; 
	flex-direction: column;
	height: 100%;
	flex: 1;
}

body.framework-2 .entry-content > .kb-row-layout-wrap > .kt-row-column-wrap {
	flex: 1;
}

/*
 * RPECK 24/02/2024 - Homepage Slider Buttons
 * */
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
	left: 1em !important;
}
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
	right: 1em !important;
}

/*
 * RPECK 06/03/2024 - Homepage gallery slider buttons
 * */
.kb-splide .splide__arrow {
	top: calc(50% - 25px);
}

/*
 * RPECK 25/02/2024- Remove homepage gallery dots
 * */
body.framework-2 .splide__pagination {
	min-height: 40px;
}
body.framework-2 .splide__pagination > li {
	display: none;
}

/*
 * RPECK 28/02/2024 - Homepage gallery caption
 */
body.home .kadence-blocks-gallery-item__caption {
    display: block;
    position: absolute;
    top: 50%;
		transform: translateY(-50%);
    left: 0;
    bottom: unset !important;
    width: unset;
		height: auto;
		overflow-y: visible !important;
    font-size: 52px !important;
    font-weight: bold;
    padding: 0 !important;
    margin: 0 !important;
		background: unset !important;
}

@media screen and (min-width: 1050px) {
	body.home .kadence-blocks-gallery-item__caption {
		top: calc((var(--gallery-height) / 2) - 25px);
	}
}

/*
 * RPECK 05/03/2024 - Framework 2, Sidebar 1 Repeater
 * */
.framework_2_sidebar_1_blocks,
.framework_2_sidebar_2_blocks {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	height: 100%;
}

/*
 * RPECK 07/03/2024 - Complianz width
 * */
#cmplz-document {
	max-width: unset !important;
}

/*
 * RPECK 21/03/2024 - Diocese image width Footer Framework 1
 */
.diocese_footer img {
	width: 100%;
	object-fit: cover;
}

/*
 * RPECK 22/03/2024 - Search Results Framework 1
 * 
 * */
body.framework-1 .content-area {
	margin-top: 0;
	margin-bottom: 0;
}
body.framework-1.search .site-main {
	padding: 2.5em;
}

/*
 * RPECK 22/03/2024 - Search Results General
*/
body.search .page-content {
	margin-top: 0;
}

/*
 *	RPECK 22/03/2024 - Remove Max Height on sidebar (stops scrollbar from appearing) 
 * */
body.framework-1 .sidebar-inner-wrap {
	overflow-y: visible !important;
}

/*
 * RPECK 22/03/2024 - Sidebar styling
 */
@media screen and (max-width: 1024px) {
	.primary-sidebar {
		padding: 0;
	}
}

/*
 * RPECK 22/04/2024 - Content Wrap Height
 * */
body.framework-1search-results .content-wrap {
	height: unset !important;
}

/*
 * RPECK 23/03/2024 - Add 100% width to repeater blocks
 * */
.wp-block-kadence-repeater {
	width: 100%;
}

/*
 * RPECK 23/03/2024 - Main site content background (Framework 1) 
 * */
body.framework-1 #main,
body.framework-1 .primary-sidebar.widget-area {
	background-color: var(--global-palette9);
}

/*
 * RPECK 27/03/2024 - Remove margin below galleries
 * */
.wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
	margin-bottom: 0;
}

/*
 * RPECK 28/03/2024 - Framework 2 header contact icons
 * */
.element-contact-inner-wrap {
	flex-direction: column;
	row-gap: 0;
	align-items: flex-start;
	margin-top: 0;
}
.element-contact-inner-wrap > a {
	margin-top: 0 !important;
}

/*
 * RPECK 28/03/2024 - Sidebar title hover darken
 * */
body.framework-1 .primary-sidebar h3.kt-accordion-header-wrap {
	transition: background-color 0.15s ease;
	user-select: none;
}
body.framework-1 .primary-sidebar h3.kt-accordion-header-wrap:is(:hover, :active, :focus) {
	background-color: rgba(255,255,255,0.15);
}

/*
 * RPECK 31/03/2024 - Mobile menu contact align
 * */
.header-mobile-contact-wrap .header-contact-inner-wrap {
	align-items: flex-start;
}

/*
 * RPECK 01/04/2024 - Remove the padding for footer homepage blocks on framework 2 on mobile
 * */
@media screen and (max-width: 768px) {
	body.framework-2 .footer_block_background_colour > .kt-row-column-wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

/*
 * RPECK 01/04/2024 - Remove the margin underneath the gallery in footer columns
 * */
body.framework-2 .framework_2_footer_columns .kb-splide[data-slider-dots=true] {
	margin-bottom: 0;
}


.wp-block-kadence-postgrid.kt-blocks-post-loop-block .kt-blocks-post-grid-item .entry-title {
    line-height: 1.2em;
}

/* REINU 29/07/2025 - Hide Newsletter archive page contents */
.newsletters-archive-title, .newsletters-archive {
    display: none !important;
}

/* REINU 05/08/2025 - Framework 1 styling */
:root body.framework-1 {
    --global-content-width: calc(1200px + (var(--global-content-edge-padding) * 2));
}

/* REINU 06/08/2025 - Framework 2 remove margin */
body.framework-2 .content-area {
    margin: 0;
}

.churches-section li.churches:nth-child(even) > .kb-row-layout-wrap {
    background: var(--global-palette8);
}