@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&family=Roboto:wght@900&display=swap");

:where(img){
	max-width: 100%;
	height: auto;
}


.hidden.hidden.hidden:is(*, #priority) {
    display: none;
}


.alert.alert {
    justify-content: center;
}


/* page-level hero resize */
@media (min-width: 768px) {
    .page-banner-basic-cta .slide-content-wrapper {
        padding-block: 28rem 16rem;
    }
    .page-banner-basic-cta .slide-content-wrapper .slide-content {
	    	max-width: min(1200px, 95%);
		}
}

/* apply button contrast */
.menu--utility-navigation---left ul.nav li.nav-item a[href="/apply"], 
.menu--utility-navigation---left .media-library-view--widget ul.view-header li.nav-item a[href="/apply"], 
.media-library-view--widget .menu--utility-navigation---left ul.view-header li.nav-item a[href="/apply"] {
    color: #072141;
}


/* breadcrumb color for contrast */
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item + .breadcrumb-item:before{
    color: #184171;
}


/* footer logo fix */
.logo-contact-wrap img {
    max-width: 20rem;
    margin-inline: auto;
    display: block;
}

footer #block-ccsufooter > .container .logo-contact-wrap {
    margin-top: 1rem;
}


/* Navigation Spacing */

#block-sitesearchmegablock .search-block-form.google-cse {
    margin-block-end: 3rem;
}

#block-sitesearchmegablock h2, #block-sitesearchmegablock .h2 {
    margin-block-start: 0;
}




/* Testimonial Slider */

.paragraph--type--testimonial-slider .paragraph--type--testimonial-item h2 {
    font-size: 5rem;
}
.paragraph--type--testimonial-slider .paragraph--type--testimonial-item p {
    font-size: 1.8rem;
}
.paragraph--type--testimonial-slider .paragraph--type--testimonial-item .inner-wrapper {
    background-image: url(https://www.ccsu.edu/sites/default/files/styles/full_width_cta/public/2024-06/Van_1.jpg);
    background-size: cover;
}


/* Directory Issues */

/* Remove Faculty Type declaration below directory */
.paragraph--type--directory-program-affiliations .field--name-field-faculty-type {
    display: none;
}



.view-directory .profile-department {
    margin-bottom: 0;
}

@media (max-width:1199px){
    .view-id-directory .col-md-6 {
    width: 100%;
}
}

.node--type-person .Content-left .field--name-field-person-links {
    display: block;
}

.node--type-person .Content-left .field--name-field-person-links a {
    display: block;
    text-align: center;
    padding: .25em;
    background: #205998;
    color: #fff;
    text-decoration: none;
    border: solid .2em #205998
}


.node--type-person .Content-left .field--name-field-person-links a:is(:hover, :focus-visible){
    background-color:white;
    color:#205998
}

.field.field--name-field-person-links.field--type-link.field--label-hidden.field__items .field__item {
    margin-block-end: 4px;
}

.field.field--name-field-affiliations > .field__item {
    margin-bottom: 1rem;
}


/* Remove search from directory embeds with < 9 items */

.view-id-directory:not(:has(.row > div:nth-child(8) + div:nth-child(9))) .view-filters{
    display: none;
}




/* Blockquote Fixes */
blockquote {
    background: #d1e2f5;
    margin-inline: min(5vw, 5rem);
    margin-block: 4rem;
}
blockquote.bg-yellow{
    background: #fdeba7;
}
blockquote > :first-child {
    margin-top: 0;
}

blockquote p {
    color: black;
    font-size: 1.6rem;
    font-weight: normal;
}






/* Sidebar Contact */
/* Fix for Paragraph Library contact */
.paragraph--type--news-events-listing {
    margin-top: 4rem;
    padding-left: 2rem;
}

.paragraph--type--contact-information-ref:is(*,#specify),
.paragraph--type--contact-information,
.paragraph--type--contact-information-ref{
    padding-inline: 2rem 0;
}

.paragraph--type--social-media-icons {
    padding-inline: 2rem;
}


.paragraph--type--contact-information.blue, .paragraph--type--contact-information-ref.blue {
    background: #205998;
}
[class*="paragraph--type--contact-information"]:has(+ [class*="paragraph--type--contact-information"]){
    padding-top: 20px;
}


[class*="paragraph--type--contact-information"].white,
.paragraph--type--wysiwyg:has(.contact-aligned) {
    padding-inline: 2rem;
}


.second-sidebar .fontawesome-icons, .second-sidebar .fontawesome-icons * {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

/* Sidebar Events */
.featured-related-events {
    padding-inline: 1em;
    border-bottom: solid 1px #ccc;
    margin-bottom: 1.5em;
}

.news-events-listing .card-title {
    font-size: 1em;
    font-weight: bold;
}

.news-events-listing .views-row:not(:last-of-type) {
    margin-bottom: 0;
    border-bottom: solid 1px #ccc;
}

.paragraph--type--news-events-listing > h3, 
.paragraph--type--news-events-listing > .h3,
.paragraph--type--news-events-listing > .h3,
.paragraph--type--news-events-listing .field--name-field-heading {
    font-size: 2.6rem !important;
}





/* Subheading code */
:where(h1, .h1) > :is(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	display:block;
	margin-top: 0.5rem;
}


sup {
    top: -1em;
    font-size: .5em;
    display: inline-block;
    width: .25ex;
}


/* html summary/details fixes */
summary {
    background: #ebeff4;
    border: none;
}

details {
    border-color: transparent;
    padding: .5rem;
}

details[open] {
    background: #fff;
    border-color: #ccc;
    padding: .5rem;
}




/* fade in for multi-column card component */
.paragraph--type--multi-column-cta-blocks-with-ima .field--name-field-items-4-max .paragraph--type--cta-block-with-image-item .outer-wrapper .inner-wrapper .item-overlay {
    transition: opacity 300ms;
}


/* Link behavior for non-button links */
main a[target="_blank"]:not(:is(button,.button,.button-skew)){
    position: relative;
}
main a[target="_blank"]:not(:is(button,.button,.button-skew)):is(:hover,:focus-visible):after {
    content: "\f35d";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right:0;
    font: var(--fa-font-solid);
    font-size: 75%;
}



/* Page-level Hero Graphic Sizing */
.field--name-field-hero-slide-background {
    --hero-height: 800px;
    max-height: var(--hero-height););
}

.field--name-field-hero-slide-background img {
    object-fit: cover;
    max-height: var(--hero-height,800px);
    height: auto;
}


/* hero icon sizing & spacing */
.view-contextual-field-display .hero-banner .logo_content_wrap {
    align-items: center;
    position: relative;
    z-index: 9;
}

.view-contextual-field-display .hero-banner .logo_content_wrap img {
    width: min(12em, 35%);
}
@media (max-width:1000px){
    .paragraph--type--hero-slide .slide-content,
    .hero-banner .logo_content_wrap {
        flex-direction: column;
        text-align: center;
        padding-inline: 6rem;
        margin-inline: auto;
    }
}




/* new hero title design */
.paragraph--type--hero-slide:before,
.hero-banner::before {
    display: none;
}

.hero-banner .content-wrap,
.layout-hero-content .slide-content {
    padding: 3rem 6rem 2rem 4rem;
    background: rgb(24 65 113 / 90%);
    width: fit-content;
    min-width: 40rem;
}

.view-contextual-field-display .hero-banner .content-wrap .title,
.layout-hero-content .slide-content h2.field--name-field-slide-heading-formatted.field__items {
    text-shadow: none;
    font-size: 5rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    margin-top: 0;
}










.view-contextual-field-display .hero-banner {
    padding-block: 20rem 10rem;
}
@media (width > 1000px){
    .view-contextual-field-display .hero-banner .logo_content_wrap {
        align-items: stretch;
        gap: 0;
    }
    
    .view-contextual-field-display .hero-banner .logo_content_wrap .content-wrap {
        align-content: center;
        padding-inline-start: 0;
    }
    
    .view-contextual-field-display .hero-banner .logo_content_wrap img {
        background: rgb(24 65 113 / 90%);
        padding: 1rem;
    }
}
@media (width < 768px ){
.view-contextual-field-display .hero-banner .content-wrap {
    max-width: 100%;
    width: 100%;
    text-align: center;
}

.view-contextual-field-display .hero-banner {
	padding-block: 25rem 1rem;
	
}
}