/*
Theme Name: diehingucker
Theme URI: http://www.diehingucker.de
Description: diehingucker Template
Version: 1.0
Author: Philipp Kieckbusch
Tags: portfolio, responsive, blog, clean, minimal, white, two-columns, threaded-comments, translation-ready, custom-menus

TABLE OF CONTENTS

01 - Reset
02 - Global
03 - General Layout
04 - Header
05 - Content
06 - Slideshow
07 - Sidebar
08 - Widgets
09 - Comments
10 - Pagination
11 - Footer
12 - Media Queries
*/

/* /////////////////////////////////////////////////////////////////////
//  00 - Reset
/////////////////////////////////////////////////////////////////////*/

/**

 HTML5 & 4 reset stylesheet
 Adapted from YUI & HTML5 Doctor
 v1.0

**/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

:focus {
	outline: none;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,hgroup,menu,nav,summary,time,mark,audio,video,header,footer {
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    background:transparent;
}

html {
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
	overflow-y: scroll;
}

ol,ul {
	list-style:none;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,img {
    display:block;
}

blockquote,q {
    quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration:line-through;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

strong{font-weight:bold;}
em{font-style:italic;}

input,
select {
    vertical-align:middle;
}

table {
	border-collapse:separate;
	border-spacing:0;
}
caption,
th,
td {
	text-align:left;
	font-weight:normal;
}

input {
	vertical-align:middle;
}
img,
object,
embed {max-width: 100%;}

.homeSection img,
.post p img,
.page p img,
.project img,
.postThumb,
div.wp-caption img {
	max-width: 100% !important;
}

.wp-caption {
	max-width: auto !important;
}

.wp-caption-text {
	padding: 5px 0 0 0;
	font-style: italic;
}


/* /////////////////////////////////////////////////////////////////////
//  01 - General
/////////////////////////////////////////////////////////////////////*/

a, input, textarea, .top, .tile-background, .tile-content, :after, :before, span, ul.events-table, #logo img, #logo span a:before, .partner-background, .partner-hover {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

@font-face {
    font-family: Brandon;
    src: url("fonts/BrandonText-Regular.otf") format("opentype");
}

@font-face {
    font-family: Brandon;
    font-weight: bold;
    src: url("fonts/BrandonText-Black.otf") format("opentype");
}

@font-face {
    font-family: Brandon;
    font-style: italic;
    src: url("fonts/BrandonText-RegularItalic.otf") format("opentype");
}


/* /////////////////////////////////////////////////////////////////////
//  02 - Global
/////////////////////////////////////////////////////////////////////*/

.privacy h1{
	font-size: 2.0em;
}

.privacy h2{
	font-size: 1.6em;
}

.privacy h3{
	font-size: 1.2em;
}

.privacy ul li:before{
content:"";
}

.privacy ul li{
list-style-type: none;
}

body {
	font-size: 100%;
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	width:auto;
	height:auto;
	padding: 0 0 0 0;
	margin: 0;
	color: rgba(0,0,0,.9);
	background-color: #fedfd2;
	font-weight: normal;
	line-height: 25px;
	font-size: 18px;
}

body.single-post {
	background: #d1f3ff;
}

body {
  overflow: hidden;
}

.no-js #preloader {
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fedfd2;
	z-index: 99;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(https://bfff.diehingucker.de/wp-content/uploads/2017/03/bfff_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: -100px 0 0 -100px;
}

p {
	margin: 0 0 20px 0;
}

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

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
}

img.left, img.alignleft {
	margin: 0 15px 15px 0;
	float: left;
}

img.center, img.aligncenter {
	margin: auto;
}

img.right, img.alignright {
	margin: 0 0 15px 15px;
	float: right;
}

a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a{
	color: #000;
}

a:hover {
	color: #000;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 15px 0;
	color: #000;
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	font-weight: bold;
	position: relative;
}

h1 { font-size: 70px; line-height: 70px;}
h2 { font-size: 50px; line-height: 50px;}
h3 { font-size: 30px; line-height: 30px;}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;
	font-size: 1em;
	font-family: Georgia, Times, "Times New Roman", serif;
	border-left: 5px solid #6a6a6a;
	color: #6a6a6a;
}

code {
    font-family: "Courier New", Courier, serif;
	overflow: auto;
	padding: 2px;
	background: #fff;
}

pre code {
	background: none;
}

pre {
    margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	overflow: auto;
	border: 1px solid #e4e4e4;
}

.meta {
	color: #b0b0ad;
}

.meta a{
	color: #7d7d7b !important;
}

.meta a:hover{
	color: #b0b0ad !important;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
	background-color: #fff;
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	line-height: 28px;
	font-size: 16px;
	padding: 10px;
	color: #000;
	border: 0;
	border-bottom: none;
	background:	#f7f7f7;
	max-width: 100%;
	-webkit-appearance: none;
	width: 100%;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.wpcf7-list-item {
	display: block !important;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px !important;
    display: block;
    position: absolute;
    width: 50%;
    top: 10px;
    left: inherit;
    right: 5px;
    text-align: right;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {outline: none; background-color: #f7f7f7;}
textarea:focus {outline: none; background-color: #f7f7f7;}

textarea { width: 100%; line-height: 1.6em; }

.hidden { opacity: 0 }

div.wpcf7-response-output {
	margin: 0 !important;
}
/* Clearfix ----------- */

/* Some clearfix code from HTML5 Boilerplate */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

a.action {
	font-style: italic;
}

strong {
	font-weight: bold;
}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
	margin: 30px 0;
}

hr.hide {
	border-color: transparent !important;
	margin: 25px 0 !important;
}

.ghst-btn {
	display: inline-block;
	padding: 5px 15px;
	border: 2px solid #00457f;
	border-radius: 3px;
}

/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout
//////////////////////////////////////////////////////////////////////*/

#container {
	width: 100%;
	margin: 0 auto;
}

.wrap {
	background: #fff;
	padding-top: 1px;
}

.home .wrap {
	padding-top: 50px !important;
}

#main {
	margin: 0 auto 0;
	padding: 0 0 0;
}

#main .wrap {
	padding: 0 30px;
}


#footer {
	width: 100%;
	margin: 0 auto;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header{
	width: 100%;
	position: relative;
	margin: 0 0 0 0!important;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	background-position: center center;
	background-size: cover;
}

#header.default {
    min-height: 100vh;
}

#header.half {
    min-height: 50vh;
}

#header.none {
}

#header.none #header-content {
    display: none;
}

.no-background #header-content {
	display: none;
}

#header .inside{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 20px 60px;
}

#header .top {
	padding-top: 0;
	padding-bottom: 0;
	position: absolute;
	z-index: 10;
	width: 100%;
}

#header #videoBackground {
    height: 100vh;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

#header #videoContainer {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
}

video#videoContainer {
    object-fit: cover;
}

#mobileFader {
	position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    display: none;
    opacity: .6;
}

#logo {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

#logo h1 {
	color: #fff;
	font-weight: 800;
	text-align: left;
	margin: 0;
}

#logo h1:hover {
	color: #00457f;
}

#logo img {
	max-width: 150px;
	padding: 20px 25px 30px;
}

#logo img:first-child {
    position: absolute;
}

#logo span {
	text-align: left;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
    left: 180px;
}

.cat-jury.cat-speaker #logo span:last-child {
    display: none;
}

#logo a {
	color: #fff;
}

.light #logo a, .light #logo span {
	color: #000;
}

.light #logo img.dark {
    opacity: 0;
}

#header:not(.light) #logo img.light {
    opacity: 0;
}

#logo span a:before {
    content: "";
    width: 1px;
    height: 80px;
    position: absolute;
    display: block;
    background: #fff;
    top: -30px;
    transform: rotate(25deg);
    left: 0;
    margin-left: -20px;
}

.light #logo span a:before {
    background: #000;
}

/* Top level navigation */

#mainNav {
	display: block;
	text-align: left;
	float: right;
	margin: 40px 0;
}

#mainNav li {
	margin: 0 20px 0 0px;
	display: inline-block;
	padding: 0;
	white-space: nowrap;
	position: relative;
}

#mainNav li:last-child {
	margin: 0;
}

#mainNav ul a{
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: bold;
}

.light #mainNav ul a {
    color: #000;
}

#mainNav ul ul a{
	line-height: 15px;
	border-top: none;
}

#mainNav ul li.current > a:after,
#mainNav ul li.current-cat > a:after,
#mainNav ul li.current_page_item > a:after,
#mainNav ul li.current-menu-item > a:after,
#mainNav ul li.current-post-ancestor > a:after,
.single-post #mainNav ul li.current_page_parent > a:after,
#mainNav ul li.current-category-parent > a:after,
#mainNav ul li.current-category-ancestor > a:after,
#mainNav ul li.current-portfolio-ancestor > a:after {
	width: 100%;
}

#mainNav ul li a:after {
	content: "";
	display: block;
	height: 3px;
	width: 0%;
	position: absolute;
	bottom: -5px;
	background: #fff;
}

.light #mainNav ul li a:after {
	background: #000;
}


#mainNav ul li a:hover:after {
	width: 100%;
}

/* Second level+ dropdowns */

#mainNav ul ul {
	position: absolute;
	padding-top: 20px;
	left: -20px;
	display: none;
}

/* #mainNav ul li:hover ul, #mainNav ul li ul li:hover {
	display: block;
} */

#mainNav ul ul li {
	display: block;
	margin: 0;
    padding: 10px 20px;
	background: rgba(0,0,0,0.9);
}

#mainNav ul ul li a {
}

.is-subpage ul#menu-navigation {
    display: none;
}


/*////////////////////////////////////////////////////////////////////
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#sections {
	width: 100%;
}

#sections .section:first-child .element-inside {
	padding-top: 200px;
}


/*Column Shortcodes------------------*/

.one_half{ width:49%; }
.one_third{ width:32%; }
.two_third{ width:64%; }
.one_half,.one_third,.two_third{ position:relative; margin-right:2%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*Buttons------------------*/

.button, a.button, #footer a.button, #searchsubmit, input[type="submit"]  {
	display: inline-block;
	color: #000;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	border: 2px solid #000;
	margin: 0;
	line-height: normal;
	font-size: 16px;
	background: transparent;
	padding: 15px 25px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-appearance: none;
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
}

.buttons-1 .button {
	padding: 15px 55px;
}

#header a.button, .dark a.button {
	color: #fff;
	border-color: #fff;
}

.button-group {
	padding: 20px 0 40px;
}

.top-slim.bottom-slim .button-group {
	padding: 40px 0 40px;
}

.button-group.buttons-1 {
	text-align: center;
}

.button-group.buttons-2 .button {
	width: 45%;
	margin-right: 10%;
	margin-bottom: 20px;
}

.button-group.buttons-3 .button {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 20px;
}

.button-group.buttons-4 .button {
	width: 21.25%;
	margin-right: 5%;
	margin-bottom: 20px;
}

.button-group .button:last-child {
	margin-right: 0;
}

#searchsubmit {
	padding: 5px 15px 6px;
}

.button:hover {
	color: #fff;
	background: #000;
	opacity: 0.8;
}

#header a.button:hover, .dark a.button:hover {
	background: #fff;
	color: #000;
}


.home .slideshow a.button {
	margin-top: 20px;
}

/*Images------------------*/

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px !important;
	margin-top: 4px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

/*Lists------------------*/

.section ul {
	margin:  0 0 0 20px;
	list-style-type: none;
}

.section ol {
	margin: 0 0 0 15px;
}

.section ol li {
	margin-bottom: 10px;
}

.section ul li:before {
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -20px;
  top: 0;
  color: #000;
}

.element.dark ul li:before {
	color: #fff;
}

.section ul li{
	margin-bottom: 5px;
}

.section ol li{
}

.section ol {
	list-style: decimal;
}

.element-text {
	padding: 1px;
	margin: -1px;
}

.element-text h2, .element-partner h2, .element-tiles h2 {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.element-text h2 {
	margin-bottom: 50px;
	margin-top: 50px;
}

.section ul.menu-list {
	margin: 0;
	text-align: center;
}

.section ul.menu-list li {
	display: inline-block;
	padding-right: 10px;
	font-size: 14px;
}

.section ul.menu-list li:not(:last-child):after {
	content: "|";
}

.section ul.menu-list li:after {
	margin-left: 10px;
}

.element-event .element-inside, .wide-width .element-inside {
	max-width: 900px;
}

.full-width .element-inside {
	max-width: 1400px;
}

.element-event h2 {
	text-transform: uppercase;
	text-align: center;
}

.outdated {
	opacity: .3;
}

.css-events-list h2 {
	background: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
}

ul.events-table {
	margin: 0;
	font-size: 16px;
}

ul.events-table li.event:hover {
    opacity: 0.8;
}

ul.events-table:not(:last-child) {
	margin-bottom: 50px;
}

ul.events-table li.event {
	margin-bottom: 20px;
	width: 100%;
}

.event-time {
    font-weight: bold;
    text-align: center;
    font-size: 35px;
}

.event-time.all-day {
    font-size: 20px;
    text-transform: uppercase;
}

ul.events-table .event-time {
    float: left;
    margin-right: 5px;
    line-height: 50px;
    height: 70px;
    width: 105px;
    background: #fff;
    padding: 10px;
}

.event-time span {
	font-size: 25px;
	position: relative;
    top: -6px;
}

.event-description {
    float: right;
    width: calc(100% - 115px);
    background: #fff;
    height: 70px;
    padding: 10px;
}

.event-excerpt {
	display: none;
}

.event-details {
    font-weight: bold;
}

.event-description p {
    display: inline-block;
    margin: 0;
}

.event.has-excerpt .close:after, .event.has-excerpt .close:before {
    content: "";
    width: 1px;
    height: 10px;
    display: block;
    background: #aaa;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(45deg);
}

.event.has-excerpt .close:after {
    transform: rotate(135deg);
    right: 22px;
}

.event.clicked.has-excerpt .close:after {
    right: 15px;
}

.clicked span.close {
    position: absolute;
    right: 0;
    top: 0;
		width: 100%;
		height: 70px;
    z-index: 1000;
		cursor: pointer;
}

.event-category-selector, .tile-selector, .recommended-cats {
	letter-spacing: 2px;
	font-size: 14px;
	text-align: center;
}

.tile-selector {
	padding: 20px;
	margin-bottom: 20px;
	margin-top: -140px;
	text-transform: uppercase;
}

.event-category-selector li, .tile-selector li, .recommended-cats a {
	display: inline-block;
	list-style: none;
	margin: 20px 10px;
	padding: 0;
	cursor: pointer;
	border-bottom: 1px solid transparent;
}

.event-category-selector li:hover, .tile-selector li:hover {
	border-bottom: 1px solid #000;
}

.event-category-selector .active, .tile-selector .active {
	font-weight: bold;
}

.single-event .element-inside,
.single-people .element-inside,
.single-staff .element-inside,
.single-films .element-inside {
	max-width: 1000px;
}

.element-inside img {
	height: auto;
}

.next-boxes {
	background: rgba(0,0,0,.05);
}

.next-boxes > * {
    width: 50%;
    float: left;
    padding: 50px 70px;
    font-weight: bold;
    background: rgba(0,0,0,.1);
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.next-boxes > *:first-child {
	text-align: right;
    background: transparent;
}

.next-boxes span {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 3px solid #000;
    font-size: 14px;
}

a.overall-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.single-event .event-infos,
.single-people .people-infos,
.single-staff .people-infos {
    text-align: center;
    width: 50%;
    float: left;
    padding: 0 50px;
}

.popup-content-inside .people-infos {
	width: 32%;
	float: left;
	margin-right: 6%;

}
.popup-content-inside .people-notes {
    width: 62%;
    float: left;
    margin-right: 0%;
}

.popup-content-inside .people-infos img {
    height: auto;
		margin-bottom: 20px !important;
}

.people-popup .popup-inside > img {
    display: none;
}

.people-popup .popup-inside {
    background: #fedfd2;
}

#price-popup.people-popup .popup-inside {
    max-width: 1000px;
    font-size: 16px;
		line-height: 22px;
}

.people-popup .people-notes {
	text-align: justify;
}

#price-popup .popup-inside .popup-content > .button {
/* display: none; */
}

.single-event .event-notes,
.single-people .people-notes,
.single-staff .people-notes {
    width: 50%;
    float: left;
}

.single-event .event-location {
    letter-spacing: 2px;
    font-size: 16px;
}

.single-event .event-time {
	margin-bottom: 5px;
}

.single-event h1 {
    font-size: 35px;
    line-height: 40px;
    margin-top: 20px;
    padding-top: 30px;
    position: relative;
}

.single-event h1:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.single-event {
	background-color: #fedfd2;
}

.element-category > .element-inside > h2 {
	text-align: center;
	margin-bottom: 50px;
}

.element-category .category-box h2 {
	background: #fff;
	font-size: 18px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.element-category .element-content {
	padding: 20px;
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.category-content {
    width: calc(75% - 10px);
    float: left;
    position: relative;
}

.category-sidebar {
    width: 25%;
    float: right;
}

.category-single {
    width: 32%;
    float: left;
    margin-right: 2%;
    min-height: 150px;
	border-bottom: 1px solid #ccc;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.category-single:nth-child(n+7) {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.category-single:nth-child(3n) {
    margin-right: 0;
}

.category-single .category-more {
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.category-single strong {
	margin-bottom: 5px;
	display: block;
}

.category-content-hide {
	display: none;
}

#overlay .category-content-hide {
	display: block;
}

.category-sidebar strong {
	font-weight: bold;
	margin-bottom: 0px;
	display: block;
}

#overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    padding: 50px;
    height: 100%;
    display: none;
    cursor: pointer;
}

#overlay:before,
#overlay:after {
    width: 2px;
    height: 30px;
    background: #000;
    position: absolute;
    display: block;
    top: 20px;
    right: 30px;
    content: "";
    transform: rotate(-45deg);
}

#overlay:after {
    transform: rotate(45deg);
}

.icon-single {
	text-align: center;
	padding: 0 20px;
}

.icon-single img {
	max-height: 60px;
	width: auto;
	margin: auto;
	margin-bottom: 40px;
}

.columns-2 .icon-single {
    width: calc(100% / 2);
    float: left;
}

.columns-3 .icon-single {
    width: calc(100% / 3);
    float: left;
}

.columns-4 .icon-single {
    width: calc(100% / 4);
    float: left;
}

.bottom-slim .element-inside {
    padding-bottom: 0;
}

.top-slim .element-inside {
    padding-top: 0 !important;
}

.single-people h2,
.single-staff h2 {
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 40px;
}

.people-details {
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
}

.partner-box.partner-gold {
    width: 33.333%;
}

.partner-box.partner-festival {
    width: 20%;
}

.partner-box {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
}

.partner-box:hover .partner-background {
	opacity: 0.2;
}

.partner-hover {
	opacity: 0;
}
.partner-box:hover .partner-hover {
	opacity: 1;
}

.partner-hover {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
	text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}

.element-partner h2 {
	margin-bottom: 50px;
}

.blog-layout .single-tile {
    transform: scale(0.95);
}

.element-tiles h2 {
	margin-bottom: 50px;
}

.form-input {
	margin: 0px 0 35px 0;
}

.form-checkboxes {
	margin: 0 0 35px 0;
}

.form-input > span:nth-of-type(2n) {
    margin: 0;
}

.form-input > span {
    width: calc(50% - 20px);
    float: left;
    margin-right: 10px;
}

.form-input.full > span {
    width: calc(100% - 30px);
}

.form-input br {
    display: none;
}

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

span.wpcf7-list-item {
	margin: 0 !important;
}

input[type="checkbox"] {
    background: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    margin: 0px !important;
    position: relative;
}

input[type="checkbox"]:checked:before {
    content: "";
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #000;
    display: block;
    left: 35%;
    bottom: 35%;
    position: absolute;
    transform: rotate(45deg);
}

input[type="checkbox"]:checked:after {
    content: "";
    width: 100%;
    height: 100%;
    border-left: 1px solid #000;
    display: block;
    left: 35%;
    bottom: -35%;
    position: absolute;
    transform: rotate(45deg);
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
    border: 2px solid red;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

input.wpcf7-not-valid::-webkit-input-placeholder {
  color: red;
}

.wpcf7-validation-errors {
	display: none !important;
}

div.wpcf7 {
	margin: 50px -100px 0 !important;
}

.home .next-links {
	display: none;
}

#countdown {
    font-family: "Brandon", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

/*////////////////////////////////////////////////////////////////////
//  07 - Sidebar
////////////////////////////////////////////////////////////////////*/

#sidebar {

}

.sidebarBox {
	position: relative;
	margin: 0 0 30px 0;
}

#sidebar p {
	margin-bottom: 12px;
}

#sidebar li {
	font-size: .75em;
}

#sidebar .avatar {
	float: left;
	margin: 0 20px 15px 0 !important;
	padding-top: 3px;
}

.film-infos span {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-meta span {
    margin: 0 10px;
}

.post-meta {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-bottom: 50px;
}

#price-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		display: none;
    z-index: 10000;
    padding: 100px;
}

.open-popup:hover img {
	 opacity: 0.8;
}

.popup-price {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.popup-background {
	background: rgba(0,0,0,.4);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

#price-popup img {
    width: 100%;
    margin: 0;
}

.popup-inside {
    max-width: 800px;
	width: 100%;
    margin: auto;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
		z-index: 10;
}

.popup-close:after, .popup-close:before {
    content: "";
    width: 2px;
    height: 20px;
    background: #ccc;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    top: 5px;
    position: absolute;
    transform: rotate(45deg);
}

.popup-close:before {
    transform: rotate(135deg);
}

.popup-close {
    position: absolute;
    right: 0px;
    top: 0;
    width: 30px;
    height: 30px;
}

.popup-content-inside {
    margin-bottom: 30px;
}

.popup-content h3 {
    margin: 10px 0 20px 0;
}

#price-popup .button {
    margin-bottom: 10px;
}

.popup-content {
    padding: 30px;
    text-align: center;
}

/*/////////////////////////////////////////////////////////////////////
//  08 - Widgets
////////////////////////////////////////////////////////////////////*/

#footer .widgetBox a, #sidebar .widgetBox a {
}

#footer .widgetBox {
}

#footer .widgetBox:nth-child(3n) {
}

#sidebar .widgetBox {
	margin-bottom: 30px !important;
}

#sidebar .widgetBox h3,
#footer .widgetBox h3{
}


#footer .widgetBox h3{
}

#footer .widgetBox p{
	text-align: left;
}

#footer .widgetBox p:last-child {
	margin-bottom: 0;
}

#sidebar .widgetBox .meta,
#footer .widgetBox .meta {

}

#sidebar ul, #footer ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	line-height: 1em;
	background: none;
	position: relative;
}

.menu-footer-container ul li {
}

#sidebar ul li, #footer ul li {
	padding: 0;
	margin: 0;
	background: none;
}

#footer hr {
	border-bottom: 1px solid #ccc;
}

#footer ul li {
	display: block;
	margin-bottom: 10px !important;
}

#footer .sitemap {
	padding: 50px 0;
	font-weight: bold;
}

#sidebar ul li p, #footer ul li p{
	margin: 0;
}

#sidebar ul li h2, #footer ul li h2{
	margin: 0 0 0px 0 ;
	padding: 0 !important;
	font-weight: normal;
}

#sidebar .widget_nav_menu ul,
#footer .widget_nav_menu ul,
#sidebar .widget_pages ul,
#footer .widget_pages ul,
#sidebar .widget_categories ul,
#footer .widget_categories ul {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar .widget_nav_menu li,
#footer .widget_nav_menu li,
#sidebar .widget_pages li,
#footer .widget_pages li,
#sidebar .widget_categories li,
#footer .widget_categories li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}



/*Search------------------*/

.widget_search {
	display: block;
	padding: 0 !important;
}

.widget_search h3 {
	display: none;
}

.widget_search:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .widget_search {
    display: block;
}

* html .widget_search {
    height: 1%;
}

#s {
	margin: 0 0px 0 0;
	padding: 10px 1em 10px 1em !important;
	line-height: normal!important;
	width: 100%;
	color: #9a9a9a;
	font-size: .8em;
}

#searchsubmit{
	font-size: 11px !important;
	margin: 0 !important;
	border-left: none;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	float: right;
	border: none;
	height: 30px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-position: 0 -1px;
}

h1.title {
	font-size: 40px;
	line-height: 40px;
}


/*////////////////////////////////////////////////////////////////////
//  11 - Footer
////////////////////////////////////////////////////////////////////*/

#footer {
	background: #1f1f1f;
	color: #aaa;
	font-size: 16px;
	line-height: 26px;
    padding: 75px 0;
}

#footer .inside {
	max-width: 100%;
	margin: 0 auto 0;
	padding: 0px 60px;
}

#footer .widgetBox h3 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#footer .main {
	padding: 50px 0 0 0;
}

#footer h3 {
	font-size: 25px;
	line-height: 25px;
	color: #fff;
}

#footer img {
	padding-right: 20px;
}

.footerBox {
	float: left;
	position: relative;
    width: 12%;
    margin-right: 3%;
}

.footerBox:first-child {
	width: 25%;
}

.footerBox:first-child img {
    width: 65px;
    margin-bottom: 20px;
}

.footerBox:last-child {
	margin-right: 0;
}

.footerBox p{
	padding: 0;
}

#footer p {
	margin-bottom: 10px;
}

#footer a {
	color: #aaa;
}

#footer a:hover {
	color: #fff;
}

#footer .inside.newsletter {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
    display: block;
}

#mobileToggle {
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 30px;
    padding: 20px 10px;
    width: 55px;
	cursor: pointer;
	border-radius: 5px;
	display: none;
}

#mobileToggle span.lines {
	display: block;
    height: 5px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    position: relative;
}

#mobileToggle span.lines:before {
	content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: -10px;
}

#mobileToggle span.lines:after {
	content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 10px;
}

#mobileToggle.pressed span.lines {
	background: transparent;
}


#mobileToggle.pressed span.lines:before {
	top: 0;
	transform: rotate(45deg);
}

#mobileToggle.pressed span.lines:after {
	top: 0;
	transform: rotate(-45deg);
}

.row {
}

.section {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.element.fixed {
	background-attachment: fixed;
}

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

.element-post-single {
	background: #d1f3ff;
}

.element-inside {
    max-width: 650px;
    margin: auto;
	padding: 150px 50px;
	position: relative;
}

.no-padding .element-inside,
.element-gallery .element-inside {
    padding: 0 !important;
    max-width: 100%;
}

.element.bottomleft .element-inside {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.element.bottomcenter .element-inside {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.element.bottomright .element-inside {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
}

.element.topright .element-inside {
	text-align: right;
}

.element.topcenter .element-inside {
	text-align: center;
}

.element.centerleft .element-inside {
	position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.element.centerright .element-inside {
	position: absolute;
	text-align: right;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.element.centercenter .element-inside {
	position: absolute;
	text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


#header-content {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
    top: 50%;
    transform: translateY(-35%);
    text-align: left;
	margin: auto;
    line-height: 26px;
    padding: 0 30px;
    color: #fff;
    max-width: 700px;
    font-size: 20px;
    width: 100%;
}

#header-content a {
    color: #fff;
}

.header-headline {
	color: #fff;
	font-size: 60px;
	letter-spacing: 5px;
	margin-bottom: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 60px;
	word-wrap: break-word;
}

.header-content {
	max-width: 600px;
	margin: auto;
	padding: 0 50px 50px 50px;
}

.header-headline span {
    white-space: nowrap;
}

.header-subline {
	color: #fff;
	font-size: 20px;
	line-height: 26px;
}

.single-films .header-content {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.single-films .header-subline {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 20px;
}

#film-video {
	margin-bottom: 60px;
}

iframe.deactive {
    display: none;
}

.dark, .dark h2, .dark a, .dark h3 {
	color: #fff;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: calc(-2% - 1px);
	position: relative;
	-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flexbox {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	margin-left: 2%;
}

.vcenter .flex {
	align-items: center;
}

.flexbox img {
	height: auto;
}

.center {
	text-align: center;
}

.center img {
	margin: auto;
}

.blue {
	color: #00457f;
}

img.half {
	width: 50%;
	height: auto;
}

.post img {
	height: auto;
}

#fader {
    position: absolute;
    width: 100%;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    height: 200px;
    opacity: .5;
    display: none;
}

.columns-1 .tiles > * {
    width: 100%;
    float: left;
    height: calc(100vh / 2);
    position: relative;
}

.columns-2 .tiles > * {
    width: 50%;
    float: left;
    height: calc((100vh / 3) + 1px);
    position: relative;
}

.columns-3 .tiles > * {
    width: 33.3333%;
    float: left;
    height: calc((100vh / 3) + 1px);
    position: relative;
}

.columns-4 .tiles > * {
    width: calc(100% / 4);
    float: left;
    height: calc(100vh / 3);
    position: relative;
}

.columns-4 .tiles.people > * {
    width: calc((100% - 40px) / 4);
    margin: 5px;
}

.columns-3 .tiles.films > * {
    width: calc((100% - 30px) / 3);
    margin: 5px;
}

.columns-2 .tiles.films > * {
    width: calc((100% - 30px) / 2);
    margin: 5px;
}

.columns-1 .tiles.films > * {
    width: 100%;
    margin: 5px;
}

.tiles .single-tile * {
	color: #fff;
}

.tiles .single-tile {
	background: #000;
	overflow: hidden;
    transform: scale(1.01);
}

.tiles .single-tile .tile-content strong,
.tiles .single-tile .tile-content span {
	display: block;
	text-transform: uppercase;
}

.tiles .tile-details {
	display: none;
}

.tiles .tile-meta {
	font-size: 14px;
}

.tiles .tile-background {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 0;
    opacity: 0;
}

#gallery .tiles.gallery {
    height: inherit !important;
}

.tile-background.loaded {
	opacity: .8;
}

.tiles.films .tile-background {
	opacity: 0;
}

.tiles.films .tile-background.loaded {
	opacity: 1;
}

.tiles.films .tile-content {
	opacity: 0;
}

.tiles.films .single-tile:hover .tile-content {
    opacity: 1;
}

.tiles.films .single-tile:hover .tile-background {
    opacity: .2;
}

.tiles.films .single-tile {
    background-color: rgba(0,0,0,.2);
}

.tiles.films .single-tile * {
    color: #000;
}

.tiles.gallery .tile-background {
    opacity: 1;
}

.tiles a.tile-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 5;
}

.tile-selector li[data-count="0"] {
    display: none;
}

.single-tile:hover .tile-background {
    transform: scale(1.1);
}

.tiles .tile-content {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
	padding: 20px;
}

.tiles.people .tile-content {
    text-align: left;
    top: initial;
    bottom: 0;
    transform: none;
}

.tiles.people .tile-content h3 {
	margin: 0;
}

.tiles .tile-content h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	line-height: 36px;
}

div[data-parallax="scroll"]:not(#header) {
	background-color: transparent !important;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 .tab-prev, .wpcf7 .tab-next {
    margin-top: 0px;
}

.wpcf7 .tab-prev, .wpcf7 .tab-next {
	vertical-align: middle;
}

.wpcf7 .tab-prev {
	margin-right: 10px;
	background: #ddd;
	color: #aaa;
}

.wpcf7 input, .wpcf7 .tab-prev, .wpcf7 .tab-next, .wpcf7 select {
	margin-bottom: 10px;
}

.wpcf7 textarea {
    margin-bottom: 30px;
}

.wpcf7 p {
	margin: 0;
}

*{
	min-height: 0;
	min-width: 0;
}

ul.slick-dots {
    list-style: none;
    margin: 0;
    margin: auto;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.slick-dots button {
    background: none;
    border: 0;
    width: 25px;
    height: 25px;
    box-shadow: inset 0 0px 0px 5px #fff;
    border-radius: 100px;
    margin: 0 5px;
    display: block;
    color: transparent;
    overflow: hidden;
}

.slick-dots .slick-active button {
    box-shadow: inset 0 0px 0px 15px #000;
}

ul.slick-dots li {
    display: inline-block;
}

ul.slick-dots li:before {
    content: "";
}

.member {
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 18px;
}

.member h3 {
	font-size: 24px;
	line-height: 26px;
}

.memberImage {
	background-size: cover;
	background-position: center center;
	margin-bottom: 20px;
}

.member .icon-play {
	color: #000;
	cursor: pointer;
}

.member .memberContent {
	display: none;
}

.member .icon-play.pressed:before {
	display: inline-block;
	transform: rotate(-90deg);
}

#iconNav {
    position: fixed;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    display: none;
}

#iconNav li {
}

#iconNav li a {
    padding: 5px;
    display: block;
    position: relative;
}

#iconNav li a span {
    position: absolute;
    left: 10px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    max-width: 10px;
    overflow: hidden;
}

#iconNav li a:hover span {
    opacity: 1;
    left: 30px;
    max-width: 100px;
}

i.inlinelogo {
    position: relative;
    font-size: 0.75em;
    bottom: 1px;
    margin: 0 .1em 0 .2em;
    color: #000;
}

.dark i.inlinelogo {
    color: #fff;
}

.element-team h2 {
	margin-bottom: 40px;
}

#cookieChoiceInfo {
	font-size: 14px;
}

.progressBar {
	position: absolute;
    width: 100%;
    display: block;
    bottom: 0px;
    left: 0;
}

.timeBar {
    height: 6px;
    display: block;
    background: #000;
    width: 0;
}

img.alignleft {
	margin: 0 15px 15px 0;
	float: left;
}

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

.page-id-907 p img.small {
	max-width: 200px !important;
}

.hcenter {
	text-align: center;
}

.column img {
    height: auto;
}

.columns-group .column:last-child {
    margin: 0;
}

.columns-2 .column {
    width: calc(97% / 2);
    float: left;
    margin-right: 3%;
}

.columns-3 .column {
    width: calc(94% / 3);
    float: left;
    margin-right: 3%;
}

.event-meta {
    width: 100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 25px;
}

.event-people {
	font-size: 14px;
}

.event-meta:after {
    width: 100px;
    content: "";
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

.next-links a {
    margin: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
}

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

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

.share-buttons {
	position: relative;
}

.share-buttons .buttons {
	position: absolute;
	right: 30px;
	top: 30px;
}

.share-buttons .button {
	font-size: 15px;
    padding: 10px;
    width: 45px;
    margin: 10px;
    border-radius: 30px;
    display: block !important;
	background: #000;
	color: #fff;
}

.share-buttons .button:hover {
	background: transparent;
	color: #000;
}

body.single-films.from-showroom,
body.single-people.from-showroom,
body.single-companies.from-showroom,
body.archive {
	background: #c0edcd;
}

body.single-people.from-showroom {
	background: #c0edcd;
}

.proinput input,
.proinput input::placeholder {
    font-size: 20px !important;
    font-family: "Brandon", Helvetica, Arial, sans-serif !important;
}

#ajaxsearchprores2_1 * {
    font-family: "Brandon", Helvetica, Arial, sans-serif !important;
}

#ajaxsearchprores2_1.vertical, #ajaxsearchprores2_2.vertical, div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical {
	padding: 0 !important;
}

#ajaxsearchprores2_1 .results .item div.etc,
#ajaxsearchprores2_2 .results .item div.etc,
div.ajaxsearchpro[id*="ajaxsearchprores2_"] .results .item div.etc {
	margin-bottom: 0 !important;
}

#ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .promagnifier {
	order: 1 !important;
	-webkit-order: 1 !important;
	height: 49px !important;
}

#ajaxsearchprores2_1 .results .item .asp_content h3, #ajaxsearchprores2_2 .results .item .asp_content h3, div.ajaxsearchpro[id*="ajaxsearchprores2_"] .results .item .asp_content h3, #ajaxsearchprores2_1 .results .item .asp_content h3 a, #ajaxsearchprores2_2 .results .item .asp_content h3 a, div.ajaxsearchpro[id*="ajaxsearchprores2_"] .results .item .asp_content h3 a {
    color: #000 !important;
    font-weight: normal !important;
}

#ajaxsearchprores2_1 .results .item div.etc, #ajaxsearchprores2_2 .results .item div.etc, div.ajaxsearchpro[id*="ajaxsearchprores2_"] .results .item div.etc {
    margin-bottom: 0;
}

div.ajaxsearchpro[id*='ajaxsearchprores'] .results .item {
    padding: 10px !important;
    background: #fff !important;
}

#ajaxsearchprores2_1.vertical .results .asp_spacer, #ajaxsearchprores2_2.vertical .results .asp_spacer, div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical .results .asp_spacer {
    background: #eee !important;
}

.crp_related.crp_related_shortcode {
    display: none;
}

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

.element-recommended h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 24px;
}

.recommended-cats {
	text-transform: uppercase;
	margin-bottom: 30px;
}

.recommended-cats a {
}

/*////////////////////////////////////////////////////////////////////
//  12 - Media Queries
////////////////////////////////////////////////////////////////////*/

@media all and (max-width: 1024px) {
	#iconNav {
		display: none;
	}
}

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

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


	.one_half{ width:100%; }
	.one_third{ width:100%; }
	.two_third{ width:100%; }
	.one_half,.one_third,.two_third{ position:relative; margin-right:0%; float:none; }
	.last{ margin-right:0 !important; clear:right; }
	.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}


	.columns-3 .tiles > * {
	    width: calc(100vw / 2);
	    float: left;
	    height: calc(100vh / 2);
	    position: relative;
	}
}

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

	.columns-3 .tiles > * {
	    width: 100% !important;
	    float: none;
	    margin: 0 !important;
	    height: 300px;
	    position: relative;
	}

	.element-films .element-inside {
		padding: 0 !important;
	}

	.top {

	}

	.top.show {
		background: rgba(0,0,0,.6);
		min-height: 100vh;
	}

	#mainNav {
		padding: 10px;
	}

	#header .inside {
		padding: 20px;
	}

	#logo {
		display: block;
		float: none;
	}

	.header-content {
		padding: 0;
	}

	.header-headline {
		font-size: 40px;
		line-height: 40px;
		width: 100%;
		margin-bottom: 0;
		white-space: normal;
	}

	.button-group a.button, a.button {
		display: block;
		margin: 0 0 20px 0;
		width: 100% !important;
	}

	.header-subline {
		font-size: 16px;
		line-height: 20px;
		width: 100%;
	}

	#mainNav {
		display: none;
		padding-bottom: 20px;
		margin-top: 20px;
		width: 100%;
	}

	#mainNav li {
		display: block;
		line-height: 55px;
		width: 100%;
	}

	#mainNav ul a {
		font-size: 24px;
	}

	#mainNav ul ul {
		position: relative;
		padding: 0;
		display: block;
		left: 0;
		margin-left: 15px;
	}

	#mainNav ul ul li {
		padding: 0;
		background: none;
	}

	#mobileToggle {
		display: block;
	}

	.element-inside {
		padding: 100px 30px 50px;
	}

	#footer .inside {
		padding: 0 20px;
	}

	#footer .secondary {
	}

	.element.fixed {
		background-attachment: inherit;
	}

	#header {
	}

	#fader {
	}

	#logo h1 {
		font-size: 30px;
	}

	#header .top {
		padding: 0;
	}

	.top.show #mainNav:not(.is-subpage) .sub-menu {
		display: none !important;
	}

	#header-content {
	}

	h2 {
		font-size: 35px;
		line-height: 35px;
	}

	#logo span {
		left: 120px;
	}

	#footer li {
 	   display: block !important;
	}

	.single-event .event-notes, .single-event .event-infos {
		width: 100%;
	}

	.single-event .event-infos {
		margin-bottom: 50px;
	}

	#footer .widgetBox {
	    width: 100%;
	    margin: 20px;
	}

}

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

	body {
	}

	h2 {
		font-size: 35px;
		line-height: 35px;
	}

	#logo img {
	    padding: 5px 65px 5px 0;
	}

	.next-boxes > * {
		width: 100%;
	}

	.columns-4 .tiles > * {
		width: 50%;
	}

	.columns-4 .tiles.people > * {
    	width: 100% !important;
	}

	.category-single {
	    width: 100%;
	}

	.category-content {
	    width: 100%;
	}

	.category-sidebar {
	    width: 100%;
	    margin-top: 30px;
	}

	.icon-group .icon-single {
		width: 100%;
	}

	.popup-content-inside {
	    font-size: 15px;
	    line-height: 21px;
	}

	.popup-content h3 {
    	margin: 5px 0 10px 0;
	}
	.popup-content {
 	   padding: 20px;
	}

	.single-event .event-notes, .single-people .people-notes, .single-staff .people-notes, .single-event .event-infos, .single-people .people-infos, .single-staff .people-infos {
    width: 100% !important;
    display: block;
    margin-top: 40px;
}

.single-people h2, .single-staff h2 {
    line-height: 50px;
}
}

@media all and (min-width: 750px)  {

	.button-group.buttons-4 {
		margin: 0 -100px;
	}

	p img.size-large {
	    margin: 0;
	    width: 100%;
	}

}