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

/* 
*** TABLE OF CONTENTS  ***
*
* 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
*
*/

/**************************
*** 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; }

.celst-main-content p,
.celst-main-content ul li,
.celst-main-content ol li,
.celst-main-content th,
.celst-main-content td,
.celst-main-content p span,
.celst-main-content th span,
.celst-main-content td span {
    font-size: 14px!important;
    font-weight: 300;
    color: #000 !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 {
    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: #b02e3c; }

.intern-box.box-title h3 { color: #b02e3c !important; }

.widget_custom_html a.btn {
    font-size: 14px !important;
    margin-bottom: 0;
    border-color: #b02e3c;
    background: #b02e3c;
    color: #FFF;
}

h1,
.blog-single-title .heading-container .heading h2 { color: #b02e3c !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; }

/*****************************
*** 2. Homepage/Dashboard  ***
*****************************/
#dashboard {
    display: grid;
    grid-template-columns: 360px 680px 360px;
    column-gap: 10px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: max-content;
    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; }

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

/*
*** 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 ***
****************/
.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;
}

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

.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: 15px;
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
}

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

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

.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__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;
}


/*****************************************************
*** 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::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00000000 0%, #b02e3c5C 55%, #b02e3c 90%);
    z-index: 2;
}

.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__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 ***
******************************/
.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__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;
}

/************************
*** 8. Areas of Study ***
************************/
.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;
}