@charset "UTF-8";

/***************************************
Project Styles
***************************************/
#toolbar-administration {
    z-index: 9999;
    position: relative;
}

.hide-link-text {
    text-indent: -1000em;
}

.band {
    float: left;
    width: 100%;
    clear: both;
}

.branding {
    float: left;
}

#main {
    position: relative;
    clear: both;
    padding-bottom: 0;
    padding-top: 0;
}

#page-header {
    z-index: 100;
    position: relative;
    width: 100%;
    height: 100%;
}

.sidebar-priority,
.sidebar-secondary {
    float: right !important;
    /*  Overpower events inline styles with !important */
}

.region-sidebar-first,
.region-sidebar-second {
    padding: 2.5em 2em 0 4em;
}

div.container-fluid {
    padding-left: 15px !important;
    /* remove !important after events module is fixed*/
    padding-right: 15px !important;
    /* remove !important after events module is fixed*/
    max-width: 1370px;
}

.events-listing div.container-fluid {
    /* remove after events module is fixed*/
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#main > .row > section {
    padding-bottom: 2.5em;
}

.path-frontpage #main {
    padding-top: 34px;
}

#main .panel.accent-red.fill.field.field--name-field-message,
#main .panel.accent-blue.fill.field.field--name-field-message,
#main .panel.accent-green.fill.field.field--name-field-message {
    padding: 12px 12px;
    margin-bottom: 32px;
}

#main .panel.accent-red.fill.field.field--name-field-message p,
#main .panel.accent-blue.fill.field.field--name-field-message p,
#main .panel.accent-green.fill.field.field--name-field-message p {
    font-size: 16px;
    line-height: 19px;
}

img[data-image-style="circle_300x300_"] + figcaption,
img[data-image-style="circle_250x250_"] + figcaption,
img[data-image-style="circle_200x200_"] + figcaption,
img[data-image-style="circle_150x150_"] + figcaption {
    text-align: center;
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    -webkit-filter: fliph;
    filter: fliph;
}

.fa-bicycle {
    padding: 4px;
    color: #2EA392; /*#3bc8b3; */
    background: #fff;
    font-size: 30px;
}


.fa-external-link {
    margin: 0 2px 0 5px;
    font-size: 14px;
}

.path-frontpage .fa-external-link {
    color: inherit;
}

.bicycle-wrap {
    text-align: center;
    margin-top: -40px;
    margin-bottom: 5px;
}

.mobile-home-link {
    color: #333 !important;
    text-decoration: none !important;
}

.mobile-home-link:hover {
    color: #b31b1b !important;
    text-decoration: underline !important;
}

hr.bicycle {
    width: 42%;
    padding-top: 14px;
}

/**********************
Branding
**********************/
#cu-header {
    height: 550px;
}

.not-front #cu-header {
    height: 220px;
}

#cu-header .logo img {
    display: none;
}

#cu-header .logo {
    width: 100px;
    height: 100px;
    background: url(../images/cuseal_full_white240.png) left top no-repeat;
    background-size: cover;
}

.not-front #cu-header .logo {
    width: 75px;
    height: 75px;
}

#cu-header .name img {
    display: none;
}

#cu-header .name {
    height: 120px;
    width: 379px;
    clear: both;
    background: url(../images/Logo_White.png) center top no-repeat;
    background-size: cover;
}

.not-front #cu-header .name {
    height: 63px;
    width: 200px;
}

#page-header .region-header {
    height: 100%;
    position: relative;
}

.not-front #main > .row > section {
    padding-top: 20px;
}

.open {
    display: block !important;
}

.closed {
    display: none !important;
}

#page-header .logo {
    margin-top: 20px;
    margin-bottom: 30px;
}

.cu-seal #cu-header {
    background: transparent;
}

.cu-seal .cu-search {
    border: none;
}

.cu-seal .cu-search > .container-fluid {
    position: relative;
}

.buttons {
    top: 8.335em;
    z-index: 50;
    position: absolute;
    right: 15px;
}

#cu-search .mobile-button {
    width: 36px;
    height: 36px;
    background-color: #e5271b;
    border-radius: 2px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

#cu-search .mobile-button:hover,
#cu-search .mobile-button:focus,
#cu-search .mobile-button:active,
#cu-search .mobile-button.active {
    background-color: #a01114;
}

/* breadcrumbs */
.breadcrumb {
    padding: 14px 0;
    background-color: transparent;
    margin: 0;
}

.breadcrumb > li {
    margin-bottom: 0;
}

.breadcrumb > li.active,
.breadcrumb > li {
    color: #222;
}

.breadcrumb > li,
.breadcrumb > li a {
    font-size: 15px !important;
}

.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 2px;
    color: #999;
}

/**********************
Front page
**********************/

/* image overlays and gradients */

.header-wrap {
    float: left;
    width: 100%;
    background: #006360;
    background: -moz-linear-gradient(left, #006360 0%, #001447 100%);
    background: -webkit-linear-gradient(left, #006360 0%, #001447 100%);
    background: -webkit-gradient(linear, left top, right top, from(#006360), to(#001447));
    background: -o-linear-gradient(left, #006360 0%, #001447 100%);
    background: linear-gradient(to right, #006360 0%, #001447 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006360', endColorstr='#001447', GradientType=1);
}

.header-wrap .container-fluid {
    position: relative;
}

.header-wrap .header-background-fade {
    padding: 0;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.header-wrap .header-background-fade:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 99, 96, 1) 0%, rgba(0, 99, 96, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 99, 96, 1) 0%, rgba(0, 99, 96, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 99, 96, 1)), to(rgba(0, 99, 96, 0)));
    background: -o-linear-gradient(left, rgba(0, 99, 96, 1) 0%, rgba(0, 99, 96, 0) 100%);
    background: linear-gradient(to right, rgba(0, 99, 96, 1) 0%, rgba(0, 99, 96, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006360', endColorstr='#00006360', GradientType=1);
}

.header-wrap .header-background-fade:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 20, 71, 0) 0%, rgba(0, 20, 71, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 20, 71, 0) 0%, rgba(0, 20, 71, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 20, 71, 0)), to(rgba(0, 20, 71, 1)));
    background: -o-linear-gradient(left, rgba(0, 20, 71, 0) 0%, rgba(0, 20, 71, 1) 100%);
    background: linear-gradient(to right, rgba(0, 20, 71, 0) 0%, rgba(0, 20, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00001447', endColorstr='#001447', GradientType=1);
}

#hero-overlay {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 99, 96, 0.8) 0%, rgba(0, 20, 71, 0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 99, 96, 0.8) 0%, rgba(0, 20, 71, 0.8) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 99, 96, 0.8)), to(rgba(0, 20, 71, 0.8)));
    background: -o-linear-gradient(left, rgba(0, 99, 96, 0.8) 0%, rgba(0, 20, 71, 0.8) 100%);
    background: linear-gradient(to right, rgba(0, 99, 96, 0.8) 0%, rgba(0, 20, 71, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc006360', endColorstr='#cc001447', GradientType=1);
}

#hero-foreground {
    position: absolute;
    z-index: 2;
    width: 53%;
    height: 100%;
    background-repeat: no-repeat;
    right: 52px;
    bottom: 0;
    background-size: 100%;
    background-position: bottom right;
}

.path-frontpage .video-blurb {
    font-size: 15px;
    font-style: italic;
}

/* spotlights & take action */
#partners,
#spotlights,
#awards {
    padding: 35px 15px;
}

#spotlights,
#awards {
    border-top: 1px solid #b2b2b2;
}

#spotlights .view-header-title,
#partners .view-header-title,
#awards .view-header-title {
    font-size: 30px;
    margin: 0 0 1em 0;
    text-align: left;
    font-family: 'Source Sans Pro', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, sans-serif;
    font-weight: 600;
}

.path-frontpage .take-action-block .view-header-content {
    margin-bottom: 1em;
}

.path-frontpage .cwd-card-grid {
    margin-top: 0;
}

.path-frontpage .cwd-card-grid .take-action .group-image img {
    width: 100%;
}

.path-frontpage .cwd-component.teaser .title h3 {
    font-size: 20px;
    font-weight: 600;
}

#main .take-action a p.read-more {
    color: #0075bd;
    text-decoration: underline;
}

#main .take-action a:hover p.read-more,
#main .take-action a:active p.read-more,
#main .take-action a:focus p.read-more {
    color: #ef4035;

}

#main .take-action a p {
    color: #565656;
}

#main .take-action a:hover p.read-more {
    text-decoration: underline;
}

.path-frontpage .cwd-component .take-action a {
    display: block;
    text-decoration: none;
    -webkit-transition: background 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, -webkit-box-shadow 0.15s;
    -o-transition: background 0.15s, box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}

.cwd-component .take-action a:hover,
.cwd-component .take-action a:focus {
    background: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.05);
}

.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    float: left;
    width: 66.66666667%;
}

.fa-clock-o:before {
    font-size: 15px;
    padding: 0 5px 0 1px;
    font-weight: bold;
    color: #999;
}

.fa-map-marker:before {
    font-size: 17px;
    padding: 0 7px 0 3px;
    font-weight: bold;
    color: #b31b1b;
}

/* timeline */
#block-timeline {
    padding: 6em 15px;
    text-align: center;
}

#timeline {
    position: relative;
    background: #001346 url(../images/timeline-bg_2.png) top center no-repeat;
    background-size: cover;
}

#timeline * {
    color: #fff;
}

/* SM band */
#sm-band {
    position: relative;
    background: #001346 url(../images/social_bg.svg) top center no-repeat;
    background-size: cover;
}

#sm-band a,
#sm-band p,
#sm-band h3,
#sm-band h4,
#sm-band h2 {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#sm-band .region-social-media {
    float: left;
    width: 100%;
    margin: 2em 0 4em 0;
}

#sm-band .social-title-block {
    float: left;
    width: 100%;
    margin: 0.5em 0 2em 0;
}

#sm-band .twitter-block,
#sm-band .instagram-featured-block {
    border-radius: 4px;
    float: left;
    overflow: hidden;
    padding: 22px;
    height: 185px;
}

#sm-band .instagram-featured-block {
    width: calc(50% - 12px);
    margin-left: 12px;
    padding: 0;
}

#sm-band .twitter-block {
    width: 50%;
    background: #397BB2; /* #27A0DE; */
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#sm-band .instagram-featured-block .instagram-teaser {
    width: 60%;
    position: relative;
    background: #C74F4E; /* #B9605C; */
    height: 185px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#sm-band .instagram-featured-block .instagram-teaser:hover {
    background: #aa5754;
}

#sm-band .instagram-featured-block .instagram-teaser a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -100em;
    z-index: 2;
    top: 0;
    left: 0;
}

#sm-band .instagram-featured-block .instagram-teaser p {
    padding: 22px;
    padding-top: 50px;
}

#sm-band .instagram-featured-block .instagram-image {
    overflow: hidden;
    width: 40%;
}

#sm-band .instagram-featured-block .instagram-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#sm-band .instagram-featured-block .instagram-image img:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

#sm-band .instagram-featured-block .instagram-image a {
    position: relative;
}

#sm-band .instagram-featured-block .instagram-image a:focus:before {
    content: "";
    width: 100%;
    height: 186px;
    position: absolute;
    border: 4px solid #b31b1b;
    z-index: 2;
}

#sm-band .twitter-block:hover,
#sm-band .twitter-block:focus {
    background: #2596d0;
}

#sm-band .twitter-block h4 {
    margin: 0.5em 0;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

#sm-band .twitter-block a,
#sm-band .instagram-featured-block .field-content {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

#sm-band .twitter-block .twitter-badge {
    width: 140px;
    margin-right: 2em;
}

#sm-band .twitter-block .twitter-badge h3 {
    background: #05575B url(../images/twitter-badge.jpeg) top center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 17px;
    border-radius: 100px;
    height: 140px;
    width: 140px;
    padding-top: 20%;
}

#sm-band .twitter-block .twitter-badge h3:before,
#sm-band .instagram-featured-block .instagram-teaser p:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}

#sm-band .twitter-block .twitter-badge h3:before {
    content: "\f099";
    margin-bottom: 0.2em;
    font-size: 26px;
}

#sm-band .instagram-featured-block .instagram-teaser p:before {
    content: "\f16d";
    font-size: 35px;
    position: absolute;
    top: 20px;
    left: 20px;
}


/* New instagram & facebook blocks */
#sm-band svg.ext {display:none;}

.social-square-container{
    height:auto;
    overflow:auto;
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.social-squares{
    width: 185px;
    height: 185px;
    border-radius: 4px;
    padding:22px;
    position: relative;
    display: inline-block;
}

.social-squares.facebook{
    transition: background-color 0.3s ease;
    background-color: #3b5998;
}

.social-squares.facebook:hover {
    background-color: #5c8aed;
}

.social-squares.instagram{
    transition: background-color 0.3s ease;
    background-color: #b31b1b;
}

.social-squares.instagram:hover{
    background-color: #e62222;
}

#sm-band .social-square-container .social-squares.facebook h3 {
    background: #05575B url(../images/facebook-badge-1.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 17px;
    border-radius: 100px;
    height: 140px;
    width: 140px;
    padding-top: 20%;
}

#sm-band .social-square-container .social-squares.instagram h3 {
    background: #05575B url(../images/instagram-badge-1.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 17px;
    border-radius: 100px;
    height: 140px;
    width: 140px;
    padding-top: 20%;
}

#sm-band .social-square-container .social-squares.facebook h3:before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\f082";
    font-size: 26px;
    margin-bottom: 0.2em;
}

#sm-band .social-square-container .social-squares.instagram h3:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\f16d";
    font-size: 26px;
    margin-bottom: 0.2em;
}

@media (max-width: 400px){
    .social-squares.facebook{
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .social-square-container{
        width: 100%;
        float:none;
    }
}

@media (min-width: 993px) {
    .social-square-container{
        width: 50%;
        float:right;
    }
}


/* partners */
#partners h3 {
    font-size: 20px;
}

#partners ul {
    padding-left: 0;
}

#partners ul li {
    list-style: none;
}

.region-partners .partners-featured {
    width: 33.333%;
    float: left;
    padding-right: 20px;
}

.region-partners .partners-links {
    width: 60%;
    float: right;
}

.region-partners .partners-links .left,
.region-partners .partners-links .right {
    width: 46%;
    float: left;
    margin-right: 4%;
}

.path-frontpage .more-link {
    float: right;
    padding-top: 0.6em;
}

/***** Events *****/

.path-frontpage #block-eventsblock {
    padding: 0;
}

.path-frontpage #block-eventsblock h2,
.path-frontpage .events-listing-inline {
    margin: 0;
    padding: 0;
}

.path-frontpage #eventsInlineCompact .views-row {
    max-width: 100% !important;
    margin-bottom: 1em;
}

.path-frontpage #eventsInlineCompact .events-listing-inline .row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.path-frontpage .col-sm-8.event-title-and-location {
    max-width: 78%;
    width: auto !important;
    min-width: 78%;
    padding: 0 0 0 2em !important;
}

.path-frontpage #eventsInlineCompact .event-month-and-day .event-day {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: inherit;
}

.path-frontpage #eventsInlineCompact .event-month-and-day .event-month {
    font-size: 16px;
    padding-left: 0;
}

.path-frontpage .event-title-and-location .event-location,
.path-frontpage .event-title-and-location .event-times {
    padding-left: 0;
}

.path-frontpage.path-frontpage .event-title-and-location a {
    font-size: 17px !important;
}

.path-frontpage .event-title-and-location a:focus,
.path-frontpage .event-title-and-location a:hover {
    text-decoration: underline !important;
}

.path-frontpage #block-eventsblock h2.block-title {
    float: left;
}

.path-frontpage .cwd_events_readmore {
    float: right;
    margin-top: 0.5em;
    position: relative;
    z-index: 1;
    font-size: 15px;
}

.path-frontpage .events-listing {
    float: left;
    width: 100%;
    margin-top: 1em;
}

.region-sidebar-second #eventsInlineCompact .events-listing-inline {
    background: transparent;
}

.region-sidebar-second #eventsInlineCompact .event-month-and-day .event-month {
    padding-left: 0;
    color: #000;
}

.region-sidebar-second #eventsInlineCompact .events-listing-inline .row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-bottom: 1em;
}

.region-sidebar-second #eventsInlineCompact .col-sm-8.event-title-and-location {
    width: auto;
    padding-top: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.region-sidebar-second #eventsInlineCompact .event-month-and-day {
    padding-right: 8px;
    border-left: 5px solid #b31b1b;
}

/* New/Events in sidebar */


.region-sidebar-second section.block-views-blocknews-related-news {
    margin-bottom: 1em;
}
.region-sidebar-second section.block-views-blocknews-related-news .cwd-component-rows .card {
    padding-top: 0;
    margin-bottom: .6em;
}

.region-sidebar-second section.block-views-blocknews-related-news h2 {
    margin-bottom: 5px;
}
.region-sidebar-second section.block-views-blocknews-related-news h3 {
    line-height: 1;
}
.region-sidebar-second section.block-views-blocknews-related-news h3 a {
    font-size: 14px;
}


.region-sidebar-second section.block-cwd-events-block section.standard .events-listing.compact .node {
    margin: 0;
    margin-bottom: .6em;
    margin-top: 0;
    border: 0;
}
.region-sidebar-second section.block-cwd-events-block section.standard .events-listing .meta {
    margin-bottom: 0px;
}
.region-sidebar-second section.block-cwd-events-block h2 {
    margin-bottom: 5px;
}
.region-sidebar-second section.block-cwd-events-block h3 {
    line-height: 1;
}
.region-sidebar-second section.block-cwd-events-block h3 a {
    font-size: 14px;
}
.region-sidebar-second section.block-cwd-events-block section.standard .events-listing.compact .date .fulldate {
    margin: 0;
    padding: 0;
    margin-top: 0;
    float: left;
    background: none;
    border-radius: 0;
}
.region-sidebar-second section.block-cwd-events-block section.standard .events-listing .date {
    float: left;
    margin-left: 0;
}


/***** Happenings *****/
#spotlights .views-row {
    max-width: 100%;
}

#spotlights .spotlights-flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
}

.happenings-featured-wrap,
.happenings-grid-wrap {
    width: 100%;
}

.happenings-featured-wrap {
    margin-right: 18px;
    background: #F4F4F4;
}

#spotlights .views-row,
#spotlights .view-content,
#spotlights .contextual-region,
#spotlights .form-group,
#spotlights .region,
#spotlights section.spotlights-grid,
#spotlights .cwd-component.happenings,
#spotlights section.featured-spotlights-block {
    height: 100%;
}

#spotlights .happenings-grid-wrap .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-grid;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 18px;
}

#spotlights .happenings-grid-wrap .view-content .views-row > div {
    /*    width: 50%;*/
    height: 100%;
}

#spotlights .happenings-more-link {
    float: right;
    margin-right: 20px;
}

#spotlights h2.happenings-title {
    float: left;
    margin-bottom: 1em;
}

#spotlights section.featured-spotlights-block {
    width: 100%;
    float: left;
    padding-left: 16px;
    padding-right: 0;
    background: #F4F4F4;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
}

#spotlights section.featured-spotlights-block:hover {
    background: #fafafa;
}

.cwd-component.happenings.contextual-region #spotlights .spotlights-grid {
    width: 100%;
    float: left;
}

#spotlights section.featured-spotlights-block .two-col,
#spotlights section.featured-spotlights-block .form-group,
#spotlights section.featured-spotlights-block .two-col.padded .featured-image {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#spotlights section.featured-spotlights-block .featured-meta {
    margin-top: 2em;
    padding: 0 15px 10em 15px;
    width: 50%;
    position: relative;
}

#spotlights section.featured-spotlights-block .featured-meta h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1em;
}

#spotlights section.featured-spotlights-block .featured-image {
    overflow: hidden;
    /*    max-height: 634px;*/
}

#spotlights section.featured-spotlights-block .featured-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#spotlights section.featured-spotlights-block .featured-image img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* grid */
#spotlights .spotlights-grid .happening-teaser {
    float: left;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

#spotlights .spotlights-grid .happening-teaser .card-mage {
    height: 100%;
}

#spotlights .spotlights-grid .happening-teaser a,
#spotlights .spotlights-grid .happening-teaser .card-image {
    display: block;
    width: 100%;
    height: 100%;
}

#spotlights .spotlights-grid .happening-teaser .card-mage img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#spotlights .spotlights-grid .happening-teaser:hover .card-mage img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#spotlights .spotlights-grid .happening-teaser a:focus .text-overlay {
    border: 4px solid #b31b1b;
}

/* Card Tags */
.featured-tags {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
}

.happenings-featured-wrap .featured-tags {
    top: auto;
    bottom: 20px;
}

.featured-tags ul,
.field-tags ul {
    padding: 0;
    margin: 0;
    left: 0;
}

.featured-tags li,
.featured-created {
    margin: 0 0 6px 0;
    padding: 6px 8px;
    list-style: none;
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    float: left;
    display: inline-block;
    clear: both;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#main .news-listing-block .field-tags li {
    margin: 0 6px 6px 0;
    padding: 6px 12px;
    list-style: none;
    background: rgba(0, 0, 0, 0.05);
    color: #000;
    font-size: 14px;
    float: left;
}
#main .news-listing-block .field-tags li a {
    text-decoration: none;
    color: #000;
}
#main .news-listing-block .field-tags li a:hover,
#main .news-listing-block .field-tags li a:focus {
    color: #b31b1b;
}

#main .news-listing-block .cwd-component-rows .card {
    float: left;
    width: 100%;
    clear: both;
}

.happenings-featured-wrap .featured-tags li {
    background: #b31b1b;
    color: #fff;
}

.happenings-featured-wrap .featured-tags li:nth-child(1),
.happenings-featured-wrap .featured-tags li:nth-child(5) {
    background: #5A7A49;
}

.happenings-featured-wrap .featured-tags li:nth-child(2),
.happenings-featured-wrap .featured-tags li:nth-child(6) {
    background: #624A77;
}

.happenings-featured-wrap .featured-tags li:nth-child(3),
.happenings-featured-wrap .featured-tags li:nth-child(7) {
    background: #5A7A49;
}

.featured-tags li:hover {
    background: rgba(255, 255, 255, 1);
    cursor: default;
}

.happenings-featured-wrap .featured-tags li:hover {
    background: #05575b;
}

.featured-created {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 17px;
    line-height: 1.2em;
}

.happenings-featured-wrap .featured-tag {
    margin-bottom: 2em;
    float: left;
    width: 100%;
}

.happenings-featured-wrap .featured-tag .featured-created {
    position: relative;
    top: 0;
    right: auto;
    background: #b31b1b;
    color: #fff;
}

.happenings-featured-wrap .featured-tag h3.happenings-featured {
    font-weight: 600;
    line-height: 50px;
    height: 50px;
    background: #ECD7D7;
    float: left;
    padding: 0 20px;
}

.spotlights-grid .card-title {
    position: absolute;
    bottom: 8px;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0;
    font-size: 18px;
    z-index: 1;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.spotlights-grid a:hover .card-title {
    bottom: 20%;
}

.spotlights-grid a .card-title:before,
.instagram-featured-block a .card-title:before {
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f138";
    display: block;
    color: rgba(255, 255, 255, 0);
    font-size: 32px;
    margin-bottom: 6px;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.instagram-featured-block a .card-title:before {
    content: "\f16d";
    color: rgba(255, 255, 255, 0.75);
}

.spotlights-grid a:hover .card-title:before,
.instagram-featured-block a:hover .card-title:before {
    color: rgba(255, 255, 255, 0.5);
}

#spotlights .spotlights-grid .happening-teaser .text-overlay,
#spotlights .instagram-featured-block .happening-teaser .text-overlay {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 47%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 47%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 47%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 47%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

/* tag cloud */
#main ul.tagcloud {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#main ul.tagcloud li {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 3px 10px;
    border-radius: 100px;
    margin: 4px;
    background-color: #F4F4F4;
    color: #000;
    font-size: 12px;
    min-height: 34px;
    line-height: 34px;
    border: 1px solid #dbdbdb;
}

#main ul.tagcloud li.level5 {
    font-size: 22px;
}

#main ul.tagcloud li.level4 {
    font-size: 20px;
}

#main ul.tagcloud li.level3 {
    font-size: 18px;
}

#main ul.tagcloud li.level2 {
    font-size: 16px;
}

#main ul.tagcloud li.level1 {
    font-size: 14px;
}

.news-listing-block form .form-item.form-type-select,
.news-listing-block form .form-actions {
    float: left;
    margin-right: 5px;
}
.news-listing-block form .form-inline .select-wrapper {
    display: inline-block;
    margin-left: 5px;
}
/*news article image figure*/
figure.news-image {
    float: right;
    max-width: 40%;
    margin: 0 0 1.5em 1.5em;
}

article.news footer {
    background: transparent;
    color: #000;
    padding: 0.5em 0 0.5em 0;
    clear: none;
    font-size: 24px;
    margin: -1em 0 1em 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 600;
}

article.news footer strong {
    margin-right: 0.2em;
    padding-right: 0.5em;
    border-right: 2px solid #000;
    font-weight: 600;
}

/* News Display X of X */
.views-exposed-form {
    float: left;
    padding-right: 50px;
}
.view-news.view-id-news .view-header {
    white-space: nowrap;
    float: left;
    margin-top: 6px;
    color: #757575;
} 
@media (max-width: 991px) {
    .views-exposed-form {
        padding-right: none;
        float: none;
    }
    #main form.views-exposed-form {
        margin-bottom: 0;
    }
    .view-news .view-filters.form-group {
        margin-bottom: 0px;
    }
    .view-news.view-id-news .view-header {
        white-space: nowrap;
        float: none;
        margin-top: 10px;
        margin-bottom: 20px;
    } 
} 
@media (max-width: 767px) {
    .view-news.view-id-news .view-header {
        margin-top: 0px;
    } 
}  

/* News Filter - Apply Button */

.view-news .btn-info {
    color: #fff;
    background-color: #1F7C98;
    border-color: #1F7C98;
}
.view-news .btn-info:hover {
    color: #fff;
    background-color: #1B6B83;
    border-color: #1B6B83;
}

/* Main News artcle page */
 a.news-page-tags {
    background: rgba(0, 0, 0, 0.05);
    color: #000;
    clear: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 6px;
    white-space: nowrap;
}
a.news-page-tags:hover,
a.news-page-tags:focus {
    color: #b31b1b;
}
.news-page-tags-container {
    margin-bottom: 10px;
    display: inline-block;
}
article.news .field--name-body {
    margin-top: 15px;

}

/* Awards */
#awards section {
    text-align: center;
}

.path-frontpage #awards .award img {
    max-height: 115px;
    width:auto;
}

.path-frontpage #awards .award .rank {
    font-size: 40px;
    font-weight: 600;
    margin: 10px auto 12px;
}

.path-frontpage #awards .award .ranker {
    text-transform: uppercase;
    font-size: 16px;
    width: 300px;
    margin: 0 auto;
}

.path-frontpage #awards .award .award-rank {
    border-bottom: 4px solid #ccc;
    width: 45%;
    margin: 10px auto 10px auto;
}

/* Footer */
footer {
    padding: 58px 0 24px 0;
}

footer {
    background: #1c2c36;
    color: #fff;
}

footer a,
footer p {
    color: #fff;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #EF665D;
}

footer .region-footer {
    padding: 14px 0 65px;
    overflow: hidden;
}

footer .region-footer section p,
footer .region-footer section form label,
footer .region-subfooter section p {
    font-size: 15px;
}

footer .region-footer section form label {
    font-weight: normal;
    color: #fff !important;
}

footer .region-footer section form .btn-primary {
    color: #fff;
    background: #a01114;
    padding: 12px 55px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

footer .region-footer section form .btn-primary:hover,
footer .region-footer section form .btn-primary:active,
footer .region-footer section form .btn-primary:focus {
    background: #577B85;
}

footer ul {
    padding-left: 15px;
}

footer .region-footer section form input[type="email"] {
    margin: 10px 0 28px;
    font-style: italic;
}

footer .region-subfooter {
    font-size: 14px;
    padding: 30px 0 6px;
    border-top: 1px solid #33a093;
    clear: both;
}

footer .region-footer section h2 {
    color: #fff;
}

footer .region-footer section:not(#block-logo) h2 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}

footer .region-subfooter #copyright {
    float: left;
}

footer .region-subfooter #block-socialicons {
    padding-right: 0;
}

footer .region-subfooter #social-icons {
    float: right;
}

footer .region-subfooter #social-icons .fa {
    font-size: 20px;
    color: #fff;
}

.path-frontpage #main > .row > section.col-sm-12 .region-content {
    padding: 0 15px;
}

/* Block Quote - New June 2020 */

blockquote {
    padding: 20px;
    border: none;
}

blockquote p {
    color: #757575;
    font-size: 24px;
    line-height: 38px;
    font-style: italic;
}

.inline-blockquote {
    padding: 22px;
    border: none;
    display: inline;
}



/* Accordian Styles - New June 2020 v1 */

.paragraph--bp-accordion-container .paragraph__column {
    padding: 0px;
}
.paragraph--bp-accordion-container .panel {
    padding: 0px;
    border: 0;
}
.paragraph--bp-accordion-container .panel-heading {
    padding: 0px;
}
.paragraph--bp-accordion-container .panel-default > .panel-heading {
    color: #FFF;
    font-size: 18px;
    background-color: #0b5d5d;
    border: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.paragraph--bp-accordion-container .panel-default > .panel-heading a {
    font-size: 18px;
}
.paragraph--bp-accordion-container .panel-heading > .panel-title > a:hover, .paragraph--bp-accordion-container .panel-heading > .panel-title > a:active, .paragraph--bp-accordion-container .panel-heading > .panel-title > a:focus {
    color: #FFF;
    background-color: #14B8B8;
}
.paragraph--bp-accordion-container .panel-title > a::after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f056";
    color: #FFFFFF;
}
.paragraph--bp-accordion-container .panel-title > a.normal.collapsed::after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f055";
    color: #FFFFFF;
}


#block-headertext {
    clear: left;
    float: left;
    position: relative;
    padding: 30px 0 7px;
    color: #fff;
    width: 460px;
}

#block-headertext p {
    color: #fff;
}

#awards a.button,
#timeline a.button,
#block-headertext a.button {
    padding: 11px 20px;
    display: inline-block;
    margin-top: 40px;
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    background: #e5271b;
    border-radius: 2px;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

#awards a.button {
    margin-top: 0;
}

#awards a:hover.button,
#awards a:active.button,
#awards a:focus.button,
#timeline a:hover.button,
#timeline a:active.button,
#timeline a:focus.button,
#block-headertext a:hover.button,
#block-headertext a:active.button,
#block-headertext a:focus.button {
    background: #a01114;
}

/* Search Bar*/
#search-bar {
    z-index: 1000;
    position: relative;
}

#cu-search {
    background: rgba(0, 49, 51, 0.5294117647058824);
    padding: 12px 15px 3px;
    margin-top: -113px;
}

#cu-search label {
    color: #fff;
    margin-left: 4px;
    font-family: 'Source Sans Pro', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, sans-serif;
}

#cu-search button[type='submit'] {
    background-color: #e5271b;
}

#timeline {
    padding: 0;
}

.region-header h1.page-header {
    position: absolute;
    color: #fff;
    font-size: 36px;
    letter-spacing: 3px;
    bottom: 0;
    right: 0;
    line-height: 1em;
    margin-bottom: 17px;
    max-width: calc(100% - 245px);
}

.region-header h1.page-header.fake {
    /*bottom: -32px;  psw https://jira.cornell.edu/browse/SUSTCAMPUS-17*/
}

/* psw overide jira ticket https://jira.cornell.edu/browse/SUSTCAMPUS-28*/
#main > div > section > div.region.region-content > article > div > div > div > button.bp-accordion-button {
    margin-right: 15px;
    margin-bottom: 15px;
}



section#block-newspagestitle {
    clear: left;
}

.cwd-component .date {
    font-size: 13px;
    color: #666;
    margin-bottom: 0.2em;
}

.cwd-component .date strong {
    margin-left: 0.5em;
    padding-left: 0.7em;
    border-left: 1px solid #ccc;
}

/* Search Results */
#search-form.search-form:before,
#search-form .search-help-link,
#search-form,
.path-search .breadcrumb {
    display: none;
}

.path-search h2 {
    margin-bottom: 1em;
}

.path-search h3 {
    font-size: 18px;
}

.path-search ol li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

.path-search ol li:last-child {
    border-bottom: none;
}

.path-search #main ol li p {
    margin-bottom: 1em;
}

/* Content Styles */
img[data-image-style="circle_150x150_"],
img[data-image-style="circle_200x200_"],
img[data-image-style="circle_250x250_"],
img[data-image-style="circle_300x300_"],
.news-listing-block img,
.image-style-circle-150x150-,
.image-style-circle-200x200-,
.image-style-circle-250x250-,
.image-style-circle-300x300- {
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
}

a.button-link {
    display: inline-block;
    padding: 12px 16px;
    background: #e5271b;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    margin: 0 0.5em;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
}

a.button-link:hover,
a.button-link:active,
a.button-link:focus {
    background: #a01114;
    color:#ffffff;
}
a.button-link.margin-top {
    margin-top: 1.5em;
}

/* Colored blocks */
#main .dark_teal_bg {
	background-color: #073949 !important;
	padding: 6px 8px;
	margin: 0 0 4px 0;
}
#main .light_teal_bg {
	background-color: #157A6B !important;
	padding: 6px 8px;
}
#main .white_bg {
	background-color: #ffffff !important;
	padding: 6px 8px;
}
#main .bright_teal_txt * {
	color: #3bc9b4 !important;
}
#main .bright_teal_txt a:focus,
#main .bright_teal_txt a:hover {
	text-decoration: none !important;
}
#main .sky_blue_txt * {
	color: #a6cfe3 !important;
}
#main .sky_blue_txt a:focus,
#main .sky_blue_txt a:hover {
	text-decoration: none !important;
}
#main .white_txt * {
	color: #ffffff !important;
}
#main .white_txt a:focus,
#main .white_txt a:hover {
	text-decoration: none !important;
}
#main .dark_grey_txt * {
	color: #545454 !important;
}
#main .dark_grey_txt a {
	color: #0071b7 !important;
}
#main .dark_grey_txt a:focus,
#main .dark_grey_txt a:hover {
	color: #d42114 !important;
}
#main .red_txt * {
	color: #d41e11 !important;
}
#main .red_txt a:focus,
#main .red_txt a:hover {
	text-decoration: none !important;
}
td.cke_tpl_preview_img + td {
	display: none;
}

/* Mobile Table Helper */
.table-scroller.large {
    position: relative;
    float: left;
    width: 100% !important;
    margin-bottom: 1.5em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-scroller.large > .mobile-scroll {
    min-width: 845px;
    margin-bottom: 1.5em;
}

.table-scroller.large .table-fader {
    display: block;
}

.one-column .table-scroller.large > .mobile-scroll {
    min-width: 1294px;
}

.table-fader {
    display: none;
    position: absolute;
    width: 80px !important;
    height: 100%;
    top: 0;
    right: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

/*********** User Icons ************/

.inline-icon:before {
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f138";
    display: inline-block;
    margin: 0 0.3em;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

a .inline-icon:before {
    margin: 0 0.5em 0 0;
}

.inline-icon.rss:before {
    content: "\f09e";
}

.inline-icon.instagram:before {
    content: "\f16d";
}

.inline-icon.twitter:before {
    content: "\f099";
}

a.button-link.twitter,
a.button-link.instagram {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.25);
}


a.button-link.twitter {
    background: #27A0DE;
}

a.button-link.instagram {
    background: #B9605C;
}

a.button-link.rss {
    background: #ee802f;
    color: #000;
}

a.button-link.rss:hover,
a.button-link.rss:active,
a.button-link.rss:focus {
    background: #fda15c;
}

a.button-link.twitter:hover,
a.button-link.twitter:active,
a.button-link.twitter:focus {
    background: #1a6d98;
}

a.button-link.instagram:hover,
a.button-link.instagram:active,
a.button-link.instagram:focus {
    background: #864542;
}

/*************   Responsive  **************
******************************************/

@media (min-width: 1200px) {
    .region-header h1.page-header {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .path-frontpage #block-eventsblock:before {
        content: "";
        display: block;
        position: absolute;
        width: 112%;
        height: 800px;
        margin: -2% 0 0 -4%;
        -webkit-box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 1px 19px -1px rgba(0, 0, 0, 0.4);
        z-index: 0;
    }

}

@media (min-width: 992px) {

    .path-frontpage #main > .row > section {
        padding-bottom: 0;
    }

    .region-header h1.page-header {
        font-size: 44px;
        margin-bottom: 15px;
    }

    .path-frontpage .cwd-card-grid {
        padding-right: 2em;
    }
}

@media (min-width: 768px) {
    .sidebar-tint.sidebar-right #main:before {
        display: block;
        content: '';
        background: #f4f4f4;
        width: 31%;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 0;
        left: auto;
        right: 0;
    }

    #main .col-sm-12 {
        background: #fff;
    }

}

@media (min-width: 480px) {

    figcaption,
    .caption {
        color: #111;
        font-size: 15px;
        padding: 15px;
    }

    figure.align-right,
    figure.align-left,
    figure {
        margin-bottom: 1.5em;
    }
}

@media (max-width: 1370px) {
    .region-header h1.page-header {
        padding-right: 15px;
    }
}

@media (max-width: 1200px) {

    /* homepage paragraphs blocks for events and take action */
    .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1,
    .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {
        width: 100%;
    }

    .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {
        padding-top: 2em;
    }

    #spotlights section.featured-spotlights-block .featured-meta {
        width: 100%;
    }

    #spotlights section.featured-spotlights-block .featured-image {
        width: 0;
    }

    /*news article image figure*/
    figure.news-image {
        float: right;
        max-width: 50%;
    }
}

@media (max-width: 992px) {

    .happenings-featured-wrap,
    .happenings-grid-wrap {
        width: 100%;
        margin-right: 0;
    }

    .happenings-featured-wrap {
        margin-bottom: 2em;
    }

    #spotlights section.featured-spotlights-block {
        width: 100%;
        margin-bottom: 20px;
    }

    #spotlights section.featured-spotlights-block .featured-meta {
        padding-bottom: 12em;
    }


    #spotlights section.featured-spotlights-block .featured-image {}

    #spotlights .spotlights-grid .happening-teaser {
        width: 100%;
    }

    #sm-band .twitter-block,
    #sm-band .instagram-featured-block {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .region-partners .partners-links .left,
    .region-partners .partners-links .right {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.5em;
    }

    .region-partners .partners-featured,
    .region-partners .partners-links {
        width: 49%;
    }

    #cu-header {
        height: 480px;
    }

    #hero-foreground {
        width: 56%;
        height: 100%;
        right: 0;
    }

    #block-headertext {
        padding: 1em 0;
        width: 50%;
    }

    #block-headertext a.button {
        margin-top: 0;
    }

    /*    main nav toggle*/
    #main-navigation,
    #utility-navigation {
        display: none;
    }

    #cu-search .mobile-button {
        display: block !important;
    }

    #spotlights .spotlights-flex.flex-parent {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .happenings-featured-wrap,
    .happenings-grid-wrap {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .region-header h1.page-header {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .region-partners .partners-featured,
    .region-partners .partners-links {
        width: 100%;
        margin-bottom: 1.5em;
    }

    .sidebar-priority,
    .sidebar-secondary {
        width: 100%;
        padding: 2em 15px 0 15px;
        margin-bottom: 0;
    }

    .breadcrumb {
        padding-top: 0;
    }

    .region-sidebar-first,
    .region-sidebar-second {
        padding: 0;
    }

    #main > .row > section {
        width: 100%;
        clear: both;
        padding-top: 0 !important;
    }

    footer section {
        margin-bottom: 1.5em;
        padding-bottom: 1.5em;
        border-bottom: 1px solid #33a093;
    }

    footer .region-subfooter #block-socialicons {
        border-bottom: none;
        margin-bottom: 0;
    }

    footer .region-subfooter {
        padding-top: 0;
        border-top: none;
    }

    footer .region-footer {
        padding-bottom: 0;
    }

    footer {
        padding-top: 1em;
    }

    /*    branding changes*/
    .header-wrap {
        /*        overflow: hidden;*/
    }

    .branding {
        width: 100%;
    }

    #cu-header .logo,
    .not-front #cu-header .logo {
        width: 200px;
        height: 55px;
        background: url(../images/culogo_hd_white45.svg) left top no-repeat;
        background-size: 100%;
        margin: 6px 0 40px 0;
    }

    .region-header h1.page-header {
        position: relative;
        font-size: 28px;
        left: 0;
        top: 0;
        float: left;
        clear: left;
        margin: 1em 0 0.5em 0;
        max-width: 100%;
        text-align: left;
    }

    #cu-header .name {
        width: 50%;
        background-size: 100%;
    }

    .header-wrap .header-background-fade:before {
        width: 100%;
        height: 70px;
        background: #222;
        z-index: 1;
    }

    .header-wrap .header-background-fade:after {
        display: none;
    }

    .path-frontpage #eventsInlineCompact .event-month-and-day {
        border-right: none;
        width: 100%;
    }

    #eventsInlineCompact .views-row {
        max-width: 100% !important;
    }

    .path-frontpage #eventsInlineCompact .col-sm-8.event-title-and-location {
        max-width: 100%;
        min-width: 100%;
    }

    .table-scroller {
        position: relative;
        float: left;
        width: 100% !important;
        margin-bottom: 1.5em;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-scroller > .mobile-scroll {
        min-width: 753px;
        margin-bottom: 1.5em;
    }

    .table-scroller .table-fader {
        display: block;
    }

    #sm-band .instagram-featured-block .instagram-image {
        width: 40%;
    }

    #sm-band .twitter-block {
        height: 220px;
    }

    /*news article image figure*/
    figure.news-image {
        float: right;
        width: 100%;
        max-width: 100%;
        margin: 0 0 1.5em 0;
    }
}

@media (max-width: 991px) {
    #spotlights .happenings-grid-wrap .view-content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 590px) {
    #spotlights .happenings-grid-wrap .view-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

}




@media (max-width: 480px) {
    #hero-foreground {
        display: none;
    }

    .path-frontpage #cu-header .name,
    .path-frontpage #block-headertext {
        width: 90%;
        margin: 0 5%;
        text-align: center;
        background-size: 90%;
    }

    .not-front #cu-header .name {
        margin-left: 0;
    }

}

/* wa jira fixs overide color contrast from base */
.lead,
.intro,
.lead:last-child,
.intro:last-child {
    color: #707070;
}

/* paragraph tabs is not calculating height correctly I think this is an issue with multiple columns
   https://jira.cornell.edu/browse/SUSTCAMPUS-40
   Can not find a good sollution so using css as fix
*/
#tab-1627-2 > div > div > div {
    height: 100% !important;
}

.kint {
    display: block;
    clear: both;
    position: relative;
    padding: 10px;
    z-index: 1700;
}

/***** HTML Newsletter width fix below *****/
body,
#bodyTable,
#templatePreheader,
#templateFooter {
    background-color: #fff;
}

#main #bodyCell {
    border-top: none !important;
}

#newsletter-markup table {
    border: none !important;
}

@media (min-width: 768px) {
    #main .templateContainer {
        width: 500px !important;
    }

}

@media (min-width: 992px) {
    #main .templateContainer {
        width: 600px !important;
    }
}

/* Add focus indicator to any element that has focus. */
:focus {
  outline: auto 1px -webkit-focus-ring-color !important;
}

.collapse:not(.in),
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

/* Slideshow paragraph fix to align with text */

.paragraph--type--insert-slideshow .paragraph__column{
	padding-left:0;
	padding-right:0;
}

/* Slider customization */

.slider-container {
	overflow: hidden;
    height: 0;
    padding: 56.25% 0 0 0;
}
body > header .slider-container {
	max-height: 640px;
}
.slider-container .slide-buffer {
	overflow: hidden;
    height: 0;
    padding: 56.25% 0 0 0;
    background-position: 50% 30%;
}
.slider-container .container {
	position: relative;
	min-height: 0;
}

.slider-caption a {
    text-decoration: underline !important;
}

/* Remove CU Seal */

.cu-search .container, .cu-search .container-fluid {
	background: none !important;
}

/* extlink module */
svg.ext, svg.mailto {
	width: 1em;
	height: 1em;
	padding-right: 0;
	margin-left: 0.15em;
    margin-right: -0.2em;
	opacity: 0.85;
}

/* New Caption Field styling */

.field--name-field-image-caption {
    background-color: rgba(0, 0, 0, 0.05);
    color: #111;
    font-size: 15px;
    padding: 15px;
    font-style: italic;
}

/* Events style update after update of module cwd events */

.path-frontpage .cwd_events_readmore {
    margin-top: -43px;
}
.cwd-events-style section.standard .events-listing.compact .node:last-of-type{
    border-bottom: 1px solid #e5e5e5;
}

/* fix for two column layout inserted in an uneven column paragraph */

@media only screen and (min-width: 768px){
    .paragraph--type--bp-columns-two-uneven__2col-column2 .two-col div:first-of-type {
        padding-right: 15px;
    }
}

/* INDENTING for CKEDITOR */

ul.no-list{
    list-style-type: none;
}

ul.no-list li ul{
    list-style-type: disc;
}

ul.no-list li ul li ul{
    list-style-type: circle;
}

ul.no-list li ul li ul li ul{
    list-style-type: square;
}

ul.no-bullets{
    list-style-type: none;
}

ul.no-bullets li ul{
    list-style-type: none;
}


/**** SUSTAINABLE DASHBOARD *****/

.dashboard-tabs.desktop {
    display: none;
}

@media (min-width: 768px) {

    .dashboard-mobile-expander {
        display: none;
    }
    .dashboard-tabs.desktop {
        display: block;
    }
}
.dashboard-tabs-primary .dashboard-tabs {
    border-bottom: none;
    position: relative;
}

.dashboard-tabs-primary .dashboard-tabs > ul {
    margin-bottom: 0px !important;
    position: relative;
    clear: both;
    padding-bottom: 50px;
}
/* tabs */
.dashboard-tabs-primary .dashboard-tabs > ul, .dashboard-tabs-secondary > ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-left: 0px;
    padding-left: 0px;
    justify-content: space-between;
    /* border-bottom: 0; */
}

@media (min-width: 768px) {
    .dashboard-tabs-primary .dashboard-tabs > ul, .dashboard-tabs-secondary > ul {
        flex-direction: row;
        padding-bottom: 0px;
    }
}

.dashboard-tabs-primary .dashboard-tabs > ul:before {
    display: none;
}

.dashboard-tabs-primary .dashboard-tabs > ul > li {
    position: initial;
    border-color: transparent;
    border-bottom: 1px solid #333;
    align-items: center;
}


@media (min-width: 768px) {
    .dashboard-tabs-primary .dashboard-tabs > ul > li {
        border-bottom: 0px;
        display: block;
    }

}
.dashboard-tabs-secondary > ul > li > .dashboard-tabs > ul > li {
    padding: 0px 25px;
    text-align: center;
}

.dashboard-tabs-primary .dashboard-tabs > ul:after {
    /* flex: 1 1 0; */
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 768px) {
    .dashboard-tabs-primary .dashboard-tabs > ul:after {
        border-bottom: 1px solid #333;
    }
}

.dashboard-tabs-primary .dashboard-tabs ul li.active:hover a, .dashboard-tabs-secondary .dashboard-ul li.active a:hover {
    border-color: transparent;
    cursor: pointer;
}

.dashboard-tabs-primary .dashboard-tabs ul li a:after {
    content: '';
    border-bottom: 5px solid transparent;
    height: 1px; 
    width: 100%;
    margin-top: 0px;
    z-index: 10;
    position: relative;
    cursor: pointer;
    position: relative;
    display: none;
    padding-top: 15px;
}

.dashboard-tabs-secondary {
    display: none;
}

@media (min-width: 768px) {
    .dashboard-tabs-primary .dashboard-tabs ul li a:after {
        display: block;
    }

    .dashboard-tabs-secondary {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 959px){

    .dashboard-tabs-primary .dashboard-tabs > ul > li {
        padding: 0px 25px;
        padding: 0px 5px; 
        text-align: center;
    }
}

.dashboard-tabs-secondary  {
    padding-bottom: 25px;
}

.dashboard-tabs-secondary .dashboard-tabs {
    list-style: none;
    padding-left: 0px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.dashboard-tabs-secondary .dashboard-tabs ul {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.dashboard-tabs-secondary .dashboard-tabs ul li a {
    font-size: 15px;
}


.dashboard-tabs-secondary .dashboard-tabs ul li {
   
    padding: 0px 25px;
    margin-bottom: 0px;
    max-width: 250px;
    height: 75px;
    position: relative;
    /* display: flex !important; */
}

.dashboard-tabs-secondary .dashboard-tabs ul li:first-child {
    padding-left: 0px;
}

.dashboard-tabs-secondary .dashboard-tabs ul li:last-child {
    padding-right: 0px;
}

.dashboard-tabs-secondary .dashboard-tabs ul li a {
    color: #707070;
    font-size: 15px;
    padding-bottom: 15px;
    z-index: 100;
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    border: 1px solid transparent;
}

.dashboard-tabs-secondary .dashboard-tabs ul li.active a {
    color: #0B5D5D;
}
.dashboard-tabs-secondary .dashboard-tabs ul li:hover:after, .dashboard-tabs-secondary .dashboard-tabs ul li.active:after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    border-bottom: none;
    font-size: 1.5em;
    position: absolute;
    color: #085E5D;
    bottom: 6px;
    display: block;
    text-align: center;
    width: 100%;
    bottom: -17px;
    z-index: 100;
}

.dashboard-tabs-secondary .dashboard-tabs ul li:hover a {
    border-color: transparent;
    background: transparent;
}

.dashboard-tabs-secondary .dashboard-tabs ul li:first-child:hover:after, .dashboard-tabs-secondary .dashboard-tabs ul li:first-child.active:after {
    width: calc(100% - 25px);
}

/* .dashboard-tabs-secondary .dashboard-tabs:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #333;
    position: absolute;
    bottom: -3px;
    z-index: 1;
} */


.dashboard-tabs ul li.active a {
    color: #085E5D;
    font-weight: 700;
    text-decoration: none;
    border-color: transparent;
    border-bottom: 1px solid transparent;
}

@media (min-width: 768px){ 
    .dashboard-tabs ul li:hover {
        border-color: transparent;
    }
}

.dashboard-tabs-primary .dashboard-tabs ul li:hover a {
    color: #085E5D;
    text-decoration: none;
    background: transparent;
    border-color: transparent;
}

.dashboard-tabs-primary .dashboard-tabs ul li a {
    color: #333;
    line-height: 1.6;
    width: 100%;
    display: inline-block !important;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    padding: 20px 0px;
    height: 100%;
    z-index: 1000;
    background-color: transparent !important;
}

@media (min-width: 768px){
    .dashboard-tabs-primary .dashboard-tabs ul li a {
        font-size: 18px;
        display: initial;
        padding: 0px;
    }
}

/* .dashboard-tabs > ul > li.active {
    padding-bottom: 55px;
} */

@media (min-width: 768px) {
    .dashboard-tabs-primary .dashboard-tabs > ul > li.active > a:after, .dashboard-tabs-primary .dashboard-tabs > ul > li:hover > a:after  {
        border-bottom: 5px solid #085E5D;
        padding-top: 15px;
    }
    
}

.dashboard-header-text {
    font-size: 21px;
    color: #707070;
    padding: 25px 0px;
}

.dashboard-header-text strong {
    font-weight: 700;
}

/* grid */

.dashboard-grid .view-content {
    padding-top: 50px;
    display: grid;
    width: 100%;
    clear: both;
    
}

@media (min-width: 768px) {
    .dashboard-grid .view-content {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        column-gap: 50px;
        row-gap: 75px;
        grid-template-columns: [left] 1fr [right] 1fr;   
        grid-template-rows: 1fr;
    }
}

@media (min-width: 960px) {
    .dashboard-grid .view-content {

        grid-template-columns: [left] 1fr [middle] 1fr [right] 1fr;   
    }
}

.dashboard-grid .view-content  .grid-card {
    position: relative;
}

.dashboard-grid .view-content  .grid-card a {
    text-decoration: none;
    background-color: transparent;
    position: relative;
    z-index: 10;
}


.dashboard-grid .view-content  .grid-card a h3 {
    margin: 25px 10px;
    font-weight: 700;
}

.dashboard-grid .view-content  .grid-card a p {
    margin: 0px 10px;
    left: 0;
}

.dashboard-grid .view-content  .grid-card a img {
    width: 100%;
}

.dashboard-grid .view-content  .grid-card a span {
    text-decoration: underline;
    margin: 0px 10px;
    padding-top: 25px;

}
.dashboard-grid .view-content  .grid-card:before {
    content: "";
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: 0;
    background-color: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%);
}

.dashboard-grid .view-content .grid-card:hover {
    background: rgba(255,255,255,0.12);
}
.dashboard-grid .view-content  .grid-card a:hover {
    background:rgb(0 0 0 / 5%);
    box-shadow: 0 0 0 15px rgb(0 0 0 / 5%);
    transition: background 0.25s,box-shadow 0.25s;
    height: 100%;
    width: 100%;
    display: block;
}
/* .dashboard-tabs ul li.hasSubmenu {
    
} */
/* .dashboard-tabs ul li ul.dashboard-tabs-submenu {
    position: absolute;
    top: 50px;
    left: 0px;
    border-bottom: 1px solid #333;
}

.dashboad-tabs ul li ul.dashboard-tabs-submenu li.active a:after {
    border-bottom: 0px;
} */



.charts {
    margin-top: 50px;
}

.chart-image {
    width: 100%;
    height: 250px;
    display: block;
    overflow: hidden;
    background: #333;
}

.chart-image img {
    height: 100%;
    width: auto;
}

.chart-title {
    color: #085E5D !important;
}

.charts .content .field--item{
    width: 100%;
}
.charts .content p:first-child {
    
        color: #767676;
        font-size: 20px;
}

@media (min-width: 768px) {
    .charts .content .field--item {
        width: 90%;

    } 
}

.grid-card.quote-card a {
    
    
    border-top: 3px solid #8832AA;
    border-bottom: 3px solid #8832AA;
    display: flex;
    flex-direction: column;
    justify-items: center;
    height: 100%;
    min-height: 250px;
    justify-content: center;
    padding: 0px 25px 0px 50px;
}

.dashboard-grid .view-content .grid-card.quote-card a:hover {
    border-top: 3px solid #05605F;
    border-bottom: 3px solid #05605F;
    background: #05605F !important;
    box-shadow: 0 0 0 15px rgb(5 96 95 / 5%);

    display: flex;
}

.dashboard-grid .view-content .grid-card.quote-card a h3, .dashboard-grid .view-content .grid-card.quote-card a p.quote {
    left: 15px;
}
.grid-card.quote-card svg.ext  {
    display: none;
}
.grid-card.quote-card a:hover h3, .grid-card.quote-card a:hover p {
    color: white !important; 
}
.grid-card.quote-card a h3 {
    color: #001648 !important;
    font-size: 2em !important; 
    position: relative;
    font-weight: 700;
    margin: 25px 0px 25px 40px !important;   
}

.dashboard-grid .view-content .grid-card.quote-card p {
    margin-left: 55px;
}
.grid-card.quote-card h3:before {
    content: '\201C';
    display: inline;
    position: absolute;
    font-size: 4em;
    color: #8832AA;
    left: -70px;
    top: -30px;
    
}

.grid-card.quote-card a:hover h3:before {
    color: white;
}

.grid-card .views-field {
    height: 100%;
}

.grid-card.quote-card a p {
    position: relative;
    left: 10%;
    color: #767676;
    font-size: 1.25em;
}

.grid-card {
    padding-top: 100px;
}


@media (min-width: 768px)  {
    .grid-card.quote-card {
        grid-column-start: 2;
        grid-row-start: 1;
    }

    .grid-card.quote-card h3 {
        margin-top: 0px;
    }

    .grid-card {
        padding-top: 0px;
    }
}