/*
Theme Name: sjc2025
Theme URI: 
Author: Brian Shrader
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sjc2025
Tags: 
*/

/************************* global *************************/

html {
    scroll-behavior: smooth;
}
.no-block-gap {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.inline-block {
    display: inline-block !important;
}
.hide-on-desktop {
    display: none !important;
}
.margin-top-120 {
    margin-top: 120px !important;
}
.margin-top-100 {
    margin-top: 100px !important;
}
.margin-top-80 {
    margin-top: 80px !important;
}
.margin-top-60 {
    margin-top: 60px !important;
}
.margin-top-50 {
    margin-top: 50px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-bottom-150 {
    margin-bottom: 150px !important;
}
.padding-top-80 {
    padding-top: 80px !important;
}
.padding-top-45 {
    padding-top: 45px !important;
}
.padding-bottom-45 {
    padding-bottom: 45px !important;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: #D9E0AD !important;
    transition: all 0.25s ease;
}
.homepage-nav .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: inherit !important;
    text-decoration: underline;
    transition: all 0.25s ease;
}

/************************* tabs *************************/

.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab-button {
    cursor: pointer;
}
.tab-button:hover,
.tab-button.active {
    text-decoration: underline;
}

/************************* about page *************************/

#leadership {
    overflow: hidden;
}
.leadership-profile {
    display: none;
}
.leadership-image img {
    width: 100%;
}
.leadership-profile.active {
    display: block;
}
.read-bio-button {
    cursor: pointer;
    transition: all 0.25s ease;
}
.read-bio-button:hover {
    background-color: #37412B;
    color: #D9E0AD !important;
}

/************************* projects nav *************************/
.projects-nav {
    display: flex;
    align-items: center;
    gap: 24px;
}
.projects-button {
    width: 322px;
    line-height: 61px;
    font-family: "Inter", sans-serif;
    font-size: var(--wp--preset--font-size--custom-18) !important;
    font-weight: bold;
    letter-spacing: 1px;
    color: #37412B;
    border: 2px #37412B solid;
    cursor: pointer;
    text-align: center;
    transition: all 0.25s ease;
}
.projects-button:hover,
.projects-button.active {
    background-color: #37412B;
    color: #D9E0AD;
}
.projects-list.active {
    display: block;
}
.projects-list {
    display: none;
}

/************************* contact page *************************/

.contact-page-image {
    position: relative;
    height: 400px;
}
.contact-page-location {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.contact-page-info-column {
    padding-top: 150px !important;
    padding-bottom: 174px !important;
}
.contact-page-info-column .has-custom-20-font-size {
    font-size: 18px !important;
}

/************************* responsive *************************/

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
}

@media (max-width: 781px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }
    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .hide-on-desktop {
        display: block !important;
    }
    .wp-block-site-logo img {
        width: 250px;
    }
    .has-global-padding {
        padding-right: 20px;
        padding-left: 20px;
    }
    footer .wp-block-navigation ul, 
    footer .wp-block-navigation ul li {
        font-size: 14px !important;
    }
    footer .wp-block-navigation.is-vertical {
        --navigation-layout-align: center !important;
    }
    footer .wp-block-columns nav {
        align-items: center;
    }
    footer .footer-links-column {
        border: 1px #f6f0ec solid;
        border-right: none;
        border-left: none;
        padding-bottom: 24px;
        padding-top: 24px;
    }
    footer .footer-middle-column {
        order: -1;
        margin-bottom: 30px;
    }
    footer .footer-copyright-block {
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: calc(100% - 40px);
        margin-left: 20px;
    }
    .margin-top-120 {
        margin-top: 60px !important;
    }
    .margin-top-100 {
        margin-top: 50px !important;
    }
    .margin-top-80 {
        margin-top: 40px !important;
    }
    .margin-top-60 {
        margin-top: 30px !important;
    }
    .margin-top-50 {
        margin-top: 25px !important;
    }
    .margin-top-30 {
        margin-top: 15px !important;
    }
    .margin-bottom-150 {
        margin-bottom: 75px !important;
    }
    .padding-top-80 {
        padding-top: 40px !important;
    }
    .padding-top-45 {
        padding-top: 25px !important;
    }
    .padding-bottom-45 {
        padding-bottom: 25px !important;
    }
    .homepage-sjc-logo {
        width: 180px;
    }
    .homepage-tagline {
        margin-top: 25px !important;
        font-size: 30px !important;
    }
    .homepage-image {
        margin-top: 100px !important;
    }
    .homepage-image img {
        transform: scale(1.6);
        transform-origin: right;
    }
    .single-post-featured-image {
        height: 200px !important;
    }
    .single-post h4.wp-block-post-title {
        margin-block-start: 12px !important;
    }
    .single-post .wp-block-post-date {
        margin-block-start: 8px !important;
    }
    .about-page-nav {
        flex-direction: column;
    }
    #our-team .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .employees-wrapper > ul {
        column-gap: 15px;
    }
    .projects-page-title {
        text-align: center;
    }
    .projects-nav {
        flex-direction: column;
    }
    .projects-button {
        max-width: 100%;
        line-height: 3;
    }
    .project-active-hero {
        margin-top: -24px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .leasing-contacts-wrapper {
        gap: 40px;
        text-align: center;
    }
    .completed-project-featured-image,
    .completed-project-featured-image img {
        height: 250px !important;
    }
    .completed-project-text,
    .completed-project-text p {
        text-align: center;
    }
    .completed-project-text .wp-block-column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .leadership-profile {
        display: block !important;
    }
    .contact-page-info-column {
        padding-top: 60px !important;
        padding-bottom: 84px !important;
    }
}