/*!
Theme Name: The Hill - Child Theme
Theme URI: http://communications.utk.edu/resources/web/wptemplates.php
Author: Andrew Gallaher
Author URI: http://communications.utk.edu
Template: ut-thehill
Description: In 2014, the wind blew a different direction. We looked to the Hill. The pages are easy to find.
Version: 1.0.6

*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: .75rem !important;
}
h3.panel-title {
    margin-bottom: .1rem!important;
}
hr {
    margin-top: 1.75rem!important;
    margin-bottom: 1.75rem!important;
    border-top: 1px solid #eaeaea!important;
}
hr.orange-hash {
    border-top: 6px solid #ff8200!important;
}

/* Template Edits */

@media (min-width: 992px) {
    #sidebar {
        width: 25% !important;
    }
}
@media (min-width: 992px) {
    #content.wide {
        width: 75%!important;
    }
}
@media (min-width: 992px) {
    #content {
        width: 50% !important;
    }
}

/* Header Edits */

@media (min-width: 576px) and (max-width: 992px) {
    header[role=banner] h2.site-title {
        font-size: 1.5rem!important;
    }
}

/* Footer edits */ 

#meta-contact p, #meta-info p, #address p {
    font-size: .9rem!important;
}
#bobi {
    background: url(../ut-thehill/images/interface/logo-bobi.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 229px 51px;
    height: 51px;
    margin-top: 1rem;
    margin-bottom: .75rem;
}
#bobi {
    background: none!important;
}
#bobi a {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

/* Menu Edits */

#bellows.mobile-collapsing .sub-menu a, #bellows.mobile-collapsing .sub-menu .sub-menu a {
    font-size: .9rem;
}

/*Responsive Video Styling*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 25px;
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*Ensures Buttons are full width*/
.btn {
    white-space: normal !important
}

/*Page title hides*/
#post-6 .entry-title,
#post-4057 .entry-title,
#post-7993 .entry-title,
#post-5015 .entry-title,
#post-1296 .entry-title {
    display: none !important
}

/*Orange Frame Style for Photos*/
.orange-frame-left {
    border-left: 3px solid #ff8200;
    border-bottom: none
}

.orange-frame-right {
    border-right: 3px solid #ff8200;
    border-bottom: none
}

@media only screen and (max-width:768px) {
    .orange-frame-left img {
        padding-bottom: 0px !important;
        border-bottom: 3px solid #ff8200 !important
    }

    .orange-frame-right img {
        padding-bottom: 0px !important;
        border-bottom: 3px solid #ff8200 !important
    }

    .orange-frame-left {
        border-left: none !important
    }

    .orange-frame-right {
        border-right: none !important
    }
}

/*Fancy homepage stylings*/
h3.homestyle {
    border-top: 1px solid #58595B;
    font-weight: 100 !important;
    padding-top: 10px;
    margin-bottom: 20px;
    width: 80%
}

div.homestyle {
    margin-bottom: 20px;
    border-bottom: 8px solid #ff8200;
    width: 10%
}

div.leaderboard-break {
    margin-bottom: 20px;
    border-bottom: 6px solid #ff8200;
    margin-right: auto;
    margin-left: auto;
    width: 10%
}

.leaderboard {
    margin-top: -5%
}

.tri-hero {
    position: relative;
    background-color: #ff8200;
    width: 99% !important;
    height: 6px !important;
    margin-bottom: 2.5em;
    margin-left: auto;
    margin-right: auto;
}

.tri-hero:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-top: solid 15px #ff8200;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent
}

@media only screen and (min-width: 768px) {
    .tri-hero {
        position: relative;
        background-color: #ff8200;
        height: 6px !important;
        width: 113.5% !important;
        margin-left: -6.75% !important;
        margin-bottom: 2.5em
    }
}

/*Standard Table Styling*/
.standard-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.standard-table tbody tr:nth-child(even) td {
    background-color: #eee;
}

@media only screen and (max-width: 640px) {
    .standard-table {
        overflow-x: auto;
        display: block;
    }

    .standard-table tbody td:nth-child(4n) {
        display: none;
    }
}

.year {
    font-size: 2em;
    color: #58595B;
    font-weight: bold;
    float: left;
    padding-right: 5px;
    line-height: 85%;
}

.history-image {
    float: none;
}

@media only screen and (min-width:768px) {
    .history-image {
        float: right !important;
    }
}

/*Board of Advisors Styling*/
.boa-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
}

.boa-table td,
th {
    border-top: 1px solid #ddd;
    padding: 4px 8px;
}

.boa-table tbody tr:nth-child(even) td {
    background-color: #eee;
}

.boa-table td:nth-child(2n) {
    border-right: 1px solid #bbb;
}

@media only screen and (max-width: 640px) {
    .boa-table {
        overflow-x: auto;
        display: block;
    }

    .boa-table tbody td:nth-child(2n+1) {
        display: none;
    }
}

/*Engineering Highlight Box*/
.engr-highlight {
    width: 100%;
    border-left: 4px solid #ff8200;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin: 20px 0px;
    background: #f1f1f1;
}

.engr-highlight-sunsphere {
    border-left: 4px solid #ffcc32;
}

.engr-highlight-regalia {
    border-left: 4px solid #754a7e;
}

.engr-highlight-fountain {
    border-left: 4px solid #2098a9;
}

.engr-highlight-torch {
    border-left: 4px solid #e65933;
}

.engr-highlight-top {
    width: 100%;
    border-top: 4px solid #ff8200;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 20px 0px;
    background: #fafafa;
}

.engr-top-regalia {
    width: 100%;
    border-top: 4px solid #754a7e;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 20px 0px;
}

.engr-top-fountain {
    width: 100%;
    border-top: 4px solid #2098a9;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 20px 0px;
}

.engr-top-torch {
    width: 100%;
    border-top: 4px solid #e65933;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 20px 0px;
}

.engr-top-sunsphere {
    width: 100%;
    border-top: 4px solid #ffcc32;
    padding: 20px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 20px 0px;
}

/*Corporate Sponsorship Page Style*/
.corporate-sponsor {
    width: 30%;
    padding: 10px;
    margin: 5px;
    float: left;
    position: relative;
}

.corporate-sponsor:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.corporation {
    position: absolute;
    height: 80%;
    width: 90%;
    padding: 10% 5%;
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.table-cell img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.table-cell img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/* Home Page Quad Widget */
#audience_switcher.nav-tabs {
    width: 100%;
    margin-top: 3em
}

#audience_switcher.nav-tabs .nav-item {
    width: 100%;
    border: 0;
    margin-left: 0
}

@media (min-width:768px) {
    #audience_switcher.nav-tabs .nav-item {
        width: 25%
    }
}

#audience_switcher.nav-tabs .nav-item .nav-link {
    border-radius: 0;
    text-align: center;
    color: #58595b;
    border-top: 3px solid #f4f4f4 !important;
    border-bottom: 1px solid transparent !important
}

#audience_switcher.nav-tabs .nav-item .nav-link span {
    font-size: .75rem;
    letter-spacing: .1em
}

#audience_switcher.nav-tabs .nav-item .nav-link.active {
    background: #e7e7e7 !important;
    border-top: 3px solid #FF8200 !important
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.2;
    border: 1px solid #E7E7E7;
    border-radius: 0;
    text-align: center;
    font-size: 1.1em;
    background-color: #E7E7E7;
    color: #58595B;
    border-top: 3px solid #E7E7E7
}

.nav-tabs > li > a span {
    font-size: 1rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.nav-tabs > li > a:hover {
    border-color: #f6f6f6 #f6f6f6 #ddd
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #58595b;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    border-top: 3px solid #ff8200
}

.nav-pills > li {
    float: left
}

.nav-justified > li,
.nav-stacked > li,
.nav-tabs.nav-justified > li {
    float: none
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #FF8200
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {

    .nav-justified > li,
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a,
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }

    .nav-tabs-justified > li > a,
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden
}

.tab-content > .active {
    display: block;
    visibility: visible
}

.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
    display: table;
    content: " "
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.tab-content {
    margin-bottom: 25px;
    padding: 15px;
    border-bottom: 1px solid #ddd
}

/*Facts and Stats Stylings*/
.stats-orange,
.stats-orange-bar {
    padding: 10px;
    border-top: 4px solid #ff8200;
    border-bottom: 4px solid #ff8200
}

.stats-orange {
    background-color: #ff8200;
    color: #FFF;
    margin: 10px 10px 10px 0
}

.stats-orange-bar {
    color: #ff8200;
    margin: 10px 10px 10px 0
}

.stats-globe,
.stats-globe-bar {
    padding: 10px;
    border-top: 4px solid #006C93;
    border-bottom: 4px solid #006C93;
    margin: 10px 10px 10px 0
}

.stats-globe {
    background-color: #006C93;
    color: #FFF
}

.stats-globe-bar {
    color: #006C93
}

.stats-smokey,
.stats-smokey-bar {
    padding: 10px;
    border-top: 4px solid #58595B;
    border-bottom: 4px solid #58595B
}

.stats-smokey {
    background-color: #58595B;
    color: #FFF;
    margin: 20px 10px 10px 0
}

.stats-smokey-bar {
    color: #58595B;
    margin: 10px 10px 10px 0
}

.stats {
    width: 100%
}

.stats-link a {
    font-weight: lighter !important;
    letter-spacing: .3px;
    text-shadow: none !important;
    text-decoration: underline !important;
    text-decoration-skip: ink !important;
    background: linear-gradient(#fff, #fff) center 1.09em no-repeat !important
}

.stats-globe a,
.stats-globe-bar a,
.stats-globe-bar a:hover,
.stats-orange a,
.stats-orange-bar a,
.stats-orange-bar a:hover,
.stats-smokey a,
.stats-smokey-bar a,
.stats-smokey-bar a:hover {
    text-decoration: none !important
}

.stats-globe-bar a {
    color: #006c93 !important
}

.stats-globe-bar a:hover {
    color: rgba(0, 108, 147, .75) !important
}

.stats-orange-bar a {
    color: #ff8200 !important
}

.stats-orange-bar a:hover {
    color: rgba(255, 130, 0, .75) !important
}

.stats-smokey-bar a:hover {
    color: rgba(88, 89, 91, .75) !important
}

.stats-smokey-bar a {
    color: #58595B !important
}

.stats-globe a,
.stats-orange a,
.stats-smokey a {
    text-decoration-color: #fff !important;
    color: #fff !important
}

.stats-globe a:hover,
.stats-orange a:hover,
.stats-smokey a:hover {
    color: rgba(255, 255, 255, .75) !important;
    text-decoration: none !important
}

.stats ul {
    padding: 0 15px !important;
    margin: 5px !important;
    list-style-type: square;
    font-size: 1em;
    line-height: 1.1em
}

.stats ul li {
    padding: 5px 0
}

.stats h2 {
    font-size: 6em;
    text-align: center
}

.stats h3 {
    font-size: 4em
}

.stats h4 {
    font-size: 3em
}

.stats h5 {
    font-size: 2em
}

.stats h6 {
    font-size: 1.4em;
    text-align: center
}

.stats span {
    font-size: .8em;
    line-height: .8em !important;
    text-align: center
}

.stats p {
    line-height: 1
}

.quick-stats {
    background: #FAFAFA;
    position: relative;
    width: 99% !important;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: -2% !important;
    border-top: 3px solid #006C93
}

.featured-stats {
    border-top: 1px solid #ccc;
    padding-left: 20px;
    padding-right: 20px;
    height: 120px
}

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

    .featured-stats,
    .featured-stats-even {
        display: block;
        border-top: 0 !important
    }

    .quick-stats {
        position: relative;
        width: 113.5% !important;
        margin-left: -6.75% !important;
        margin-bottom: 2.5em;
        padding-left: 6.75%
    }

    .featured-stats-even {
        border-left: 1px solid #ccc
    }
}

@media only screen and (min-width:992px) {
    .featured-stats {
        display: block;
        border-left: 1px solid #ccc;
        border-top: 0 !important
    }
}

.quick-stats h3 {
    font-size: 3em;
    text-align: center
}

.quick-stats p {
    text-align: center
}

/*Gravity View Stylings*/
.gv-list-view-subtitle h4 {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    padding-bottom: 1.8em !important
}

.gv-list-view-title h3 {
    padding-bottom: .5em !important;
    border-bottom: 3px solid #006c93 !important;
    display: inline-block
}

.gv-list-view {
    border: 0 solid #ddd !important;
    margin-bottom: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 0 !important
}

.gv-list-view-title {
    padding: .5em 0 !important
}

.gv-field-label {
    font-weight: bold;
}

@media only screen and (min-width:768px) {
    .gv-list-view {
        width: 44% !important;
        display: inline-block !important;
        margin-right: 5%;
        vertical-align: top
    }
}

/*History Stylings*/
.full-width-takeover {
    margin-bottom: 8em;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .full-width-takeover {
        position: relative;
        width: 113.5% !important;
        margin-left: -6.75% !important;
    }

    .special-year {
        position: relative !important;
        background: rgba(255, 255, 255, .8) !important;
        padding: 10px !important;
        margin-top: -15em !important;
        width: 80% !important;
        margin-left: -10px;
        border-top: 2px solid #ff8200 !important;
        margin-bottom: 0px !important;
        padding-bottom: .25em !important
    }

    .special-year-large {
        position: relative !important;
        background: rgba(255, 255, 255, .8) !important;
        padding: 10px !important;
        margin-top: -16em !important;
        margin-left: -10px;
        width: 80% !important;
        border-top: 2px solid #ff8200 !important;
        margin-bottom: 0px !important;
        padding-bottom: .25em !important
    }
}

.special-year,
.special-year-large {
    position: static;
    background: rgba(255, 255, 255, 1);
    width: 100%;
    margin-top: -5em;
}

.special-year-video {
    margin-top: -5em;
}

/*Featured Category Styling*/
.featured-title a {
    border-bottom: 2px solid white;
    color: #58595B !important;
    display: inline-block;
    font-size: 1.3em !important;
    font-weight: normal;
    line-height: 1.1em;
    text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white;
    padding-bottom: 2px;
    text-decoration: none;
}
.featured-title a {
    text-decoration: none!important;
}
.featured-title a:after {
  content: '';
  width: 0px;
  height: 2px;
  display: block;
  background: #ff8200;
  transition: 300ms;
  margin-top: -4px;
}

.featured-title a:hover:after {
  width: 100%;
}

.featured-archive h3 {
    font-size: 1.5em !important;
    font-style: normal !important;
    font-weight: 300 !important;
}
.featured-posts div:nth-child(odd) {
    clear: both;
}

header.featured-archive {
    background: #ffffff !important;
    padding: 8px 0px 10px 0px !important;
    margin-bottom: 20px;
    display: block;
    width: 97%;
}

.featured-thumbs img {
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
    margin-bottom: 0px!important;
}

.featured-thumbs img:hover {
    opacity: .85;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -ms-transform: scale(1.2) rotate(-2deg);
    -moz-transform: scale(1.2) rotate(-2deg);
    -webkit-transform: scale(1.2) rotate(-2deg);
    -o-transform: scale(1.2) rotate(-2deg);
    transform: scale(1.2) rotate(-2deg);
}

.featured-thumbs {
    width: 100%;
    height: 51%;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.featured-thumbs img {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-in-out;
}

.featured {
    min-height: 400px;
}

/*Localist Event Styling*/
span.lw_event_item_date {
    text-shadow: none !important;
}

.localist_widget_container .clock {
    height: 12px !important;
    width: 12px !important;
}

.localist_widget_container li a {
    background: none !important;
}

.localist_widget_container li a:hover {
    color: #006c93 !important;
    background: none !important;
}

div.lw_event_item_title {
    font-size: 1.4em;
}

div.lwl {
    display: none;
}

div.lwn {
    float: none !important;
    font-size: inherit;
    margin-left: -10px;
}

span.lwn0 {
    font-style: italic;
    font-size: .9em;
    color: #58595B;
}

/*Privacy Policy Styling*/
@media (min-width: 992px) {
    #system-indicia p.privacy {
        float: right;
        text-align: right;
    }

    #system-indicia p.system {
        float: left;
    }
}

#system-indicia p.system {
    padding-left: 30px;
    margin-bottom: 0;
    background: url(../ut-thehill/images/interface/winged-ut.png) no-repeat !important;
}

#system-indicia p {
    background: none !important;
}

/*Custom Gallery Styling*/
.gallery-columns-2 .gallery-item {
    max-width: -webkit-calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    margin: 0 10px 10px 0 !important;
}

/*Gravity Forms Debug*/
@media only screen and (min-width: 641px) {

    .gform_wrapper .top_label li.gfield.gf_left_half,
    .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 49.5% !important;
    }
}

/*Show Posts Stylings*/
.wp-show-posts-announcements {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #cccccc;
    margin-bottom: 10px;
}

.wp-show-posts-entry-header {
    margin: 0 0 5px;
}

.wp-show-posts-single {
    border-bottom: 1px solid #ddd;
}

.wp-show-posts-entry-summary {
    padding-bottom: 0px !important;
}

.wp-show-posts-single:last-child {
    border-bottom: 0px solid #ddd !important;
}

/*Ox Blue Time Lapse Container*/
.ox-blue-container {
    position: relative;
    padding-bottom: 72.7%;
    height: 0;
    overflow: hidden
}

.ox-blue-container embed,
.ox-blue-container iframe,
.ox-blue-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-caption-text {
    text-align: center !important;
}
thead {
    background-color: #eaeaea;
}
tbody tr:nth-child(2n) {
    background-color: #f1f1f1
}
.fa-icon {
    border-radius: 50%;
    background-color: #ff8200;
    width: 3em;
    height: 3em;
    padding: .6em;
    margin: 10px auto;
}
.fas {
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    color: #ffffff;
    display: block;
    margin: auto auto;
    line-height: 1em;
}
.arrow-list {
    list-style-type: none;
}
.arrow-list .fas {
    display: inline-block;
    width: 1.2em;
    margin-left: -19px;
    float: left;
    color: #ff8200;
    margin-top: 4px;
    font-size: 1.2em;
}
.sub-arrow-list {
    list-style-type: none;
}
.sub-arrow-list .fas {
    display: inline-block;
    width: 1.2em;
    margin-left: -19px;
    float: left;
    color: #A7A9AC;
    margin-top: 4px;
    font-size: 1.2em;
}
.gf_progressbar_wrapper {
    display: none;
}
.apply-alert {
    background: rgb(0, 108, 147);
    padding: 20px;
    vertical-align: middle;
    border-top: 2px solid #ff8200;
    color: #fff;
    background-image: url(images/interface/alert-bar.png);
    background-repeat: repeat;
}
.apply-bar {
    width: 85%;
    margin: 0 auto;
    max-width: 90rem;
}
.apply-message {
    display:inline-block;
    width: 67%;
}
.apply-bar h4 {
    color: #fff;
}
.apply-btn {
    float: right;
    width: 33%
}
@media only screen and (max-width:768px) {
    .apply-bar {
        width: 100% !important;
    }
    .apply-btn {
        float: none!important;
        width: 100% !important;
    }
    .apply-btn .btn {
        float: none !important;
    }
    .apply-message {
        width: 100% !important;
    }
}

.apply-btn .btn {
    color: #58595B;
    background: #fff;
    margin: 10px; 
    float:right;
}
.apply-btn .btn:hover {
    color: #58595B;
    background: #fff;
}
.entry-thumbnail img {
    margin-bottom: 0 !important;
}
#main-navigation { 
    margin-bottom: 25px;
}
.home #main-navigation {
    margin-bottom: 0px;
}
header[role=banner] {
    border-top: 6px solid #ff8200;
    border-bottom: none!important;
    background: #f8f9fa;
}
.header-bar {
    background: rgb(89, 90, 91);
    padding: 20px;
    -webkit-box-shadow: 0 4px 8px rgba(89, 90, 91, 0.4);
    -moz-box-shadow: 0 4px 8px rgba(89, 90, 91, 0.4);
    box-shadow: 0 4px 8px rgba(89, 90, 91, 0.4); 
}
.page-listing {
    width: 100%;
    max-width: 90rem;
    margin: 10px auto;
}
.bread-title {
    width: 65%;
    display: inline-block;
}
.header-bar h1 {
    color: #fff;
    font-weight: 600;
    margin: 0px 0px 5px;
}
.breadcrumb {
    margin-bottom: 0px!important;
    background: none !important;
    color: #fff;
    padding: 0rem !important;
}
.breadcrumb a {
    color: #fff !important;
}
.entry-thumbnail-padded {
    margin-top: 25px;
}
#main-navigation {
    position: sticky;
}
.top-search {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    padding: 15px 0px;
    float: right;
}
.top-search .form-control {
    border-radius: 1.42rem;
    z-index: 101
}
.header-search .tt-menu {
    margin-top: -1.42rem !important;
    padding-top: 1.75rem !important;
}
.top-search #remote {
    position: relative;
}
.top-search #remote::after {
    font-family: FontAwesome;
    content: "\f002";
    color: #fff!important;
    font-style: normal;
    font-size: 20px;
    speak: none;
    font-weight: 400;
    display: block;
    position: absolute;
    right: -1px;
    top: 0px;
    height: 2.84rem!important;
    width: 2.84rem!important;
    background-color: #ff8200;
    border-top-right-radius: 1.42rem!important;
    border-bottom-right-radius: 1.42rem!important;
    z-index: 10;
    padding: calc(1.41rem - 20px) calc(1.41rem - 10px);
}
@media only screen and (max-width: 768px) {
    .top-search, .breadcrumb {
        display: none!important;
    }
}
@media only screen and (min-width: 768px) {
    #mainnav #remote {
        display: none;
    }
}
.globe .header-bar {
    background: rgb(0, 108, 147)!important;
}
.regalia .header-bar {
    background: rgb(117, 74, 126)!important;
}
.fountain .header-bar {
    background: rgb(33, 151, 169)!important;
}
.leconte .header-bar {
    background: rgb(141, 32, 72)!important;
}
.legacy .header-bar {
    background: rgb(87, 149, 132)!important;
}
.valley .header-bar {
    background: rgb(0, 116, 111)!important;
}
.river .header-bar {
    background: rgb(81, 124, 150)!important;
}
.buckskin .header-bar {
    background: rgb(112, 85, 80)!important;
}
.summitt .header-bar {
    background: rgb(185, 225, 226)!important;
    color: #58595B !important;
}
.sunsphere .header-bar {
    background: rgb(254, 213, 53)!important;
    color: #58595B !important;
}
.limestone .header-bar {
    background: rgb(240, 237, 227)!important;
    color: #58595B !important;
}
.eureka .header-bar {
    background: rgb(235, 234, 100)!important;
    color: #58595B !important;
}
.switchgrass .header-bar {
    background: rgb(171, 193, 120)!important;
    color: #58595B !important;
}

.summitt .header-bar a, .sunsphere .header-bar a, .eureka .header-bar a, .limestone .header-bar a, .switchgrass .header-bar a, .summitt .header-bar h1, .sunsphere .header-bar h1, .eureka .header-bar h1, .limestone .header-bar h1, .switchgrass .header-bar h1, .limestone .breadcrumb, .summitt .breadcrumb, .sunsphere .breadcrumb, .eureka .breadcrumb, .switchgrass .breadcrumb {
    color: #58595B !important;
}
.breadcrumb-divider {
    color: #ff8200;
}
.engr_button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    background-color: #58595B;
    color: #E0E0E0;
	text-decoration: none;
	height: 40px!important;
    line-height: 40px!important;
    border-radius: 40px!important;
    font-size: 14px!important;
    font-weight: 700!important;
    background-color: #fff!important;
    color: #333!important;
    padding: 0 64px 0 18px!important;
    position: relative!important;
    z-index: 0;
	margin: 10px 10px;
    min-width: 250px;
}
.engr_button::after {
    font-family: FontAwesome;
    content: "\f08e";
    color: #fff!important;
    font-style: normal;
    font-size: 12px;
    speak: none;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    height: 40px!important;
    width: 40px!important;
    background-color: #ff8200;
    border-top-right-radius: 40px!important;
    border-bottom-right-radius: 40px!important;
}
.engr_button:hover {
	-webkit-box-shadow: 0 2px 5px rgba(51,51,51,.29);
    box-shadow: 0 2px 5px rgba(51,51,51,.29);
	transform: .25s;
	text-decoration: none;
}
.engr_btn_globe::after {
    background-color: #006c93!important;
}
.engr_btn_smokey::after {
    background-color: #58595B!important;
}
.engr_btn_leconte::after {
    background-color: #8D2048!important;
}
.engr_btn_regalia::after {
    background-color: #754A7E!important;
}
.engr_btn_river::after {
    background-color: #006c93!important;
}
.engr_btn_valley::after {
    background-color: #00746F!important;
}
.engr_btn_torch::after {
    background-color: #E65933!important;
}
.engr_btn_legacy::after {
    background-color: #579584!important;
}
.engr_btn_fountain::after {
    background-color: #2197A9!important;
}
.engr_btn_energy::after {
    background-color: #EE3E80!important;
}
.engr_btn_switchgrass::after {
    background-color: #ABC178!important;
}
.engr_btn_sunsphere::after {
    background-color: #FED535!important;
    color: #58595B!important;
}
.engr_btn_summitt::after {
    background-color: #B9E1E2!important;
    color: #333!important;
}
.engr_btn_limestone::after {
    background-color: #F0EDE3!important;
    color: #333!important;
}
.engr_btn_eureka::after {
    background-color: #EBEA64!important;
    color: #333!important;
}
.engr_btn_podcast::after {
    content: "\f2ce"!important;
}
.engr_btn_link::after {
    content: "\f08e"!important;
}
.engr_btn_like::after {
    content: "\f087"!important;
}
.engr_btn_go::after {
    content: "\f054"!important;
}
.engr_btn_email::after {
    content: "\f2b6"!important;
}
.engr_btn_search::after {
    content: "\f002"!important;
}
.engr_btn_pdf::after {
    content: "\f1c1"!important;
}
.orange-break {
    height: 1px; 
    width: 40px; 
    border-bottom: 8px solid #ff8200; 
    margin: 30px 0px;
}
.rock-arrow {
    margin-left: 20px;
}
.rock-arrow::before {
    content: "\02C3";
    font-family: inherit;
    color: #a7a9ac; 
    padding-right: 10px; 
    line-height: 1em; 
    font-size: 1.5em; 
    font-weight: bold; 
    margin-left: -20px;
    vertical-align: text-top;
}
ul.fa-list {
  list-style: none;
  padding-left: 30px;
}
ul.fa-list ul {
    list-style-type: none;
}
ul.fa-list li::before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    color: #ff8200;
    margin-left: -20px;
}
.fa-list::before {
    content: "";
}
.orange-highlight {
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-top: 5px solid #ff8200;
    padding: 10px 20px 20px;
    margin: 20px 0px;
}
.block-heading {
    position: relative;
    margin-left: 1.25rem;
}
.block-heading::before {
    content: "";
    background: #ff8200;
    width: .75rem;
    height: .75rem;
    display: inline-block;
    position: absolute;
    padding-right: .75rem;
    top: .45rem;
    left: -1.25rem;
}
img.img-right, img.img-left {
    margin: 0px; 
    max-width: 100%;
}
@media only screen and (min-width: 992px) {
    img.img-right {
        max-width: 300px!important;
        float: right!important;
        margin-left: 25px;
        margin-top: 25px;
    }
    img.img-left {
        max-width: 300px!important;
        float: left!important;
        margin-left: 25px;
        margin-top: 25px;
    }
}
@media only screen and (min-width: 768px) {
    ul.two-columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .two-columns li {
        margin-right: 20px;
    }
}
.external-link::after {
    content: "\f08e";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 10px;
}
.menu-external-link a::after {
    content: "\f08e";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 10px;
}
.scrolling-table table {
  table-layout: fixed; 
  width: 100%;
  *margin-left: -100px;/*ie7*/
  border-collapse: separate;
  flex: 1;
}
.scrolling-table td, .scrolling-table th {
  vertical-align: top;
  border: 1px solid #ccc;
  padding:10px;
  width:100px;
}
.scrolling-table tr.sticky-header {
  position: sticky;
  *position: relative; /*ie7*/
  top -1px;
  background: white;
}
.scrolling-table th.course {
  position: sticky;
  *position: relative; /*ie7*/
  left: -1px;
  background: white;
  border: 1px solid #ccc!important;
}
.scrolling-table th:nth-child(n+1) {
  background: #fafafa;
}
.scrolling-table-outer-frame {
    position:relative
}
.scrolling-table-frame {
  overflow-x:scroll;
  overflow-y:visible;
  width: 100%; 
}
table.single-column-table {
    border: 1px solid #dbdcde;
    margin-top: 1rem;
}
.single-column-table th {
    background: #f1f1f1;
    border-bottom: 3px solid #006c93;
}
.single-column-table tr {
    background: #ffffff!important;
}
.single-column-table td::before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    color: #ff8200;
    text-decoration: none !important;
}
.text-arrow {
    margin: 1rem 0rem;
}
.text-arrow::before {
    content: "\f054";
    font-family: "FontAwesome";
    width: 10px;
    height: 10px;
    margin-right: 5px;
    color: #ff8200;
}
.pull-quote {
	position: relative; 
	margin-bottom: 50px;
	margin-top: 30px;
}
.pull-quote-mark {
	font-weight: bold; 
	font-size: 4em; 
	display: block; 
	float: left; 
	position: absolute; top: -20px; 
	padding-right: 20px;
	 -webkit-text-stroke: 1px #FF8200; 
	color: white; 
	text-shadow: 3px 3px 0 #FF8200, -1px -1px 0 #FF8200, 1px -1px 0 #FF8200, -1px 1px 0 #FF8200, 1px 1px 0 #FF8200;
	font-style: normal;
}
.pull-quote-mark-globe {
	font-weight: bold; 
	font-size: 4em; 
	display: block; 
	float: left; 
	position: absolute; top: -20px; 
	padding-right: 20px;
	 -webkit-text-stroke: 1px #006c93; 
	color: white; 
	text-shadow: 3px 3px 0 #006c93, -1px -1px 0 #006c93, 1px -1px 0 #006c93, -1px 1px 0 #006c93, 1px 1px 0 #006c93;
	font-style: normal;
}
.pull-quote-mark-regalia {
	font-weight: bold; 
	font-size: 4em; 
	display: block; 
	float: left; 
	position: absolute; 
	top: -20px; 
	padding-right: 20px;
	 -webkit-text-stroke: 1px #754a7e; 
	color: white; 
	text-shadow: 3px 3px 0 #754a7e, -1px -1px 0 #754a7e, 1px -1px 0 #754a7e, -1px 1px 0 #754a7e, 1px 1px 0 #754a7e;
	font-style: normal;
}
.pull-quote-mark-leconte {
	font-weight: bold; 
	font-size: 4em; 
	display: block; 
	float: left; 
	position: absolute; 
	top: -20px; 
	padding-right: 20px;
	 -webkit-text-stroke: 1px #8d2048; 
	color: white; 
	text-shadow: 3px 3px 0 #8d2048, -1px -1px 0 #8d2048, 1px -1px 0 #8d2048, -1px 1px 0 #8d2048, 1px 1px 0 #8d2048;
	font-style: normal;
}

p.pull-quote {
	font-size: 1.1em; 
	line-height: 1.5em; 
	position: relative; 
	margin-left: 20px; 
	margin-bottom: 0px; 
	padding: 0.25em 20px;
	font-weight: 600;
	color: #72747a;
	font-style: normal;
}
@media only screen and (min-width: 1020px) {
	p.pull-quote {
		font-size: 1.3em; 
		padding: 0.25em 65px;
	}
	.pull-quote-mark, .pull-quote-mark-regalia, .pull-quote-mark-globe, .pull-quote-mark-leconte {
		font-size: 8em;
		top: -50px;
	}
}
.pull-quote-close {
	color: #ff8200; 
	font-weight: bold; 
	font-size: 6em; 
	display: inline-block; 

	position: absolute; 
	bottom: -60px; 
	right: 0; 
	padding-left: 10px;
	font-style: normal;
}
.pull-quotee {
	float: right; 
	margin-bottom: 20px; 
	padding-right: 125px;
	font-style: normal;
	font-weight: 400;
}
HTML CSS JSResult
EDIT ON
html {
    background-color: #f3f3f3;
}
.wrapper {
    max-width: 100%;
    margin: 0px auto;
    padding: 25px 0px;
}

.youtube-embed {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube-embed img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube-embed .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube-embed .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube-embed img,
.youtube-embed .play-button {
    cursor: pointer;
}
.youtube-embed img,
.youtube-embed iframe,
.youtube-embed .play-button,
.youtube-embed .play-button:before {
    position: absolute;
}
.youtube-embed .play-button,
.youtube-embed .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube-embed iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.fixed-table-container {
  width: 100%;
  max-height: 1000px;
  overflow: auto;
}

table.table-fixed  {
  position: relative!important;
  border-collapse: collapse; 
}
.table-fixed tbody td {
}
.table-fixed td {
  padding: .75rem .25rem;
  text-align: center;
  min-width: 100px;
}
.table-fixed th {

}
.table-fixed th {
  padding: 3rem 1rem .75rem;
  background: white;
  position: sticky!important;
  top: -2px;
}

#front-page-calendar {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 30px 30px;
    background: #f1f1f1;
}
#front-page-calendar li.lw_event_item {
    width: calc(33% - 20px);
    vertical-align: top;
    display: inline-flex;
    margin: 20px 0px 20px 20px !important;;
}
#front-page-calendar .lw_event_item_image img {
    display: none;
}
#front-page-calendar .localist_widget_container span.lw_event_item_date {
    position: relative!important;
    margin: 20px auto;
    text-transform: none!important;
    left: none!important;
    bottom: none!important;
    display: block;
    font-size: 2rem!important;
    font-weight: bold;
}
#front-page-calendar .event-container {
    max-width: 90rem;
    margin: 0 auto;
    padding: 0px 30px;
}
#front-page-calendar .localist_widget_container a.lw_event_item_image {
    float: none!important;
    max-width: 100% !important;
}
#front-page-calendar .localist_widget_container div.lw_event_item_description {
    display: none;
}
#front-page-calendar .localist_widget_container div.lw_event_item_title {
    line-height: 1.25rem!important;
}
#front-page-calendar .localist_widget_container .lw_event_meta {
    width: 100% !important;
}
#front-page-calendar .event-card {
    border-left: 8px solid #ff8200;
    min-height: 80px;
}
#front-page-calendar .event-card:nth-child(2) {
    border-left: 8px solid #006C93;
}
#front-page-calendar .event-card:nth-child(3) {
    border-left: 8px solid #8D2048;
}
#front-page-calendar .event-img {
    display: none!important;
}
#front-page-calendar .event-short-date {
    width: 30%;
    border: 0px!important;
}
#front-page-calendar .event-details {
    margin-left: 30%!important;
    background-color: rgba(0, 0, 0, 0)!important;
    border-top: 0px !important;
}
#front-page-calendar .event-overview {
    margin-left: 30%!important;
}
#front-page-calendar .event-title {
    font-size: 1.1rem;
}
#front-page-calendar .utkll-event-cal-month {
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1em;
}
#front-page-calendar .utkll-event-cal-day {
    font-size: 2.5em;
    line-height: 1em;
    font-weight: bold;
    color: #58595B !important;
}
#front-page-calendar .event-location::before {
    content: '\f017';
    font-family: "FontAwesome";
    color: #ff8200;
    padding-right: 10px;
}
.utkll-card-group-wrapper {
    border: none!important;
    overflow:auto!important;
}
.event-button {
    width: 98.5%!important;
    border: 1px solid rgba(88, 89, 91, .3)!important;
    background: rgba(255, 255, 255, .25);
    transition: .25s;
}
.event-button:hover {
    border: 1px solid rgba(88, 89, 91, .5)!important;
    background: rgba(88, 89, 91, .25);
}
@media (min-width: 800px) {
    .event-short-date {
        top: 50% !important;
        transform: translateY(-50%);
    }
}
@media (min-width: 516px) and (max-width: 799px) {
    #front-page-calendar .utkll-event-cal-day {
        font-size: 2em;
    }
}
@media (max-width: 515px) {
    #front-page-calendar .utkll-event-cal-day {
        font-size: 1.5em;
    }
}

@media (max-width: 799px) {
    #front-page-calendar .event-short-date {
        width: 20%;
        border: 0px!important;
        max-width: 80px;
    }

    #front-page-calendar .event-card {
        width: 100% !important;
        margin: 20px 0px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #front-page-calendar .event-short-date {
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #d7d7d7;
        text-align: center;
        padding: .1em .5em;
        margin-right: .625em;
    }
    #front-page-calendar .event-short-date {
        top: 50% !important;
        transform: translateY(-50%);
    }
    #front-page-calendar .card-group > .event-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
        margin-right: 1em;
    }
    #front-page-calendar .event-calendar {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #front-page-calendar .event-details {
        margin-left: 20%!important;
    }
    #front-page-calendar .event-overview {
        margin-left: 20%!important;
    }
}
@media (min-width: 801px) and (max-width:992px) {
    #front-page-calendar .event-card {
        width: 100% !important;
        margin: 10px 0px !important;
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        flex: none !important;
    }
    #front-page-calendar .utkll-event-cal-day {
        font-size: 2.5em;
    }
    #front-page-calendar .event-details {
        margin-left: 35%!important;
    }
    #front-page-calendar .event-overview {
        margin-left: 35%!important;
    }
    #front-page-calendar .event-card {
        width: 100%;
    }
}
.home header[role=banner] {
    border-top: 0px !important;
    border-bottom: 6px solid #ff8200!important;
}
@media only screen and (min-width: 768px) {
    .home #mainnav #remote {
        display: initial;
    }
}
.enhanced #bellows.mobile-collapsing .sub-menu.open {
    max-height: 100%!important;
}
h2.section-header {
    text-align: center;
}
.front-page-news h3 {
    font-size: 1.25rem;
}
.front-page-news {
    display: flex;
    flex-wrap:wrap;
}
.front-news-item {
    width: 100%;
    display: inline-flex;
    margin: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 799px) {
    .front-news-item {
        width: calc(33% - 1.7%);
    }
}
.front-news-content {
        -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.front-news-item .featured-thumbs {
    margin-bottom: 0px;
    height: auto;
}
.front-news-content {
    padding: 1rem;
    margin-top: 0px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-top: 6px solid #ff8200;
}
.front-news-item:nth-child(2) .front-news-content {
    border: 1px solid #ddd;
    border-top: 6px solid #8D2048;
}

.front-news-item:nth-child(3) .front-news-content {
    border: 1px solid #ddd;
    border-top: 6px solid #006C93;
}
.front-news-item:nth-child(2) .engr_button::after {
    background: #8D2048;
}
.front-news-item:nth-child(3) .engr_button::after {
    background: #006C93;
}
.front-news-item .engr_button {
    min-width: 75px!important;
    margin: 0px !important;
}

.soliloquy-next, .soliloquy-prev {
    background-color: rgba(250,130,0,0.9)!important;
}

.soliloquy-container .engr_button {
    min-width: auto!important;
    border: 1px solid #eaeaea !important;
}
.soliloquy-main-feature {
    width: 100%;
    max-width: 100% !important;
    overflow: hidden!important;
}
.soliloquy-main-feature img {
    width: 100%;
    height: 65vh!important;
    min-height: 500px;
    overflow-x: hidden;
    object-fit: cover;
}
.soliloquy-main-feature .soliloquy-caption-bottom {
    bottom: 10vh !important;
    padding: 2rem!important;
    background-color: rgba(255, 255, 255, .75)!important;
    border: 5px solid #ff8200;
    width: 40%!important;
    min-width: 225px;
}

.soliloquy-main-feature .soliloquy-caption-bottom .soliloquy-caption-inside {
    top: 50%!important;
    height: auto;
    background-color: rgba(0, 108, 147, 0)!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(odd) .soliloquy-caption-bottom  {
    left: 5vw!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(even) .soliloquy-caption-bottom {
    right: 5vw!important;
}
.soliloquy-main-feature .soliloquy-caption-bottom .soliloquy-caption-inside h2 {
    color: #58595B;
    font-size: 1.75em;
    text-align: left!important;
}
.soliloquy-main-feature .soliloquy-caption-bottom .soliloquy-caption-inside p {
    color: #333333;
    font-size: 1.1rem;
    line-height: 1.25rem;
    text-align: left!important;
}
.soliloquy-caption-bottom .soliloquy-caption-inside a:hover {
    text-decoration: none!important;
}
.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-button {
    color: #58595B;
    border: 3px solid #ff8200;
    padding: 10px 10px;
    text-align: left!important;
    border-radius: 25px;
}
.soliloquy-caption-bottom .soliloquy-caption-inside .soliloquy-button-wrapper {
    margin-top: 1rem!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(odd) .soliloquy-caption-bottom  {
    left: 5vw!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(even) .soliloquy-caption-bottom {
    right: 5vw!important;

}
.soliloquy-main-feature .soliloquy-item:nth-of-type(2n) .soliloquy-caption-bottom {
    border: 5px solid #006C93;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(3n) .soliloquy-caption-bottom {
    border: 5px solid #8D2048;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(4n) .soliloquy-caption-bottom {
    border: 5px solid #2197A9;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(2n) .soliloquy-button {
    border: 3px solid #006C93!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(3n) .soliloquy-button {
    border: 3px solid #8D2048!important;
}
.soliloquy-main-feature .soliloquy-item:nth-of-type(4n) .soliloquy-button {
    border: 3px solid #2197A9!important;
}

.soliloquy-home-feature {
    width: 100%;
    max-width: 100% !important;
    height: 50vh !important;
    max-height: 50vh !important;
    overflow: hidden!important;
    min-height: 500px;
}
.soliloquy-home-feature  .soliloquy-image {
    width: 60% !important;
    margin: 0 0 !important;
    display: inline-block;
}
.soliloquy-home-feature img {
    width: 60%;
    height: 50vh!important;
    overflow-x: hidden;
    object-fit: cover;
    min-height: 500px;
}
.soliloquy-home-feature .soliloquy-caption-bottom .soliloquy-caption-inside p {
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.25rem;
    text-align: left!important;
}
.soliloquy-home-feature .soliloquy-caption {
    width: 40% !important;
    height: 50vh !important;
    display: inline-block;
    right: 0;
    background-color: rgba(0, 108, 147, 1)!important;
    background-image: url(images/interface/alert-bar.png);
    min-height: 500px;
}
.soliloquy-home-feature .soliloquy-caption-inside {
    vertical-align: bottom;
    text-align: left!important;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 108, 147, 0)!important;
    padding: 4em!important;
}
.soliloquy-home-feature h2 {
    font-size: 1.75rem;
    color: #fff;
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(2n) .soliloquy-caption-bottom {
    background-color: #8D2048!important;
    background-image: url(images/interface/alert-bar.png)
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(3n) .soliloquy-caption-bottom {
    background-color: #2197A9!important;
    background-image: url(images/interface/alert-bar.png)
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(4n) .soliloquy-caption-bottom {
    background-color: #58595B!important;
    background-image: url(images/interface/alert-bar.png)
}
.soliloquy-home-feature .soliloquy-item .soliloquy-button {
    border: 3px solid #ff8200!important;
    color: #fff;
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(2n) .soliloquy-button {
    border: 3px solid #ff8200!important;
    color: #fff;
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(3n) .soliloquy-button {
    border: 3px solid #ff8200!important;
    color: #fff;
}
.soliloquy-home-feature .soliloquy-item:nth-of-type(4n) .soliloquy-button {
    border: 3px solid #ff8200!important;
    color: #fff;
}
@media (max-width:991px) {
    .soliloquy-main-feature .soliloquy-caption, .soliloquy-home-feature .soliloquy-caption {
        display: block !important;
        position: static !important;
    }
    .soliloquy-main-feature, .soliloquy-home-feature {
        overflow: visible!important;
    }
    .soliloquy-main-feature .soliloquy-container .soliloquy-caption, .soliloquy-home-feature .soliloquy-container .soliloquy-caption {
        position: static!important;
        display: flex;
    }
    .soliloquy-main-feature  .soliloquy-caption-bottom, .soliloquy-home-feature .soliloquy-caption-bottom {
        width: 100% !important;
        border-left: none!important;
        border-right: none!important;
    }
    .soliloquy-main-feature img, .soliloquy-home-feature img {
        height: 40vh!important;
    }
    .soliloquy-home-feature  .soliloquy-image {
        width: 100% !important;
    }
    /*.soliloquy-home-feature {
        margin-bottom: 20vh!important;
    }*/
    .soliloquy-home-feature .soliloquy-caption {
        height: 30vh !important;
        min-height: 280px;
    }
    .soliloquy-home-feature {
        min-height: 780px;
    }
    .soliloquy-home-feature h2 {
        font-size: 1.8rem;
        line-height: 1rem;
        margin-bottom: 0;
    }
    .soliloquy-home-feature .soliloquy-caption-inside {
        padding: 2em!important;
        position: static;
    }
}
.portal {
    display: inline-flex;
    flex-wrap: wrap;
}
.portal-item {
    width: 31%;
    position:relative;
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 5px solid #ddd;
    margin: 30px calc(1.2% - 1px);
    padding: 1rem;
}
.portal h2 {
    font-size: 1.25rem;
    color: #333;
    font-weight: 300;
    text-align: center;
}
.portal p {
    font-size: 1rem;
    text-align: center;
}
.portal .fas {
    border: 3px solid #ff8200;
    font-size: 2rem;
    color: #ff8200;
    border-radius: 50%;
    padding: 1rem;
    margin-bottom: .75rem;
    width: 75px;
    height: 75px;
    display: block
}
.portal-link:after {
    content: '\f0da';
    font-family: FontAwesome;
    color: #ff8200;
    padding-left: 10px;
    line-height: 1rem;
    font-size: 1.8rem;  
    vertical-align: sub;
}
@media (min-width: 640px) and (max-width:991px) {
    .portal-item {
        width: 100%;
        margin: 0px;
        border: 0px;
        border-top: 1px solid #ddd;
        background: none;
    }
    .portal h2 {
        text-align: left;
    }
    .portal p {
        text-align: left;
    }
    .portal-icon {
        display:inline-block;
        width: 20%;
        vertical-align: middle;
        margin-left: 0px;
    }
    .portal-text {
        display:inline-block;
        width: 75%;
        vertical-align: middle;
    }
    .portal .fas {
        font-size: 3rem;
        width: 90px;
        height: 90px;
    }
}
@media (max-width:639px) {
    .portal-item {
        width: 100%;
        margin: 15px;
        border: 0px;
        border-top: 1px solid #ddd;
        background: none;
    }
}
.news-alert {
    display: block;
    padding: 0px 6%;
    margin: 0;
    border-bottom: 5px solid #fff;
    background-color: #006C93;
    width: 100%;
    background-image: url(images/interface/alert-bar.png);
    background-repeat: repeat;
}
.news-alert h2 {
    font-size: 2rem;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 1rem;
}
.news-alert a {
    color: #ffffff !important;
        font-weight: bold;
}
.news-alert a:hover{
    color: #ffffff !important;
    font-weight: bold;
}
p.alert-bar-link {
    margin: 0px 0px 10px!important;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    padding-top: 120px;
}
.summitt-news-alert {
    display: block;
    padding: 0px 6%;
    margin: 0;
    padding-top: 5px;
    border-top: 5px solid #ff8200;
    border-bottom: 5px solid #fff;
    background-color: #B9E1E2;
    width: 100%;
    background-image: url(images/interface/alert-bar.png);
    background-repeat: repeat;
}
.summitt-news-alert h2 {
    font-size: 2rem;
    color: #333;
    margin-top: 0px;
    margin-bottom: 1rem;
}
.summitt-news-alert a {
    color: #333 !important;
        font-weight: bold;
}
.summitt-news-alert a:hover{
    color: #333 !important;
    font-weight: bold;
}
p.summitt-alert-bar-link {
    margin: 0px 0px 10px!important;
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
}