/* FRAMEWORK TABS */

.uiTabs {
    -webkit-backface-visibility: hidden;
}

    .uiTabs ol,
    .uiTabs ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .uiTabs-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #aaaaaa;
        font-family: bio-sans, Arial, sans-serif;
    }

        .uiTabs-list li {
            float: left;
            margin: 0 !important;
            padding: 0 !important;
        }

        .uiTabs-list li a {
            display: block;
            padding: 10px;
            border: 1px solid transparent;
            border-bottom: none;
            margin-bottom: -1px;
        }

        li.uiTabs-list-active a {
            border: 1px solid #aaaaaa;
            border-bottom: none;
            background: #fff;
        }

        .uiTabs-select {
            display: none;
            width: 100%;
            margin: 0;
            padding: 0;
            font-size: 16px;
        }

        .slide a,
        .slide img
        {
            display: block;
            width: 100%;
        }


.uiTabs-content-tab {
    display: none;
}
.uiTabs-content-tab-active {
    display: block;
}

/* Message Center */

.messageCenter {
    position: relative;
    max-height: 2000px;
    z-index: 1; /* new add */
}

    .messageCenter-loading {
        background: #000;
        max-height: 200px;
        overflow: hidden;
    }

    .flex-viewport {max-height: 2000px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
    .messageCenter-loading .flex-viewport {max-height: 200px; }

    .messageCenter ul,
    .messageCenter li,
    .messageCenter ol {
        margin: 0;
        padding: 0;
    }

    ul.flex-direction-nav {
        position: static;
        margin: 0;
        padding: 0;
        list-style: none !important;
    }

    ul.flex-direction-nav li {
        margin: 0;
        padding: 0;
    }

    .flex-direction-nav a {
        width: 36px;
        height: 36px;
        border-radius: 18px;
        position: absolute;
        top: 50%;
        margin-top: -18px;
        left: 18px;
        opacity: 0;
        filter: alpha(opacity=0);
        text-indent: -9999px;
        -webkit-transition: opacity .25s;
        -moz-transition: opacity .25s;
        -ms-transition: opacity .25s;
        transition: opacity .25s;
        background: #000 url(//www.baylor.edu/images/icons/standard/white/24/arrow_left.png) no-repeat 50% 50%;
    }

        .no-touch .messageCenter:hover .flex-direction-nav a,
        .no-touch .messageCenter:focus-within .flex-direction-nav a {
            opacity: .3;
            filter: alpha(opacity=30);
        }

        .no-touch .messageCenter:hover .flex-direction-nav a:hover,
        .no-touch .messageCenter:focus-within .flex-direction-nav a:focus {
            opacity: .6;
            filter: alpha(opacity=60);
        }

        .flex-direction-nav a.flex-next {
            left: auto;
            right: 18px;
            background-image: url(//www.baylor.edu/images/icons/standard/white/24/arrow_right.png);
        }

    .flex-control-nav {
        position: absolute;
        bottom: 18px;
        text-align: center;
        width: 100%;
        height: 10px;
        line-height: 10px;
        z-index: 500;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        .flex-control-nav li {
            display: inline-block;
            margin: 0 10px !important;
            width: 10px;
            height: 100%;
        }

        .flex-control-nav a {
            display: block;
            width: 100%;
            height: 100%;
            background: #fff;
            cursor: pointer;
            border-radius: 5px;
            text-indent: -9999px;
            opacity: .5;
            filter: alpha(opacity=50);
            -webkit-transition: opacity .25s;
            -moz-transition: opacity .25s;
            -ms-transition: opacity .25s;
            transition: opacity .25s;
            box-shadow: 0 0 15px rgba(0,0,0,.6);
        }

            .flex-control-nav a.flex-active,
            .flex-control-nav a:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

    .messageCenter-tabs-item {
        float: left;
        width: 25%;
    }

    .slick-slide img {
      width: 100%;
      max-width: none;
    }

.messageCenter .slick-prev::before, .messageCenter .slick-prev::after,
.messageCenter .slick-next::before, .messageCenter .slick-next::after {
    background: #fff;
}

.messageCenter .slick-prev, .messageCenter .slick-next {
    background-color: rgba(0,0,0,1);
    opacity: 0;
}

.messageCenter:hover .slick-prev,
.messageCenter:hover .slick-next {
    opacity: 0.6;
}
.messageCenter:focus-within .slick-prev,
.messageCenter:focus-within .slick-next {
    opacity: 0.6;
}

.messageCenter .slick-prev:hover, .messageCenter .slick-next:hover {
    background-color: rgba(0,0,0,1);
    opacity: 1;
}

.messageCenter .slick-prev:active, .messageCenter .slick-next:active {
    background-color: #000;
}

    .messageCenter .slick-prev:focus,
    .messageCenter .slick-next:focus {
        background-color: rgba(0,0,0,1);
        box-shadow: inset 0px 0px 5px -1px #4d90fe, 0 0 3px 3px #4d90fe;
        opacity: 1;
    }

    .slick-next:focus::before, .slick-prev:focus::before {
       -webkit-transform: translateX(-50%) rotate(45deg) scale(1);
        transform: translateX(-50%) rotate(45deg) scale(1);
    }

    .slick-next:focus::after, .slick-prev:focus::after {
       -webkit-transform: translateX(-50%) rotate(-45deg) scale(1);
        transform: translateX(-50%) rotate(-45deg) scale(1);
    }

/* Message Center Pause Play Button */
.uiMessageCenter-controller {
    position: absolute;
    margin-top: -50px;
    border: none;
    margin-left: 20px;
    width: 30px;
    height: 30px;
    padding: 5px;
    z-index: 9;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
    transition: all .4s ease-out;
}

.uiMessageCenter-controller:hover,
.uiMessageCenter-controller:focus-within {
    background: rgba(0,0,0,1);
    transition: all .4s ease-out;
}

.uiMessageCenter-controller a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    transition: all .4s ease-out;
}

    .uiMessageCenter-controller a:hover,
    .uiMessageCenter-controller a:focus
     {
        opacity: 1;

    }

    .uiMessageCenter-controller a::after,
    .uiMessageCenter-controller a::before {
        top: 0;
        left: 2px;
        bottom: 0;
        border-left: 5px solid #fff;
        position: absolute;
        content: "";
        transition: all .4s ease-out;
    }

    .uiMessageCenter-controller a::after {
        left: auto;
        right: 2px;
        transition-duration: .2s;
    }

    a.js-uiMessageCenter-controller-isPaused::before {
        border: 10px solid transparent;
        border-left-color: #fff;
        transform: translateX(4px);
    }

    a.js-uiMessageCenter-controller-isPaused::after {
        opacity: 0;
        tranform: translate3d(-3px,-10px,0);
    }

/* Message Center Images */

.messageCenter .slick-slide {
    position: relative;
}

.messageCenter .slick-slide:focus::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 5px 2px #4d90fe, 0 0 3px 3px #4d90fe;;
    -moz-box-shadow: 0px 0px 5px 2px #4d90fe, 0 0 3px 3px #4d90fe;;
    -webkit-box-shadow: inset 0px 0px 5px 2px #4d90fe, 0 0 3px 3px #4d90fe;
    z-index: 9999;
}

/* Quick Search */

.uiQuickSearch{

}

    .uiQuickSearch-input {
        position: relative;
    }

    .uiQuickSearch-input input {
        display: block;
        border: 1px solid #ccc;
        font-family: "Droid Serif", Georgia, serif;
        font-size: 20px;
        width: 100%;
        padding: 14px 36px;
        box-sizing: border-box;
        border-radius: 12px;
        background: url(//www.baylor.edu/images/icons/standard/light_gray/16/magnifier.png) no-repeat 12px 50%;
        margin: 0;
    }

    .uiQuickSearch-cancel {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 12px;
        width: 24px;
        height: 24px;
        background: url(//www.baylor.edu/images/icons/standard/dark_gray/16/cancel.png) no-repeat 50% 50%;
        display: block;
        text-indent: -9999px;
        opacity: .5;
        filter: alpha(opacity=50);
    }

        .uiQuickSearch-cancel-inactive {
            display: none;
        }

        .uiQuickSearch-cancel:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .uiQuickSearch-results-list {
             -webkit-column-count: 2; /* Chrome, Safari, Opera */
                -moz-column-count: 2; /* Firefox */
                column-count: 2;
            -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
            -moz-column-gap: 25px; /* Firefox */
            column-gap: 25px;
        }


        ul.uiQuickSearch-results-list {
            padding: 0;
            margin: 20px 0;
            list-style: none;
        }

            .no-csscolumns ul.uiQuickSearch-results-list {
                overflow: hidden;
            }

            ul.uiQuickSearch-results-list li {
                margin: 0;
                padding: 4px 0;
                -webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                break-inside: avoid;
            }

                .no-csscolumns ul.uiQuickSearch-results-list li {
                    float: left;
                    width: 50%;
                }

            .uiQuickSearch-results-list p {
                margin-top: 5px;
                font-size: .9em;
                line-height: 1.4em;
            }

        .uiQuickSearch-noresults {
            border: 1px solid #ccc;
            padding: 8px 15px;
            margin: 0 15px 20px 15px;
            border-top: 0;
            border-radius:  0 0 12px 12px;
            background: #eeeeee;
        }

        .uiQuickSearch-results-alpha,
        .uiQuickSearch-results-title,
        .uiQuickSearch-results-permanent-title {
            font: 700 20px/1.25em bio-sans, Arial, sans-serif;
        }

            .uiQuickSearch-results-title {
                margin-bottom: -15px;
            }

        .uiQuickSearch-results-permanent-title {
            text-align: center;
            margin: 25px 0;
        }

        .uiQuickSearch-all-results {
            float: right;
        }

    .uiQuickSearch-searchButton-container {
        display: block;
        text-align: center;
        margin-top: 16px;
    }

    .uiQuickSearch-searchButton {
        font-weight: bold;
        border-bottom: 2px solid transparent;
        transition: all .3s ease-out;
        display: inline-block;
        border: 1px solid #7f7f7f;
        padding: 11px 15px 8px 15px;
        margin: 0 10px;
        border-radius: 5px;
        font: 400 16px/1em bio-sans, Arial, sans-serif;
        color: #2d2d2d;
        text-shadow: 1px 1px 0 rgba(255,255,255,.4);
    }

        .uiQuickSearch-searchButton:hover {
            border-color: #003015;
            background-color: #d4d4d4;
            color: #003015;
        }

/* Tables */

.uiTableSortContainer {
    margin-right: -30px;
    position: relative;
}

    .uiTableSortContainer:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        background-image: -o-linear-gradient(right, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -moz-linear-gradient(right, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -webkit-linear-gradient(right, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -ms-linear-gradient(right, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        bottom: 0;
        content: " ";
        z-index: 5000;
    }

    .uiTableSort-scroll {
        overflow: hidden;
        overflow-x: scroll;
    }

    .dataTables_filter {
        padding-right: 30px !important;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .uiTableSort-scroll table {
        padding-right: 30px !important;
    }

/* FACULTY DIRECTORY */

.uiFacultyDirectory-default {

}

    .uiFacultyDirectory-default .facultyDirectory-item {
        overflow: hidden;
        margin: 20px 0;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_image {
        float: left;
        width: 20%;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_content {
        margin-left: 23%;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_title {
        font: 700 22px/1.3em bio-sans, Arial, sans-serif;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_jobtitle {
        font-size: 18px;
        font-style: italic;
        margin: 0 0 14px 0;
        line-height: 1.2em;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_line {
        margin: 10px 0;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_key {
        font: 400 12px/1.3em bio-sans, Arial, sans-serif;
        text-transform: uppercase;
        display: block;
        width: 55px;
        color: #2d2d2d;
        float: left;
        padding-top: 4px;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_link {
        margin-left: 63px;
        line-height: 1.3em;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_morelink {
        margin: 15px 0 0 0;
    }

    .uiFacultyDirectory-default .facultyDirectory-item_morelink a {
        display: inline-block;
        padding: 10px 15px 7px 15px;
        border: 1px solid #d4d4d4;
        color: #2d2d2d;
        line-height: 1.2em;
        border-radius: 3px;
        font: 400 12px/1.2em bio-sans, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        transition: all .25s;
    }

        .uiFacultyDirectory-default .facultyDirectory-item_morelink a:hover {
            background-color: #eeeeee;
            color: #000;
            border-color: #bdbdbd;
        }

    /* faculty page */

    .facultyDirectory-page {
        margin: 0 0 20px 20px;
        width: 180px;
        font-size: 14px;
        line-height: 1.3em;
        background: #eeeeee;
        padding: 15px;
        text-align: center;
        float: right;
    }

    @media(max-width: 600px) {
        .facultyDirectory-page {
            margin-right: -15px;
        }
    }

        .facultyDirectory-page_image {
            margin: -15px -15px 0 -15px;
            background: #fff;
        }

        .facultyDirectory-page_image img {
            width: 100%;
            border: 1px solid #d4d4d4;
            box-sizing: border-box;
            padding: 10px;
        }

        .facultyDirectory-page .facultyDirectory-item_jobtitle {
            font-style: italic;
            margin: 12px 0 10px 0;
        }

        .facultyDirectory-page .facultyDirectory-item_line {
            margin: 5px 0 15px 0;
            font: 400 14px/1.2em bio-sans, sans-serif;
        }

        .facultyDirectory-page .facultyDirectory-item_key {
            font-weight: 700;
            margin-bottom: 5px;
        }

        .facultyDirectory-page :not(.facultyDirectory-item_line-showKey) .facultyDirectory-item_key {
            display: none;
        }

/* block galleries */

.uiBlockMarquee {

}

.uiCustomList .slick-next:focus,
.uiCustomList .slick-prev:focus {
    box-shadow: inset 0px 0px 5px -1px #4d90fe, 0 0 3px 3px #4d90fe;
}

.uiCustomList .slick-next:focus::before, .uiCustomList .slick-prev:focus::before {
   -webkit-transform: translateX(-50%) rotate(45deg) scale(1);
    transform: translateX(-50%) rotate(45deg) scale(1);
}

.uiCustomList .slick-next:focus::after, .uiCustomList .slick-prev:focus::after {
   -webkit-transform: translateX(-50%) rotate(-45deg) scale(1);
    transform: translateX(-50%) rotate(-45deg) scale(1);
}

.uiBlockMarquee:before,
.uiBlockMarquee:after {
    content: " ";
    position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100px;
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgba(255,255,255,1)),
    color-stop(1, rgba(255,255,255,0))
);
background-image: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
z-index: 20;

}

    .uiBlockMarquee:after {
        left: auto;
        right: 0;
background-image: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }

    @media (max-width: 899px) {
        .uiBlockMarquee:before,
        .uiBlockMarquee:after {
            width: 50px;
        }
    }

    @media (max-width: 650px) {
        .uiBlockMarquee:before,
        .uiBlockMarquee:after {
            width: 20px;
        }
    }

/* social media */

.uiSocialMediaFeed-board {
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
}

    .uiSocialMediaFeed-board:after {
        content: " ";
        bottom: 0;
        right: 0;
        left: 0;
        height: 30px;
        position: absolute;
        background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
        background-image: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgb(255, 255, 255) 100%);
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-item,
    .uiSocialMediaFeed-list .uiSocialMediaFeed-item {
        border: 1px solid #ccc;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        border-radius: 10px;
        overflow: hidden;
        padding-top: 46px;
        padding-bottom: 50px;
        position: relative;
    }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-instagram,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-instagram {
            padding-top: 0;
        }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-item::after,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-item::after {
        top: 16px;
        left: 50%;
        height: 20px;
        width: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-left: -10px;
        z-index: 12;
        content: " ";
        position: absolute;
        opacity: .8;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-item::before,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-item::before {
        top: 17px;
        left: 50%;
        height: 20px;
        width: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-left: -9px;
        z-index: 11;
        content: " ";
        position: absolute;
        opacity: .8;
    }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-instagram::after,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-instagram::after {
            background-image: url(//www.baylor.edu/images/icons/standard/white/64/instagram.png);
            height: 24px;
            width: 24px;
            margin-left: -12px;
        }

            .uiSocialMediaFeed-board .uiSocialMediaFeed-instagram::before,
             .uiSocialMediaFeed-list .uiSocialMediaFeed-instagram::before {
                background-image: url(//www.baylor.edu/images/icons/standard/black/64/instagram.png);
                height: 24px;
                width: 24px;
                margin-left: -11px;
                opacity: .3;
            }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-facebook::after,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-facebook::after {
            background-image: url(//www.baylor.edu/images/icons/standard/black/64/facebook.png);
            opacity: .3;
        }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-twitter::after,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-twitter::after {
            background-image: url(//www.baylor.edu/images/icons/standard/black/64/twitter.png);
            opacity: .3;
        }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-item-thumbnail,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-item-thumbnail {
        background-color: #eeeeee;
        padding: 5px 12px;
        font-size: 14px;
        line-height: 1.2em;
        height: 40px;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left:0;
        right: 0;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-account-thumbnail,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-account-thumbnail {
        width: 34px;
        height: 34px;
        display: block;
        float: left;
        padding-top: 3px;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-account-name,
    .uiSocialMediaFeed-board .uiSocialMediaFeed-account-handle,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-account-name,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-account-handle {
        margin: 5px 0 0 45px;
        font-size: 13px;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-account-handle,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-account-handle {
        font-size: 11px;
        font-family: Arial, sans-serif;
        margin-top: 1px;
    }

    .uiSocialMediaFeed-board .social_widget_post,
     .uiSocialMediaFeed-list .social_widget_post {
        font-size: 14px;
        line-height: 1.3em;
        padding: 12px;
    }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-twitter .social_widget_post,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-twitter .social_widget_post {
            text-align: center;
            font-size: 18px;
            line-height: 1.3em;
            padding: 12px 15px;
        }

    .uiSocialMediaFeed-board .social_media_widget_image,
     .uiSocialMediaFeed-list .social_media_widget_image {
        display: block;
    }

         .uiSocialMediaFeed-board .uiSocialMediaFeed-twitter .social_media_widget_image,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-twitter .social_media_widget_image {
            margin-left: -15px;
            margin-right: -15px;
         }

        .uiSocialMediaFeed-board .social_media_widget_image img,
         .uiSocialMediaFeed-list .social_media_widget_image img {
            width: 100%;
            border: 1px solid #ccc;
            border-left-width: 0;
            border-right-width: 0;
        }

            .uiSocialMediaFeed-board .uiSocialMediaFeed-instagram .social_media_widget_image img,
             .uiSocialMediaFeed-list .uiSocialMediaFeed-instagram .social_media_widget_image img {
                border-top: 0;
            }

    .uiSocialMediaFeed-board .social_widget_post_media_title,
     .uiSocialMediaFeed-list .social_widget_post_media_title {
        margin: 12px 12px 6px 12px;
        line-height: 1.25em;
    }

    .uiSocialMediaFeed-board .social_widget_post_media_description,
     .uiSocialMediaFeed-list .social_widget_post_media_description {
        font-size: 13px;
        line-height: 1.3em;
        margin: 6px 12px 12px 12px;
    }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-twitter .social_widget_post_media_description,
         .uiSocialMediaFeed-list .uiSocialMediaFeed-twitter .social_widget_post_media_description {
            font-size: 14px;
         }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-item-time,
     .uiSocialMediaFeed-list .uiSocialMediaFeed-item-time {
        font-size: 11px;
        margin: 0 12px 12px 12px;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-sizer,
    .uiSocialMediaFeed-board .uiSocialMediaFeed-item {
        width: 23.5%;
    }

    .uiSocialMediaFeed-board .uiSocialMediaFeed-gutter {
        width: 2%;
    }

    @media (max-width: 900px) {
        .uiSocialMediaFeed-board .uiSocialMediaFeed-sizer,
        .uiSocialMediaFeed-board .uiSocialMediaFeed-item {
            width: 32%;
        }
    }

    @media (max-width: 700px) {
        .uiSocialMediaFeed-board .uiSocialMediaFeed-sizer,
        .uiSocialMediaFeed-board .uiSocialMediaFeed-item {
            width: 48%;
        }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-gutter {
            width: 4%;
        }
    }

    @media (max-width: 520px) {
        .uiSocialMediaFeed-board .uiSocialMediaFeed-sizer,
        .uiSocialMediaFeed-board .uiSocialMediaFeed-item {
            width: 100%;
        }

        .uiSocialMediaFeed-board .uiSocialMediaFeed-gutter {
            width: 0;
        }
    }

/* GALLERIES */

figure {
    margin: 0;
    padding: 0;
    display: block;
}

.uiPhotoGallery {
    overflow: hidden;
}

.uiPhotoGallery-default figure {
    width: 24.25%;
    margin: 0 1% 1% 0;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .uiPhotoGallery-default figure:nth-of-type(1) {
        width: 49.5%;
    }

    .uiPhotoGallery-default figure:nth-of-type(3),
    .uiPhotoGallery-default figure:nth-of-type(4n+5) {
        margin-right: 0;
    }

    .uiPhotoGallery-default figure:nth-of-type(4n+6) {
        clear: left;
    }

.uiPhotoGallery-default figure a {
    display: block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

    .uiPhotoGallery-default .uiPhotoGallery-item-bkg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transition: all 1s;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        display: block;
    }

        .no-touch .uiPhotoGallery-default figure:hover .uiPhotoGallery-item-bkg,
        .no-touch .uiPhotoGallery-default figure:focus .uiPhotoGallery-item-bkg  {
            transform: scale(1.15);
        }

    .no-touch .uiPhotoGallery-default:hover figure:not(:hover) {
        opacity: .8;
    }

    .uiPhotoGallery-default .uiPhotoGallery-item-image {
        top: 25%;
        left: 0;
        right: 0;
        position: absolute;
        z-index: -100;
        opacity: 0;
    }

    .uiPhotoGallery-default .uiPhotoGallery-item-icon {
        position: absolute;
        z-index: 10;
        top: 5px;
        right: 5px;
        height: 30px;
        width: 30px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        text-shadow: 0 0 3px rgba(0,0,0,1);
        opacity: 0;
        transition: all .25s ease-out;
        transform: scale(.5);
    }

        .no-touch .uiPhotoGallery-default figure:hover .uiPhotoGallery-item-icon,
        .no-touch .uiPhotoGallery-default figure:focus .uiPhotoGallery-item-icon {
            opacity: 1;
            transform: scale(1);
        }

    .uiPhotoGallery-default figure figcaption {
        position: absolute;
        left: 0;
        right: 0;
        padding: 25px 10px 10px 10px;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0,0,0,.5);
        bottom: 0;
        z-index: 10;
        line-height: 1.2em;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        max-height: 50%;
        font-size: 12px;
        line-height: 1.2em;

         -webkit-transition: transform .450s ease;
        -moz-transition: transform .450s ease;
        -ms-transition: transform .450s ease;
        transition: transform .450s ease;

        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 80%);
    }

        .uiPhotoGallery-default figure figcaption strong {
            font-weight: normal;
        }

        .uiPhotoGallery-default figure figcaption span {
            display: none;
        }

        .pswp__caption__center strong {
            display: block;
        }

        .no-touch .uiPhotoGallery-default figure:hover figcaption,
        .no-touch .uiPhotoGallery-default figure:focus figcaption {
            display: block;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

/**
 * NEWS WIDGETS (2.1)
 * EVENTS WIDGET (2.1)
 */

.uiNewsWidget-style-boxes,
.uiEventWidget-style-boxes {
    margin: 0 auto;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.uiNewsWidget-style-boxes-item,
.uiEventWidget-style-boxes-item {
    width: 20%;
    background: #003015;
    display: block;
    position: relative;
    padding-top: 20%;
    color: #fff;
    font: 400 22px/1.1em bio-sans, Arial, sans-serif;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
    float: left;
}



    .no-touch .uiNewsWidget-style-boxes:hover .uiNewsWidget-style-boxes-item,
    .no-touch .uiNewsWidget-style-boxes:focus .uiNewsWidget-style-boxes-item
    {
        opacity: .7;
    }

    .no-touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:hover,
    .touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:hover,
    .no-touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:focus,
    .touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:focus,
    .touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:active
    {
        color: #fff;
        opacity: 1;
    }

    .no-touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:hover:before,
    .no-touch .uiNewsWidget-style-boxes .uiNewsWidget-style-boxes-item:focus:before,
    {
        opacity: 0;
    }

    .uiNewsWidget-style-boxes-item:after
    {
        content: "";
        position: absolute;
        top: 50%;
        left:-10px;
        right: -10px;
        height: 150%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        z-index:2;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-backface-visibility: hidden;
    }


    .no-touch .uiNewsWidget-style-boxes-item:hover:after,
    .no-touch .uiNewsWidget-style-boxes-item:focus:after
    {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
    }

    .uiNewsWidget-style-boxes-item:nth-child(3n) {
        background: #002510;
    }

    .uiNewsWidget-style-boxes-item:nth-child(3n+1) {
        background: #00431d;
    }

    .uiNewsWidget-style-boxes-item:nth-child(3n+2) {
        background: #003015;
    }

    .uiNewsWidget-style-boxes-item > span
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .uiNewsWidget-style-boxes-item .uiNewsWidget-background {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index:1;
        transition: all .5s ease-out;
    }

    .uiNewsWidget-style-boxes-item .uiNewsWidget-title {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        max-height: 60%;
        padding: 24px;
        box-sizing: border-box;
        z-index:3;
        -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
        text-shadow: 0 0 10px rgba(0,0,0,.5);
    }


        .no-touch .uiNewsWidget-style-boxes-item:hover .uiNewsWidget-title,
        .no-touch .uiNewsWidget-style-boxes-item:focus .uiNewsWidget-title
        {
            background: none;
            -webkit-transform: translateY(-100px);
            -moz-transform: translateY(-100px);
            -ms-transform: translateY(-100px);
            transform: translateY(-100px);
        }

        .no-touch .uiEventWidget-style-boxes-item:hover .uiEventWidget-title,
        .no-touch .uiEventWidget-style-boxes-item:focus .uiEventWidget-title {
            -webkit-transform: translateY(-12px);
            -moz-transform: translateY(-12px);
            -ms-transform: translateY(-12px);
            transform: translateY(-12px);
        }

        .uiNewsWidget-style-boxes-item:hover .uiNewsWidget-background,
        .uiNewsWidget-style-boxes-item:focus .uiNewsWidget-background {
            transform: scale(1.1);
        }

        .uiNewsWidget-style-boxes-item .uiNewsWidget-title:after {
            bottom: -20px;
            content: "Read More \232A";
            font-size: 14px;
            line-height: 1.1em;
            position: absolute;
            left: 24px;
            display: inline-block;
            opacity: 0;
            -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
            color: #fecb00;
        }

            .no-touch .uiNewsWidget-style-boxes-item:hover .uiNewsWidget-title:after,
            .no-touch .uiNewsWidget-style-boxes-item:focus .uiNewsWidget-title:after {
                opacity: 1;
            }

            .uiNewsWidget-readmore:after {
                opacity: 0;
            }

    .uiNewsWidget-style-boxes-item.uiNewsWidget-readmore {
        background: #154734;
    }

    .uiNewsWidget-style-boxes-item.uiNewsWidget-readmore .uiNewsWidget-title,
    .uiEventWidget-style-boxes-item.uiEventWidget-readmore .uiEventWidget-title
    {
        left: 10%;
        right: 10%;
        top: 50%;
        bottom: auto;
        border: 1px solid #fff;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: nowrap;
        border-radius: 4px;
        padding: 0;
        line-height: 50px;
        height: 50px;
        margin-top: -25px;
    }

        .no-touch .uiNewsWidget-style-boxes-item.uiNewsWidget-readmore:hover .uiNewsWidget-title,
        .uiEventWidget-style-boxes-item.uiEventWidget-readmore:hover .uiEventWidget-title,
        .no-touch .uiNewsWidget-style-boxes-item.uiNewsWidget-readmore:focus .uiNewsWidget-title,
        .uiEventWidget-style-boxes-item.uiEventWidget-readmore:focus .uiEventWidget-title
        {
            -webkit-transform: translateY(-50px);
            -moz-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
            transform: translateY(-50px);
        }

    .uiEventWidget-style-boxes-item
    {
        background: #eeeeee;
        box-sizing: border-box;
        border-right: 1px solid #fff;
        margin-bottom: 1px;
    }

    .uiEventWidget-style-boxes-item:nth-of-type(5n) {
        border-color: transparent;
    }

    .uiEventWidget-style-boxes-item span,
    .uiEventWidget-style-boxes-item > div
     {
        display: block;
        position: absolute;
        left: 6%;
        right: 6%;
        text-align: center;
        width: auto;
        color: #525252;
    }

    .uiEventWidget-style-boxes .eventWidget-date {
        top: 18%;
        text-transform: uppercase;
        border: 0;
        float: none;
        position: absolute;

    }

    .uiEventWidget-style-boxes .dateWidget-content > div {
        display: inline;
        font-size: 24px;
        padding: 0 2px;
    }

    .uiEventWidget-style-boxes .dateWidget-content .dateWidget-year {
        display: none;
    }

    .uiEventWidget-style-boxes .dateWidget-year-different .dateWidget-day {
        padding-right: 0;
    }

        .uiEventWidget-style-boxes .dateWidget-year-different .dateWidget-day:after {
            content: ",";
            display: inline;
            padding-right: 2px;
        }

    .uiEventWidget-style-boxes .dateWidget-year-different .dateWidget-year {
        display: inline;
    }

    .uiEventWidget-style-boxes .uiEventWidget-title {
        top: 45%;
        font: 400 18px/1.2em "Droid Serif", serif;
        bottom: 10%;
        overflow: hidden;
        -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
    }

        .uiEventWidget-style-boxes .uiEventWidget-title em {
            display: block;
            font-style: normal;
            font-size: .8em;
            opacity: .8;
            padding-top: 4px;
        }

    .uiEventWidget-style-boxes:hover .uiEventWidget-style-boxes-item:not(:hover)
    {
        opacity: .4;
    }

    .uiEventWidget-style-boxes-item:hover span,
    .uiEventWidget-style-boxes-item:hover > div,
    .uiEventWidget-style-boxes-item:focus span,
    .uiEventWidget-style-boxes-item:focus > div
    {
        color: #2d2d2d;
    }

    .uiEventWidget-style-boxes-item.uiEventWidget-readmore .uiEventWidget-title
    {
        border-color: #2d2d2d;
        font: 400 18px/50px bio-sans, Arial, sans-serif;
    }

     @media(min-width:1100px) {
        .uiNewsWidget-style-boxes-item,
        .uiEventWidget-style-boxes-item
        {
            font-size: 24px;
            line-height: 1.2em;
        }
    }

    @media(max-width: 1099px) {
       .uiNewsWidget-style-boxes-item,
       .uiEventWidget-style-boxes-item
       {
            width: 25%;
            padding-top: 25%;
       }

       .uiEventWidget-style-boxes-item:nth-of-type(n) {
            border-right-color: #fff;
       }

        .uiEventWidget-style-boxes-item:nth-of-type(4n),
        .uiEventWidget-style-boxes-item:last-child
        {
            border-right-color: transparent;
        }

       .uiNewsWidget-style-boxes-item:nth-of-type(1n+8):not(:last-child),
       .uiEventWidget-style-boxes-item:nth-of-type(1n+8):not(:last-child),
       .uiEventWidget_4 .uiEventWidget-style-boxes-item:nth-of-type(1n+4):not(:last-child)
       {
            display: none;
       }
    }

    @media(max-width: 900px) {
        .uiNewsWidget-style-boxes-item,
        .uiEventWidget-style-boxes-item
        {
            width: 33.33%;
            padding-top: 33.33%;
            display: block !important;
        }

        .uiEventWidget-style-boxes-item:nth-of-type(n) {
            border-right-color: #fff;
        }

        .uiEventWidget-style-boxes-item:nth-of-type(3n),
        .uiEventWidget-style-boxes-item:last-child
        {
            border-right-color: transparent;
        }

       .uiNewsWidget-style-boxes-item:nth-of-type(1n+9):not(:last-child),
       .uiEventWidget-style-boxes-item:nth-of-type(1n+9):not(:last-child)
       {
            display: none !important;
       }
    }

    @media(max-width: 600px) {
        .uiNewsWidget-style-boxes-item,
        .uiEventWidget-style-boxes-item
        {
            width: 50%;
            padding-top: 50%;
            display: block !important;
        }

        .uiNewsWidget-style-boxes-item:nth-of-type(1n+6):not(:last-child),
        .uiEventWidget-style-boxes-item:nth-of-type(1n+6):not(:last-child),
        .uiEventWidget_4 .uiEventWidget-style-boxes-item:nth-of-type(1n+4):not(:last-child)
        {
            display: none !important;
        }

        .uiEventWidget-style-boxes-item:nth-of-type(n) {
            border-right-color: #fff;
        }

        .uiEventWidget-style-boxes-item:nth-of-type(2n),
        .uiEventWidget-style-boxes-item:last-child
        {
            border-right-color: transparent;
        }
    }







/* UI EVENT WIDGET -- CARDS -- */




.uiEventWidget-style-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.uiEventWidget-style-cards-item {
    width: calc(25% - 15px);
    background: #eeeeee;
    display: block;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    transition: all .25s ease-out;
}

    .uiEventWidget-style-cards-item::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 0 #fecb00;
        z-index: 100;
        content: "";
        transition: all .3s ease-out;
    }

    .uiEventWidget-style-cards-item span {
        display: block;
    }

    .uiEventWidget-item-photo {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }

        .uiEventWidget-item-photo-image,
        .uiEventWidget-item-photo::before,
        .uiWidget-cards-item-container::before  {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            transition: all .5s ease-out;
            transform-origin: 50% 50%;
        }

        .uiEventWidget-item-photo::before,
        .uiWidget-cards-item-container::before {
            background-image: url(img/events/tessellation_green.png);
        }

        .uiEventWidget-style-cards-item:nth-of-type(3n-1) .uiEventWidget-item-photo::before,
        .uiWidget-cards-item:nth-of-type(3n-1) .uiWidget-cards-item-container::before  {
            background-image: url(img/events/tessellation_gold.png);
        }

        .uiEventWidget-style-cards-item:nth-of-type(3n) .uiEventWidget-item-photo::before,
        .uiWidget-cards-item:nth-of-type(3n) .uiWidget-cards-item-container::before  {
            background-image: url(img/events/tessellation_darkgreen.png);
        }

    .uiEventWidget-item-date {
        margin-top: -30px;
        position: relative;
        z-index: 50;
    }

        .uiEventWidget-style-cards-item .dateWidget {
            background: #fff;
            float: none;
            border: none;
            box-shadow: 0 0 10px rgba(0,0,0,.4);
            padding: 12px 6px;
            margin: 0 auto;
        }

        .uiEventWidget-style-cards-item .dateWidget-month {
            position: relative;
            padding-bottom: 6px;
        }

            .uiEventWidget-style-cards-item .dateWidget-month::after {
                position: absolute;
                content: "";
                bottom: 4px;
                left: 25%;
                right: 25%;
                height: 1px;
                background: #003015;
            }



    .uiEventWidget-item-content {
        padding: 15px 15px 22px 15px;
        text-align: center;
        color: #353535;
        text-shadow: 1px 1px 0 rgba(255,255,255,.6);
    }

        .uiEventWidget-item-title {
            font-size: 18px;
            line-height: 1.2em;
        }

        .uiEventWidget-item-time {
            margin: 10px 0 0 0;
        }

            .uiEventWidget-item-time span {
                font-size: 16px;
            }

        .uiEventWidget-item-location {
            margin-top: 7px;
            font: 400 14px/1.2em bio-sans, Arial, sans-serif;
        }

            .uiEventWidget-item-location:empty,
            .uiEventWidget-item-time:empty {
                display: none;
            }

        .uiEventWidget-style-cards-item:hover,
        .uiEventWidget-style-cards-item:focus {
        background: #e2e2e2;
    }

        .uiEventWidget-style-cards-item:hover::after,
        .uiEventWidget-style-cards-item:focus::after {
            box-shadow: inset 0 0 0 5px #fecb00;
        }


        .uiEventWidget-style-cards-item:hover .uiEventWidget-item-photo-image,
        .uiEventWidget-style-cards-item:hover .uiEventWidget-item-photo::before,
        .uiEventWidget-style-cards-item:focus .uiEventWidget-item-photo-image,
        .uiEventWidget-style-cards-item:focus .uiEventWidget-item-photo::before  {
            transform: scale(1.1);
        }

        .uiEventWidget-style-cards-item:hover .uiEventWidget-item-content,
        .uiEventWidget-style-cards-item:focus .uiEventWidget-item-content {
            color: #000;
        }


@media(max-width: 1100px) {
   .uiEventWidget-style-cards-item {
       width: calc(25% - 12px);
       margin-bottom: 16px;
    }
}


@media(max-width: 880px) {
   .uiEventWidget-style-cards-item  {
        width: calc(50% - 6px);
        margin-bottom: 12px;
    }
}

@media(max-width: 600px) {
   .uiEventWidget-item-title {
        font-size: 16px;
        line-height: 1.2em;
    }
}

@media(max-width: 380px) {
   .uiEventWidget-style-cards-item  {
        width: 100%;
    }
}







/* UI NEWS / PAGES WIDGET, START CARDS STYLE */


.uiWidget-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.uiWidget-cards-item  {
    width: calc(25% - 7.5px);
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,.12)
}

    .uiWidget-cards-item::before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: 10;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .uiWidget-cards-item:hover::before,
    .uiWidget-cards-item:focus::before {
        -webkit-box-shadow: inset 0 0 0 5px #fecb00;
                box-shadow: inset 0 0 0 5px #fecb00;
    }





.uiWidget-cards-item span {
    display: block;
}

.uiWidget-cards-item-container {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: black;
    overflow: hidden;
}

.uiWidget-cards-item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .uiWidget-cards-item:hover .uiWidget-cards-item-image,
    .uiWidget-cards-item:hover .uiWidget-cards-item-container::before,
    .uiWidget-cards-item:focus .uiWidget-cards-item-image,
    .uiWidget-cards-item:focus .uiWidget-cards-item-container::before {
        -webkit-transform: scale(1.12);
                transform: scale(1.12);
    }

.uiWidget-cards-item-title {
    padding: 15px 15px 0 15px;
    text-transform: none;
    color: #353535;
    font: 700 24px/1.1em bio-sans, Arial, sans-serif;
    text-shadow: none;
    display: block;
    letter-spacing: -0.01em;
}

.uiWidget-cards-item-category {
    margin-top: -20px;
    text-align: center;
    position: relative;
    z-index: 9;
    height: 32px;
}

    span.uiWidget-cards-item-category-inner {
        display: inline-block;
        background: #fecb00;
        padding: 10px 13px 8px 13px;
        height: 14px;
        color: #005525;
        font: 700 14px/14px bio-sans, Arial, sans-serif;
        text-transform: uppercase;
    }

        .uiNewsCategories-hasNone span.uiWidget-cards-item-category-inner {
            display: none;
        }


.uiWidget-cards-item-date {
    font: 400 12px/1.3em bio-sans, sans-serif;
    text-transform: uppercase;
    padding: 15px 15px 0 15px;
    color: #353535;
}

.uiWidget-cards-item-description {
    font: 400 14px/1.3em "Droid Serif", serif;
    color: #353535;
    padding: 15px;
    display: block;
    letter-spacing: -0.01em;
}

    .uiWidget-cards-item:hover > span,
    .uiWidget-cards-item:focus > span {
        color: #003010;
    }

.uiWidget-cards-readmore {
    margin: 40px 0 0 0;
    text-align: center;
}

    .uiWidget-cards-readmore a {
        float: none;
        display: inline-block;
        font-size: 18px;
        padding: 14px 20px 11px 20px;
        color: #fff;
    }

        .uiWidget-cards-readmore a::after {
            display: none;
        }

        .uiWidget-cards-readmore a:hover,
        .uiWidget-cards-readmore a:focus {
            color: #fecb00;
            border-color: #fecb00;
            background-color: rgba(0,0,0,.3)
        }



@media(max-width: 950px) {
   .uiWidget-cards-item  {
        width: calc(50% - 5px);
    }
}

@media(max-width: 400px) {
   .uiWidget-cards-item  {
        width: 100%;
    }
}


/* ================================
*       END CORE STYLES
* - - - - - - - - - - - - - - - - - -
*       BEGIN RESPONSIVE STYLES
* ================================ */

@media (max-width: 1024px) {

}

/* ================================
*       SMALL TABLET
*  ================================ */

@media (max-width: 767px) {
    .uiTableSortContainer {
        margin-right: -24px;
    }
}

/* ================================
*       HANDHELD
*  ================================ */

@media (max-width: 569px) {
    /* TABS */

    .uiTabs-list {
        display: none;
    }

    .uiTabs-select-container {

    }

    .uiTabs-select {
        display: block;
    }

    .uiTableSortContainer {
        margin-right: -15px;
    }

}

/* video */

.uiBackgroundVideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.uiBackgroundVideo-clip {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#uiBackgroundVideo-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    background: #fff no-repeat;
    background-size: cover;
    vertical-align: top;
}

.uiBackgroundVideo-controller {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    padding: 5px;
    z-index: 50;
    box-sizing: border-box;
    background: rgba(0,0,0,.5);
}

.uiBackgroundVideo-controller a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .8;
    transition: all .4s ease-out;
}

    .uiBackgroundVideo-controller a:hover {
        opacity: 1;
    }

    .uiBackgroundVideo-controller a::after,
    .uiBackgroundVideo-controller a::before {
        top: 0;
        left: 2px;
        bottom: 0;
        border-left: 5px solid #fff;
        position: absolute;
        content: "";
        transition: all .4s ease-out;
        box-shadow: 1px 1px 0 rgba(0,0,0,1);
    }

    .uiBackgroundVideo-controller a::after {
        left: auto;
        right: 3px;
        transition-duration: .2s;
    }

    a.js-uiBackgroundVideo-controller-isPaused::before {
        border: 10px solid transparent;
        border-left-color: #fff;
        transform: translateX(4px);
    }

    a.js-uiBackgroundVideo-controller-isPaused::after {
        opacity: 0;
        tranform: translate3d(-3px,-10px,0);
    }













.uiPhotoBand {
    position: relative;
}

    .uiPhotoBand::before {
        position: absolute;
        top: 0;
        right: 0;
        left: 40%;
        bottom: 0;
        content: "";
        z-index: 1;
    }

    .uiPhotoBand::before {
        /* background-image:   linear-gradient(to right, rgba(255,255,255, 1) 0%, rgba(255, 255, 255, 0) 33%),
                            url(//www.baylor.edu/content/imglib/2/9/6/4/296403.jpg); */
        background-position: 100% 0;
        background-repeat: no-repeat, no-repeat;
        background-size: cover;
    }

    .uiPhotoBand .contentBandInner {
        position: relative;
        z-index: 3;
        padding: 5% 54% 5% 10%;
        box-sizing: border-box;
        width: auto;
    }

        .uiPhotoBand-hero .contentBandInner {
            padding-top: 8.5%;
            padding-bottom: 8.5%;
            font-size: 18px;
            line-height: 1.55em;
        }

    .uiPhotoBand h3 {
        margin-top: 0;
    }

    .uiPhotoBand-align-right::before {
        left: 0;
        right: 40%;
        background-position: 0 0;
        /* background-image:   linear-gradient(to left, rgba(255,255,255, 1) 0%, rgba(255, 255, 255, 0) 33%),
                            url(//www.baylor.edu/content/imglib/2/9/6/4/296403.jpg); */
    }

    .uiPhotoBand-align-right .contentBandInner {
        padding-right: 10%;
        padding-left: 57%;
    }


    @media(min-width: 681px) {
        .uiPhotoBand-align-left.uiPhotoBand-fade-none .contentBandInner,
        .uiPhotoBand-align-left.uiPhotoBand-fade-mobile .contentBandInner {
            padding-right: 62%;
            padding-left: 2%;
        }

        .uiPhotoBand-align-right.uiPhotoBand-fade-none .contentBandInner,
        .uiPhotoBand-align-right.uiPhotoBand-fade-mobile .contentBandInner {
            padding-left: 62%;
            padding-right: 2%;
        }
    }

    @media(max-width: 1200px) {
        .uiPhotoBand-align-left .contentBandInner {
            padding-left: 5%;
        }

        .uiPhotoBand-align-right .contentBandInner {
            padding-right: 5%;
        }
    }

    @media(max-width: 1000px) {
        .uiPhotoBand-align-left .contentBandInner {
            padding-left: 3%;
        }

        .uiPhotoBand-align-right .contentBandInner {
            padding-right: 3%;
        }
    }

    @media(max-width: 680px) {
        .uiPhotoBand .contentBandInner {
            padding: 66% 5% 5% 5%;
        }

        .uiPhotoBand::before {
            top: 0;
            left: 0;
            bottom: auto;
            right: 0;
            padding-bottom: 60%;
            background-size: 120%;
        }

        .uiPhotoBand-valign-bottom .contentBandInner {
            padding-top: 8%;
            padding-bottom: 66%;
        }

        .uiPhotoBand-valign-bottom::before {
            top: auto;
            bottom: 0;
        }

        /* Mobile - Arrows */

        .uiPhotoBand-valign-top.uiPhotoBand-fade-full.uiPhotoBand-arrow-inset::before,
        .uiPhotoBand-valign-top.uiPhotoBand-fade-mobile.uiPhotoBand-arrow-inset::before
         {
            -webkit-clip-path:  polygon(0% 0%, 100% 0%, 100% 100%, 54% 100%, 50% 93%, 46% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 54% 100%, 50% 93%, 46% 100%, 0% 100%);
        }

        .uiPhotoBand-valign-top.uiPhotoBand-fade-full.uiPhotoBand-arrow-outset::before,
        .uiPhotoBand-valign-top.uiPhotoBand-fade-mobile.uiPhotoBand-arrow-outset::before
         {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 54% 93%, 50% 100%, 46% 93%, 0% 93%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 54% 93%, 50% 100%, 46% 93%, 0% 93%);
        }

        .uiPhotoBand-valign-bottom.uiPhotoBand-fade-full.uiPhotoBand-arrow-inset::before,
        .uiPhotoBand-valign-bottom.uiPhotoBand-fade-mobile.uiPhotoBand-arrow-inset::before
         {
            -webkit-clip-path: polygon(0% 0%, 46% 0%, 50% 7%, 54% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 46% 0%, 50% 7%, 54% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        .uiPhotoBand-valign-bottom.uiPhotoBand-fade-full.uiPhotoBand-arrow-outset::before,
        .uiPhotoBand-valign-bottom.uiPhotoBand-fade-mobile.uiPhotoBand-arrow-outset::before
         {
            -webkit-clip-path: polygon(0% 7%, 46% 7%, 50% 0%, 54% 7%, 100% 7%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 7%, 46% 7%, 50% 0%, 54% 7%, 100% 7%, 100% 100%, 0% 100%);
        }
    }





/*****
SHADOW BANDS

*/

.uiShadowBand {
    position: relative;
}

    .uiShadowBand::after {
        z-index: 400;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        height: 12px;
        background-image: linear-gradient(to bottom, rgba(0,0,0,.23) 0%, rgba(0,0,0,0) 100%)
    }