/* ==========================================================================
	Variables
========================================================================== */
:root {
	--main-bg-color: #ffffff;
	--main-content-color: #000815;
/*	--has-vivid-green-color : #99cc00;*/
	--has-vivid-green-color : rgb(80, 156, 110);
/*	--has-vivid-green-color : #20b30c;*/
}
/* ==========================================================================
	Global Settings
========================================================================== */
/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection, ::selection {
	background: #2b9f6b; /*green*/
	color: white;
	text-shadow: none;
}

/*
* Body settings, change it as required
*/
html, body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'gt-walsheim', sans-serif;
	font-size: 8px;
	font-weight: 500;
	background: #2b9f6b; /* green */
	/* hyphens */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
	line-height: 8px;
	color: var(--main-content-color);
	/* color: #606060; */
}
#header,
#footer {
	font-size: 1.875em;
	line-height: 1.875em;
	position: relative;
}
#footer .widget_text p {
    line-height: 1.875em;
}
#footer:hover {
	z-index: 200;
}


.bg-white {
	background: var(--main-bg-color);
}

/*
* Headings
*/
h1, h2, h3, h4, h5, h6 {
	color: #c93e58; /*red*/
	text-rendering: optimizeLegibility;
	font-weight: 500;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: unset;
	line-height: inherit;
	margin: 1.0em 0 0 0;
}
p {
	font-size: unset;
	line-height: inherit;
	margin: 0;
	text-align: justify;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h3.category {
	text-transform: uppercase;
	font-size: 0.85em;
}
.post.dpost1 h3,
.post.dpost2 h3,
.post.dpost3 h3,
.post.dpost4 h3 {
	color: inherit;
}
.post.dpost1 p a,
.post.dpost2 p a,
.post.dpost3 p a,
.post.dpost4 p a {
	color: inherit;
}
.post.dpost1,
.post.dpost2,
.post.dpost3,
.post.dpost4 {
	margin-left: 4px;
	margin-right: 4px;
}
.row.partners .post a {
	color: inherit;
}


/* h1 { font-size: 1em; }
h2 { font-size: 1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
	margin: 4px;
}
 */
/*
* Paragraphs
*/
p {
	font-weight: 500;
	clear: both;
}


/*
* Links
*/
a {
	color: inherit;
	line-height: inherit;
	text-decoration: underline;
}

a:hover {
	color: #c93e58; /*red*/
	text-decoration: underline;
}

a:focus {
	color: #c93e58; /*red*/
	outline: none;
}

p a:visited {
	line-height: inherit;
	text-decoration: none;
}
a:active,
li.current_page_item a {
	color: #c93e58; /*red*/
}

/*
* A better looking default horizontal rule
*/
hr, 
hr.wp-block-separator {
    display: block;
    height: 4px;
    border: 0;
    border-bottom: 1px dashed #2b9f6b;
    margin: 4px 0px;
    padding: 4px 0px;
    clear: both;
}
.container {
	padding: 0;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
	vertical-align: middle;
 	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

/*
* Remove default fieldset styles.
*/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/
textarea {
	resize: vertical;
}

input[type="text"]:focus, input[type='submit']:focus {
	outline: none;
}

button:focus, textarea:focus {
	outline: none;
}

input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
	input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
	input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
	input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
	input[type="color"]:focus {
	outline: none;
}

/* ==========================================================================
	Helper classes
========================================================================== */
/*
* Floats
*/
.left {
	float: left;
}

.right {
	float: right;
}

/*
* Text Alignment
*/
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

/*
* Image Alignment
*/
img.alignleft {
	float: left;
	margin: 0 10px 15px 0;
	display: inline;
}

img.alignright {
	float: right;
	margin: 0 0px 15px 10px;
	display: inline;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

img.full-width {
	width: 300px;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*/
/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
	content: "";
	display: table;
	clear: both;
}

/*
* older method of adding empty tags for clearing
*/
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/*
* Chromeframe
*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

body #container .inner-container #header {
	position: fixed;
}

/*
* Container
*/
#inner-container {
	background: var(--main-bg-color);
	overflow-x: hidden;
	overflow-y: auto;	
}

/*
* Logo
*/
.logo {
	background-image: url("../images/theme/logo.svg");
	width: 320px;
	height: 64px;
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 8px 0 0 8px;
	float: left;
}
.logo h1 {
	margin: 0;
}

.logo h1 a {
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 320px;
	height: 64px;
	padding: 0;
	margin: 0;
}

/*
* Header
*/
#header {
	background: none repeat scroll 0 0 var(--main-bg-color);
	height: 120px;
	width: 100%;
	z-index: 1000;
	margin: 0;
	position: fixed;
}

#header-sticky-wrapper {
	position: fixed;
	top: 0;
}

#header .login {
	margin-top: 10px;
	float: right;
}

#header .sociable {
	position: relative;
	z-index: 99;
	right: 0;
	float: right;
}
#header .sociable li {
	width: 24px;
	margin-left: 16px;
	float: left;
}
#header .sociable .search-form {
	display: none;
}
#header .login {
	margin-left: 25px;
}
#header .container {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

@media ( max-width : 991px) {
	#header .col-sm-9 group {
		padding-right: 4px;
	}
}

@media ( max-width : 767px) {
	#header {
		padding: 0;
	}
	#header-sticky-wrapper {
		height: 120px !important;
	}
	#header .login {
		display: none;
		margin-left: 2px;
	}
}

@media ( max-width : 640px ) {
	#header {
		padding: 0;
	}
}

/*
* Main Navigation
*/
#main-navigation ul#menu-main-menu.mobile-down {
	display: block;
	padding: 0;
	padding-bottom: 8px;
	box-shadow: 4px 4px 8px #aaaaaa;
	width: 100%;
	clear: both;
	position: absolute;
	top: 16px;
	left: -8px;
}
#main-navigation ul#menu-main-menu.mobile-down li {
	clear: both;
	margin: 0 16px;
}
#main-navigation ul {
	padding: 0;
	list-style: none;
	background-color: var(--main-bg-color);
}

/* #main-navigation li {
	float: left;
	margin-left: 35px;
	padding: 0;
	position: relative;
}
 */
/* #main-navigation li:first-child {
	margin-left: 0;
} */
#main-navigation {
	font-size: 1.25em;
}
.menu-btn {
	display: block;
	background-image: url(../images/theme/menu-btn@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	border: 0;
	position: relative;
	padding: 0;
	float: left;
}
#main-navigation ul#menu-main-menu {
	display: none;
}
#header #main-navigation {
	margin: 12px 8px;
	position: absolute;
	top: 72px;
	float: left;
	width: 100%;
}
#header .header-icons {
	margin: 8px;
	position: relative;
	float: right;
}
#main-navigation li a {	
    font-weight: 500;
    color: #2b9f6b; /*green*/
    background-color: var(--main-bg-color);
    z-index: 100000;
    display: block;
	white-space: nowrap;
/*	line-height: 2em;*/
	text-decoration: none !important;
}

#main-navigation li a:hover,
#main-navigation li.active a {
	color: #c93e58; /*red*/
	text-docration: none;
}
li.searchformmenulistitem {
	display: block;
}


@media ( min-width : 640px) {
	.logo {
		margin: 16px 0 0 16px;
	}
	.distributed.dpost1,
	.distributed.dpost2,
	.distributed.dpost3,
	.distributed.dpost4 {
		margin-left: 48px;
		margin-right: 48px;
	}
	#header #main-navigation {
		position: relative;
		top: unset;
		margin: 8px 16px;
		clear: both;
		float: none;
		width: unset;
	}
	#main-navigation li a {
		width: auto;
	}
	#header .header-icons {
		margin: 8px 16px;
	}
	.search-form {
		float: right;
	}
	.search-form .input {
		white-space: nowrap;
		max-height: 24px;
		height: 24px;
	}
	.search-field {
		position: relative;
		top: 0;
	}
	#main-navigation li {
		flex-grow: 1;
		white-space: nowrap;
		text-align: left;
	}
	#header .col-sm-9.group {
		width: 100%;
		padding: 0;
	}
	#main-navigation .menu-btn {
		display: none;
	}
	#main-navigation ul#menu-main-menu,
	#main-navigation ul#menu-main-menu-en {
		display: flex;
		justify-content: initial;
	}
	#main-navigation li a {	
	    z-index: 100000;
	    border-bottom: none;
	    float: left;
	}
	.header-icons {
		position: relative;
		float: right;
		margin: 8px 0 0 8px;
	}
	li.searchformmenulistitem {
		display: none;
	}
	#header .sociable {
		top: 0;
	}
	#header .sociable .search-form {
		display: block;
	}
	#main-navigation li {
    	text-align: center;
	}
	#main-navigation li a {
    	float: none;
	}
}

/*
* Banner
*/
#banner {
	max-height: 500px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 24px;
}

#banner .image {
	width: 100%;
	visibility: hidden;
}

#banner .description {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(153, 153, 153, 0.3);
}

#banner .description p {
	color: white;
	max-width: 750px;
}

#banner .description p a {
	color: #012327;
}

#banner .inner-wrap {
	height: 100%;
	width: 100%;
	display: table;
}

#banner .inner {
	display: table-cell;
	vertical-align: middle;
}

#banner .container {
	position: relative;
}

.home #banner .description {
	background: none;
}

.play-button {
	background: url(../images/theme/play-btn@2x.png) no-repeat;
	background-size: contain;
	border: none;
	height: 234px;
	width: 236px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -117px;
	margin-top: -118px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.play-button:hover {
	opacity: 0.8;
}

@media ( max-width : 991px) {
	#banner, #banner #video-container {
		max-height: 400px;
	}
	.play-button {
		background-size: contain;
		height: 140px;
		width: 140px;
		margin-left: -70px;
		margin-top: -70px;
	}
}

@media ( max-width : 640px) {
	#banner #video-container {
		max-height: 300px;
	}
	.play-button {
		height: 50px;
		width: 50px;
		margin-left: -25px;
		margin-top: -25px;
	}
}
/*
* Content
*/
#content {
	padding: 24px 0 0 0;
	font-size: 1.875em;
	line-height: 1.5em;
	margin-top: 120px;
}
#content .container {
    padding: 0;
}
@media ( min-width : 640px) {
	#content {
		margin-top: 120px;
	}
}

/*
* Main
*/
#main,
#sidebar {
	padding: 8px;
	width: 100%;
}

/*
* Widget
*/
.widget {
	position: relative;
	margin-bottom: 24px;
	padding: 0.25em;
	background-color: var(--main-bg-color);
}
.widget .button4 {
	margin-bottom: 7px;
}

.widget ul {
	margin: 0;
	padding: 0;
}

.widget li {
	list-style: none;
}

.widget li a {
	text-decoration: none;
}

.widget figure {
	margin-bottom: 5px;
}

.widget.section5 {
	color: #c93e58; /*red*/
}

.widget.address address {
	color: #c93e58; /*red*/
	font-style: normal;
}

.widget.address p {
	margin-bottom: 24px;
}

.widget.section4 li {
	margin-bottom: 24px;
}

.widget.liability {
	margin-bottom: 24px;
}

@media ( max-width : 1080px) {
	#sidebar .button5 {
		background-size: 100% 100%;
		max-width: 175px;
		width: auto;
		height: auto;
	}
}

@media ( max-width : 991px) {
	.widget.liability {
		margin-bottom: 20px;
	}
}

@media ( max-width : 767px) {
	.widget .image img {
		width: 100%;
	}
	.widget.section4 {
		border-bottom: 0;
		border-top: 1px dashed #2b9f6b; /*green*/
		padding-top: 15px;
	}
	.widget.section4 li {
		margin-bottom: 15px;
	}
}
/*
* house
*/
.house .intro {
	width: 75%;
}

.house .four-column-layout {
	margin-bottom: 70px;
}

.house .intro.two-column-layout {
	margin-bottom: 92px;
}

.house .inner-wrap {
	margin-bottom: 42px;
}

@media ( max-width : 991px) {
	.house .four-column-layout {
		margin-bottom: 40px;
	}
	.house h2 {
		margin-bottom: 25px;
	}
}

@media ( max-width : 767px) {
	.house .intro {
		max-width: inherit;
		width: 100%;
	}
	.house .intro.two-column-layout {
		margin-bottom: 24px;
	}
	.house .four-column-layout {
		margin-bottom: 24px;
	}
	.house h2 {
		margin-bottom: 15px;
	}
}
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1,
	.post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p,
	.post blockquote, .post th, .post td {
	margin: 0;
	padding: 0;
	direction: ltr;
}
.post h3 {
	color: #c93e58; /*red*/
}

.row .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}
.row.event-details .persons ul {
    /* list-style-type: none;
    list-style: none; */
    margin-left: 16px;
}

p.lead {
	color: #c93e58; /*red*/
	margin: 3em;
}

.blockheadline {
	background-color: var(--main-bg-color);
	padding: 0px 4px 0px 0;
	margin-bottom: 24px;
	font-size: 1.25em;
	z-index: 199;
	position: relative;
	overflow: hidden;
} 
.blockheadline h1 {
}
.blockheadline h2 {
	float: left;
}
.artistic .blockheadline {
	padding: 0px 4px 0px 0px;
}
.artistic li {
    margin-left: 4px;
}
.filters {
	font-size: 0.75em;
}

.fullrow {
	width: 100%;
}

.post small {
	font-size: 0.8em;
	line-height: 1em;
}
.path {
	font-size: 0.8em;
}

/*.post code {*/
/*	font-weight: bold;*/
/*	background: #ffff99;*/
/*}*/

.post .image1 {
	margin-bottom: 0;
}

.secondary {
	color: #c93e58; /*red*/
}

@media ( max-width : 991px) {
}

@media ( max-width : 767px) {
}

/*
* Post - Lists
*/
.post li {
	line-height: 1.5em;
}
.post ul, .post ol, .post dl {
	list-style-position: outside;
}

.post ul li ul, .post ul li ol {
	margin-left: 20px;
	margin-bottom: 0;
}

.post ol, .post ul {
	margin: 0 0 0 15px;
}

.post ol li ul, .post ol li ol {
	margin-left: 20px;
	margin-bottom: 0;
}

.post .list1, .post .list2 {
	margin: 0;
}

.post blockquote {
	color: #606060; /*#2b9f6b;*/
	margin: 0 0 25px;
	padding: 0;
}

.post blockquote p {
	color: #606060; /*#2b9f6b;*/
	font-style: italic;
	margin: 0 0 5px;
}

.post blockquote p.cite {
	font-style: normal;
}

.post blockquote cite {
	display: block;
	color: #606060; /*#2b9f6b;*/
	font-style: normal;
}

.post blockquote cite a {
	color: #606060; /*#2b9f6b;*/
}

.post blockquote cite a:visited {
	color: #606060; /*#2b9f6b;*/
}

/* .columnizer .column {
	padding-right: 50px;
}

#sidebar .columnizer .column {
	padding-right: 20px;
}
@media ( max-width : 1199px) {
	.columnizer .column {
		padding-right: 20px;
	}
}
 */
/*
*circle
*/
.circle {
	background: url(../images/theme/circle.png) no-repeat;
	background-size: 45px;
	min-height: 45px;
	max-height: 45px;
	transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.circle:hover {
	background-image: url(../images/theme/circle-hover.png);
    background-size: 45px;
	transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.event.past {
	opacity:0.4;
}

/*
*info
*/
.info {
	margin-bottom: 24px;
	background-color: var(--main-bg-color);
	padding: 4px;
}

.info h2 {
	margin-bottom: 8px;
}

.info p {
	text-decoration: none;
	color: #c93e58; /*red*/
}

.info p a {
	text-decoration: none;
	color: #c93e58; /*red*/
}

@media ( max-width : 767px) {
	.info {
		width: 100%;
	}
}
/*
* Section3
*/
.section3 {
/* 	border-top: 1px dashed #2b9f6b;
	border-bottom: 1px dashed #2b9f6b;
	padding-top: 24px;
 */	
	margin-bottom: 24px;
	padding: 0.25em;
	overflow: auto;
}
div.signup-button {
	clear: both;
}

header.event-details {
	border-top: 1px dashed #2b9f6b; /*green*/
	border-bottom: 1px dashed #2b9f6b; /*green*/
	padding-top: 24px;
	margin-bottom: 24px;
	padding-bottom: 24px;
}

header.event-details .sign-in-btn {
	float: right;
	background-size: contain;
	max-width: 184px;
	min-width: 184px;
	height: 48px;
	padding: 14px 8px 11px;
}

.event-details {
	margin-bottom: 24px;
}

.event-details h3, .event-details p {
	margin-bottom: 0;
}

@media ( max-width : 767px) {
	header.event-details .sign-in-btn {
		float: none;
		margin-top: 10px;
	}
	.event-details h3 {
		margin-bottom: 15px;
	}
}

.section4 .post {
	display: table;
	width: 100%;
}


.section4 .image {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
}

.section4 .image img {
	width: 100%;
	height: auto;
}

.section4 .description {
	display: table-cell;
	vertical-align: middle;
}

.section4 .description h4, .section4 .description p {
	color: #606060; /*#2b9f6b;*/
}

.section4 .description p {
	margin-bottom: 0px;
}

@media ( max-width : 1080px) {
	.section4 .image {
		width: 150px;
	}
}
/*
* Footer
*/
#footer {
	background: #2b9f6b; /*green*/
	color: white;
	padding-bottom: 64px;
}
#footer a {
	color: white;
}

#footer .sociable ul {
	margin: 0;
	padding: 0;
}

#footer .sociable li {
	list-style: none;
	margin-right: 20px;
	display: none;
}

#footer .inner {
	/* border-top: 1px dashed #2b9f6b; */
	padding: 0;
	margin-bottom: 2em;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li:first-child {
	margin-left: 0;
	padding-left: 0;
	border: 0;
}

#footer .copyright {
	margin-bottom: 0;
}

@media ( max-width : 991px) {
	#footer .sociable li {
		margin-left: 15px;
		margin-right: 0;
	}
}
#footer .row {
	margin-top: 0;
	padding-top: 0.5em;	
}
#footer .col-sm-3 {
	padding: 0.25em;
}

/*
* Button1
*/
.button1 {
	display: inline-block;
	border: none;
	color: white;
	padding: 0 1em;
	margin: 0.5em;
	text-align: center;
	text-decoration: none;
	width: auto;
	height: 2.25em;
	position: relative;
	line-height: 2.2em;
	z-index: 1;
}

.button1:before {
	content: "";
	display: block;
	background: url("../images/theme/button1-bg.png") no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.button1:hover:before {
	opacity: 0.6;
}

.button1:focus,
.button1:hover {
	color: white;
	outline: none;
}

/*
* Button2
*/
.button2 {
	display: inline-block;
	border: none;
	color: #c93e58; /*red*/
	padding: 18px 20px 17px;
	width: auto;
	height: 55px;
	text-align: left;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.button2:before {
	content: "";
	display: block;
	background: url(../images/theme/button2-bg.png) no-repeat;
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.button2:hover {
	color: #c93e58; /*red*/
}

.button2:hover:before {
	opacity: 0.6;
}

.button2:focus {
	color: #c93e58; /*red*/
}

.button2+.button2 {
	margin-left: 25px;
}

@media ( max-width : 640px) {
	.button2 {
		width: auto;
		height: auto;
		padding: 5px;
	}
	.post-div .figure-div {
		max-width: 100%;
	}
}
/*
* Button3
*/
.button3 {
	font-size: 1.25em;
	line-height: 3em;
	color: white;
	display: inline-block;
	padding: 10px 32px;
	border: none;
	text-decoration: none;
	width: 184px;
	height: 40px;
	position: relative;
	z-index: 1;
	background: none;
}

/* .submit-button {
	position: relative;
	display: block;
	width: 184px;
	height: 40px;
	z-index: 1;
}
 */
/*
.submit-button:before {
	content: "";
	display: block;
	background: url(../images/theme/button3-bg.png) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.submit-button:hover:before {
	opacity: 0.6;
}
*/
/*@media ( max-width : 640px) {*/
	.button3,
/*	.submit-button {
		max-width: 175px;
		height: auto;
	}
	.submit-button:before {
		background-size: 100% 100%;
	}*/
/*}*/
/*
* Button4
*/
.button4 {
	display: block;
	border: none;
	font-size: 1.875em;
	line-height: 4em;
	color: #606060; /*#2b9f6b;*/
	padding: 21px 18px 18px;
	max-width: 307px;
	height: 77px;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.button4:before {
	content: "";
	display: block;
	background: url(../images/theme/button4-bg.png) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.button4:hover:before, .button4:focus:before {
	background-image: url(../images/theme/button4-hover-bg.png);
}

.button4:hover {
	color: white;
}

.button4:focus {
	color: white;
	outline: none;
}

@media ( max-width : 991px) {
	.widget .button4 {
		max-width: 250px;
		height: 65px;
		padding: 16px 18px 15px;
	}
	.widget .button4:before {
		background-size: contain;
	}
}

@media ( max-width : 767px) {
	.widget .button4 {
		height: 51px;
		max-width: 200px;
		padding: 13px 15px 11px;
	}
}
/*
* Button5
*/
.button5 {
	display: block;
	border: none;
	font-size: 1.875em;
	line-height: 4em;
	color: white;
	padding: 21px 18px 18px;
	max-width: 285px;
	height: 74px;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.button5:before {
	content: "";
	display: block;
	background: url(../images/theme/button5-bg.png) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.button5:hover {
	color: white;
}

.button5:hover:before {
	opacity: 0.6;
}

.button5:focus {
	color: white;
	outline: none;
}

@media ( max-width : 640px) {
	.button5 {
		max-width: 175px;
		width: auto;
		height: auto;
	}
	.button5:before {
		background-size: 100% 100%;
	}
}
/*
* Button6
*/
.button6 {
	display: block;
	border: none;
	font-size: 1.875em;
	line-height: 32px;
	color: #606060; /*#2b9f6b;*/
	padding: 21px 18px 18px;
	max-width: 387px;
	height: 77px;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.button6:before {
	content: "";
	display: block;
	background: url(../images/theme/button6-bg.png) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.button6:hover:before, .button6:focus:before {
	background-image: url(../images/theme/button6-hover-bg.png);
}

.button6:hover {
	color: white;
}

.button6:focus {
	color: white;
	outline: none;
}

@media ( max-width : 640px) {
	.button6 {
		max-width: 250px;
		height: 51px;
		padding: 14px 15px 13px;
	}
	.button6:before {
		background-size: contain;
	}
}
/*
* Button7
*/
.button7 {
	display: block;
	border: none;
	font-size: 1em;
	line-height: 3em;
	color: white;
	padding: 16px 8px 12px;
	max-width: 188px;
	height: 55px;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.button7:before {
	content: "";
	display: block;
	background: url(../images/theme/button7-bg.png) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.button7:hover {
	color: white;
}

.button7:hover:before {
	opacity: 0.6;
}

.button7:focus {
	color: white;
	outline: none;
}

/*
* list1
*/
.list1 {
	margin: 0;
	padding: 0;
}

.list1 li {
	background: url(../images/theme/list1-li-bg.png) no-repeat left top;
	list-style: none;
	margin-bottom: 12px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	min-height: 140px;
}

.list1 li a {
	min-height: 140px;
}

.list1 li:hover {
	background-image: url(../images/theme/list1-li-bg-hover.png);
}

.list1 li h3 {
	color: #012327;
	margin-bottom: 0;
}

.list1 li a {
	padding: 15px 0 0 20px;
	color: inherit;
	text-decoration: none;
	display: block;
}

.list1 li p {
	margin-bottom: 0;
}

.list1 li.booked {
	background-image: url(../images/theme/list1-booked-li-bg.png);
}

.list1 li.booked h3 {
	color: #839193;
}

.workshop-events .list1 {
	margin-bottom: 70px;
}

.workshop-events .list1 li {
	width: 50%;
	float: left;
}

@media ( max-width : 640px) {
	.workshop-events .list1 {
		margin-bottom: 20px;
	}
	.workshop-events .list1 li {
		width: 100%;
		float: none;
	}
	.list1 li {
		min-height: 76px;
		background-size: contain;
	}
	.list1 li a {
		min-height: 76px;
		padding-left: 12px;
	}
}
/*
* list2
*/
.list2 {
	margin: 0;
	padding: 0;
}

.list2 li {
	list-style: none;
	color: white;
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 70px;
}

.list2 li a {
	display: block;
	background: url(../images/theme/event-layout3-hover.png) no-repeat left
		top;
	min-height: 105px;
	background-size: 100% 100%;
	padding: 36px 0 0 20px;
	color: inherit;
	text-decoration: none;
}

.list2 li a:hover {
	background-image: url(../images/theme/event-layout3.png);
}

@media ( max-width : 991px) {
	.list2 li a {
		min-height: 75px;
		padding: 24px 0 0 10px;
	}
}

@media ( max-width : 767px) {
	.list2 li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
}
/*
* Sociable
*/
.sociable ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

/*
* Form
*/
.form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.form ul.row {
	/* margin-left: -15px;
	margin-right: -15px; */
}

.form li {
	margin-bottom: 10px;
	color: #c93e58; /*red*/
}

.form label {
	color: #c93e58; /*red*/
}

.form li label {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 2px;
}

.form li input.error {
	background: #fadcd9;
}

input[type="checkbox"], 
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 8px;
}

.form select, 
.form input[type="text"], 
.form textarea {
	color: #606060;
	display: block;
	width: 100%;
	height: 20px;
	border: 1px solid #2b9f6b; /*green*/
	padding: 0px 4px 0px 4px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-appearance: none;
}

.form input[type="password"], .form input[type="datetime"], .form input[type="datetime-local"],
	.form input[type="date"], .form input[type="month"], .form input[type="time"],
	.form input[type="week"], .form input[type="number"], .form input[type="email"],
	.form input[type="url"], .form input[type="search"], .form input[type="tel"],
	.form input[type="color"], .form input[m-type="num"] {
	color: #606060; /*#2b9f6b;*/
	display: block;
	width: 100%;
	height: 20px;
	border: 1px solid #2b9f6b; /*green*/
	padding: 0px 4px 2px 4px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-appearance: none;
}

.form textarea {
	height: 120px;
	resize: none;
}

.form li.one-half, .form li.one-fourth, .form li.one-eighth {
	float: left;
	margin-left: 2.4%;
}

.form li:nth-child(2n+1) {
	margin-left: 0;
}

.form li.full-width {
	clear: both;
}

.form li.one-half {
	width: 48.8%;
}

.form li.one-fourth {
	width: 26.3%;
}

.form li.one-eighth {
	width: 71.3%;
}

::-webkit-input-placeholder {
	opacity: 1;
	color: #d0d0d0; /*#2b9f6b;*/
}

:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1;
	color: #d0d0d0; /*#2b9f6b;*/
}

::-moz-placeholder {
	/* Firefox 19+ */
	opacity: 1;
	color: #d0d0d0; /*#2b9f6b;*/
}

:-ms-input-placeholder {
	opacity: 1;
	color: #d0d0d0; /*#2b9f6b;*/
}

@media ( max-width : 1199px) {
	.sign-up-form li.one-half, .sign-up-form li.one-fourth, .sign-up-form li.one-eighth
		{
		float: none;
		margin-left: 0;
		width: 100%;
	}
}

@media ( max-width : 767px) {
/* 	.form select, .form input[type="text"], .form textarea {
		height: 25px;
		padding: 5px 8px 4px;
	}
	.form input[type="password"], .form input[type="datetime"], .form input[type="datetime-local"],
		.form input[type="date"], .form input[type="month"], .form input[type="time"],
		.form input[type="week"], .form input[type="number"], .form input[type="email"],
		.form input[type="url"], .form input[type="search"], .form input[type="tel"],
		.form input[type="color"], .form input[m-type="num"] {
		height: 25px;
		padding: 5px 8px 4px;
	}
 */	.form textarea {
		height: 80px;
	}
	.form li.one-half, .form li.one-fourth, .form li.one-eighth {
		float: none;
		margin-left: 0;
		width: 100%;
	}
}
/*
* Checkbox
*/
.checkbox {
	display: inline-block;
}

.checkbox input[type="checkbox"] {
	visibility: hidden;
	display: none;
}

.checkbox label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 0.8em;
	padding-left: 33px;
	vertical-align: middle;
	color: #606060; /*#2b9f6b;*/
	font-weight: 500;
}

.checkbox label:before {
	content: '';
	display: inline-block;
	background: url(../images/theme/checkbox.png) no-repeat left top;
	cursor: pointer;
	height: 23px;
	width: 23px;
	position: absolute;
	left: 0;
	top: 0;
}

.checkbox input[type="checkbox"]:checked+label:before {
	background-position: left bottom;
}

/*
* Radio-button
*/
.radio-button {
	display: inline-block;
}

.radio-button input[type="radio"] {
	visibility: hidden;
	display: none;
}

.radio-button label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 33px;
	vertical-align: middle;
	color: #c93e58; /*red*/
	font-weight: 500;
}

.radio-button label:before {
	content: '';
	display: inline-block;
	background: url(../images/theme/radio-btn.png) no-repeat left top;
	cursor: pointer;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 0;
	top: -3px;
}

.radio-button input[type="radio"]:checked+label:before {
	background-position: left bottom;
}

label {
	font-size: 0.8em;
}

/*
* Section1
*/
.section1 {
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px dashed #2b9f6b; /*green*/
}

/*
* Section2
*/
article.post {
	float: none;
	display: inline-block;
	vertical-align: top;
}
article.post figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

#content .row,
#footer .row {
	margin-left: 0;
	margin-right: 0;
	clear: both;
}

article.post img {
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	height: auto;
}

.team .section2 {
	padding-right: 55px;
}

.team .section2 figure {
	width: 75%;
	background-position: center;
	background-size: contain;
	margin-bottom: 24px;
}

.team .section2 h3 {
	text-transform: uppercase;
	margin-bottom: 0;
	color: #606060; /*#2b9f6b;*/
}

.team h3 a {
	color: inherit;
}

.team .metadata {
	color: #2b9f6b; /* green */
}

.team article.post img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

@media ( max-width : 991px) {
	.team .section2 {
		padding-right: 20px;
	}
	.team .section2 figure {
		margin-bottom: 15px;
	}
}

@media ( max-width : 767px) {
	.team .section2 figure {
		width: 100%;
	}
}

@media ( max-width : 640px) {
	.team .section2 {
		padding-right: 16px;
	}
}

/* archive */
.years a.year {
	text-decoration: none; 
	margin:5px;
}
.years a.year:hover {
	color: #c93e58; /*red*/
}
.years a.year:active {
	color: #2b9f6b; /*green*/
}
.years a.year.current {
	font-size: 1.875em;
	color: #c93e58; /*red*/
}
.year.anchor {
	position: relative; 
	top: -144px;
}

/*
*projects
*/
/* .projects {
	margin-top: 24px;
}
 */
/* .post-div {
	background-color: var(--main-bg-color);
}
*/
.dpost .post-div h1,
.dpost .post-div h2,
.dpost .post-div h3,
.dpost .post-div h4,
.dpost .post-div h5,
.dpost .post-div h6 {
	color: var(--main-content-color);
}
.figure-div,
.text-div {
	width: 100%;
}
.text-div {
	padding: 0;
}
.text-div .content {
	padding: 2px;
}
section,
.figure-div,
.text-div,
.blockheadline,
.post .post-div {
/*	max-width: 640px;*/
	margin: auto;
}

article.post .text-div a:hover {
	color: inherit;
}

.home .projects h2 {
	color: #c93e58; /*red*/
}

.home .projects a {
	text-decoration: none;
}

.home .projects .two-column-layout .col-md-6,
.home .projects .two-column-layout .col-md-4,
.home .projects .two-column-layout .col-md-8 {
    padding: 0;
    min-height: 250px;
    max-height: 250px;
    background: var(--main-bg-color);
}

.home .projects .future-project .image1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

@media ( max-width : 1199px) {
	.home .projects .two-column-layout .col-md-6,
    .home .projects .two-column-layout .col-md-4,
    .home .projects .two-column-layout .col-md-8 {
		min-height: 200px;
		max-height: 200px;
	}
	.home .projects .future-project .image1 {
		min-height: 200px;
        background-position: left center;
	}
}

@media ( max-width : 991px) {
	.home .projects .two-column-layout .col-md-6,
    .home .projects .two-column-layout .col-md-4,
    .home .projects .two-column-layout .col-md-8 {
		min-height: inherit;
		max-height: inherit;
	}
	.home .projects .future-project .image1 {
		position: relative;
	}
}

@media ( max-width : 767px) {
	.home .projects .two-column-layout {
		margin-bottom: 24px;
	}
	.home .projects .two-column-layout .col-md-6,
    .home .projects .two-column-layout .col-md-8 {
		padding: 0 15px;
	}
	.home .projects .future-project .image1 {
		height: 200px;
	}
}
/*
* Free-package
*/
.free-package ul {
	margin: 0 0 20px;
	padding: 0;
}

.free-package ul li {
	list-style: none;
	color: #c93e58; /*red*/
}

.free-package li a {
	color: inherit;
	text-decoration: none;
}

.free-package h4, 
.free-package p {
	color: #c93e58; /*red*/
}

.free-package hr {
	border-color: #c93e58; /*red*/
}

.free-package mark {
	background: none;
	color: #000000;
	text-decoration: underline;
}

.free-package .form li label {
	margin-bottom: 0;
}

.free-package .section1 {
	border-top-color: #c93e58; /*red*/
}

.free-package .section1 p {
	margin-bottom: 10px;
}

.free-package .section1 li {
	margin-bottom: 0;
}

.free-package .section1 li label {
	margin-bottom: 0;
}

.free-package .checkbox input[type="checkbox"]+label, .free-package .radio-button input[type="checkbox"]+label
	{
	color: #c93e58; /*red*/
}

/*
* Paid-package
*/
.paid-package h4, .paid-package li, .paid-package p {
	color: #606060; /*#2b9f6b;*/
}

.paid-package mark {
	background: none;
	color: #606060; /*#2b9f6b;*/
	text-decoration: underline;
}

.paid-package ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.paid-package ul li {
	list-style: none;
}

.paid-package li a {
	color: inherit;
	text-decoration: none;
}

.paid-package .checkbox input[type="checkbox"]+label:before {
	background-image: url(../images/theme/checkbox2.png);
}

@media ( max-width : 767px) {
	.free-package .section1 li {
		margin-bottom: 10px;
	}
}
/*
* workshop-module
*/
.workshop-module.section1 {
	margin-bottom: 0;
}

.workshop-module h4 {
	margin-bottom: 28px;
}

.workshop-module .module-duration, .workshop-module .module {
	float: left;
}

.workshop-module .module-duration {
	width: 16%;
	padding-top: 42px;
}

.workshop-module .module-duration li {
	min-height: 40px;
	margin-bottom: 24px;
}

.workshop-module .module li {
	min-height: 40px;
	margin-bottom: 24px;
}

.workshop-module .module-duration ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.workshop-module .module {
	padding-left: 15px;
	width: 21%;
	word-break: break-all;
}

.workshop-module .module h4 {
	min-height: 38px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

@media ( max-width : 1199px) {
	.workshop-module .module-duration {
		width: 24%;
	}
	.workshop-module .module {
		width: 38% !important;
	}
	.workshop-module .module .radio-button input[type="radio"]+label {
		padding-left: 28px;
	}
}



/*
* Tabs
*/
.tabs .tabs-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs .tabs-nav li {
	background: url(../images/theme/tabs-nav-li-bg.png) left top;
/*	width: 101px; */
	height: 42px;
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-bottom: 1px;
}

.tabs .tabs-nav li a {
	display: block;
	padding: 9px 12px 7px;
	color: white;
	text-decoration: none;
}

.tabs .tabs-nav li.ui-state-active {
	background-image: url(../images/theme/tabs-nav-li-active-bg.png);
}

.tabs .tab-content figure {
	margin-bottom: 15px;
}

.tabs .tab-content .pagination {
	margin-top: 22px;
}

@media ( max-width : 640px) {
	.tabs .tabs-nav li {
		background-size: contain;
		height: 24px;
		width: 68px;
	}
	.tabs .tabs-nav li a {
		padding: 7px 8px 4px;
	}
}
/*
* Pagination
*/
.pagination {
	margin-bottom: 15px;
}

.pagination span, .pagination a {
	color: #606060; /*#2b9f6b;*/
	text-decoration: none;
	display: inline-block;
	margin-right: 35px;
}

.pagination span.current {
	color: #c93e58; /*red*/
}

@media ( max-width : 991px) {
	.pagination span, .pagination a {
		margin-right: 10px;
	}
}
/* ==========================================================================
	Home Page Specific
========================================================================== */
/*
* Introduction
*/
.introduction {
	background: #2b9f6b; /*green*/
	padding: 1em;
}

.introduction p {
	color: white;
}

.introduction a {
	color: #012327;
}

/*
* Action
*/
.action {
	height: 184px;
	width: 184px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.action:before {
	content: "";
	display: block;
	background: url(../images/theme/action@2x.png) no-repeat;
	background-size: contain;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: opacity 1s cubic-bezier(0, 1, 1, 0);
	-webkit-transition: opacity 1s cubic-bezier(0, 1, 1, 0);
	-moz-transition: opacity 1s cubic-bezier(0, 1, 1, 0);
}

.action:hover:before {
	opacity: 0.6;
}

.action a {
	display: block;
	padding: 50px 35px;
	text-decoration: none;
}

.introduction .action {
	float: right;
	margin-left: 140px;
}

@media ( max-width : 640px) {
	.introduction {
		padding: 15px 0;
	}
	.introduction .action {
		height: 75px;
		width: 75px;
		margin-left: 15px;
	}
	.action {
		height: 75px;
		width: 75px;
		margin-left: 15px;
	}
	.introduction .action a, .action a {
		padding: 15px 10px;
	}
	.introduction .action:before {
		background-size: contain;
	}
	.action:before {
		background-size: contain;
	}
}
/*
* News-Section
*/
.news-section {
	background: #c93e58; /*red*/
	padding: 22px 0 15px;
	margin-bottom: 33px;
	position: relative;
}

.news-section:after {
	display: block;
	content: "";
	background: url(../images/theme/news-section.svg) left bottom;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0;
}

@media ( max-width : 640px) {
	.news-section {
		margin-bottom: 25px;
	}
	.news-section .button2 {
		display: block;
		max-width: 234px;
		margin: 0 auto;
	}
	.webkit .news-section .button2:before {
		background-size: 100% auto;
	}
	.news-section .button2+.button2 {
		margin: 8px auto 0;
	}
}
/*
* box1
*/
.box1 {
	background: #c93e58; /*red*/
	padding: 0.25em;
}

/*
*box2
*/
.box2 {
	background: #2b9f6b; /*green*/
	background-blend-mode: multiply;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0 24px;
	position: relative;
	margin-bottom: 24px;
}

.box2 p {
	color: white;
	margin-bottom: 10px;
}

.box2 p a {
	color: #012327;
}

.box2 a {
	color: #012327;
}

.home .box2 {
	margin-bottom: 110px;
}

@media ( max-width : 767px) {
	.box2 {
		padding: 24px 0 10px;
		margin-bottom: 40px;
	}
	.home .box2 {
		margin-bottom: 40px;
	}
}
/*
*box3
*/
.box3 {
	background: var(--main-bg-color);
	padding: 10px;
}

.box3 p {
	margin-bottom: 10px;
}

@media ( max-width : 767px) {
	.box3 {
		padding: 15px;
	}
	.box3 h2 {
		margin-bottom: 4px;
	}
	.home .box3 h2 {
		margin-bottom: 4px;
	}
	.box3 p {
		margin-bottom: 4px;
	}
}
/*
*box4
*/
.box4 {
	background: #2b9f6b; /*green*/
	padding: 58px 0;
	margin-bottom: 76px;
}

.box4 ul {
	margin: 0;
	padding: 0;
}

.box4 li {
	list-style: none;
	display: inline-block;
	width: 25%;
	padding: 0 5px;
	margin: 0 -3px;
}

.box4 p {
	color: white;
	margin-bottom: 0;
	padding-top: 50px;
	text-align: center;
}

.box4 li img {
	width: 100%;
}

@media ( max-width : 991px) {
	.box4 {
		padding: 20px 0;
		margin-bottom: 24px;
	}
	.box4 p {
		padding-top: 15px;
	}
}

@media ( max-width : 767px) {
	.box4 li {
		width: 50%;
		margin-bottom: 15px;
	}
}

/*
*four-column-layout
*/
.four-column-layout {
	margin-bottom: 100px;
}

.four-column-layout.category-links {
	margin-bottom: 0px;
}

@media ( max-width : 767px) {
	.four-column-layout {
		margin-bottom: 15px;
	}
}
/*
* Workshop-schedule
*/
.workshop-schedule {
	position: relative;
	background-color: var(--main-bg-color);
	margin: 24px auto;
	overflow-x: auto;
	max-width: 100%;
}
.prog_months_group {
	position:absolute;
	top:0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
}
.prog_months {
    position: absolute;
    top:0px; 
    bottom:0;
    background: transparent;
    /*background-image: url(/wp-content/themes/bilding/assets/images/theme/workshop-schedule3.svg);
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;*/
    border-left: solid 1px #c93e58; /*red*/
    border-left-style: dashed;
    margin: 0;
    padding: 0;
    opacity:1.0;
}
.prog_months.today {
	border-left: solid 2px #2b9f6b; /* green */
    border-left-style: solid;
    font-size: 8px;
    margin-top: 23px;
    color: #2b9f6b; /* green */
    z-index: 1;
}
.prog_months.today div {
	background-color:#2b9f6b; /* green */
	color:white;
	width:28px;
	padding: 0px 0px 0px 2px;
	white-space: nowrap;
	height: 16px;
	line-height: 16px;
}
.prog_months.today div.left {
    margin-left:-28px;
}
.prog_months.today div.right {
    margin-left:0px;
}

.prog_month {
	position:absolute;
	font-size: 1em;
	margin-left:0px;
	line-height: 2em;
    font-weight: 500;
    color: #606060; /*#2b9f6b;*/
    text-decoration: none;
    white-space: nowrap;
}
.prog_month.future {
    color: #c93e58; /*red*/
}
span.prog_month {
    background-color: var(--main-bg-color);
    width: 62px;
    z-index: 100;
    height: 24px;
    margin-left:-1px;
}
.prog_events {
	padding: 56px 0 0 0;
}
.prog_events .past {
	display: none;
}
.dows {
	position:absolute;
	top:36px;
	height:400px;
	width:100%;
	left: 50px;
	font-size:12px;
}
.dow {
	position:absolute;
	width:130px;
	float:left;
	height:100%;
	width:130px;
	border-left: dashed 1px #c93e58; /*red*/
}
.dow span { margin:5px; }
.dow_1 { left:0px; }
.dow_2 { left:130px; }
.dow_3 { left:260px; }
.dow_4 { left:390px; }
.dow_5 { left:520px; }
.dow_6 { left:650px; }
.dow_0 { left:780px; }
.time {
	position:relative;
	z-index:1;
    opacity:0.75;
}
.timed {
    background: url(../images/theme/event-layout2.png);
    background-repeat:no-repeat;
	position:absolute;
}
.timed:hover {
    background: url(../images/theme/event-layout2-hover.png);
}
.timed a {
	text-decoration: none;
}
.timed p {
    font-size: 10px;
    max-width: 120px;
    margin: 0px 2px 0px 2px;
    padding:0px;
    line-height:12px;
    color: black;
}
.hours {
	position:absolute;
	width: 940px;
	top:50px;
    font-size:12px;
}
.hour {
	position: absolute;
	border-top:dashed 1px gray;
	width: 100%;
}

.workshop-schedule .event {
	height: 44px;
	padding-top: 4px;
	padding-left: 8px;
	position: relative;
	left: 0;
	z-index: 1;
	margin-bottom: 8px;
}

.workshop-schedule .event h3 {
	white-space: nowrap;
	color: #012327;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

/* .workshop-schedule .event.booked:before {
	opacity: 0.6;
} */

.workshop-schedule .event.booked .secondary {
	display: inline-block;
}

.workshop-schedule .event.booked:hover .secondary {
	color: #606060; /*#2b9f6b;*/
}

.workshop-schedule .event a {
	color: inherit;
	text-decoration: none;
}
.workshop-schedule .event a:hover,
.workshop-schedule .event a:focus,
.workshop-schedule .event a:active {
	color: inherit;
}

.workshop-schedule .event p {
	color: #012327;
	margin-bottom: 0;
	line-height: 16px;
	font-size: 0.8em;
}

.workshop-schedule .event.large {
	width: 100%;
}

.workshop-schedule .event:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	/* background-position: -7px top; */
	background-size: 100% 44px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	opacity: 1;
}

.workshop-schedule .event:hover:before {
	transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.15s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.workshop-schedule .event.layout1:before {
	background-image: url(../images/theme/event-layout1@2x.png);
}

.workshop-schedule .event.layout1.booked:before {
	background-image: url(../images/theme/event-layout1@2xbooked_full.png);
}

.workshop-schedule .event.layout1:hover:before {
	background-image: url(../images/theme/event-layout1-hover@2x.png);
}

.workshop-schedule .event.layout2:before {
	background-image: url(../images/theme/event-layout2@2x.png);
}
.workshop-schedule .event.layout2.booked:before {
	background-image: url(../images/theme/event-layout2@2xbooked_full.png);
}

.workshop-schedule .event.layout2:hover:before {
	background-image: url(../images/theme/event-layout2-hover@2x.png);
}

.workshop-schedule .event.layout3:before {
	background-image: url(../images/theme/event-layout3@2x.png);
}

.workshop-schedule .event.layout3.booked:before {
	background-image: url(../images/theme/event-layout3@2xbooked_full.png);
}

.workshop-schedule .event.layout3:hover:before {
	background-image: url(../images/theme/event-layout3-hover@2x.png);
}

.workshop-schedule .event.circle {
	padding-left: 8px;
	padding-top: 12px;
	max-width: 100px;
}
.together {
	white-space: nowrap;
}
.workshop-schedule .event.circle .date {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 45px;
	width: 45px;
	display: table;
	color: white;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	margin: 0;
}

.workshop-schedule .event.circle .date span {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
	text-align: center;
	line-height:16px;
}

.workshop-schedule .event1, .workshop-schedule .event3 {
	margin-left: 4.3%;
	width: 45.7%;
}

@media ( max-width : 2500px) {
/* 	.programm .workshop-schedule {
		max-height: 750px;
	}
 */	/* .workshop-schedule .event:before {
		background-size: 100% 62px;
	} */
}

@media ( max-width : 1199px) {
	/* .programm .workshop-schedule {
		max-height: 600px;
	} */
}

@media ( max-width : 991px) {
	/* .programm .workshop-schedule {
		max-height: 450px;
	} */
}

@media ( max-width : 767px) {
	.programm .workshop-schedule {
		padding-right: 0;
		/* max-height: 100%; */
	}
	.workshop-schedule .prog_months_group {
		display: none;
	}
	.workshop-schedule .event {
		background-position: left top;
		position: relative;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		float: none;
		margin-left: 0 !important;
		width: 100%;
	}
	.workshop-schedule .event1, .workshop-schedule .event3 {
		float: none;
		margin-left: 0 !important;
		width: 100%;
	}
	.workshop-schedule .prog_events {
		padding: 4px;
	}
}

/*
* Art-School
*/
.art-school h2 {
	text-transform: uppercase;
}

@media ( max-width : 767px) {
	.art-school {
		margin-bottom: 20px;
	}
}
/*
* .cycloneslider-template
*/
.cycloneslider-template-standard .cycloneslider-prev,
	.cycloneslider-template-standard .cycloneslider-next {
	width: 64px !important;
	height: 120px !important;
	margin-top: -32px !important;
	box-shadow: none !important;
}

.cycloneslider-template-standard .cycloneslider-prev {
	background: url(../images/theme/previous-arrow@2x.png) no-repeat
		!important;
	background-size: contain !important;
}

.cycloneslider-template-standard .cycloneslider-next {
	background: url(../images/theme/next-arrow@2x.png) no-repeat !important;
	background-size: contain !important;
}

.cycloneslider-template-standard .arrow {
	display: none !important;
}

/* ==========================================================================
	Latest Css
========================================================================== */
.row.event-details .sign-in-btn {
	background-size: contain;
	float: right;
	height: 48px;
	max-width: 184px;
	min-width: 184px;
	padding: 14px 8px 11px;
}

#banner .video {
	display: none;
}

.header-icons img {
	width: 24px;
}
.header-icons img:hover {
	opacity: 0.6;
}
@media ( min-width : 640px ) {
	.header-icons {
		top: 0;
	}
}

.tab-content figure img {
	width: 550px;
	height: auto;
}

figcaption {
	color: #606060; /*#2b9f6b;*/
	margin-bottom: 0;
}

.cycloneslider-template-standard .cycloneslider-slides {
	position: relative;
	overflow: hidden;
	min-height: 350px;
}

body.home #main-navigation li.active a {
	border: none;
}

body.home #main-navigation li.active:hover a {
	border-bottom: 1px dashed #2b9f6b; /*green*/
}

label.error {
	color: #606060; /*#2b9f6b;*/
}

.free-package mark {
	text-decoration: none;
}

@media ( min-width : 480px) {
	.workshop-schedule .event p {
		white-space: nowrap;
	}
}

.textwidget form td {
	color: #606060; /*#2b9f6b;*/
}

.textwidget form select {
	border: solid 2px #2b9f6b; /*green*/
	color: #0072a5;
	border-radius: 0;
	background-color: var(--main-bg-color);
	margin: 5px 0;
}

.list1 li.booked .metadata {
	color: #839193;
}

.workshop-module .module {
	padding-left: 15px;
	width: 40%;
	word-break: break-all;
}

div.hidden-lg {
	display: none;
}

.cycloneslider-template-standard .cycloneslider-pager span {
	background-color: #2b9f6b !important;
	box-shadow: none !important;
}

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active
	{
	background-color: #CCCCCC !important;
	box-shadow: none !important;
}

.cycloneslider-pager {
	display: none;
}

.cycloneslider-template-standard .cycloneslider-slide {
	background: transparent;
}

.projects .info h2 {
	color: #606060; /*#2b9f6b;*/
}

 #signup-form {
	/* padding-top: 120px; */
	display: none;
	font-size: 1.5em;
	line-height: 1.5em;
	background-color: var(--main-bg-color);
	padding: 0.5em;
}

.submit-button a.signup-form {
	text-align: center;
}

.fancybox-inner {
	height: auto !important;
}
.fancybox-outer {
	box-shadow: 4px 4px 8px #aaaaaa;
}

#signup-form h1 {
	margin-bottom: 8px;
	margin-right: 24px;
	font-size: 1.25em;
}

article.post {
	margin-bottom: 24px;
}

#main.site-main .posts {
	margin-right: -24px !important;
}
.post1 {
	font-size: 1.4em;
	line-height: 1.4em;
}
.post2 {
	font-size: 1.2em;
	line-height: 1.2em;
}
.post1,
.post2,
.post3 {
	width: 100%;
}

article.post.with-sidebar,
#sidebar {
	width: 100%;
	float: none;
}
@media ( min-width : 401px) {
	header.with-sidebar {
		width: 61.8%;
		float: left;
		padding-right: 24px;
	}
	header.with-sidebar h2 {
		max-width: 640px;
		margin: auto;
	}
/*	article.post.with-sidebar {*/
/*		width: 61.8%;*/
/*		float: left;*/
/*		padding-right: 24px;*/
/*	}*/
/*	#sidebar {*/
/*		width: 38.2%;*/
/*		float: right;*/
/*		margin: 0;*/
/*	}*/
	.row .event-details,
	.fullwidth .persons {
		width: 50%;
		float: left;
	}
	.row .event-details {
		padding-right: 24px;
	}
}

@media ( min-width : 640px) {
	.container {
		max-width: 100%;
	}
	article.post.with-sidebar {
		width: 61.8%;
		float: left;
		padding-right: 24px;
	}
	#sidebar {
		width: 38.2%;
		float: right;
		margin: 0;
	}
}

@media ( min-width : 401px) and ( max-width : 640px ) {
	.container {
		max-width: 100%;
	}
	article.post .figure-div figure {
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right top;
		float: left;
		background-color: var(--main-bg-color);
	}
	.box4 li {
		width: 100%;
		margin-bottom: 15px;
		display: block;
	}
	.home .projects, .blog .projects, .das-haus .projects, .schulprojekte .projects, .ueber #content {
    	padding: 0;
	}
	.workshop-module .module .radio-button input[type="radio"]+label {
		word-break: break-all;
		font-size: 0.8em;
		line-height: 14px;
	}
	.sociable p, .sociable ul {
		display: block;
		text-align: center;
	}
	.sociable p {
		margin-bottom: 10px;
	}
	.four-column-layout.category-links {
		padding-right: 0;
	}
	.two-column-layout.future-project {
    	margin-right: 0;
	}
	.fullrow {
	    margin-right: 0;
	}
	.col-md-4 {
		padding: 0 15px;
	}
/*	.post1,*/
/*	.post2 {*/
/*		width: 100%;*/
/*	}*/
/*	.post3 {*/
/*		width: 50%;*/
/*	}*/
/*	.post1 .figure-div,*/
/*	.post1 .text-div {*/
/*		width: 50%;*/
/*		float: left;*/
/*	}*/
/*	.post2 .figure-div {*/
/*		width: 38.2%;*/
/*		float: left;*/
/*	}*/
/*	.post2 .text-div {*/
/*		width: 61.8%;*/
/*		float: left;*/
/*	}*/
/*	.post3 .figure-div,*/
/*	.post3 .text-div {*/
/*		width: 100%;*/
/*		float: none;*/
/*	}*/
}

@media ( min-width : 641px) and ( max-width : 767px) {
	.container {
		max-width: 100%;
	}
	.post1 {
		width: 50%;
	}
	.post2 {
		width: 33.33%;
	}
	.post3 {
		width: 25%;
	}
}

@media ( min-width : 768px) and  ( max-width : 1024px) {
	.container {
		max-width: 970px;
		margin-left: auto;
		margin-right: auto;
	}
	.post1 {
		width: 33.33%;
	}
	.post2 {
		width: 25%;
	}
	.post3 {
		width: 20%;
	}
}

@media ( min-width : 1025px) and ( max-width : 1200px) {
	#banner,
	.container {
		max-width: 970px;
		margin-left: auto;
		margin-right: auto;
	}
	.post1 {
		width: 25%;
	}
	.post2 {
		width: 20%;
	}
	.post3 {
		width: 16.666666%;
	}
}

@media ( min-width : 1200px) {
	.container {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#banner {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.post1 {
		width: 20%;
	}
	.post2 {
		width: 16.666666%;
	}
	.post3 {
		width: 14.28%;
	}
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5) !important;
}

.signup-form:hover {
	color: white;
}

/* article.post:hover img {
	opacity: 0.6;
} */

.cycloneslider-template-standard {
	max-width: 100% !important;
}

.cycloneslider-template-standard .cycloneslider-slides {
	width: 100% !important;
}

.cycloneslider-template-standard .cycloneslider-slide {
	width: 100% !important;
}

.cycloneslider-template-standard .cycloneslider-slide img {
/*	width: 100% !important;*/
	max-height: 100% !important;
}

/*
* note
*/
.note {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	background: #c93e58; /*red*/
	padding: 22px 0px 18px;
	line-height: 1.0;
}

.note p {
	margin: 0px;
	color: white;
}

/* ==========================================================================
	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
========================================================================== */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; } */
.eq-ie8 .logo h1 a {
	background: url("../images/theme/logo.svg") no-repeat;
}

.eq-ie8 .checkbox input[type="checkbox"]+label:before {
	background: url(../images/theme/checkbox.png) no-repeat left top;
}

.eq-ie8 .paid-package .checkbox input[type="checkbox"]+label:before {
	background-image: url(../images/theme/checkbox2.png);
}

.eq-ie8 .checkbox input[type="checkbox"].checked+label:before {
	background-position: left bottom;
}

.eq-ie8 .action:before {
	content: "";
	display: block;
	background: url(../images/theme/action.png) no-repeat;
}

.eq-ie8 .workshop-schedule {
	/*background-image: url(../images/theme/workshop-schedule.png);*/
}

.eq-ie8 .workshop-schedule .event.layout1 {
	background-image: url(../images/theme/event-layout1.png);
}

.eq-ie8 .workshop-schedule .event.layout1:hover {
	background-image: url(../images/theme/event-layout1-hover.png);
}

.eq-ie8 .workshop-schedule .event.layout2 {
	background-image: url(../images/theme/event-layout2.png);
}

.eq-ie8 .workshop-schedule .event.layout2:hover {
	background-image: url(../images/theme/event-layout2-hover.png);
}

.eq-ie8 .workshop-schedule .event.layout3 {
	background-image: url(../images/theme/event-layout3.png);
}

.eq-ie8 .workshop-schedule .event.layout3:hover {
	background-image: url(../images/theme/event-layout3-hover.png);
}

.eq-ie8 .play-button {
	background: url(../images/theme/play-btn.png);
}

.eq-ie8 .section2 {
	min-height: 440px;
}

.form li.one-half:first-child {
	margin-left: 0;
}

.form li.one-half:first-child+li.one-half+li.one-half {
	margin-left: 0;
}

.form li.one-half:first-child+li.one-half+li.one-half+li.one-half+li.one-half
	{
	margin-left: 0;
}

.form li.one-half:first-child+li.one-half+li.one-half+li.one-half+li.one-half+li.one-half+li.one-eighth
	{
	margin-left: 0;
}

.form li.one-half:first-child+li.one-half+li.one-half+li.one-half+li.one-half+li.one-half+li.one-eighth+li.one-fourth+li.one-fourth
	{
	margin-left: 0;
}

.bilding_button_link {
	position: fixed;
    top: 392px;
    right: 8px;
    width: 110px;
    height: 110px;
    background-image: url(/wp-content/themes/bilding/assets/images/theme/circle.png);
    background-size: 100px;
    z-index: 999999;
    background-repeat: no-repeat;
    padding: 24px 16px;
    display: none;
}
.bilding_button_link:hover {
	background-image: url(/wp-content/themes/bilding/assets/images/theme/circle-hover.png);
}
.bilding_button_link a {
	color: white;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 1em;
}
.bilding_button_link_menu {
	display: block;
}
@media ( min-width : 640px) {
	.bilding_button_link {
		top: -21px;
		right: 270px;
		background-size: 90px;
		padding: 24px 16px;
		display: block;
	}
	.bilding_button_link_menu {
		display: none;
	}
}

ul.years {
	padding: 12px 24px 4px 0;
	background-color: var(--main-bg-color);
	list-style: none;
	margin-bottom: 24px;
	position: relative;
	z-index: 100;
}

.distributed {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	-webkit-justify-content: space-evenly;
	-ms-flex-pack: distribute;
	justify-content: space-evenly;
/* 	background-color: var(--main-bg-color); */
	margin-top: 56px;
	margin-bottom: 56px;
}
.distributed.dpost1 {
	margin-left: 0px;
	margin-right: 0px;
}
.distributed.dpost2 {
	margin-left: 48px;
	margin-right: 48px;
}
.distributed.dpost3 {
	margin-left: 48px;
	margin-right: 48px;
}
.distributed.dpost4 {
  margin-left: 0px;
  margin-right: 0px;
}
.menu-buttons {
	width: 100%;
	background-color: var(--main-bg-color);
	margin-bottom: 24px;
	z-index: 100;
}
.menu-buttons ul {
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 8px 0 8px;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	list-style: none;
	padding-left: 0 !important;
}
.menu-buttons ul li {
	text-align: center;
	margin: 0.5em 0;
	position: relative;
}
.menu-buttons ul li a {
	color: white;
	white-space: nowrap;
	text-decoration: none;
/* 	font-size: 1.4em; */
	line-height: 2.2em;
	padding: 0 1em;
	display: block;
}
.menu-buttons li:hover {
	color: white;
}
.menu-buttons li:hover::before {
	background-image: url("/wp-content/themes/bilding/assets/images/theme/button3-bg-hover.png");
}
.menu-buttons li::before {
	background-image: url("/wp-content/themes/bilding/assets/images/theme/button3-bg.png");
	content: "";
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	width: 100%;
	z-index: -1;
}
.menu-buttons h3 {
	text-align: center;
	font-size: 1.25em;
}

iframe {
	max-width: 100%;
}

.distributed .dpost1 {
	max-width: 280px;
	/* font-size: 1.5em; */
}
.distributed .dpost2 {
	max-width: 224px;
	/* font-size: 1.2em; */
}
.distributed .dpost3 {
	max-width: 168px;
}
.distributed .dpost4 {
	max-width: 120px;
}

.rot5 {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.rot10 {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.rot15 {
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.rot20 {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.rot-5 {
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.rot-10 {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.rot-15 {
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.rot-20 {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
/*article.post .post-div {*/
/*    background-color: var(--main-bg-color);*/
/*}*/
.shadow {
    /* border: solid 1px var(--main-bg-color); */
    box-shadow: 4px 0px 8px #aaaaaa;
}
.dpost1 .shadow:hover,
.dpost2 .shadow:hover,
.dpost3 .shadow:hover,
.dpost4 .shadow:hover,
.topmost .post-div {
    box-shadow: 4px 0px 16px #202020;
    z-index: 200;
    /* border: solid 8px red; */
}
/* .distributed .dpost3 {
	margin: -24px;
}
 */
article.post {
	width: 100%;
}
/*
article.post .figure-div img {
	width: 100%;
	height: 100%;
}
*/
.post-div.shadow .figure-div {
    margin: 0;
}
.post-div p {
    clear: right;
}
article.post .linked {
	cursor: pointer;
}
.fullwidth {
	width: 100% !important;
}
.fullwidth.bg-white {
	z-index: 200;
}
/* SocialNetwork - Widget: */
.social-networks li {
    float: left;
    margin: 4px;
}
.social-networks img {
    width: 20px;
}

/* single-team_members */
.row.artistic .figure-div {
    width: 38.2%;
    float: left;
}
.row.artistic .figure-div figure {
    max-width: 200px;
    margin: 0;
    margin: 1em auto;
}
.row.artistic .text-div {
    width: 61.8%;
    float: left;
}
address {
	font-style: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 1.5em;
}
.search-form {
	font-size: 0.75em;
	line-height: 0.8em;
	margin: 4px 0;
}
.search-form a {
    float: left;
}
.sociable .search-form {
	position: absolute;
    top: 32px;
    right: 0px;
}
/*#filter_by_age {*/
/*	width: 120px;*/
/*}*/
.filtered {
	display: none !important;
}

/*
.filtered {
	opacity: 0.2;
	z-index: 1 !important;
}
*/
 .search-form .button {
	width: 24px;
	height: 24px;
	float: right;
	margin: 0 0px;
	padding: 0;
}
.search-form .button a {
	line-height: 20px;
}
.search-query {
	color: #2b9f6b; /* green */
}
.search-field {
	margin: 0 4px 0 0px;
	border: solid 1px #c93e58; /*red*/
	padding: 0 8px;
	height: 24px;
	border-radius: 4px;
	width: 156px;
	float: left;
	background-color: #c93e58; /*red*/
	color: white;
}
#main-navigation li a.search-button {
	width: 24px;
	height: 24px;
	margin-top: -1px;
	line-height: initial;
	margin-top: 0;
}
@media ( min-width : 640px) {
	#header {
		height: 120px;
	}
	.post-div .figure-div {
	    max-width: 448px;
	    float: left;
	    margin: 4px 6px 0 0;
	}
}

/* OpenStreetMap */
iframe.osm {
	width: 100%;
	height: 100%;
	min-height: 256px;
	border: none;
}

/* SinglePost - Widget*/
.singlepost-widget {
	box-shadow: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

/* table */
th, td {
	vertical-align: top;
}
td.label {
	white-space: nowrap;
	/* text-align: right; */
	font-size: 0.8em;
	padding-right: 4px;
	padding-top: 2px;
	line-height: 1.5em;
}
.numbers {
/* 	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.5em; */
}
article.post {
	z-index: 99;
	position: relative;
	height: 100%;
}
article.post.dpost2 {
	margin: -24px -8px;
}
article.post.dpost3 {
	margin: -16px -8px;
}
article.post.dpost4 {
	margin: -12px -6px;
}
article.post.pos1 {
    -ms-transform: rotate(21deg);
    -webkit-transform: rotate(21deg);
	transform: rotate(21deg);
}
article.post.pos2 {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}
article.post.pos3 {
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
article.post.pos4 {
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}
article.post.pos5 {
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
	transform: rotate(9deg);
}
article.post.pos6 {
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
	transform: rotate(6deg);
}
article.post.pos7 {
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
article.post.pos8 {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
article.post.pos9 {
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
article.post.pos10 {
	-ms-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
article.post.pos11 {
	-ms-transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
}
article.post.pos12 {
	-ms-transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
}
article.post.pos13 {
	-ms-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
article.post.pos14 {
	-ms-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
article.post.pos15 {
	-ms-transform: rotate(-18deg);
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}
article.post.pos16 {
	-ms-transform: rotate(-21deg);
	-webkit-transform: rotate(-21deg);
	transform: rotate(-21deg);
}

article.post.z1,
.bilding-slide.z1 {
	z-index: 99;
}
article.post.z2,
.bilding-slide.z2 {
	z-index: 98;
}
article.post.z3,
.bilding-slide.z3 {
	z-index: 97;
}
article.post.z4,
.bilding-slide.z4 {
	z-index: 96;
}
article.post.z5,
.bilding-slide.z5 {
	z-index: 95;
}
/* article.post.z1:hover,
article.post.z2:hover,
article.post.z3:hover,
article.post.z4:hover,
article.post.z5:hover {
	z-index: 200;
}
 */
#filter_by_age,
#filter_by_cat,
#filter_by_tag,
#filter_by_dow {
    border: solid 1px #c93e58; /*red*/
    border-radius: 4px;
    margin: 4px 0;
    padding: 0 4px 0 4px;
    height: 24px;
    background-color: #c93e58; /*red*/
    color: white;
    width: 190px;
}
.age_filter, 
.cat_filter,
.tag_filter,
.dow_filter {
    float: left;
    margin: 0;
    clear: both;
}

/* selectables navigation */
.selectable-nav {
	display: none;
	position: fixed;
	bottom: 84px;
	left: 0;
	right: 0;
	margin: 8px;
	color: #ffd7d7;
	height: 0;
	z-index: 0;
}
.selectable-nav .selectable-prev,
.selectable-nav .selectable-next {
	position: relative;
	cursor: pointer; 
	padding: 0 16px;
	background-size: contain;
	width: 80px;
	height: 80px;
	opacity: 0.2;
}
.selectable-nav .selectable-prev:hover,
.selectable-nav .selectable-next:hover {
	color: #aad7d7; 
	opacity: 0.8;
}
.selectable-nav .left,
.selectable-nav .right {
	position: relative;
	width: 50%;
	height: 0;
	z-index: 0;
}
.selectable-nav .left {
	float: left;
}
.selectable-nav .right {
	float: right;
}
.selectable-nav .selectable-prev {
	float: left;
	background: url(../images/theme/previous-arrow@2x.png) no-repeat right;
}
.selectable-nav .selectable-next {
	float: right;
	background: url(../images/theme/next-arrow@2x.png) no-repeat left;
}
/* form-widget */
.form .widget .blockheadline {
	width: inherit;
	box-shadow: none;
	margin: inherit;
	padding: 0;
}
.form .widget .row {
	margin: 0;
}
.form .post-div.bg-white.shadow {
	box-shadow: none;
}
time {
	white-space: nowrap;
}
#main-navigation .lang-item {
  max-width: 32px;
}
#main-navigation .current-lang {
  border-bottom: solid 1px green;
  display: none;
}
.post_tags {
  overflow: hidden;
  width: 100%;
  display: flex;
  font-size: 0.8em;
  line-height: 1.0em;
}
.post .post_tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.post .post_tags ul li {
  display: inline-flex;
  flex-grow: 1;
}
.post .post_tags ul li div {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  width: 100%;
  padding: 0 2px;
}
.persons figure.image img {
  max-width: 80px;
  overflow: hidden;
}
article.post {
  background-color: var(--main-bg-color);
}
.post_tags .tag_medien,
.post_tags .tag_media {
	background-color: #c71585; /* mediumvioletred */
	color: white;
}
.post_tags .tag_malerei,
.post_tags .tag_painting {
	background-color: #9932cc; /* darkorchid */ 
	color: white;
}
.post_tags .tag_grafik,
.post_tags .tag_graphics {
	background-color: #696969; /* dimgray */
	color: white;
}
.post_tags .tag_bildhauerei,
.post_tags .tag_sculpture {
	background-color: #4169e1; /* royalblue */
	color: white;
}
.post_tags .tag_architektur,
.post_tags .tag_architecture {
	background-color: #a0522d; /* siena */
	color: white;
}
.categorized.c_werkstatt,
.categorized.c_studio {
/*  background-color: rgb(201, 252, 217);*/
  background-color: rgb(255, 229, 229);
}
.categorized.c_veranstaltung,
.categorized.c_event {
/*  background-color: rgb(239, 218, 201);*/
  background-color: rgb(255, 251, 229);
}
.categorized.c_projekt-de,
.categorized.c_project {
/*  background-color: rgb(211, 255, 213);*/
  background-color: rgb(238, 255, 229);
}
.categorized.c_publikation,
.categorized.c_publication {
/*  background-color: rgb(255, 246, 204);*/
  background-color: rgb(229, 255, 242);
}
.categorized.c_sommerakademie,
.categorized.c_summer_academy {
/*  background-color: rgb(255, 253, 70);*/
  background-color: rgb(229, 246, 255);
}
.categorized.c_ausstellung,
.categorized.c_exhibition {
/*  background-color: rgb(198, 237, 249);*/
  background-color: rgb(234, 229, 255);
}
.categorized.c_workshop,
.categorized.c_workshop-en {
/*  background-color: #fff5c0;*/
  background-color: rgb(255, 229, 255);  
}

.wp-block-image .aligncenter {
	text-align: center;
}
article.post figure.wp-block-image {
    margin: 0.8em 0 0.8em 0;
}
.wp-block-image .alignleft {
	width: fit-content;
}
.menu-buttons li.active::before {
  background-image: url("/wp-content/themes/bilding/assets/images/theme/button3-hover-bg.png");
}
ul.related-posts {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  display: inline-block;
}
li.related-post {
  margin: 0;
  padding: 0 12px 0 0;
  float: left;
}
.figure-div.dpost2, .figure-div.dpost2 figure, .figure-div.dpost2 img {
  max-width: 224px;
  max-height: 64px;
}
h2.content,
.post_tags {
  -moz-hyphens: initial;
  hyphens: initial;
}
.team-members img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
div.postcollection-list {
  overflow: hidden;
  width: 100%;
}
.postcollection-list ul {
  list-style: none;
  text-align: center;
}
.postcollection-list li {
  margin: 0 1.0em 0 1.0em;
  display: inline-flex;
}
.postcollection-list a {
  text-decoration: none;
  text-transform: lowercase;
}
sup {
  top: -0.7em;
  margin-left: 2px;
  font-size: 0.6875em;
}
b,
strong {
	color: var(--has-vivid-green-color);
	font-weight: normal;
}
#newsletter {
	max-width: 640px;
}