/*
Theme Name: CEPS
Theme URI: http://www.unitedthemes.com/ceps
Description: Thinking ahead for Europe
Version: 2.0.5.7
Author: UNITED THEMES
Author URI: http://www.unitedthemes.com
License: Custom License
License URI: http://www.unitedthemes.com
Tags: Business Website, CEPS Think Tank EU
Text Domain: ceps
*/
/* ========================================================================
Design & Development by UNITED THEMES™
(c) 2011 - 2019 UNITED THEMES™
unitedthemes.com
========================================================================== */
/* ========================================================================
   Other Stuff
 ========================================================================== */

@media (min-width: 1600px) {
html {
    border: 20px solid #202425;
}
.ut-height-viewport-with-frame {
    min-height: calc(100vh - 40px);
}
#ut-scroll-up  {
    right: 20px;
    bottom: 0;
}
}
::-moz-selection { /* Code for Firefox */
	color: white;
	background: #207164;
}
::selection {
	color: white;
	background: #207164;
}
#ut-scroll-up {
	background: #207164;
	color: #FFFFFF;
}
#ut-scroll-up a {
	color: #FFFFFF;
	padding: 10px;
}
#ut-scroll-up a:hover, #ut-scroll-up a:focus, #ut-scroll-up a:active {
	color: rgba(255, 255, 255, 0.9);
}
#ut-website-pre-loader {
	color: #000000;
}
.no-js .ut-fire,
.no-js .ut-fire-left {
    opacity: 1;
}
.ut-fire,
.ut-fire-left {
 opacity: 0;   
}

/* ========================================================================
   Header / Navigation & Mega-Menu
 ========================================================================== */

#ut-header {
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
#ut-top-navbar-main-placeholder.ut-navbar-nav > li > a {
    padding: 0 12px;
}
@media (max-width: 959px) {
.ut-navbar-container,
.menu-top-container {
    width: 100%;
}
#ut-top-navbar-main-placeholder.ut-navbar-nav > li:last-child:not(.ut-magnifying) > a {
    padding-right: 0 !important;
}
}
@media (min-width: 960px) {
#ut-top-navbar-main-placeholder.ut-navbar-nav > li > a {
    padding: 0 20px;
}
}
.ut-newsletter-signup {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#ut-header .ut-navbar-nav > li.ut-active > a.ut-newsletter-signup, 
#ut-header .ut-navbar-nav > li > a.ut-newsletter-signup:hover, 
#ut-header .ut-navbar-nav > li > a.ut-newsletter-signup:active, 
#ut-header .ut-navbar-nav > li > a.ut-newsletter-signup.ut-open {
    background: #202425;
}
.ut-megamenu-slider {
	margin-top: 0 !important;
	margin-left: -15px !important;
}
.ut-megamenu-slider .ut-caption-title-xsmall, .ut-megamenu-slider .ut-caption-subtitle-xsmall {
	width: 100%;
}
.ut-megamenu-slider .ut-caption-subtitle-xsmall {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.7);
	font-size: 1rem;
}
/* Start Query */
/* Header & Navigation */
@media (min-width: 960px) {
	.ut-header-on-hero {
		-webkit-transition: background-color 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: background-color 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: background-color 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: background-color 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
}

/* End Query */
#ut-header .ut-navbar-nav > li > a {
	font-weight: 600;
}
#ut-page-top-navigation .ut-navbar-nav > li:last-child > a {
	padding-right: 0;
}
.ut-navbar-nav > li > a,
.ut-navbar-item,
.ut-navbar-toggle {
	min-height: 40px;
}
.ut-navbar-nav > li > a > span {
	position: relative;
}


/* Alter Hover Effekt 
.ut-navbar-nav > li > a > span::after {
	background: #000000;
	bottom: 0;
	left: auto;
	right: 0;
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	width: 0;
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.ut-navbar-nav > li > a:hover > span::after,
.ut-navbar-nav > li > a:active > span::after,
.ut-navbar-nav > li.ut-active > a > span::after,
.ut-navbar-nav > li > a.ut-open > span::after {
	width: 100%;
	left: 0;
	right: auto;
    background: #000000;
}
*/

/* Neuer Hover Effekt */
.ut-navbar-nav > li > a > span {
	background: transparent;
    display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 0.5em 1em 0.6em;
	font-size: 14px;
	line-height: 1;
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.ut-navbar-nav > li > a:hover > span,
.ut-navbar-nav > li > a:active > span,
.ut-navbar-nav > li.ut-active > a > span,
.ut-navbar-nav > li > a.ut-open > span {
	color: #000000;
    background: #ededed;
}
#ut-header .ut-navbar-nav > li > a {
	color: #000000;
}
#ut-header .ut-navbar-nav > li.ut-active > a,
#ut-header .ut-navbar-nav > li > a:hover,
#ut-header .ut-navbar-nav > li > a:active,
#ut-header .ut-navbar-nav > li > a.ut-open {
	color: #000000;
}
#ut-header .ut-navbar-nav > li > a.ut-button {
	color: #FFF;
}
#ut-header .ut-navbar-right > a {
	color: #000000;
	-webkit-transition: color ease-in-out 0.2s;
	-moz-transition: color ease-in-out 0.2s;
	transition: color ease-in-out 0.2s;
}
#ut-header .ut-navbar-right > a:hover,
#ut-header .ut-navbar-right > a:active {
	color: rgba(0, 0, 0, 0.5);
}
.js #ut-header .ut-navbar-container {
	pointer-events: none;
}
.js .ut-site-loaded #ut-header .ut-navbar-container.ut-navbar {
	pointer-events: initial;
}
#ut-header .ut-nav > li > a {
	line-height: 1.3;
}
#ut-header .ut-navbar-dropdown-nav li.ut-parent.ut-open > a {
	padding-bottom: 0;
}
#ut-header ul.ut-nav-sub {
	font-size: 0.75rem;
	padding: 0 !important;
}
#ut-header .ut-parent > a {
	font-weight: 500;
}
#ut-header ul.ut-nav-sub li > a {
	padding-bottom: 10px;
	line-height: 1.3;
}
.ut-megamenu-widget-title {
	font-size: 1.2rem;
	line-height: 1.25rem;
}
.ut-megamenu-widget-text {
	font-size: 0.875rem;
}
.ut-megamenu-widget {
	background: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ut-slider .ut-nav-header {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ut-slider .ut-small-publication-title {
	color: #000000;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;
}
.ut-slider .ut-small-publication-subtitle {
	color: #252525;
	font-size: 10px;
	line-height: 1.4;
	margin-top: 5px;
}
@media (max-width: 1599px) {
	.ut-megamenu-widget {
		padding: 40px;
	}
}

@media (min-width: 1201px) and (max-width: 1365px) {

	#ut-header .ut-navbar-toggle.ut-search-icon {
		width: 30px;
		padding: 0;
	}

}

/* header search */
#header-search .ut-search-input {
	background: #f5f5f5;
	color: #252525;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
	text-indent: 30px;
	margin: 2px 0;
}
#ut-header form.ut-search {
    background: #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#ut-header form.ut-search .ut-search-input {
    text-indent: 20px;
}
.ut-search-results-wrapper {
	min-height: 50px;
}
.ut-search-results-count:empty + span {
	display: none;
}
#ut-search-results-overlay > div:first-child,
#ut-search-results:empty + #ut-search-results-overlay > div {
	display: none;
}

#ut-search-results:empty + #ut-search-results-overlay > div:first-child {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#ut-search-results .ut-card-small.ut-card-body,
#ut-search-results .ut-card-small .ut-card-body {
	padding: 20px 120px 20px 20px;
}
.ut-page-date {
    font-size: 0.775rem;
    line-height: 1.2;
}

/* ========================================================================
   Mobile Menu
 ========================================================================== */
.ut-offcanvas-bar {
	background: #191c20;
	padding-top: 140px;
}
.ut-offcanvas-bar .ut-nav-header {
	padding: 0;
}
.ut-offcanvas-bar .ut-nav-sub {
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
.ut-offcanvas-bar .ut-nav-sub a {
	margin: 0;
	padding: 0;
}
.ut-offcanvas-bar .ut-nav-header {
	margin-bottom: 10px;
}
.ut-offcanvas-bar .ut-nav > li:last-child > a {
	padding-bottom: 10px;
}
.ut-book-cover-sidebar .ut-small-publication-title {
	color: rgba(255, 255, 255, 1);
}
.ut-book-cover-sidebar .ut-small-publication-subtitle {
	color: rgba(255, 255, 255, 0.5)
}
.ut-offcanvas-bar .ut-nav-default .ut-nav-header {
	color: rgba(255, 255, 255, 0.7) !important;
}
/* ========================================================================
   Heroes
 ========================================================================== */
.ut-header-on-hero {
	position: absolute;
	z-index: 980;
	left: 0;
	right: 0;
}
#ut-hero,
#ut-hero-slider {
	position: relative;
	overflow: hidden;
}
.ut-hero-slogan {
	margin-bottom: 20px;
}
.ut-hero-slogan {
	color: #FFFFFF;
	display: inline-block;
    text-transform: uppercase;
	border-bottom: 3px solid #207164;
}
#ut-hero-background-slider .ut-position-cover {
	background: rgba(0, 0, 0, 0);
}
.ut-hero-overlay {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.ut-staff-hero-overlay {
	background: rgba(0, 0, 0, 0.2);
}
.ut-hero-caption blockquote {
	font-style: normal;
	font-weight: 500;
}
.ut-hero-caption blockquote footer {
	font-weight: 600;
}
#ut-hero-slider-navigation {
	z-index: 2;
}
.ut-slidenav {
	background: #FFFFFF;
}

.ut-content-sticky .ut-slidenav,
.ut-section-navigation .ut-slidenav {
    background: #F9F9F9;
    padding: 0.5em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.ut-content-sticky .ut-slidenav {
    background: #FFFFFF;
}
.ut-content-sticky .ut-slidenav.ut-slidenav-previous,
.ut-section-navigation .ut-slidenav.ut-slidenav-previous {
    margin-right: 10px;
}
.ut-slidenav-large {
	padding: 38px 36px;
	-webkit-box-shadow: 0 0 0 0 !important;
	-moz-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}
.ut-slidenav-medium {
	padding: 19px 18px;
	-webkit-box-shadow: 0 0 0 0 !important;
	-moz-box-shadow: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}
.ut-overlay-light {
	background: #FFFFFF;
}
.ut-overlay-transparent {
	background: transparent;
}
#ceps-page, 
.staff-member-template-default #ut-hero, 
.ut-hero-background-slides, 
.ut-hero-height-100, 
.ut-hero-height-80 {
	min-height: 100%;
	height: 100%;
}
.staff-member-template-default .ut-hero-slogan {
    margin-bottom: 10px;
    font-size: 0.675rem;
}
#ut-hero {
	height: 640px;
}

/* Start Query */
@media (min-width: 1600px) {
.staff-member-template-default .ut-hero-slogan {
    margin-bottom: 0;
    font-size: 0.8rem;
}
}
@media (min-width: 1921px) {

}
/* End Query */
.ut-height-slider {
	height: 480px;
}

/* Hero Title / Split Hero Title / Post Hero Title
 ========================================================================== */
.ut-hero-header {
	text-align: center;
}
.staff-member-template-default .ut-hero-header {
	text-align: left;
}
.single-events .ut-heading-hero,
.ut-heading-hero {
	font-size: 3rem;
	line-height: 1.2;
	color: #FFFFFF;
}
.ut-post-hero .ut-heading-hero {
	font-size: 1.4rem;
	line-height: 1.2;
}
.ut-heading-hero-sub {
	font-size: 1.1rem;
}
.ut-hero-text, .ut-heading-hero-sub {
	color: rgba(255, 255, 255, 0.8);
	font-weight: 500;
	line-height: 1.2;
}
@media (min-width: 640px) {
	.ut-heading-hero {
		font-size: 3.5rem;
	}
	.ut-post-hero .ut-heading-hero {
		font-size: 3rem;
	}
	.ut-heading-hero-sub {
		font-size: 1.5rem;
	}
	.ut-hero-text {
		font-size: 1.5rem;
	}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
	.ut-heading-hero {
		font-size: 4rem;
	}
	.ut-post-hero .ut-heading-hero {
		font-size: 3rem;
	}
	.ut-split-hero .ut-heading-hero {
		font-size: 3rem;
	}
	.ut-heading-hero-sub {
		font-size: 1.5rem;
	}
	.ut-hero-text {
		font-size: 1.5rem;
	}
}
/* Desktop and bigger */
@media (min-width: 1200px) {
	.ut-heading-hero {
		font-size: 5rem;
	}
	.ut-post-hero .ut-heading-hero {
		font-size: 3.3rem;
	}
	.ut-split-hero .ut-heading-hero {
		font-size: 4rem;
	}
	.ut-split-hero .ut-hero-text {
		font-size: 2rem;
	}
	.ut-hero-text {
		font-size: 2.5rem;
	}
}
/* Large Desktop */
@media (min-width: 1600px) {
	.ut-post-hero .ut-heading-hero {
		font-size: 3.5rem;
	}
	.ut-split-hero .ut-heading-hero {
		font-size: 5rem;
	}
}
/* XL */
@media (min-width: 1920px) {
	.ut-split-hero .ut-heading-hero {
		font-size: 7rem;
	}
}
/* Hero Captions / Slider Captions / Global Captions */
.ut-caption-title, 
.ut-caption-title-medium, 
.ut-caption-title-small, 
.ut-caption-title-xsmall {
	color: #000000;
	font-weight: 600;
	margin: 0;
    line-height: 1.3;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.ut-caption-title, 
.ut-caption-title-details {
	font-weight: 600;
}
.ut-organiser-email,
.ut-caption-subtitle, 
.ut-caption-subtitle-medium, 
.ut-caption-subtitle-small, 
.ut-caption-subtitle-xsmall,
.ut-author-personal-site {
	color: #252525;
	font-weight: 500;
	margin: 0;
    line-height: 1.3;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.ut-author-personal-site {
    font-size: 0.775rem;
    font-weight: 600;
}
.ut-event-host .ut-author-personal-site {
    font-size: 0.675rem;
}
.ut-organiser-email,
.ut-organiser-email a,
.ut-author-personal-site,
.ut-author-personal-site a {
    color: #555555;
    line-height: 1.2;
}
.ut-organiser-email a:hover,
.ut-organiser-email a:focus,
.ut-author-personal-site a:hover,
.ut-author-personal-site a:focus {
    color: #000000;
}
.ut-caption-title a:hover, 
.ut-caption-title-medium a:hover, 
.ut-caption-title-small a:hover, 
.ut-caption-title-xsmall a:hover,
.ut-caption-subtitle a:hover, 
.ut-caption-subtitle-medium a:hover, 
.ut-caption-subtitle-small a:hover, 
.ut-caption-subtitle-xsmall a:hover,
.ut-caption-title a:focus, 
.ut-caption-title-medium a:focus, 
.ut-caption-title-small a:focus, 
.ut-caption-title-xsmall a:focus,
.ut-caption-subtitle a:focus, 
.ut-caption-subtitle-medium a:focus, 
.ut-caption-subtitle-small a:focus, 
.ut-caption-subtitle-xsmall a:focus{
    color: #207164;
    text-decoration: none !important;
}
.ut-light .ut-caption-title, 
.ut-light .ut-caption-title-medium, 
.ut-light .ut-caption-title-small, 
.ut-light .ut-caption-title-xsmall,
.ut-light .ut-caption-subtitle, 
.ut-light .ut-caption-subtitle-medium, 
.ut-light .ut-caption-subtitle-small, 
.ut-light .ut-caption-subtitle-xsmall {
    color: #FFFFFF;
}
.page-template-template-archive-units .ut-overlay.ut-position-center,
.page-template-template-archive-topics .ut-overlay.ut-position-center {
	width: 100%;
}
.ut-caption-small-text {
	font-size: 0.875rem;
}
/* Medium */
.ut-caption-title-medium {
	font-size: 1.5rem;
}
.ut-caption-subtitle-medium {
	font-size: 1.2rem;
}
/* ========================================================================
   Front Page
 ========================================================================== */

body,
.ut-footer-widgets {
    background-image: url("img/ut-dots -dark.svg");
    background-repeat: repeat;
    background-size: 250px;
    background-position: center;
    background-attachment: scroll;
}
.ut-footer-widgets {
    background-color: #FFFFFF;
}

.ut-slider-label {
	font-size: 1rem;
	text-align: center;
}
.ut-slider-label .ut-main-label + .ut-sub-label {
	font-size: 0.75rem;
}
.ut-split-slider {}

/* Latest Publications */
.ut-latest-publications .ut-text-meta {
	font-size: 0.675rem;
}
.ut-no-border-radius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0;
}
.ut-no-border {
    border: 0 !important;
}
.ut-box-shadow-custom {
	-webkit-box-shadow:0 3px 12px 0px rgba(0,0,0,.3);
	-moz-box-shadow:0 3px 12px 0px rgba(0,0,0,.3);
	box-shadow: 0 3px 12px 0px rgba(0,0,0,.3);
}
.ut-section-label-container {
    border-bottom: 1px solid #000000;
    margin-bottom: 0;
}
.ut-counter-label,
.ut-section-label,
.ut-event-label {
    color: #000000;
    text-transform: uppercase;
    font-size: 0.725rem;
    font-variant: small-caps;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 2px;
}
.ut-counter-label {
    color: #207164;
    font-size: 0.7rem;
    font-weight: bold;
}
.ut-event-label {
    color: #5f5566;
    font-weight: 600;
}
.ut-section-label-container .ut-text-small {
    line-height: 1.2;
    padding-bottom: 2px;
}
.ut-card {
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ut-book-card.ut-card,
.ut-book-cover .ut-card {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ut-news-card {
    position: relative;
}
.ut-video-card:hover .ut-caption-title-small,
.ut-activity-card:hover .ut-caption-title-small a,
.ut-book-cover:hover .ut-caption-title-xsmall a,
.ut-news-card:hover .ut-caption-title-small a {
    color: #207164;
}
.ut-card .ut-cover-container img {
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}
.ut-card:hover .ut-cover-container img {
    -webkit-transition: translate(-50%, -50%) scale(1.05);
    -moz-transition: translate(-50%, -50%) scale(1.05);
    transform:  translate(-50%, -50%) scale(1.05);
}
@media (min-width: 640px) {
.ut-card-meta {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}
}
@media (min-width: 1200px) {
.ut-card-meta-projects {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}
}
[ut-height-match="target: > div > .ut-card > .ut-card-body"] .ut-news-card {
    height: 100%;
}
.ut-card .ut-button-text {
    font-size: 0.75rem;
}
.ut-card-page-views {
    color: #555555;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 0.9;
}
.ut-card-page-view {
    font-size: 0.6rem;
    text-transform: uppercase;
}
.ut-card-page-like {
    display: none;
    top: 0;
    right: 0;
    color: #FFFFFF;
    font-size: 0.775rem;
    font-weight: 600;
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 0.5);
    width: 30px;
    height: 50px;
    cursor: pointer;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 500;
}
.single .ut-card-page-like {
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 1);
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ut-get-in-touch a,
.ut-next-works a,
.ut-organiser-email a,
.ut-organiser-phone a,
.ut-navbar-dropdown-nav > li > a,
.ut-content a, 
.ut-content .ut-link,
.ut-author-personal-site a,
.ut-label,
.ut-topic-list a,
.ut-unit-list a,
.ceps-privacy-accept a,
.united-themes a,
#ut-footer .widget-container a,
a.ut-icon,
.ut-video-card .ut-caption-title-small,
.ut-caption-title a,
.ut-caption-title-xsmall a,
.ut-card-page-like,
.ut-caption-title-small a {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.ut-content a:focus, 
.ut-content .ut-link:focus,
.ut-content a:hover, 
.ut-content .ut-link:hover,
.ut-topic-list a:focus,
.ut-unit-list a:focus,
.ut-topic-list a:hover,
.ut-unit-list a:hover {
  color: #555555;  
}
.ut-card-page-overlay::after {
    content: attr(data-bookmark);
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 0.5);
    color: #fff;
    font-size: 0.675rem;
    opacity: 0;
    position: absolute;
    top: -100%;
    right: 40px;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
    padding: 0.1em 0.5em 0.1em;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.single .ut-card-page-overlay::after {
    top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.liked.ut-card-page-overlay::after,
.ut-card-page-like:hover .liked.ut-card-page-overlay::after {
    content: attr(data-added);
    background: rgb(32, 113, 100);
    background: rgba(32, 113, 100, 1);
}
.ut-activity-card:hover .ut-card-page-like,
.ut-event-card:hover .ut-card-page-like,
.ut-news-card:hover .ut-card-page-like {
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 1); 
}
.ut-card-page-like:hover .ut-card-page-overlay::after {
    opacity: 1;
    top:0;
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 1); 
}
.ut-post-like .ut-icon:not(.ut-preserve) [stroke*="#"]:not(.ut-preserve) {
    stroke: #FFF;
}
.ut-post-like.liked .ut-icon:not(.ut-preserve) [stroke*="#"]:not(.ut-preserve) {
    fill: #FFF;
}
.ut-post-like .ut-icon {
    width: 18px;
}

/* ========================================================================
   Default Pages & Posts
 ========================================================================== */
h2.ut-text-lead, h3.ut-text-lead, .ut-text-lead {
	font-weight: 400;
}
.ut-text-lead.ut-text-bold {
	font-weight: 500;
}
.ut-content .ut-text-lead {
	font-size: 1.1rem;
	font-weight: 500;
}
/* Start Page Details Section */
#ut-page-details-section {
	overflow: hidden;
    background-image: url("img/counter-bg.png");
    background-repeat: repeat;
    background-size: 50px;
}
.ut-page-details-black-box {
	background: #191C20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ut-page-details-black-box .ut-icon, .ut-page-details {
	color: rgba(255, 255, 255, 0.7);
}
.ut-page-details-header h4.ut-h1 {
	font-weight: 600;
}
.ut-featured-image-caption {
    color: #999999;
    font-size: 0.825rem;
    font-style: italic;
}

/* Start Query */
@media (max-width: 960px) {
	.ut-page-details-header {
		text-align: center;
	}
}
/* End Query */
/* End Page Details Section */
.ut-view-profile-button {
	margin-top: 20px;
	padding-bottom: 2px;
}
.ut-label-xsmall {
	font-size: 0.7rem;
	padding: 5px 5px 2px;
}
.ut-label {
	font-weight: 600;
	z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ut-caption-background {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 30px 15px;
    background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 95%);
    background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 95%);
    background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 95%);
    z-index: 1;
}
.ut-caption-background .ut-caption-title-small,
.ut-caption-background .ut-caption-title-xsmall,
.ut-caption-background .ut-caption-subtitle-small,
.ut-caption-background .ut-caption-subtitle-xsmall {
    color: #FFFFFF;
}
.ut-news-card .ut-label,
.ut-activity-card .ut-label {
    top: 15px;
    left: 30px;
}
.ut-date-label {
    font-weight: 600;
    font-size: 0.775rem;
    color: #555555;
    margin-bottom: 20px;
}
.ut-event-card.ut-card-custom-2 .ut-date-label, 
.ut-event-card.ut-card-custom-3 .ut-date-label {
    margin-bottom: 10px;
}
.ut-video-duration-time,
.ut-video-duration-label {
    font-weight: bold;
    font-size: 0.675rem;
    font-variant: small-caps;
    text-transform: uppercase;
}
.ut-video-duration-time {
    color: #000000;
    margin: 0;
}
.ut-youtube-label{
    color: #282828;
    font-weight: bold;
    font-size: 0.575rem;
    margin: 0;
}
.ut-author-personal-site {
    margin-bottom: 0;
}
.ut-button-text,
.ut-date-label,
.ut-section-label,
.ut-counter-label,
.ut-counter,
.ut-title-slogan {
    letter-spacing: -0.03em;
}
.ut-label-green,
.ut-label.ut-label-green a, 
.ut-label.ut-label-green a:hover, 
.ut-label.ut-label-green a:focus, 
.ut-label.ut-label-green a:active {
	color: #FFFFFF !important;
	background-color: #207164 !important;
}
.ut-label-light,
.ut-label.ut-label-light a, 
.ut-label.ut-label-light a:hover, 
.ut-label.ut-label-light a:focus, 
.ut-label.ut-label-light a:active {
	color: #000000 !important;
	background-color: #FFFFFF !important;
}
.ut-label-grey,
.ut-label.ut-label-grey {
    border: solid 1px rgba(0,0,0,0.15);
	color: #000000 !important;
	background-color: #ffffff !important;
}
.ut-label.ut-label-grey:hover, 
.ut-label.ut-label-grey:focus, 
.ut-label.ut-label-grey:active {
    border: solid 1px rgba(0,0,0,0.15);
	color: #000000 !important;
	background-color: rgba(0,0,0,0.05) !important;
}
.ut-label-dark,
.ut-label.ut-label-dark a, 
.ut-label.ut-label-dark a:hover, 
.ut-label.ut-label-dark a:focus, 
.ut-label.ut-label-dark a:active {
	color: #FFFFFF !important;
	background-color: #202425 !important;
}
.ut-label-transparent,
.ut-label.ut-label-transparent a, 
.ut-label.ut-label-transparent a:hover, 
.ut-label.ut-label-transparent a:focus, 
.ut-label.ut-label-transparentt a:active {
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.6);
}
.ut-label-red,
.ut-label.ut-label-red a, 
.ut-label.ut-label-red a:hover, 
.ut-label.ut-label-red a:focus, 
.ut-label.ut-label-red a:active {
	color: #FFFFFF !important;
	background-color: #d00000 !important;
}

.ut-author-box .ut-thumbnail .ut-label {
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.ut-author-box .ut-caption-title-xsmall {
    font-size: 0.82rem;
}
.ut-author-box .ut-author-personal-site {
    margin-top: 3px;
    letter-spacing: -0.03em;
}
.ut-staff-position {
    color: #000000;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 0.725rem;
}
.tax-units .ut-slidenav-container-top .ut-slidenav-large, 
.tax-topics .ut-slidenav-container-top .ut-slidenav-large {
	padding: 10px;
}
.tax-units .ut-section-header h2, 
.tax-topics .ut-section-header h2 {
	font-weight: 600;
}
.ut-shrink-content .mashsb-container {
    padding: 0;
}
/* Start Shrink Content */
/* Start Query */
@media (min-width: 960px) {
	.ut-shrink-content blockquote {
		font-size: 1.5rem;
	}
	.ut-shrink-content p, .ut-shrink-content ul, .ut-shrink-content ol, .ut-shrink-content dl, .ut-shrink-content pre, .ut-shrink-content address, .ut-shrink-content fieldset, .ut-shrink-content blockquote, .ut-shrink-content h1, .ut-shrink-content h2, .ut-shrink-content h3, .ut-shrink-content h4, .ut-shrink-content h5, .ut-shrink-content h6, .ut-shrink-content .ut-units, .ut-shrink-content .ut-divider, .ut-shrink-content .ut-entry-date, .ut-shrink-content .mashsb-container, .ut-shrink-content .twitter-tweet, .ut-shrink-content .wp-playlist, .ut-shrink-content table, .ut-shrink-content hr, .ut-shrink-content .ut-video-iframe-box, .ut-video-iframe-box, .ut-shrink-content .woocommerce, .ut-shrink-content iframe {
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
	.ut-shrink-content .mashsb-container + *, .ut-shrink-content .ut-text-lead + *, .ut-shrink-content * + figure, .ut-shrink-content * + div.wp-caption, .ut-shrink-content div.wp-caption + *, .ut-shrink-content * + .wp-playlist, .ut-shrink-content .wp-playlist + *, .ut-shrink-content * + blockquote, .ut-shrink-content div.gallery + *, .ut-shrink-content * + p img, .ut-shrink-content * + .ut-lightbox-image-wrap {
		margin-top: 40px;
	}
	.ut-shrink-content blockquote + *, 
    .ut-shrink-content twitter-widget + *, 
    .ut-shrink-content * + twitter-widget, 
    .ut-shrink-content * + div.gallery {
		margin-top: 40px !important;
	}
	.ut-shrink-content * + h1, .ut-shrink-content * + .ut-h1, .ut-shrink-content * + h2, .ut-shrink-content * + .ut-h2, .ut-shrink-content * + h3, .ut-shrink-content * + .ut-h3, .ut-shrink-content * + h4, .ut-shrink-content * + .ut-h4, .ut-shrink-content * + h5, .ut-shrink-content * + .ut-h5, .ut-shrink-content * + h6, .ut-shrink-content * + .ut-h6 {
		margin-top: 40px;
	}
	.ut-shrink-content h1 + *, .ut-shrink-content h2 + *, .ut-shrink-content h3 + *, .ut-shrink-content h4 + *, .ut-shrink-content h5 + *, .ut-shrink-content h6 + * {
		margin-top: 20px !important;
	}
	.ut-shrink-content h1 + .gallery, .ut-shrink-content h2 + .gallery, .ut-shrink-content h3 + .gallery, .ut-shrink-content h4 + .gallery, .ut-shrink-content h5 + .gallery, .ut-shrink-content h6 + .gallery {
		margin-top: 20px !important;
	}
	.ut-shrink-content * + p img.alignleft, .ut-shrink-content * + p img.alignright {
		margin-top: 0;
	}
}
/* End Query */
/* End Shrink Content */
.ut-slider-with-shadow {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -40px !important;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 40px;
}
.ut-slider-items > div:not(.ut-active) > div {
	overflow: hidden;
}
.ut-carousel-navigation .ut-slidenav-next {
    padding: 40px 0 0 40px !important;
}
.ut-carousel-navigation .ut-slidenav-previous {
    padding: 40px 40px 0 0 !important;
}

.page-template-template-archive-units .ut-overlay-primary, .page-template-template-archive-topics .ut-overlay-primary {
	-webkit-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.page-template-template-archive-units .ut-background-cover:hover .ut-overlay-primary, 
.page-template-template-archive-topics .ut-background-cover:hover .ut-overlay-primary {
	background: rgba(19, 22, 27, 0.9);
}

.mash-large:not(.mashsb-count):not(.onoffswitch):not(.onoffswitch2) {
    background: #F5F5F5 !important;
}


article .mash-large:not(.mashsb-count):not(.onoffswitch):not(.onoffswitch2) {
    background: #F5F5F5 !important;
}
article [class*=" mashicon-"], 
article [class^="mashicon-"] .icon,
article [class*=" mashicon-"] .text, 
article [class^="mashicon-"] .text {
    color: #000000 !important;
}
article .onoffswitch, 
article .onoffswitch2 {
    background: #207164 !important;
    color: #FFFFFF !important;
}
article .mashsb-container {
    margin-bottom: 40px;
    padding: 0;
}
#modal-newsletter .ut-modal-header,
#modal-newsletter .ut-modal-header h3 {
    background: #207164;
    color: #ffffff;
}
#modal-newsletter .ut-modal-header .ut-modal-close {
    color: #ffffff;
}
#modal-newsletter .ut-modal-header .ut-modal-close:hover,
#modal-newsletter .ut-modal-header .ut-modal-close:focus {
    opacity: 0.7;
}
#modal-newsletter .ut-button {
    padding: 0.6em 1.2em 0.6em;
}

#modal-newsletter .mc4wp-form > .mc4wp-response:empty {
	display: none;
}

#modal-newsletter .mc4wp-form > .mc4wp-response {
	position: absolute;
	top: 59px;
	left: 0;
	bottom: 69px;
	z-index: 10;
	background: #207164;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #FFF;
	font-size: 30px;
	padding: 40px;
	text-align: center;
}

#modal-newsletter .mc4wp-form  > .mc4wp-response span {
	display: block;
	font-size: 50px;
}

/* ========================================================================
   Publication Page & Posts
 ========================================================================== */

.ut-author-hero, .ut-author-hero a {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	font-size: 0.775rem;
}
.ut-author-hero a:hover, .ut-author-hero a:active, .ut-author-hero a:focus {
	color: rgba(255, 255, 255, 1);
}
.ut-authors-box a {
	color: #000000;
}
.ut-authors-box a:hover, .ut-authors-box a:active, .ut-authors-box a:focus {
	color: #207164;
}
.ut-small-publication-title {
	color: #000000;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 1.4;
}
.ut-small-publication-subtitle {
	color: #252525;
	font-size: 0.775rem;
	line-height: 1.4;
	margin-top: 5px;
}
#ut-download-publication-counter-top,
#ut-download-publication-counter {
	font-weight: 600;
	color: #000000;
    font-size: 0.775rem;
    font-style: italic;
}
.ut-unit-list .ut-label, 
.ut-topic-list .ut-label {
	white-space: normal;
}
.ut-author-slider .ut-slidenav-large {
	padding: 15px;
}
.ut-author-slider .ut-position-center-left {
	left: 15px;
}
.ut-author-slider .ut-position-center-right {
	right: 15px;
}
.ut-book-cover .ut-label {
    position: absolute;
    top: -6.666px;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 0;
    width: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ut-book-cover .ut-label a {
    opacity: 0;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.ut-book-cover:hover .ut-label {
    width: 70%;
    opacity: 1;
}
.ut-book-cover:hover .ut-label a {
    opacity: 1;
}
.ut-book-cover .ut-cover-container {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
}
.ut-book-cover:hover .ut-cover-container {
    -webkit-transform: translate(0,-6.666px);
    -moz-transform: translate(0,-6.666px);
    transform: translate(0,-6.666px);
}
.ut-buy-button .ut-button {
    text-transform: uppercase;
}

@media (max-width: 639px) {
	.ut-publication-responsive-top {
		margin-top: 40px !important;
	}
}
@media (max-width: 959px) {
	.ut-publication-container {
		margin-top: 70px !important;
	}
}
/* End Query */
/* ========================================================================
   Event Page & Posts
 ========================================================================== */
.events-template-default .ut-dark-text {
	margin-top: 5px;
}
.ut-thumbnail {
	margin-bottom: 20px;
	position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ut-height-550 {
	height: 550px;
}

.ut-project-logo {
    width: 250px;
    max-width: 100%;
}

.ut-contract-number-title {
	font-weight: 500;
}
.ut-contract-number {
    color: #000000;
    font-size: 0.775rem;
    font-weight: 600;
}
.ut-funding {
	overflow: hidden;
}
.ut-funding-logo {
	width: 60px;
    margin-bottom: 15px;
}
.ut-funding-information {
	font-weight: 400;
	overflow: hidden;
}
.ut-funding-information,  
.ut-dark-box {
	font-size: 0.875rem;
}
.ut-event-host .ut-organiser-name,
.ut-event-organiser .ut-organiser-name {
    font-size: 1rem;
    line-height: 1.1;
}
.single-projects .ut-organiser-position,
.single-task-forces .ut-organiser-position {
    margin-bottom: 7px;
}
.ut-event-organiser .ut-organiser-position {
    font-size: 0.775rem;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
}
.ut-organiser-email {
    font-size: 0.775rem;
    margin-top: 3px;
    letter-spacing: -0.03em;
    font-weight: 600;
}
.ut-organiser-email .ut-icon {
    margin-top: 2px;
}
.ut-contract-number {
}
.ut-organiser-phone {
    color: #000000;
	font-size: 0.875rem;
	font-weight: 600;
    line-height: 1.2;
}
.ut-hero-event-date {
	color: #f7dba7;
	font-weight: 600;
}
.ut-upcoming-events {
	background: #efefef;
}
.ut-countdown-section {
    background-image: url("img/counter-bg.png");
    background-repeat: repeat;
    background-size: 50px;
}
.ut-countdown-number {
	font-weight: bold;
}
.ut-countdown-label {
	color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 0.5);
	font-weight: 600;
    font-size: 0.875rem;
}
.ut-upcoming-events .ut-section-header, .ut-chairman-section .ut-section-header, .ut-event-details-section .ut-section-header {
	text-align: center;
}
.ut-event-location-name, .ut-event-location-street, .ut-event-location-city, .ut-event-day, .ut-event-date {
	font-size: 0.775rem;
}
.ut-event-caption {
    background: rgba(32, 114, 100, 0.5);
    margin: 0 auto;
}
.ut-event-card.ut-card-custom .ut-event-location-city {
    font-weight: 600;
}
.ut-event-card .ut-event-time-large {
    font-size: 1.7rem;
    line-height: 1.1;
} 
.ut-event-card.ut-card-custom .ut-event-label {
    margin-bottom: 5px;
    padding-bottom: 0;
}
.ut-event-card time {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.1;
}
.ut-event-list-section {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ededed;
    padding: 25px;
    background-color: #ffffff;
}
.ut-event-list-section .ut-event-list-date {
    color: #000000;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    margin: 8px 0 8px 0;
    letter-spacing: -0.03em;
}
.ut-event-list-section  .ut-event-list-topics {
    font-size: 0.9rem;
    margin-bottom: 0;
    margin-top: 3px;
}
.ut-countdown-section .ut-event-toggle,
.ut-event-list-section .ut-event-toggle {
    margin-right: 10px; 
}
.ut-countdown-section .ut-card-eventlist {
    background: #191C20;
}
.ut-card-eventlist {
    background: #ffffff;
    padding: 30px;
}
.ut-card-eventlist-custom-2 {
    background: #ededed;
}
.ut-card-eventlist-custom-3 {
    background: #eef3e2;
}

[ut-height-match="target: .ut-card"] .ut-card-eventlist {
    height: 100%;
}

.ut-countdown-section .ut-card-eventlist .ut-event-fees-description, 
.ut-countdown-section .ut-card-eventlist .ut-event-location-name, 
.ut-countdown-section .ut-card-eventlist .ut-event-location-street, 
.ut-countdown-section .ut-card-eventlist .ut-event-location-city, 
.ut-countdown-section .ut-card-eventlist .ut-event-day, 
.ut-countdown-section .ut-card-eventlist .ut-speakers-description,
.ut-event-list-section .ut-card-eventlist .ut-event-fees-description, 
.ut-event-list-section .ut-card-eventlist .ut-event-location-name, 
.ut-event-list-section .ut-card-eventlist .ut-event-location-street, 
.ut-event-list-section .ut-card-eventlist .ut-event-location-city, 
.ut-event-list-section .ut-card-eventlist .ut-event-day, 
.ut-event-list-section .ut-card-eventlist .ut-speakers-description {
     font-size: 0.875rem;
}
.ut-countdown-section .ut-event-fees-description,
.ut-event-list-section .ut-event-fees-description {
    font-style: italic;
}
.ut-event-list-section .ut-countdown-number {
    font-weight: 600;
    color: #000000;
}
.ut-countdown-section .ut-countdown-number {
    font-weight: 600;
    color: #ffffff;
}
.ut-countdown-section .ut-event-fees-description, 
.ut-countdown-section .ut-event-location-name, 
.ut-countdown-section .ut-event-location-street, 
.ut-countdown-section .ut-event-location-city, 
.ut-countdown-section .ut-event-day, 
.ut-countdown-section .ut-speakers-description,
.ut-event-list-section .ut-event-fees-description, 
.ut-event-list-section .ut-event-location-name, 
.ut-event-list-section .ut-event-location-street, 
.ut-event-list-section .ut-event-location-city, 
.ut-event-list-section .ut-event-day, 
.ut-event-list-section .ut-speakers-description {
    font-size: 0.775rem;
}
.ut-countdown-section .ut-event-date,
.ut-event-list-section .ut-event-date {
    font-size: 0.825rem;
    font-weight: bold;
    margin: 2px 0;
}
.ut-event-list-section .ut-countdown-label {
    color: #555555;
    font-weight: 600;
    font-size: 0.775rem;
}
.ut-countdown-section .ut-section-title {
    font-size: 1.3rem;
}
.ut-countdown-section .ut-section-title, 
.post-type-archive-events .ut-event-list-section .ut-section-title,
.ut-event-list-section .ut-section-title a {
    color: #207164;
    font-size: 1.5rem;
}
.ut-event-list-section .ut-event-label {
    color: #000000;
}
.ut-event-is-over {
    color: #d00000 !important;
}

@media (max-width: 640px) {
	.ut-countdown, .ut-livestream-button {
		margin-top: 0 !important;
	}
	.ut-responsive-top {
		margin-top: 40px !important;
	}
    .ut-responsive-bottom {
		margin-bottom: 40px !important;
	}
}
/* End Query */
@media (min-width: 640px) {
	.ut-chairman-section .ut-section-header, .ut-event-details-section .ut-section-header {
		text-align: left;
	}
}
/* End Query */
@media (min-width: 960px) {
	.ut-thumbnail {
		margin-bottom: 40px;
	}
}
/* End Query */
@media (max-width: 1200px) {
	.ut-chairperson {
		margin-top: 40px !important;
	}
}
/* End Query */
/* ========================================================================
   Task Force Page & Posts
 ========================================================================== */
.ut-relatedt-task-forces .ut-section-header {
	text-align: center;
}
/* ========================================================================
   Project Page & Posts
 ========================================================================== */
.ut-related-projects .ut-section-header, .ut-projects-details-section .ut-section-header {
	text-align: center;
}
/* End Query */
@media (min-width: 640px) {
	.ut-projects-details-section .ut-section-header {
		text-align: left;
	}
}
/* End Query */
.ut-ceps-member a:hover {
	text-decoration: none;
}
.ut-projects-details-section .ut-caption-subtitle-small {
	color: rgba(255, 255, 255, 0.5) !important;
}
.ut-project-partners-list {
	margin: 0;
}
.ut-project-partners-list li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.ut-project-partners-link, .ut-dark-text {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 0.75rem;
}
.ut-project-partner .ut-label {
    margin: 20px 5px 0;
}
/* ========================================================================
   News Page & Posts
 ========================================================================== */



/* ========================================================================
   Staff Page Page & Posts
 ========================================================================== */

.ut-next-works {
    font-size: 0.9rem;
    padding-left: 15px;
}
.ut-next-works li {
    margin-bottom: 5px;
}
.ut-next-works li:last-child {
    margin: 0;
}
.ut-next-works a {
    color: #999999;
}
.ut-next-works a:hover,
.ut-next-works a:focus,
.ut-next-works .ut-active a {
    text-decoration: underline;
    color: #000;
    font-weight: 600;
}
.ut-membership-front .ut-subnav-pill > * > :first-child, 
.staff-member-template-default .ut-subnav-pill > * > :first-child {
	padding: 15px 30px;
	background: #ededed;
	color: #000000;
}
/* Hover + Focus */
.ut-membership-front .ut-subnav-pill > * > a:hover, 
.ut-membership-front .ut-subnav-pill > * > a:focus, .staff-member-template-default .ut-subnav-pill > * > a:hover, 
.staff-member-template-default .ut-subnav-pill > * > a:focus {
	background-color: #f5f5f5;
	color: #000000;
}
/* OnClick */
.ut-membership-front .ut-subnav-pill > * > a:active, 
.staff-member-template-default .ut-subnav-pill > * > a:active {
	background-color: #f5f5f5;
	color: #000000;
}
/* Active */
.ut-membership-front .ut-subnav-pill > .ut-active > a, 
.staff-member-template-default .ut-subnav-pill > .ut-active > a {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 500;
}
@media (min-width: 960px) {
	.ut-featured-researcher .ut-avatar-holder {
		margin: 0 auto 0 0;
	}
}
@media (max-width: 959px) {
	.ut-featured-researcher .ut-section-header {
		text-align: center;
	}
	.ut-featured-researcher .ut-avatar-holder {
		margin: 0 auto;
	}
}
@media (max-width: 639px) {
	.ut-membership-front .ut-subnav-pill li a, .staff-member-template-default .ut-subnav-pill li a {
		margin-bottom: 10px;
	}
	.ut-membership-front .ut-subnav-pill li:last-child a, .staff-member-template-default .ut-subnav-pill li:last-child a {
		margin-bottom: 0;
	}
}
@media (max-width: 420px) {
	.ut-featured-researcher .ut-section-header .ut-margin-medium-right {
		margin-right: 0 !important;
	}
}
/* ========================================================================
   Members
 ========================================================================== */
.ut-membership-section {
	
}
.ut-membership-section.ut-membership-list {
	background: #FFFFFF;
	padding-top: 0 !important;
}

.ut-dark-box {
	background: #191C20;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ut-dark-box > p {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 0.7);
}
.ut-dark-box .ut-button-text {
	color: #efefef !important;
}
.ut-membership-card {
    position: relative;
    font-size: 13px;
}
.ut-flip-box {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
}
.ut-flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.ut-flip-box:hover .ut-flip-box-inner {
  transform: rotateX(180deg);
}
.ut-membership-card-2.ut-flip-box:hover .ut-flip-box-inner {
  transform: rotateY(180deg);
}
.ut-flip-box-front, 
.ut-flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ut-flip-box-front .ut-caption-title-small {
    padding: 1em;
}
.ut-membership-card-1 .ut-flip-box-front,
.ut-membership-card-2 .ut-flip-box-front,
.ut-membership-card-3 .ut-flip-box-front {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
content: '';
width: 100%;
height: 100%;

}
.ut-membership-card-1 .ut-flip-box-front .ut-caption-title-small,
.ut-membership-card-2 .ut-flip-box-front .ut-caption-title-small,
.ut-membership-card-3 .ut-flip-box-front .ut-caption-title-small {
    color: #FFFFFF;
}
.ut-membership-card-1 .ut-flip-box-front {
  background-image: url("img/t3.jpg");
  background-color: #207164;
  color: white;
}
.ut-membership-card-2 .ut-flip-box-front {
    background-image: url("img/t1.jpg");
  background-color: #504746;
  color: white;
}
.ut-membership-card-3 .ut-flip-box-front {
    background-image: url("img/t2.jpg");
  background-color: #c9b79c;
  color: white;
}
.ut-membership-card-1 .ut-flip-box-front::after,
.ut-membership-card-2 .ut-flip-box-front::after,
.ut-membership-card-3 .ut-flip-box-front::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
}
.ut-membership-card-2 .ut-flip-box-back {
    transform: rotateY(180deg);
}
.ut-flip-box-back {
  transform: rotateX(180deg);
}
.ut-membership-card-1 .ut-flip-box-back {
  background-color: #207164;
  color: white;
}
.ut-membership-card-2 .ut-flip-box-back {
  background-color: #504746;
  color: white;
}
.ut-membership-card-3 .ut-flip-box-back {
  background-color: #c9b79c;
  color: white;
}
.ut-task-force-member .ut-caption-title-xsmall {
    margin-bottom: 2px;
}
.ut-task-force-member .ut-caption-subtitle-xsmall {
    font-size: 0.8rem;
}
/* Erstmal disabled 
.ut-membership-title {
	text-align: center;s
}
@media (min-width: 960px) {
.ut-membership-title {
	text-align: left;
}
}
*/
/* ========================================================================
   Filter
 ========================================================================== */
/* Search Filter */
.ut-search-filter .ut-search-navbar {
	width: 100%;
}
.ut-search-filter-background {
	background: #f5f5f5;
}
.ut-archive-header h4 {
	font-weight: 600;
}

/* ========================================================================
   Video Section
 ========================================================================== */
.ut-play-button {
	height: 32px;
	width: 32px;
	text-align: center;
	color: #000000;
	background: #C3DBC5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    top: 10px;
    left: 30px;
}
.ut-video-card img {
    width: 100%;
}
.ut-video-card .ut-caption-title-xsmall {
	color: #000000;
}
.ut-lightbox {
    background: rgba(0,0,0,0.7) !important;
}
.ut-youtube-icon {
    color: #FF0000;
    margin-bottom: 15px;
}

/* ========================================================================
   Contact Page
 ========================================================================== */

@media (max-width: 639px) {
	.ut-page-details-black-box .ut-icon {
		display: block !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
		text-align: center;
	}
	.ut-h4 {
		font-size: 1rem;
	}
}
.ut-contact-address a, .ut-contact-bank a, .ut-page-details a {
	font-weight: 500;
	text-decoration: underline;
}
.ut-contact-address a:hover, .ut-contact-bank a:hover, .ut-page-details a:hover, .ut-contact-address a:active, .ut-contact-bank a:active, .ut-page-details a:active, .ut-contact-address a:focus, .ut-contact-bank a:focus, .ut-page-details a:focus {
	text-decoration: none;
}
.wpcf7-recaptcha {}

.page-template-template-contact .wpcf7-submit {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

/* ========================================================================
   Footer
 ========================================================================== */
.ut-footer-stay-connected {
	color: #efefef;
}
.ut-footer-follow-and-subscribe {
	color: rgba(255, 255, 255, 0.5) !important;
}
.ut-footer-social-icons a {
	color: rgba(255, 255, 255, 0.7) !important;
}
.ut-footer-social-icons a:hover, .ut-footer-social-icons a:focus, .ut-footer-social-icons a:active {
	color: #efefef !important;
}
.ut-top-footer .ceps-input {
	background: transparent;
	background-color: transparent !important;
	border-width: 0 0 thick;
    padding-left: 0;
}
.ut-top-footer .ceps-input[type="text"] {
    padding-right: 0;
}
.ut-top-footer .ceps-input {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.2);
	background-clip: padding-box;
}
.ut-top-footer .ut-checkbox, .ut-top-footer .ut-checkbox:checked, .ut-top-footer .ut-checkbox:indeterminate {
	border-color: rgba(255, 255, 255, 0.1);
}
.ut-top-footer .ceps-privacy-accept {
	font-size: 0.75rem;
	margin-left: 0;
}
.ut-top-footer .ceps-privacy-accept a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: underline;
}
.ut-top-footer .ceps-privacy-accept a:hover, .ut-top-footer .ceps-privacy-accept a:active, .ut-top-footer .ceps-privacy-accept a:focus {
	text-decoration: none;
}
.ut-top-footer .ceps-input:focus {
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.7);
}
.ut-top-footer .ut-form-icon:hover {
	color: rgba(255, 255, 255, 0.7);
}
#ut-footer .ut-tile-default {
	font-size: 0.875rem;
    background: transparent;
}
#ut-footer .widget-container {
	color: #000000
}
#ut-footer .widget-container a {
	color: #000000
}
#ut-footer .widget-container a:hover,
#ut-footer .widget-container a:active, 
#ut-footer .widget-container a:focus {
	color: #000000;
    color:rgba(0,0,0,0.7);
}
.ut-footer-logo {
	color: #000000;
}
.ut-footer-title {
	font-weight: 600;
	font-size: 0.875rem;
}
.ut-dark {
	color: #000000;
}
.ut-footer-ceps {
    font-size: 0.675rem;
    font-weight: 600;
    line-height: 1.2;
    etter-spacing: -0.01em;
}
.ut-all-rights {
    text-transform: uppercase;
}
#ut-footer .tweet a {
	color: #000000;
	text-decoration: underline;
}
#ut-footer .tweet a:hover, 
#ut-footer .tweet a:focus, 
#ut-footer .tweet a:active {
	text-decoration: none;
}
.united-themes {
	font-size: 0.575rem;
	font-weight: 600;
	letter-spacing: -0.01em;
    line-height: 1.2;
    color: #000000;
}
.united-themes a {
    position: relative;
}
.united-themes a::after {
    content: 'Hire Us';
    background: #202425;
    color: #fff;
    width: 0;
    opacity: 0;
    position: absolute;
    bottom: -15px;
    left: 0;
    text-align: center;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    white-space: nowrap;
}
.united-themes a:hover::after {
    opacity: 1;
    width: 100%;
}
#ut-curvedarrow {
    position: relative;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #999999;
    transform: rotate(10deg);
    margin: 0 0 5px;
}
#ut-curvedarrow:after {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-top: 3px solid #999999;
    border-radius: 20px 0 0 0;
    top: -12px;
    left: -9px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
}

@media (max-width: 959px) {
	.ut-top-footer {
		text-align: center;
	}
	.ut-footer-subscribe-holder {
		margin: 0 auto !important;
	}
	.ut-footer-logo {
		padding-bottom: 0 !important;
	}
	.ut-top-footer .ceps-privacy-accept {
		margin-left: 0;
	}
}
@media (max-width: 639px) {
	.widget-container {
		text-align: center;
	}
	#ut-footer .ut-tile {
		padding-bottom: 0;
	}
}

/* ========================================================================
   WordPress Stuff
 ========================================================================== */
/* Start WordPress Gallery */
.gallery img {
	border: none !important;
	overflow: hidden;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0 !important;
	position: relative;
	overflow: hidden;
	border: 2px solid #FFFFFF;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ut-gallery-icon {
	z-index: 2;
}
.gallery-item .gallery-caption {
	display: none;
}

.gallery .wp-caption-text {
    font-size: 0.6752em;
    line-height: 1.1;
}
.wp-caption-text {
	color: #999999;
	font-size: 0.8125rem;
	font-style: italic;
	margin-top: 0 !important;
}
.wp-caption {
	max-width: 100%;
}
.gallery-caption {
	display: block;
}
.gallery-columns-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.gallery-columns-1 .gallery-item {
	float: none !important;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
/* Start Media Query */
/* Disable Caption on Mobile and Tablet */
@media (min-width: 1200px) {
	.gallery-item .gallery-caption {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		color: #FFFFFF;
		width: calc(100% - 20px);
		margin: 0 !important;
		background: rgba(0, 0, 0, 0.5);
		opacity: 0;
		padding: 10px;
		bottom: -50%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.gallery-item:hover .gallery-caption {
		bottom: 0;
		opacity: 1;
	}
}
/* End Media Query /*

/* End WordPress Gallery */
/* Start WordPress Images */

.ut-lightbox-image-wrap,
 div.wp-caption {
    margin: 0 0 5px 0;
}
*:not(.wp-caption):not(.mashsb-container) + .ut-lightbox-image-wrap,
 *:not(.mashsb-container) + div.wp-caption {
    margin-top: 20px;
} 
.ut-lightbox-image-wrap { 
	display: inline-block;
    margin-top: 5px;
}
div.wp-caption .ut-lightbox-image-wrap  {
    margin: 0 !important;
}
.alignleft {
	display: inline;
	float: left; 
	margin-right: 20px !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px !important;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* End WordPress Images */
/* Start Other Stuff */
.widget-container ul {
	list-style: none;
}
.widget-container ul:not(.children) {
	padding-left: 0;
}
.ut-entry-date {
	font-weight: 500;
}
.wp-playlist {
	padding: 20px 20px 5px !important;
	border-color: #e5e5e5 !important;
}
.wp-playlist-item {
	padding: 15px 0 !important;
	border-color: #e5e5e5 !important;
}
.wp-playlist-item-length {
	top: 15px !important;
}
.wp-playlist-current-item {
    display: none !important;
}
.wp-playlist-playing .wp-playlist-item-title {
    font-weight: bold !important;
    color: #000000;
}

#respond {
	margin-top: 40px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
	#respond {
		margin-top: 70px !important;
	}
}
/* End Query */
#respond .form-submit input#submit {
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
#reply-title {
	font-size: 16px;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0;
}
.comment-reply-title small {
	font-size: 0.75rem;
}
.logged-in-as, .comment-form-cookies-consent, .comment-notes {
	font-size: 0.875rem;
}
.logged-in-as a {
	color: #999999;
}
.logged-in-as a:hover, .logged-in-as a:active {
	color: #000000;
}
#wp-comment-cookies-consent {
	margin-right: 10px;
}
.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label {
	font-weight: 500;
	font-size: 0.875rem;
	text-transform: uppercase;
}
/* Start Query */
@media (max-width: 960px) {
	.comment-list ul.children {
		padding-left: 0;
	}
}
/* End Query */
.wp-block-button__link {
	background: #202425;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none !important;
}
.is-style-outline {
	color: #000000;
}
/* ========================================================================
   Responsive Stuff
 ========================================================================== */
/*
	Tablet Portrait
  --ut-breakpoint-s: 640px;

	Tablet Landscape
  --ut-breakpoint-m: 960px;
	
	Notebook
  --ut-breakpoint-l: 1200px;
	
	Large
  --ut-breakpoint-xl: 1600px;
  --ut-breakpoint-xxl: 1920px;	
*/

.ut-hero-title,
.ut-page-title {
    font-family: 'Montserrat', sans-serif;
}
.ut-page-title {
    font-size: 2.2rem;
}
.ut-hero-title {
    font-size: 2.2rem;
}
#ut-hero-slider .ut-text-lead {
    font-size: 0.925rem;
} 
.ut-section-title {
	font-size: 1.6rem;
    font-weight: 600;
	color: #000000;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
    line-height: 1.2;
    margin: 0 0 10px 0;
}
@media (min-width: 960px) {
.ut-section-title {
    margin: 20px 0 10px 0;
}
}
.ut-section-title a {
	color: #000000;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.ut-section-title a:hover {
	color: #999999 !important;
}
.ut-caption-title {
	font-size: 1.25rem;
}
.ut-caption-subtitle {
	font-size: 1rem;
}
.ut-slider-caption .ut-label {
    position: absolute;
    top:-7px;
    left: 20px;
}
.ut-slider-caption .ut-caption-title {
    font-size: 1.125rem;
}

.ut-slider-caption .ut-caption-subtitle {
    font-size: 0.825rem;
}
.ut-slider-caption {
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 0.5);
	margin: 0;
    padding: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.ut-hero-slider-link {
    margin-bottom: 0;
    margin-top: 10px;
}
.ut-slider-caption .ut-caption-title a {
    color: #FFFFFF;
}
.ut-slider-caption .ut-caption-title a:hover,
.ut-slider-caption .ut-caption-title a:focus {
    opacity: 0.7;
}

@media (min-width: 960px) {
.ut-slider-caption .ut-label {
    left: 30px;
}
.ut-slider-caption {
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 0.5);
	margin: 0;
    padding: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ut-hero-slider-link {
    margin-top: 15px;
}
.ut-slider-caption .ut-caption-subtitle {
    font-size: 0.9rem;
}
.ut-slider-caption .ut-caption-title {
    font-size: 1.2rem;
}
}
@media (min-width: 1200px) {
.ut-slider-caption .ut-label {
    left: 30px;
}
.ut-slider-caption {
    background: rgb(32, 36, 37);
    background: rgba(32, 36, 37, 0.5);
	margin: 0 30px 30px 30px;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ut-hero-slider-link {
    margin-top: 20px;
}
.ut-slider-caption .ut-caption-subtitle {
    font-size: 1rem;
}
.ut-slider-caption .ut-caption-title {
    font-size: 1.25rem;
}
}
.ut-news-card:not(.ut-personal-site-news-card) .ut-cover-container {
    height: auto;
}
@media (min-width: 640px) {
.ut-news-card:not(.ut-personal-site-news-card) .ut-cover-container {
    height: 300px;
}
}
.ut-label {
    margin-bottom: 15px;
}
.ut-light.ut-slider-caption .ut-divider,
.ut-light.ut-slider-caption .ut-divider::after {
    background: #FFFFFF;
    width: 50%;
}
.ut-dark.ut-slider-caption .ut-divider,
.ut-dark.ut-slider-caption .ut-divider::after {
    background: #000000;
    width: 50%;
}
.ut-small-title {
	font-size: 0.8rem;
	font-weight: 600;
}
/* Small */
.ut-caption-title-small {
	font-size: 1.1rem;
}
.ut-caption-subtitle-small {
	font-size: 0.825rem;
}
.ut-card-body {
    font-size: 0.875rem;
}

/* xSmall */
.ut-caption-title-xsmall {
	font-size: 0.85rem;
}
.ut-caption-subtitle-xsmall {
	font-size: 0.775rem;
}
/* Tablet Portrait */
@media (min-width: 640px) {
	.ut-page-title {
    font-size: 2.5rem;
}
    .ut-hero-title {
    font-size: 2.5rem;
}
}
/* End Query */
/* Tablet Landscape */
@media (min-width: 960px) {
    .ut-page-title {
    font-size: 2.8rem;
}
.ut-slider-caption {
		width: 350px;
	}
    .ut-hero-title {
    font-size: 2.6rem;
}
} 
/* End Query */
/* Notebook */
@media (min-width: 1200px) {
	.ut-page-title {
		font-size: 3.2rem;
	}
    .ut-caption-title-small {
	font-size: 1.125rem;
    }
    .ut-caption-subtitle-small {
	font-size: 0.95rem;
    }
    .ut-card-body {
    font-size: 0.9rem;
    }
    .ut-hero-title {
    font-size: 2.7rem;
}
#ut-hero-slider .ut-text-lead {
    font-size: 0.95rem;
} 
}
/* End Query */
/* Large */
@media (min-width: 1600px) {
.ut-page-title {
		font-size: 3.5rem;
	}
.ut-hero-title {
    font-size: 3rem;
}
#ut-hero-slider .ut-text-lead {
    font-size: 1.1rem;
} 
}
/* End Query */
/* XXL */
@media (min-width: 1920px) {
	.ut-page-title {
		font-size: 4rem;
	}
}
/* End Query */
/*

@media (min-width: 640px) {
	
	.archive,
	.ut-latest-news-section {
		background: #f90 !important;
	}
}
@media (min-width: 960px) {
	.archive,
	.ut-latest-news-section {
		background: red !important;
	}
}

@media (min-width: 1200px) {
	.archive,
	.ut-latest-news-section {
		background: green !important;
	}
}

@media (min-width: 1600px) {
	.archive,
	.ut-latest-news-section {
		background: blue !important;
	}
}
*/

/* ========================================================================
   CSS Animations
 ========================================================================== */
/* Slider Caption */
.ut-hero-caption-animation {
	transition: opacity .5s, transform 0s .5s;
	will-change: transform;
	opacity: 0;
	-webkit-transform: scaleY(1.2) translateY(2rem);
	-moz-transform: scaleY(1.2) translateY(2rem);
	-ms-transform: scaleY(1.2) translateY(2rem);
	transform: scaleY(1.2) translateY(2rem);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}
.ut-hero-caption-animation.active {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1), transform 1s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: scaleY(1) translateY(1px);
	-moz-transform: scaleY(1) translateY(1px);
	-ms-transform: scaleY(1) translateY(1px);
	transform: scaleY(1) translateY(1px);
}
.ut-portrait-card, .ut-card-media-top, .ut-landscape-card, .gallery-item, .ut-lightbox-image-wrap {
	overflow: hidden;
}
.ut-profile-link-disabled .ut-cover-container::after {
	display: none !important;
}
.ut-thumbnail:hover a::after, 
.ut-lightbox-image-wrap:hover a::after, 
.gallery-item:hover a::after, 
.ut-portrait-card:hover .ut-cover-container::after, 
.ut-landscape-card:hover .ut-cover-container::after {
	opacity: 1;
}
.ut-thumbnail a::after, 
.ut-lightbox-image-wrap a::after, 
.gallery-item a::after , 
.ut-portrait-card .ut-cover-container::after, 
.ut-landscape-card .ut-cover-container::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%; 
	background: rgba(32, 114, 100, 0.33);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 250ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-portrait-card .ut-cover-container .ut-padding-small, .ut-landscape-card .ut-cover-container .ut-padding-small {
	z-index: 20;
}
.ut-portrait-card .ut-cover-container, .ut-landscape-card .ut-cover-container {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ut-navigation-label {
	font-weight: bold;
	display: inline-block;
	font-size: 0.6rem;
	white-space: nowrap;
	text-transform: uppercase;
	margin-top: 2px !important;
}
.ut-filter-selected .ut-navigation-label {
	color: #207164;
}
.ut-card-custom {
    background: #fff1d0;
}
/* Old Color 
.ut-card-custom-2 {
    background: #ee7b30;
    color: #FFFFFF;
}
*/
.ut-card-custom-2 {
    background-color: #207164;
    color: #FFFFFF;
}
.ut-event-list-section::after {
    background-image: url("img/eventlist-card-bg.png");
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: bottom left;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
.ut-card-eventlist-custom-3::after {
    background-image: url("img/event-custom-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

.ut-card-custom-2::after,
.ut-card-custom-3::after {
    background-image: url("img/event-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.ut-card-custom-2  .ut-label {
    background: #32292F;
}
.ut-card-custom-2 .ut-button-primary {
    background: #32292F !important;
    color: #FFFFFF !important;
}
.ut-card-custom-3 {
    background: #32292f;
    color: #FFFFFF;
}
.ut-card-custom-2 .ut-caption-title-small,
.ut-card-custom-3 .ut-caption-title-small {
    color: #FFFFFF;
}
.ut-card-custom-2 .ut-caption-subtitle-small,
.ut-card-custom-2 .ut-date-label,
.ut-card-custom-2 .ut-button-text,
.ut-card-custom-3 .ut-caption-subtitle-small,
.ut-card-custom-3 .ut-date-label,
.ut-card-custom-3 .ut-button-text {
    color: #f3f3f3;
}
.ut-card-footer {
	color: #999999;
	font-weight: 500;
	display: none;
}
.ut-card-footer span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ut-footer-units {
	font-size: 0.725rem;
	text-transform: uppercase;
}
.ut-footer-topics {
	font-size: 0.6rem;
}
.ut-main-label {
    font-weight: 700;
}
.ut-main-label + .ut-sub-label {
	font-size: 0.75rem;
	font-weight: 700;
	color: #000000;
	border-top: 1px solid #000000;
}
.ut-lead-author, 
.ut-unit-lead {
	color: #999999;
    font-size: 1rem;
}
.ut-lead-author a, 
.ut-unit-lead a {
	color: #999999;
	text-decoration: underline;
}
.ut-lead-author a:hover, 
.ut-lead-author a:active, 
.ut-lead-author a:focus, 
.ut-unit-lead a:hover,
.ut-unit-lead a:active,
.ut-unit-lead a:focus {
	text-decoration: none;
}
/* Event Page
 ========================================================================== */

.ut-event-fees-description,
.ut-event-location-name, 
.ut-event-location-street, 
.ut-event-location-city, 
.ut-event-day, 
.ut-event-date,
.ut-speakers-description {
    color: #000000;
    font-size: 0.875rem;
}
.ut-countdown-section .ut-event-fees-description,
.ut-countdown-section .ut-event-location-name, 
.ut-countdown-section .ut-event-location-street, 
.ut-countdown-section .ut-event-location-city,
.ut-countdown-section .ut-event-day,
.ut-countdown-section .ut-event-date {
    color: #efefef;
}
.ut-event-card .ut-event-location-city,
.ut-speakers-list {
   font-size: 0.775rem !important;
   padding: 0;
}
.ut-speakers-list li {
    display: inline;
}
.single-post .ut-content-sticky,
.single-programmes .ut-content-sticky,
.single-projects .ut-content-sticky,
.single-task-forces .ut-content-sticky,
.single-events .ut-content-sticky {
    background: #f9f9f9;
    padding: 20px;
    -webkit-borde-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.single-events .ut-content-sticky .ut-event-date {
    font-style: italic;
    margin: 5px 0;
    background: #555;
    color: #fff;
    padding: 0.1em 0.5em;
    font-weight: 600;
}
.single-events .ut-content-sticky .ut-event-date:last-child {
    margin-bottom: 0;
}
.ut-guest-list .ut-speakers-name {
     font-weight: 600;
}
.ut-guest-list .ut-speakers-description {
    font-size: 0.775rem;
    font-weight: 500;
}
.ut-guest-list .ut-speakers-card {
    background: #f9f9f9;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radoisu: 5px;
    border-radius: 5px;
}
.ut-speakers-name {
    color: #000000;
    font-size: 0.85rem;
    font-weight: 500;
    padding-left: 0 !important;
    letter-spacing: -0.0.3em;
}
.ut-event-host .ut-author-personal-site {
    margin-top: 7px;
}
.ut-event-host .ut-caption-title-xsmall {
    margin-bottom: 2px;
}
@media (min-width: 1200px) {
	.ut-landscape-card:hover .ut-hover-caption, 
    .ut-portrait-card:hover .ut-hover-caption {
		opacity: 1;
		transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
		-ms-transform: scaleY(1) translate(-50%, -50%);
		transform: scaleY(1) translate(-50%, -50%);
	}
}
.ut-book-card .ut-cover-container::after {
	background: rgba(19, 22, 27, 1);
	opacity: 0;
}
.ut-book-card .ut-hover-caption {
	opacity: 0;
	transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
	-ms-transform: scaleY(1) translate(-50%, -50%);
	transform: scaleY(1) translate(-50%, -50%);
	width: 100%;
}
.ut-book-card:hover .ut-hover-caption {
	opacity: 1;
	transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
	-ms-transform: scaleY(1) translate(-50%, -50%);
	transform: scaleY(1) translate(-50%, -50%);
}
.ut-book-card .ut-card-footer {
	border: none !important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ut-book-card .ut-hover-caption {
	opacity: 0;
	z-index: 100;
	-ms-transform: scaleY(1.2) translate(-50%, 100%);
	transform: scaleY(1.2) translate(-50%, 100%);
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	transition: opacity .4s, transform 0s .4s;
	will-change: transform;
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
}
@media (min-width: 1200px) {
	.ut-hover-caption {
		opacity: 0;
		z-index: 100;
		-ms-transform: scaleY(1.1) translate(-50%, 50%);
		transform: scaleY(1.1) translate(-50%, 50%);
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		will-change: transform;
		width: -moz-max-content;
		width: max-content;
		max-width: 100%;
		box-sizing: border-box;
		top: 50%;
		left: 50%;
	}
}
.ut-book-card .ut-book-label {
	opacity: 1;
	transition: opacity .8s cubic-bezier(.165, .84, .44, 1),
}
.ut-book-card:hover .ut-book-label {
	opacity: 0;
}
.ut-logo-caption {
	/*background: #191C20;*/
	opacity: 0;
	z-index: 100;
	-ms-transform: scaleX(1.2) translateX(-5rem);
	transform: scaleX(1.2) translateX(-5rem);
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	transition: opacity .4s, transform 0s .4s;
	will-change: transform;
	padding: 12px 0 0 12px;
}
.ut-book-card:hover .ut-logo-caption {
	opacity: 1;
	transition: opacity .8s cubic-bezier(.165, .84, .44, 1), transform .8s cubic-bezier(.165, .84, .44, 1);
	-ms-transform: scaleX(1) translateX(0);
	transform: scaleX(1) translateX(0);
}
.ut-book-title {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 5px;
}
.ut-book-hover-authors {
	font-size: 10px;
	line-height: 1.4;
	display: block;
	color: rgba(255, 255, 255, 0.5) !important;
}
.ut-book-subtitle {
	font-size: 0.8rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5) !important;
	line-height: 1.3;
}
.ut-hover-caption .ut-caption-subtitle-xsmall {
	color: rgba(255, 255, 255, 0.7);
}
img {
	color: transparent;
}
.ut-unit-list,
.ut-topic-list {
    font-size: 0.825rem;
    padding-left: 15px;
    line-height: 1.3;
}
.ut-unit-list li,
.ut-topic-list li {
    margin-bottom: 5px;
}
.ut-unit-list li:last-child,
.ut-topic-list li:last-child {
    margin-bottom: 0;
}
.ut-unit-list .ut-label, 
.ut-topic-list .ut-label,
.ut-tag-list .ut-label {
	margin: 0 10px 10px 0;
    padding: 0.5em 1em;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.ut-filter-container .ut-subnav > * > :first-child {
	font-weight: 600;
}
.ut-filter-container .ut-nav > li > a, 
.ut-download-button .ut-nav > li > a {
	padding: 0 0 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ut-filter-container .ut-nav > li > a {
	color: #555555;
}
.ut-filter-container .ut-nav > li > a:hover {
	color: #000000;
}
.ut-filter-container .ut-nav > li.ut-active > a {
	color: #000000;
}
.ut-filter-container .ut-nav > li > a:hover .ut-filter-uncheck {
	border-color: #000000;
}
.ut-nav > li:last-child > a {
	padding: 0;
}
.ut-filter-container .ut-nav > li {
	padding: 0;
}
.ut-filter-container .ut-dropdown .ut-nav > li:last-child > a {
	padding: 0;
}
.ut-last-visible-li > a,
.ut-filter-container .ut-nav > li:last-child > a, 
.ut-download-button .ut-nav > li:last-child > a {
	padding: 0 !important;
}

/* Removes the divider on small mobiles */
@media (max-width: 640px) {
	.ut-subnav-divider > :nth-child(n+2):not(.ut-first-column)::before {
		display: none;
	}
	.ut-button-holder {
		text-align: center;
	}
	.ut-button.ut-margin-right {
		margin-right: 0 !important;
	}
}
@media (max-width: 960px) {
	.ut-dropdown-grid .ut-grid-margin.ut-first-column {
		margin-top: 10px;
	}
}
@media (min-width: 960px) {
	.ut-filter-uncheck {
		margin-top: -3px;
	}
}
.ut-filter-uncheck {
	display: inline-block;
	height: 16px;
	width: 16px;
	border: 1px solid #999999;
	vertical-align: middle;
	color: transparent;
	
}
.ut-active .ut-filter-uncheck {
	color: #FFFFFF;
	background: #202425;
	border-color: #202425;
	font-weight: bold;
}
.ut-filter-selected .ut-filter-uncheck {
	color: #ffffff;
	background: #207164;
	border-color: #207164;
	font-weight: bold;
}
.ut-button-text {
	font-weight: 600;
}
.ut-light .ut-button-text::before {
    background-color: #ffffff;
}
.ut-button .ut-icon {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.ut-button:hover .ut-icon {
    padding-left: 5px;
}
#ut-play-video .ut-button:hover .ut-icon,
.ut-download-button .ut-button:hover .ut-icon {
    padding-left: 0;
}
.ut-button-text::before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-color: #207164;
}
.ut-button-text:hover::before, 
.ut-button-text:focus::before {
    -webkit-animation: ceps-underline-animation .2s both;
    animation: ceps-underline-animation .2s both;
        animation-timing-function: ease;
        animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0.4,0,0.2,1);
    animation-timing-function: cubic-bezier(0.4,0,0.2,1);
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
@-webkit-keyframes ceps-underline-animation{from{visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
to{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes ceps-underline-animation{from{visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
to{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
}


/* Welcome Title */
@media (min-width: 1200px) {
	.ut-section-header {
		text-align: left;
	}
}
.ut-hero-header, 
.ut-section-header, 
.ut-hero-slogan {
	position: relative;
	z-index: 1;
}
.ut-section-header {
    font-size: 0.925rem;
} 
.ut-heading-hero, 
.ut-page-title,
.ut-hero-title {
	color: #000000;
	font-weight: 700;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
    line-height: 1.1;
}
.ut-heading-hero {
	color: #FFFFFF;
}
.ut-page-title, 
.ut-heading-hero {
	margin-top: 20px;
}
.ut-title-slogan {
	color: #000000;
	display: inline-block;
	border-bottom: 3px solid #207164;
	margin-bottom: 12px;
    font-size: 0.85rem;
    text-transform: uppercase;
    font-variant: small-caps;
    font-weight: 600;
}
.ut-event-toggle .ut-small-title {
	color: #FFFFFF;
    text-transform: uppercase;
}
.ut-light .ut-small-title {
	color: #FFFFFF;
}
.ut-light .ut-small-title.ut-small-title-secondary, 
.ut-small-title-secondary {
	border-color: #000000;
}
/* Page Title & Section Title
 ========================================================================== */
/* Sections */
.ut-relatedt-task-forces, 
.ut-related-projects, 
.ut-related-publications {
	background: #efefef;
}
.ut-event-details {
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.ut-random-projects .ut-panel.ut-width-large {
	width: 620px !important;
}
.single-task-forces .ut-content-sticky .ut-event-date,
.single-projects .ut-content-sticky .ut-event-date {
    font-weight: 600;
    font-style: italic;
    text-align: center;
    background: #555555;
    color: #FFFFFF;
    padding: 0.1em 0;
}
@media (max-width: 939px) {
	.ut-margin-responsive {
		margin: 0 auto;
	}
}
/* Sticky */
.ut-content-sticky {
	position: relative;
}
@media (min-width: 640px) {
	@supports(position: sticky) {
		.ut-content-sticky {
			position: -webkit-sticky; /* Safari */
			position: sticky;
			top: 70px;
		}
	}
}
/* ========================================================================
   # News Page
 ========================================================================== */

.ut-divider {
	height: 1px;
	width: 100%;
	background: #000000;
	position: relative;
}
.ut-divider::after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 33%;
	height: 3px;
	background: #000000;
}
.ut-divider.ut-divider-custom, .ut-divider.ut-divider-custom::after {
	background: #000000;
}
.ut-divider.ut-divider-green, .ut-divider.ut-divider-green::after {
	background: #207164;
}
.ut-divider.ut-divider-light, .ut-divider.ut-divider-light::after {
	background: #FFFFFF;
}
.ut-content *:not(.mashsb-container):last-of-type {
	margin-bottom: 0 !important;
}
@media (min-width: 1920px) {
	.ut-pull-up-box {
		margin-top: -80px;
		padding: 0 40px;
	}
	.ut-pull-up-box > .ut-panel {
		margin-top: 0 !important;
		padding: 40px 40px 0;
	}
}
/* ========================================================================
   # Project Page
 ========================================================================== */
.ut-project-box .ut-dropdown-nav > li > a {
	color: #999999 !important;
}
.ut-project-box .ut-dropdown-nav > li > a:hover {
	color: #000000 !important;
}
/* ========================================================================
   # Staff Page
 ========================================================================== */

.ut-next-member {
    background: #EEF2F0;
}
@media (max-width: 959px) {
	#ut-hero.ut-split-hero .ut-flexible-hero {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	#ut-hero.ut-split-hero .ut-flexible-container {
		max-width: none;
		margin-left: 0;
	}
	#ut-hero.ut-split-hero .ut-flexible-header {
		text-align: left;
		padding-bottom: 40px;
	}
	#ut-hero.ut-split-hero .ut-heading-hero {
		font-size: 2.4rem !important;
	}
	#ut-hero.ut-split-hero .ut-heading-hero-sub {
		font-size: 1.4rem !important;
	}
}
/* End */
@media (max-width: 639px) {
	#ut-hero.ut-split-hero .ut-heading-hero {
		font-size: 1.4rem !important;
	}
	#ut-hero.ut-split-hero .ut-heading-hero-sub {
		font-size: 1rem !important;
	}
}
/* End */
.ut-education {
	font-size: 0.875rem;
    padding: 20px;
    background: #f5f5f5;
}
.ut-get-in-touch {
    font-size: 0.875rem;
    color: #000000;
}
.ut-get-in-touch .ut-list > li:nth-child(n+2) {
 margin-top: 5px;   
}

.ut-get-in-touch a {
    color: #000000;
}
/* ========================================================================
   # Publication Page
 ========================================================================== */
/* ========================================================================
   # Publication Sidebar / Filter
 ========================================================================== */
/* ========================================================================
   # Footer
 ========================================================================== */
/* ========================================================================
   # Cookie / GDPR Bar
 ========================================================================== */

#ut-cookie-bar {
    display: none;
	background: #202425;
	color: #999999;
	z-index: 901;
    position: relative;
	text-align: center;
    overflow: hidden; 
    padding: 0 20px 0 20px;
}

.ut-cookie-responsive-link {
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: underline;
}
.ut-cookie-responsive-link:hover,
.ut-cookie-responsive-link:focus {
    color: #999999;
}

#ut-responsive-accept-cookie {
    background: #ffffff;
    color: #000000;
    padding: 0.25em 1em 0.25em;
    line-height: 1;
}
#ut-responsive-accept-cookie:hover,
#ut-responsive-accept-cookie:focus {
    
}
#ut-cookie-bar .ut-cookie-link {
    font-size: 0.775rem;
}
.ut-cookie-information-responsive {
    font-size: 0.775rem;
}
.ut-cookie-responsive-link {
    text-decoration: underline;
}
.ut-cookie-link.ut-button-text::before {
    bottom: 0;
}
.ut-cookie-accepted .ut-card-page-like {
    display: flex;
}
.ut-cookie-icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.3em;
    background: #ededed;
    color: #000000;
    display: none;
}

.ut-cookie-bar-content .ut-h5 {
    display: none;
}

@media (min-width: 1200px) {
	#ut-cookie-bar {
	    position: fixed;
        background: #FFFFFF;
        color: #555555;
		bottom: 40px;
		right: 80px;
		left: auto;
        width: 0;
        opacity: 0;
        text-align: left;
        transition: width 2s ease, padding 2s ease ;
        padding: 30px 0 20px 0;
        -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
         -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }    
    .ut-site-loaded #ut-cookie-bar {
        opacity: 1;
        width: 300px;
        padding: 30px 107px 20px 40px;
    }
    .ut-cookie-bar-content > *:not(.ut-button) {
        opacity: 0;
        transition: opacity 3s ease;
    }
    .ut-cookie-bar-content {
        width: 300px;
    }
    .ut-site-loaded .ut-cookie-bar-content > * {
        opacity: 1;
    }
    .ut-cookie-bar-content .ut-h5 {
    display: block;
}
#ut-accept-cookie {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none !important;
}
#ut-accept-cookie:hover,
#ut-accept-cookie:focus {
    background: #ededed;
}
.ut-cookie-icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.3em;
    background: #ededed;
    color: #000000;
    display: block;
    
}
}
/* ========================================================================
   # Strokes
 ========================================================================== */
.ut-light .ut-stroke {
	color: white;
	-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: white;
}
.ut-stroke {
	color: black;
	-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
}
/* ========================================================================
   # Fancy Shapes / Clips
 ========================================================================== */
@media (min-width: 1200px) {
	.ut-clip {
		-webkit-clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
	}
	.ut-clip-double::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		-webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
		right: calc(-70%+ 10px);
	}
	.ut-clip-reverse {
		-webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
	}
	.ut-clip-reverse-double::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		-webkit-clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
		right: calc(70% - 10px);
	}
	.ut-clip-double-green::after {
		background: rgba(114, 191, 68, 0.5);
	}
	.ut-clip-double-black::after {
		background: #202425;
	}
}
/* Shapes not supported */
.no-shapes .ut-clip, 
.no-shapes .ut-clip-reverse, 
.no-shapes .ut-clip-double::after, 
.no-shapes .ut-clip-reverse-double::after, 
.no-shapes .ut-clip-double-green::after, 
.no-shapes .ut-clip-double-black::after {
	-webkit-clip-path: auto;
	clip-path: auto;
}
.no-shapes .ut-clip-double::after {
	right: 0;
	width: 10px;
}
.no-shapes .ut-clip-reverse-double::after {
	left: 0;
	width: 10px;
}
/* ========================================================================
   # CSS Effects
 ========================================================================== */
/* ------------ */
.ut-plus-open {
	background: #207164;
	color: #FFFFFF;
	padding: 20px;
}

/* Default Values */
.ut-custom-effect-1,
.ut-custom-effect-2 {
	transition: opacity .1s, 
				transform 0s .1s;
	will-change: transform;
	opacity: 0;
}
.ut-custom-effect-1.active {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1),  
				transform 1s cubic-bezier(.165, .84, .44, 1);
}
.ut-custom-effect-2.active {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1),  
				transform 1s cubic-bezier(.165, .84, .44, 1);
}
.ut-caption-effect.active {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1),  
				transform 1s cubic-bezier(.165, .84, .44, 1);
}

/* archive post cards */
.ut-post-card {
	opacity: 0;
}

.ut-animation-custom-effect-1 {
	animation-name: ut-custom-animation-effect-1;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

@keyframes ut-custom-animation-effect-1 {
	0% {
		opacity: 0;
		transform: scaleY(1.2) translateY(0.35rem);
	}
	100% {
		opacity: 1;
		transform: scaleY(1) translateY(0);
	}
}

/* From Bottom */
.ut-custom-effect-1-bottom {
	-ms-transform: scaleY(1.2) translateY(0.35rem);
	transform: scaleY(1.2) translateY(0.35rem);
	-ms-transform-origin: top center;
	transform-origin: top center;
}
.ut-custom-effect-1-bottom.active {
	-ms-transform: scaleY(1) translateY(0);
	transform: scaleY(1) translateY(0);
}
.ut-progressive-image {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	border: 0 none;
}
.ut-progressive-image.ut-image-preview {
	image-rendering: crisp-edges;
}
.ut-image-preview.ut-reveal {
	will-change: opacity;
	animation: progressiveImage 1.25s ease-out;
	animation-fill-mode: forwards;
}
@keyframes progressiveImage {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}