/* =================== T5 ==================================== */

.t5 article {
    position: relative;
}

.t5.one-column article {
    padding-bottom: 2em;
    background: url(../images/background-accent-double-ss.png) no-repeat;
    background-position: right bottom;
    background-size: contain;
    min-height: 700px;
}
.t5.one-column img,
.t5.one-column .img-fluid {
    width:100%;
    max-width: 75ch;
    margin:2rem 0 1rem;
}

/*broke images on other pages, and could be more so commenting it out.
/* combined above
/*.t5 img {
    width: 100%;
    max-width: unset;
}*/


.t5.one-column article > section {
    padding: 5em 0 2em 0;
    background-size: 75%;
}

.t5 section em,
.t5 section i,
.t4 article i,
.t4 article em {
    font-weight: 400;
    color: #00573d;
}

.t5.page-all-system-notices.one-column section,
.t5.one-column section h1,
/*.t5.one-column section table,*/
.t5.one-column section .gpa-calc-top,
.t5.one-column section .gpa-calc-bottom {
    max-width: 75ch;
}
.col-md-6 > img + div h2 {
    padding-top: 1em;
} 
.col-md-6 > img + div .button-default {
    margin-top: 1em;
}
.video h2 {
	margin-bottom: 1em;
}

.t5.one-column section h1 + p,
.t5.two-column section h1 + p,
.t5.two-column section .section-intro p:nth-child(1){
    font-size: 16px;
    line-height: 1.6;
    padding-left: 0;
    margin: 0 0 1em 0;
}
.t5 .side-nav ul + p {
    margin-top: 1em;
}


.t5 section p,
.t5 section ul:not[class="button-2wide"],
.t5 section ol,
.t5 section :not[class="button-2wide"] li {
    font-size: 14px;
    max-width: 75ch;
    line-height: 1.5;
    padding-left: 0;
}
.t5 section ul,
.t5 section ol,
.t5 section ul ul,
.t5 section ol ul,
.t5 section ul ol,
.t5 section ol ol {
    padding-left: 1.15em;
}
.t5 .ul-button-2wide {
        padding-left: 0;
}

.t5 section ul ul,
.t5 section ol ul,
.t5 section ul ol,
.t5 section ol ol {
    padding-top: 0;
}
.t5 section .side-nav ul,
.t5 section .side-nav ol {
    padding-left: 0;  
    border-left: 2px solid #c4b581;
    /*border-bottom: 1px solid #c4b581;*/
}
.t5 section .side-nav li,
.t5 section .side-nav li a {
    font-weight: 600;
}
.t5 section .side-nav ul li li a ,
.t5 section .side-nav ol li li a {
    font-weight: 500;
}

.t5.my-inside section .side-nav ul ul,
.t5.my-inside section .side-nav ol ul,
.t5.my-inside section .side-nav ul ul,
.t5.my-inside section .side-nav ol ul {
     border-left: 1rem solid #c4b581;
 }
 .t5.my-inside section .side-nav ul ul > li,
.t5.my-inside section .side-nav ol ul > li,
.t5.my-inside section .side-nav ul ul > li,
.t5.my-inside section .side-nav ol ul > li {
     /*border-bottom: 1px solid #c4b581;*/
     border-bottom: 0;
}

.t5:not(.software-tools-catalog) section li {
    padding-bottom: .5em;
}
.t5 section li ul li,
.t5 section li ol li,
.t5:not(.software-tools-catalog) section li li {
    padding-bottom: 0;
}


.t5 section b,
.t4.my-inside .general b,
.t5 section strong,
.t4.my-inside .general strong {
    font-style: normal;
    color: #004e38;
    /*ssgreen*/
    font-weight: 600;
}
.t5 .side-nav li > strong {
    display: block;
    padding: 1rem;
    background: rgba(196, 181, 129, 0.3);
    border-left: 1rem solid rgba(196, 181, 129, 0.5);
}
.t5 section table tbody strong {
    color: #555;
    font-weight: 600;
}

.t5 main:not(.software-tools-catalog) section p a,
.t5 main:not(.software-tools-catalog) section li a {
    text-decoration: underline;
    -webkit-text-decoration-color: #e6b711;
    text-decoration-color: #e6b711;
    text-underline-position: under;
}

.t5 section p a:hover,
.t5 section li a:hover {
    color: #333;
    -webkit-text-decoration-color: #008554;
    text-decoration-color: #008554;
    /* stinger */
}
.t5 .side-nav li
.t5 section p a:visited,
.t5 section li a:visited {
    color: #000;
    /* stinger */
    text-decoration: none;
}


.t5 div.table-responsive table {
    margin-top: 0;
    clear: both;
}


.t5.one-column div.table-responsive+h2 {
    margin-top: 2em;
}
.t5 h1+h2,
.t5 section h2 + p  {
    margin-top: 1em;
}


/*.t5.one-column #t5-section div div img + p {*/
/*    padding: 1em 4em 2em 4em;*/
/*    font-size: 12px;*/
/*    color: #fff;*/
/*    background: #043927;*/
    /* $ssGreen: */
/*    margin-top: 0;*/
/*    border-bottom-left-radius: 4px;*/
/*    border-bottom-right-radius: 4px;*/
/*    max-width: 100%;*/
/*}*/

.t5.two-column div div img {
    width: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
}

/* small images */


.t5 p img.dl1{ /* jacob: which page? */
    width:180px;
    height: auto;
    margin:0;
}


p img,
figure img {
    width: 100%;
    max-width: 100%;
    margin: 1em auto;
}
figure img {
    margin: 0;
}
.t5.responsive3-one-column p img, 
.t5.responsive3-one-column figure img, 
.t5.page-faculty-index p img, 
.t5.page-faculty-index figure img {
    width: unset !important;
    height: unset;
}
.t5.one-column img[class^='small-image-'],
.t5.one-column img[class^='img-small-']{
    width: 300px !important;
}
.t5.two-column img[class^='small-image-'],
.t5.two-column img[class^='img-small-']{
    width: 140px !important;
}
.t5 img.small-image-right,
.t5 img.img-small-right {
    margin: 1em 0 1em 1rem;
    float: right;
}
.t5 img.img-small-left,
.t5 img.small-image-left {
    margin: 1em 1em 1em 0;
    float: left;
}

/* icons */

.t5.two-column p img[class*="small-image-"].icon,
.t5.two-column p img[class*="img-small-"].icon{ 
    max-width: 80px;
    float: right; 
    margin:0 0 1em 1rem;
}

.list-icon{
    background: url('') no-repeat right top;
    padding-right: 112px;
}

.icon-folk {background-image: url('../images/icon/internal_review_art.png');}
.icon-folk-dark {background-image: url('../images/icon/formal_process_art.png');}

.icon-check {background-image: url('../images/icon/ir_review_checks.png');}
.icon-check-dark {background-image: url('../images/icon/formal_review_check.png');}

.icon-cycle {background-image: url('../images/icon/formal_process_artwork.png');}
.icon-cycle-dark {background-image: url('../images/icon/ir_process_art.png');}

/***** Accordian and Cards*****
    Currently used by:
    /administration-business-affairs/risk-management-services/water/
*/
/*NOTE!! Additional styles for UTAPS Permit FAQ below ln 676*/




.card-header{
    padding:0;
}

.card-header > a {
    color: #00573d;
    font-size: 16px;
    font-weight: 500;
    display:flex;
    padding:1em;
}

.card-header:hover {
    background-color: #e1c57a;
    color: #333;
}

.card-body {
    background-color: rgba(207, 182, 104, .2);
    border-bottom: 2px solid #00573d;
}

.card-header a[aria-expanded="true"] {
    border: none;
    border-top: 2px solid #E6B711;
    background-color: rgba(230, 180, 20, .5);
}


/* exceptions */
.t5 iframe[src*="csus.co1.qualtrics.com"], .t5.two-column iframe[src*="csus.co1.qualtrics.com"] {
    border: 0;
    width: 100%;
    min-height: 600px;
}

.t4 table > thead > tr > th,
.t5 table > thead > tr > td.
.t4 table > tbody > tr > th,
.t5 table > tbody > tr > td {
    max-width: 20ch !important;
    overflow-x: auto;
}

.t5.page-service-catalog .link-anchor {
    max-width: unset;
}



th a { color: #043927;}
th a:hover { color: #043927, text-decoration: none;}

table.table-nowrap {
    white-space: nowrap !important;
}

@media screen and (max-width:640px) {
.t5.one-column article > section {
    padding: 5em 5% 2em 5%;
}
}

@media screen and (max-width: 700px) {
    .t5.page-all-system-notices.one-column article > h1 {
    /*margin: 0 10%;*/
}
}

@media screen and (min-width: 1000px) {
    table.table-nowrap > thead > tr > th,
    table.table-nowrap > thead > tr > td,
    table.table-nowrap > tbody > tr > th,
    table.table-nowrap > tbody > tr > td {
        white-space: nowrap !important;
}
/*.t5.one-column.page-instructional-technology-matrix .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-instructional-technology-matrix .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-instructional-technology-matrix .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-instructional-technology-matrix .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-csu-information-security-policies-standards .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-csu-information-security-policies-standards .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-csu-information-security-policies-standards .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-csu-information-security-policies-standards .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-specialty-accounts .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-specialty-accounts .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-specialty-accounts .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-specialty-accounts .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-mba .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-accreditation .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-accreditation .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-accreditation .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-accreditation .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-faculty-research  .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-faculty-research  .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-faculty-research  .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-faculty-research  .table-bordered > tbody > tr > td,*/
/*.t5.one-column.page-general-chemistry-requirements  .table-bordered > thead > tr > th,*/
/*.t5.one-column.page-general-chemistry-requirements  .table-bordered > thead > tr > td,*/
/*.t5.one-column.page-general-chemistry-requirements  .table-bordered > tbody > tr > th,*/
/*.t5.one-column.page-general-chemistry-requirements  .table-bordered > tbody > tr > td,*/
/*.t5.page-recent-publications-awards.one-column  table > thead > tr > th,*/
/*.t5.page-recent-publications-awards.one-column  table > thead > tr > td,*/
/*.t5.page-recent-publications-awards.one-column  table > tbody > tr > th,*/
/*.t5.page-recent-publications-awards.one-column  table > tbody > tr > td,*/
/*.t5.page-biological-sciences-faculty-research.one-column   table > thead > tr > th,*/
/*.t5.page-biological-sciences-faculty-research.one-column   table > thead > tr > td,*/
/*.t5.page-biological-sciences-faculty-research.one-column   table > tbody > tr > th,*/
/*.t5.page-biological-sciences-faculty-research.one-column   table > tbody > tr > td,*/
/*.t5.page-ppa-thesis-project-bank.one-column   table > tbody > tr > td,*/
/*.t5.page-ppa-thesis-project-bank.one-column   table > thead > tr > th,*/
/*.t5.page-ppa-thesis-project-bank.one-column   table > tbody > tr > th,*/
/*.t5.page-ppa-thesis-project-bank.one-column   table > thead > tr > td,*/
/*.t5.page-performance-evaluation-timeframes.one-column.my-inside table > tbody > tr > td,*/
/*.t5.page-performance-evaluation-timeframes.one-column.my-inside table > thead > tr > th,*/
/*.t5.page-performance-evaluation-timeframes.one-column.my-inside table > tbody > tr > th,*/
/*.t5.page-performance-evaluation-timeframes.one-column.my-inside table > thead > tr > td,*/
/*.t5.page-graduate-programs-deadlines.one-column table > tbody > tr > td,*/
/*.t5.page-graduate-programs-deadlines.one-column table > thead > tr > th,*/
/*.t5.page-graduate-programs-deadlines.one-column table > tbody > tr > th,*/
/*.t5.page-graduate-programs-deadlines.one-column table > thead > tr > td,*/
/*.t5.page-international-graduate-applicants.one-column table > thead > tr > th,*/
/*.t5.page-international-graduate-applicants.one-column table > thead > tr > td,*/
/*.t5.page-international-graduate-applicants.one-column table > tbody > tr > th,*/
/*.t5.page-international-graduate-applicants.one-column table > tbody > tr > td,*/

/*.t5.page-out-of-state-students-state-authorization-status.one-column table > thead > tr > th,*/
/*.t5.page-out-of-state-students-state-authorization-status.one-column table > thead > tr > td,*/
/*.t5.page-out-of-state-students-state-authorization-status.one-column table > tbody > tr > th,*/
/*.t5.page-out-of-state-students-state-authorization-status.one-column table > tbody > tr > td,*/
/*.t5.page-first-time-freshman-admission-process table > tbody > tr > th,*/
/*.t5.page-first-time-freshman-admission-process table > tbody > tr > td {*/
/*    white-space: normal !important;*/
/*}*/
.t5.one-column .table-bordered {
	width: 90%;
	min-width: 75ch;
}

.t5.page-gpa-calculator.one-column .table-bordered {
    width: 100%;
}
}

@media screen and (max-width: 1200px) {
    
    .t5.page-irep-reports .tableauPlaceholder {
        display: none !important;
    }
    .t5.page-irep-reports h1[id*="section-header"]+section div div.col-md-12 h1:after {
        display: block;
        content: 'The data tables on this page have been optimized for larger screens. Please return later on your desktop computer.';
        font-size: 16px;
        line-height: 1.5;
        color: #000;
        padding: 5% 2em;
        max-width: 75ch;
    }
}

@media screen and (min-width:1140px) {

    .t5 section h1 + p,
    .t5 section.section-intro p:nth-child(1){
        font-size: 1.125rem;
    }

    .t5 section :not(blockquote) > p,
    .t5 section ul,
    .t5 section ol,
    .t5 section h1 + p,
    .t5 section.section-intro p:nth-child(1) {
        font-size: 1rem;
        /*padding-left: 2ch;*/
    }
}





/****START: Anchor link icon; Add by MH - 3/27/2019****/
/*.t5.one-column section h2 a i, */
/*.t5.two-column section h2 a i, */
/*.t5.one-column.showcase section h2 a i{*/
/*    font-weight:inherit;*/
/*    font-size:18px;*/
/*    display:none;*/
/*}*/
/****END: Anchor link icon; Add by MH - 3/27/2019****/

/* ========================== T5 2 col ==================================== */

.t5.two-column section {
    padding: 0;
    background: none;
    padding-top: 4rem;
    width: 80%;
    padding-bottom: 2rem;
}
.t5.two-column div.table-responsive {
    padding: 0;
}

.t5.two-column div.col-md-6 {
    padding: 0 3% 24px 3%;
}

.t5.two-column section > div > div:last-child {
    /*pushes last box off footer*/
    padding-bottom: 10%;
}

.t5.two-column section div div a:visited {
    color: #777;
}
.t5.two-column #t5-section img + figcaption { /* caption */
    padding: .5em 1em 1em 1em;
    font-size: 14px;
    color: #fff;
    background: #004e38;
    /* $ssGreen: */
    margin-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.t5.one-column #t5-section img + figcaption { /* caption */
    padding: .5em 1em 1em 1em;
    font-size: 16px;
    font-style: italic;
    /* $ssGreen: */
    color: #004e38;
}

.t5.two-column #t5-section H2 + img {
    margin-top: 1em;
}

.t5.two-column.showcase > section div div div {
    background: transparent;
    padding: 2em 10%;
}

.t5 table {
    font-size: 14px;
}

.t5 table tr.table-midway-head {
    background: #f3dd8f;
}

.t5 table tr.table-midway-head td {
    border: 1px solid #E6B711;
}



@media screen and (min-width:768px) {
    
    .t5.two-column section {
        margin-top: 2rem;
        width: 100%;
    }
    .t5.my-inside.two-column section {
        margin-top:0;
    }
.t5.two-column.showcase > div:first-child {
    padding: 48px 0 2em 5%;
}

.t5.two-column section div div.col-md-6{
    padding: 3em 5% 2em 5%;
}

.t5.two-column section div div.col-md-12{
    padding: 3em 5% 0 5%;
}

/*.t5.two-column section div:not(.section-intro) + div.col-md-6:nth-of-type(n+3) {*/
/*    padding-top: 0;*/
/*}*/
.t5.two-column:not(.showcase) div.section-intro + div.col-md-6:nth-child(2) {
        margin-top: 36px;
}
/*.t5.two-column.showcase div.col-md-6:nth-child(2) {*/
/*    padding-top: 0;*/
/*}*/
.t5.two-column div.col-md-6:nth-chiild(n+3) div {
    padding: 0 3% 24px 3%;
}
/*.t5.two-column:not(.showcase) div.col-md-6.section-intro{*/
/*    padding-top:0;*/
/*    margin-top:0;*/
/*}*/


/*@media screen and (min-width:1140px) {*/
/*    .t5.two-column.showcase div.col-md-6:nth-child(2) {*/
/*        padding-top: 4rem;*/
/*    }*/

/*    .t5.two-column.showcase div.col-md-6:nth-child(2) h2 {*/
/*        margin-top: .5rem;*/
/*    }*/
/*}*/
}










/* ==================== Sidenav ======================== */


.t5 div.col-md-6 .side-nav h3 {
        padding-left: 0;
}

.t5 div.col-md-6 .side-nav ul,
.t5 div.col-md-6 .side-nav ol  {
    color: #000;
    padding: 0;
    list-style: none;
    font-size: 14px;
    /*background: #fff;*/
    /*border-bottom-right-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
    margin: 0;
    padding-left: 0;
}
.t5 div.col-md-6 .side-nav ul ,
.t5 div.col-md-6 .side-nav ol {
    border-radius: 8px;
    overflow:hidden;
}
.t5 div.col-md-6 .side-nav ul ul ,
.t5 div.col-md-6 .side-nav ol ul {
    border-radius: 0;
}
.t5 div.col-md-6 .side-nav li {
    color: #fff;
    font-size: 14px;
    border: 0;
	border-bottom: 1px solid #c4b581;
    padding: 0;
}
.t5 div.col-md-6 .side-nav ul li:last-of-type {
    border-bottom: 0;
}

.t5 div.col-md-6 .side-nav li a {
    display: block;
    padding: 1rem;
    background: #fff;
    background: rgba(255,255,255, 0);
    color: #000;
    text-decoration: none;
    line-height: 1;
    font-weight: 600;
}
.t5 div.col-md-6 .side-nav li li a {
    font-weight: 400;
}
.t5 div.col-md-6 .side-nav ul > li a {
    /*padding-top:2em;*/
    /*border-top: 1px solid #c4b581;*/
    background: rgba(255,255,255,.4);
}
.t5 div.col-md-6 .side-nav ul li li a {
    padding-top:1em;
    background: rgba(255,255,255,0);
    border-top: 1px solid #c4b581;
}
.t5 div.col-md-6 .side-nav li a:hover,
.t5 div.col-md-6.side-nav li a:focus {
    background: rgba(196,182,129, .25);
    color: #00573d; /* stinger */
    text-decoration: none;
}

.page-service-catalog.information-resources-technology.software-tools-catalog .svc-catalog-section .catalog-item h3 {
    display: flex;
    justify-content: space-between;
    align-content: bottom;
    align-items: center;
}

/*Accordion */

.acc[id*="accordion"] .card {
    border: 0;
    border-bottom: 3px solid #fff;
    border-radius:0;
}
.acc[id*="accordion"] button {
/*button reset*/
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #ded3af;
    color: #004e38;
    font-size: 1.1rem;
    cursor: pointer;
    text-align: left;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
/*end button reset*/
    /*color: #004e38;*/
    /*color: #00573d;*/
}
.acc[id*="accordion"] button:hover,
.acc[id*="accordion"] button:focus {
    background: #e8d8a3; 
}
.acc[id*="faqsaccordion"] .card-body {
    padding: 2rem;
}



/* ================================= Overrides ================================= */
/* temporary until linked */

.t5.sports-recreation.page-sports-clubs section div.row div.col-md-6:nth-child(n+2) .ul-button-stack {
    display: none
}
.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td {
    vertical-align: top;
    text-align: left;
}

.t5.page-administer-a-building-emergency-action-plan .table-bordered > tbody > tr > td p {
    padding-left: 0;
    margin-bottom: .5rem;
}
.t5 table thead:nth-child(2n) th,
.t5 table tbody tr:first-child th {
	background: #f0e1b0;
	font-weight: 500 !important;
}
.t5.page-website-usage-browser-support ul {list-style-type: none; text-indent: -1.5em;}
