/* Unset from BS _reboot.scss to remove flash of color on load */
 a, a:link, a:visited, a:hover, a:active {
	 color:unset 
}
a:hover {
    color: #00573d; /* stinger */
}
a:visited {
    color: #777; /* stinger */
}
 /*End Reboot Reset*/

p:empty {
    display:none;
}


body {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-feature-settings: "clig", "salt";
    font-feature-settings: "cliga", "salt";
    font-weight: 400;
}
#navbar-primary ul[role="menubar"] a {
    font-weight: 600;
}
/*h1, :not[.software-tools-catalog] article h2, :not[.software-tools-catalog] article h3, 
a[class*="button"],
.button-default, 
.button-cta,
.socialbox,
.button-showcase,
thead * {
    text-transform: lowercase;
    text-transform: capitalize !important;
}*/

.bg-image-full h1 {
    text-transform: lowercase;
    text-transform: capitalize !important;
}

h1, .t5 article h1, .t5-meetus-manual article h1, .t5-meetus-feed article h1 {
    font-size: 2.25rem;
    line-height: 1.15;
    color: #00573d; /* stinger */
    font-weight:500;
    /*max-width: 36ch;*/
}
h2, .t1 .flex-section h1, .t5 .section-intro + h3:first-of-type,
.t1 .bg-image-full h1 span {
    font-size: 1.625rem;
    line-height: 1.15;
    color: #043927; /* ssgreen */
    font-weight:500;
    max-width: 50ch;
}
h2#spotlight-header {
    max-width: unset;
}
.t5 .section-intro > h3:first-of-type {
    font-weight:600;
}
.t1 .sac-state-news-section h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
.t5 article h1 {
    font-size: 2rem;
}
.t5 .general h2 + div.side-nav,
h2 + h4 {
    margin-top: 1rem;
}
main:not(.t1) .jumbotron.paralsec h2 {
    font-size: 1.375rem;
}

#spotlight.jumbotron h2 {
    text-align: right;
    font-weight: 300;
    margin: 0 13%;
}
.page-natural-sciences-mathematics #spotlight.jumbotron h2 {
    margin: 0 8%; /* needed for 4 spotlight items */
}
h3 {
    font-size: 1.3rem;
    line-height: 1.25;
    color: #00573d; /* stinger */
    font-weight:500;
    max-width: 75ch;
    clear: both;
}
.t5 p + h3 {
    /*margin-top: 2em;*/
}
h4 {
    font-size: 1rem;
    font-weight:500;
    max-width: 75ch;
    clear: both;
}
p, .t5 pre, p.p-caption, .t5 section :not[class="button-2wide"] li {
    font-size: .875rem;
    line-height: 1.5;
    color: #000;
    max-width: 75ch;
}
.t5 section.intro p:first-of-type {
    font-size: 1.2rem;
}
p.p-caption {
    font-style: italic;
    line-height: 1.1;
    color: #333;
}

.paralsec div div div:nth-of-type(3) span {
    font-size: 12px;
}




/*.t2 h1.herotitleblack span*/
/*{background-color:#ffffff;*/
/*color:#000000;}*/
/*.t2  h1.herotitlewhite span*/
/*{background-color:#000000;*/
/*color:#ffffff;*/
/*margin-top:-10px;}*/
/*.t2 h2.herotitleblack span*/
/*{background-color:#000000;*/
/*color:#ffffff;}*/



/* ============================= */
/* =========== HERO ================== */
 
main:not(.t1) .bg-image-full h1 {
    background: transparent;
    color: #fff;
}
main.t2 .bg-image-full .container .row .col-lg-6 h1,
main.t3 .bg-image-full .container .row .col-lg-6 h1,
main.t4 .bg-image-full .container .row .col-lg-6 h1 {
font-size: 2.4rem;
}

.t5 .bg-image-full h1 {
    font-size: 2rem;
}

.bg-image-full h1 span {
   font-weight:400;
   font-size: .6em;
   display: block;
   line-height: 1;
   /*white-space: nowrap;*/
   margin-top: .5em;
}
.t2.page-university-galleries .bg-image-full h1 span {
   display: block;
   line-height: 1.2em;
   white-space: normal;
}

main:not(.t1) .bg-image-full h2 {
	font-size:18px;
    background: transparent;
    color: #f2f0d9;
}
.bg-image-full h2 a:link, .bg-image-full h2 a:visited,
.bg-image-full h1 a:hover, .bg-image-full h1 a:active, .bg-image-full h1 a:focus {
    color: #e6e1b3;
}
.bg-image-full h2 a:hover, .bg-image-full h2 a:active, .bg-image-full h2 a:focus,
.bg-image-full h1 a:link, .bg-image-full h1 a:visited {
    color: #fff;
}

/* ============ HIGHLIGHT BOXES ================= */

#spotlight h2 {
    color: #fff;
    padding-bottom: 1rem;
}

.jumbotron #spotlight-boxes div.socialbox a {
        font-size: 1.3rem;
        color: #004e38;
}
#department-grid .degrees li a,
.degrees-majors-section .degrees li a,
.degrees-majors-section .degreeswrap li a{
    font-size: 20px;
    line-height: 1;
}
/*.t1.page-homepage .quicklinks-section #department-grid .degrees li a,*/
/*.t3.page-colleges-majors .quicklinks-section #department-grid .degrees li a,*/
/*.t3.page-social-sciences-interdisciplinary-studies #department-grid .degrees li a {*/
/*    font-size: 18px;*/
/*}*/

/* ============================= */
/* ============= content quadrant general + box1 (dk green)  ================ */


.box1 h2, .box2.showcase h2, .box2.general h2, .box3.general h2, .box4.general h2 {
    font-weight: 400;
    font-size: 26px;
    color: rgb(218, 212, 144);
    /*text-transform: capitalize;*/
}
.box1 h3 {
    font-weight: 500;
    font-size: 22px;
}
.box2.general h3,
.box3.general h3,
.box4.general h3 {
    /*text-transform: capitalize;*/
}
/*.box1 p:first-of-type,*/
/*.t5.one-column section h1 + p, .t5.two-column section h1 + p {*/
/*    font-size: 16px;*/
/*    line-height: 1.6;*/
/*}*/
.box1 li, .box2.general li, .box3.general li, .box4.general li {
    font-size: 14px;
}


/* ============= box2 list only  / dark photo background  ================ */

/*Moved to module-nav-sidebar.css*/

/* ============  generic / light background (Biology box 3) ================= */

.box3.general h2 {
    color: #043927; /* ssgreen */
    }
.box3.general h3 {
    color: #00573d; /*stinger*/
    }
.box3 ul,
.box3 ol,
.t5.t5-meetus-manual article ul ul {
    padding-left: 0;
}

.general ol ul,
.t5:not(.t5-meetus-manual) article ul ul,
.t5:not(.t5-meetus-manual) article ol ul {
    padding-left: 1em;
    list-style-type: initial;
}
.general ul ul,
.t5:not(.t5-meetus-manual) article ul ul {
    list-style-type: circle;
}
.t5:not(.t5-meetus-manual) article ul ol,
.t5:not(.t5-meetus-manual) article ol ol {
    list-style-type: lower-alpha;
}
main.t5[class*="404s"] section.links-well div ul ul {
    margin-top: 0;
}
.box3 li {
    font-weight: 400;
    margin-bottom:.3em;
}
.t4.page-my-sac-state .box3 li {
    margin-bottom: 0;
}
p a,
:not(.side-nav) li a
:not(.nav) li a,
td a {
    text-decoration: underline;
}
.box3 p a,
.box3 li a {
    /* up inherits */
}
:not(side-nav) p a:hover,
:not(side-nav) li a:hover,
table td a:hover {
    color: #00573d; /* stinger */
    text-decoration: none;
}
:not(side-nav) .box3.general p a:visited,
:not(side-nav) .box3.general li a:visited,
table td a:visited{
    color: #777; /* stinger */
    text-decoration: underline;
}
.t5 section p a, 
.t5 section li a,  
section.emergencynotification-section a {
    color: #00573d; /* stinger */
    text-decoration: underline;
    }
.t5 main.software-tools-catalog section li a {
    color: #fff;
    text-decoration: underline;
}
/* ============= list only  / dark list background  (Bio box4 )================ */

.box4 h2{
    font-size: 22px;
    font-weight: 600;
}
.box4 h3{
    margin-bottom: 0;
}
.box4.button .side-nav ul {
    list-style: none;
}
.box4.general ul
.box4.general ol {
    padding-left: 0;
}
.box4 li {
    
}
.box4 ul li:last-of-type {

}
.box4 div:not(.side-nav) ul li a,
.box4.list-only-quadrant div:not(.side-nav) ul a,
.box4 div:not(.side-nav) ul a /*remove*/{
    line-height: 1;
    font-weight: 400;
}
.box3 ul li a:hover,
.box3 ul a:focus,
.box4 ul li a:hover,
.box4 ul a:focus
{
    text-decoration: none;
}


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

/*In aaron.css*/



/* ============= subfooter ================ */

/*In aaron.css*/

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

abbr {
    -webkit-font-feature-settings: "cpsp";
    font-feature-settings: "cpsp";
    /* applies proper spacing to all caps */
}
abbr:after {
    content: " ";
    display: inline-block;
    width: .5ch;
}

.section2 h1, 
.section2 h2,
.t4:not(.my-inside)  .box1 em, 
.t4:not(.my-inside) .box4.general em, 
.t4:not(.my-inside) .box1 strong,
.t4:not(.my-inside) .box4 strong {
    /*    Meng: Remove lightgreen as a class */
    color: #fff6ce; /* light cream */
    margin-bottom: 0;
}

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

.t5 article .col-md-12 h2,
.t5 article .col-md-12 h3 {
    /*padding-left: 0;*/
    max-width: 40ch;
    line-height: 1.3;
}
main[class*="404"].t5 article .col-md-12 h2 {
    max-width: unset;
    margin-bottom: 1em;
}
.t5 article .col-md-12 p,
.t5 article .col-md-12 p *,
.t5 article .col-md-12 ul,
.t5 article .col-md-12 ul li *,
.t5 article .col-md-12 ol,
.t5 article .col-md-12 ol li *
/*.t5.one-column section p, */
/*.t5.one-column section ul, */
/*.t5.one-column section ol, */
/*.t5.two-column section p, */
/*.t5.two-column section ul, */
/*.t5.two-column section ol*/ {
    /*padding-left: 0;*/
    max-width: 75ch;
}

/*.box2 ul.iconlist li a:after, */
/*.box2 ul.ul-iconlist li a:after {*/
/*    color: #004e38;*/
/*}*/



/* ======================= PDDG t1 ============================ */

.t1 header h1 {
    color:#004e38;
    margin-bottom:0;
    font-weight: 600;
}
.t1 header h2 {
    color:#c4b681;
    margin-bottom:0;
    margin-top: -4px;
    font-size: 2.5rem;
    font-weight: 600;
}
header h1 span {
    color:#f1e4b6;
    margin-bottom:0;
}

.t1 .flex-section h1 {
    color: #fff;
}


/* =========================== BlockQuote ======================= */

.t5 .general {
    padding: 2rem 3%;
}
.t4 blockquote,
.t5 blockquote {
    position: relative;   
    margin-top: 2rem;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    }
.t4 blockquote *,
.t5 blockquote * {
    font-size: 1.125rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
}
.t4 blockquote p,
.t5 blockquote p {
    font-size: 1.2rem;
   line-height: 1.4;
   padding-left: 2%;
   color: #008554;
   text-indent: -.5ch;
}
blockquote p+p {
    text-indent: 8%;
}
.t4 .box1 blockquote p,
.t4 .box4.general blockquote p {
   color: #ffc107; 
}

.t4 .box1 blockquote p:last-child,
.t4 .box4.general blockquote p:last-child,
.t4 .box2.general blockquote p:last-child,
.t4 .box3.general blockquote p:last-child,
.t5 blockquote p:last-child {
    font-size: 1rem;
    color: #333;
    text-align: right;
    padding-right: 5%;
    text-indent: 0;
}
.t4 .box1 blockquote p:last-child,
.t4 .box4.general blockquote p:last-child {
    color: #f0e1b0; /* gold on dark */
}
.t4 .box1 blockquote p:last-child::before,
.t4 .box4.general blockquote p:last-child::before,
.t4 .box2.general blockquote p:last-child::before,
.t4 .box3.general blockquote p:last-child::before,
.t5 blockquote p:last-child::before {
    display: inline;
    content:"— ";
}

blockquote p a {
    text-decoration: underline;
}
blockquote p a:hover {
    text-decoration: none;
}
blockquote p a:visited {
    color: #777; /* grey */
}

/*Specced in main-t4*/
/*.t4 .box1 blockquote p a:hover,*/
/*.t4 .box4.general blockquote p a:hover,*/
/*.t4 .box1 blockquote p a:focus,*/
/*.t4 .box4.general blockquote p a:focus{*/
    /* color: #f0e1b0; /* gold on dark 
/*}*/

.t4 .box2.general blockquote p a:hover,
.t4 .box3.general blockquote p a:hover,
.t4 .box2.general blockquote p a:focus,
.t4 .box3.general blockquote p a:focus {
     color: #043927; /* stinger on white */
}


.t5 blockquote p a {
    color: #00573d;
}
.t5 blockquote p a:hover,
.t5 blockquote p a:focus {
    color: #043927; /* stinger */
}



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

main[class*="one-column"] section.container blockquote,
main[class*="one-column"] section.container blockquote p {
   padding-left: 8%;
   padding-right: 8%;
}
/*.t5 blockquote:before,*/
/*.t5 blockquote:after,*/
main[class*="one-column"]  section.container blockquote::before,
main[class*="one-column"]  section.container blockquote::after,
main[class*="one-column"]  section.container section.general:not(.border) blockquote::before,
main[class*="one-column"]  section.container section.general:not(.border) blockquote::after {
    content: "“";
    display: block;
    position: absolute;
    top: 0;
    left: -1.5rem;
    font-size: 14rem;
    line-height: .75;
    font-family: Georgia;
    /* z-index: 0; */
    color: rgb(196 181 129 / 35%);
}
/*.t5 blockquote:after,*/
main[class*="one-column"]  section.container blockquote::after,
main[class*="one-column"]  section.container section.general:not(.border) blockquote::after {
    content: "”";
    top: unset;
    left: unset;
    bottom: -2rem;
    right: 0;
    line-height: 0;
}

main[class*="two-column"]  blockquote:before,
main[class*="two-column"]  blockquote:after {
    display: none;
}
}