/* Additional styles for custom formatting */
/* SSK temp QA styles to show all links */
/*a[href*='www.tesu.edu'] {
     background-color: yellow !important;
}
*/
/* a[href*='www2.tesu.edu'] {
     background-color: #ff00ff !important;
}
 a[href*='www2.tesu.edu']::after {
     content: ' - www2';
     font-weight: bold;
}
 a[href='#'] {
     background-color: lime !important;
}
 a[href='#']::after {
     content: ' - NA';
     font-weight: bold;
}
 */
/* JL Custom Styles */
 .collapsed {
    visibility: collapse;
}
 .img-right {
    float: right !important;
    margin: 0 0 20px 20px !important;
}
 .img-left {
    float: left;
    margin: 0 20px 20px 0 !important;
    ;
}
 @media (min-width: 680px) {
     .img-right, .img-left {
        /*max-width: 30%;
        */
         display: inline-block;
    }
}
 .img-border {
     border: 1px solid #CCC;
     padding: 5px;
}
 p.indent {
    margin-left: 40px;
}
 .ta-center {
    text-align: center;
}
 .nobr {
    white-space: nowrap;
}
 .mb-0 {
    margin-bottom:0;
}
 .mt-0 {
    margin-top:0 !important;
}
 .pb-0 {
    padding-bottom:0;
}
 .pt-0 {
    padding-top:0
}
;
 .pb-sm {
    padding-bottom: 20px;
}
 .pt-sm {
    padding-bottom: 20px;
}
 .mb-sm {
    margin-bottom: 20px;
}
 .lispacer li {
    margin:0 0 8px 0 !important;
}
 .bg-info {
    background-color: #d9edf7;
}
 .newspaper2 {
     -webkit-column-count: 2;
     -webkit-column-gap: 30px;
     -moz-column-count: 2;
     -moz-column-gap: 30px;
     column-count: 2;
     column-gap: 30px;
}
 .newspaper3 {
     -webkit-column-count: 3;
     -webkit-column-gap: 30px;
     -moz-column-count: 3;
     -moz-column-gap: 30px;
     column-count: 3;
     column-gap: 30px;
}
 .questions dt{
    font-weight:bold !important;
    margin-bottom:3px;
}
 .questions dd{
    margin-left:25px;
     padding-bottom: 25px;
}
 .questions dt a{
    font-weight:bold !important;
}
/* COLUMNS - Creates equal columns that floats next to each other*/
 * {
    box-sizing: border-box;
}
 .column2 {
     float: left;
     width: 50%;
     padding: 10px;
}
 .column3 {
     float: left;
     width: 33%;
     padding: 10px;
}
 .col-row{
    display: table;
     width:100%;
}
/* Clear floats after the columns */
 .col-row:after {
     content: "";
     display: table;
     clear: both;
}
 .alt-row{
    background-color:RGBA(0, 0, 0, 0.03);
}
 .mid-mid{
    text-align: center;
     vertical-align: middle;
}
 .left-mid{
    text-align: left;
     vertical-align: middle;
}
 @media screen and (max-width: 600px) {
     .column2, .column3, .colw-75, .colw-25, .colw-66, .colw-33, .colw-50 {
         width: 100%;
    }
}
 .colw-75{
    /*float: left;
    */
     display: table-cell;
     width: 75%;
     padding: 10px;
}
 .colw-25{
    /*float: left;
    */
     display: table-cell;
     width: 25%;
     padding: 10px;
}
 .colw-66{
    /*float: left;
    */
     display: table-cell;
     width: 66%;
     padding: 10px;
}
 .colw-33{
    /*float: left;
    */
     display: table-cell;
     width: 33%;
     padding: 10px;
}
 .colw-50{
    /*float: left;
    */
     display: table-cell;
     width: 50%;
     padding: 10px;
}
 .colw-25 img{
    float: none !important;
    margin: 0 !important;
     padding:0 !important;
}
 .small{
    font-size:.85rem !important;
}
 .colw-33 a img {
    display: block;
}
/*striped table*/
 table.table-striped{
    width: 100%;
    /*margin: 30px 0;
    */
    border-style: solid;
    border-width: 0 0 0 1px;
     border-color: #e7e7e7;
    table-layout: auto;
}
 .table-striped{
    font-size: 1rem !important;
    line-height: 1.3rem;
}
 .table-striped th{
    background-color: #76001a;
    color:#fff;
    padding:1rem .75rem;
}
 .table-striped td, .table-striped th, .table-striped tr {
    position: relative;
    text-align: left;
    z-index: 100;
}
 .table-striped td{
    padding:.25rem .25rem;
}
 table.table-striped tbody tr td {
     padding: 5px;
     font-size: .9rem!important;
     text-transform: none;
     color: #222;
     font-weight: 400;
     border-style: solid;
     border-width: 0 1px 1px 0;
     border-color: #e7e7e7;
     vertical-align: top;
}
 table.table-striped tbody tr td a{
    font-size: .9rem!important;
}
 td.sub_point {
    padding-left: 18px !important;
}
/*Ordered List*/
 .list-c > ol{
    padding-left:0;
    counter-reset:section;
    list-style:none
}
 .list-c > ol > li{
    position:relative;
    background-color:#f1f1f1;
    margin-bottom:15px;
    padding:10px 15px 8px 50px;
    line-height:1.4;
    overflow:hidden
}
 .list-c > ol > li:before{
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:34px;
    height:100%;
    background-color:#762536
}
 .list-c > ol > li:after{
    counter-increment:section;
    content:counters(section, ".") "";
    display:block;
    transform:translateY(50%);
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:34px;
    height:100%;
    font-size:15px;
    line-height:1;
    margin-top:-7.5px;
    color:#fff;
    text-align:center
}
 .list-c > ol > li:nth-child(1n):before{
    background-color:#314D63
}
 .list-c > ol > li:nth-child(2n):before{
    background-color:#284B34
}
 .list-c > ol > li:nth-child(3n):before{
    background-color:#5A2D3A
}
 .list-c > ol > li:nth-child(4n):before{
    background-color:#52514D
}
 .list-c > ol > li:nth-child(5n):before{
    background-color:#794d24
}
 .list-c > ol > li strong{
    display:block
}
 .list-c > ol > li a.li-link {
    cursor: pointer;
    color:#231F20 !important;
    text-decoration: underline solid #034ea2 2px;
    text-underline-offset: 3px;
}
 .list-c > ol > li strong:before{
    content:"";
    position:absolute;
    z-index:3;
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:6px solid #fff;
    top:50%;
    margin-top:-7px;
    left:28px
}
 figure.rt {
     float: right;
     width: 45%;
     border: thin #e7e7e7 solid;
     margin: 0 0 0.5em 0.5em;
     padding: 5px;
}
 img.scaled {
     width: 100%;
}
/* CARDS */
 @media (min-width: 960px) {
     .card-col {
         width: 33.33333333%;
         float: left;
    }
}
 .card-col {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 15px;
}
 .card {
     border: 1px solid #dedede;
     max-width: 420px;
     margin-bottom: 40px;
}
 .card {
     border: 1px solid #e7e7e7;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     max-width: 420px;
     margin: 0 auto;
}
 .bg-gray {
     background-color: #e7e7e7;
}
 .card-heading {
     font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
     font-size: 18px;
     font-weight: 700;
     padding: 15px;
     background-color: #f1f1f1;
     color: #762536;
     border-bottom: 1px solid #dedede;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
}
 .bg-primary {
     color: #fff;
     background-color: #762536;
}
 .card-body {
     padding: 0px 15px 5px;
     background-color: #fff;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .card-body p{
    margin-bottom: 0;
}
 .card-image{
    padding: 15px 15px 20px;
     background-color: #fff;
}

/*narrow events - HH FB*/

.columns .card-event:before {
    background: linear-gradient(146deg, #0063d2, #034ea2 33.4%, #013167 93.82%);
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 91%, 90% 100%, 0 100%, 0 8%);
    clip-path: polygon(10% 0, 100% 0, 100% 91%, 90% 100%, 0 100%, 0 8%);
    inset: 0;
    -webkit-transition: inset .25s ease;
    transition: inset .25s ease;
}

.columns .hh-events-block.hh-events.component {
    overflow: hidden;
}
.announcement-banner {
	padding: 20px 20px 10px 20px;
	background-color: #e7e7e7;
	display: block;
    font-size: 1.2rem;
    font-weight: 400;
}
