#navbar-primary {
    padding-bottom: 15px; /* main-t4-base.css xline 74 */
}
#navbar-primary .container {
}

/*nav#navbar-primary div:not([id="#quicklinks-modal"])  ul li a {*/
/*    padding: .75em 1rem 0 1rem;  h-f.css line 5 */
/*}*/
nav#navbar-primary button.navbar-toggler.navbar-toggler-right.navbar-toggler-icon::before {
    /* Menu Label on Meatstack */
    margin-left: -6em; /* h-f.css line 19 */
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 7%;
    min-height: 286px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.t5  header { 
    min-height: 200px;
}
header .container {
    -ms-flex-item-align: center;
    align-self: center;   
}
.bg-image-full { 
    background-color: #021e14;
    background-size: cover;
    position: relative;
    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat;
}
.t5 .bg-image-full { 
    background-position-y: 10%;
}


@media screen and (max-width: 536px) {

.t1.page-homepage .bg-image-full { 
      background-size: cover;
      background-position-y: bottom;
      background-position-x: center;
}
}
@media screen and (min-width: 1460px) {
.t1.page-homepage header.bg-image-full {
    min-height: 400px;
}
}
@media screen and (min-width: 1900px) {
.t1.page-homepage header.bg-image-full {
   background-position-y: top;
}
}




.t5.faculty-index .bg-image-full,
.t5.faculty-one-column .bg-image-full,
.t5.faculty-two-column .bg-image-full {
     background-size: contain;
    background-position-y: -5%;    
}
main.t5:after {
      bottom: auto;
 }
.bg-image-full h1 {
    margin-bottom: 0;
    padding: 0;
    margin-top: 0;
 }
main:not(.t1).bg-image-full h1 {
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.bg-image-full h1 span {
/* in type-base.css */
}

.t5 .bg-image-full h1 a:hover {
    background-image: linear-gradient(to right, #fac606 75%, #fac606 75%);
    background-position: 0 1.2em;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
}
main:not(.t1) .bg-image-full h2 {
/* in type-base.css */
    padding: 0;
    padding-top: .5em;
    margin-left: 0;
}


@media screen and (min-width:992px) {
.bg-image-full h1,
.bg-image-full h2 {
    max-width: 460px;
}
.page-faculty-senate .bg-image-full {
    background-position-x: left;   
}
}



/* ============================= */

.jumbotron:not(.flex-section) {
    padding: 2rem;
    border-radius: 0;
    position: relative;
    background-repeat: no-repeat;
/* rivers */
    background-color: rgb(0,78,56);
    background-image: url('../images/rivers-1600w.svg'), linear-gradient(60deg, rgb(0,78,56) 20%, rgb(0, 132, 83) 100%);
    background-blend-mode: color-dodge;
    background-position-y: 80%;
    background-size: 300%;
}
.jumbotron + .jumbotron {
    background: #043927;
}
@media screen and (max-width: 992px) {
    .jumbotron:not(.flex-section) {
        padding-top: 1rem;   
    }
}


@media screen and (min-width: 800px) {
.jumbotron:not(.flex-section) {
    background-position-y: 70%;
    background-size: 150%;
}
}
@media screen and (min-width: 1000px) {
.jumbotron:not(.flex-section) {
    background-position-y: 70%;
    background-size: 100%;
}
}
@media screen and (min-width: 1100px) {
.jumbotron:not(.flex-section) {
    background-position-y: 85%;
    /*background-size: contain;*/
}
.jumbotron:not(.flex-section) div#spotlight-boxes {
    max-width: 1140px;
    margin: 0 auto;
}
}

.t1 .jumbotron:not(.flex-section) {
    background-color: rgb(240,225,176);
    background-size: cover;
    background-blend-mode: normal;
    /*background-image: from inline*/
}

.jumbotron #spotlight-boxes div.socialbox {
    min-height: 176px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0;
    -webkit-box-shadow: rgba(0, 78, 56,.75) 0 3px 3px;
    box-shadow: rgba(0, 78, 56,.75) 0 3px 3px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

#spotlight-boxes div.socialbox a {
   /* in type-base.css */
    padding: 2rem 25% 2rem 2rem;
    text-decoration: none;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 90% 25%;
}




#spotlight div.socialbox a {
    background-color:rgb(250,198,6);
    background: url(../images/comb-pattern-1.svg), 
    linear-gradient(-20deg, rgb(230,234,133) 0%, rgb(230,234,133) 35%, rgb(232,185,14) 100%);
    background-blend-mode: multiply;
    
}

/*#spotlight div.socialbox:nth-of-type(2) a {*/
/*    background-color:#CBB778;*/
/*    background: url(../images/comb-pattern-2.svg), linear-gradient(0deg, rgba(203,183,120,1) 0%, rgba(203,183,120,1) 25%, rgba(250,198,6,1) 100%);*/
/*    background-blend-mode: multiply;*/
/*}*/

/*#spotlight div.socialbox:nth-of-type(3) a {*/
/*    background-color:#CFB668;*/
/*    background: url(../images/comb-pattern-1.svg), linear-gradient(0deg, rgba(207,182,104,1) 0%, rgba(207,182,104,1) 25%, rgba(250,198,6,1) 100%);*/
/*    background-blend-mode: multiply;*/
/*}*/


#spotlight div.socialbox:nth-of-type(odd) a:visited,
#spotlight div.socialbox:nth-of-type(even) a:visited {
    background-color: inherit;
}
#spotlight div.socialbox:nth-of-type(odd) a:hover,

#spotlight div.socialbox:nth-of-type(even) a:hover {
    background-color: #FAC606;
}





/* ============= honeycomb ================ */

.section2 {
    background-color: #043124;
}

/* ============= connect bar ================ */

.paralsec {
    margin-top: 0;
}
.paralsec div div .contentbox {
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 78, 56,.5) 0 3px 6px;
    box-shadow: rgba(0, 78, 56,.5) 0 3px 6px;
    height: auto;
}
@media screen and (max-width:1200px) {
.paralsec div div .contentbox {
     padding: 2em 1em;
}
}
.paralsec div div .contentbox p {
    margin: 0;
    line-height: 1.5;
}
.paralsec div div .contentbox a {
   color: #004e38;  
}
.paralsec div div .contentbox a:hover {
   color: #AAA;  
}
.paralsec div div .contentbox p a.fa {
    display: block;
}
.contentbox p a.fa-users {
    background: url(../images/meetus-icon.svg) no-repeat center;   
    padding: 33px 50%;
}

@media screen and (min-width:768px) {
    .paralsec div div .contentbox {
        min-height: 130px;
}
}
/* ============= subfooter ================ */


footer ul[aria-labelledby="campus-social-links"] li:hover {
    opacity: .7;
}
footer .logo {
    max-height: 48px;
}





/* ============================= */
/* ============================= */

abbr {
    -webkit-font-feature-settings: "cpsp";
    font-feature-settings: "cpsp";
    /* applies proper spacing to all caps */
}

.section2 h1, 
.section2 h2 {
    /*    Meng: Remove lightgreen as a class */
    color: #fff6ce; /* light cream */
    margin-bottom: 0;
    font-weight: 500;
    padding-bottom: 1rem;
    font-size: 28px;
}

.navbar-default ul.nav a:hover,
.navbar-default ul.nav a:focus,
.navbar-default ul.nav a:visited {
    color: #00573d; /* stinger green */
}




.t4 .box1 ul:not(.ul-button-stack),
.t4 .box1 ul:not(.ul-button-2wide) {
    padding-left: 1em;
}
/* Remove icon befores in main-t4-base line 468, 1044 */

.t4 #quadrants li:before, 
ul.ul-iconlist li:before {
    /* overwrites main.css l504 */
    /*content: "";*/
    /*margin: 0;*/
}
#quadrants li a:after, 
.button li a:after,
.t5 section li a:only-child:after,
.t5 section p a:after {
    content: " ";
    color: #DAD490;
    font-size: 11px;
}
#quadrants .box3 li a:after, 
.box3.buttons li a:after,
#quadrants .box2.general li a:after, 
.box2.general li a:after,
.my-inside #quadrants .button li a:after,
.t5.my-inside li a:after {
    color: #0fa153;
}
.t4[class*="page-inside-"] section li a:only-child:after,
.t5[class*="page-inside-"] p a:after,
.t5 section li a:only-child:after,
.t5 section p a:after {
    color: #043927;
}

/*External Links*/

.t4 #quadrants li a[href*="http"]:after,
.t5 section li a:only-child:after {
    /* empty but we may want later */
}
main:not(.my-inside) #quadrants .box1 li a[href*="mailto:"]:after,
#quadrants li a[href*="mailto:"]:after,
.t5 section li a[href*="mailto:"]:only-child:after {
    content: ' email';
}
.my-inside .box1 a:after {
    content: '' !important;
}
#quadrants li a[href*="qualtrics"]:after,
#quadrants li a[href*="jotform"]:after,
#quadrants li a[href*="signup"]:after,
#quadrants li a[href*="wufoo"]:after,
#quadrants li a[href*="google.com/forms"]:after,
#quadrants li a[href*="forms.office"]:after,
#quadrants li a[href*="=GIVEGiving"]:only-child:after,
.t5 section li a[href*="forms.office"]:only-child:after,
.t5 section li a[href*="google.com/forms"]:only-child:after,
.t5 section li a[href*="wufoo"]:only-child:after,
.t5 section li a[href*="qualtrics"]:only-child:after,
.t5 section li a[href*="jotform"]:only-child:after,
.t5 section li a[href*="=GIVEGiving"]:only-child:after,
.t5 section li a[href*="signup"]:after {
    content: ' Form';
}

/*Video*/

#quadrants li a[href^="vimeo"]:after,
#quadrants  li a[href^="youtube"]:after,
#quadrants  li a[href^="mediasite"]:after,
.t5 section li a[href^="vimeo"]:only-child:after,
.t5 section li a[href^="youtube"]:only-child:after,
.t5 section li a[href^="mediasite"]:only-child:after {
    content: ' Watch';
}

/*Download*/

#quadrants li a[href*=".mp4"]:after {content: ' mp4';}

#quadrants li a[href*=".pdf"]:after {content: ' PDF';}


.t5 section li:not(.btn-contact) a[href*=".mp4"]:only-child:after {content: ' mp4';}
.t5 section li:not(.btn-contact) a[href*=".doc"]:only-child:after,
.t5 section li:not(.btn-contact) a[href*=".pdf"]:only-child:after,
.t5 section p a[href*=".pdf"]:not(.button-default):after {content: ' PDF';}
.t5 section li:not(.btn-contact) a[href*=".ppt"]:only-child:after,
.t5 section li:not(.btn-contact) a[href*=".xls"]:only-child:after,


.t4 #quadrants li a[class*="button-"]:after,
.t5 section li a[class*="button-"]:after {content:'' !important;}
.t5 section li a[class="btn"]:after {content:'' !important;}

.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td a[href*=".doc"]:only-child:after,
.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td a[href*=".docx"]:only-child:after,
.t5.page-develop-your-grant-proposal- section li:not(.btn-contact) a[href*=".doc"]:only-child:after,
.t5.page-develop-your-grant-proposal- section li:not(.btn-contact) a[href*=".docx"]:only-child:after,
.t5.page-research-creative-activity- section li:not(.btn-contact) a[href*=".doc"]:only-child:after,
.t5.page-research-creative-activity- section li:not(.btn-contact) a[href*=".docx"]:only-child:after,
.t5.page-forms- section li:not(.btn-contact) a[href*=".doc"]:only-child:after,
.t5.page-forms- section li:not(.btn-contact) a[href*=".docx"]:only-child:after,
.t5.make-a-gift section li:not(.btn-contact) a[href*=".doc"]:only-child:after,
.t5.make-a-gift section li:not(.btn-contact) a[href*=".docx"]:only-child:after {
    content: ' DOC'; color: #043927;
}
.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td a[href*=".xls"]:only-child:after,
.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td a[href*=".xlsx"]:only-child:after,
.t5.page-develop-your-grant-proposal- section li:not(.btn-contact) a[href*=".xls"]:only-child:after,
.t5.page-develop-your-grant-proposal- section li:not(.btn-contact) a[href*=".xlsx"]:only-child:after,
.t5.page-research-creative-activity- section li:not(.btn-contact) a[href*=".xls"]:only-child:after,
.t5.page-research-creative-activity- section li:not(.btn-contact) a[href*=".xlsx"]:only-child:after,
.t5.page-forms- section li:not(.btn-contact) a[href*=".xls"]:only-child:after,
.t5.page-forms- section li:not(.btn-contact) a[href*=".xlsx"]:only-child:after,
.t5.make-a-gift section li:not(.btn-contact) a[href*=".xls"]:only-child:after,
.t5.make-a-gift section li:not(.btn-contact) a[href*=".xlsx"]:only-child:after {
    content: ' XLS'; color: #043927;
}

@media screen and (max-width:960px) {
	/*** START: Aaron's CSS Mods cont'***/
    .navbar-brand {
        /* overwrite navbar.css l43*/
        /*text-align: center;*/
        max-width: 600px;
        margin: 0 auto 1em 0;
    }
    .navbar-brand img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .box3,
    .box4 {
        /* overwrites layout.css l76 */
        /*padding-bottom: 50px;*/
        height: 100%;
        min-height: auto;
    }
    .section2 {
        /*        overwrite to fix background position and size layout l4*/
        background: #004e38 url(../images/section2-admissionsrightbg2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    /* swap out green/white in hexagons.css l36 */
    .hex-row a:nth-child(3) .hex .middle {
        background: #b49e38;
        color: #000;
    }
    .hexwrapper .hex-row a .hex .middle {
        border-radius: 4px;
    }
	/***END: Aaron's CSS Mods cont'***/
}



/* ================ Utility ======================= */
div a,
li a,
p a,
.button li a,
.collapse,
.collapse.show,
.hex-row .hex,
li.item,
#spotlight div.socialbox a,
.hex-row  li.nav-item svg,
ul.sac-state-events li,
ul.sac-state-events-section li,
.btn-green-white,
.side-nav li a,
nav#navbar-primary .modal .modal-body ul[aria-labelledby="campus-social-links"] li,
footer ul[aria-labelledby="campus-social-links"] li {
    -moz-transition: background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease, border-color 1s ease;
    -webkit-transition: background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease,border-color 1s ease;
    transition: background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease,border-color 1s ease;
}


*[title*="Anchor is: "] {
    
    /*position: relative;*/
}
*[title*="Anchor is: "] button {
    display:none;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: -56px;*/
    /*width: 48px;*/
    /*height: 48px;*/
    /*border-radius: 50%;*/
    /*border-bottom-right-radius: 0;*/
    /*text-transform: capitalize;*/
    /*font-size: 12px;*/
    /*font-weight: 600;*/
    /*text-align: right;*/
    /*transform: rotate(-15deg);*/
    /*overflow: unset;*/
}
*[title*="Anchor is: "] button:hover {
    /*background: #ccc;*/
    /*color: #333;*/
    
}





.fa-users:before {
    content: none;
}

.t5-meetus-manual article a[href="#"],
.t5:not(.t5-meetus-manual) article a[href*="csus.edu/umanual/"] {
    border:/;
    color:/;
    text-decoration:/;
}
.t4 #quadrants li a:before,
.hashtag,
.t4.page-campaign .sac-breadcrumb,
.t4.page-campaign  .bg-image-full .row,
.t5-meetus-manual article a[href="#"]:after,
article a[href*="https://www.csus.edu/indiv"]:after,
article a[href*="https://www.csus.edu/faculty"]:after,
.t5:not(.t5-meetus-manual) article a[href*="https://www.csus.edu/umanual/"]:after {
    display: none !important;   
}