/* QuickFix CSS */

/* footer menu updates */
.menu--social-media-menu .footer-instagram.menu-item {
    background: url(/themes/custom/harris_theme/svg/instagram_logo.svg) left center no-repeat transparent;
    background-size: contain;
}

.footer .navigation{ z-index: 10;}

/* Career Outcomes updates for spacing */
.page-node-type-general-page .primary-page .CareerOutcomesReport .container,
.page-node-type-general-page .primary-page .CareerOutcomesReport #EmployerTable{
    max-width: 1340px;
    margin: auto;
    width: 90%;
}

.careerOutcomesDiv {
    flex-basis: 28%;
    justify-content: space-between;
    align-items: flex-start;
}

.primary-page .standard-container:has(.careerOutcomesDiv) {
    max-width: unset;
    padding: unset;
}


/*  Feature/Spotlight Mobile Fix */
@media (max-width: 599px){
    .node--content--main--associated-feature .node--spotlight.has-image .node--spotlight--summary {
        margin-left: 0px;
    }
}
@media (max-width: 1199px){
    .node--content--sidebar-second--faculty-spotlight .field--name-field-faculty-spotlight {
        max-width: 100%;
    }
}

/* CTA Fixes Mobile */
@media (max-width: 599px){
    .cta-wrapper .button {
        display: block;
        clear: both;
        margin-top: 12px;
        
    }
    .cta-wrapper .button a{
        width: 100%;
        margin: auto;
        
    }
}
@media (max-width: 1099px){
    .cta-wrapper .button {
        margin-right: 12px;
    }
    .cta-wrapper .button a{
        width: 100%;
        margin: auto;
        
        
    }
}  
    
/* Also interested, full width, adding margin  Mobile */
@media (max-width: 599px){
    div#block-views-block-interested-in-block-1 { margin: 0 12px;}
}

/* Upcoming Events Block, second item margin/padding off Mobile */
@media (max-width: 991px){
    .block-views-blockevents-upcoming-events-block .view-content a.node--compact {
    display: block;
    }
}

/* Breadcrumbs - add height to empty; news, events, others */
.page-node-type-news div.breadcrumbs:not(:has(> *)), .page-node-type-event div.breadcrumbs:not(:has(> *)){min-height: 42px;}



/* Sidebar CTA mobile Fix */
@media (max-width: 1099px){
    .node--content--sidebar--cta 
    .cta-wrapper .button{
        display: block;
        clear: both;
        height: 100%;
        width: 100%
    }
    .node--content--sidebar--cta 
    .cta-wrapper .button a{
        display: block;
        clear: both;
        margin-top: 12px;
        padding: 12px 12px;
    }
}

/* webform submit button */
button.form_button_submit{
    
    display: block;
    text-decoration: none;
    padding: 12px 38px;
    font-family: "UChicagoSansSerif-Regular", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    cursor: pointer;
    text-align: center;
    clear: both;
    margin-bottom: 24px;
}
button.form_button_submit {
    color: #ffffff;
    background-color: #800000;
    border: 2px solid #800000;
}
button.form_button_submit:hover{
    color: #800000;
    background-color: #ffffff;
}

/* bottom padding for footer user menu, not on the homepage */
body:not(.page-node-type-homepage) div#block-userbasedmenu {
    margin-top: 24px;
}

/* fix padding on pages with double containers, using secondary landing page style */
.node--landing-page--secondary .primary-page > .container { padding-left: 0; padding-right: 0;}

/* ymbii top padding and width adjustment */
div#block-views-block-interested-in-block-1 {
    margin-top: 36px;
}
@media (min-width: 900px){
    .block-views-blockinterested-in-block-1 {
        max-width: 1340px;
        width: 100%;
    }
}

/* End QuickFix CSS */