/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: Alkaweb Team
Template: woffice
*/

/* 
*** TABLE OF CONTENTS  ***
*
* W&J Brand Colors
* 1. General Styling
* 2. Homepage/Dashboard
* 3. News
* 4. Events
* 5. Office
* 6. Student Resources and Faculty & Staff Pages
* 7. Academic Departments
* 8. Areas of Study
* 9. Block Editor Styling
* 10. Main Menu
* 11. Profile
* 12. Bitly Generator
* 13. Downloadable Files App
* 14. Menu Manager
* 15. Archives Pagination
* 16. Clubs
*/

/* ============================================
   W&J Brand Variables (global)
   ============================================ */
:root {
    --wj-red:      #B12E3C;
    --wj-white:    #FFFFFF;
    --wj-black:    #000000;
    --wj-stone:    #C8C3BE;
    --wj-sand:     #BAAC88;
    --wj-brick:    #7B242A;
    --wj-ember:    #BE4D00;
    --wj-gold:     #EDBC09;
    --wj-hemlock:  #205E45;
    --wj-patina:   #0AA297;
    --wj-sky:      #57BBEB;
    --wj-liberty:  #003B5E;
    --wj-thistle:  #624C80;
 
  /* Grays */
    --wj-lt-gray:  #F3F4F6;
    --wj-md-gray:  #808080;
    --wj-drk-gray: #A9A9A9;

  /* Golds */	
	--wj-gold-opacity-10:  rgb(237 188 9 / 10%);	
	
  /* Font Sizes */
    --wj-x-small:   0.875rem;  /* 14px */
	--wj-small:     1rem;      /* 16px */
    --wj-medium:    1.125rem;  /* 18px */
    --wj-large:     1.6rem;    /* 26px */
    --wj-x-large:   2rem;      /* 32px */
    --wj-xx-large:  2.5rem;    /* 40px */
	
}
	

/**************************
*** 1. General Styling  ***
**************************/
.woffice-addon-notice {
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #7E88AF;
}

body.vertical-modern-menu .celst-left-sidebar { width: 300px; }
    
.members-nav li,
ul.woffice-xprofile-list li { list-style-type: none !important; }


body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content {
    max-width: 1280px;
    margin: auto;
}

.celst-main-content { margin-left: 300px; }


/* Base Styling */
.celst-main-content p:not(.has-small-font-size, .has-medium-font-size, .has-large-font-size, .has-x-large-font-size),
.celst-main-content ol li,
.celst-main-content th:not(#email-signature th),
.celst-main-content td:not(#email-signature td),
.celst-main-content p span,
.celst-main-content th:not(#email-signature th) span,
.celst-main-content td:not(#email-signature td) span,
.celst-main-content ul:not(.wp-block-social-links) li {
    font-size: var(--wj-x-small) !important;
    font-weight: 300;
    color: #000;
}

.celst-blog-single-wrapper .blog-single-item .blog-single-content .blog-content h2 { font-size: var(--wj-medium); }

/* Blockquote Override */
.celst-main-content blockquote.wp-block-quote p,
.celst-main-content blockquote.wp-block-quote p span {
    font-size: inherit !important; 
	color: inherit !important;
}

/* Block Editor Styling */
.celst-main-content .has-small-font-size { font-size: var(--wj-small) !important; }
.celst-main-content .has-medium-font-size { font-size: var(--wj-medium) !important; }
.celst-main-content .has-large-font-size { font-size: var(--wj-large) !important; }
.celst-main-content .has-x-large-font-size { font-size: var(--wj-x-large) !important; }


.celst-main-content ul li { list-style: disc; }

.celst-main-content a,
.celst-main-content a span { color: #b02e3c; }

.celst-main-content a span.fa,
.celst-main-content a span.fas { color: #fff; }

a.wp-block-button__link {
	display: inline-block;
    background-color: #b02e3c;
    color: #FFF;
}

body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item.current-menu-ancestor>a::before,
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item.current-menu-item>a::before { background-color: var(--wj-red) }

.intern-box.box-title h3 { color: var(--wj-red) !important; }

.widget_custom_html a.btn,
.club-registration-indicator {
    font-size: 14px !important;
    margin-bottom: 0;
    border-color: var(--wj-red);
    background: var(--wj-red);
    color: var(--wj-white);
}

h1,
.blog-single-title .heading-container .heading h2 { color: var(--wj-red) !important; }

article table:not(.datatable-table) { border-collapse: collapse; }

article table:not(.datatable-table) thead,
article table:not(.datatable-table) tbody,
article table:not(.datatable-table) tfoot,
article table:not(.datatable-table) tr,
article table:not(.datatable-table) td,
article table:not(.datatable-table) th {
    border-color: #808080;
    border-style: solid;
    border-width: 0;
}

article table:not(.datatable-table) td,
article table:not(.datatable-table) td th {
    padding: 0.5em;
    border: 1px solid;
    word-break: normal;
}

#dashboard .widget_nav_menu ul,
.essentials .widget_nav_menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style-type: none;
    margin-top: 15px;
}

#dashboard .widget_nav_menu ul .menu-item,
.essentials .widget_nav_menu ul .menu-item { list-style-type: none; }

#dashboard .widget_nav_menu ul .menu-item a,
.essentials .widget_nav_menu ul .menu-item a {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    padding: 8px 10px;
    border: 1px solid #9E9E9E;
    border-radius: 4px;
    background-color: #dadbde;
    color: #000;
}

#dashboard .widget_nav_menu ul .menu-item a,
#dashboard .widget_nav_menu ul .menu-item a span,
#dashboard .widget_nav_menu ul .menu-item a i,
.essentials .widget_nav_menu ul .menu-item a,
.essentials .widget_nav_menu ul .menu-item a span,
.essentials .widget_nav_menu ul .menu-item a i { color: #000; }

.essentials h2 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #b02e3c;
}

.news-tabs-widget__pane,
#theme_news_office_date_preview_widget-5 .news-office-widget {
    max-height: 520px;
    overflow-y: auto;
}

.news-tabs-widget__nav { border-bottom: 1px solid #e6e3e3; }

button.news-tabs-widget__tab {
    border: none;
    border-radius: 0;
}

button.news-tabs-widget__tab.is-active {
    border-bottom: 1px solid #b02e3c;
    color: #b02e3c;
}

.news-office-widget__date {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 5px;
    background-color: #b02e3c;
    color: #FFF;
}

.news-office-widget__title { margin: 10px 0 0;}

.news-office-widget__title a {
    font-size: 20px; 
    font-weight: 500;
    line-height: 1em;
    color: #000;
}

.news-office-widget__meta {
    font-style: italic;
    color: #a5a1a1;
}

.news-office-widget__meta,
.news-office-widget__preview { font-size: 14px; }

.news-office-widget__item {
    margin-bottom: 10px;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #e6e3e3;
}

.news-office-widget__more {
    padding: 10px 0 0 0;
    text-align: center;
}

.news-office-widget__more a { color: #b02e3c; }

button.btn, button.btn:hover,
a.btn, a.btn:hover {
    background-color: #b02e3c;
    color: #FFF;
}

header#main-header nav.top-bar-nav .top-bar-container .top-bar-right-content .top-bar-user-wrapper span.r-sidebar-toggle { display: none !important }

/* General Responsiveness */
@media (max-width: 1400px) {
	.celst-main-content { margin-left: 275px; }
	
	body.vertical-modern-menu .celst-left-sidebar { width: 275px; }
	
	body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu { padding: 0 10px 0 10px; }
}


/*****************************
*** 2. Homepage/Dashboard  ***
*****************************/
#dashboard {
    display: grid;
    grid-template-columns: minmax(0, 360fr) minmax(0, 680fr) minmax(0, 360fr);
    column-gap: 10px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: 1420px;
    height: unset !important;
    margin: auto;
}

#dashboard .dash__widgets_col-1,
#dashboard .dash__widgets_col-2,
#dashboard .dash__widgets_col-3 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#dashboard .widget.box,
#dashboard .widget {
    width: 100%;
    position: unset !important;
    top: unset !important;
    left: unset !important;
    margin: 0;
}

#dashboard .widget { padding: 20px; }

#dashboard .widget.box {
    max-height: 570px;
    padding: 10px;
}

#dashboard .widget.box .intern-padding {
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y: auto;
}

#dashboard h3.widgettitle {
    font-size: 22px;
    display: block;
    margin: 0 0 5px;
    color: #b02e3c;
}

/* Home Upcoming Events */
.home-page .mec-widget .mec-event-list-classic .mec-event-image {
    width: 68px;
    height: 68px;
}

.home-page .mec-widget .mec-event-list-classic .mec-event-image a img {
    width: 100%;
    height: 100%;
}

/* Gravity Forms */
.gform_widget .gform-theme--foundation .gform_fields { gap: 16px; }

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { background-color: #b02e3c!important; }

.home-page #custom_html-13 { padding: 0; }

/* Home Responsiveness */
@media ( max-width: 1200px ) {
	#dashboard { grid-template-columns: 1fr 1fr; }
	
	.dash__widgets_col-2 {
	    order: 1;
		grid-column: 1 / -1;
	}

	.dash__widgets_col-1 { order: 3; }
	.dash__widgets_col-3 { order: 2; }
	
	#dashboard .dash__widgets_col-1 .widget,
	#dashboard .dash__widgets_col-2 .widget,
	#dashboard .dash__widgets_col-3 .widget { width: 100% !important; }
}

@media ( max-width: 640px ) {
	#dashboard { grid-template-columns: 1fr; }
}

/***************
*** 3. News  ***
***************/
.page-template-news .blog-card-body { padding-top: 10px!important; }

.blog-main-row .blog-col .blog-card-wrapper .blog-card-body { padding: 15px; }

.blog-main-row .blog-col .blog-card-wrapper .blog-card-body .news-posted-date {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    align-self: start;
    padding: 2px 8px;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: #b02e3c;
    color: #FFF;
}

.blog-main-row .blog-col .blog-card-wrapper .blog-card-body .blog-title .blog-title-inner h2 a {
    font-size: 18px;
    font-weight: 600;
    color: #b02e3c !important;
}

.blog-main-row .blog-col .blog-card-wrapper .blog-card-body .blog-title { margin-bottom: 5px; }

.blog-main-row .blog-col .blog-card-wrapper .blog-card-body .news-posted-by {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
    color: #a5a1a1;
}


.news-single-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.news-single-meta .news-posted-by,
.news-single-meta .news-posted-date,
.news-single-meta .news-updated-date {
    font-size: 14px;
    font-style: italic;
    color: #a5a1a1;
}
/*
*** 4. Events ***
*/
.tax-mec_category #main-content.mec-container,
.post-type-archive-mec-events #main-content.mec-container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.tax-mec_category #main-content.mec-container .mec-gCalendar,
.post-type-archive-mec-events #main-content.mec-container .mec-gCalendar {
    padding: 25px;
    border-radius: 20px;
    background-color: #FFF;
}

.tax-mec_category  #main-content.mec-container h1,
.post-type-archive-mec-events #main-content.mec-container h1 { margin-bottom: 15px; }

.single-mec-events #main-header { top: 0; }

.single-mec-events #main-content { margin-top: 40px; }

.mec-event-social.mec-frontbox { display: none !important; }

/****************
*** 5. Office ***
****************/
/*// ARCHIVE //*/
section.office-archive .office-archive-list .office-card-excerpt {
    display: none;
}
section.office-archive .office-archive-list h2 {
    margin: 10px auto !important;
    min-height: 52px;
	line-height: 1.2;
	text-align: center;
}


.office-featured-image {
    aspect-ratio: 4.25 / 1;
    position: relative;
    overflow: hidden;
}

.office-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
}

.office-featured-image h1 {
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1280px;
    height: max-content;
    margin: auto;
    padding: 25px;
    z-index: 2;
	color: #FFF !important;
}

.office-featured-image h1 span {
    padding: 15px;
    border-radius: 10px;
    background: rgba(176, 46, 60, .9);
}

.office-featured-image-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}

.single-office .celst-blog-single-wrapper .blog-single-col { margin-bottom: 10px; }

/* OFFICE - NEWS */
.celst-main-content .celst-main-content-container #content-container .office__content {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content:has(.office__subpages) {
    display: grid;
    grid-template-columns: minmax(0, 360fr) minmax(0, 680fr) minmax(0, 360fr);
    column-gap: 10px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: 1420px;
    margin: auto;
}

.celst-main-content .celst-main-content-container #content-container .office__content .box,
.celst-main-content .celst-main-content-container #content-container .office__content .office-contact.box,
.celst-main-content .celst-main-content-container #content-container .office__content .office-contact__section {
    margin-bottom: 10px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
}

.office__subpages.box ul {
    max-height: 500px;
    padding: 5px 0 0;
    overflow-y: auto;
}

.office__subpages.box ul li {
    list-style-position: inside;
    list-style-type: none;
}

.office__subpages.box ul li a {
	line-height: 2;
	color: #000;
}

.office__subpages.box ul li a:hover {
	text-decoration: underline !important;
	color: #b02e3c;
}

.office-related-news {
    padding: 30px 30px;
    border-radius: 20px;
    background-color: #fff;
}

ul.office-related-news__list {
    padding: 0;
    margin: 0 0 10px;
}

.celst-main-content .celst-main-content-container #content-container .office__content h2 { color: #b02e3c; }

.celst-main-content .celst-main-content-container #content-container .office__content .office-contact.box h2 { margin-bottom: 10px; }

ul.office-related-news__list li {
    list-style: none;
    margin-top: 20px;
}

.office-related-news__meta {
    font-style: italic;
    font-weight: 500;
    margin: 5px 0;
    color: #64696F;
}

li.office-related-news__item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

.office-contact__section ul {
    margin: 10px 0 0;
    padding: 0;
}

.office-contact__section ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    list-style-type: none;
}

.office-contact__section ul li:not(:last-child) { border-bottom: 1px solid #dfdfdf; }

.office-contact__section.office-contact__attachments ul {
    max-height: 500px;
    overflow-y: auto;
}
.office-contact__attachments.office-contact__section ul li {
    flex-direction: column;
    align-items: flex-start;
}

.office-contact__people > a {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline !important;
}

.office-contact__faq {
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
}

.office-contact__faq-question {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    padding-right: 24px;
	font-size: var(--wj-x-small);
}

.office-contact__faq-question::-webkit-details-marker {
    display: none;
}

.office-contact__faq-question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
}

.office-contact__faq[open] .office-contact__faq-question::after {
    content: '-';
}

.office-contact__faqs {
    max-height: 520px;
    overflow-y: auto;
}

/*****************************************************
*** 6. Student Resources and Faculty & Staff Pages ***
*****************************************************/
article#post-3302,
article#post-3304 {
    padding: 0;
    background: transparent;
}

.resources__grid_top h2,
.resources__grid_middle h2,
.resources__grid_bottom h2 { color: #b02e3c }

.resources__cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}

.resource__cont {
    width: calc(25% - 20px);
    padding: 20px;
    border-radius: 15px;
    background-color: #FFF;
}

.resource__cont h2 {
    margin-bottom: 15px;
    color: #b02e3c;
}

.resource__cont ul li:not(:last-child) { margin-bottom: 10px; }

article.news-item { aspect-ratio: 3 / 1.25; }

article.news-item .news-link {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}

article.news-item .news-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
    
article.news-item .news-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}

article.news-item .news-info {
    width: 100%;
    padding: 20px;
    z-index: 2;
    background-image: linear-gradient(180deg, #00000000 0%, #00000075 28%, #000000ba 80%);
}

article.news-item .news-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

article.news-item time.news-date { font-style: italic; }

article.news-item time.news-date,
article.news-item .news-excerpt {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.resources__grid_top {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.resources__grid_top .slider,
.resources__grid_top .essentials {
    padding: 15px;
    border-radius: 15px;
    background-color: #FFF;
}

.resources__grid_top .slider { width: 70% }

.resources__grid_top .essentials { width: 30%; }

.resources__grid_middle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: 10px;
    padding: 15px;
    justify-content: space-evenly;
    border-radius: 15px;
    background-color: #FFF;
}

.resources__grid_middle .resource__cont {
    position: relative; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 10px;
    aspect-ratio: 1.25 / 1;
    background-image: linear-gradient(180deg, #00000000 0%, #00000075 28%, #000000ba 80%);
    transition: all .25s ease;
}

.resources__directory {
    display: flex;
    flex-direction: row;
	align-items: start;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.resources__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
	width: calc(25% - (30px / 4));
    aspect-ratio: 4 / 3;
    padding: 5px;
    overflow: hidden;
    border-radius: 15px;
}

.resources__item .resource__image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00000000 0%, #b02e3c5C 55%, #b02e3c 90%);
    z-index: 2;
}

.page-id-3302 .resources__item .resource__image_overlay { background: linear-gradient(180deg, #00000000 0%, #7EAF005C 85%, #7EAF00 100%); }

.resources__item img.resource__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.resources__item .resources__title { text-align: center; }

.resources__item .resources__title,
.resources__item .resources__title a { color: #FFF; }

.resources__item .resources__title,
.resources__item .resources__content {
    position: relative;
    z-index: 3;
}

.resources__item .resources__title,
.resources__item .resources__content ul li a { color: #FFF; }

.resources__item .resources__content ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 10px;;
    margin: 0;
    padding: 0 !important;
    z-index: 2;
}

.resources__item .resources__content ul li:not(:last-child) {
    padding-right: 10px;
    border-right: 1px solid #d8d8d8;
}

.resources__item .resources__content ul li a:hover { text-decoration: underline !important; }

.resources__grid_middle .news-office-widget { width: 100%;}

.resources__grid_bottom {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    justify-content: space-between;
    border-radius: 15px;
}

.grid__bottom_left,
.grid__bottom_right {
    width: 50%;
    padding: 15px;
    border-radius: 15px;
    background-color: #FFF;
}

.resources__grid_bottom .mec-event-list-classic .mec-event-image {
    width: 68px;
    height: 68px;
}

.resources__grid_bottom .mec-event-list-classic .mec-event-image a img {
    width: 100%;
    height: 100%;
}

.resources__grid_bottom .mec-event-list-classic .mec-month-divider { margin: 15px 0 0; }

div#custom_html-10,
div#custom_html-10 .intern-padding { padding: 0!important; }

div#custom_html-10 #splw-location-weather-3765 {max-width: 100%;}


/******************************
*** 7. Academic Departments ***
******************************/

/*// ARCHIVE //*/
section.academic-department-archive .academic-department-archive-list .academic-department-card-excerpt {
    display: none;
}

section.academic-department-archive .academic-department-archive-list h2 {
    margin: 10px auto !important;
    min-height: 52px;
	line-height: 1.2;
	text-align: center;
}

.academic-department-featured-image {
    aspect-ratio: 4.25 / 1;
    position: relative;
    overflow: hidden;
}

.academic-department-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
}

.academic-department-featured-image h1 {
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1280px;
    height: max-content;
    margin: auto;
    padding: 25px;
    z-index: 2;
	color: #FFF !important;
	text-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

.academic-department-featured-image h1 span {
    padding: 15px;
    border-radius: 10px;
    background: rgba(176, 46, 60, .9);
}

.academic-department-featured-image-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}

/* academic-department - NEWS */
.celst-main-content .celst-main-content-container #content-container .academic-department__content {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

.celst-main-content .celst-main-content-container #content-container .academic-department__content .academic-department-contact.box,
.celst-main-content .celst-main-content-container #content-container .academic-department__content .academic-department-contact__section {
    margin-bottom: 15px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
}

.academic-department-related-news {
    padding: 30px 30px;
    border-radius: 20px;
    background-color: #fff;
}

ul.academic-department-related-news__list {
    padding: 0;
    margin: 0;
}

.celst-main-content .celst-main-content-container #content-container .academic-department__content h2 { color: #b02e3c; }

.celst-main-content .celst-main-content-container #content-container .academic-department__content .academic-department-contact.box h2 { margin-bottom: 10px; }

ul.academic-department-related-news__list li {
    list-style: none;
    margin-top: 20px;
}

.academic-department-related-news__meta {
    font-style: italic;
    font-weight: 500;
    margin: 5px 0;
    color: #64696F;
}

li.academic-department-related-news__item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

.academic-department-contact__section ul {
    margin: 10px 0 0;
    padding: 0;
}

.academic-department-contact__section ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    list-style-type: none;
}

.academic-department-contact__section ul li:not(:last-child) { border-bottom: 1px solid #dfdfdf; }

.academic-department-contact__section.academic-department-contact__attachments ul {
    max-height: 500px;
    overflow-y: auto;
}
.academic-department-contact__attachments.academic-department-contact__section ul li {
    flex-direction: column;
    align-items: flex-start;
}

.academic-department-contact__people > a,
.academic-department-contact__areas-of-study > a {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline !important;
}

.academic-department-contact__faq {
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
}

.academic-department-contact__faq:first-of-type {
    border-top: 1px solid #ddd;
}

.academic-department-contact__faq-question {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    padding-right: 24px;
}

.academic-department-contact__faq-question::-webkit-details-marker {
    display: none;
}

.academic-department-contact__faq-question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
}

.academic-department-contact__faq[open] .academic-department-contact__faq-question::after {
    content: '-';
}

.academic-department-contact__faq-answer {
    margin-top: 10px;
}



/************************
*** 8. Areas of Study ***
************************/
section.area-of-study-archive .area-of-study-archive-list h2 {
    margin: 10px auto !important;
    min-height: 52px;
	line-height: 1.2;
	text-align: center;
}

.celst-main-content .celst-main-content-container #content-container .area-of-study__content {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

.celst-main-content .celst-main-content-container #content-container .area-of-study__content .area-of-study-contact.box,
.celst-main-content .celst-main-content-container #content-container .area-of-study__content .area-of-study-contact__section {
    margin-bottom: 15px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
}

.area-of-study-featured-image {
    aspect-ratio: 4.25 / 1;
    position: relative;
    overflow: hidden;
}

.area-of-study-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
}

.area-of-study-featured-image h1 {
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1280px;
    height: max-content;
    margin: auto;
    padding: 25px;
    z-index: 2;
	color: #FFF !important;
	text-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

.area-of-study-featured-image h1 span {
    padding: 15px;
    border-radius: 10px;
    background: rgba(176, 46, 60, .9);
}

.area-of-study-featured-image-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.area-of-study-contact__section ul {
    margin: 10px 0 0;
    padding: 0;
}

.area-of-study-contact__section ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    list-style-type: none;
}
.area-of-study-contact__section ul li:not(:last-child) { border-bottom: 1px solid #dfdfdf; }

.area-of-study-contact__section.area-of-study-contact__attachments ul {
    max-height: 500px;
    overflow-y: auto;
}
.area-of-study-contact__attachments.area-of-study-contact__section ul li {
    flex-direction: column;
    align-items: flex-start;
}

/******************************
*** 9. Block Editor Styling ***
******************************/
:root { 
  --wj-color-text:    var(--wj-black);
  --wj-color-border:  var(--wj-stone);
  --wj-color-accent:  var(--wj-red);
}

.has-vivid-red-color { color: var(--wj-red) !important; }
.has-vivid-red-background-color { background-color: var(--wj-red) !important; } 

.wp-block-heading, .wp-block-buttons, .is-layout-grid { margin-bottom: 1.5rem; }
.wp-block-separator { margin-top: 1.5rem; margin-bottom: 1.5rem; border-top: 1px solid; }
/*.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; }*/


/*// Blockquote //*/
blockquote { 
	font-size: var(--wj-medium) !important;
    width: 80%;
    color: var(--wj-color-accent);
	border-left: 4px solid var(--wj-black);
    margin: 28px 0;
    padding-left: 1em;
}

.wp-block-image, .wp-block-image:not(.wp-block) { margin-bottom: 1rem; }
:where(.is-layout-grid) { gap: 1em; }

/*// Buttons //*/
a.wp-block-button__link { background-color: var(--wj-color-accent); color: var(--wj-white); }
a:hover.wp-block-button__link { background-color: var(--wj-black); }

/*// Tables //*/
 .wp-block-table table, .wp-block-table table td img.wp-image-undefined { width: 100% !important; }
 .wp-block-table.dt-table td, .wp-block-table.dt-table th { border: unset; } /*Remove borders from Data/Striped tables only*/
 .wp-block-table.no-borders td, .wp-block-table.no-borders th { border: unset !important; } /*Remove borders from default tables using class .no-borders*/



.wj-meet-our-team .wj-team-member-card .wj-member-info h3 {
    font-size: var(--wj-medium) !important;
}


/****************************
***  10. MAIN MENU TWEAKS ***
****************************/
 .hide { display:none !important; }


/* MAIN MODERN MENU TWEAKS so text does not wrap under icon */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu { display: flex; flex-direction: column; gap: 8px; }
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu > li.menu-item > a > i { margin-right: 15px; }

/* Make every menu link a flex row so wrapped text keeps its own column */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a,
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a { display: flex !important; align-items: flex-start; padding: 8px 15px !important; }

/* Icon keeps its size, never shrinks, never lets text wrap underneath it */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a > i,
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a > i { flex: 0 0 auto; margin-top: 4px; }

/* Title takes the remaining space and wraps within its own column */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a > .celst-menu-title,
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a > .celst-menu-title { flex: 1 1 auto; min-width: 0; }

/* Keep the dropdown arrow pinned to the right */
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a > .menu-icon,
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a > .menu-icon { flex: 0 0 auto; margin-left: auto; }

body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    margin: 0 0 0 20px !important;
}

body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item .click_menutoggle { 
    top: 7px !important; 
}
body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu>li.menu-item ul.sub-menu li.menu-item.menu-item-has-children .click_menutoggle {
    top: 5px !important;
}

/* FIX: keep wrapped titles clear of the toggle caret on screens where it's visible (≤1099px) */
@media (max-width: 1099px) {
    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a,
    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a {
        padding-right: 55px;   /* clears the 50px toggle + a little breathing room */
    }

    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a > .celst-menu-title,
    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a > .celst-menu-title {
        padding-right: 5px;
    }

    /* Hide the inline arrow where the toggle hit-area takes over */
    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu li.menu-item > a > .menu-icon,
    body.vertical-modern-menu .celst-left-sidebar .celst-nav ul#main-modern-menu ul.sub-menu li.menu-item > a > .menu-icon {
        display: none;
    }
}


/**********************
***  11. Profile    ***
**********************/

.email__signature_content {
    position: relative;
    margin: 0;
    padding: 28px;
    border: none;
    background: #fff;
    border-radius: 15px !important;
    box-shadow: none;
}

.email__signature_content  h2 { color: #b02e3c; }

.email__signature_content button.btn,
.email__signature_content button.btn:hover {
	font-size: 14px !important;
    margin-bottom: 0;
	padding: 6px 12px;
	border-radius: 0.25rem;
    border-color: #b02e3c;
    background: #b02e3c;
    color: #FFF;
}

.notice.notice-success.email__signature_update {
    display: block;
    margin: 0 0 15px;
    padding: 10px;
    border-left: 5px solid rgba(0,93,65,1);
    background: rgba(0,93,65,.6);
    color: #FFF;
}

.notice.notice-success.email__signature_update p {
	margin: 0;
	color: #FFF !important;
}

.wj-profile-footer-text blockquote {
	font-size: var(--wj-small);
	font-style: italic;
	padding: 5px 5px 5px 20px;
    border-color: var(--wj-gold);
	background-color: var(--wj-gold-opacity-10);
    color: var(--wj-black);
}

/***************************
*** 12. Bitly Generator  ***
***************************/
form.bitly-generator__form {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    gap: 15px;
}

form.bitly-generator__form input[type="text"],
form.bitly-generator__form input[type="url"],
form.bitly-generator__form select {
    font-family: inherit;
    font-size: 14px;
	width: 100%;
    padding: 5px;
    line-height: 1;
	border: 1px solid var(--wj-lt-gray);
	border-radius: 5px;
}

.bitly-generator__form p {
	width: calc(50% - 8px);
	margin: 0;
}

.bitly-generator__form p:nth-of-type(1) { width: 100%; }

table#bitly__links tbody tr:not(.bitly__full_url) td:last-child {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

table#bitly__links tbody tr td:last-child button {
    border: 0;
    background: none;
}

table#bitly__links thead tr th button { font-weight: 700; }

table#bitly__links tbody tr td:last-child i {
    font-size: 18px;
    color: var(--wj-red);
}

.bitly__full_url { background: var(--wj-lt-gray); }

.bitly-toggle-details {
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 4px 8px;
}

.bitly-toggle-details i { transition: transform 0.2s ease; }

.bitly-toggle-details[aria-expanded="true"] i { transform: rotate(45deg); }

.bitly-generator__notice {

	margin-bottom: 20px;
	padding: 14px 18px;
	border-left: 4px solid;

}

.bitly-generator__notice p {

	margin: 0;

}

.bitly-generator__notice p + p {

	margin-top: 8px;

}

.bitly-generator__notice--success {

	background: #edf7ed;
	border-color: #2e7d32;

}

.bitly-generator__notice--error {

	background: #fceded;
	border-color: #b32d2e;

}

/**********************************
*** 13. Downloadable Files App  ***
**********************************/

/*// Table Tweaks //*/
.dws-files-table thead th { font-weight: 700 !important; }
.dws-files-table tbody tr td:first-child { width: 45%; }
.dws-files-table thead th { background: var(--wj-lt-gray); }

/*// Archive Button Styling //*/
.dws-files-download-btn {
    background: var(--wj-lt-gray) !important;
    color: var(--wj-black) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.dws-files-download-btn:hover, .dws-files-download-btn:focus {
    background: var(--wj-red) !important;
    color: var(--wj-white) !important;
}
.dws-files-name { color: var(--wj-black) !important; }
.dws-files-name:hover { color: var(--wj-red) !important; }

/*// Pagination Styling //*/
.dws-files-pagination .paginationjs {
	display: flex;
	/*justify-content: center !important;*/
	width: 100%;
	margin: 20px 0;
}
.paginationjs-pages ul {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.paginationjs-pages li {
	margin: 0;
}

.paginationjs-pages li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 50%;
	color: var(--wj-black);
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.paginationjs-pages li a:hover {
	/*background-color: rgba(176, 52, 46, 0.08);*/
    background-color:  var(--wj-red);
    color: var(--wj-white);
}

.paginationjs-pages li.active a {
	background-color:  var(--wj-red);
	color: var(--wj-white);
}

.paginationjs-pages li.disabled a,
.paginationjs-pages li.paginationjs-ellipsis a {
	color: var(--wj-black);
	cursor: default;
}

.paginationjs-pages li.disabled a:hover,
.paginationjs-pages li.paginationjs-ellipsis a:hover {
	background-color: transparent;
}


/****************************
***   14. Menu Manager    ***
****************************/

body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content:has(.wpmm__subpages) {
    display: grid;
    grid-template-columns: minmax(0, 360fr) minmax(0, 680fr) minmax(0, 360fr);
    column-gap: 10px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: 1420px;
    margin: auto;
}

.celst-main-content .celst-main-content-container #content-container .office__content .box,
.celst-main-content .celst-main-content-container #content-container .academic-department__content .box,
.celst-main-content .celst-main-content-container #content-container .area-of-study__content .box {
    margin-bottom: 10px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: var(--wj-white);
}
.celst-main-content .celst-main-content-container #content-container .office__content h2,
.celst-main-content .celst-main-content-container #content-container .academic-department__content h2,
.celst-main-content .celst-main-content-container #content-container .area-of-study__content h2 { 
	color: var(--wj-red); 
}

.wpmm__subpages.box h2 { margin-bottom: 10px; }
a.wpmm-menu__link { font-size: var(--wj-x-small) !important; }
.wpmm-menu__link { padding: 0.35em 0.25em !important; }
ul.wpmm-menu__list, li.wpmm-menu__item { border: none !important; }

.wpmm__subpages.box ul {
    /*max-height: 500px;*/
    /*overflow-y: auto;*/
}
.wpmm__subpages.box ul li {
    list-style-position: inside;
    list-style-type: none;
}
.wpmm__subpages.box ul li a {
	line-height: 1.5;
	color: var(--wj-black);
}
.wpmm__subpages.box ul li a:hover {
	text-decoration: underline !important;
	color: var(--wj-red);
}

@media ( max-width: 1024px ) {
    /*
	body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content:has(.wpmm__subpages) {
        grid-template-columns: minmax( 0, 1fr );
    }
	body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content:not(:has(.wpmm__subpages)) {
        grid-template-columns: minmax( 0, 1fr );
    }
	*/
	/*
	.celst-main-content .celst-main-content-container #content-container .office__main .blog-single-content,
	.celst-main-content .celst-main-content-container #content-container .academic-department__main .blog-single-content,
	.celst-main-content .celst-main-content-container #content-container .area-of-study__main .blog-single-content {
		max-height: 600px;
		overflow-y: auto;
	}
	*/
	
}
@media ( max-width: 768px ) {
	.wpmm-menu { margin: 0 !important; }
}



/***********************************
***   15. Archives Pagination    ***
***********************************/
nav.pagination {
	display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
	justify-content: center;
}

nav.pagination.club-pagination ul.page-numbers,
nav.pagination.office-pagination ul.page-numbers,
nav.pagination.academic-department-pagination ul.page-numbers,
nav.pagination.area-of-study-pagination ul.page-numbers,
nav.pagination.news-pagination ul.page-numbers {
	display: flex;
	margin: 25px auto 0;
    padding: 0;
	align-items: center;
	gap: 6px;
}

nav.pagination.club-pagination ul.page-numbers li,
nav.pagination.office-pagination ul.page-numbers li,
nav.pagination.academic-department-pagination ul.page-numbers li,
nav.pagination.area-of-study-pagination ul.page-numbers li,
nav.pagination.news-pagination ul.page-numbers li {
    list-style: none;
}

nav.pagination.club-pagination ul.page-numbers li .page-numbers,
nav.pagination.office-pagination ul.page-numbers li .page-numbers,
nav.pagination.academic-department-pagination ul.page-numbers li .page-numbers,
nav.pagination.area-of-study-pagination ul.page-numbers li .page-numbers,
nav.pagination.news-pagination ul.page-numbers li .page-numbers {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    color: var(--wj-black);
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

nav.pagination.club-pagination ul.page-numbers li span.page-numbers.current,
nav.pagination.club-pagination ul.page-numbers li .page-numbers:hover,

nav.pagination.office-pagination ul.page-numbers li span.page-numbers.current, 
nav.pagination.office-pagination ul.page-numbers li .page-numbers:hover,

nav.pagination.academic-department-pagination ul.page-numbers li span.page-numbers.current,
nav.pagination.academic-department-pagination ul.page-numbers li .page-numbers:hover,

nav.pagination.area-of-study-pagination ul.page-numbers li span.page-numbers.current,
nav.pagination.area-of-study-pagination ul.page-numbers li .page-numbers:hover,

nav.pagination.news-pagination ul.page-numbers li span.page-numbers.current,
nav.pagination.news-pagination ul.page-numbers li .page-numbers:hover {
    background-color: var(--wj-red);
    color: var(--wj-white);
}

nav.pagination.club-pagination ul.page-numbers li .next.page-numbers:hover,
nav.pagination.club-pagination ul.page-numbers li .prev.page-numbers:hover,

nav.pagination.office-pagination ul.page-numbers li .next.page-numbers:hover,
nav.pagination.office-pagination ul.page-numbers li .prev.page-numbers:hover,

nav.pagination.academic-department-pagination ul.page-numbers li .next.page-numbers:hover,
nav.pagination.academic-department-pagination ul.page-numbers li .prev.page-numbers:hover,

nav.pagination.area-of-study-pagination ul.page-numbers li .next.page-numbers:hover,
nav.pagination.area-of-study-pagination ul.page-numbers li .prev.page-numbers:hover,

nav.pagination.news-pagination ul.page-numbers li .next.page-numbers:hover,
nav.pagination.news-pagination ul.page-numbers li .prev.page-numbers:hover {
    background-color: transparent;
    color: var(--wj-red);
}

/****************
*** 16. Clubs ***
****************/
section.club-archive .club-archive-list .club-card-excerpt {
    display: none;
}
section.club-archive .club-archive-list h2 {
    margin: 10px auto !important;
    min-height: 52px;
	line-height: 1.2;
	text-align: center;
}


.club-featured-image {
    aspect-ratio: 4.25 / 1;
    position: relative;
    overflow: hidden;
}

.club-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
}

.club-featured-image h1 {
    font-size: 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 1280px;
    height: max-content;
    margin: auto;
    padding: 25px;
    z-index: 2;
	color: #FFF !important;
}

.club-featured-image h1 span {
    padding: 15px;
    border-radius: 10px;
    background: rgba(176, 46, 60, .9);
}

.club-featured-image-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}

.single-club .celst-blog-single-wrapper .blog-single-col { margin-bottom: 10px; }

/* Club - NEWS */
.celst-main-content .celst-main-content-container #content-container .club__content {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

body:not(.home-page) .celst-main-content .celst-main-content-container #content-container #content:has(.club__subpages) {
    display: grid;
    grid-template-columns: minmax(0, 360fr) minmax(0, 680fr) minmax(0, 360fr);
    column-gap: 10px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: 1420px;
    margin: auto;
}

.celst-main-content .celst-main-content-container #content-container .club__content .box,
.celst-main-content .celst-main-content-container #content-container .club__content .club-contact.box,
.celst-main-content .celst-main-content-container #content-container .club__content .club-contact__section {
    margin-bottom: 10px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
}

.club-related-news {
    padding: 30px 30px;
    border-radius: 20px;
    background-color: #fff;
}

ul.club-related-news__list {
    padding: 0;
    margin: 0 0 10px;
}

.news-club-widget__more { text-align: center; }

.celst-main-content .celst-main-content-container #content-container .club__content h2 { color: #b02e3c; }

.celst-main-content .celst-main-content-container #content-container .club__content .club-contact.box h2 { margin-bottom: 10px; }

ul.club-related-news__list li {
    list-style: none;
    margin-top: 20px;
}

.club-related-news__meta {
    font-style: italic;
    font-weight: 500;
    margin: 5px 0;
    color: #64696F;
}

li.club-related-news__item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

.club-contact__section ul {
    margin: 10px 0 0;
    padding: 0;
}

.club-contact__section ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    list-style-type: none;
}

.club-contact__section ul li:not(:last-child) { border-bottom: 1px solid #dfdfdf; }

.club-contact__section.club-contact__attachments ul {
    max-height: 500px;
    overflow-y: auto;
}
.club-contact__attachments.club-contact__section ul li {
    flex-direction: column;
    align-items: flex-start;
}

.club-registration-indicator {
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
}