/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{list-style:none}
button,input,select,textarea{margin:0}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
img,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
td:not([align]),th:not([align]){text-align:left}
@font-face{font-family:"Merriweather";src:url("../fonts/Merriweather/Merriweather-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:"Merriweather";src:url("../fonts/Merriweather/Merriweather-Black.ttf") format("truetype");font-weight:bold;font-style:normal}
@font-face{font-family:"Merriweather";src:url("../fonts/Merriweather/Merriweather-Italic.ttf") format("truetype");font-weight:normal;font-style:italic}
@font-face{font-family:"BerkshireSwash";src:url("../fonts/BerkshireSwash/BerkshireSwash-Regular.ttf") format("truetype");font-weight:400;font-style:normal}
:root{--midnight: #1e4b4e;--white: #ffffff;--highlight: #ee6960;--roseDarker: #FEB9B3;--offWhite: #f3ebac;--roseLight: #f7f1c1;--forestGreen: #72AE46;--brown: #2F1214}
*{scrollbar-width:thin;scrollbar-color:var(--midnight) var(--offWhite)}
*::-webkit-scrollbar{width:10px}
*::-webkit-scrollbar-track{background:var(--offWhite)}
*::-webkit-scrollbar-thumb{background-color:var(--midnight);border-radius:6px;border:2px solid var(--offWhite)}
html,body{margin:0;padding:0;min-height:100vh;max-width:100vw;overflow-x:hidden}
h1,h2,h3{font-family:"BerkshireSwash"}
h2{font-family:"BerkshireSwash";font-size:max(2.5rem,4vw);color:var(--midnight)}
h3{font-family:"BerkshireSwash";font-size:max(1.45rem,2.15vw);color:var(--midnight)}
header#finsbury-park{z-index:10;position:relative;color:var(--midnight);padding:2rem}
header#finsbury-park h1{text-indent:-9999;position:absolute}
header#finsbury-park .logo{width:max(12rem,18vw)}
body{background-color:var(--roseLight);background-image:url("/wp-content/themes/treaty/assets/images/bg_texture.png");background-repeat:repeat}
.button{margin:0 auto;font-family:"Merriweather";font-size:max(1rem,1.15vw);text-decoration:none;padding:max(.75rem,1vw) max(1.5rem,1.5vw);border:max(1px,.15vw) solid var(--midnight);line-height:1.5;margin-bottom:max(1rem,2vw);color:var(--midnight);text-align:center;display:inline-block}
.button:hover{color:var(--roseLight);background-color:var(--midnight)}
.copied-button{background-color:var(--forestGreen);border-color:var(--forestGreen);color:var(--white)}
.error-button,.error-button:hover{background-color:var(--highlight);border-color:var(--highlight);color:var(--midnight);cursor:default;font-weight:bold}
.logo a,.logo a:visited{color:var(--midnight)}
#species-profile{width:50vw;z-index:3;color:var(--midnight);padding:2rem 0 12rem 2rem}
#species-profile header{text-align:center;margin-top:max(2rem,2.5vw);margin-bottom:max(3rem,8vw)}
#species-profile h2{font-family:"BerkshireSwash";font-size:max(2.5rem,4vw)}
#species-profile h3{font-family:"BerkshireSwash";font-size:max(1.25rem,2vw)}
#species-profile p{font-family:"Merriweather";font-size:max(1rem,1.15vw);line-height:1.5;margin-bottom:max(1rem,2vw)}
#species-profile .species-picto{width:50px;margin:0 auto;margin-top:max(1rem,1.5vw)}
#species-portrait{width:55vw;max-width:826px;height:100vh;position:fixed;background-repeat:no-repeat;background-size:cover;background-position-y:center;top:0;right:0;z-index:2}
@media screen and (max-width: 600px){#species-tree,#species-squirrel,#species-grass,#species-goose,#species-bee,#species-beetle,#species-dog{display:flex;flex-direction:column-reverse}
#species-profile{width:calc(100vw - 1rem);padding:1rem}
#species-portrait{width:100vw;position:relative;height:65vh;background-size:cover;background-position-x:center;background-position-y:top;padding:0}
}
#species-tree #species-portrait{background-image:url("../images/portraits/tree-crop.png")}
#species-squirrel #species-portrait{background-image:url("../images/portraits/squirrel-crop.png")}
#species-grass #species-portrait{background-image:url("../images/portraits/grass-crop.png")}
#species-goose #species-portrait{background-image:url("../images/portraits/goose-crop.png")}
#species-bee #species-portrait{background-image:url("../images/portraits/bee-crop.png")}
#species-beetle #species-portrait{background-image:url("../images/portraits/beetle-crop.png")}
#species-dog #species-portrait{background-image:url("../images/portraits/dog-crop.png")}
#page p,#page ul,#page ul li,#prepare p,#prepare ul,#prepare ul li{font-family:"Merriweather";font-size:max(1rem,1.15vw);line-height:1.5;margin-bottom:max(1rem,2vw);color:var(--midnight)}
#page p a,#page p a:visited,#page ul a,#page ul a:visited,#page ul li a,#page ul li a:visited,#prepare p a,#prepare p a:visited,#prepare ul a,#prepare ul a:visited,#prepare ul li a,#prepare ul li a:visited{color:var(--midnight);font-weight:bold;text-decoration:none;text-decoration:underline}
#page p a:hover,#page ul a:hover,#page ul li a:hover,#prepare p a:hover,#prepare ul a:hover,#prepare ul li a:hover{text-decoration:dashed}
#page ul,#prepare ul{list-style-type:disc;list-style-position:inside}
.one-block{width:100vw;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;height:auto}
.one-block .square{width:max(50%,55vw);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:8;padding-top:max(2rem,3vw);padding-bottom:max(2rem,3vw)}
.one-block .square .content{display:flex;flex-direction:column;justify-content:center;height:100%}
.one-block h3{text-align:center;margin-bottom:max(2rem,3vw)}
.two-block{display:flex;flex-wrap:wrap}
.two-block .square{flex:1 0 calc(25% - 10px);margin:0}
.two-block .square:after{content:"";display:block;padding-bottom:10vh}
.two-block .content{display:flex;flex-direction:column;justify-content:center;height:100%}
.two-block .content h3{text-align:center;margin-bottom:max(2rem,3vw)}
.two-block .image{background-position:center;background-size:cover}
.two-block .text{padding:2rem}
.two-block.reverse{flex-direction:row-reverse}
#page-intro{background:#000}
#page-intro .square{padding-top:max(2rem,10vw);padding-bottom:max(2rem,10vw)}
#page-intro .text p{color:var(--roseLight);font-size:max(1.5rem,1.85vw)}
.bg-furtherfield{background-image:url("../images/backgrounds/furtherfield.jpg")}
.bg-treaty{background-image:url("../images/backgrounds/treaty.jpg")}
.bg-mentors{background-image:url("../images/backgrounds/the-mentors.jpg")}
.bg-step1{background-image:url("../images/backgrounds/step1.jpg")}
.bg-step2{background-image:url("../images/backgrounds/step2.jpg")}
.bg-step3{background-image:url("../images/backgrounds/step3.jpg")}
.bg-step4{background-image:url("../images/backgrounds/step4.jpg")}
#prep-apple .two-block .square:after{content:"";display:block;padding-bottom:0}
#prep-apple .two-block .square.image{min-height:35vw}
@media screen and (max-width: 678px){#prep-apple .two-block .square.image{min-height:65vw}
}
#prep-apple .bg-step1{background-image:url("../images/guides/requirements/mac/step1.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-apple .bg-step2{background-image:url("../images/guides/requirements/mac/step2.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-apple .bg-step3{background-image:url("../images/guides/requirements/mac/step3.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-windows .two-block .square:after{content:"";display:block;padding-bottom:0}
#prep-windows .two-block .square.image{min-height:35vw}
@media screen and (max-width: 678px){#prep-windows .two-block .square.image{min-height:65vw}
}
#prep-windows .bg-step1{background-image:url("../images/guides/requirements/windows/step1.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-windows .bg-step2{background-image:url("../images/guides/requirements/windows/step2.png");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-windows .bg-step3{background-image:url("../images/guides/requirements/windows/step3.png");background-position:center;background-size:100%;background-repeat:no-repeat}
#prep-windows .bg-step4{background-image:url("../images/guides/requirements/windows/step4.png");background-position:center;background-size:100%;background-repeat:no-repeat}
.bg-video{position:absolute;width:100%;height:100%;z-index:5;opacity:.35;object-fit:cover}
.bg-video-fixed{position:fixed;width:100%;height:100%;top:0;z-index:5;object-fit:cover}
#prep-title,#step-title{display:flex;flex-direction:column;text-align:center}
#prep-title h2,#step-title h2{position:relative;padding-bottom:max(1rem,1vw)}
#prep-intro,#step-intro{padding-top:max(1rem,3vw);padding-bottom:max(1rem,3vw);z-index:8}
#prep-intro .square p,#step-intro .square p{font-size:max(1.5rem,1.85vw)}
#sd-title{height:100vh;display:flex;flex-direction:column;text-align:center}
#sd-title h2{position:relative;margin-top:25vh}
#sd-intro{background-color:rgba(227,226,213,.75);padding-top:max(2rem,10vw);padding-bottom:max(2rem,10vw);z-index:8}
#sd-intro .square p{font-size:max(1.5rem,1.85vw)}
#sentience-dial-background{background-color:#e3e2d5;position:fixed;width:100%;height:100%;top:0;z-index:1}
#switcher input{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}
#switcher .switcher{display:flex;flex-direction:row;flex-wrap:wrap;gap:max(.5rem,1vw);align-items:stretch}
#switcher .switcher label{font-family:"Merriweather";font-size:max(1rem,1.15vw);text-decoration:none;padding:max(.75rem,1vw) max(1.5rem,1.5vw);border:max(1px,.15vw) solid var(--midnight);line-height:1.5;color:var(--midnight);text-align:center;display:inline-block;flex-grow:1;display:flex;flex-direction:column;align-items:center;cursor:pointer}
#switcher .switcher label .switcher-logo{display:block;margin-bottom:1rem;margin-top:.5rem}
#switcher .switcher label .switcher-logo.switcher-apple{height:64px;width:48px}
#switcher .switcher label .switcher-logo.switcher-windows{height:64px;width:48px;padding-top:8px}
#switcher #guideSwitchWindows[type=radio]:checked~section .switcher .optionWindows,#switcher #guideSwitchApple[type=radio]:checked~section .switcher .optionApple{color:var(--roseLight);background-color:var(--midnight)}
#switcher #guideSwitchWindows[type=radio]~#switcher .optionWindows,#switcher #guideSwitchApple[type=radio]~#switcher .optionApple{color:var(--midnight);background-color:transparent}
#switcher #guideSwitchWindows[type=radio]:checked~#prep-windows,#switcher #guideSwitchApple[type=radio]:checked~#prep-apple,#switcher #guideSwitchWindows[type=radio]:checked~#step-windows,#switcher #guideSwitchApple[type=radio]:checked~#step-apple{display:initial}
#switcher #guideSwitchWindows[type=radio]~#prep-windows,#switcher #guideSwitchApple[type=radio]~#prep-apple,#switcher #guideSwitchWindows[type=radio]~#step-windows,#switcher #guideSwitchApple[type=radio]~#step-apple{display:none}
#prep-windows>h3,#prep-apple>h3,#step-windows>h3,#step-apple>h3{text-align:left}
#prep-windows .instructions h3,#prep-apple .instructions h3,#step-windows .instructions h3,#step-apple .instructions h3{text-align:left;font-family:"Merriweather";font-weight:bold}
#sentience-dial-background{background-color:#e3e2d5;position:fixed;width:100%;height:100%;top:0;z-index:1}
@media screen and (max-width: 678px){.two-block{flex-direction:column-reverse}
.two-block .square.image{min-height:320px;height:50vh}
.two-block.reverse{flex-direction:column-reverse}
.one-block .square,.two-block .square{width:100vw;padding:2rem 1rem}
.one-block .square:after,.two-block .square:after{content:"";display:block;padding-bottom:0}
}
#step-windows .bg-step1{background-image:url("../images/guides/step/windows/step1.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step2{background-image:url("../images/guides/step/windows/step2.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step3{background-image:url("../images/guides/step/windows/step3.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step4{background-image:url("../images/guides/step/windows/step4.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step5{background-image:url("../images/guides/step/windows/step5.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step6{background-image:url("../images/guides/step/windows/step6.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step7{background-image:url("../images/guides/step/windows/step7.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-windows .bg-step8{background-image:url("../images/guides/step/windows/step8.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step1{background-image:url("../images/guides/step/mac/step1.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step2{background-image:url("../images/guides/step/mac/step2.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step3{background-image:url("../images/guides/step/mac/step3.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step4{background-image:url("../images/guides/step/mac/step4.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step5{background-image:url("../images/guides/step/mac/step5.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step6{background-image:url("../images/guides/step/mac/step6.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step7{background-image:url("../images/guides/step/mac/step7.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}
#step-apple .bg-step8{background-image:url("../images/guides/step/mac/step8.jpg");background-position:center;background-size:100%;background-repeat:no-repeat}

.video-control {
    position: relative;
    top: -56px;
    width: 48px;
    height: 48px;
    margin: 0 auto;
}

.indent-1 {
    margin-left: 24px;
}

.indent-2 {
    margin-left: 32px
}