@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
--dwsd-group-color-red: #D90000;
--dwsd-group-color-red-hover:	#E55555;
}
b, strong {
font-weight: 600;
font-size: 1.11rem;
} .dwsd-onderschrift { color: var(--dwsd-group-color-red); font-style: italic; }
#post-995, #post-1115  { padding-top: 0; }
.page-id-995 #main, .page-id-1115 #main { padding-top: 0px; }
.page-id-995 #masthead, .page-id-1115 #masthead { margin-bottom: 0; }
.dwsd-25-intro p, .dwsd-25-intro h1 { padding-right: 65px; }
.dwsd-custom-video-background-front-25-page video { min-width: 100%; }
#dwsd-section-head-25-fu { padding: 0 !important; min-height: 100vh; }
#dwsd-section-first-25-fu { text-align: left; }
.dwsd-25-intro { display: flex; align-items: center; gap: 20px; font-family: sans-serif; }
.dwsd-25-intro img { object-fit: cover; min-width: 320px; padding: 35px 35px 35px 0; max-width: 100%; }
.post-995 .dwsd-works-onward-what, .page-id-1115 .dwsd-works-onward-what { text-transform: uppercase; font-weight: 900; margin-top: 0; position: relative; font-size: 1.7rem; padding-top: 0; font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: var(--dwsd-group-color-red); margin-top: 35px; }
.dwsd-25-afbeeldingen.afb02 { display: flex; }
.afb2-caption { padding: 150px 0 0 50px; color: var(--dwsd-group-color-red); font-style: italic; font-weight: 300; }
.dwsd-25-afbeeldingen.afb02 img { max-width: 430px; padding-top: 35px; }
.dwsd-25-afbeeldingen.afb03 { float: none; padding: 0 50px 0 0; }
@media (min-width: 1150px) {
.dwsd-25-afbeeldingen.afb03 { float: left; }
}
.dwsd-25-afbeeldingen.afb03 img { max-width: 550px; padding: 32px 35px 35px 0; }
.dwsd-25-afbeeldingen.afb04 img { padding-bottom: 15px; }
.dwsd-25-afbeeldingen.afb05 img { padding-bottom: 35px; }
.dwsd-25-afbeeldingen.afb06 img { padding-bottom: 35px; }
.dwsd-25-afbeeldingen.afb06 { margin: 0 auto !important; max-width: 700px; }
.dwsd-25-afbeeldingen.afb07 img { padding-bottom: 25px; }
.dwsd-25-afbeeldingen.afb08 img { padding-bottom: 15px; }
.dwsd-25-afbeeldingen.afb09 img { padding-bottom: 25px; min-width: 100%; }
.dwsd-25-afbeeldingen.afb10 img { padding-bottom: 25px; }
.dwsd-25-afbeeldingen.afb11 { margin: 0 auto !important; max-width: 700px; }
.dwsd-25-afbeeldingen.afb12 img { padding-bottom: 35px; }
.dwsd-25-afbeeldingen.afb13 img { padding-bottom: 25px; }
#dwsd-section-head-25-fu video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.dwsd-work-practice-content-container.homepage .video-container { max-width: 520px; } .container.dwsd-omg-split-row img { max-width: 223px !important; border-radius: 10px; } html { scroll-behavior: smooth; }
body, button, input, textarea { font-family: 'Roboto', sans-serif; }
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus { outline-color: transparent; } [class^="post-"] {
background-image: none !important;
}
p {
font-weight: 300;
color: #000;
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "wdth" 100;
margin: 0;
}
#main { min-height: calc(100vh - 375px); } .button.storefront-hero__button-edit { display: none; }  .entry-title {
color: var(--dwsd-group-color-red);
text-transform: uppercase;
font-weight: bolder;
}
h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
color: #000;
}
h1, .alpha {
font-size: 2.5rem;
font-weight: bold;
}
h2, .beta {
font-size: 1.7rem;
font-weight: 600;
}
h2 + h3, .beta + h3 {
font-size: 1.5rem;
font-weight: 600;
border-top: 0;
}
h4, .delta {
font-size: 1.25rem;
}
h5, .h5 {
font-size: 1rem;
}
h6, .h6 {
font-size: .8rem;
}
h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
color: #000;
}
.dwsd-entry-title { font-size: 2.5em; font-weight: bold; color: var(--dwsd-group-color-red); margin: 0; padding: 0; }
.first-letter {
font-size: 8em !important;
}
p {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.2px;
} #main {
min-height: calc(100vh - 278px);
}
.dwsd-video-content-container .video-container { max-width: 50%; margin: 0 auto; } button { background: var(--dwsd-group-color-red); color: #FFF; }
button:hover { background: RGB(196, 0, 105, 0.15); color: var(--dwsd-group-color-red); transition: .5s; } a { color: #0000FF; }  .widget ul { list-style: square; margin: 0 30px; }
.widget ul li { padding: .25em 0; }
ol li { padding: .25em 0; }
ol { margin: 0 30px; }  .entry-header { display: none; }
.site-header .site-branding img { max-width: 161px; }
#dwsd-subtitle { display: none; }
.dwsd-subtitle-inner {
text-transform: uppercase;
font-weight: 900;
margin-top: 0;
position: relative;
font-size: 1.7rem;
padding-top: 0;
font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.dwsd-entry-title {position: relative; }
.dwsd-stripe div {
width: 100px;
height: 10px;
background: var(--dwsd-group-color-red);
left: 0;
bottom: -9px;
animation: slide-in 1s ease-out 3s forwards;
margin-top: 5px;
}
.dwsd-entry-title {
color: var(--dwsd-group-color-red);
text-transform: uppercase;
font-size: 3.5rem;
padding-top: 35px;
letter-spacing: -2px;
}   .primary-navigation a { text-transform: uppercase; font-size: .95rem; font-weight: bold; }
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a { color: var(--dwsd-group-color-red); }
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle { color: #000; }
.menu-item { opacity: 1; transition: opacity 1s ease-in-out; }
.home .menu-item { opacity: 0; }
.home .menu-item.show { opacity: 1; }
.pll-parent-menu-item li a img, #menu-item-635 img { max-width: 19px; display: inline-block; position: relative; top: 4px; }
#menu-item-719 { min-width: 185px; max-width: 100%; } #menu-item-635 { min-width: 155px; max-width: 100%; } #menu-item-635 span, #menu-item-719 span { text-transform: uppercase; font-size: .95rem; font-weight: bold; }
#masthead.active {
position: fixed;
left: 0;
right: 0;
top: -68px;
}
#masthead.active.headerup {
top: -210px;
transition: .6s;
}
#masthead.active #menu-hoofdmenu, #masthead.active #menu-main-menu {
float: right;
}
#masthead.active .primary-navigation {
padding-left: 210px;
transition: .5s;
}
#masthead.active .custom-logo {
position: absolute;
top: 66px; transition: .5s;
padding: 15px;
background: transparent;
margin-left: -25px;
border-radius: 5px;
min-width: 132px;
}
.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-parent.menu-item-has-children img {
max-width: 19px;
float: left;
margin-right: 8px;
}
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
background-color: #FEF8F8;
}
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
background-color: #FDEEEE;
} #dwsd-section-row-main-fu {
padding: 35px !important;
background: RGBA(255, 255, 255, 0.9);
position: relative;
}
.dwsd-custom-video-background-front-page video { position: fixed; z-index: -1; left: 0; right: 0; top: 150px; bottom: 0; min-width: 100%;  }    #dwsd-section-row-main-fu, #dwsd-section-row-1-fu { padding: 35px; } .page-id-10 #dwsd-section-row-main { padding: 0; }
.page-id-10 #typewriter-text h2, .page-id-713 #typewriter-text h2 { max-height: 0; } .dwsd-section-main-work-practice-video-1 .video-container { max-width: 310px; margin: 0 auto; }
#fadeInText { margin: 0 auto; max-width: 660px; text-align: center; color: #000; font-size: .9rem; padding-top: 25px; }
.dwsd-video-content-container .video-container { max-width: 300px; margin: 0 auto; }
.dwsd-work-practice-content-container h2 {
text-align: center; color: var(--dwsd-group-color-red);
max-width: 750px;
margin: 0 auto;
padding-bottom: 35px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -1px;
}
.dwsd-disc-table th, .dwsd-disc-table td {
border: 1px solid RGBA(217, 0, 0, 0.05) !important;
padding: 8px;
text-align: left;
}
.dwsd-disc-table {
border-collapse: collapse;
font-family: "Open Sans", sans-serif;
}
.dwsd-work-practice-content-container .dwsd-video-content-container {
padding-bottom: 10px;
}
.dwsd-work-practice-content-container {
padding: 65px 25px; max-width: 670px;
margin: 0 auto;
border-radius: 5px;
padding-bottom: 0;
background: }
.dwsd-video-content-container.breedbeeld .video-container { max-width: 600px; }
.typewriter-container { max-width: 620px !important; }
.dwsd-custom-video-background-about-me video { position: fixed; z-index: -1; left: 0; right: 0; top: -60px; bottom: 0; min-width: 100%; }
.accordion-toggle-1, .accordion-toggle-2, .accordion-toggle-3, .accordion-toggle-4, .accordion-toggle-5, .accordion-toggle-6, .accordion-toggle-7, .accordion-toggle-8 { font-size: 1.2rem !important; } .dwsd-custom-video-background { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.dwsd-custom-video-background video { position: fixed; left: 0; right: 0; margin: 0 auto; opacity: 1; top: -640px; min-width: 100%; z-index: -1; }
#dwsd-section-row-1 { background: RGB(254, 247, 247, .85); padding: 35px !important; }
.page-id-12 #content::after, .page-id-706 #content::after {
position: absolute;
bottom: 50px;
right: 40px;
color: RGB(255, 255, 255, .5);
font-family: 'Roboto';
font-size: 1rem;
text-transform: uppercase;
font-weight: bold;
white-space: pre;
text-align: right;
}
.page-id-12 #content::after {
content: "\A ‘To Remember All Those Places We Do Not Go Because They Are Not Cozy’ \A Airport customs passage, Amsterdam Airport Schiphol, The Netherlands";
}
.page-id-706 #content::after {
content: "\A ‘Ter herinnering aan al die plekken waar we niet heengaan omdat ze niet gezellig zijn’ \A Douanedoorgang, luchthaven Schiphol";
}
.page-id-12 #content, .page-id-706 #content {
position: relative;
} #lightboxOverlay { background: #FFF; opacity: 1; }
#lightbox .lb-data .lb-close { background: url(https://stanislawlewkowicz.com/wp-content/themes/dewebdeveloper/assets/images/close.svg) top right no-repeat; text-align: right !important; }
.lb-data .lb-caption { color: #000 !important; }
#lightbox {
position: fixed;
left: 0 !important;
right: 0;
top: 30px !important;
bottom: 0;
}
.carousel__button.is-close {
background: url(https://stanislawlewkowicz.com/wp-content/themes/dewebdeveloper/assets/images/close.svg) top right no-repeat;
text-align: right !important;
background-size: cover;
border-radius: 0;
}
.carousel__button.is-close svg {
display: none;
}
.carousel__button svg {
color: var(--dwsd-group-color-red);
}
.fancybox__track, .fancybox__viewport {
background: #FFF;
}
.fancybox__html5video, .fancybox__iframe {
background: #FFF;
}
#fancybox-1 .fancybox__html5video, .fancybox__html5video {
background: #FFF;
}
.fancybox__html5video {
background: #FFF !important;
}
#load-more-btn {
display: block;
margin: 20px auto;
padding: 10px 20px;
font-size: 16px;
color: white;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
#load-more-btn:hover {
background-color: #0056b3;
}   .plyr__control.plyr__control--overlaid { background: var(--dwsd-group-color-red); }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: var(--dwsd-group-color-red-hover) !important; }
.plyr__controls__item.plyr__control { background: var(--dwsd-group-color-red); }
.plyr__controls__item.plyr__control:hover { background: var(--dwsd-group-color-red-hover); }
.plyr--full-ui input[type="range"] { color: var(--dwsd-group-color-red) !important; } .dwsd-title-2016-head { text-transform: uppercase; color: var(--dwsd-group-color-red); font-size: 2.7rem; margin-bottom: 20px; letter-spacing: -1px; }
.dwsd-title-2016-head dwd-icon { display: ; position: relative; top: 8px; }
.dwsd-title-2016-sub { text-transform: uppercase; padding-top: 0; margin-top: -10px; font-style: italic; font-size: 1.2rem; font-weight: 800; }
.dwsd-title-2016-head span { color: var(--dwsd-group-color-red); }
.dwsd-work-onwards-strong-var { font-weight: 700; }
.dwsd-works-onward-what { font-weight: 700; font-size: 1.4rem; }
.slider { width: 80%; margin: auto; }
.slick-slide img { width: 100%; }
.lb-number { display: none !important; }
.lb-caption a { font-size: 1.1rem; color: var(--dwsd-group-color-red) !important; position: relative; top: 5px; }
.gallery-tekst { margin-top: 11px; }
.dwsd-section-main-work-onwards-inner {
padding-bottom: 100px;
}
.page-id-709 #dwsd-section-row-main-fu, .page-id-320  #dwsd-section-row-main-fu {
background: RGB(254, 249, 249, .8);
}
.fancybox__toolbar { background: transparent !important; }
#work-1, #work-2, #work-3, #work-4, #work-5, #work-6, #work-7, #work-8 {
padding: 45px 0;
background: ;
max-width: 1000px;
margin: 0 auto;
border-radius: 5px; } .collage-fading-world-container { scrollbar-base-color: #D90000; overflow-x: auto !important; }
.dwsd-scroll-text span, .dwsd-scroll-text-1 span { padding-left: 15px !important; }
.scroll-icon, .scroll-icon-1 { font-size: 24px; display: inline-block; transition: transform 0.3s ease; }
.scroll-icon, .scroll-icon-1 { font-size: 24px; width: 50px; text-align: center; position: relative; animation: scroll-left-right 1.5s infinite alternate; display: inline-block; }
#dwsd-scroll-indicator { color: #000; }
.dwsd-overview-icon { max-width: 51px; max-height: 24px; display: block; }
.dwsd-overview-icon { float: left; }
.gallery-dwsd2a { padding-top: 12px; }
.gallery-dwsd1a, .gallery-dwsd2a, .gallery-dwsd3a, .gallery-dwsd4a, .gallery-dwsd5a, .gallery-dwsd6a, .gallery-dwsd66a, .gallery-dwsd7a { display: flex; margin-bottom: 45px; }
.gallery-dwsd1a img, .gallery-dwsd2a img, .gallery-dwsd3a img, .gallery-dwsd4a img, .gallery-dwsd5a img, .gallery-dwsd6a img, .gallery-dwsd66a img, .gallery-dwsd7a img { max-width: 90px; }
.dwsd-video-lbox { position: relative; }
.dwsd-video-lbox::before { content: ""; position: absolute; width: 50px; height: 50px; background-image: url(//stanislawlewkowicz.com/wp-content/themes/dewebdeveloper/assets/images/play-btn.svg); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.gallery-dwsd3a .dwsd-video-lbox::before { display: none; }
.dwsd-disc-table { margin-top: 35px; }
.dwsd-disc-table th { background: var(--dwsd-group-color-red) !important; color: #FFF; }
.dwsd-disc-table td { color: #000; background: RGB(217, 0, 0, .04) !important; font-size: .85rem; font-family: 'Roboto'; font-weight: 300 !important; }
.carousel__track { display: none !important; }
.collage-fading-world-container a { margin-left: -20px !important; margin-top: 13px !important; }
.collage-fading-world img { box-shadow: none !important; } .gallery-dwsd66a-container-a, .gallery-dwsd66a-container-b  {
display: flex;
} .gallery-dwsd3a a, .gallery-dwsd4a a, .gallery-dwsd5a a, .gallery-dwsd7a a { min-width: 100%; }
.gallery-dwsd3a a img, .gallery-dwsd4a a img, .gallery-dwsd5a a img, .gallery-dwsd7a a img { padding-right: 12px; }
#fancybox__caption_2_0 a { color: var(--dwsd-group-color-red); }
#fancybox-4 a { color: var(--dwsd-group-color-red); }
#fancybox-5 a { color: var(--dwsd-group-color-red); }
#fancybox-1 a { color: var(--dwsd-group-color-red); } .fa-solid.fa-magnifying-glass {
animation: bounce 1s ease;
animation-fill-mode: forwards; } .collage-fading-world-container::-webkit-scrollbar {
height: 8px; }
.collage-fading-world-container::-webkit-scrollbar-thumb {
background-color: #D90000; border-radius: 10px; }
.collage-fading-world-container::-webkit-scrollbar-thumb:hover {
background-color: #D90000; }
.collage-fading-world-container::-webkit-scrollbar-track {
background-color: #f1f1f1; } .collage-fading-world-container {
scrollbar-width: thin; scrollbar-color: #D90000 #f1f1f1; } .dwsd-entry-title.dwsd-custom-splits-a1 span { display: inline-block; } #dwsd-section-row-main-fu a { color: var(--dwsd-group-color-red); }
#dwsd-section-contact-maps { position: relative; }
#dwsd-section-contact-maps::before { content: ""; background: #FEFAFA; height: 61px; position: absolute; width: 101%; right: -2px; }
#dwsd-section-contact-maps iframe { border: 0; } .page-id-15 #dwsd-section-row-main-fu { background: #FEFAFA; position: unset; } .page-id-711 #dwsd-section-row-main-fu { background: #FEFAFA; position: unset; }  .page-id-706 .first-letter { min-width: 60px; } .site-info img, .site-info-nl img, .site-info-en img { display: inline-block; border-radius: 0; position: relative; top: 2px; max-width: 11px; margin-left: 5px; }
#colophon .site-info a, .site-info-nl a, .site-info-en a { text-decoration: none; color: #6d6d6d; }
.site-footer { background-color: #FFF; color: #FFF; padding: 0; }
.site-info, #colophon .site-info a, .site-info-nl, .site-info-en { color: #000; padding: 10px; font-size: .8rem; font-family: 'Roboto'; font-weight: 400; }
.site-info { font-family: "Roboto", sans-serif; }
#colophon {
display: none;
}
.page-id-15 #colophon { display: block; }
.page-id-15 .site-info-nl { display: none; }
.page-id-711 .site-info-en { display: none; }
.page-id-711 #colophon { display: block; }
.site-info-nl span, .site-info-en span { padding: 0 5px; }
.site-info-nl, .site-info-en { display: flex; justify-content: center; }
.dwsd-custom-video-background-front-page {
animation: fadeIn .9s ease-in-out;
}  @media (min-width: 2000px) {
.dwsd-custom-video-background-about-me video { min-width: 230%; }
}
@media (max-width: 1400px) {
.dwsd-custom-video-background video {
min-height: 100vh;
min-width: 230%;
}
}
@media (min-width: 1070px) {
.dwsd-scroll-text-1 { display: none; }
}
@media (max-width: 1069px) {
.collage-calcutta-container {
overflow-x: scroll;
padding: 40px 0;
scrollbar-width: thin;
scrollbar-color: #D90000 #f1f1f1;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.dwsd-custom-video-background-about-me video { min-width: 130% !important; }
.dwsd-custom-video-background video { min-width: 130% !important; }
}
@media (min-width: 993px) and (max-width: 1199px) {
.dwsd-custom-video-background-about-me video { min-width: 130% !important; }
.dwsd-custom-video-background video { min-width: 130% !important; }
}
@media (min-width: 991px) {
#dwsd-section-row-main-fu .typewriter-container { }
.page-id-12 #dwsd-section-row-main-fu .typewriter-container { min-height: unset; }
}
@media (max-width: 990px) {
.dwsd-25-intro { display: block; }
.dwsd-25-intro #typewriter-title-contact, .dwsd-25-intro .dwsd-stripe, .dwsd-25-intro .dwsd-subtitle-inner { padding-left: 0; }
.dwsd-25-intro img { max-width: 350px; }
.dwsd-25-afbeeldingen.afb02 img { max-width: 100%; padding-top: 35px; object-fit: scale-down; margin-bottom: 15px; }
.dwsd-25-afbeeldingen.afb02 { display: block; }
.afb2-caption { padding: 0; }
.dwsd-25-afbeeldingen.afb03 img { max-width: 100%; padding-right: 0; min-width: 100%; }
.dwsd-25-afbeeldingen.afb03 .dwsd-onderschrift { margin-bottom: 25px; }
.dwsd-25-afbeeldingen.afb03 { padding: 0; }
}
@media (max-width: 810px) {
.page-id-706 #content::after { content: "\A ‘Ter herinnering aan al die plekken \A waar we niet heengaan \A omdat ze niet gezellig zijn’ \A Douanedoorgang, luchthaven Schiphol"; text-align: center; }
.dropdown-toggle::after {
border-top: 0 !important;
}
}
@media (min-width: 799px) {
.collage-calcutta-container { overflow-x: unset; }
}
@media (min-width: 781px) {
.dwd-mobile.lazyloaded { display: none; }
}
@media (max-width: 780px) {
.dwd-desktop.lazyloaded { display: none; }
.dwd-mobile.lazyloaded { margin: 0; position: absolute; right: -12px; border-radius: 50%; top: -80px; max-width: 120px !important; }
#dwsd-section-row-main-fu { position: relative; }
}
@media (min-width: 768px) and (max-width: 1400px) {
.dwsd-custom-video-background-about-me video { min-width: 230%; }
.dwsd-section-main-about-me img { max-width: 100% !important; }
}
@media (min-width: 768px) and (max-width: 992px) {
}
@media (min-width: 768px) {
.collage-calcutta-container { overflow-x: none; }
.gallery-dwsd5a { display: none; }
.dwsd-custom-video-background-front-page video { position: fixed; z-index: -1; left: 0; right: 0; top: 0px; bottom: 0; min-width: 100%; max-width: unset; min-height: 100vh; }
}
@media (min-width: 768px) and (max-width: 840px) { }
@media screen and (min-width: 768px) {
.site-header { border-bottom-color: transparent; } .page-id-995 #content::after { content: "\A ‘Nevelsculptuur’ \A Nederlandse ambassade \A Berlijn, Duitsland"; text-align: right; right: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
.page-id-1115 #content::after { content: "\A ‘Fog Sculpture’ \A Embassy of the Netherlands, Berlin, Germany"; text-align: right; right: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
}
@media screen and (max-width: 767px) {
button.menu-toggle, button.menu-toggle:hover { border-color: transparent; }
.dwsd-custom-video-background-front-page video { position: fixed; z-index: -1; left: -630px; right: 0; top: 110px; bottom: 0; min-width: 100%; max-width: unset; } #site-navigation-menu-toggle span { color: transparent; }
#site-navigation-menu-toggle { padding: 0; top: 10px; right: 10px; }
button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before { content: ""; display: block; height: 4px; width: 30px; position: absolute; top: 50%; left: 1em; margin-top: -1px; transition: all,ease,.2s; border-radius: 3px; background: var(--dwsd-group-color-red) !important; }
button.menu-toggle::before { transform: translateY(-10px); }
button.menu-toggle::after { transform: translateY(10px); } #masthead.active {
top: -38px;
}
#masthead.active #site-navigation-menu-toggle {
top: 22px;
transition: .2s;
}
.gallery-dwsd66a-container-a, .gallery-dwsd66a-container-b {
padding-right: 20px;
display: inline;
}
.page-id-12 #content::after {
content: "\A ‘To Remember All Those Places \A We Do Not Go Because They Are Not Cozy’ \A Airport customs passage \A Amsterdam Airport Schiphol \A The Netherlands" !important;
bottom: 20px;
font-size: .8rem;
right: 25px;
text-align: right;
}
.page-id-706 #content::after {
content: "\A ‘Ter herinnering aan al die plekken \A waar we niet heengaan omdat ze niet gezellig zijn’ \A Douanedoorgang \A Luchthaven Schiphol" !important;
bottom: 20px;
font-size: .8rem;
right: 25px;
text-align: right;
}
.main-navigation ul li a { text-transform: uppercase; font-size: .95rem; font-weight: bold; }
#menu-main-menu-1 { padding-top: 26px; }
a:focus, input:focus, textarea:focus, button:focus { outline: 0 !important; }
.sub-menu.toggled-on a { padding-left: 17px; }
.home .menu-item { opacity: 1; }
.handheld-navigation { padding-top: 33px; }
#masthead { padding-bottom: 0; }
#post-17 { padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
button.menu-toggle::after { background: #000 !important; } .first-letter { font-size: 5em !important; }
#typewriter-text p { font-size: 1rem; }
#fadeInText { font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.2px; } .site-info-nl, .site-info-en { display: block; }
.site-info-nl span, .site-info-en span { padding: ; }
}
@media (min-width: 481px) and (max-width: 767px) {
#main { min-height: calc(100vh - 150px); }
.dwsd-custom-video-background-about-me video { min-width: 330%; }
#masthead.active .custom-logo {
top: 35px;
padding: 10px;
margin-left: -8px;
border-radius: 5px;
background: #FFF;
}
#masthead.active { top: -36px; }
.page-id-12 #content, .page-id-706 #content { padding-bottom: 85px; }
.dwsd-work-practice-content-container .dwsd-video-content-container { padding-bottom: 30px; }
.dwsd-work-practice-content-container h2 { font-size: 2.1rem; }
#dwsd-section-row-main-fu::after {
top: -50px;
left: -8%;
transform: rotate(-5deg) !important;
opacity: 0;
animation: bounce-plakband 1s ease-in 3s forwards;
}
#dwsd-section-row-main-fu::before { display: none; } .page-id-995 #content::after { content: "\A ‘Nevelsculptuur’ \A Nederlandse ambassade \A Berlijn, Duitsland"; text-align: right; right: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
.page-id-1115 #content::after { content: "\A ‘Fog Sculpture’ \A Embassy of the Netherlands, Berlin, Germany"; text-align: right; right: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
}
@media screen and (max-width: 480px) {
#typewriter-text p { margin-bottom: -30px; }
.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element { min-width: 180%; }
.dwsd-custom-video-background-about-me video { min-width: 330%; min-height: 100vh; }
.dwsd-section-main-about-me img { max-width: 190px; margin: 0 auto; }
.dwsd-custom-video-background video { min-width: 330%; }
.dwsd-custom-video-background-front-page { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.dwsd-custom-video-background-front-page video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.dwsd-section-main-about-me img { max-width: 100% !important; }
#dwsd-section-row-main-fu { padding: 0 !important; background: RGB(254, 247, 247, .85); }
#dwsd-section-row-main-fu p { padding-left: ; }
.dwsd-entry-title, .dwsd-stripe, .dwsd-subtitle-inner { padding-left: 25px; }
p { font-size: 1rem; }
.dwsd-entry-title {
font-size: 3.9rem;
line-height: 0.95;
padding-top: 55px;
}
.dwsd-subtitle-inner {
font-size: 1.6rem;
margin-top: 0;
padding-top: 0;
max-width: 500px;
line-height: 1;
font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
#work-1, #work-2, #work-3, #work-4, #work-5, #work-6, #work-7, #work-8 {
padding: 45px 25px;
}
.page-id-12 #content::after, 	.page-id-706 #content::after {
text-align: left;
left: 25px;
}
.typewriter-container { padding: 25px; }
#dwsd-section-row-main-fu::before { display: none; }
.dwsd-title-2016-head { font-size: 2rem; } .page-id-12 #content, .page-id-706 #content { padding-bottom: 85px; }
.dwsd-work-practice-content-container .dwsd-video-content-container { padding-bottom: 30px; }
.dwsd-subtitle-inner { max-width: 340px; }
.dwsd-work-practice-content-container { padding: 35px 25px; padding-bottom: 0; }
.typewriter-container { padding-left: 25px !important; }
#masthead.active .custom-logo {
top: 27px;
margin-left: -8px;
border-radius: 5px;
background: #FFF;
padding: 19px;
max-width: 190px;
padding-bottom: 10px;
}
.lazy-video { display: block; width: 100%; height: auto; }
#masthead.active { top: -36px; }
.dwsd-work-practice-content-container h2 { font-size: 1.7rem; }
.page-id-711 #dwsd-section-row-main-fu p, .page-id-15 #dwsd-section-row-main-fu p { padding-left: 25px; }
.collage-calcutta-container img {
min-width: 119px !important;
}
.site-info {
font-size: .85rem;
padding-top: 25px;
} .page-id-995 #content::after { content: "\A ‘Nevelsculptuur’ \A Nederlandse ambassade \A Berlijn, Duitsland"; text-align: left; left: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
.page-id-1115 #content::after { content: "\A ‘Fog Sculpture’ \A Embassy of the Netherlands, Berlin, Germany"; text-align: left; left: 25px; bottom: 18px; position: absolute; position: absolute; bottom: 50px; right: 40px; color: rgba(255, 255, 255, 0.5); font-family: 'Roboto'; font-size: 1rem; text-transform: uppercase; font-weight: bold; white-space: pre; }
}
@media screen and (max-width: 425px) {
.dwd-mobile.lazyloaded { margin: 0; position: absolute; right: -12px; border-radius: 50%; top: -50px; max-width: 100px !important; }
}  .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(8%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(8%);
}
100% {
-webkit-transform: translateY(0%);
}
} .fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
} @keyframes scroll-left-right {
0% {
left: 0; }
100% {
left: 20px; }
} @keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-10px);
}
}
@keyframes bounce-plakband {
0% {
opacity: 0; transform: rotate(15deg) translateY(0);
}
1% {
opacity: 0.87; }
30% {
transform: rotate(15deg) translateY(-10px); }
50% {
transform: rotate(15deg) translateY(0); }
70% {
transform: rotate(15deg) translateY(-5px); }
100% {
opacity: 0.87; transform: rotate(15deg) translateY(0); }
} @keyframes slide-in {
0% {
width: 0; }
50% {
width: 15%; }
100% {
width: 9%; }
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade-in {
opacity: 0; animation: fadeIn 1s ease-in forwards; }