/*
Theme Name: Clay
Author: True CPH
*/

div#snackbar {
    display: none;
}

.sound-image img.attachment-full {
    width: 100%;
    height: auto;
}

.clay-feature-box-sound h2 {
	    font-family: claybold, sans-serif;
	text-transform: uppercase;
	font-size: 35px;
}

.clay-feature-box-sound .social {
	    display: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clear {
    clear:both;
    font-size: 0;
    height:0;
}

ul, ol {
    list-style: none;
}

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

td {
    padding:0;
}


.wpb_text_column ul, .wpb_text_column ol {
    list-style: disc;
    padding-left: 20px;
    margin:1em 0;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin:0 0 1em;
    line-height: 1.2;
}



a {
    color:#494949;
    text-decoration: none;
    transition:color .3s;
}

.wpb_text_column a, footer a {
    color: #494949;
}


p {
    margin:0 0 1em;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
    margin:0;
}


.hide-above-ie9-block {
    display:none;
}

.hidden {
  display: none !important;
}

body {
    color:#494949;
    font-size: 16px;
    line-height: 1.44;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    background:#f8f8f8;
    margin:0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

#search-overlay {
    height:0;
    overflow:hidden;
    transition:.2s;
}

#search-overlay.open,
body.search #search-overlay {
    height:60px;
}



#search-overlay input[type=submit] {
    border:none;
    background:none;
    -webkit-appearance: none;
    font-family: icomoon;
    font-size: 30px;
    color:#999;
    float:right;
    margin-top:10px;
    outline:none;
    cursor: pointer;
    padding:0;
}

#search-overlay .input-wrapper {
    margin-right: 60px;
    position:relative;
}

#search-overlay .input-wrapper .placeholder {
    position:absolute;
    left:0;
    top:0;
    right:0;
    font-family: claybold, sans-serif;
    font-size: 30px;
    color:#eee;
    text-transform: uppercase;
    z-index:0;
    padding:4px 30px 4px 0;
}

#search-overlay input#s {
    font-family: claybold, sans-serif;
    font-size: 30px;
    color:#999;
    text-transform: uppercase;
    border:none;
    -webkit-appearance: none;
    padding:4px 0;
    box-sizing: border-box;
    width:100%;
    outline: none;
    background:none;
    position:relative;
    z-index:1;
}

#search-overlay input#s::-ms-clear {
    display:none;
}


#center {
    overflow: hidden;
}


nav {
    position:absolute;
    right:-100%;
    opacity:0;
    top:0;
    background: #bbb1a9;
    width:100%;
    max-width:510px;
    box-sizing: border-box;
    padding:0;
    color:#42322b;
    z-index:30;
    /*height:100%;*/
    min-height:100%;
    transition:right .4s, opacity .3s, background-color .3s;
    font-size: 18px;
    overflow:hidden;
}

nav.open {
    right:0;
    opacity:1;
}

nav .menu-top {
    height:73px;
    background: #bbb1a9;
}

nav .menu-top .menu-handle {
    position:absolute;
    left:30px;
    top:22px;
    padding:10px 10px 10px 40px;
    font-weight: bold;
    transition:.4s;
}

nav .menu-top .menu-handle .icon-close {
    position:absolute;
    left:0;
    top:15px;
    font-size: 16px;
}

nav.second-level-visible .menu-top .menu-handle {
    left:-70%;
}


nav .menu-top .back-handle {
    position:absolute;
    left:430px;
    left:calc(100% + 30px);
    top:22px;
    padding:10px 10px 10px 40px;
    font-weight: bold;
    transition:.4s;
    cursor: pointer;
}

nav .menu-top .back-handle .icon-menu-back {
    position:absolute;
    left:0;
    top:13px;
    font-size: 18px;
    cursor: pointer;
}

nav.second-level-visible .menu-top .back-handle {
    left:30px;
}




nav li {
    border-top:1px solid white;
    position:static;
    z-index:1;
}

nav li:last-child {
    border-bottom:1px solid white;
}


.aside-inner a:nth-child(1)                      {background: #bbb1a9; }
nav li:nth-child(1), .aside-inner a:nth-child(2) { background:#c1b7b0; }
nav li:nth-child(2), .aside-inner a:nth-child(3) { background:#c6beb7; }
nav li:nth-child(3), .aside-inner a:nth-child(4) { background:#ccc4be; }
nav li:nth-child(4), .aside-inner a:nth-child(5) { background:#d1cbc6; }
nav li:nth-child(5), .aside-inner a:nth-child(6) { background:#d7d1cd; }
nav li:nth-child(6), .aside-inner a:nth-child(7) { background:#dcd7d4; }
nav li:nth-child(7), .aside-inner a:nth-child(8) { background:#e2dedb; }
nav li:nth-child(8), .aside-inner a:nth-child(9) { background:#e7e4e2; }
nav li:nth-child(n+9), .aside-inner a:nth-child(n+10) { background:#edebe9; }

nav .sub-menu li {

}

nav a {
    transition:background .3s;
    cursor: pointer;
}

nav a:hover, nav li.current-menu-item > a {
    background:#f8f8f8;
}

nav .menu {
    position:relative;
    left:0;
    transition:.4s;
}

nav.second-level-visible .menu {
    left:-100%;
}

nav .menu a {
    color:#42322b;
    display:block;
    box-sizing: border-box;
    padding:16px 72px;
    font-weight: bold;
    position:relative;
    /*cursor: pointer;*/
}

nav .menu li.menu-item-has-children > a:after {
    content:">";
    position:absolute;
    right:30px;
    top:20px;

    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

nav .sub-menu {
    position:absolute;
    left:100%;
    width:100%;
    top:0;
    text-transform: none;
}

nav .current-menu-parent .sub-menu,
nav .current-menu-item   .sub-menu {
    display: block;
}

nav .filler {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}

#center {
    padding:0 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
}



header.main {
    padding-top:34px;
    box-sizing: border-box;
}

/*.admin-bar header {
    top:48px;
}*/





h1 {
    float:left;
    margin-bottom: 0;
}

h1 a,
footer #footer-logo .footer-section-inner {
    display:block;
    width:170px;
    height:30px;
    overflow:hidden;
}

h1 a img,
footer #footer-logo .footer-section-inner img {
    display:block;
    width:230px;
    height:auto;
	margin: 3px 0;
}

.snackbar__cookie--container {
  background: #bbb1a9;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.snackbar__cookie--container p {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  max-width: 70%;
  margin: 10px 0;
}

.button--cookie {
  border: none;
  -webkit-appearance: none;
  background: #bcbcbc;
  color: white;
  padding: 6px 20px 6px;
  margin: 0 20px 0 10px;
  transition: background .2s;
  cursor: pointer;
}

.button--cookie:hover {
  background: #cccccc;
  color: #fff;
}



.menu-handle {
    float:right;
    width:33px;
    margin:2px 2px 0 0;
    cursor:pointer;
    white-space: nowrap;
    color: #42312b;
    padding-top:3px;

}

.menu-handle img {
    width:100%;
}

.menu-handle .icon-menu {
    font-size: 22px;
    margin-right: 10px;
}

.menu-handle .text {
    display:none;
}

header .search-button {
    float:right;
    color: #42312b;
    font-size: 18px;
    padding:8px 0 2px 10px;
    cursor: pointer;
}

header .search-button .icon-close {
    display:none;
}

header .search-button.open .icon-search {
    display:none;
}

header .search-button.open .icon-close {
    display:inline-block;
}

header #language-switcher {
  margin:0 30px 0 0;
  float:right;
  color: #42312b;
  position: relative;
  display:block;
  font-size: 18px;
  font-weight: bold;
  padding:6px 10px 10px;
  text-transform: capitalize;
}


main {
    clear:both;
    margin-top:5px;
    min-height:600px;
}

.clay-feature-box {
    box-sizing: border-box;
    position:relative;
    display:block;
    overflow:hidden;
}


.clay-cols-6 .clay-feature-box {
    padding-bottom:66.23%;
}

.clay-cols-3 .clay-feature-box {
    padding-bottom:134.22%;
}




.clay-feature-box-inner {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.clay-feature-box .image-field {
    height:0;
    padding-bottom:66.23%;
    position:relative;
}

.clay-feature-box .bg-image {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: .5s ease-out;
    transform:none;

}

.clay-feature-box:hover .bg-image {
    -webkit-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}

.clay-feature-box .colored-field {
    position:relative;
    height:0;
    padding-bottom:100%;
    max-height: 300px;
    z-index:3;
}

.row.split_3_7 .cell-wrapper:first-child .clay-feature-box .colored-field,
.row.split_7_3 .cell-wrapper:last-child .clay-feature-box .colored-field {
    padding-bottom: 65.52%;
}
.row.split_4_6 .cell-wrapper:first-child .clay-feature-box .colored-field,
.row.split_6_4 .cell-wrapper:last-child .clay-feature-box .colored-field {
    padding-bottom: 48.81%;
}


.row.split_3_7 .cell-wrapper:first-child .clay-feature-box .image-field,
.row.split_7_3 .cell-wrapper:last-child .clay-feature-box .image-field {
    padding-bottom:68.44%;
}

.row.split_4_6 .cell-wrapper:first-child .clay-feature-box .image-field,
.row.split_6_4 .cell-wrapper:last-child .clay-feature-box .image-field {
    padding-bottom:51.19%;
}

.clay-feature-box h2 {
    position: absolute;
    top:22px;
    left:22px;
    right:22px;
    font-family: claybold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 65px;
    font-size: 12vw;
    color:white;
    margin:0;
    padding:0;

}

.clay-feature-box h2 span {
    display:block;
    line-height: 1.2 !important;
}


.clay-feature-box .bottom-text {
    position:absolute;
    left:22px;
    bottom:22px;
    right:62px;
    color:white;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 17px;
}

.clay-feature-box .bottom-text .dark-text {
    display:inline-block;
    color:rgba(255,255,255,0.4);
}

.clay-feature-box .more,
.clay-feature-box .icon-arrow-e-circle {
    position: absolute;
    right: 22px;
    bottom: 18px;
}

.clay-feature-box .more {
    background:rgba(0,0,0,0.2);
    position:absolute;
    border-radius: 50%;
    display:block;
    width:36px;
    height:36px;
    transition: .3s;
}


.clay-feature-box .more .icon-arrow-e {
    position:absolute;
    top:11px;
    left:11px;
    color:white;
    font-size:14px;
    transition: .3s;
}

.clay-feature-box .more .icon-arrow-e-circle.mouseover {
    position:absolute;
    color:rgba(0,0,0,0);
    left:0;
    top:0;
}


.clay-feature-box:hover .more {
    background:rgba(0,0,0,0);
}

.clay-feature-box:hover .more .icon-arrow-e {
    opacity:0;
}

.clay-feature-box:hover .more .icon-arrow-e-circle.mouseover {
    color:rgba(255,255,255,.9);
}


.clay-feature-box:hover .more .icon-arrow-e {
    color:black;
}


.clay-feature-box .icon-arrow-e-circle {
    font-size: 36px;
    color:#ccc;
    color:rgba(255,255,255,0.7);
    transition:.3s;
}

.clay-feature-box:hover .icon-arrow-e-circle {
    color:white;
}


.clay-feature-box-low {
    height:76px;
    position:relative;
    color:white;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 17px;
    display:block;
    padding:26px 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clay-feature-box-low .more {
    position: absolute;
    right: 22px;
    top: 20px;
    background:rgba(0,0,0,0.2);
    border-radius: 50%;
    display:block;
    width:36px;
    height:36px;
    transition: .3s;
}

.clay-feature-box-low .more .icon-arrow-e {
    position:absolute;
    top:11px;
    left:11px;
    color:white;
    font-size:14px;
    transition: .3s;
}

.clay-feature-box-low:hover .more {
    background:white;
}

.clay-feature-box-low:hover .more .icon-arrow-e {
    color:rgba(0,0,0,0.3);
}



.clay-feature-box .dark-overlay {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity:0;
    background:black;
    transition: .3s;
}

.clay-feature-box:hover .dark-overlay {
    opacity:.3;
}


#front-page .row .cell-wrapper
{
    margin-bottom:10px;
}


.clay_opening_hours_today {
    height:76px;
    position:relative;
    color:white;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 17px;
    background:#bdafa8;
    display:block;
    white-space: nowrap;
}

.clay_opening_hours_today .icon-clock {
    position:absolute;
    left:22px;
    top:20px;
    font-size: 36px;
    opacity: 0.9;
    width:40px;
}

.clay_opening_hours_today .text {
    position:absolute;
    left:70px;
    top:28px;
}

.clay_opening_hours_today .text .dark-text {
    display:none;
}

.clay_opening_hours_today .hours {
    position:absolute;
    right:22px;
    top:28px;
    text-align: right;
}


.clay-how-to-get-here {
    height:76px;
    position:relative;
    background:white;
    color:#494949;
    padding-left:70px;
    padding-top:28px;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    display:block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clay-how-to-get-here .icon-marker {
    color:#99666a;
    position:absolute;
    left:22px;
    top:20px;
    font-size: 38px;
}




.wpb_single_image img {
    display:block;
    width:100%;
    height: auto;
}


main .wpb_row, main .wpb_content_element, main ul.wpb_thumbnails-fluid > li, main .last_toggle_el_margin, main .wpb_button {
    margin-bottom:10px;
}




/** PAGE ****************/

#page .slideshow-container {
    width:100%;
    padding-bottom: 39.53%;
    height:0;
    position: relative;
    margin-bottom:10px;
}

#page .slideshow {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

#page .slideshow .slide {
    width:100%;
    height:100%;
    position:absolute;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 7.6vw;
}

#page .slideshow .slide:nth-child(n+2) {
    display:none;
}

#page .slideshow .slide table {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

#page .slideshow .slide table td {
    font-family: claybold, sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

#page aside {
    margin-bottom:10px;
}

#page .aside-inner {
    padding:0;
}

#page aside a {
    padding:5px 20px;
    display:block;
    box-sizing: border-box;
    border-top: 1px solid white;
    color:#42322b;
    white-space: nowrap;
    font-weight: bold;
    transition: background .2s;
    position: relative;
}


#page aside a:hover {
    background:white;
}

#page aside a.current-menu-item {
    background:white;
}

#page aside a:last-child {
    border-bottom:none;
}

#page .background-element-container {
    padding-left:5px;
    padding-right:5px;
}

#page .background-element-inner {
   margin:0 -5px;
}

#page .background-element-inner:after {
    clear: both;
    content:" ";
    display:table;
}

#page .wpb_text_column {
    background:white;
    padding:20px 20px 6px;
}

#page .wpb_text_column h2 {
    font-size: 42px;
    font-weight: bold;
}

#page .wpb_text_column h3 {
    font-size: 37px;
    font-weight: bold;
}

#page .wpb_text_column h4 {
    font-size: 37px;
    font-weight: bold;
    margin:0;
}

#page .wpb_text_column .introduction {
    font-weight: bold;
    font-size: 18px;
    margin-bottom:1em;
}

#page .wpb_text_column .small-bold {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:1em;
}


#page .wpb_text_column .small-text {
    font-size: 14px;
    margin-bottom:1em;
}


#page article {
    margin-top: 10px;
    letter-spacing: 1px;
}

#page article h2,
#page article h3,
#page article h4 {
    letter-spacing: 0;
}

#page article .social {
    display:none;
}

#page .wpb_text_column.show_share_icons {
    position:relative;
}

#page .wpb_text_column.show_share_icons .social {
    display:block;
}

#page article .icon-facebook-circle,
#page article .icon-twitter-circle {
    color:#bcbcbc;
    transition: color .2s;
    font-size: 40px;
    text-decoration: none;
}

#page article .icon-facebook-circle:hover,
#page article .icon-twitter-circle:hover {
    color:#999;
}


#page article > .wpb_row > .wpb_column > .wpb_wrapper > .wpb_row > .wpb_column > .vc_column-inner {
    padding:0 20px 0;
}



.clay-square-colored-box-with-large-char {
    height:0;
    padding-bottom: 100%;
    position: relative;
}

.clay-square-colored-box-with-large-char .inner {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:25px 34px 25px 20px;
}

.clay-square-colored-box-with-large-char .character {
    float:left;
    font-family: claybold, sans-serif;
    text-transform: uppercase;
    font-size: 92px;
    font-size: 36vw;
    line-height: 1;
    position:relative;
    top:-4px;
}

.clay-square-colored-box-with-large-char .text {
    margin-left: 86px;
    margin-left: 32vw;
    font-size: 6vw;
    font-weight: bold;
}



#page a.exhibition {
    display:block;
    margin-bottom:10px;
}

#page a.exhibition .img {
    height:0;
    padding-bottom:100%;
    background-position: 50% 50%;
    background-size: cover;
}


#page .exhibition .colored-field {
    height:0;
    padding-bottom:100%;
    position:relative;
    background:#94877d;
    color:white;
}

#page .exhibition .colored-field .text {
    position:absolute;
    left:35px;
    top:30px;
    right:35px;
}

#page .exhibition .colored-field .text h2 {
    font-size: 45pt;
    font-size: 11.2vw;
    font-family: claybold, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom:.4em;
}

#page .exhibition .colored-field .text h2 span {
    display:block;
}

#page .exhibition .colored-field .text .short-description {
    font-size: 14px;
}

#page .exhibition .dates {
    position:absolute;
    left:35px;
    bottom:35px;
    right:80px;
    font-size: 16px;
    font-weight: bold;
}

#page .exhibition .more {
    right: 28px;
    bottom: 28px;
    background:rgba(0,0,0,0.2);
    position:absolute;
    border-radius: 50%;
    display:block;
    width:36px;
    height:36px;
    transition: .3s;
}

#page .exhibition .more .icon-arrow-e {
    position:absolute;
    top:11px;
    left:11px;
    color:white;
    font-size:14px;
    transition: .3s;
}

#page .exhibition:hover .more {
    background:white
}

#page .exhibition:hover .more .icon-arrow-e {
    color: rgba(0,0,0,0.3);
}




#page .shop-section h4,
#page h4.exhibition-list-header,
#page-search h2 {
    padding:16px 20px;
    background:white;
    font-size: 38px;
    font-weight: bold;
    margin:0 0 10px;
}


#page .shop-item {
    background:white;
    font-size: 13px;
    color: #494949;
    margin-bottom:10px;
    margin-right:10px;
    width:247px;
    float:left;
    display:block;
}

#page .shop-item .item-image {
    height: 0;
    padding-bottom:80%;
    max-width: 100%;
    background-size:cover;
    background-position: 50% 50%;
}

#page .shop-item .description {
    padding:30px 35px 0;
    min-height: 116px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page .shop-item .price {
    font-weight: bold;
}


#page-search form {
    margin-bottom:3em;
}

#page-search form input[type=submit] {
    font-family: icomoon;
    font-size: 25px;
    display:inline-block;
    color:black;
    border:none;
    background:none;
    -webkit-appearance: none;
    float:right;
}

#page-search .input-wrapper {
    margin-right:40px;
}

#page-search form input[type=text] {
    font-family: claybold, sans-serif;
    font-size: 30px;
    background:none;
    border:none;
    -webkit-appearance: none;
    outline:none;
    text-transform: uppercase;
    color:#585858;
    width:100%;
}




#page-search h2 {
    clear:both;
    font-size: 38px;
    font-weight: bold;
}

#page-search .results {
    margin-bottom:2em;
    letter-spacing: 1px;
}

#page-search .result {
    padding:10px;
    display:block;
    background:white;
    margin-bottom:10px;
}

#page-search .result .post-image {
    display:block;
    max-width:100%;
    height:auto;
    margin-bottom:1em;
}

#page-search .result h3 {

}

#page-search .result p {
    margin:0;
}




#page.events .date-list-container {
    height:395px;
    position:relative;
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
}

#page.events .date-list {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    transition:left .4s;
}

#page.events .date-list .date {
    position:absolute;
    top:0;
    width:245px;
    height:100%;
    overflow-y: auto;
    background:white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:30px;
    font-size: 14px;
}

#page.events .date-list .date .day {
    font-family: claybold, sans-serif;
    font-size: 30px;
    display:block;
    line-height: 1;
    margin-bottom:10px;
}

#page.events .date-list .date .month {
    font-weight: bold;
}

#page.events .date-list .date .event {
    display:block;
    margin-top:10px;
}

#page.events .date-list .date .event.clay-club-event {
    color: #7e3f43;
}

#page.events .date-list .date .event .title {
    font-weight: bold;
}



#page.events .date-list-controls {
    background:white;
    padding:20px 15px 16px;
    font-family: claybold, sans-serif;
    font-size: 25px;
    line-height: 1;
    color:#585858;
    transition:color .2s;
    position:relative;
    margin:0 0 10px;
}

#page.events .date-list-controls.desktop {
    display:none;
}

#page.events .date-list-controls .right-arrow,
#page.events .date-list-controls .left-arrow,
#page.events .date-list-controls .icon-calendar {
    float:right;
    cursor: pointer;
    transition:color .2s;
}

#page.events .date-list-controls .right-arrow:hover,
#page.events .date-list-controls .left-arrow:hover {
    color:#7e3f43;
}

#page.events .date-list-controls .left-arrow,
#page.events .date-list-controls .icon-calendar {
    margin-right:10px;
}


.icon-calendar {
    color: #585858;
    transition:color .2s;
}


.icon-calendar:hover,
.icon-calendar.active {
    color:#7e3f43;
}


#page.events .date-list-controls .calendar {
    position:absolute;
    top:80px;
    right:0;
    font-size: 16px;
    z-index:2;
}








#newsletter-signup {
    background:#bbb1a9;
    text-align: left;
    padding:15px;
    color:white;
    letter-spacing: 1px;
}

#newsletter-signup .title {
    display: inline-block;
    margin-right:5px;
}

#newsletter-signup .icon-arrow-e {
    font-size: 13px;
    margin:0 10px 0 10px;
}

#newsletter-signup input {
    margin-top:10px;
    letter-spacing: 1px;
}

#newsletter-signup input[type=text], #newsletter-signup input[type=email] {
    border:none;
    padding:8px 10px 6px;
    background:white;
    -webkit-appearance: none;
    width:250px;
}

#newsletter-signup #newsletter-name {
    border-bottom:1px solid #bbb1a9;
}

#newsletter-signup input[type=submit] {
    border:none;
    -webkit-appearance: none;
    background:#bcbcbc;
    color:white;
    padding:8px 40px 6px;
    transition:background .2s;
}

#newsletter-signup input[type=submit]:hover {
    background:#999;
}

#newsletter-signup #mc-response {
    padding-top:12px;
    display:none;
}

#newsletter-signup #mc-response a {
    color:white;
    font-weight:bold;
}




footer {
    /*border-top:3px solid #bbb1a9;*/
}



.footer-section {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    padding:30px;
    border-bottom:1px solid #bbb1a9;
    position: relative;
}




#footer-logo {
    font-family: claybold, sans-serif;
    font-weight: normal;
    font-size: 32px;
    color:#42322b;
}

.footer-section header {
    text-transform: uppercase;
    margin:0 0 1em;
    padding:0;
}

.footer-section table {
    margin-top:0;
    width:100%;
    max-width: 200px;
}

.footer-section td {
    padding:2px 0;
}

.footer-section td:last-child {
    text-align: right;
}


footer .opening-hours-special-cases {
    margin-bottom:1em;
}

#footer-location .icon-marker {
    color: #99666a;
    font-size: 30px;
    position:absolute;
    left:0;
    top:30px;
}


#footer-links .social-links {
    margin-bottom:40px;
}

#footer-links .social-icon {
    font-size: 42px;
    color: #bcbcbc;
    transition:.2s;
    margin-right:10px;
}

#footer-links .social-icon:hover {
    color:#999;
}

#footer-links .page-link {
    white-space: nowrap;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 8px;
}

#footer-links .page-link span {
    font-size: 8px;
    position: relative;
    top:-1px;
}

.wpb_wrapper > div {
  min-height: 20px;
}




@media screen and (min-width: 400px) {


    #page aside {
        font-size: 0;
    }

    #page aside a {
        display:inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-width:188px;
        font-size: 16px;
    }

    #page aside a:nth-child(odd) {
        margin-right:4px;
    }


    #page .vc_row .vc_row {
        margin-left: -5px;
        margin-right: -5px;
    }

    #page .vc_row .vc_row .vc_col-sm-6 {
        float:left;
        width:50%;
        padding-left:5px;
        padding-right: 5px;
    }

    #page article > .wpb_row > .wpb_column > .wpb_wrapper > .wpb_row > .wpb_column > .vc_column-inner {
        padding:0;
    }



    .clay-square-colored-box-with-large-char .character {
        font-size: 92px;
        font-size: 18vw;
    }

    .clay-square-colored-box-with-large-char .text {
        margin-left: 86px;
        margin-left: 16vw;
        font-size: 3vw;
    }

}




@media screen and (min-width: 500px) {

    #page.events .date-list .date .day {
        font-size: 40px;
    }

    #page.events .date-list-controls {
        font-size: 35px;
        padding:20px 35px 16px;
    }

}




/***************************************/
/*********** DESKTOP *******************/
/***************************************/

@media screen and (min-width: 768px) {

    .md-move-up {
      margin-top: -90px;
    }

    #search-overlay {

    }

    #search-overlay .icon-search {
        font-size: 32px;
        margin:14px 0 0;
    }

    #search-overlay .input-wrapper .placeholder {
        font-size: 40px;
    }

    #search-overlay .input-wrapper {
        margin-right:80px;
    }

    #search-overlay input#s,
    #search-overlay input[type=submit]{
        font-size: 40px;
    }




    nav {

    }

    nav .menu-top {
        height:164px;
    }

    nav .menu-top .menu-handle {
        top:98px;
        left:38px;
        padding-top:11px;
        padding-left:45px;
    }

    nav .menu-top .back-handle {
        top:98px;
        left:438px;
        left:calc(100% + 38px);
        padding-top:11px;
        padding-left:45px;
    }

    nav.second-level-visible .menu-top .back-handle {
        left:38px;
    }




    nav .menu a {
        padding-left:85px;
    }


    header.main {
        margin-top:90px;
        padding-top:0;
        height:70px;
    }

    h1 a {
        width:345px;
        height:43px;
    }

    h1 a img,
    footer #footer-logo .footer-section-inner img {
        width:345px;
		margin: 0;
    }

    footer #footer-logo .footer-section-inner {
        width:300px;
        height:45px;
    }


    .menu-handle {
        position:absolute;
        right:329px;
        top:102px;
    }

    .menu-handle .text {
        display:inline-block;
        position: relative;
        top:-1px;
        font-size: 18px;
        font-weight: bold;
        margin-left:9px;
    }

    header #language-switcher {
        top:1px;
        padding:17px 10px 10px;
    }

    header .search-button {
        padding-top:18px;
    }



    html.js .page-template-welcome .row,
    html.js .page-template-welcome footer {
        -webkit-transform:translate(0,150px);
        -ms-transform:translate(0,150px);
        transform:translate(0,150px);
        opacity:0;
    }

    html.js .page-template-welcome .row.animate-show,
    html.js .page-template-welcome footer.animate-show {
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        opacity:1;
        -webkit-transition: opacity .6s, -webkit-transform .8s;
        transition:opacity .6s, transform .8s;
    }


    #front-page .row {
        margin-bottom:10px;
    }

    #front-page .row:after {
        content: ' ';
        display:table;
        clear:both;
    }

    #front-page .row > :first-child {
        float:left;
    }

    #front-page .row > :last-child {
        float:right;
    }

    #front-page .row > :only-child {
        float:none;
    }


    #front-page .row.low_utility .right,
    #front-page .row.low .right,
    #front-page .row.low_extern_link .right {
        float:right;
    }

    #front-page .row.low_utility .left,
    #front-page .row.low .left,
    #front-page .row.low_extern_link .left {
        float:left;
    }


    #front-page .split_3_7 > :first-child,
    #front-page .split_7_3 > :last-child {
        width:30%;
        width:calc((100% - 90px) * .3 + 20px);
    }


    #front-page .split_4_6 > :first-child,
    #front-page .split_6_4 > :last-child,
    #front-page .row.low_utility :first-child,
    #front-page .row.low > a,
    #front-page .row.low_extern_link > a {
        width:40%;
        width:calc((100% - 90px) * .4 + 30px);
    }

    #front-page .split_4_6 > :last-child,
    #front-page .split_6_4 > :first-child {
        width:60%;
        width:calc((100% - 90px) * .6 + 50px);
    }

    #front-page .split_3_7 > :last-child,
    #front-page .split_7_3 > :first-child {
        width:70%;
        width:calc((100% - 90px) * .7 + 60px);
    }

    #front-page .row.low_utility :last-child{
        width:30%;
        width:calc((100% - 90px) * .3 + 20px);
    }

    .clay_opening_hours_today .icon-clock {
        left:3.2vw;
    }

    .clay_opening_hours_today span.text {
        left:calc(3.2vw + 50px);
    }



    #front-page .split_no_split {
        width:100%;
        height:0;
        padding-bottom:40%;
        padding-bottom:calc((100% - 90px) * .4 + 30px);
        overflow: visible;
    }

    #front-page .split_no_split .image-field {
        width:60.31%;
        width:calc((100% - 90px) * .6 + 60px);
        padding-bottom:39.94%;
        padding-bottom: calc((100% - 90px) * .4 + 30px);
        float:left;
    }

    #front-page .split_no_split .colored-field {
        width:39.69%;
        width:calc((100% - 90px) * .4 + 30px);
        padding-bottom:39.69%;
        padding-bottom: calc((100% - 90px) * .4 + 30px);
        float:left;
    }

    #front-page .split_3_7 > :first-child .colored-field,
    #front-page .split_7_3 > :last-child .colored-field {
        height:0;
        padding-bottom:48%;
        padding-bottom:calc(((100% - 20px) / 3 * 4 + 30px) * .48);
    }

    #front-page .split_3_7 > :first-child .image-field,
    #front-page .split_7_3 > :last-child .image-field {
        height:0;
        padding-bottom:52%;
        padding-bottom:calc(((100% - 20px) / 3 * 4 + 30px) * .52);
    }

    #front-page .split_3_7 > :last-child .image-field,
    #front-page .split_7_3 > :first-child .image-field {
        width:42.99%;
        width:calc((100% - 60px) / 7 * 3 + 30px);
        padding-bottom:56.46%;
        padding-bottom:calc((100% - 60px) / 7 * 4 + 30px);
    }

    #front-page .split_3_7 > :last-child .colored-field,
    #front-page .split_7_3 > :first-child .colored-field {
        width:56.51%;
        width:calc((100% - 60px) / 7 * 4 + 29.6px); /* Page breaks in FF if we add the full 30px */
        padding-bottom:56.51%;
        padding-bottom:calc((100% - 60px) / 7 * 4 + 30px);
    }

    #front-page .split_3_7 > :last-child .image-field,
    #front-page .split_3_7 > :last-child .colored-field,
    #front-page .split_7_3 > :first-child .image-field,
    #front-page .split_7_3 > :first-child .colored-field,
    #front-page .split_4_6 > :last-child .image-field,
    #front-page .split_4_6 > :last-child .colored-field,
    #front-page .split_6_4 > :first-child .image-field,
    #front-page .split_6_4 > :first-child .colored-field {
        float:left;
    }


    #front-page .split_4_6 > :first-child .colored-field,
    #front-page .split_6_4 > :last-child .colored-field {
        height:0;
        padding-bottom:48%;
    }

    #front-page .split_4_6 > :first-child .image-field,
    #front-page .split_6_4 > :last-child .image-field{
        height:0;
        padding-bottom:52%;
    }

    #front-page .split_4_6 > :last-child .image-field,
    #front-page .split_6_4 > :first-child .image-field {
        width:42.99%;
        width:calc((100% - 50px) / 6 * 3 + 30px);
        padding-bottom:56.46%;
        padding-bottom:calc((100% - 50px) / 6 * 4 + 30px);

    }

    #front-page .split_4_6 > :last-child .colored-field,
    #front-page .split_6_4 > :first-child .colored-field {
        width:56.51%;
        width:calc((100% - 50px) / 6 * 3 + 19.6px);
        padding-bottom:56.51%;
        padding-bottom:calc((100% - 50px) / 6 * 4 + 30px);
    }

    #front-page .split_3_7 > .layout-text_on_img:last-child .image-field,
    #front-page .split_7_3 > .layout-text_on_img:first-child .image-field,
    #front-page .split_4_6 > .layout-text_on_img:last-child .image-field,
    #front-page .split_6_4 > .layout-text_on_img:first-child .image-field,
    #front-page .split_no_split > .layout-text_on_img:first-child .image-field {
        width:100%;
    }




    .clay-feature-box {

    }

    .clay-feature-box h2 {
        font-size: 65px;
        font-size: 4.9vw;
        top:3.2vw;
        left:3.2vw;
        right:3.2vw;
    }

    .clay-feature-box h2 span {

    }

    .clay-feature-box .bottom-text {
        left:36px;
        right:90px;
        bottom:36px;
    }

    .clay-feature-box .more,
    .clay-feature-box .icon-arrow-e-circle {
        right:36px;
        bottom:32px;
    }

    .clay-feature-box-low {
        padding-left:3.2vw;
    }

    .clay-how-to-get-here {
        padding-left:70px;
    }

    .clay-feature-box-low .more {
        right:36px;
    }



    main .vc_row {
        margin-left:-5px;
        margin-right:-5px;
    }


    main .vc_col-xs-1, main .vc_col-sm-1, main .vc_col-md-1, main .vc_col-lg-1, main .vc_col-xs-2, main .vc_col-sm-2, main .vc_col-md-2, main .vc_col-lg-2, main .vc_col-xs-3, main .vc_col-sm-3, main .vc_col-md-3, main .vc_col-lg-3, main .vc_col-xs-4, main .vc_col-sm-4, main .vc_col-md-4, main .vc_col-lg-4, main .vc_col-xs-5, main .vc_col-sm-5, main .vc_col-md-5, main .vc_col-lg-5, main .vc_col-xs-6, main .vc_col-sm-6, main .vc_col-md-6, main .vc_col-lg-6, main .vc_col-xs-7, main .vc_col-sm-7, main .vc_col-md-7, main .vc_col-lg-7, main .vc_col-xs-8, main .vc_col-sm-8, main .vc_col-md-8, main .vc_col-lg-8, main .vc_col-xs-9, main .vc_col-sm-9, main .vc_col-md-9, main .vc_col-lg-9, main .vc_col-xs-10, main .vc_col-sm-10, main .vc_col-md-10, main .vc_col-lg-10, main .vc_col-xs-11, main .vc_col-sm-11, main .vc_col-md-11, main .vc_col-lg-11, main .vc_col-xs-12, main .vc_col-sm-12, main .vc_col-md-12, main .vc_col-lg-12 {
        padding-left:5px;
        padding-right:5px;
    }





    .clay-feature-box.extend-left .clay-feature-box-inner {
        left:-10px;
    }

    .clay-feature-box.extend-right .clay-feature-box-inner {
        right:-10px;
    }


    #front-page .clay-one-line-box:not(.has-icon) .text {
        left: 36px;
    }






    /** PAGE ****************/

    #page .wpb_text_column {
        padding:24px 34px 20px;
    }

    #page aside {
        width:25%;
        box-sizing: border-box;
        margin: 0;
        float:right;
        padding:0 0 0 5px;
    }

    #page .aside-inner {

    }

    #page .aside-inner a {
        /*padding:5px 10px 8px;
        padding:15px 30px 18px;*/
        padding:10px 20px 13px;
        white-space: normal;
        width:auto;
        min-width: 0;
        display:block;
    }

    #page aside a:nth-child(odd) {
        margin-right:0;
    }

    /*#page aside a:first-child:after {
        content:"v";
        position:absolute;
        right:20px;
        top:15px;

        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
       /* -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }*/

    /*#page aside a:nth-child(n+2) {
        padding-left:40px;
    }*/

    #page article {
        width:75%;
        box-sizing: border-box;
        margin:0;
        padding:0 5px 0 0;
        float:left;
    }

    #page article .wpb_text_column.wide_margins {
        padding-left:80px;
        padding-right:80px;
    }

    #page article .wpb_text_column.wide_margins {
        padding-top:32px;
        padding-bottom: 55px;
    }




    #page article .wpb_text_column .icon-facebook-circle {
        position:absolute;
        right:25px;
        top:32px;
    }

    #page article .wpb_text_column .icon-twitter-circle {
        position:absolute;
        right:25px;
        top:82px;
    }

    #page .clay-one-line-article {
        padding-left: 80px;
        padding-right: 80px;
    }


    #page .shop-items {
        margin-right:-10px;
    }



    .clay-square-colored-box-with-large-char .character {
        font-size: 92px;
        font-size: 14vw;
    }

    .clay-square-colored-box-with-large-char .text {
        margin-left: 86px;
        margin-left: 12vw;
        font-size: 2.2vw;
    }



    #page a.exhibition .colored-field .text h2 {
        font-size: 7vw;
    }




    #page.events .date-list .date .day {
        font-size: 50px;
    }

    #page.events .date-list-controls.mobile {
        display:none;
    }

    #page.events .date-list-controls.desktop {
        display:block;
    }

    #page.events .date-list-controls {
        font-size: 45px;
    }



    #page-search form .input-wrapper {
        margin-right:70px;
    }

    #page-search form input[type=submit] {
        font-size: 50px;
    }

    #page-search form input[type=text] {
        font-size: 50px;
    }

    #page-search .result {
        padding:35px;
    }

    #page-search .result .post-image {
        float:left;
        margin-bottom: 0;
    }

    #page-search .result .post-image + h3,
    #page-search .result .post-image + h3 + p {
        margin-left:335px;
    }





    #newsletter-signup {
        text-align: center;
        margin-bottom:25px;
    }

    #newsletter-signup form br {
        display:none;
    }

    #newsletter-signup input {
        margin-top:0;
    }

    #newsletter-signup input[type=text], #newsletter-signup input[type=email] {
        width:200px;
    }

    #newsletter-signup #newsletter-name {
        border-right:1px solid #bbb1a9;
        border-bottom:none;
    }

    #newsletter-signup input[type=submit] {

    }

    footer {
        padding-bottom:20px;
        margin-top:160px;
    }

    .footer-section-inner {
        max-width:180px;
        margin:0 auto;
        position: relative;
    }


    #footer-logo {
        font-family: claybold, sans-serif;
        font-weight: normal;
        font-size: 50px;
        line-height: 1;
        position:relative;
        /*top:-10px;*/
    }


    #footer-location .icon-marker {
        left:-35px;
        top:0;
    }



}


@media screen and (min-width: 992px) {

    #page .vc_row .vc_row {
        margin-left: 0;
        margin-right: 0;
    }

    #page .vc_row .vc_row .vc_col-sm-6 {
        padding-left:0;
        padding-right: 0;
    }

    .clay-square-colored-box-with-large-char .character {
        font-size: 92px;
        font-size: 7vw;
    }

    .clay-square-colored-box-with-large-char .text {
        margin-left: 86px;
        margin-left: 6vw;
        font-size: 1.2vw;
    }

}


@media screen and (min-width: 1024px) {


    .menu-handle {
        right: 220px;
    }


    .clay_opening_hours_today .text .dark-text {
        color:#94877d;
        white-space: nowrap;
        display:inline-block;
    }

    #page aside {
        width:20%;
    }

    #page .aside-inner {
    }

    #page .aside-inner a {
        padding:15px 30px 18px;
    }

    /*#page aside a:first-child:after {
        top:20px;
    }

    #page aside a:nth-child(n+2) {
        padding-left:50px;
    }*/

    #page article {
        width:80%;
    }


    #page article .wpb_text_column.wide_margins {
        padding-left:160px;
        padding-right:160px;
    }

    #page article .wpb_text_column.wide_margins {
        padding-top:65px;
        padding-bottom:110px;
    }


    #page article .wpb_text_column .icon-facebook-circle {
        right:60px;
        top:65px;
    }

    #page article .wpb_text_column .icon-twitter-circle {
        position:absolute;
        right:60px;
        top:115px;
    }

    #page .clay-one-line-article {
        padding-left: 160px;
        padding-right: 160px;
    }



    #page a.exhibition {

    }

    #page a.exhibition .img,
    #page a.exhibition .colored-field {
        width:50%;
        padding-bottom: 50%;
        float:left;
        display:block;
    }

    #page a.exhibition.text_right .img,
    #page a.exhibition.text_right .colored-field {
        float:right;
    }

    #page a.exhibition .colored-field .text h2 {
        font-size: 4.8vw;
    }

    #page .exhibition-list-header.upcoming-exhibitions {
        margin-top:75px;
    }



    #page-search a.result {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
        width:calc((100% - 10px) / 2);
        float:left;
        clear:both;
    }

    #page-search a.result:nth-child(even) {
        float:right;
        clear:none;
    }

    #page-search .result .post-image {
        width:200px;
    }

    #page-search .result .post-image + h3,
    #page-search .result .post-image + h3 + p {
        margin-left:235px;
    }






    .footer-section {
        float:left;
        border-bottom:none;
        border-right:1px solid #f2f2f2;
        width:20%;
        box-sizing: border-box;
        margin-top: 20px;
        padding:10px;
    }

    .footer-section:last-child {
        border-right:none;
    }

    #footer-location .footer-section-inner {
        box-sizing: border-box;
        padding-left:35px;
        max-width:220px;
    }



    #footer-location .icon-marker {
        left:0;
    }

}

@media screen and (min-width: 1300px) {

    #center {
        width:1280px;
        margin:0 auto;
    }

    .clay-feature-box h2 {
        font-size: 48pt;
        top:36px;
        left:36px;
        right:36px;
    }

    #front-page .row.low .clay-feature-box-low,
    #front-page .row.low_extern_link .clay-feature-box-low,
    #front-page .row.low_extern_link .clay-feature-box-low {
        padding-left:36px;
    }

    #front-page .row.low_utility .clay-how-to-get-here{
        width:20%;
        width:calc((100% - 90px) * .2 + 10px);
        padding-left: 70px;
    }

    .clay_opening_hours_today .icon-clock {
        left:36px;
    }

    .clay_opening_hours_today span.text {
        left:86px;
    }

    .clay_opening_hours_today span.hours {
        right:36px;
    }


    #page .slideshow .slide {
        font-size: 100px;
    }

    #page a.exhibition .colored-field .text h2 {
        font-size: 45pt;
    }


    #page .shop-item {
        width:243px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .clay-square-colored-box-with-large-char .character {
        font-size: 105px;
    }

    .clay-square-colored-box-with-large-char .text {
        margin-left: 92px;
        font-size: 16px;
    }


    #page-search .result .post-image {
        width:250px;
    }


    #page-search .result .post-image + h3,
    #page-search .result .post-image + h3 + p {
        margin-left:285px;
    }


}

/*Ninja forms*/

#page .wpb_text_column h3 {
  font-size: 20px;
  margin-top: 20px;
}

.nf-form-fields-required {
  font-size: 12px;
  margin-top: 10px;
}

nf-section div {
  margin-bottom: 10px !important;
}

nf-field input,
nf-field textarea {
  padding: 8px 10px 6px;
  background: white;
  border: 1px solid #bbb1a9;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
}

nf-field label {
  font-size: 12px;
}

.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label {
  padding: 5px;
}

nf-field input[type=button] {
      border: none;
    -webkit-appearance: none;
    background: #bcbcbc;
    color: white;
    padding: 10px 20px 10px;
    text-transform: uppercase;
    transition: background .2s;
    cursor: pointer;
}