/*
Theme Name: Bluefield University 2025
Theme URI: http://www.bluefield.edu
Description: Bluefield University's new website for 2025, built on the Divi 5 Theme Framework
Author: Old Oak Creative
Author URI: http://oldoakcreative.co
Version: 1.0.0
Template: Divi
*/

@import url("https://use.typekit.net/tcs7rnk.css");

/* @import url("./css/mobile-style.css"); */
/* @import url("./css/mobile-menu-style.css"); */


/* Setting up global style variables */
:root {
    --navy: #071D49;
    --white: #ffffff;
    --red: #CE202F;
    --silver: #BEBEBE;
    --grey: #757575;
    --charcoal: #1e1e1e;
    --light-blue: #838EA4;
    --light-khaki: #E0D5C7;
    --lighter-khaki: #F7F5F1;
}

html {
    font-family: 'Roboto', sans-serif;
    /* font-size: 16px;
    line-height: 18px; */
    /* letter-spacing: 1%; */
    color: var(--charcoal);
}

body.menu-open {
    overflow: hidden !important;
    /* position: fixed; */
    /* width: 100%; */
}


#main-content h1 {
    font-family: "proxima-nova-condensed", sans-serif !important;
    font-weight: 800;
    font-size: 3rem;
    font-style: italic;
    line-height: .9;
    text-transform: uppercase;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    /* color: var(--white); */
}

.hero-heading {
    margin-bottom: 0 !important;
}

#main-content .home-hero h1 {
    font-size: 5rem;
}

#main-content h2 {
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.2;
    /* letter-spacing: 1px; */
    text-transform: none;
}

#main-content .small-h2 h2 {
    font-size: 1.5rem;
}

#main-content .left-underline h2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100px;
    border-bottom: 4px solid var(--red);
}

#main-content .center-underline h2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    border-bottom: 4px solid var(--red);
}

#main-content h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: none;
}

#main-content .sub-heading h3 {
    text-transform: none;

}

#main-content ul {
    margin-left: 20px;
    letter-spacing: 1px;
}

#main-content p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1px;
}

#main-content .big-text p {
    font-size: 2rem;
    font-weight: 200;
}

#main-content .sub-title-text p {
    font-size: 1.3rem;
}

#main-content .sub-title-text-red p {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--red);
}

#main-content .info-text p {
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 900;
    font-size: 2.2rem;
    letter-spacing: 0;
}

#main-content .step-text p {
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 500;
    font-size: 4rem;
    letter-spacing: 0;
}

#main-content .serif-text p {
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 600;
}

.hero-text p {
    color: var(--white);
    font-size: 1.12rem;
    line-height: 1.5;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

#main-content a:hover {
    text-decoration: underline;
}

.eyebrow-heading {
    margin-bottom: -25px !important;
}

.eyebrow-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.12rem;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    color: var(--red);
}

.eyebrow-heading.light p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.12rem;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    color: var(--silver);
}

#main-content #program-hero.et_pb_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.5) 0%, rgba(7, 29, 73, 0.85) 100%);
    z-index: 1;
}

.programs-eyebrow-heading {
    margin-bottom: 0 !important;
}

.programs-eyebrow-heading p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.12rem;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    color: var(--white);
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

#main-content .notice-text p {
    font-size: .875rem !important;
    line-height: 1.2 !important;
}

#main-content .notice-text h3 {
    font-size: 1.25rem;
}

#main-content .dipl_timeline .dipl_image_wrapper {
    margin-bottom: 20px;
}

/*--------Animations----------*/

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
        /* Start completely transparent */
    }

    100% {
        opacity: 1;
        /* End fully opaque */
    }
}


/*----------HEADER STYLES------------*/
/* disable centered logo slot in menu */
.et_pb_menu__logo-slot {
    display: none !important;
}

.et_pb_button.outline-btn {
    background-color: transparent;
}

.search-page-search .et_pb_searchsubmit {
    display: none;
}

.search-page-search .et_pb_searchform:after {
    font-family: 'ETmodules';
    content: '\55';
    /* Replace with the desired icon code */
    position: absolute;
    right: 15px;
    /* Adjust position as needed */
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    /* Adjust icon size */
    color: var(--grey);
    /* Set icon color */
    z-index: 10;
    cursor: pointer;
}

.search-results article {
    margin-bottom: 30px;
}

.search-results article .post-content {
    margin-top: -50px;
}

.search-results article .post-meta {
    display: none !important;
}

/*----Top Menu-----*/

.header-top-menu {
    transition: all 300ms ease 0ms;
}

.header-top-menu .menu-item a {
    font-size: 16px;
    font-weight: 500;
    color: var(--navy);
    margin-left: 15px;
}


/*-----Sticky Menu-----*/

.fixed-header .header-top-menu {
    display: none;
    transition: all 300ms ease 0ms;
}

.fixed-header .primary-menu-container.et_pb_row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*----SECTION MENU STYLES----*/

/* Hide the select box on desktop */
.divi-mobile-select {
    display: none;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    /* Prevents iOS auto-zoom */
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}

.bu-section-menu a .et_pb_link_inner {
    /* background-color: #ebebeb; */
    padding: 0px 10px;
    border-radius: 25px;
}

.bu-section-menu a .et_pb_link_text,
.bu-section-menu a .et_pb_link_text p {
    font-size: 0.8rem !important;
    text-transform: uppercase;
    color: var(--navy);
    font-weight: 700;
}

.bu-section-menu a.current .et_pb_link_inner {
    background-color: var(--navy);
}

.bu-section-menu a.current .et_pb_link_text,
.bu-section-menu a.current .et_pb_link_text p {
    color: var(--white);
}

.bu-section-menu a.current:hover .et_pb_link_text,
.bu-section-menu a.current:hover .et_pb_link_text p {
    color: var(--navy);
}

.bu-section-menu a:hover {
    text-decoration: none !important;
}

.bu-section-menu a:hover .et_pb_link_inner {
    background-color: #efefef;
}

.bu-section-menu a:hover .et_pb_link_text {
    text-decoration: none !important;
}


/* On mobile, flip the visibility */
@media (max-width: 980px) {

    /* Hide the original row/group of link modules */
    .bu-section-menu {
        display: none !important;
    }

    /* Show the select dropdown */
    .divi-mobile-select {
        display: block;
    }
}


/*--------------FOOTER MENU------------*/

.footer-menu nav>ul>li {
    width: 100%;
}

footer a {
    color: var(--white);
}

/* .footer-col1 {
    width: 30%;
} */

/* .footer-col2 {
    width: 20%;
} */

/* .footer-col3 {
    width: 15% !important;
} */

.footer-col4 {
    display: flex;
    justify-content: space-between;
}

.footer-icon {
    display: inline-block;
    flex-grow: 0;
    text-align: center;
}

.footer-copyright p {
    color: var(--silver);
    font-size: 12px;
    letter-spacing: 1px;
}

/*-----Breadcrumbs-----*/

.bf-breadcrumb-row {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.bf-breadcrumb-section {
    padding: 0 !important;
}

.bf-breadcrumb .wp-block-code {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.bf-breadcrumb code>code>span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-style: italic;
}

.bf-breadcrumb code>code>span>span:last-of-type {
    font-weight: 500;
    color: var(--grey);
}

/*----Buttons----*/

/* Red Solid Buttons */
.et_pb_button:hover {
    text-decoration: none !important;
}

.et_pb_button.red-btn {
    background-color: var(--red);
    color: var(--white) !important;
    border: 2px solid var(--red);
}

.et_pb_button.red-btn:hover {
    background-color: transparent;
    color: var(--red) !important;
    border: 2px solid var(--red);
}

.et_pb_button.white-btn {
    background-color: var(--white);
    color: var(--navy);
    border: 2px solid var(--white);
}

.et_pb_button.white-btn:hover {
    background-color: transparent;
    color: var(--white) !important;
    border: 2px solid var(--white);
}

/* Red Outline Buttons */
.et_pb_button.red-btn.outline-btn {
    background-color: transparent;
    color: var(--red) !important;
    border: 2px solid var(--red);
}

.et_pb_button.red-btn.outline-btn:hover {
    color: var(--white) !important;
    background-color: var(--red);
}

/* White Outline Buttons */
.et_pb_button.white-btn.outline-btn {
    background-color: transparent;
    color: var(--white) !important;
    border: 2px solid var(--white);
}

.et_pb_button.white-btn.outline-btn:hover {
    color: var(--red) !important;
    background-color: var(--white);
    border: 2px solid var(--white);
}


/*----Home Page Styles----*/

/* .hero-panels {
    margin-top: -10%;
} */

.hero-panel-dark img {
    filter: invert(100%) brightness(1000%);
}

.hero-panel-light a {
    font-weight: bold;
    color: var(--navy);
}

.hero-panel-dark a {
    font-weight: bold;
    color: var(--white);
}

.et_pb_post .post-content-inner {
    padding-top: 15px;
    padding-bottom: 15px;
}

.et_pb_post a.more-link {
    text-transform: capitalize;
    text-decoration: underline;
    font-weight: 500;
}


/*----Accordions-----*/

.et_pb_accordion_item {
    border: none;
    border-bottom: 1px solid var(--silver);
}

.et_pb_module.et_pb_accordion_item {
    margin-bottom: 0 !important;
}

.et_pb_accordion_item.et_pb_toggle_close {
    background-color: transparent;
}

.et_pb_accordion_item .et_pb_toggle_title::before {
    content: "\4c";
    color: var(--navy);
    font-size: 30px;
}

/*----Horizontal Tabs----*/

/* reset styles for dynamic vertical tabs module */
.dipl_tabs .dipl_tab_wrapper {
    display: flex;
}

.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0px !important;
}

.dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls .dipl_tabs_item_title {
    display: flex;
    position: relative;
    float: left;
    cursor: pointer;
    z-index: 11;
}

.dipl_tabs .dipl_tabs_item_title_inner_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px !important;
}

.dipl_tabs_content .dipl_tabs_item {
    display: none;
}

.dipl_tabs .dipl_tabs_content .dipl_active_tab_content {
    display: block;
}

/* end reset styles */

.et_pb_tabs {
    border: none !important;
}

.et_pb_tabs ul.et_pb_tabs_controls {
    margin-left: 0 !important;
    background-color: transparent !important;

}

ul.et_pb_tabs_controls:after {
    border-top: none !important;
}

.et_pb_tabs_controls li.et_pb_tab_active {
    background-color: transparent !important;
    border-bottom: solid 3px var(--navy);
}

.et_pb_tabs_controls li {
    border-right: none !important;
}

.et_pb_tabs_controls li a {
    font-size: 18px;
    line-height: 36px;
    color: var(--navy);
}

.et_pb_tabs_controls li a:hover {
    text-decoration: none !important;
}

/* Style the mobile tabs dropdown menu */
.divi-tabs-select-dropdown {
    display: none;
    /* Hidden by default, JavaScript will show it on mobile */
    width: 100%;
    border: 2px solid var(--navy);
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: var(--navy);
    border-radius: 5px;
}

.divi-vertical-tabs-select-dropdown {
    display: none;
    /* Hidden by default, JavaScript will show it on mobile */
    width: 100%;
    border: 2px solid var(--white);
    background-color: transparent;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    border-radius: 5px;
}

.divi-vertical-tabs-select-dropdown:focus {
    color: var(--white);
    border-color: var(--white);
}

/*----Vertical Tabs----*/

.et_pb_module.dipl_tabs .dipl_tabs_item_title {
    width: 300px !important;
    padding-left: 10px;
}

.et_pb_module.dipl_tabs .dipl_tabs_controls .dipl_tabs_item_title_inner_wrap {
    justify-content: left !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_item_title.dipl_active_tab {
    background-color: transparent !important;
    border: none !important;
    color: var(--white);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    border-left: solid 3px var(--white) !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_item_title:not(.dipl_active_tab) {
    background-color: transparent !important;
    border: none !important;
    color: var(--silver);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    border-left: solid 1px var(--silver) !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_content.dipl_active_tab_content {
    padding: 0 !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_content .dipl_active_tab_content {
    padding: 0 !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_content .dipl_active_tab_content .dipl_single_tab_content {
    padding-top: 10px !important;
}

.et_pb_module.dipl_tabs .dipl_tabs_content .dipl_active_tab_content .dipl_tab_desc div p,
.et_pb_module.dipl_tabs .dipl_tabs_content .dipl_active_tab_content .dipl_tab_desc div {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: var(--white) !important;
}

/*-----Elements-----*/

.sub-page-card-image .et_pb_image_wrap {
    max-height: 200px;
}

.quick-list-item .et_pb_text_inner {
    font-size: 16px;
    margin-bottom: -25px;
}

.quick-list-item .et_pb_text_inner p {
    font-size: 16px !important;
    margin-bottom: -25px;
    letter-spacing: 0 !important;
}

.career-image img {
    /* border-radius: 10px; */
    box-shadow: 2px 2px 45px 0 rgba(0, 0, 0, .25);
}

.infographic-panel {
    background-color: rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(10px) !important;
}

.accent-border-top {
    border-top: solid 5px var(--red) !important;
}

.accent-border-left {
    border-left: solid 5px var(--red) !important;
}


/*-----Blog Page-----*/

.blog-grid article {
    margin-bottom: 100px !important;
}

.blog-grid>div>div {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

.et_pb_blog_0_tb_body .wp-pagenavi a {
    color: var(--red) !important;
}

.blog-grid .wp-pagenavi a:hover {
    text-decoration: underline;
}

.blog-grid .wp-pagenavi .pages {
    border: none;
}

.blog-grid .wp-pagenavi .current {
    border: none;
}

.blog-grid .wp-pagenavi .page {
    border: none;
}

.blog-grid .wp-pagenavi .nextpostslink {
    border: none;
}

.blog-grid .wp-pagenavi .previouspostslink {
    border: none;
}

.single-post h1.entry-title {
    text-shadow: none !important;
    font-size: 40px !important;
    line-height: 45px !important;
}

.sidebar-recent-posts article .entry-featured-image-url {
    margin-bottom: 10px;
}

.sidebar-recent-posts article .entry-title {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.sidebar-recent-posts article .post-meta {
    font-size: 14px !important;
    /* margin-bottom: 10px; */
}

.sidebar-recent-posts article .post-content .post-content-inner {
    display: none;
}

.single-blog-post-title .et_pb_title_meta_container {
    padding-bottom: 25px !important;
}

/* ----- TIMELINE STYLES ----- */

#main-content .timeline-point-text p {
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1.2;
    color: var(--navy);
}