#campus-life-home .cardGroup--gold {
    background-color: #cfd8e2;
}
#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even)::before {
    background-color: #1f2a42;
    background-image: url(/__template/t1/images/navy-on-navy-tiles.jpg);
    background-repeat: repeat-x;
    background-position: 0px 150%;
    color: #fff;
}

#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) h3, .cardGroup--gold .cardGroup-card:nth-child(even) p {
    color:#fff;
}
#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) h3 {
    margin-bottom:2rem;
}
.thirsty-accent {
    font-size: 2.5rem;
    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
    color: var(--gfColors-slate100);
    margin-left: 1rem;
    position:relative;
}
.thirsty-accent::after {
    content: "";
    width: 240px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -40px;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
    
#campus-life-home #intro_component img {
    width:40%;
}
#campus-life-home .cardGroup-card-content {
    padding: 0 0 0 1rem;
    margin-right: 1rem;
    margin-left: 0;
}
#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) .cardGroup-card-content .button--outline {
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
}
#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) .cardGroup-card-content .button.button--outline:hover {
    color: var(--gfColors-navy);
}


/*      EVENTS AND ACTIVITIES      */

/*#campus-events #intro_component*/
/*{*/
/*    background-image:url(/college-admissions/campus-life/_assets-events-activities/archived-components/images/bg-circle.svg);*/
/*    background-repeat:no-repeat;*/
/*    background-position:top left -3rem;*/
/*    background-size:contain;*/
/*    margin-bottom:4rem;*/
/*    padding:4rem 0 4rem 2rem;*/
/*}*/

/*#campus-events  #intro_component p.tagline {*/
/*    font-size: 2rem;*/
/*    font-weight: bold;*/
/*    text-transform: uppercase;*/
/*    color: var(--gfColors-red);*/
/*    letter-spacing: .75rem;*/
/*}*/
/*#campus-events #intro_component span.thirsty-tagline*/
/*{*/
/*    font-size: 5rem;*/
/*    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);*/
/*    color: #293652;*/
/*    position: relative;*/
/*    letter-spacing: 0rem;*/
/*    text-transform: capitalize;*/
/*}*/
/*#campus-events #intro_component span.thirsty-tagline::after {*/
/*    content: "";*/
/*    width: 180px;*/
/*    height: 50px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -40px;*/
/*    background-image: url(/college-admissions/campus-life/_assets-events-activities/archived-components/images/gold-underline.svg);*/
    /*background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 100% auto;*/
/*}*/
/*#events_component .cardGroup-card:first-child .cardGroup-card-image, #events_component .cardGroup-card:first-child .cardGroup-card-content {*/
/*    margin-top: 3rem;*/
/*}*/
/*#events_component.cardGroup--alternating {*/
/*    margin-bottom: 2rem;*/
/*}*/
/*#events-ending_component span {*/
/*    font-size: 4rem;*/
/*    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);*/
/*    margin-right: 5rem;*/
/*    line-height: 1;*/
/*    color: var(--gfColors-slate100);*/
/*    display: inline;*/
/*    position:relative;*/
/*}*/
/*#events-ending_component span::after {*/
/*    content: "";*/
/*    width: 55px;*/
/*    height: 11px;*/
/*    position: absolute;*/
/*    right: -4rem;*/
/*    bottom: 23px;*/
/*    background-image: url(/__template/t1/images/doodle-illustrations/gold-ellipsis.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 100% auto;*/
/*}*/
/*#events-ending_component p {*/
/*	font-size: 1.1rem;*/
/*}*/

/*#campus-events .outlineBox h2 {*/
/*    margin-top:0;*/
/*}*/
/*#club-header_component {*/
/*    margin-bottom:3rem;*/
/*}*/
/*#club-header_component .imageBanner-content {*/
/*    text-align: left;*/
/*    padding: 3rem 3rem 3rem 4rem;*/
/*}*/
/*#club-header_component .imageBanner-content-text h2 {*/
/*    color: var(--gfColors-gold);*/
/*    font-family: 'ThirstySoftExtraBold';*/
/*    font-size: 4rem;*/
/*}*/
/*#club-header_component .imageBanner-content-text p {*/
/*    font-size: 1.5rem;*/
/*}*/

/*      ARTS AND MUSIC      */


#intro-arts-music_component .intro-accent {
    background-image:url(/college-admissions/campus-life/_assets-events-activities/archived-components/images/bg-circle.svg);
    background-repeat:no-repeat;
    background-position:top left;
    background-size:contain;
    margin-bottom:4rem;
    padding: 3rem 8rem 0 4rem;
}
#intro-arts-music_component .intro-accent p {
    color: var(--gfColors-navy);
    font-size:1.2rem;
}
    
#intro-arts-music_component .red-accent {
    font-size: 4rem;
    font-family: 'ThirstySoftExtraBold';
    font-weight: bold;
    color: var(--gfColors-red);
    line-height: 1.4;
    margin: 0 .75rem;
}
#music, #art, #cmco {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: min(32vw, 40%);
    background-position-y: 0;
    background-position-x: -5%;
    padding-top: 2rem;
}

@media (max-width:575.98px) {
    #music, #art, #cmco {
        background-size: 65%;
        background-position-x: -2rem;
    }
}

#music h2, #art h2, #cmco h2 {
    font-size: 4rem;
    /*font-family: 'ThirstySoftExtraBold';*/
    margin-top: 0;
    margin-bottom:5rem;
    position:relative;
}
#music h2::after, #art h2::after, #cmco h2::after {
    position: absolute;
    content: "";
    background-color:var(--gfColors-red);
    height: 3px;
    width: 4rem;
    bottom: -2.5rem;
    left: 0;
}
#video-music_component, #video-arts_component {
    margin-bottom:3rem;
}

/* theatre section */
#theatre_component
{
	display: grid;
	grid-template-columns: 1fr min(30%, 300px) min(20%, 200px) 4rem min(50%, 500px) 1fr;
	background-color:var(--gfColors-navy);
	background-image:url(/__template/t1/images/navy-on-navy-tiles.jpg);
	padding:4rem 0;
}

#theatre_component h2
{
    color: var(--gfColors-slate80);
    grid-column: 5;
    background-color: var(--gfColors-navyAccent);
    margin: 0;
    padding: 3rem 0 2rem;
    font-size: 4rem;
    /*font-family: 'ThirstySoftExtraBold';*/
}

#theatre_component .sideImage
{
    grid-column:2/4;
    grid-row:2;
    margin-bottom: 4rem;
}

#theatre_component .u-navyBackground
{
    grid-column:5;
    grid-row:2;
    background-color:var(--gfColors-navyAccent);
    background-image:linear-gradient(var(--gfColors-gold), var(--gfColors-gold));
    background-repeat:no-repeat;
    background-size:4em 2px;
    background-position:top left;
    padding:1rem 2rem 2rem 0;
}
#theatre_component .u-navyBackground li:before {
    color:#7998ac;
}
#theatre_component::before
{
    background-color:var(--gfColors-navyAccent);
    content:"";
    grid-column:3/5;
    grid-row: 1/3;
}


@media (min-width:992px) and (max-width:1199.98px)
{
    ##theatre_component
    {
        grid-template-columns: 1fr min(30%, 277px) min(20%, 185px) 2rem min(50%, 462px) 1fr;
    }
}

@media (min-width:768px) and (max-width:992.98px)
{
    #theatre_component
    {
        grid-template-columns: 1fr min(30%, 193px) min(20%, 140px) 2rem min(50%, 351px) 1fr;
    }
}

@media (max-width: 767.98px) {
    

    #theatre_component
    {
        grid-template-columns:1fr;
    }
    
    #theatre_component .sideImage
    {
        grid-column:1;
        grid-row:1;
    }
    
    #theatre_component h2
    {
        grid-column:1;
        grid-row:2;
        padding-left:2rem;
        padding-bottom:0.5em;
    }
    
    #theatre_component .u-navyBackground
    {
        grid-column:1;
        grid-row:3;
        padding-left:2rem;
        background-position:top left 2rem;
    }
    
    #theatre_component::before, #theatre_component::after
    {
        grid-column:1;
        grid-row:4;
    }

}

@media (max-width: 576.98px) {
    #intro-arts-music_component {
        background-image:none;
        width: 90%;
    }
    #intro-arts-music_component .intro-accent {
        padding:2rem;
        margin-bottom: 0;
    }
    
}






/* ------------- ////////  Responsive Styles //////// ------------ */

@media (min-width: 576px) {
	
}


@media (min-width: 768px) {
	
    #campus-life-home .cardGroup--gold .cardGroup-card:first-child {
        background-image: linear-gradient(#cfd8e2, #cfd8e2),linear-gradient(white, white);
        background-size: 100% 80%,100% 50%;
    }
}


@media (min-width: 992px) {
    #campus-events  #intro_component p.tagline {
        letter-spacing: 1rem;
    }
	#campus-events #intro_component span.thirsty-tagline {
        font-size: 6rem;
    }
}

@media (min-width: 1200px) {
    #campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) h3 {
        margin-bottom:3rem;
    }
    #campus-life-home .cardGroup-card-content {
        margin-right: 2rem;
    }
    #campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even)::before {
        border-bottom: none;
    }
    #campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) .cardGroup-card-content {
        border-left: 2px solid #fdb814;
        padding-left:3rem;
    }
    #music, #art, #cmco {
        background-size: 22%;
    }
}



@media (max-width: 575.98px) {
	#campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even)::before {
        border-bottom: 2px solid #fdb814;
    }
    #campus-life-home .cardGroup--gold .cardGroup-card:nth-child(even) .cardGroup-card-content {
        border-left: none;
        padding-left: 0;
    }
    .thirsty-accent {
        font-size: 2rem;
        margin-left: .5rem;
        display: block;
    }
    .thirsty-accent::after {
        width: 170px;
        height: 40px;
        bottom: -30px;
    }
    #campus-events  #intro_component p.tagline, #campus-events #intro_component span.thirsty-tagline {
        text-align:center;
    }
    #campus-events .cardGroup-card-content img.u-circlePhotoSimple {
    	width:120px;
    }
    #campus-events #get-involved_component h2 {
        font-size: 2.5rem;
    }
    #campus-events #get-involved_component h2::after {
        width: 12px;
        height: 65px;
    }
}


@media (max-width: 767.98px) {
    #campus-events #intro_component {
        margin-bottom:0;
    }
	#events_component .cardGroup-card:first-child .cardGroup-card-image, #events_component .cardGroup-card:first-child .cardGroup-card-content {
        margin-top: 0;
    }

}

@media (max-width: 991.98px) {
	
}
@media (max-width: 1199.98px) {
	
}