@import url('/newcsus2019-global-assets/_internal/css/module-nav-horizontal.css');
@import url('/newcsus2019-global-assets/_internal/css/gallery/main-t4-gallery.css');

div[id="quadrants"] p.media,
.fancybox-container p.media {
    /*overwrites BS _media*/
	display: unset;
}


* {
    /*border: 4px solid #f00;*/
}
p, li,
.t4.galleries div[class*="box"].general li,
.t4.galleries .button .side-nav li {
    font-size: 1rem;
}
.galleries article img {
    border-radius: 4px;
}
.galleries h3 {font-size: 1.2rem;}

div[id="quadrants"] {
    background: rgba(0, 78, 56, 0.8);
}
div[id="quadrants"] > .col-md-6 {
    /*align-self: center;*/
}

div[id="quadrants"] > .col-md-6 > div{
   height:100%;
}
div[id="quadrants"] > div > div.image{
   background-position: 50% !important;
}

div[class*="box"].general .button-default{
    background: rgba(255, 255, 255, .15);
    color: #004e38;
    font-weight: 400;
    text-decoration: none;
    padding:.7em 3%;
}

article, 
div[class*="box"]:not(.events), 
section.jumbotron[aria-describedby="spotlight-boxes"],
main:not(.t5) article{
    background: #fff;
    padding: 0;
    /*position: relative;*/
    min-height: 100%;
    /*padding: 2em 10%;*/
}
div.event.box1,
.general.boxaddl1 {
    background:#f3ebd3;
}
div.event.box3 {
    background: #fff4d1;
}
div.event.disable-bg {
    background: #fff;
}

.galleries[class*="-collection"] div.box1,
.galleries[class*="-collection"] div.box2 {
    padding: 4rem 10% 0;   
}
div.general[class*="boxaddl"] p {
    line-height: 1.6;
}
div[class*="box"]:not(.events) h2,
div[class*="box"]:not(.events) h3,
div[class*="box"]:not(.events) p *,
div[class*="box"]:not(.events) p[class]
div[class*="box"]:not(.events) li * {
    color: #043927;
}
div.event[class*="box"] h2,
div.gallery-featured-event h2 {
    font-size: 1.5rem;
    line-height:1.1;
    font-weight: 500;
}
div.gallery-featured-event h2[id*="featured-"] {
    font-size: 1.25rem;
    font-weight: 600;
    color:#333;
}
div[class*="box"]:not(.events) p.event-location,
div.gallery-featured-event p.event-location {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.5;
    /*margin-top: 2rem;*/
    margin-bottom: .5rem;
}

div[class*="box"] ul,
div[class*="box"] ol,
div[class*="event"] ul,
div[class*="event"] ol {
    padding-left: 2ch;
}

div[class*="box"]:not(.events) p,
div[class*="box"]:not(.events) li,
div.gallery-featured-event p,
div.gallery-featured-event li,
.galleries div[class*="box"]:not(.events) li,
.galleries div[class*="box"]:not(.events) strong,
h4 {
    color: #333;
    line-height: 1.5;
}
.t4.galleries div[class*="box"]:not(.events) em {
    color:#00573d;
    font-style: italic;
}
/*.t4.galleries div[class*="box"]:not(.events) strong*/
strong {
    color:#00573d;
    font-weight: 600;
}
div[class*="box"] ul.event-datetime,
div.gallery-featured-event ul.event-datetime {
    list-style: none;   
    padding: 0;
    padding-left: 0 !important; /* override aaron.css ln 346 */
    margin: 0;
}
div[class*="box"] ul.event-datetime li,
div.gallery-featured-event ul.event-datetime li {
    list-style: none;   
    padding: 0 0 .5rem;
    margin: 0;
    font-size: .875rem;
}
div[class*="box"] ul.event-datetime li:first-child,
div.gallery-featured-event ul.event-datetime li:first-child {
    font-weight: 600;
    color: #00573d;
}
div[class*="box"] {
    max-height: unset;
}
div[class*="box"] img {
    margin-bottom: 0;
}
div.event{
    display:flex;
}
   


div.event a.button-default, 
div.event a.button-default:link, 
div.event a.button-default:visited, 
div.event a.button-default:active,
div.event a.button-default:focus,
div.gallery-featured-event a.button-default:link,
div.gallery-featured-event a.button-default:visited,
div.gallery-featured-event a.button-default:active,
div.gallery-featured-event a.button-default:focus,
.t4.galleries a.button-default:link,
.t4.galleries a.button-default:visited,
.t4.galleries a.button-default:active,
.t4.galleries a.button-default:focus,
div.newsletter-signup input[type="submit"],
.t4.galleries .event-location a {
    background: #dad490;
    border: 2px solid #043927;
    color: #043927;
    font-weight: 500;
    border-radius:4px;
    text-decoration: none;
    line-height: 1.5rem;
}
.t4.galleries .event-location a {
    background: rgba(255,255,255,.2);
}
div.event a.button-default:hover,
div.gallery-featured-event a.button-default:hover,
.t4.galleries a.button-default:hover,
div.newsletter-signup input[type="submit"]:hover,
.t4.galleries .event-location a:hover,
div.event-details a:hover {
    background:rgba(214,212,144,.35);
    box-shadow: unset;
}

/* resets t4 main */
.box2 div:not(.side-nav) a {
    text-decoration: none;
}


/* end defaults and resets */



div.event.box4 {
    background:#f9e6ae;
}
div.event figure {
    flex-direction:column;
}
div.event figure img {
    width: 100%;
    /*max-height: 400px;*/
}
div[class*="event wide"] figcaption,
div[class*="event tall"] figcaption,
div.gallery-featured-event figcaption {
    /*align-self: flex-end;*/
    color: #333;
    font-size: .875rem;
    padding: 1rem 5%;
    text-align:left;
    border-bottom: 1px solid #dad490;   
}
div.event figure + div {
	 padding: 0 5% 2rem;
	 display:flex;
	 flex-wrap: wrap;
	 margin-top: 2rem;
}
div[class$="event wide"] figcaption p,
div[class$="event tall"] figcaption p,
div.gallery-featured-event figcaption p {
    display: inline;   
}
.title span:after, .media:after {
    display: inline-block;
    content: ". ";
}
.sidebar .navbar a:only-child {
    padding: .5rem;
}
p.event-item:last-of-type {
    margin: 0;
}

div.event {
    flex-direction:column;
    min-height: unset;
}
div.event figure + div {
}
div.event figure + div h2 {
    flex: 0 0 100%;
}

div.event div div.event-description,
div.galleries div div.event-details {
        width: 100%;
}
div.event div div.event-details,
div.galleries div div.event-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    }

/* end BOX WIDE */   

/*.event.tall {*/
/*    min-height: unset;*/
/*}*/
/*.event.tall figure {*/
/*	 align-self: center;*/
/*	     width: 100%;*/
/*}*/
/*.event.tall figure + div {*/
/*	 padding: 2rem 10%;*/
/*}*/



/*.col-md-6 div.event.tall {*/
/*	 padding: 0;*/
/*	 flex-direction: column;*/
/*}*/
/*.col-md-6:nth-of-type(n+3) .wide {*/
/*    flex-direction:column;*/
/*    min-height: unset;*/
/*}*/

/* end BOX defaults and resets */


.galleries .section2 {
    padding: 4rem 10%;
}
.galleries .section2 h2 {
    text-align: left !important;
}

#spotlight.jumbotron[aria-describedby="spotlight-boxes"] {
    align-items: center;
    margin: 0 auto;
    background: #f1ede1;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"]:after {
    display:none;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] h2 {
    text-align: left;
    margin: 0;
    padding: 2rem 10% 1rem;
    color: #043927;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes {
        margin: 0 10%;
        padding-bottom: 2rem;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-3 {
   padding: 0;
   margin: 1rem 0;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-3 div.socialbox {
    box-shadow: none;
    min-height:unset;
    border: 0;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-3 div.socialbox a {
    font-size: 1.2rem;
    padding: 1rem;
}

/* end spotlight boxes */

#connect.jumbotron[aria-labelledby="connect-header"] {
        background: none;
}

#connect.jumbotron[aria-labelledby="connect-header"] div  {
        background: none;
            box-shadow: none;
            margin: 0 auto;
            padding: 0;
}
#connect .contentbox {
    min-height: unset;
    padding: 1rem 0 3rem;
}

.paralsec div div .contentbox p,
.paralsec div div .contentbox ul {
    padding: 1rem 0;
}
#connect ul.socialicons {justify-content: center;}
#connect ul.socialicons li {flex: unset;margin:unset;}

/* end Connect boxes */

.col-generic-wrapper,
.col-generic p + h3 {
    margin-top: 2rem;
}
.col-generic h3 {
    margin-top: 1rem;
}



@media screen and (min-width:560px) {
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-3, 
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-4 {
   flex: unset;
}
#connect.jumbotron[aria-labelledby="connect-header"] div {
    /*margin-bottom: 1rem;*/
    /*flex: 1 1 50%;*/
}
.col-md-6 div.event.tall {
    /*padding: 2rem 0;*/
    /*border-top: 2px solid #ffc107;*/
}
.col-md-6 div.event {
align-items: center;
}
div.event.tall figure,
div.event.tall figure + div,
div.event.wide figure + div{
    /*max-width: 400px;*/
    
}
div.event.tall figure img {
    max-width: 400px;
    margin: 0 auto;
}
}


@media screen and (min-width: 768px) {
.col-md-6 div.event.tall {
    padding: 2rem;
}
}


@media screen and (min-width: 800px) {

.sac-state-events-section .row {
        justify-content: flex-start !important;
}

    #spotlight.jumbotron[aria-describedby="spotlight-boxes"] {
    display: flex;
    align-items: center;
    max-width: 1140px;
    margin: 0 auto;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] h2 {
    margin: 0;
    padding: 1rem 0 1rem 10%;
    max-width: unset;
    flex: 0 0 30%;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes {
    margin: 0 10% 0 5%;
    padding: 1rem 0;
    flex: 0 0 60%;
}
#spotlight.jumbotron[aria-describedby="spotlight-boxes"] #spotlight-boxes .col-md-3 {
   flex: 0 0 45%;
   margin: 1rem 5% 1rem 0;
   flex-wrap: nowrap;
}

/* end spotlight boxes */
}

@media screen and (min-width: 960px){
    div.event.tall figure img{
    max-height: 600px;
    max-width: unset;
}
}


@media screen and (max-width: 992px) {
#connect.jumbotron[aria-labelledby="connect-header"] {
    padding-top: 4rem;
}
    .col-md-3 {max-width: unset;}
}

@media screen and (min-width:1080px) {
    
div.event.tall figure,
div.event.tall figure + div,
div.event.wide figure + div{
    max-width: unset;
    padding: 0;
}
.page-university-galleries div.event.wide figure,
.page-university-galleries div.event.tall figure {
    padding: 0;
    margin: 0;
}
div.event.tall figure + div,
div.event.wide figure + div{
/*padding-top:2rem;   */
}
div.event.wide div div.event-description,
div.galleries div div.event-details {
    /*padding-right: 5%;*/
    /*flex: 0 0 60%;*/
}
/*div.event.wide div div.event-details,*/
/*div.galleries div div.event-details {*/
/*    flex: 0 0 40%;*/
/*}*/
div.event.wide div div.event-description.event-flex-fullwidth{
    flex:1;
}
.col-md-6 div.event.tall {
    min-height: unset;
    /*flex-direction: row;*/
}
div.event.tall figure {
	 /*margin: 0 5% 0 0;*/
	 /*flex: 1;*/
	 align-self: flex-start;
}

/* end BOX TALL LEFT */   

.col-md-6:nth-of-type(2n) div.event.tall {
	 /*padding: 0;*/
	 /*flex-direction: row-reverse;*/
}
.col-md-6:nth-of-type(2n) div.event.tall figure {
	 margin: 0;
	 /*flex: 0 0 40%;*/
	 /*align-self: center;*/
}
div.event.tall figure + div,
.col-md-6:nth-of-type(2n) div.event.tall figure + div {
    /*padding: 0 5% 0 0;*/
    padding-bottom: 0;
}
/* end BOX TALL right */
/*.col-md-6:nth-of-type(n+3) .wide {*/
/*    flex-direction:column-reverse;*/
/*    min-height: unset;*/
/*}*/
.col-md-6:nth-of-type(n+3) .wide figure + div {
     /*padding: 2rem 5% 0 5%;*/
     /*padding: 2rem 10% 0;*/
}
.col-md-6:nth-of-type(n+3) .wide figure {
	 /*margin: 2rem 0 0 0;*/
}

/*div[class*="box"]:not(.events) p,*/
/*div[class*="box"]:not(.events) li,*/
/*div.gallery-featured-event p,*/
/*div.gallery-featured-event li,*/
/*.galleries div[class*="box"]:not(.events) li,*/
/*.galleries div[class*="box"]:not(.events) strong{*/
/*    line-height: 1.25;*/
/*}*/

/* end BOX WIDE LAST */ 
}



@media screen and (min-width: 1140px) {
    .box2.image {
        margin: 0;
    }
    .gallery-featured-event,.newsletter-signup h2,.newsletter-signup form,.past-events ul {
		max-width: 1200px;
		margin: 0 auto 1rem;
	}
	.t4 #quadrants:after {
	    display: none;
	}
	.newsletter-signup {
	    padding: 2rem 5%;
	}
    .boxaddl1, .boxaddl1 {
        /*padding-left: 15%;*/
        /*padding-right: 15%;*/
    }
}