:root {
--timing: cubic-bezier(0.23, 1, 0.32, 1);
} @font-face {
font-family: 'Canela Regular';
src: url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/Canela-Regular-Web.woff2) format('woff2'),
url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/Canela-Regular-Web.woff) format('woff');
font-weight:  400;
font-style:   normal;
font-stretch: normal;
}
@font-face {
font-family: 'Whyte Regular';
src: url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/ABCWhyteInktrap-Regular.woff2) format('woff2'),
url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/ABCWhyteInktrap-Regular.woff) format('woff');
font-weight:  400;
font-style:   normal;
font-stretch: normal;
}
@font-face {
font-family: 'Whyte Medium';
src: url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/ABCWhyteInktrap-Medium.woff2) format('woff2'),
url(//evenbeeld.be/wp-content/themes/evenbeeld/assets/fonts/ABCWhyteInktrap-Medium.woff) format('woff');
font-weight:  400;
font-style:   normal;
font-stretch: normal;
}
.canela-regular {
font-family: 'Canela Regular';
}
.whyte-regular {
font-family: 'Whyte Regular';
}
.whyte-medium {
font-family: 'Whyte Medium';
}
h1, h2, h3, h4, h5, h6 {
font-weight:  400;
font-style:   normal;
font-stretch: normal;
}
a, a:hover, a:visited, a:active {
color:#0E1925;
text-decoration: none;
}
.small-text {
font-size: 11px;
line-height: 12px;
}
h2 {
font-size: 38px;
line-height: 0.95;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body {
height: 100%;
font-family: 'Whyte Regular';
font-size: 15px;
color: #0E1925;
background: #F5F5EA;
overflow-x: hidden;
cursor: none;
}
a {
cursor: none;
}
div.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
z-index: 9999;
background: #F5F5EA;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 1s;
}
@keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes opacity {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
div.loading img {
width: 20px;
animation: opacity 1s infinite;
}
div.loading.hidden {
opacity: 0;
pointer-events: none;
}
.cursor {
box-sizing: border-box;
position: fixed;
top: -22px;
left: calc(50%);
width: 22px;
height: 22px;
background: rgba(255, 230, 216, 1);
mix-blend-mode: difference;
border-radius: 50%;
z-index: 999999;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
pointer-events: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.blend {
mix-blend-mode: difference;
} .site-header {
z-index: 9999;
padding: 25px 2.5%;
max-width: 100%;
}
.site-header .small-text {
color:#FFE6D8;
}
header .menu {
font-family: 'Whyte Regular';
font-size: 20px;
text-transform: lowercase;
letter-spacing: -0.030em;
line-height: 1.125;
}
.main-navigation ul,
.mobile-menu ul {
list-style: none;
padding: 0;
margin: 19px 0 0 0;
}
#secundary-menu li {
display:inline;
text-align: right;
list-style: none;
padding: 0;
margin: 0 0 0 19px;
}
#mobile-menu li {
font-family: 'Whyte Regular';
font-weight:  400;
font-style:   normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 32px;
letter-spacing: -0.03em;
display:block;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
}
.main-navigation ul,
#secundary-menu ul {
width: fit-content;
}
.main-navigation ul li,
#secundary-menu ul li {
width: fit-content;
}
.main-navigation a,
#secundary-menu a {
transition: 0.4s ease-in-out;
color: #FFE6D8;
}
.main-navigation ul:hover a,
#secundary-menu:hover a {
opacity: 0.25;
}
.main-navigation li:hover a,
#secundary-menu li:hover a {
opacity: 1;
}
header #secundary-menu {
font-family: 'Whyte Medium';
font-size: 15px;
text-transform: uppercase;
line-height: 1.2;
margin-top: 19px;
}
header #secundary-menu ul a {
text-decoration: none; 
position: relative; 
margin-left: 25px;
mix-blend-mode: difference;
}  
.site-title {
z-index: 999999;
font-size: 40px;
color: #FFE6D8;
letter-spacing: -0.03em;
}
.site-title a {
color:#FFE6D8;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.active-menu-title {
color:#0E1925 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-toggle {
position: relative;
cursor: none;
z-index: 99999;
width: 33px;
}
.menu-toggle {
fill:none;
stroke: #FFE6D8;
stroke-width:2;
}
.active-menu {
stroke: #0E1925;
}
.mobile-menu {
z-index: 99990;
top: 0;
left: 0;
background-color: #F5F5EA;
border-left: none;
height: 100%;
padding: 25px 2.5%;
opacity: 0;
pointer-events: none; 
}
.visible {
opacity: 100%;
pointer-events: auto;
}
.social-links {
font-size: 13px;
line-height: 1;
bottom: 35px;
left: 2.5%;
} .site-footer {
font-family: 'Whyte Medium';
z-index: 9998;
font-size: 11px;
color: #FFE6D8;
padding: 25px 2.5%;
bottom: 0;
left: 0;
mix-blend-mode: difference;
}
.site-footer a, .site-footer a:hover, .site-footer a:visited, .site-footer a:active {
color:#FFE6D8;
text-decoration: none;
} .sidebar-text {
height: 100%;
width: calc(5% + 7px);
pointer-events: none;
}
.sidebar-text p {
font-family: 'Whyte Medium';
font-size: 11px;
transform: rotate(-90deg);
white-space: nowrap;
} .content-wrapper {
padding: 0 2.5%;
}
.project-wrapper {
padding: 100px 2% 0;
}
.info-content {
z-index: 999;
max-width: 1570px;
margin: 0 auto;
padding: 140px 5.25% 0 5.25%;
}
.main-info {
width: 66.66%;
padding-right: 5%;
}
.portraits {
width: 33.33%;
}
.story {
padding-left: 11.25%;
max-width: 700px;
}
.main-info h2 {
letter-spacing: -0.03em;
max-width: 620px;
}
.main-info h3 {
font-size: 12px;
margin-top: 48px;
}
.story p {
font-size: 15px;
font-family: 'Whyte Regular';
}
.story a {
text-decoration: underline;
}
.info-content .portraits img {
margin-bottom: 40px;
margin-top: 98px;
max-width: 540px;
}
.info-content .portraits img.portrait-2 {
width: 85%;
} .secondary-info {
z-index: 999;
padding: 40px 5.25% 0 5.25%;
width: 100%;
}
.sticky-content {
position: sticky;
z-index: 999;
-webkit-transform: translate3d(0,0,0);
top: 130px;
padding-bottom: 130px;
}
.photo-overlay {
position: relative;
z-index: 1000;
-webkit-transform: translate3d(0,0,0);
padding-bottom: 130px;
}
.photo-overlay img {
max-width: 90%;
}
.secondary-info .left-column {
width: 64.75%;
max-width: 1024px;
}
.secondary-info .left-column h3 {
font-size: 20px;
line-height: 1.1;
letter-spacing: -0.007em;
max-width: 380px;
margin: 0 0 50px 0;
}
.clients {
font-size: 22px;
max-width: 900px;
letter-spacing: -0.03em;
padding: 0 10%;
}
.secondary-info .right-column {
margin-top: 118px;
width: 33.25%;
}
.secondary-info .right-column h4 {
margin-top: 0;
}
.mail-link {
font-size: 32px;
letter-spacing: -0.007em;
}
.social {
font-size: 12px;
}
.address {
font-size: 12px;
}
.address p {
margin-top: 1px;
}
.contact-us {
min-height: 45vh;
padding: 0 2.5% 45px 2.5%;
}
.contact-us h4 {
font-size: 13px;
}
.pnf-message p {
font-size: 32px;
letter-spacing: -0.03em;
line-height: 1;
margin: 0 0 1px 0;
}
.big-text {
font-size: 20px;
line-height: 1.1;
letter-spacing: -0.007em;
max-width: 380px;
}
.more-info {
height: 100%;
font-family: 'Whyte Regular';
font-size: 15px;
max-width: 350px;
margin-top: 10px;
}
.more-info a {
text-decoration: underline;
}
.beroepsfotograaf img {
margin-top: 180px;
width: 55px;
} .project-row ul {
max-width: 1920px;
margin: 0 auto 100px auto;
}
.project-row p {
top: 100.5%;
margin: 0;
padding: 0;
z-index: 2;
}
.project-row ul li {
margin: 0 1.25% 15px 1.25%;
}
.project-row img {
width: auto !important;
height: auto !important;
}  .img-hor-l {
max-width: 60%;
}
.img-hor-m {
max-width: 43%;
}
.img-hor-s {
max-width: 25%;
}
.img-vert-l {
max-width: 35%;
}
.img-vert-m {
max-width: 30%;
}
.img-vert-s {
max-width: 24%;
}
.legal {
padding: 70px 2.5%;
max-width: 500px;
margin: 0 auto;
}