/*
Theme Name: Arta Child Theme 2020
Theme URI: 
Description: I-match
Version: 1.0
Author: I-match webconcepts
Author URI: http://www.i-match.nl
Template: arta
Tags: fluid-layout, responsive-layout, valid HTML5, widgets
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../arta/style.css"); 

@font-face {
font-family: 'Helvetica Light';
font-style: normal;
font-weight: normal;
src: local('Helvetica Light'), url('HelveticaNeueLight.woff') format('woff');
}
@font-face {
font-family: 'Helvetica';
font-style: normal;
font-weight: normal;
src: local('Helvetica'), url('HelveticaNeue-Thin.woff') format('woff');
}

@font-face {
font-family: 'Helvetica Medium';
font-style: normal;
font-weight: normal;
src: local('Helvetica Medium'), url('HelveticaNeueMedium.woff') format('woff');
}

@font-face {
font-family: 'Helvetica Regular';
font-style: normal;
font-weight: normal;
src: local('Helvetica Regular'), url('HelveticaNeue-Condensed.woff') format('woff');
}

    
@font-face {
    font-family: 'NeutraText-Book';
    font-style: normal;
    font-weight: normal;
    src: local('NeutraText-Book'), url('neutra-text-tf-bold-5871e0e1d072a.woff') format('woff');
}
@font-face {
    font-family: 'NeutraText-Light';
    font-style: normal;
    font-weight: normal;
    src: local('NeutraText-Light'), url('neutra-text-tf-light-5871e0fe13bff.woff') format('woff');
}
@font-face {
    font-family: 'NeutraText-Book';
    font-style: normal;
    font-weight: normal;
    src: local('NeutraText-Book'), url('NeutraText-Book.woff') format('woff');
}
a.vc_gitem-link {
    font-size: 16pt !important;
    color: #0e88c6!important;
    font-weight: normal !important;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

body {
    color: #5f5f5f  !important;
}
.otw-sticky.otw-left-sticky.otw-show-sticky .otw-hide-label {
    left: 100%;
    font-family: verdana!important;
}
.otw-hide-label{ font-family: verdana!important;
}
.otw-show-label {
    padding: 0px !important;
}
img.otw_btn_img {
    margin:0 -3px -3px 0 !important;
}
#logo-tekst p{
    font-family: Helvetica Light !important;
    font-weight: 600;
    letter-spacing: 0.06em !important;
}
.menuposition1 {
    width: 193px;
    min-height: 38px;
    position: relative;
    z-index: 501;
    right: 0px;
    float: right;
    top: -38px;
}
hr {
    border-width: 1px 0 0 0!important;
    border-color: #5a378b!important;
    border-style: Solid;
}
a.artistfilter {
    background: #fed700;
    color: #000;
    display:inline-block;
    padding: 10px 10px;
    border: 0px;
    font-size:10pt;
    font-family: Helvetica ,"Lato" !important;
    margin-right: 10px;
    margin-bottom: 12px;
    text-decoration:none;
}
a.artistfilter:hover {
    background: #0f85c1;
    color: #FFF;
    font-size:10pt;
    font-family: Helvetica ,"Lato" !important;
}
a.artistfilter.active {
    background-color: #0f85c1;
    color: #FFF;
    text-decoration:none;
    font-family: Helvetica ,"Lato" !important;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    border-top: 2px solid #67207f !important;
}
.share {
    display: none !important;
}
#topsearch {
    cursor:pointer;
}
.menuposition1 img{
    cursor:pointer !important;
    float: right;
}
a.topsearcha ,a.topsearcha:hover{
    color: #FFF;
    font-size: 10pt;
}
.im-widget-title {
    font-weight: bold;
}
#topsearch li {
    list-style: none;
    display: inline-block;
}
.topsearchli{
        padding: 14px 34px 14px 24px !important;
        background-color: #fed700;
        display: inline-block;
}

.postedon {
    display: none;
}
.ttr_header_logo {
    margin-top: -15px;
}
.columnright .blauw {
    font-size: 15px !important;
}
header#ttr_header {

    border-bottom: 2px solid #662282;
    border-bottom: 2px solid #5a378b;
}
.share {
    display: none;
}
.title, .title a:hover, .title a:active,.title a:focus {
    font-size: 14pt;
    color: #0a83bf;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 22px;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
}
.postcontent img, img.alignleft, img.alignright {
    margin: 0 0px 0 0;
}
hr {
    margin-top: 30px;
    margin-bottom: 25px;
}
h2 {
    font-family: Helvetica;
    font-size: 20pt;
    color: #5a378b;
}
#projectthumb,{
    width: 25%;
    padding: 2px 2px;
    float:left;
    min-height:250px;
    opacity: 1;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
.fancybox img{
	    opacity: 1;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
#projectthumb:hover, #projectthumbrecent:hover, .fancybox img:hover{
    opacity:0.75;
}
.headerposition2 img.alignright {
    opacity: 1;
    transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
}
.headerposition2 img.alignright:hover {
    opacity: .8;
}

#projectthumbrecent img{
    width: 100%;
    height:auto;
}
#projectthumb img{
    width: 100%;
    height:auto;
}
a, a:focus, p {
    font-family: Helvetica,"Lato","Times New Roman" !important;
    letter-spacing: 0.08em;
}
.column {
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-size: 11pt;
}
.font p {
    font-family: Helvetica Light, NeutraText-Light !important;
    font-size: 12pt;
    color: #00a9ff;
}
.groen p{
    color: #3eab44 !important;
    font-family: Helvetica Light, NeutraText-Light !important;
}
.groenbold p{
    color: #3eab44 !important;
    font-family: Helvetica Light, NeutraText-Light !important;
}

/* CUSTOM ARCHIVE PROJECTEN */
.masonry-content:hover {
    opacity: 0.75;
}
.artistnameblock{
    position: relative;
    margin-top: -42px;
    padding: 10px;
    width: 100%;
    color: #642377;
    font-weight: 600;
    background-color: #ffffffd4;
    text-align: center;
}
.artist-content {

    width: 100%;
    padding: 19px 0px 30px 0px;
    border-bottom: 2px solid #5a378a;
    margin-bottom: 35px;
}
.entry-content {
    float: right;
    width: 60%;
    padding-top: 20px;
}
.entry-content-left {
    float: left;
    clear: left;
    width: 40%;
    padding-top: 20px;
    padding-right: 30px;
}
* {
  box-sizing: border-box;
}

 
/* ZOEKFUNCTIE */


#ajaxsearchlite1 .probox, div.asl_w .probox, #ajaxsearchpro3_1 .probox, div.asl_w .probox{
    margin: 0px!important;
    padding: 8px!important;
    height: 29px!important;
    background-color: rgb(254, 215, 0)!important;
    border: 0px solid rgb(30, 30, 30)!important;
    border-radius: 0px 0px 0px 0px!important;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset!important;
    border-radius: 0 !important;
}


.searchandfilter li {
    float: left !important;
    width: 100%;
    text-align: left;
}
form.searchandfilter {
    padding: 0px;
    width: 320px;
}
.searchandfilter ul ul {
    display: none;
    padding-top: 10px;
}
.searchandfilter {
     display: none;
     font-family: Helvetica Light, "Lato","Times New Roman" !important;
}
.searchandfilter h4 {
    font-family: Helvetica, "Lato","Times New Roman" !important;
    color: #0a84bf;
    border-bottom: 1px solid #8c8c8c;
    padding: 12px;
    padding-left: 0px;
}
.searchandfilter input[type="submit"] {
    background-color: #fed700;
    color: #000;
    padding: 11px 17px;
    border: 0px;
    width: 100%;
    font-family: Helvetica, "Lato","Times New Roman" !important;
    letter-spacing: 1px;
    margin-top: 10px;
}
form.searchandfilter > div {
    background-color: #ffffff !important;
    height: auto;
    display: inline-block;
    padding: 19px;
    border: 2px solid #eaeaea;
}
.home form.searchandfilter > div > input[type="submit"]{
    padding:15px;
}
form.searchandfilter {
    position: relative;
    top: 66px;
    left: 807px;
    z-index: 999;
    max-height: 735px !important;
    overflow-y: auto;
}
.searchandfilter h4 {
    margin: 0px 0;
    font-size: 14px;
}
.searchandfilter h4.active {
    font-weight: 500;
    color: #6d317d;
}
.searchandfilter li li {
    padding-left: 0px;
}
.searchandfilter input[type="text"] {





    border-radius: 0px;
    padding: 14px 10px;
    background-color: #f5f3f3;
    border: 0px;
}
h4 i {
    float: right;
}
/* ZOEKFUNCTIE */


.ttg-4-per-row .ttg-term {
    border: solid 0px #F1F1F1;
    margin: 1% !important;
}
.ttg-container h4 {
    text-align: center;
}
.ttg-container img {
    width: 100%;
    height: auto;
}
.ttg-container {
    margin: 0px 0;
}


/* Create two equal columns that floats next to each other */
.columnleft {
  float: left;
  max-width: 100px;
  width: 35%;
  padding: 0px;
  font-weight: 500;
  font-family: Helvetica, "Lato","Times New Roman" !important;
  font-size: 15px;
  line-height: 175%;
}
.columnright {
  float: left;
  width: 65%;
  padding: 0px;
  color: #616161;
  font-size: 16px !important;
  font-family: Helvetica, "Lato","Times New Roman" !important;
  display: block;
  font-weight: 500;
  line-height: 175%;
  text-decoration: none;
}

.artist-content .columnleft {
  float: left;
  width: 20%;
  padding: 5px;
  font-weight: 600;
  max-width:960px;
}

.artist-content .columnright {
  float: left;
  width: 80%;
  padding: 5px;
  margin-top: -11px;
  font-family: Helvetica !important;
  font-size: 13pt;
}
.artist-content .columnleft img.attachment-full.size-full.wp-post-image {
    width: 95%;
    height: auto;
    border-radius: 50%;
}

.artistname, a.artistname, a.artistname:hover {
    color: #5a378b;
    font-size: 15px !important;
    font-family: Helvetica, "Lato","Times New Roman" !important;
    margin-top: -2px;
    display: block;
    font-weight: 500;
    line-height: 175%;
    text-decoration: none;
}

.artist-content .columnleft img {
    width: 96%;
    height: auto;
}
.wpb_single_image.wpb_content_element.vc_align_center.vc_custom_1573047442775 {
    margin-top: -28px;
    z-index: 9;
    position: relative;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.clear{
    clear:both;
    display:block;
}
.entry-content-left .row {
    margin-bottom: 8px;
}
.otherworks {
    display: inline-block;
    margin-bottom: 35px;
    clear: right;
    width: 100%;
}
/* EINDE CUSTOM ARCHIVE PROJECTEN */

a.blauw {
    color: #0a86c5;
    font-size: 11pt !important;
    text-decoration: none;
}
footer#ttr_footer p {
    font-size: 16px !important;
    color: #00a9ff;
}
.share {
    float: left;
    display: block;
    margin: 5px 10px 0px 0px;
}
div#archiefcontainer {
    margin: 0px 0px;
    display: inline-block;
    width: 100%;
}
div#archiefcontainer h1 {
    font-size: 20pt;
    color: #5a378b;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
}
span.vc_tta-title-text {
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-size: 15pt;
    color: #009ee1;
    font-weight: 600;
}
li.vc_tta-tab.vc_active span.vc_tta-title-text  {
    color: #5a378b !important;
}
.columnright p {
    font-size: 13pt;
}
.vc_gitem-zone {
    opacity: 1;
    transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
}
.vc_gitem-zone:hover {
    opacity: 0.75;
}
.columnright h2 {
    font-family: Helvetica Light,"Lato","Times New Roman" !important;
    color: #0a83bf;
    font-weight: 100;
    margin-top: 0px;
}
footer#ttr_footer a:visited:not(.btn) {
    color: #00a9ff;
}
footer#ttr_footer a:not(.btn) {
   color: #00a9ff;
}
.blog-wp .footercellcolumn3, .blog-wp .footercellcolumn3 p, footercellcolumn3 p span, .blog-wp footer#ttr_footer .footercellcolumn3 a:not(.btn), .blog-wp footer#ttr_footer .footercellcolumn3 a:not(.btn) span, .blog-wp .footercellcolumn3 li p {
    font-size: 16px;
}
.blog-wp .footercellcolumn2, .blog-wp .footercellcolumn2 p, footercellcolumn2 p span, .blog-wp footer#ttr_footer .footercellcolumn2 a:not(.btn), .blog-wp footer#ttr_footer .footercellcolumn2 a:not(.btn) span, .blog-wp .footercellcolumn2 li p {
    font-size: 16px;
}
.vc_custom_heading {
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
}
.vc_gitem-post-data {
    margin-bottom: 2px;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
    padding: 0px !important;
}
ul.vc_tta-tabs-list {
    margin-bottom: 13px !important;
    margin-left: -21px !important;
}
footer#ttr_footer a:visited:not(.btn) {
    color: #00a9ff;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-size: 16px;
}
footer#ttr_footer a {
    font-size: 16px!important;
}
tr, td {
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
}
a:hover {
}
h1, h1 a, h1 a:hover, h1 a:visited, h1 a:focus {
    font-size: 23px;
    font-family: Helvetica Medium, "Lato","Times New Roman" !important;
    font-weight: 400;
    font-style: normal;
    color: #009ee1;
    text-shadow: none;
    text-align: left;
    text-decoration: none;
    margin: 8px 0 8px 0;
}

.headerposition2 a {
    font-size: 10pt;
    text-decoration: underline;
    color: #5a378a;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-weight: 600;
}
.headerposition2, .headerposition2 p{
    background-color: transparent !important;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-weight: 600;
}
.headerposition2{
    width: 306px;
}
.topsearchli a,.topsearchli a:focus,.topsearchli p{
    font-size: 10pt !important;

}
.ttr_header_logo img {
    max-width: 125px !important;
    height: auto;
}
ul#responsive-menu a {
    font-size: 11pt !important;
    text-transform: uppercase;
}
div#responsive-menu-container {
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.24);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.24);
}
#navigationmenu .menuposition1 {
    display: block !important;
}
.blog-wp .menuposition1 {
    position: relative;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{

    color:#5a378b !important;
}
a.topsearcha:hover {
    color: #3fab45 !important;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input, #ajaxsearchpro3_1 .probox .proinput input, div.asl_w .probox .proinput input{
    font-weight: 100;
    font-family: Helvetica Light,NeutraText-Light, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
    color: rgb(0, 0, 0) !important;
    font-size: 13pt !important;
    line-height: normal !important;
    text-shadow: none!important;
    border: 0;
    box-shadow: none;
}
div.asl_w .probox .promagnifier{
    box-shadow:none !important;
}

form.searchandfilter > div:first-child {
    background-color: transparent !important;
}
.sluiten {
    position: absolute !important;
    float: right !important;
    right: 6px !important;
    padding: 0px 7px !important;
    height: 20px !important;
    margin: 0px !important;
    border: 0px !important;
    font-size: 11pt !important;
    top: 12px !important;
    color: #3fab45 !important;
    background-color: transparent !important;
}
.searchandfilter li h4 {
    cursor: pointer;font-weight: 500;
}
#topsearch {
    color: #000;
    font-size: 13pt !important;
    font-weight: 100;
    letter-spacing: 0.04em;
}

div#topsearch {}
.sluiten a {
    color: #1b1b1b !important;
    font-weight: bold;
    border: 0px solid #dadada;
    padding: 0px 6px 4px 6px;
    margin-right: -5px;
    margin-top: 0px;
    display: inline-block;
    background: #FFF;
    font-size: 15pt;
    text-decoration: none;
}
.im-postcontent ol, .im-post ol, .im-textblock ol, .im-postcontent ul, .im-post ul, .im-textblock ul {
    margin: 1em 0 1em 0px;
}
.im-postcontent h3 {
    line-height: 130%;
}
#zoekform ul>li:before {
    content:none !important;
}

/* SLIDER POPUP SETTINGS */

.slide-out-div {
    padding: 20px;
    width: 250px;
    background: #ccc;
    border: 1px solid #29216d;
}
/* EINDE SLIDER POPUP SETTINGS */

section.otw-sticky-content.otw-sticky-shadow-small.otw-sticky-background-white {
    color: #000;
}
.otw-sticky-content h3 {
    font-size: 17pt;
    font-family: Helvetica,"Lato","Times New Roman" !important;
    font-weight: normal;
    color: #0a83bf;
    margin-bottom: 10px;
}
#wpcf7-f86-o1 span.wpcf7-list-item-label {
    display: none;
}
.wpcf7-form{
    font-family: Helvetica Light, "Lato","Times New Roman" !important;

}
.otw-twentyfour {
    color: #000;
}
input[type=checkbox] {
    position: relative;
    cursor: pointer;


}
input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: -2px;
    left: -5px;
    border: 2px solid #fed700;
    border-radius: 2px;
    background-color: #fed700;
}
input[type=checkbox]:checked:after {
    /* content: ""; */
    /* display: block; */
    /* width: 5px; */
    /* height: 14px; */
    /* border: solid #c158dc; */
    /* border-width: 0 2px 2px 0; */
    /* -webkit-transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    /* position: absolute; */
    /* top: -5px; */
    /* left: 3px; */
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: -2px;
    left: -5px;
    border: 2px solid #6e317d;
    border-radius: 2px;
    background-color: #6d317d;
}
#wpcf7-f86-o1 input.wpcf7-form-control.wpcf7-submit {
    margin-top: 5px;
    background-color: #fed700;
    padding: 7px 10px;
    border: 0px;
    margin-bottom: 7px;
    width: 100%;
}
#wpcf7-f86-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 0px;
    padding: 8px 6px;
    margin-bottom: 5px;
    border-color: #ebb52d;
}

/* Animation of div */

.mannetje {
    margin-top: -105px;
    z-index: 99999;
    margin-left:-20%;
    position:relative;
    opacity:0;
    animation: loop 14s infinite ease-out;
    animation-delay:1s;
}
 .papagaai{
    margin-top: -105px;
    z-index: 99999;
    margin-left:-30%;
    position:relative;
    animation: run 17s infinite ease-in-out;
    animation-delay:3s;
} 
.waiter2 img{
  position: relative;
  animation: slide-slow 20s, slide-slow-img 20s;
  animation-iteration-count: infinite;
}
@keyframes slide-slow {
  0% {
    left: calc(120% - 88px);
  }
  49.99% {
    left: -25%;
  }
  50% {
    left: -25%;
  }
  99.99% {
    left: calc(120% - 88px);
  }
  100% {
    left: calc(120% - 88px);
  }
}

@keyframes slide-slow-img {
  0% {
    transform: scaleX(1);
  }
  48% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(-1);
  }
  98% {
    transform: scaleX(-1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes loop {
    70%, 100% {
    opacity: 1;
    transform: translate(1800px, 0);
  }
  0% {
    opacity: 1;
  }
  2% {
    opacity: 1;
  }
 40% {
    opacity: 1;
  }
}    
@keyframes run {
    20%, 100% {
    opacity: 1;
    transform: translate(1900px, 0);
  }
} 
@keyframes run2 {
    20%, 100% {
    opacity: 0;
    transform: translate(-2200px, 0);
  }
} 
.im-postcontent h3 {
    color: #835091;
    font-size: 36pt !important;
    font-family: Helvetica Light, Arial, 'Arial Unicode MS', Helvetica Light, Sans-Serif;
    letter-spacing: 1px;
    font-weight: 100;
}
.deal {
    background: #ecb52d url(http://artassociates.i-beta.nl/wp-content/uploads/2020/03/dealisdeal.png?id=501) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
}
div#logo-tekst p,.im-positioncontrol-466038956 p{
    font-size: 17pt;
    font-family: Helvetica !important;
}
.im-footer {
    padding: 0px !important;
}
a.masonry-brick:hover {
    text-decoration: none;
}
.single-projecten .wpb_content_element,.single-projecten ul.wpb_thumbnails-fluid > li,.single-projecten .wpb_button {
    padding: 0px 8px;
}



/* Masonary GRID CSS */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .masonry {
        display: grid;
        grid-gap: 1.5em !important;
        grid-template-columns: repeat(auto-fill, minmax(25%,1fr)) !important;
        grid-auto-rows: 0;
    }
.im-layout-wrapper {
    margin-left: 2%;
    margin-right: 2%;
}
.im-footer {
    padding: 0px !important;
    margin-left: 2%;
    margin-right: 2%;
}
}

@media screen and (max-width: 767px){
    .masonry {
        display: block !important;
        margin-bottom: 10px;

    }
    .masonry-content {
        margin-bottom: 15px !important;
    }
    .im-layout-wrapper {
    margin-left: 2%;
    margin-right: 2%;
}
.monkey {
    margin-top: -75px!important;
    right: 50px !important;
    width: 68px;
}
.im-footer {
    padding: 0px !important;
        margin-left: 2%;
    margin-right: 2%;
}
}
.artist_content_description{
    /* max-height:50px; */
    /* overflow:hidden; */
}


.wrapper { 
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em;
}


.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px,1fr));
  grid-gap: 10px;
  grid-auto-rows: 0;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}
.masonry-item {
  transition: filter .25s ease-in-out;
}
.masonry-item:hover {
}
.masonry-footer {
  font-size: .75em;
  opacity: .25;
  text-align: center;
  padding-top: 3em; 
  padding-bottom: 3em;
  margin-bottom: -1.5em;
  transition: opacity 1s ease-in-out;
}
.masonry-footer a {
  color: currentColor;
}
.masonry-footer:hover, .masonry-footer:active, .masonry-footer:focus {
  opacity: .75;
}

.masonry {
display: grid;
grid-gap: 4em;
grid-template-columns: repeat(auto-fill, minmax(340px,1fr));
grid-auto-rows: 0;
}
.masonry-content {overflow: hidden;border: 0px solid #f4f4f4;margin-bottom: 20px;opacity: 1;transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out;}

.masonry-brick {
color: #2f3640;
background-color: #FFF;
transition: opacity .25s ease-in-out;
}

.masonry-brick:hover {
 opacity: .75;
}

.masonry-title,
.masonry-description {
margin: 0;
}
.masonry-content img {
    width: 100%;
    margin: 0px !important;
}

.masonry-title {
font-weight: 700;
font-size: 1.1rem;
padding: 1rem 1.5rem;
}

.masonry-description {
padding: 1.5rem;
font-size: .75rem;
border-top: 0px solid #eee;
color: #666;
}
.masonry-item a {
    text-decoration: none !important;
}
.masonry-content h4 {
    background: #FFF;
    text-align: left;
    color:#0088c3;
    font-size:16pt;
    margin-bottom: 10px !important;
    display: block;
    font-family: Helvetica Medium;
}
.masonry-content img{

    height:auto !important;
}
.item img{
    width:100% !important;
    height:auto !important;
}

.masonry-item h4 {
    color: #0a82bf !important;
    font-weight: 500;
    font-size: 16pt;
    font-family: Helvetica,"Lato","Times New Roman" !important;
    text-decoration: none !important;
}
.h4height {
    margin-top: 0px;
}
.agency {
    font-family: Helvetica Light !important;
    font-weight: 100;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}
.masonry-item, .masonry-content {
  border-radius: 0px;
  overflow: hidden;
  width: 100%;
  height: auto !important;
}
.masonry-item {
  transition: filter .25s ease-in-out;
}

.masonry-footer {
  font-size: .75em;
  opacity: .25;
  text-align: center;
  padding-top: 3em; 
  padding-bottom: 3em;
  margin-bottom: -1.5em;
  transition: opacity 1s ease-in-out;
}
.masonry-footer a {
  color: currentColor;
}
.masonry-footer:hover, .masonry-footer:active, .masonry-footer:focus {
  opacity: .75;
}
.artist_content_description {
    color: #000;
    color: #656565 !important;
    font-weight: 500;
    font-size: 15px;
    font-family: Helvetica,"Lato","Times New Roman" !important;
    text-decoration: none !important;
}
.otw-btn-vertical {
    font-family: HelveticaNeue, Arial, 'Arial Unicode MS', Helvetica Light, Sans-Serif !important;
    font-size: 12pt !important;
}
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #e2e2e2;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #fed700;
    border: 1px solid #FFF;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: #e2e2e2;
  display: block;
  border-style: solid;
  height: 13px;
  width: 16px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ccc transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #ccc transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: #ccc transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #ccc transparent transparent transparent;
}
.searchandfilter label {
    font-size: 12pt;
}
.im-footer p {
    letter-spacing: 0.06em;
}
.im-layout-cell.im-content {
    width: 100%;
}
img.nli {
    margin: 0 3px;

    width: auto;
    height: 64px;
}
span.wpcf7-form-control-wrap.menu-65 select {
    width: 100%;
    border: 1px solid #fed700;
    padding: 6px;
}
.artist-content h2,.single-projecten h2  {
    color: #0E86C0;
    margin: 0;
    font-size: 16pt;
    font-family: Helvetica Light !important;
    letter-spacing: 0.02em;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 7px;
}
.artist_content_description p {
    max-height: 70px !important;
    overflow: hidden;
}
.im-postheadericons {
    padding: 1px;
    margin: 15px 0 20px 0px;
}
.searchandfilter h4 {
margin: 5px 0 !important; 
font-size: 16px;
}
.cat-item input[type="checkbox"] {
    margin-top: -3px;
}

div#filter-nav {
    margin-bottom: 20px;
}
#filter-nav li {
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.show-highres{
    display:block;
}
.show-lowres{
    display:none !important;
}
.appeals textarea {
    border-radius: 0px;
    padding: 8px 6px;
    margin-bottom: 5px;
    border-color: #fed700;
    max-height: 105px;
    margin-bottom: 20px;
}
.otw-sticky-content h4 {
    font-size: 14pt;
    font-family: Helvetica,"Lato","Times New Roman" !important;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px;
}

.wpcf7-form input {
    width: 100%;
    padding: 7px 4px;
    margin-bottom: 10px;
    border-radius: 0px;
    border: 1px solid #fed700;
}
.wpcf7-form input[type="submit"] {
    background-color:#fed700;
}
.wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}
span.wpcf7-not-valid-tip {
    display: none !important;
}
div.wpcf7-response-output {
    margin: 0px;
    margin-top: -13px;
    padding: 10px;
    font-size: 10pt;
    border: 2px solid #ff0000 !important;
}
.page-id-414 .wpb_wrapper #zoekform {
    display: inline !important;
    position: relative;
    left: 0px;
    top: 0px;
}
.im-postheadericons.im-metadata-icons {
    display: none;
}
@media screen and (max-width: 767px){
.show-highres{
    display:none;
}
.show-lowres{
    display:block !important;
}
    .ttg-term{
        flex: 0 0 100%;
    }
 }
 /* EIINDE MASONARY GRID CSS */
@-webkit-keyframes run {
    0% { left: 12px;}
    50%{ left : 80%;}
    100%{ left: 0;}
}

.monkey {
    margin-top: -239px;
    right: 185px;
    z-index: 99999;

    position: absolute;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 10s;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes shake {
    0% { left: 60%;}
    50%{ left : 80%;}
    100%{ left: 60%;}
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    overflow: hidden;
    max-height: 80px;
}
.responsive .im-header {
    text-align: left !important;
}

@media all and (max-width: 1199px) and (min-width: 768px)
{
#navigationmenu {
    width: 100%;
}
.artist-content .columnright {
    width: 100%;
}

}

@media all and (min-width: 768px)
{
    img.alignnone.size-full.wp-image-569.alignleft {
    display: none;
}

}
@media all and (max-width: 768px)
{
    .masonry-item {
    margin-bottom: 40px;
}
.masonry-item img {
    max-width: 100% !important;
}
div#archiefcontainer {
    margin: 0px 0px;
}
.artist-content .columnright {
    width: 100%;
}
div#archiefcontainer {
    padding: 15px;
}
.blog-wp .menuposition1 {
    width: 197px;
}
div#ttr_content {
    padding: 15px;
}
.menuposition1 {
    top: 4px !important;
}
.menuposition1 img {
    margin-top:-4px !important;
}
#ttr_html_content_margin {
    margin: 5px 0 30px 0;
}
button#responsive-menu-button {
    z-index: 100 !important;
}
.ttr_header_logo img {
    height: 121px;
    width: 121px;
}
.ttg-container {
    display: block;
}
a.ttg-term {
    width: 100%;
    display: block;
    padding-bottom: 40px !important;
}

.topsearchli {
    padding: 9px 34px 10px 34px !important;

    margin-top: -4px;
    margin-left: 4px;
}
form.searchandfilter {
    position: absolute;
    top: 26px;
    right: 0px;
    z-index: 999999;
}
#projectthumb {
    width: 100%;
    padding: 13px;
}
.otherworks {
    padding: 10px;
}
.artist-content .columnleft {
    float: left;
    width: 100%;
}
.entry-content-left {
    float: left;
    clear: left;
    width: 100%;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 15px;
}
.entry-content {
    float: right;
    width: 100%;
    padding-top: 25px;
    padding: 15px;
}
.footercellcolumn2 .vc_col-sm-3 {
    width: 50%;
    float: left;
    /* clear: left; */
}
.footercellcolumn2 .vc_col-sm-3:nth-child(3)  {
    clear: both;
    /* clear: left; */
}
}


@media all and (max-width: 1200px) and (min-width: 769px)
{
.im-layout-wrapper {
    margin-left: 2%;
    margin-right: 2%;
}
}
@media all and (max-width: 1400px) and (min-width: 769px)
{
}

@media all and (max-width: 768px)
{
#filter-nav li {
    display: inline-grid;
    width: 100% !important;
    text-align: center;
}
a.artistfilter {
    background: #fed700;
    color: #000;
    display: inline-block;
    padding: 6px 6px;
    border: 0px;
    font-size: 10pt;
    font-family: Helvetica ,"Lato" !important;
    margin-right: 0px;
    margin-bottom: 4px;
    text-decoration: none;
}
.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 25px !important;
}
.vc_row.vc_column-gap-30 {
    margin-left: 0px;
    margin-right: 0px;
}
.im-postcontent h3 {
    line-height: 100%;
}
div#logo-tekst {
    left: 126px !important;
    top: 13px !important;
    line-height: 150% !important;
}
.im-positioncontrol-466038956 {
    left: 106px !important;
    top: 59px !important;
    line-height: 150% !important;
}
div#logo-tekst p{
    font-size: 15pt;
}
.im-positioncontrol-466038956 p{
    font-size: 12pt;
}
img.otw_btn_img {
    max-width: 45px;
}
img.alignnone.size-full.wp-image-568.alignleft {
    display: none;
}
.h4height {}
.mobiles {
   display: block !important;
    top: 0px !important;
    left: 0px !important;
    position: relative!important;
}
.vc_custom_1573123406857 img {
    max-width: 203px !important;
}
div#responsive-menu-container{
    z-index:99999 !important;
}
.columnleft {
    width: 100%;
}
.entry-content-left {
    padding-top: 0px;
}
}
@media all and (max-width: 320px)
{
}
.cat-item input[type="checkbox"] {
    margin-top: -12px;
    padding-right: 10px;
}
.wpb_wrapper .fotorama__wrap {
    background: #f7fcff;
}
.wpb_wrapper .fotorama__stage.fotorama__pointer {
    height: 520px !important;
    width: 100% !important;
}
.wpb_wrapper img.fotorama__img {
    max-height: 520px !important;
    width: auto !important;
    margin: 0 auto;
    top: 0px !important;
}
.fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav {
    background: #ccc !important;
}
.single h1.im-postheader.entry-title {
    margin-top: 20px;
    font-weight: 100;
    margin-bottom: -8px;
}
.entry-content-left .columnright {
    font-size: 15px !important;
}



@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em rgba(0, 0, 0, 0.75);
    }
    40% {
      box-shadow: 0 2.5em 0 0 rgba(0, 0, 0, 0.75);
    }
  }
@keyframes load7 {
    0%,
    80%,
    100% {
      box-shadow: 0 2.5em 0 -1.3em rgba(0, 0, 0, 0.75);
    }
    40% {
      box-shadow: 0 2.5em 0 0 rgba(0, 0, 0, 0.75);
    }
  }
  
  .masonry-item p {
    font-family: Helvetica,"Lato","Times New Roman" !important;
    letter-spacing: 0.08em;
    color: #5f5f5f;
    overflow: hidden;
    max-height: 71px;
    font-family: Helvetica Light, "Lato","Times New Roman" !important;
    font-size: 11pt;
    line-height: 150%;
}