html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}  * {
font-family: 'Raleway', sans-serif;
box-sizing: border-box;
}
html, body {
height: 100%;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
margin-top:0;
margin-bottom: 0.5rem;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'DM Serif Display', sans-serif;
font-weight:800;
}
h1, h1 a, .h1{
color:#292929;
}
body{
font-size:18px;
line-height:1.7;
color:#0a0a0a;
background-color:#fffdfb;
margin:0;
}
h1, .h1{
font-size:52px;
margin-top:0;
margin-bottom:15px;
}
h2, .h2{
font-size:36px;
margin-bottom:20px;
}
h3, .h3{
font-size:28px;
}
h4, .h4{
font-size:22px;
}
h5, .h5{
font-size:18px;
}
h6, .h6{
font-size:16px;
}
p, span, ul, li{
line-height:1.6em;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ol ul, ul ol, ul ul{
margin-bottom:0;
}
p{
margin-top: 0;
margin-bottom: 1rem;
}
p.no-margin-bottom,
.elementor-element.no-margin-bottom p{
margin-bottom:0;
}
.alt-font,
h1.alt-font, h2.alt-font, h3.alt-font, h4.alt-font, h5.alt-font, h6.alt-font,
.alt-font h1, .alt-font h2, .alt-font h3, .alt-font h4, .alt-font h5, .alt-font h6,
.alt-font h1 a, .alt-font h2 a, .alt-font h3 a, .alt-font h4 a, .alt-font h5 a, .alt-font h6 a{
font-family: 'Raleway', sans-serif;
} h1, .h1, h1.elementor-heading-title{ line-height:1.2em; }
h2, .h2, h2.elementor-heading-title{ line-height:1.2em; }
h3, .h3, h3.elementor-heading-title{ line-height:1.2em; }
h4, .h4, h4.elementor-heading-title{ line-height:1.5em; }
h5, .h5, h5.elementor-heading-title{ line-height:1.5em; }
h6, .h6, h6.elementor-heading-title{ line-height:1.5em; }
p, p.elementor-heading-title,
span, span.elementor-heading-title,
ul, ul.elementor-heading-title,
li li.elementor-heading-title{
line-height:1.6em;
}
@media only screen and (max-width: 768px) {
h1{font-size:38px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4{font-size:20px;}
}
a{
color:#292929;
font-weight:500;
text-decoration:underline;
}
p a,
.elementor p a,
.elementor-widget-theme-post-content a{
text-decoration:underline;
}
p a:hover,
.elementor p a:hover,
.post li a:hover{
color:#eb8e8e;
}
.wp-block-pullquote{
padding: 0.5em 0;
}
img{
vertical-align:middle;
}
.light-border img,
.border-light img{
border:1px solid #e1e1e1;
}
figure{
margin-left:0;
margin-right:0;
}
figure figcaption{
margin-top: 10px;
text-align: left;
font-style: italic;
color: #545454;
}
figure figcaption:before{
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='%23aaa9a8'><path d='M6.08,1H9.92a1.48,1.48,0,0,1,1.42,1l.33,1H14a2,2,0,0,1,2,2v8a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V5A2,2,0,0,1,2,3H4.33l.33-1A1.48,1.48,0,0,1,6.08,1ZM8,12A3,3,0,1,0,5,9,3,3,0,0,0,8,12Z' /></svg>");
display:inline-block;
margin-right:8px;
}
figure figcaption a{
border-bottom:1px solid #545454;
}
figure figcaption a:hover{
color:#2e7aa7;
border-color:#2e7aa7;
}
figure.wp-block-image{
margin:2em 0 2em 0;
}
.wp-block-columns .wp-block-column figure{
margin:0;
}
.wp-block-columns .wp-block-column p:last-of-type{
margin-bottom:0;
}
.wp-block-image img, .post .elementor-widget-image img, .schema-how-to-steps img {
border-radius:3px;
}
@media (max-width: 767px) {
.wp-block-image figure.alignright{
float:none;
margin-left:0;
margin-right:0;
width:100%;
}
.wp-block-image figure.alignright img{
width:100% !important;
}
}
.elementor figure.wp-block-embed-youtube iframe{
height:400px;
}
.schema-how-to-steps img{
margin-top:20px;
margin-bottom:10px;
}
blockquote:not(.elementor-blockquote){
margin: 30px 0;
border: 1px solid #ffeeee;
border-left: 8px solid #e48d8d;
padding-left: 20px;
color: #37393b;
background-color: #fcf9f8cf;
padding: 30px 20px;
border-radius:8px;
position:relative;
}
blockquote:not(.elementor-blockquote) *:last-child{
margin-bottom:0;
}
blockquote:not(.elementor-blockquote):before{
content: "”";
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(https://zininjapan.nl/wp-content/uploads/2022/12/background-pattern.png);
z-index:-1;
}
code{
word-wrap: break-word;
} .header-mask{
mask-image: url(https://zininjapan.nl/wp-content/themes/zininjapan/img/header-mask.svg);
mask-size: contain;
mask-position: top center;
mask-repeat: no-repeat;
-webkit-mask-image: url(https://zininjapan.nl/wp-content/themes/zininjapan/img/header-mask.svg);
-webkit-mask-size: contain;
-webkit-mask-position: top center;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 1024px){
.header-mask{
-webkit-mask-size: 150%;
-webkit-mask-position: bottom center;
}
}
.header-mask-alt1{
mask-image: url(https://zininjapan.nl/wp-content/themes/zininjapan/img/header-mask-alt1.svg);
-webkit-mask-image: url(https://zininjapan.nl/wp-content/themes/zininjapan/img/header-mask-alt1.svg);
} .homepage-category .elementor-image-box-content{
margin-top:-52px;
position:relative;
}
.homepage-category figure img{
position:relative;
box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.4);
}
.homepage-category figure a{
position:relative;
display:block;
}
.homepage-category figure a:after{
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%);
border-radius:12px;
transition:all 300ms;
}
.homepage-category figure a:hover:after{
opacity:0.2;
}
.homepage-category figure a:active:after{
opacity:0;
} .elementor-post-info li a{
text-decoration:none;
font-weight:bold;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="reizen"]),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="cultuur"]),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="eten"]),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="interviews"])
{
background-color:#e2e2e2;
padding:8px;
border-radius:50px;
color:#000;
fill:#000;
font-size:0.8em;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="reizen"]:hover),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="cultuur"]:hover),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="eten"]:hover),
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="interviews"]:hover)
{
opacity:0.8;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="reizen"]) {
background-color:#ece4db;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="cultuur"]) {
background-color:#fcd5ce;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="eten"]) {
background-color:#ffd7ba;
}
.elementor-icon-list-item:has(.elementor-post-info__terms-list a[href*="interviews"]) {
background-color:#d8e2dc;
} .recept article #recept-inhoud ol li{
position:relative;
margin:36px 0 24px 0;
padding-left:1em;
}
.recept article #recept-inhoud ol li::marker{
font-weight:bold;
color:#fff;
font-size:20px;
}
.recept article #recept-inhoud ol li:before {
content: "";
position:absolute;
left:-36px;
top:-4px;
background-color:#0c2d42;
z-index:-1;
display:inline-block;
width:42px;
height:42px;
border-radius:42px;
} input[type=text],
input[type=email],
input[type=search],
select,
textarea,
.elementor-field-group .elementor-field-textual{
padding:10px 20px;
background-color:#fff;
border:2px solid #e3e3e3;
border-radius:30px;
width:100%;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
label{
display: inline-block;
margin-bottom: 0.5rem;
} .elementor-button{
background-color: #0c2d42;
border:2px solid #0c2d42;
font-size:16px;
cursor:pointer;
border-radius:30px;
}
.elementor-button a{
color:white;
text-decoration:none !important;
}
.elementor-button:hover{
background-color:#1c4661;
}   .wp-block-columns.reduced-spacing .wp-block-column:not(:first-child){ margin-left: 1em;
} .wp-block-button__link{
border-radius:30px;
background-color: #1F4A63;
color: #fff;
font-size: 16px;
border: 2px solid #1F4A63;
padding: 12px 24px;
}
.wp-block-button__link:hover{
background-color: #0979A4;
} p.subtle-cta{
position:relative;
margin-top:30px;
padding-left:60px;
}
p.subtle-cta + p{
margin-top:40px;
}
p.subtle-cta:before{
content:"»";
font-size:38px;
line-height:50%;
padding:10px 15px
;  position:absolute;
top:-8px;
left:0;
width:46px;
height:46px;
border-radius:58% 44% 44% 49%;
background-color:#f7f7f7;
} ul.pros-list, ul.cons-list{
list-style-type:none;
list-style-position: outside;
padding-left:15px;
}
ul.pros-list li, ul.cons-list li{
display:flex;
}
ul.pros-list li:before, ul.cons-list li:before {
margin:0 5px 0 -15px;
font-weight:bold;
}
ul.pros-list li:before {
content: '✔';
color: transparent;
text-shadow: 0 0 0 #1f7a22;
}
ul.cons-list li:before {
content: '✖';
color: transparent;
text-shadow: 0 0 0 #cc1818;
} .has-gtb-white-color,
.has-gtb-white-color a {
color:#ffffff;
}
.has-gtb-white-background-color {
background-color:#ffffff;
}
.has-gtb-cod-gray-color {
color:#0a0a0a;
}
.has-gtb-cod-gray-background-color {
background-color:#0a0a0a;
}
.has-gtb-default-blue-color {
color:#0c2d42;
}
.has-gtb-default-blue-background-color {
background-color:#0c2d42;
}
.has-gtb-default-pink-color {
color:#fa9897;
}
.has-gtb-default-pink-background-color {
background-color:#fa9897;
}
.has-gtb-light-pink-color {
color:#fffcfb;
}
.has-gtb-light-pink-background-color {
background-color:#fffcfb;
}
.has-gtb-light-gray-color {
color:#f7f7f7;
}
.has-gtb-light-gray-background-color {
background-color:#f7f7f7;
} .has-background{
border-radius:15px;
overflow:hidden;
} figure.wp-block-table{
border-radius:16px;
}
figure.wp-block-table.is-style-stripes{
background: #ececed;
}
.wp-block-table table thead{
background:#122d43;
color:white;
}
.wp-block-table table thead tr th{
padding-top:15px;
padding-bottom:15px;
text-align:left;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f7f7f7;
}  .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
padding:15px;
}
.elementor-widget-theme-post-content * + .elementor-menu-anchor {
display:block;
} .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper{
align-items:normal;
}
.toc-style-default-arrow .post ol li ol li .elementor-toc__list-item-text-wrapper:before,
.toc-style-none-arrow .post ol li ol li .elementor-toc__list-item-text-wrapper:before{
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='%23193646'><path d='M15.81,9.41,11.89,14a.78.78,0,0,1-.62.29.84.84,0,0,1-.54-.2.82.82,0,0,1-.1-1.16l2.76-3.21H.82A.83.83,0,0,1,0,8.87V2.35a.83.83,0,0,1,.82-.83.83.83,0,0,1,.83.83V8H13.53L10.61,4.15A.81.81,0,0,1,10.77,3a.82.82,0,0,1,1.16.16l3.91,5.21A.86.86,0,0,1,15.81,9.41Z' /></svg>");
margin-right:8px;
}
.toc-style-none-arrow .post ol li .elementor-toc__list-item-text-wrapper:before{
content: "";
margin-right:0;
} .elementor-alert span.elementor-alert-description{
font-size:16px;
} .elementor-view-stacked .elementor-icon{
background-color:#1479a5;
} .elementor-posts .elementor-post div.elementor-post__badge{
background:#1F4A63;
text-transform:none;
font-size:14px;
}
.elementor-posts .elementor-post .elementor-post__read-more{
font-size:14px;
}
.elementor-posts .elementor-post .elementor-post__meta-data{
font-size:14px;
color:#727272;
} .elementor-card-shadow-yes .elementor-posts .elementor-post .elementor-post__card{
box-shadow: 0 8px 25px 0 rgb(0 0 0 / 15%);
border-radius:8px;
}
.elementor-posts .elementor-post .elementor-post__card .elementor-post__title{
font-size:20px;
margin-bottom:15px;
}
.elementor-posts .elementor-post .elementor-post__card .elementor-post__excerpt{
margin-bottom:10px;
}
.elementor-posts .elementor-post .elementor-post__card .elementor-post__excerpt p{
font-size:14px;
color:#212121;
}
.elementor-posts .elementor-post .elementor-post__card .elementor-post__read-more{
text-transform:none;
font-size:16px;
} nav.elementor-pagination span,
nav.elementor-pagination a{
background-color:#f7f7f7;
border-radius:30px;
padding:8px 16px;
}
nav.elementor-pagination span:not(.current){
opacity:0.4;
}
nav.elementor-pagination a{
border-bottom:1px solid #ececec;
}
nav.elementor-pagination a:hover{
background-color:#f1f1f1;
}
nav.elementor-pagination a:hover{
background-color:#f1f1f1;
}
nav.elementor-pagination a:active{
background-color:#ececec;
}  .elementor-widget-theme-post-content * + .elementor-menu-anchor,
.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-content .h1,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content .h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content .h3 {
margin-top:60px;
}
.elementor-widget-theme-post-content h2 + h3{
margin-top:30px;
}
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content .h4,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content .h5,
.elementor-widget-theme-post-content h6,
.elementor-widget-theme-post-content .h6 {
margin-top:25px;
} .elementor-widget-theme-post-content div[data-elementor-type] h1:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h1:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] h2:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h2:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] h3:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h3:not(.elementor-post__title) {
margin-top:40px;
}
.elementor-widget-theme-post-content div[data-elementor-type] .elementor-widget-text-editor + .elementor-widget-heading h3,
.elementor-widget-theme-post-content div[data-elementor-type] .elementor-widget-text-editor + .elementor-widget-heading .h3 { margin-top:10px;
}
.elementor-widget-theme-post-content div[data-elementor-type] * + .elementor-menu-anchor,
.elementor-widget-theme-post-content div[data-elementor-type] h4:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h4:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] h5:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h5:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] h6:not(.elementor-post__title),
.elementor-widget-theme-post-content div[data-elementor-type] .h6:not(.elementor-post__title) {
margin-top:0;
} .sidebar-widget h3{
font-size:20px;
}
.sidebar-widget .elementor-posts .elementor-post__title{
font-size:16px;
} body.home h1{
text-transform:uppercase;
}
body:not(.home) #content{
margin-bottom:50px;
}
@media (max-width:767px){
body:not(.home) #content{
margin-bottom:50px;
}
} #comments .comment-list {
margin: 0;
padding: 0;
list-style: none; }
#comments .comment,
#comments .pingback {
position: relative; }
#comments .comment .comment-body,
#comments .pingback .comment-body {
display: flex;
flex-direction: column;
padding: 30px 0 30px 60px;
border-bottom: 1px solid #cccccc; }
#comments .comment .avatar,
#comments .pingback .avatar {
position: absolute;
left: 0;
border-radius: 50%;
margin-right: 10px; }
#comments .comment-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: .9rem; }
#comments .comment-metadata .edit-link{
margin-left:10px;
background-color:#e3e3e3;
padding:5px 10px;
border-radius:3px;
}
#comments .comment-content{
margin-bottom:20px;
}
#comments .children {
position: relative;
list-style: none;
margin: 0;
padding-left: 30px; }
#comments .children li:last-child {
padding-bottom: 0; }
#comments ol.comment-list .children:before {
display: inline-block;
font-size: 1em;
font-weight: normal;
line-height: 100%;
content: '\21AA';
position: absolute;
top: 45px;
left: 0;
width: auto; }
#comments h2#reply-title{
font-size:28px;
}
#comments #cancel-comment-reply-link{
margin-left:10px;
font-size:16px;
padding:5px 10px;
border-radius:3px;
}
#comments .nav-links{
}
#comments .nav-links .nav-previous,
#comments .nav-links .nav-next{
display:inline-block;
margin:10px 10px 10px 0;
}
#comments #respond{
margin-top:20px;
}
@media (min-width: 768px) {
#comments .comment-author,
#comments .comment-metadata {
line-height: 1; } }
@media (max-width: 767px) {
#comments .comment .comment-body {
padding: 30px 0; }
#comments .children {
padding-left: 20px; }
#comments .comment .avatar {
position: inherit;
float: left; } }
#comments #commentform .g-recaptcha-wrap{
margin-bottom: 1rem;
} footer{
font-size:18px;
}
footer #footer-nav h3{
font-size:20px;
}
footer #footer-nav, footer #footer-nav p{
font-size:16px;
color:white;
}
footer #footer-nav  h3{
color:white;
}
footer #footer-nav a{
color:white;
text-decoration:none;
}
footer #footer-nav a:hover{
text-decoration:underline;
}
footer input[type=email]{
background-color: #fff;
border-color: #d9d9d9;
}
footer .trp_language_switcher_shortcode{
display:inline-block;
}
footer .trp-language-switcher,
footer .trp-language-switcher > div,
footer .trp-language-switcher > div a,
footer .trp-language-switcher > div > a:hover{
background-color:transparent;
border:0;
padding:0;
margin:0;
width:auto !important;
}
footer #footer-copyright{
padding:25px;
background-color:#202020;
color:#fff;
text-align:center;
font-size:16px;
}
footer #footer-copyright a{
color:white;
text-decoration:none;
}
footer #footer-copyright a:hover{
text-decoration:underline;
}