@charset "UTF-8";

/*
Theme Name: re.flect
Author: URBAN PROPAGANDA Communications GmbH
Author URI: https://urban-propaganda.de/
Description: Custom responsive theme.
Version: 2.1.4
Tags: php8, wp6
Text Domain: reflect
*/

:root {
	--text-color: #000;
	--text-hover-color: #555;
	--background-color: #fff;
	--box-background-color: #fbf4c5;
	--label-background-color: #f7d6b6;
	--section-background-color: #b5b9de;
	--ticker-background-color: #f9e780;
	--line-color: #ddd;
}


.bgc-1 {
	background-color: var(--box-background-color); /* yellow */
}
.bgc-2 {
	background-color: var(--label-background-color); /* orange */
}
.bgc-3 {
	background-color: var(--section-background-color); /* blue */
}


* {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	margin: 0;
	padding: 0;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}

.nodecoration {
	text-decoration: none;
}

.imgresponsive {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}


@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/figtree/Figtree-Regular.ttf") format('truetype');
	font-display: swap;
}
@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/figtree/Figtree-Bold.ttf") format('truetype');
	font-display: swap;
}

body {
	background-color: #fff;
	overflow-x: hidden;
}

body, input, textarea {
	font-size: 18px;
	line-height: 32px;
	font-family: 'Figtree', sans-serif;
}


a {
	color: var(--text-color);
}
a:hover {
	color: var(--label-background-color);
}


table, tbody {
	margin: 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
}
tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

h1, .h1 {
	font-size: 48px;
	line-height: 52px;
	font-weight: 700;
}
h2 {
	font-size: 36px;
	line-height: 40px;
}
h3 {
	font-size: 24px;
	line-height: 32px;
}
h4 {
	font-size: 20px;
	line-height: 28px;
}
h5 {
	font-size: 16px;
	line-height: 24px;
}
.h1, h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: 700;
}

small, .textsmall {
	font-size: 12px;
	line-height: 20px;
}
strong, .textbold {
	font-weight: 700;
}
.textupper {
	text-transform: uppercase;
}
.textitalic {
	font-style: italic;
}
.textgray {
	color: #888;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.textlarge {
	font-size: 96px;
	line-height: 104px;
}
.textlight {
	color: #fff;
}
.textdark,
.textdark:hover {
	color: #000;
}

.c-content-outer {
	max-width: 100%;
	margin: 0 auto;
}
.c-content-inner {
	padding: 0 40px;
}
.c-content-center {
	max-width: 1400px;
	margin: 0 auto;
}
.c-content-narrow {
	max-width: 1240px;
	margin: 0 auto;
}
.c-content-inner {
	padding: 0 40px;
}
.c-spacer {
	height: 40px;
}
.c-spacer-half {
	height: 20px;
}
.c-spacer-double {
	height: 80px;
}
.c-spacer-section {
	height: 160px;
}
.c-spacer-ticker {
	height: 32px;
}
.c-spacer-header {
	height: 60px;
}

.c-grid {
	display: grid;
	grid-template-rows: auto;
	grid-column-gap: 80px;
	grid-row-gap: 80px;
}
.c-grid-4-4-4 {
	grid-template-columns: 1fr 1fr 1fr;
}
.c-grid-4-8 {
	grid-template-columns: 1fr 2fr;
}
.c-grid-6-6 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.c-col-box {
	padding: 20px;
}


/* Social */
.social-nav ul {
	list-style-type: none;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 0 !important;
}
.social-nav ul li {
	display: inline-block;
	width: 100px;
	height: 40px;
	padding: 0 30px;
}
.social-nav ul li a {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.social-nav ul li a svg {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.social-nav ul li a svg path {
	fill: #d8d8d8;
}
.social-nav ul li a:hover svg path {
	fill: #fff;
}

.single-social-nav .social-nav ul {
	list-style-type: none;
	display: block;
	width: 100%;
	text-align: left;
}
.single-social-nav .social-nav ul li {
	display: inline-block;
	width: 70px;
	height: 40px;
	padding: 0 30px 0 0;
}
.single-social-nav .social-nav ul li a {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.single-social-nav .social-nav ul li a svg {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.single-social-nav .social-nav ul li a svg path {
	fill: var(--text-color);
}
.single-social-nav .social-nav ul li a:hover svg path {
	fill: var(--text-hover-color);
}

.author-social-nav .social-nav ul {
	list-style-type: none;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
}
.author-social-nav .social-nav ul li {
	display: inline-block;
	width: 40px;
	height: 20px;
	padding: 0 20px 0 0;
	margin: 0;
}
.author-social-nav .social-nav ul li a {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.author-social-nav .social-nav ul li a svg {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.author-social-nav .social-nav ul li a svg path {
	fill: var(--text-color);
}
.author-social-nav .social-nav ul li a:hover svg path {
	fill: var(--text-hover-color);
}

#headerbarsocial {
	padding-top: 19px;
}
#headerbarsocial .social-nav ul li {
	display: inline-block;
	width: 52px;
	height: 22px;
	padding: 0;
}
#headerbarsocial .social-nav ul li a {
	display: inline-block;
	width: 22px;
	height: 22px;
}
#headerbarsocial .social-nav ul li a svg {
	display: inline-block;
	width: 22px;
	height: 22px;
}
/* /Social */


/* Widgets */
.widget-title {
	display: none;
}
/* /Widgets */


.single-message {
	padding: 10px 20px;
	color: #fff;
	background-color: #000;
	text-align: center;
	margin-bottom: 20px;
}

.single-map {
	height: 360px;
	background-color: #ccc;
	margin-bottom: 20px;
}
.single-map iframe {
	width: 100%;
	height: 360px;
}


/* Header */
#header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #000;
	z-index: 9;
}

#tickerbarwrapper {
	width: 100vw;
	height: 32px;
	overflow: hidden;
}
#tickerbar {
	width: 400vw;
	height: 32px;
	background-color: var(--ticker-background-color);
	box-sizing: content-box;
}
.tickerbarsec {
	float: left;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	white-space: nowrap;
	vertical-align: middle;
	
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
@-webkit-keyframes ticker {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  visibility: visible;
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}
@keyframes ticker {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  visibility: visible;
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}

#headerbar {
	display: grid;
	grid-template-columns: 150px 1fr 167px 180px;
	grid-template-rows: 60px;
	grid-column-gap: 0px;
	grid-row-gap: 0px; 
	height: 60px;
}
#headerbarlogo {
	padding-top: 16px;
}
#headerbarlogo a {
	display: inline-block;
}
#headerbarlogo a svg {
	width: 90px;
	height: 24px;
}
#headerbarlogo a svg path {
	fill: #d8d8d8;
}
#headerbarlogo a:hover svg path {
	fill: #fff;
}

#headerbarmenu {
	position: relative;
}
#headerbarmenuitems ul {
	list-style-type: none;
	width: 100%;
	text-align: center;
}
#headerbarmenuitems ul li {
	display: inline-block;
	height: 60px;
	position: relative;
}
#headerbarmenuitems ul li a {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 36px;
	color: #d8d8d8;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
}
#headerbarmenuitems ul li a:hover {
	text-decoration: none;
	color: #fff;
}
#headerbarmenuitems ul li ul {
	display: inline-block;
	width: 300px;
	position: absolute;
	top: 60px;
	left: 16px;
	background-color: #000;
	height: auto;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.2s;
	pointer-events: none;
}

#headerbarmenuitems ul li:hover ul {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
#headerbarmenuitems ul li ul li {
	text-align: left;
	display: block;
}
#headerbarmenuitems ul li ul li a {
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px;
}

#headerbaraction {
	padding-top: 18px;
	text-align: right;
}
#headerbaraction ul {
	list-style-type: none;
	width: 108px;
	height: 24px;
	display: inline-block;
}
#headerbaraction ul li {
	display: inline-block;
	padding-left: 30px;
	float: left;
}

#menumoreitem {
	position: absolute !important;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}
body.header-more #menumoreitem {
	position: relative !important;
	opacity: 1;
	pointer-events: auto;
}
#menumoreitems ul.sub-menu {
	left: 0;
}


#headerbarmenuitems ul.menu > li.pditem {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

/* /Header */


.menuicon {
	display: inline-block;
	width: 20px;
	height: 24px;
	position: relative;
	cursor: pointer;
}
.menuicon span {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d8d8d8;
	opacity: 1;
	transition: all 0.2s;
}
.menuicon span.a1 {
	top: 4px;
}
.menuicon span.a2 {
	top: calc(50% - 1px);
}
.menuicon span.a3 {
	bottom: 4px;
}
.menuicon:hover span {
	background-color: #fff;
}
body.main-active .menuicon span.a1 {
	top: 11px;
	transform: rotate(-45deg);
}
body.main-active .menuicon span.a2 {
	opacity: 0;
}
body.main-active .menuicon span.a3 {
	bottom: 11px;
	transform: rotate(45deg);
}


.searchicon {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.searchicon svg {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.searchicon svg path {
	fill: #d8d8d8;
}
.searchicon:hover svg path {
	fill: #fff;
}


#mainmenu {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #000;
	color: #fff;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 7;
	transform: translateY(-100%);
	transition: transform 0.3s;
}
#mainmenumenu ul {
	display: block;
}
#mainmenumenu ul li {
	display: block;
	text-align: center;
	margin-bottom: 12px;
}
#mainmenumenu ul li a {
	display: inline-block;
	line-height: 26px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #d8d8d8;
}
#mainmenumenu ul li a:hover {
	text-decoration: none;
	color: #fff;
}
body.main-active #mainmenu {
	transform: translateY(0);
}
body.main-active #menu-header-menu {
	display: none;
}


#searchbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #000;
	color: #fff;
	transform: translateY(-100%);
	transition: transform 0.3s;
	z-index: 8;
}
body.search-active #searchbar {
	transform: translateY(0);
}
.searchform-wrapper {
	position: relative;
	padding-right: 44px;
	padding-left: 0;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
#searchform .searchform-inner {
	width: 100%;
	background-color: #fff;
	color: #000;
	height: 48px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
#searchform #s {
	color: #000;
	width: calc(100% - 54px);
	height: 48px;
	display: block;
	line-height: 48px;
	padding: 0 0 0 20px;
	border: none;
	background-color: transparent;
}
#searchsubmit {
	position: absolute;
	top: 0;
	right: 20px;
	border: none;
	background-color: transparent;
	width: 24px;
	height: 48px;
	cursor: pointer;
}
#searchclose {
	position: absolute;
	top: 14px;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#searchclose svg {
	display: inline-block;
	width: 20px;
	height: 20px;
}
#searchclose svg path {
	fill: #d8d8d8;
}
#searchclose:hover svg path {
	fill: #fff;
}

#hero-news-slider .hero-news-content {
	min-height: 560px;
	display: grid;
	align-items: center;
}
#hero-news-slider .hero-news-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#hero-news-slider .hero-news-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 80px;
	grid-row-gap: 0px;
}
#hero-news-slider .slick-dots {
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-top: 24px;
}
#hero-news-slider .slick-dots li {
	display: inline-block;
	height: 4px;
	padding: 0 5px;
	margin: 0;
}
#hero-news-slider .slick-dots li button {
	display: inline-block;
	height: 4px;
	background-color: #000;
	width: 32px;
	border-radius: 2px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 0;
	color: transparent;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#hero-news-slider .slick-dots li.slick-active button {
	width: 64px;
}

#hero-news-slider .hero-news-category {
	margin-bottom: 10px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 20px;
}
#hero-news-slider .hero-news-details,
#hero-news-slider .hero-news-details a,
#hero-news-slider .hero-news-details a:hover {
	color: #9b998a;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

.hero-news-grid {
	display: grid;
	grid-template-columns: 5fr 2fr;
	grid-template-rows: auto;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}
.hero-news-cell-image-wrapper {
	padding: 20px;
}
.hero-news-cell-thumb {
	background-color: #888;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 57%;
	display: block;
}
.hero-news-cell-image {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding-bottom: 56%;
}
.hero-news-cell-category {
	margin-bottom: 10px;
	line-height: 20px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 12px;
}
.hero-news-cell-details,
.hero-news-cell-details a,
.hero-news-cell-details a:hover {
	color: #9b998a;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}
.hero-news-cell-description {
	font-size: 16px;
	line-height: 24px;
}
.hero-news-cell-image-box {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 56%;
}
.hero-news-grid .cell-1 {
	padding-right: 24px;
	border-right: 2px solid #000;
}
.hero-news-grid-separator {
	margin: 24px 0 24px 0;
	border-bottom: 2px solid #000;
}
.hero-news-grid-separator {
	margin: 0;
	border: none;
	height: 60px;
}


.cell-left {
	float: left;
	width: 60%;
	padding-right: 20px;
}
.cell-right {
	float: left;
	width: 40%;
}
.cell-clear {
	clear: both;
}
@media all and (max-width:768px) {
	#hero-news-slider .hero-news-grid {
		display: block;
	}
	.hero-news-grid {
		display: block;
	}
	.hero-news-grid .cell-1 { margin-bottom: 20px; padding: 0; border: none; }
	.hero-news-grid .cell-2 { margin-bottom: 20px; padding: 0; border: none; }
}


.continued-news-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 80px;
	grid-row-gap: 80px;
}
.hero-news-continued {
	position: relative;
	overflow: hidden;
}
.hero-news-continued-image {
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	width: 120px;
	height: 120px;
	background-image: url('/wp-content/themes/reflect/images/placeholder.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.hero-news-continued-details-wrapper {
	padding-left: 140px;
	padding-right: 0;
	min-height: 120px;
}
.event-item .hero-news-continued-details-wrapper {
	padding-left: 140px;
	padding-right: 0;
}
.hero-news-continued-category {
	margin-bottom: 10px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}
.hero-news-continued-location {
	font-size: 16px;
	line-height: 24px;
	padding-left: 24px;
	position: relative;
}
.hero-news-continued-location svg {
	position: absolute;
	top: 3px;
	left: 0;
	width: 18px;
	height: 18px;
	display: inline-block;
}
.hero-news-continued-location svg path {
	fill: #000;
}
@media all and (max-width:1280px) {
	.continued-news-grid {
		grid-template-columns: 100%;
	}
}


.youtube-video {
	padding-bottom: 56%;
	position: relative;
	overflow: hidden;
}
.youtube-video iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.media-caption {
	font-size: 12px;
	line-height: 20px;
}

.single-image-box {
	padding: 20px;
	margin-top: 20px;
}
.single-image-box-inner {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding-bottom: 100%;
}
.single-categories {
	margin-top: 20px;
	margin-bottom: 10px;
}
.single-categories,
.single-categories a {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}
.single-details {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	font-weight: bold;
	padding: 20px 0;
	border-top: 2px solid #888;
	border-bottom: 2px solid #888;
}
.single-author-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 0;
}
.single-author-image {
	width: 128px;
	height: 128px;
	border-radius: 64px;
	background-color: #bbb;
	margin-right: 40px;
	overflow: hidden;
}
.single-author-name {
	width: 100%;
	vertical-align: middle;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #090df5;
}
.single-data {
	font-weight: bold;
}
.single-data a,
.single-data a:hover {
	color: #000;
	text-decoration: none;
}
.single-author-description {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	display: grid;
}
.single-author-description div {
	place-self: center;
}
@media all and (min-width:768px) {
	.single-image-box-inner {
		padding-bottom: unset;
		height: 60vh;
		max-height: 480px;
	}
}
@media all and (max-width:1024px) {
	.single-author-grid {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
}


.single-label {
	display: inline-block;
	font-weight: 700;
	padding: 0 5px;
	background-color: var(--label-background-color);
	line-height: 20px;
	font-size: 12px;
	border-radius: 4px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-left: 10px;
}


.column-layout-grid {
	display: grid;
	grid-template-columns: calc(100% - 380px) 300px;
	grid-template-rows: 1fr;
	grid-column-gap: 80px;
	grid-row-gap: 0;
}
@media all and (max-width:1024px) {
	.column-layout-grid {
		grid-column-gap: 40px;
	}
}
@media all and (max-width:768px) {
	.column-layout-grid {
		display: block;
	}
	.column-layout-grid .c-col-1 {
		margin-bottom: 80px;
	}
}


.results-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.results-item a {
	display: block;
}
.results-image {
	background-color: #ccc;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url('/wp-content/themes/reflect/images/placeholder.png');
	padding-bottom: 56%;
}
.results-description {
	padding: 10px 0 0 0;
}
@media all and (max-width:1024px) {
	.results-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width:768px) {
	.results-grid {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
}


/* Footer */
#footer {
	background-color: #000;
	color: #d8d8d8;
}
#footer-logo-wrapper {
	overflow: hidden;
}
#footer-logo-wrapper a {
	display: block;
	transform: translateY(-10px);
}

#footer-menu ul {
	list-style-type: none;
	columns: 3;
}
#footer-menu ul li {
	display: block;
}
#footer-menu ul li a {
	display: inline-block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #d8d8d8;
	margin-bottom: 20px;
}
#footer-menu ul li a:hover {
	text-decoration: none;
	color: #fff;
}

.footer-legal ul {
	list-style-type: none;
	display: block;
	width: 100%;
	text-align: center;
}
.footer-legal ul li {
	display: inline-block;
}
.footer-legal ul li a {
	display: inline-block;
	padding: 0 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #d8d8d8;
}
.footer-legal ul li a:hover {
	text-decoration: none;
	color: #fff;
}

#footer-copy {
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #d8d8d8;
}
#footer-copy a {
	color: #d8d8d8;
	text-decoration: none;
}
#footer-copy a:hover {
	color: #fff;
	text-decoration: none;
}
/* /Footer */


/* Editions */
.reflect-editions-cover {
	width: 132px;
}
.reflect-editions-cover img {
	display: inline-block;
	height: auto;
	width: 100%;
	padding-right: 20px;
}
.reflect-editions-text {
	width: 100%;
	max-width: 232px;
	color: #d8d8d8;
	font-size: 14px;
	line-height: 22px;
}
/* /Editions */


/* Pagination */
.navigation.pagination {
	text-align: center;
}
.navigation.pagination .screen-reader-text {
	display: none;
}
.navigation.pagination ul.page-numbers {
	display: inline-block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
.navigation.pagination ul.page-numbers li {
	float: left;
}
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination a.page-numbers,
.navigation.pagination span.page-numbers {
	display: inline-block;
	text-decoration: none;
	padding: 0 20px;
	line-height: 28px;
	height: 32px;
	background-color: transparent;
	color: #333;
	border: 2px solid var(--text-color);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.2s;
}
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination span.page-numbers.current,
.navigation.pagination .nav-links .page-numbers:hover,
.navigation.pagination a.page-numbers:hover,
.navigation.pagination span.page-numbers:hover {
	background-color: var(--text-color);
	color: #fff;
}
/* /Pagination */


/* Button */
.urban-button {
	display: inline-block;
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px 24px;
	color: #fff;
	background-color: #000;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.3s;
	cursor: pointer;
}
.urban-button:hover {
	color: #fff;
	text-decoration: none;
	background-color: var(--text-hover-color);
}
/* /Button */


.urban-field {
	width: 100%;
	max-width: 360px;
	height: 48px;
	border: 1px solid #000;
	padding: 0 20px;
	line-height: 48px;
	color: #000;
	background-color: transparent;
}


.urban-select {
	width: auto;
	height: 48px;
	border: 1px solid #000;
	padding: 0 20px;
	line-height: 48px;
	color: #000;
	background-color: transparent;
}


.single-tags-nav ul {
	width: 100%;
	text-align: left;
}
.single-tags-nav ul li {
	display: inline-block;
	height: 32px;
}
.single-tags-nav ul li a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 12px;
	margin-right: 10px;
	color: #888;
	background-color: #ddd;
	text-transform: uppercase;
	text-decoration: none;
}
.single-tags-nav ul li a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

.single-content-box img.size-full {
	max-width: 100%;
	display: block;
	height: auto;
}
.single-content-box p, h1, h2, h3, h4, h5, ol, ul, hr, img {
	margin-bottom: 20px;
}
.single-content-box hr {
	height: 0;
	border: 0;
	border-bottom-width: 0;
	border-bottom-style: none;
	border-bottom: 1px solid var(--line-color);
	clear: both;
}
.single-content-box ol,
.single-content-box ul {
	padding-left: 20px;
}

.single-address-box {
	position: relative;
	padding-left: 30px;
	font-weight: 700;
}
.single-address-box svg {
	position: absolute;
	top: 4px;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
}
.single-address-box svg path {
	fill: #000;
}

.single-info-box {
	border: 1px solid var(--line-color);
	padding: 20px;
	margin-bottom: 20px;
}
.single-info-box-image-wrapper a {
	display: block;
}
.single-info-box h2 a,
.single-info-box h2 a:hover {
	text-decoration: none;
	color: var(--text-color);
}
.single-info-box-image-wrapper {
	padding: 20px;
	margin-bottom: 20px;
	background-color: var(--box-background-color);
}
.single-info-box-image {
	padding-bottom: 40%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.single-info-box-excerpt {
	margin: 20px 0;
}
.single-info-box hr {
	height: 0;
	border: 0;
	border-bottom-width: 0;
	border-bottom-style: none;
	border-bottom: 1px solid var(--line-color);
	clear: both;
}


/* Editions */
.listeditions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.listedition {
	border: 1px solid var(--line-color);
}
.listedition-inner {
	padding: 20px;
}
.listedition-header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
}
.listedition-cover {
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
@media all and (max-width:768px) {
	.listeditions {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width:480px) {
	.listeditions {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
}
/* /Editions */


.widget-ad-content {
	display: block;
	width: 100%;
	padding-left: 50%;
	line-height: 0;
}
.widget-ad-content .textwidget.custom-html-widget {
	display: inline-block;
	transform: translatex(-50%);
}


/* Animation */
.customAnim.animFadeUp {
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-o-transition: opacity 1.5s ;
	transition: opacity 1.5s;
}
.customAnim.animFadeUp.come-in {
	opacity: 1;
	animation: afu-come-in 1.5s ease forwards;
	-webkit-transform: -webkit-translateY(400px);
	-moz-transform: -moz-translateY(400px);
	-ms-transform: -ms-translateY(400px);
	-o-transform: -o-translateY(400px);
	transform: translateY(400px);
}

@keyframes afu-come-in {
	to {
		-webkit-transform: -webkit-translateY(0);
		-moz-transform: -moz-translateY(0);
		-ms-transform: -ms-translateY(0);
		-o-transform: -o-translateY(0);
		transform: translateY(0);
	}
}
/* /Animation */


.w100 {
	width: 100%;
}
.mt0 {
	margin-top: 0;
}
.mt20 {
	margin-top: 20px;
}
.m0 {
	margin: 0;
}
.ml0 {
	margin-left: 0;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb80 {
	margin-bottom: 80px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.pl0 {
	padding-left: 0;
}
.my20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.p20 {
	padding: 20px;
}

.sticky {
	position: sticky;
	top: 80px;
}
body.ticker-active .sticky {
	top: 112px;
}

.mobileonly {
	display: none;
}
.desktoponly {
	display: block;
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

.title-arrow {
	display: inline-block;
	min-width: 360px;
	background-image: url('/wp-content/themes/reflect/images/arrow-right.svg');
	background-size: 22px 22px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 42px;
}

.phref {
	display: block;
	overflow: hidden;
	line-height: 0;
}
.pimage {
	margin: 0;
}


/* Gallery */
.urban-gallery-slides {
	margin-bottom: 20px;
	position: relative;
}
.urban-gallery-slide a {
	display: block;
}
.urban-gallery-slides .slick-arrow {
	position: absolute;
	top: 50%;
	border: none;
	height: 64px;
	width: 64px;
	display: inline-block;
	background-color: transparent;
	cursor: pointer;
	overflow: hidden;
	color: transparent;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center center;
}
.urban-gallery-slides .slick-next.slick-arrow {
	right: 0;
	left: auto;
	background-image: url('/wp-content/themes/reflect/images/arrow-right-white.svg');
}
.urban-gallery-slides .slick-prev.slick-arrow {
	left: 0;
	right: auto;
	background-image: url('/wp-content/themes/reflect/images/arrow-left-white.svg');
}
/* /Gallery */


#cattoggle {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	white-space: nowrap;
	padding: 0 40px 0 20px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	color: #000;
	background-color: #eee;
	font-size: 16px;
}
#cattoggle::after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 13px;
	right: 20px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	transition: all 0.2s;
}
#catselector {
	display: none;
}
#catselector ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#catselector ul::after {
	content: "";
	display: block;
	clear: both;
}
#catselector li {
	float: left;
}
#catselector li a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border-radius: 15px;
	white-space: nowrap;
	padding: 0 20px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
	background-color: #eee;
	margin-right: 10px;
	margin-top: 10px;
	transition: background 0.2s;
}
#catselector li a:hover {
	background-color: var(--box-background-color);
}
#catselector li a.active {
	background-color: var(--box-background-color);
}
#cattoggle.active {
	background-color: var(--box-background-color);
}
#catwrapper.filter-active #catselector {
	display: block;
}
#catwrapper.filter-active #cattoggle::after {
	top: 18px;
	transform: rotate(-45deg);
}


.bgc-3 .hero-news-cell-details,
.bgc-3 .hero-news-details {
	color: #666 !important;
}


@media all and (max-width:1280px) {

	.c-grid-4-4-4 {
		grid-template-columns: 1fr 1fr;
	}

}
@media all and (max-width:1024px) {

	h1, .h1 {
		font-size: 32px;
		line-height: 36px;
	}
	h2 {
		font-size: 24px;
		line-height: 28px;
	}
	h3, h4, h5, h6 {
		font-size: 16px;
		line-height: 24px;
	}

	#headerbarmenuitems {
		display: none;
	}

	#footer-menu ul {
		columns: 2;
	}

	.cell-left {
		display: block;
		float: static;
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
	}
	.cell-right {
		display: block;
		float: static;
		width: 100%;
		margin-bottom: 40px;
	}

}


/* Responsive Mobile */
@media all and (max-width:768px) {

	html, body {
		max-width: 100%;
		overflow-x: clip;
	}

	.mobileonly {
		display: block;
	}
	.desktoponly {
		display: none;
	}

	.c-content-inner {
		padding: 0 20px;
	}

	.c-grid-4-4-4 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-4-8 {
		grid-template-columns: 100%;
		grid-column-gap: 0;
	}
	.c-grid-6-6 {
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}

	h1, .h1 {
		font-size: 24px;
		line-height: 26px;
	}
	h2 {
		font-size: 18px;
		line-height: 22px;
	}
	h3, h4, h5 {
		font-size: 16px;
		line-height: 24px;
	}

	.title-arrow {
		display: block;
		min-width: 0;
	}

	.social-nav ul li {
		width: 72px;
		padding: 0 16px;
	}

	#headerbarsocial {
		display: none;
	}
	#headerbar {
		grid-template-columns: 150px 1fr 150px;
	}

	#footer-legal ul li a {
		padding: 0 20px;
	}

}