/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.1
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
Text-Domain: sutp
*/

/*
*
* DOCUMENTATION
*
* Style-Anweisungen folgen den Angaben (möglichst in der Reihenfolge) von Impreza
* Styles follow the settings in the same order as Impreza
* CSS-Blöcke werden mit dem CSS-Dateinamen von Impreza und ihrem jeweiligen CSS-Doc-Block überschrieben
* CSS block headers follow the CSS file names of Impreza and its CSS-Doc-Block
*
* Reihenfolge der Impreza-Stylesheets:
*
*
* #us-fonts-css
* #us-style-css
* #us-responsive-css
*
*/

/*
* #us-fonts-css
 */

/*
* #us-style-css
* general.css
 */

/* Normalize */
/* Typography */
/* Improvements for color sections & columns */
/* Input elements */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type="range"], textarea, select {
    border-radius: unset;
}
/* Common styles */
/* Basic layout */
/* Sections */
/* Columns in grid, gallery, logos */
/* Theme base elements */
/* Rounded Corners */
/* Links Hover Underline */
/*  */

/*
* Colors
 */

.red {
    color: rgba(205,6,25,1);
}

.darkblue {
    color: rgba(19,72,105,1);
}

.lightblue {
    color: rgba(113,170,210,1);
}

.white {
    color: rgba(255,255,255,1);
}

/* Headlines */
h3.section-title {
    font-size: 1.3333rem;
    letter-spacing: 0.02875em;
    text-transform: uppercase;
    font-weight: 900;
    color: #134869;
}


.sutp-card h4 {
    font-size: 1.125rem;
    letter-spacing: 0.02875em;
    text-transform: uppercase;
    color: #134869;
}

/*
* Navigation
 */

.sutp-main-nav .menu-item {
    letter-spacing: 0.2px;
    height: 51px;
}

.sutp-main-nav .menu-item:hover,
.sutp-main-nav .menu-item:active,
.sutp-main-nav .menu-item.current-menu-item {
    border-bottom: 3px solid #71AAD2;
}

.sutp-main-nav .level_2:hover,
.sutp-main-nav .level_2:active,
.sutp-main-nav .level_2.current-menu-item {
    border-bottom: none;
}

/*
* Search Form
 */

/* defined height to avoid 1px gap */
@media screen and (min-width: 902px) {
    input#us_form_search_s {
        height: 52px;
    }

    .ush_search_1.layout_modern.active {
        width: 275px !important;
    }
}

.w-search-form {
    background-color: #f5f5f5 !important;
    color: rgba(19,72,105,1) !important;
}

.w-search.layout_modern .w-search-form {
    border-radius: unset;
}

/*
* Filter Form
 */

/* the form element */
/*#sutp-filter-form {
    height: 2.8rem;
    width: 100%;
}

#sutp-filter-form select {
    max-width: 9.5vw;
    line-height: 2rem;
    color: rgba(19,72,105,1);
    background-color: white;
    border-bottom: 1px solid #134869;
    border-radius: unset;
}

@media screen and (min-width: 900px) {
    #sutp-filter-form select {
        display: inline-block;
        margin-left: 1.75vw;
        max-width: 9.5vw;
    }
}*/

/*
* Download Monitor
 */
.sutp-dlm-button,
.sf-field-reset {
    display: block;
    max-width: 290px;
    margin: 5px 0;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    background-color: #71AAD2;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sf-field-reset {
    display: inline-block;
    margin-left: 2vw;
    max-width: 180px;
    text-transform: unset;
    color: #CD0619;
    background-color: white;
}

.sutp-dlm-button:hover,
.sf-field-reset:hover,
.sutp-dlm-button:focus,
.sf-field-reset:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.sutp-dlm-lang {
    text-transform: initial;
}

.sutp-dlm-filesize {
    font-size: 0.75rem;
    font-weight: 400;
}

/*
* Card decks for related content
* Card decks are taken from Bootstrap 4.1
 */

.sutp-card-deck {
    display: flex;
    flex-wrap: wrap;
}

.sutp-card-deck .sutp-card {
    margin-bottom: 15px;
    padding:1.5rem;
    width: 25%;
}

.sutp-featured-articles .sutp-card {
    width: 100%;
}

/* Selected items */
.sutp-selected-publications .sutp-card,
.sutp-selected-events .sutp-card {
    width: 33%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .sutp-selected-publications .sutp-card,
    .sutp-selected-events .sutp-card {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .sutp-selected-publications .sutp-card,
    .sutp-selected-events .sutp-card {
        width: 100%;
    }
}

/* Related items and filter page */
.sutp-related-publications .sutp-card,
.sutp-filtered-publications .sutp-card,
.sutp-related-news .sutp-card,
.sutp-related-events .sutp-card,
.sutp-all-events .sutp-card,
.sutp-all-news .sutp-card,
.sutp-similar-events .sutp-card {
    width: 25%;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .sutp-related-publications .sutp-card,
    .sutp-filtered-publications .sutp-card,
    .sutp-related-news .sutp-card,
    .sutp-related-events .sutp-card,
    .sutp-all-events .sutp-card,
    .sutp-all-news .sutp-card,
    .sutp-similar-events .sutp-card {
        width: 33%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .sutp-related-publications .sutp-card,
    .sutp-filtered-publications .sutp-card,
    .sutp-related-news .sutp-card,
    .sutp-related-events .sutp-card,
    .sutp-all-events .sutp-card,
    .sutp-all-news .sutp-card,
    .sutp-similar-events .sutp-card {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .sutp-related-publications .sutp-card,
    .sutp-filtered-publications .sutp-card,
    .sutp-filtered-publications .sutp-card,
    .sutp-related-news .sutp-card,
    .sutp-related-events .sutp-card,
    .sutp-all-events .sutp-card,
    .sutp-all-news .sutp-card,
    .sutp-similar-events .sutp-card {
        width: 100%;
    }
}

/* single preview item */
.sutp-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.83rem;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
}

/* hover effect for cards */
.sutp-card-deck .sutp-card:hover {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.item .sutp-card:hover .sutp-card-image {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.25), 0 20px 30px 0 rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.sutp-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.sutp-card-title {
    margin: 0.75rem 0;
}

.sutp-card-text {
    font-size: 0.8889rem;
    line-height: 1.3;
    color: rgba(31,38,50,0.8);
}

.sutp-card-image {
    position: relative;
    width: 100%;
    height: 12rem;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

#filter-response .sutp-card-image {
    height: 12rem;
}

.sutp-card-image-top {
    border-radius: 2px;

}

.sutp-card-image-label {
    position: absolute;
    bottom: 0.6rem;
    left: 0.44rem;
    padding: 6px 12px;
    max-width: 300px;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: rgba(19,72,105,0.8);
    background: white;
}

/*
* Search and Filter Plugin
 */

form.searchandfilter {
    width: 100%;
    padding-right: 1.5rem;
    text-align: right;
}

.searchandfilter ul {
    margin-left: 0;
}

.searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.25rem;
    width: 10rem;
}

@media screen and (max-width: 1024px) {
    .searchandfilter > ul > li {
        display: block;
        width: 100%;
        padding-top: 0.5rem;
    }
}

form.searchandfilter label {
    width: 100%;
}

/* Input Styling */
form.searchandfilter input,
form.searchandfilter select {
    border-radius: 2px;
    color: rgba(31,38,50,0.85);
    background-color: #F5F5F5;
    border-bottom: 1px solid #134869;
}

@media screen and (max-width: 1024px) {
    form.searchandfilter input,
    form.searchandfilter select {
        border: 1px solid #134869;
    }
}

/* Search Field */
.searchandfilter > ul > li.sf-field-search {
    width: 18rem;
    padding-right: 0;
}

@media screen and (max-width: 1024px) {
    .searchandfilter > ul > li.sf-field-search {
        width: 100%;
        padding-right: 1.5rem;
    }
}

/* Topic Field */
.searchandfilter > ul > li.sf-field-taxonomy-sutp_topics {
}

/* Language Field */
li.sf-field-taxonomy-sutp_lang {

}

/* Countries Field */
.sf-field-taxonomy-sutp_countries {

}

/* Targets Field */
.sf-field-taxonomy-sutp_targets {

}

.searchandfilter > ul > li.sf-field-reset {
    margin-left: 1.25rem;
    width: 10rem;
    line-height: 2.75rem;
    border: 1px solid rgba(205,6,25,0.25);
    opacity: 25%;
}

@media screen and (max-width: 1024px) {
    .searchandfilter > ul > li.sf-field-reset {
        width: 100%;
        margin-top: 1rem;
        line-height: 3rem;
    }
}

/* Reset Button */
a.search-filter-reset {
    color: rgba(205,6,25,0.25);
}

.searchandfilter > ul > .sf-field-reset:hover a.search-filter-reset,
.searchandfilter > ul > .sf-field-reset:focus a.search-filter-reset,
.searchandfilter > ul > .sf-field-reset:active a.search-filter-reset {
    color: rgba(205,6,25,1);
}

/* Classes for jQuery Filter Action */

/* Topics */
.approaching-the-challenges-comprehensively,
.communicating-solutions,
.controlling-vehicle-use,
.developing-transit-oriented-cities,
.encouraging-walking-and-cycling,
.implementing-transit-improvements,
.managing-parking,
.optimizing-the-road-network-and-use,
.planning-dense-and-human-scale-cities,
.promoting-clean-vehicles {}

/* Languages */
.ar, .en, .es, .fa, .fr, .id, .ko, .pt, .ro,
.ru, .th, .uk, .vi, .zh {}

/* Countries */
.germany,
.liberia,
.ukraine {

}

/*
* Principles
*
* Principles are set as items with a svg image a related link and manually added captions
* Some have borders referring the original 10-Principles-Illustration
*
* Principles for Mobile devices are shown in a carousel
 */

/* Principles Deck for Desktop only */
#sutp-principles {
    position: relative;
    margin-top: 1.5vw;
    width: 100%;
    height: 35vw;
}

/* For smaller screens */
@media screen and (min-width: 1367px) and (max-width: 1440px) {
    #sutp-principles {
        margin-top: 0;
        margin-right: 12vw;
        margin-left: 12vw;
    }
}

/* Hide on Phones */
@media screen and (max-width:1366px) {
    #sutp-principles {
        display: none;
    }
}

/* each principle has an item which has to be positioned absolute */
.sutp-principle-item {
    position: absolute;
    margin: 0;
    width: 19.5vw;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto;
}

@media screen and (max-width: 1366px) {
    .sutp-principle-item {
        position: relative;
        margin: 0;
        width: 100%;
        box-sizing: content-box;
        background: none;
    }
}

/* link */
.sutp-principle-link {
    display: block;
}

/* hover effect */
.sutp-principle-item:hover {
    /*opacity: 0.7;*/
}

/* principle item caption */
.sutp-principle-item h3 {
    position: absolute;
    width: 100%;
    bottom: -1.7vw;
    padding: 0 15px;
    font-weight: 700;
    font-size: 0.75vw;
    line-height: 1.8vw;
    color: rgba(255,255,255,1);
    background-color: #9d9d9d;
}

/* Hide on Phones */
@media screen and (max-width:1366px) {
    .sutp-principle-item h3 {
        display: none;
    }
}

.sutp-principle-item:hover {

}

.sutp-principle-item:hover h3 {
    color: rgba(31,38,50,0.85);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*
* Desktop Positions  of the Principles
*/

/* left */
#sutp-principle-1,
#sutp-principle-4,
#sutp-principle-7 {
    left: 0;
}

/* center */
#sutp-principle-2,
#sutp-principle-6 {
    left: 19.50vw;
}

/* right */
#sutp-principle-3 {
    left: 39.4vw;
}

#sutp-principle-5,
#sutp-principle-8 {
    left: 40.6vw;
}

#sutp-principle-1 {
    top: 2.5vw;
    height: 4.896vw;
    background-image: url(assets/img/desktop_principle_1.svg);
    z-index: 101;
}

#sutp-principle-2 {
    top: 4vw;
    height: 5.625vw;
    width: 18.71vw;
    background-image: url(assets/img/desktop_principle_2.svg);
    border-right: 0.8vw solid #9d9d9d;
    border-left: 0.8vw solid #9d9d9d;
    z-index: 102;
}

#sutp-principle-2 h3 {
    left: 0;
    width: calc(100% + 1.6vw);
}

#sutp-principle-3 {
    top: 0;
    height: 5.625vw;
    background-image: url(assets/img/desktop_principle_3.svg);
    z-index: 103;
}

#sutp-principle-4 {
    top: 9vw;
    height: 5.677vw;
    background-image: url(assets/img/desktop_principle_4.svg);
    border-right: 0.8vw solid #9d9d9d;
    z-index: 104;
}

#sutp-principle-4 h3 {
    width: calc(100% + 0.8vw);
}

#sutp-principle-5 {
    top: 8.6vw;
    height: 4.323vw;
    background-image: url(assets/img/desktop_principle_5.svg);
    z-index: 105;
}

#sutp-principle-6 {
    top: 11.3vw;
    height: 8.731vw;
    background-image: url(assets/img/desktop_principle_6.svg);
    border-left: 0.8vw solid #9d9d9d;
    border-right: 0.8vw solid #9d9d9d;
    z-index: 106;
}

#sutp-principle-6 h3 {
    left: 0;
    width: calc(100% + 1.6vw);
}

#sutp-principle-7 {
    top: 17.15vw;
    height: 5.104vw;
    background-image: url(assets/img/desktop_principle_7.svg);
    border-right: 0.8vw solid #9d9d9d;
    z-index: 109;
}

#sutp-principle-7 h3 {
    width: calc(100% + 0.8vw);
}

#sutp-principle-8 {
    top: 14.93vw;
    height: 5.104vw;
    background-image: url(assets/img/desktop_principle_8.svg);
    z-index: 108;
}

#sutp-principle-9 {
    top: 21.7vw;
    left: 6vw;
    height: 8vw;
    background-image: url(assets/img/desktop_principle_9.svg);
    border-left: 0.8vw solid #9d9d9d;
    border-right: 0.8vw solid #9d9d9d;
    z-index: 107;
}

#sutp-principle-9 h3 {
    left: -0.8vw;
    width: calc(100% + 1.6vw);
}

#sutp-principle-10 {
    top: 21.7vw;
    left: 27.1vw;
    height: 8vw;
    background-image: url(assets/img/desktop_principle_10.svg);
    border-right: 0.8vw solid #9d9d9d;
    z-index: 110;
}

#sutp-principle-10 h3 {
    width: calc(100% + 0.8vw);
}

.vc_column-inner .sutp-principle-image,
.vc_column-inner .sutp-publication-image,
.vc_column-inner .sutp-event-image,
.vc_column-inner .sutp-news-image {
    height: 100%;
    display: flex;
    align-items: center;
}

/* Principles on Phones */
#sutp-principles-carousel {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

@media screen and (min-width: 1367px) {
    #sutp-principles-carousel {
        display: none;
    }
}

#sutp-principles-carousel .owl-carousel .owl-stage-outer {
    height: 12rem;
}

.owl-prev:before,
.owl-next:before{
    content: '';
}

/*
* Principle Post Type
 */

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (0.5rem * 2));
    content: "";
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2));
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

/*
* SUTP Post Types
 */

.l-section {
    background-color: #1F2632;
}

@media (min-width: 902px) {
    .sutp_home > .l-section-h,
    .sutp_principle > .l-section-h,
    .sutp_publication > .l-section-h,
    .sutp_publications > .l-section-h,
    .sutp_event > .l-section-h,
    .sutp_events > .l-section-h,
    .sutp_news > .l-section-h {
        padding-top: 260px !important;
        padding-bottom: 50px;
    }
}

.sutp-principle-body,
.sutp-publication-body,
.sutp-event-body,
.sutp-news-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sutp-principle-languages,
.sutp-publication-languages {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
}

.sutp-principle-languages .sutp-principle-language,
.sutp-card-image-label,
.sutp-publication-languages .sutp-publication-language,
.sutp-card-image-label {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.sutp-card-image-label {
    color: rgba(19,72,105,0.8);
}

/*
* Principle
 */

#sutp-principle-filter {
    background-color: white;
}

@media screen and (max-width: 767px) {
    .sutp-principle-image {
        margin-bottom: 1rem !important;
    }
}

.sutp-card-image-label {
    color: rgba(19,72,105,0.8);
}
/*
* Publication
 */

@media screen and (min-width: 1366px) {
    .sutp-publication-image > div {
        width: 36.4rem;
        height: 24.1rem;
        overflow: hidden;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .sutp-publication-image > div {
        width: 28rem;
        height: 18.5rem;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .sutp-publication-image {
        margin-bottom: 2.5rem !important;
    }
}

.sutp-related {
    padding-top: 1rem;
    background-color: white;
}

#sutp-events .l-section-h,
#sutp-news .l-section-h {
    padding-top: 1rem;
}


/*
* News
 */

#sutp-news-area {
    background-color: white;
}

@media screen and (max-width: 767px) {
    .sutp-news-image {
        margin-bottom: 2.5rem !important;
    }
}

/*
* Event
 */

.sutp-event-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .sutp-event-image {
        margin-bottom: 1rem !important;
    }
}

.sutp-event-details {
    margin: 0 0 30px 0;
    padding: 0 15px;
    max-width: 300px;
    border-radius: 2px;
    color: rgba(19,72,105,0.8);
    background: white;
}

/* date */
.sutp-event-date,
.sutp-event-location{
    font-size: 15px;
    font-weight: 600;
    line-height: 2;
}

/* output of the event weblink */
.sutp-event-weblink {}

@media screen and (max-width: 767px) {
    .sutp-event-image {
        margin-bottom: 2.5rem !important;
    }
}

/*
* Team
 */

.w-person-links-item {
    width: 2rem;
    line-height: 2rem;
}

/*
* Footer
 */
.sutp-footer-text {
    font-size: 16px;
}

/*
* Flyout
 */

.sutp-teaser {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #134869;
    z-index: 600;
}

.sutp-experts {
    float: left;
    width: 28rem;
    height: 19rem;
    padding: 3rem 1rem 3rem 2.5rem;
    overflow: hidden;
    font-size: 1.3rem;
    line-height: 1.25;
    color: rgba(255,255,255,0.85);
    border-right: 1px solid rgba(31,38,50,0.25);
}

.sutp-experts.done {
    margin-left: -28rem;
    overflow-x: hidden;
}

.sutp-teaser-tip {
    float: right;
    padding-left: 0.5rem;
    font-size: 1.3rem;
    line-height: 19rem;
    color: white;
    background-color: #134869;
}

/* Rotate icon when teaser is inactive */
.sutp-teaser.tip i {
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.sutp-teaser-tip.is-inactive i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.sutp-teaser-tip:hover {
    background-color: #71AAD2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .sutp-teaser {
        display: none;
    }
}

/*
* Bootstrap Components
 */

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 275px;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #fff;
    background-color: #71AAD2;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.125rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 600;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: none;
}

.dropdown-menu.show {
    display: block;
}

/*
* Layout
 */

/* Related Content on Front Page */
.sutp-featured-articles {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #FAFAFA;
}

.sutp-featured-articles .l-section-h {
    padding-top: 2.667rem;
    padding-bottom: 2.667rem;
}

/* Selected publications and events */
.sutp-selected-publications {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #fff;
}

.sutp-selected-events {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #FAFAFA;
}

.sutp-selected-publications .l-section-h {
    padding-top: 2.667rem;
    padding-bottom: 2.667rem;
}

.sutp-selected-events .l-section-h {
    padding-top: 2.667rem;
    padding-bottom: 2.667rem;
}

@media screen and (max-width: 768px) {
    .sutp-selected-publications .l-section-h {
        padding: 2.667rem 1rem 2.667rem 1rem;
    }

    .sutp-selected-events .l-section-h {
        padding: 2.667rem 1rem 2.667rem 1rem;
    }
}

/* Related Publications */
.sutp-related-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.sutp-related-content .l-section-h {
    padding-top: 2.667rem;
    padding-bottom: 2.667rem;
}

/* Filter responsive area */
#filter-response {
    padding-top: 2.525rem;
    padding-bottom: 2.525rem;
}

#sutp-publication-filter .l-section-h  {
    padding-top: 1rem;
}

/* Related Content on Singles */
.sutp-related-publications.l-section,
.sutp-related-news.l-section,
.sutp-related-events.l-section {
    padding-top: 0 !important;
    padding-right: 0;
    padding-left: 0;
    background-color: white;
}

.sutp-related-publications .l-section-h,
.sutp-related-news .l-section-h,
.sutp-related-events .l-section-h{
    padding-top: 3.125rem;
}

/*
* Workarounds
 */

/* https://3.basecamp.com/3720356/buckets/8409227/todos/1405737555 */
.no-touch .w-socials-item-popup {
    display: none !important;
}

.fas {
    margin-right: 15px;
}

/* Event page button */
.sutp-event-weblink .sutp-dlm-button {
	-webkit-appearance: none;
}