/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Description: BlankSlate custom theme
Version: 2026
Text Domain: blankslate
*/


/* ==========================
   RESET
========================== */


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {

    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;

}


html {

    scroll-behavior:smooth;

}


body {

    line-height:1;

}


* {

    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;

}



a {

    text-decoration:none;

}


button {

    outline:none;
    border:none;
    background:none;

}



ol,
ul {

    list-style:none;

}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {

    display:block;

}





/* ==========================
   WORDPRESS DEFAULTS
========================== */


.sticky,
.bypostauthor,
.wp-caption,
.wp-caption-text,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter {

}



.screen-reader-text {

    border:0;
    clip:rect(1px,1px,1px,1px);
    clip-path:inset(50%);
    height:1px;
    width:1px;
    overflow:hidden;
    position:absolute!important;

}



.skip-link {

    left:-9999rem;
    top:2.5rem;
    z-index:999999;
    text-decoration:underline;

}



.skip-link:focus {

    display:block;
    left:6px;
    top:7px;
    padding:15px 23px;
    background:#fff;
    color:#007acc;
    z-index:100000;

}





/* ==========================
   DUTCH IPTV GLOBAL
========================== */


body {

    background:#020617;
    color:white;
    font-family:"Inter",sans-serif;

}



h1,
h2,
h3,
h4 {

    font-family:"Space Grotesk",sans-serif;

}






/* ==========================
   FAQ ACCORDION
========================== */



.dutch-faq-answer {

    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease-in-out;

}



.dutch-faq-row.open 
.dutch-faq-answer {

    max-height:500px;

}



.dutch-faq-symbol {

    transition:transform .3s ease;

}



.dutch-faq-trigger:hover {

    background:rgba(255,255,255,.03);

}





/* ==========================
   MOBILE FIXES
========================== */


img {

    max-width:100%;
    height:auto;

}



.container {

    width:100%;
    margin:auto;

}


@media(max-width:768px){


    h1 {

        font-size:42px;

    }


    h2 {

        font-size:36px;

    }


}


.footer-link {
    display: inline-block;
    color: #9ca3af;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.2s ease, transform 0.2s ease;
}

.footer-link:hover {
    color: #ffffff;
    transform: translateX(3px);
}


.prose h2,
.prose h3{
    color:white;
    font-family:'Space Grotesk',sans-serif;
    margin-top:2rem;
    margin-bottom:1rem;
}

.prose p{
    color:#9ca3af;
    line-height:1.8;
    margin-bottom:1rem;
}

.prose ul{
    list-style:disc;
    padding-left:1.5rem;
    color:#9ca3af;
}

.prose li{
    margin-bottom:.5rem;
}

.prose a{
    color:#60a5fa;
}

/* ==========================
   POLICY PAGES STYLE
========================== */


.policy-content{
    color:#9ca3af;
    font-size:18px;
    line-height:1.9;
}



.policy-content h1{
    color:white;
    font-size:42px;
    font-weight:700;
    margin-bottom:30px;
}


.policy-content h2{
    color:white;
    font-family:'Space Grotesk',sans-serif;
    font-size:32px;
    font-weight:700;
    margin-top:45px;
    margin-bottom:20px;
}



.policy-content h3{
    color:white;
    font-family:'Space Grotesk',sans-serif;
    font-size:24px;
    font-weight:600;
    margin-top:35px;
    margin-bottom:15px;
}



.policy-content p{
    margin-bottom:22px;
}



.policy-content ul{
    list-style:disc;
    padding-left:30px;
    margin:20px 0 30px;
}



.policy-content li{
    margin-bottom:12px;
}



.policy-content strong{
    color:white;
}



.policy-content a{
    color:#60a5fa;
    text-decoration:none;
}



.policy-content a:hover{
    color:#3b82f6;
}



/* Mobile */

@media(max-width:768px){

.policy-content{
    font-size:16px;
}


.policy-content h2{
    font-size:26px;
}


.policy-content h3{
    font-size:21px;
}

}