.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible;-webkit-tap-highlight-color:transparent}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}sr7-col-bg.sr7-img-col-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}@-moz-document url-prefix(){sr7-slide.sr7-staticslide{transform:scale(1)}}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.sr7-layer .materical-icons,sr7-module .material-icons,sr7-txt .material-icons{font-size:inherit;vertical-align:top;line-height:inherit}#sr-announcer{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root {
--grey01: #919191;
--grey02: #9a9a9a;
--grey03: #eeeeee30;
--dark-text-color: #222;
--light-text-color: #6F6F6F;
--font-sans: -apple-system, BlinkMacSystemFont, "Open Sans", Helvetica, Arial, sans-serif;
--font-serif: Georgia, Times, Times New Roman, serif;
--font-serif-2: "Playfair Display", Times, Times New Roman, serif;
--bg-color: rgb(150, 150, 150) !important;
}
.row {display: flex; flex-direction: row; justify-content: space-around;}
@media only screen and (max-width: 700px){.row {flex-direction: column}} html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
.sticky {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none; }
a:active,
a:hover {
outline: 0;
text-decoration: underline;
} .link-effect a {
cursor: pointer;
position: relative;
   white-space: nowrap; 
text-decoration: none !important;
  }
.link-effect a::before, .link-effect a::after {
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.link-effect a::before {
content: ''; }
.link-effect a::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform 0.3s;
}
.link-effect a:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
} .link-feature {
display: flex;
border-radius: 1em;
background-color: rgba(136, 136, 136, 0.1);
color: #888;
min-height: 3rem;
align-items: center;
border: none;
width: 100%;
transition: 0.3s ease;
}
.link-feature:hover {
filter: brightness(125%);
transition: 0.3s ease;
cursor: pointer;
}
.link-feature-text {
color: #aaa !important; text-decoration: none !important;
display: flex;
width: 100%;
line-height: 1.5;
padding: 0.5rem 0;
}
.link-feature-text:before {
content: "";
display: inline-flex;
align-self: center;
width: 35px;
height: 24px;
margin: 2px 20px 0 15px;
background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' width='24' height='24'><defs><style>.cls-63ce7424ea57ea6c8380058e-1{fill:none;stroke:%23888;stroke-miterlimit:10;}</style></defs><line class='cls-63ce7424ea57ea6c8380058e-1' x1='21.5' y1='12' x2='0.5' y2='12'/><polyline class='cls-63ce7424ea57ea6c8380058e-1' points='13.86 4.36 21.5 12 13.86 19.64'/></svg>");
background-repeat: no-repeat;
} .lato::after {
content: " \2192";
display: inline-block;
margin-left: 0.2em;
font-family: Lato, sans-serif;
font-size: 1em;
vertical-align: middle;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 800; }
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.5em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body {
color: #9b9b9b !important; font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Helvetica, Arial, sans-serif; font-size: 16.5px;
line-height: 1.7;
overflow-wrap: break-word;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
}
.transition-bg {
transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.reader-friendly {
background-color: #1e1e1e; background: #1e1e1e !important !important;
color: #9b9b9b !important !important; }
.dark {
background-color: #111;
color: rgb(150, 150, 150) !important;
} :root {
--arrow-bg-gradient-start: #1e1e1e;
--arrow-bg-gradient-end: transparent;
--arrow-bg-gradient-stops: rgba(30, 30, 30, 0.95), rgba(30, 30, 30, 0.85), rgba(30, 30, 30, 0.75), rgba(30, 30, 30, 0.65), rgba(30, 30, 30, 0.5), rgba(30, 30, 30, 0.3), rgba(30, 30, 30, 0.15);
}
@keyframes carousel-fade-left {
   from {background: linear-gradient(to left, #1e1e1e, rgba(30, 30, 30, 0.95), rgba(30, 30, 30, 0.85), rgba(30, 30, 30, 0.75), rgba(30, 30, 30, 0.65), rgba(30, 30, 30, 0.5), rgba(30, 30, 30, 0.3), rgba(30, 30, 30, 0.15), transparent);}
   to {background: linear-gradient(to left, #111, rgba(17, 17, 17, 0.95), rgba(17, 17, 17, 0.85), rgba(17, 17, 17, 0.75), rgba(17, 17, 17, 0.65), rgba(17, 17, 17, 0.5), rgba(17, 17, 17, 0.3), rgba(17, 17, 17, 0.15), transparent);}
}
@keyframes carousel-fade-right {
   from {background: linear-gradient(to right, #1e1e1e, rgba(30, 30, 30, 0.95), rgba(30, 30, 30, 0.85), rgba(30, 30, 30, 0.75), rgba(30, 30, 30, 0.65), rgba(30, 30, 30, 0.5), rgba(30, 30, 30, 0.3), rgba(30, 30, 30, 0.15), transparent);}
   to {background: linear-gradient(to right, #111, rgba(17, 17, 17, 0.95), rgba(17, 17, 17, 0.85), rgba(17, 17, 17, 0.75), rgba(17, 17, 17, 0.65), rgba(17, 17, 17, 0.5), rgba(17, 17, 17, 0.3), rgba(17, 17, 17, 0.15), transparent);}
}
nav,
label,
input {
font-size: 14px
}
h1,
h2,
h3,
h4,
h5,
h6 
{
line-height: 1.25;
color: #eee; font-family: var(--font-serif-2) !important;  }
p, ol {
margin: 0 0 1em;
font-size: clamp(18px,1.125rem,34px);
}
p, ol, ul {
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre { font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} @font-face {
font-family:'Lato';
font-weight:400;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Lato/400-normal/400-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Lato/400-normal/400-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Lato/400-normal/400-normal.ttf) format('truetype')
}
@font-face {
font-family:'Lato';
font-weight:700;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Lato/700-normal/700-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Lato/700-normal/700-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Lato/700-normal/700-normal.ttf) format('truetype')
}
@font-face {
font-family:'Open Sans';
font-weight:400;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Open-Sans/400-normal/400-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Open-Sans/400-normal/400-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Open-Sans/400-normal/400-normal.ttf) format('truetype')
}
@font-face {
font-family:'Open Sans';
font-weight:600;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Open-Sans/600-normal/600-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Open-Sans/600-normal/600-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Open-Sans/600-normal/600-normal.ttf) format('truetype')
}
@font-face {
font-family:'Open Sans';
font-weight:700;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Open-Sans/700-normal/700-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Open-Sans/700-normal/700-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Open-Sans/700-normal/700-normal.ttf) format('truetype')
}
@font-face {
font-family:'Playfair Display';
font-weight:400;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Playfair-Display/400-normal/400-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/400-normal/400-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/400-normal/400-normal.ttf) format('truetype')
}
@font-face {
font-family:'Playfair Display';
font-weight:500;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Playfair-Display/500-normal/500-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/500-normal/500-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/500-normal/500-normal.ttf) format('truetype')
}
@font-face {
font-family:'Playfair Display';
font-weight:600;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Playfair-Display/600-normal/600-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/600-normal/600-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/600-normal/600-normal.ttf) format('truetype')
}
@font-face {
font-family:'Playfair Display';
font-weight:700;
font-style:normal;
font-display:swap;
src:url(https://arad.se/storage/fonts_cache/Playfair-Display/700-normal/700-normal.woff2) format('woff2'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/700-normal/700-normal.woff) format('woff'),
url(https://arad.se/storage/fonts_cache/Playfair-Display/700-normal/700-normal.ttf) format('truetype')
} html {
box-sizing: border-box;
max-width: 100%; overflow-x: hidden; }
*,
*:before, 
*:after { box-sizing: inherit;
}
body {
background-color: #111; !important overflow-x: hidden; max-width: 100%; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.widget ul,
.widget ol {
margin: 0;
padding: 0 0 0 1em
}
.comments-area ol {
list-style: none;
padding: 0
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; vertical-align: baseline;
}
figure {
margin: 1em 0; }
table {
font-family: sans-serif;
margin: 0 0 1.5em;
width: 100%;
font-size: 14px;
}
table th {
border-bottom: 2px solid;
padding: 10px;
text-align: left
}
table td {
padding: 10px 10px 0;
} label {
font-size: 14px;
color: #9e9e9e;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background-color: #e6e6e6;
padding: 8px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 8px;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #000000;
clip: auto !important;
clip-path: none;
color: #ffffff;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } a {
color: #e1a87a; }
a:hover,
a:focus,
a:active {
color: #e1a87a; }
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.navigation:before,
.navigation:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.wrapper:after,
.navigation:after {
clear: both;
} body { margin-left: auto;
margin-right: auto;
}
.site-content {
margin-bottom: 50px;
max-width: 540px; margin-left: auto; margin-right: auto; }  .site-header {
padding: 25px 0 50px 0;
}
.site-title {
margin: 0;
line-height: 1;
font-size: 14px;
font-weight: 500
}
.site-title a {
text-decoration: none;
color: #ffffff; }
.site-branding {
float: left;
padding-top: 20px
} .menu-1 {
font-size: 14px;
line-height: 1;
}
.menu-1 {
display: block;
float: right;
}
.menu-1 ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.menu-1 li {
float: left;
position: relative;
}
.menu-1 a {
display: block;
text-decoration: none;
color: #525252; padding: 20px 0 20px 30px;
}
.menu-1 a:hover {
color: #eeeeee; } .post-thumbnail {
margin-bottom: 32px
}
.entry-header {
margin-bottom: 32px
}
.entry-title {
font-size: 30px;
margin: 0;
}
.entry-title a {
text-decoration: none;
color: #ffffff; }
.entry-title a:hover {
color: #eeeeee; }
.more-link {
text-decoration: none;
} .blog article {
border-bottom: 1px solid #111; padding-bottom: 34px;
margin-bottom: 50px;
}
.blog article:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.posts-navigation {
border-top: 1px solid #111; padding-top: 50px;
margin: 34px 0 50px;
}
.posts-navigation a {
text-decoration: none
}
.nav-previous,
.nav-next {
width: 50%;
display: inline-block;
}
.nav-next {
text-align: right;
} .comments-area {
padding-top: 25px;
border-top: 1px solid #eaeaea;
margin-top: 25px;
}
.comments-area .comment-body {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
margin-bottom: 20px;
}
.comments-area ul.children {
margin: 0 0 0 25px;
padding: 0;
list-style: none;
}
.comments-area .children .comment-body  {
padding: 0 0 25px 0;
margin: 25px 0;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-meta {
margin-bottom: 16px
}
.comment-meta a {
text-decoration: none
}
.comment-author a {
color: #303135;
text-decoration: none;
font-weight: bold;
}
.comment-author img {
display: none
}
.comment-author cite {
font-style: normal;
color: #303135;
font-weight: bold
}
.comment-metadata a {
color: gray;
font-size: 14px;
}
.logged-in-as a {
text-decoration: none;
color: gray;
font-size: 14px
}
.comment-reply-link {
text-decoration: none
}
#cancel-comment-reply-link {
text-decoration: none;
color: #bb0404;
font-weight: normal;
font-style: italic;
float: right;
}
.comment-respond input {
width: 100%;
}
.comment-form-author {
width: 47.5%;
float: left;
margin-right: 5%;
}
.comment-form-email {
width: 47.5%;
float: left;
}
.comment-reply-title {
margin: 50px 0 5px 0;
} .site-footer {
border-top: 1px solid #111; padding: 25px 0;
font-size: 14px;
} footer {
display: flex !important;
justify-content: center;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
font-size: 14px
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .archives__heading {
font-size: 24px;
margin-top: 0;
margin-bottom: 25px
}
.archives__list {
list-style: none;
padding: 0
}
.archives__list li {
padding: 5px 0;
font-size: 14px;
}
.archives__list li a {
max-width: 50%;
display: inline-block;
text-decoration: none;
}
.archives__list li span {
color: #a9a9a9;
max-width: 25%;
display: inline-block;
float: right;
text-align: right;
} @media screen and (max-width: 640px) {
body {
padding: 0 5%
}
}  * {
box-sizing: border-box; }
.toc-50 {
top: 50px !important; }
.toc {
position: fixed;
font-family: var(--font-sans); left: 3em;
top: 250px; padding: 1em;
width: 15em;
line-height: 2; 
transition: all 1s cubic-bezier(.19,1,.22,1);
overflow: auto;}
.toc ul {
list-style: none;
padding: 0;
margin: 0; }
.toc ul ul {
padding-left: 2em; }
.toc li a {
display: inline-block;
color: #aaa;
text-decoration: none;
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
.toc li.visible > a {
color: #fff;
-webkit-transform: translate(5px);
-ms-transform: translate(5px);
transform: translate(5px); }
.toc-marker {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
.toc-marker path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media only screen and (max-width: 1150px) { .toc {display: block; position: unset; margin: 2.5em 0;}
.toc li.visible > a { color: #aaa; transform: translate(0px);}
.toc-marker {display: none;}
aside ~ aside > nav {margin-top: -1em;}
#toc_container {display: none !important;} }
@media only screen and (max-width: 1300px) { .toc {left: 1.5em;}
}
@media only screen and (max-width: 1220px) { .toc-longtext {left: 1em !important;}
}  @media only screen and (min-width: 1150px){
#toc_container {display: none !important;}
}  .blue-bubble {
padding: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
background: #2c333f;
color: #deeafd;
border-radius: 10px;
margin-bottom: 1.5em;
margin-top: 1em;
transition: 0.5s ease-out;
font-family: var(--font-sans) !important;
font-size: 16.5px;
}
.grey-bubble {
padding: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
background: #303136;
border-radius: 10px;
margin-bottom: 1.5em;
margin-top: 1em; transition: 0.5s ease-out;
font-family: var(--font-sans) !important;
font-size: 16.5px;
}
.dark .grey-bubble {	
background: #282a2f !important;	
color: #aaa !important; }
.yellow-bubble {
padding: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
background: #3b372b;
color: #fffcf2;
border-radius: 10px;
margin-bottom: 1.5em;
margin-top: 1em;
font-family: var(--font-sans) !important;
transition: 0.5s ease-out;
font-size: 16.5px;
}
.red-bubble {
padding: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
background: #3b2d30;
color: #ffe9e8;
border-radius: 10px;
margin-bottom: 1.5em;
margin-top: 1em;
font-family: var(--font-sans) !important;
transition: 0.5s ease-out;
font-size: 16.5px;
}
.green-bubble {
padding: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
background: #2d3b38;
color: #e8ffe9;
border-radius: 10px;
margin-bottom: 1.5em;
margin-top: 1em;
font-family: var(--font-sans) !important;
transition: 0.5s ease-out;
font-size: 16.5px;
}   body {
color: var(--bg-color);    
background-color: #111; background: #111; }
h1, h2, h3, h4, h5, h6, {
color: #d8d8d8 !important;
background-color: #1e1e1e !important;
background: #1e1e1e !important;
}  .unselect {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.overflow-visible {
overflow: visible;
}
rs-carousel-wrap {
overflow: visible;
}
@media only screen and (min-width: 650px) {
.has-fixed-layout {
width: 100% !important; }
}
.textarea {  
background-color: #2b2b2b !important;  
color: #ccc !important;  
border-color: #aaa !important;  
border: 1px solid #333 !important;  
overflow-wrap: break-word !important;  
overflow: scroll !important;  
overflow-x: hidden !important;  
box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;  
padding: 8px 12px !important;  
min-height: 200px !important;  
max-height: 200px !important;  
font-size: 0.9em !important;  
vertical-align: top !important;  
max-width: 600px !important;  
width: auto !important;
} .highlight {
background-color:#464400 !important;
color: #fffcf2 !important;
} .list {
list-style: none;
counter-reset: circle-counter;
padding-inline-start: .5rem;
margin-block-start: 1em !important;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.list-item {
counter-increment: circle-counter;
margin-bottom: 0.5rem; 
padding-inline-start: 1.5rem;
position: relative;
max-width: 70ch;
text-align: match-parent;
padding-left: 2.25rem;
margin-left: 0.25rem;
}
.list-item:before {
content: counter(circle-counter);
background-color: #dddddd20;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
position: absolute;
inset: 0 0 0 0;
border-radius: 50%;
font-size: .9em;
margin-top: 0.15rem;	
}
.list-item:last-child {
margin-bottom: 0;
} .hero-sticky {
position: -webkit-sticky !important; position: sticky !important;
top: 0 !important;
} .sticky-corner {
position: fixed;
left: 1.5em;
bottom: 1em;
color: #eeeeee45;
font-size: 0.75em;
}  .container {
padding: 0px;
}
.faq-drawer {
margin-bottom: 30px;
}
.faq-drawer__content-wrapper { line-height: 1.4em;
max-height: 0px;
overflow: hidden;
transition: 0.25s ease-in-out;
}
.faq-drawer__title { cursor: pointer;
display: block;
font-size: 1.25em;
font-weight: 700; position: relative;
margin-bottom: 0;
transition: all 0.25s ease-out;
}
.faq-drawer__title::after {
border-style: solid;
border-width: 1px 1px 0 0;
content: " ";
display: inline-block;
float: right;
height: 10px;
left: 2px;
position: relative;
right: 20px;
top: 10px;
transform: rotate(135deg);
transition: 0.35s ease-in-out;
vertical-align: top;
width: 10px;
} .faq-drawer__title:hover { 
color: #4E4B52  ;
}
.faq-drawer__trigger:checked
+ .faq-drawer__title
+ .faq-drawer__content-wrapper {
max-height: 350px;
}
.faq-drawer__trigger:checked + .faq-drawer__title::after {
transform: rotate(-45deg);
transition: 0.25s ease-in-out;
}
input[type="checkbox"] {
display: none;
}
@media only screen and (min-width: 950px) {
.container {
margin-left: -10%;
}
}
@media only screen and (min-width: 1150px) {
.container {
margin-left: -20%;
}
} .collapsible {
display: inline-flex;
align-items: center;
color: #e1a87a;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none; font-size: 15px;
font-weight: bold;
font-family: 'Lato' !important;
text-decoration: none;
background-color: transparent;
}
.active,
.collapsible:hover {
background-color: transparent;
}
.collapsible:hover {
}
.collapsible:before {
content: "\FF0B";
color: #e1a87a;
font-weight: bold;
float: left;
margin-right: 0.6em;
border-radius: 50%;
padding: 0.7rem;
background-color: transparent;
border: 2px #4e4e4e solid;
height: 0.7rem;
width: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.collapsible:hover::before {
background-color: #2e2e2e !important;
text-decoration: none !important;
}
.active:before {
content: "\2212";
}
.content {
padding-left: 3em;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: transparent;
margin-bottom: 0.5em;
}
.content > p:last-child {
margin-bottom: 0.1em;
} .collapsible-2 {
display: inline-flex;
align-items: center;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
font-weight: bold;
font-family: 'Lato', sans-serif;
text-decoration: none;
background-color: transparent;
padding: 4px 8px;
}
.collapsible-2:before {
content: "\25C0\FE0E";
transform: rotate(180deg);
color: var(--grey01);
font-weight: bold;
float: left;
margin-right: 0.6em;
border-radius: 50%;
padding: 0.7rem;
background-color: transparent;
border: none;
height: 0.7rem;
width: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1em;
transition: transform 0.2s ease-out;
margin-top: 3px;
scale: 0.7;
}
.active-2:before {
transform: rotate(270deg);
transition: transform 0.2s ease-out;
}
.content-2 {
padding-left: 2.5em;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: transparent;
margin-top: 0.5em;
color: var(--grey01);
}
.collapsible-2.active-2 + .content-2 {
margin-bottom: 1em;
}
.content-2 > p:last-child {
margin-bottom: 0;
}
.content-2 > p {
margin: 0 0 1em;
}
.collapsible-2 ~ p {
margin: 0.75em 0 1.5em;
} .footer-container {
margin: 0 auto;
max-width: 900px;
padding: 0 22px;
letter-spacing: -0.01em;
line-height: 1.33;
font-family: Lato, serif;
margin: 2em 2em 2em 1.5em;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
-moz-osx-font-smoothing: grayscale;
}
.footer-left {
display: flex;
align-items: center;
margin-bottom: 7px;
}
.footer-right {
display: block;
float: right;
font-size: 0.84rem;
margin-left: 2em;
color: #919191;
}
.footer-right-top {
margin-bottom: 7px;
border-bottom: 1px solid #444;
padding-bottom: 1em;
}
.footer-bot-left {
display: block;
float: right;
font-size: 0.8rem;
margin-top: 5px;
margin-left: 7px;
color: #eee;
opacity: 0.3;
}
.footer-links {
display: flex;
justify-content: flex-start;
color: #e1a87a !important;
}
.footer-mini-link { margin-right: 17px; display: inline-block;
margin-top: 5px;
white-space: nowrap;
text-decoration: none;
}
.footer-mini-link:last-child {
border-right: none;
margin-top: 5px;
}
@media only screen and (max-width: 800px){
.footer-right {margin-left: 1em; margin-right: -1em;} .footer-bot-left {display: none}
.footer-links {justify-content: center}
}
@media only screen and (max-width: 700px){
.footer-container {flax-wrap: wrap; align-content: center; justify-content: center; text-align: center; margin: 0; align-items: center; margin-bottom: 1.5em !important;}
.footer-left {margin-left: 0; margin-bottom: 13px;}
.footer-container {flex-direction: column}
.footer-logo {margin: 0 0 0 0 !important}
.footer-right-top {min-width: 8em}
.footer-right {margin-left: 0em; margin-right: 0em;}
.footer-mini-link:last-child {margin-right: 0px; padding-right: 0px;}
}
@media only screen and (max-width: 400px){
.footer-container {padding: 0;}
} .consent-wall {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
animation: fade-in 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal none running;
animation-fill-mode: backwards;
}
.consent-wall-modal {
background-color: #2b2b2b;
border-radius: 10px;
max-width: 550px;
height: auto;
text-align: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 0.75rem;
transition: 0.3s;
animation: slide-up 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal none running;
animation-fill-mode: backwards !important;
font-family: var(--font-sans);
width: 585px;
max-height: 80%;
max-width: 95%; overflow-y: hidden;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 400px) and (max-width: 650px) {
.consent-wall-modal {margin: 1rem;}
}
@media only screen and (max-width: 650px) {
.consent-wall-modal, .consent-wall {animation: fade-in 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal none running; animation-fill-mode: backwards;}
}
@media only screen and (max-height: 700px) and (max-width: 400px) {
.consent-wall-modal {margin: 0; width: 100%; display: flex; flex-direction: column; overflow: scroll;}
.consent-wall-header {margin-bottom: 2rem; }
}
.consent-wall-header {
font-size: 29px; margin-bottom: 0.5rem;
color: #ddd !important;
margin-top: 0.5em !important;
font-family: var(--font-serif-2);
text-align: center !important;
padding: 30px 40px 0 40px;
}
.wall-message {  padding: 0 60px 30px 60px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
text-align: left;
line-height: 1.2;
font-family: var(--font-sans);
font-size: 0.9em;
color: #ddd;
}
.wall-message p, .wall-grey {
font-size: 1rem;
color: #959595 !important;
line-height: 1.5;
font-family: -apple-system, BlinkMacSystemFont, "Open Sans", Helvetica, Arial, sans-serif;
justify-content: flex-start;
}
.wall-intro {
margin: 1em 0 1.25em 0;
}
.red-line-container {
position: relative;
}
.red-line {
position: absolute;
top: 10px;
right: 0px;
width: 100%;
height: 3px;
background-color: red;
transform-origin: top right;
animation: crossOut 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
rotate: -12deg; border-radius: 1em;
animation-delay: 1.75s !important;
animation-fill-mode: backwards;
}
@keyframes crossOut {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
} .wall-message span {
display: flex;
align-items: center;
flex-direction: row;
padding: 0.33rem 0;
}
.pen-icon, .computer-icon {
font-family: var(--font-sans);
font-size: 14.85px;
line-height: 1.35;
color: #ddd;
}
.pen-icon:before {
content: "";
display: inline-flex;
align-items: center;
width: 2em;
height: 24px;
margin: -2px 1em 0 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2635 2.29289C20.873 1.90237 20.2398 1.90237 19.8493 2.29289L18.9769 3.16525C17.8618 2.63254 16.4857 2.82801 15.5621 3.75165L4.95549 14.3582L10.6123 20.0151L21.2189 9.4085C22.1426 8.48486 22.338 7.1088 21.8053 5.99367L22.6777 5.12132C23.0682 4.7308 23.0682 4.09763 22.6777 3.70711L21.2635 2.29289ZM16.9955 10.8035L10.6123 17.1867L7.78392 14.3582L14.1671 7.9751L16.9955 10.8035ZM18.8138 8.98525L19.8047 7.99429C20.1953 7.60376 20.1953 6.9706 19.8047 6.58007L18.3905 5.16586C18 4.77534 17.3668 4.77534 16.9763 5.16586L15.9853 6.15683L18.8138 8.98525Z' fill='%23ddd' /%3E%3Cpath d='M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z' fill='%23ddd' /%3E%3C/svg%3E");
background-repeat: no-repeat;
overflow: visible;
}
.computer-icon:before {
content: "";
display: inline-flex;
align-items: center;
width: 2em;
height: 24px;
margin: -2px 1em 0 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 17H4C2.34315 17 1 15.6569 1 14V6C1 4.34315 2.34315 3 4 3H20C21.6569 3 23 4.34315 23 6V14C23 15.6569 21.6569 17 20 17H13V19H16C16.5523 19 17 19.4477 17 20C17 20.5523 16.5523 21 16 21H8C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19H11V17ZM4 5H20C20.5523 5 21 5.44772 21 6V14C21 14.5523 20.5523 15 20 15H4C3.44772 15 3 14.5523 3 14V6C3 5.44772 3.44772 5 4 5Z' fill='%23eee' /%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.external-icon:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
margin: -5px 2px 0 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6396 7.02527H12.0181V5.02527H19.0181V12.0253H17.0181V8.47528L12.1042 13.3892L10.6899 11.975L15.6396 7.02527Z' fill='%23e1a87a' stroke='%23000000' stroke-width='0.5' /%3E%3Cpath d='M10.9819 6.97473H4.98193V18.9747H16.9819V12.9747H14.9819V16.9747H6.98193V8.97473H10.9819V6.97473Z' fill='%23e1a87a' stroke='%23000000' stroke-width='0.5' /%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.scale-symbol {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.25' width='24' height='24' color='%23fffcf2'%3E%3Cdefs%3E%3Cstyle%3E.cls-6375f1aeb67f094e4896c9dd-1,.cls-6375f1aeb67f094e4896c9dd-2%7Bfill:none;stroke:currentColor;stroke-miterlimit:10;%7D.cls-6375f1aeb67f094e4896c9dd-1%7Bstroke-linecap:square;%7D%3C/style%3E%3C/defs%3E%3Cg id='balance'%3E%3Cpath class='cls-6375f1aeb67f094e4896c9dd-1' d='M1.46,12.94H8.17a0,0,0,0,1,0,0v.73a3.11,3.11,0,0,1-3.11,3.11h-.5a3.11,3.11,0,0,1-3.11-3.11v-.73A0,0,0,0,1,1.46,12.94Z'%3E%3C/path%3E%3Cpath class='cls-6375f1aeb67f094e4896c9dd-2' d='M.5,5.27H5.92a3.18,3.18,0,0,0,2.29-1h0a3.24,3.24,0,0,1,2.29-1h3a3.27,3.27,0,0,1,2.31,1h0a3.27,3.27,0,0,0,2.32,1H23.5'%3E%3C/path%3E%3Cline class='cls-6375f1aeb67f094e4896c9dd-2' x1='12' y1='0.48' x2='12' y2='22.52'%3E%3C/line%3E%3Cline class='cls-6375f1aeb67f094e4896c9dd-2' x1='17.75' y1='22.52' x2='6.25' y2='22.52'%3E%3C/line%3E%3Cpolygon class='cls-6375f1aeb67f094e4896c9dd-1' points='5.29 5.27 4.33 5.27 1.46 11.98 1.46 12.94 8.17 12.94 8.17 11.98 5.29 5.27'%3E%3C/polygon%3E%3Cpath class='cls-6375f1aeb67f094e4896c9dd-1' d='M15.83,12.94h6.71a0,0,0,0,1,0,0v.73a3.11,3.11,0,0,1-3.11,3.11h-.5a3.11,3.11,0,0,1-3.11-3.11v-.73a0,0,0,0,1,0,0Z'%3E%3C/path%3E%3Cpolygon class='cls-6375f1aeb67f094e4896c9dd-1' points='19.67 5.27 18.71 5.27 15.83 11.98 15.83 12.94 22.54 12.94 22.54 11.98 19.67 5.27'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
display: inline-flex;
position: relative;
line-height: normal;
vertical-align: middle;
margin-right: 30px;
margin-top: -5px;
scale: 1.5;
opacity: 0.5;
padding-left: 0.5rem;
}
.jurist {padding: clamp(1em, 1rem + 0.79vw, 1rem) !important;display: flex;flex-direction: row; transition: 0.5s ease-out;} .wall-bottom {
background-color: #222;
padding: 20px 40px;
}
.wall-buttons {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0.5em;
}
@media only screen and (max-width: 500px){
.wall-buttons {flex-direction: column;}
.wall-button {margin-bottom: 1em; margin-right: 0px !important;}
.wall-message span {flex-wrap: wrap;}
.cookie-text {margin-top: 0.8em !important; font-size: 0.8rem !important; margin-bottom: 0; line-height: 1.4 !important;} 
.wall-grey {margin-left: 0em !important;}
.pen-icon > span {padding-left: 0 !important;}
.pen-icon:before {width: 2em !important;}
.wall-message {padding: 0 40px 20px 40px;}
.consent-wall-modal {max-height: 95%}
.wall-bottom {padding: 10px 40px 10px 40px;}
.wall-button-no {margin-bottom: 0;}
.consent-wall-header {margin-top: 0.2em !important;}
.computer-icon:before, .pen-icon:before {margin: -2px 0.5em 0 0;} } .wall-button {
font-size: 12px;
border-radius: 5px;
background-color: #b3d4fc;
color: #000;
text-transform: uppercase;
font-weight: bold;
line-height: 20px;
text-shadow: none;
border: none;
width: 100%;
max-width: 255px;
align-items: center;
border-bottom: 0;
cursor: pointer;
display: table-cell;
white-space: nowrap;
justify-content: center;
padding: 1em 2em;
transition: .3s ease;
}
.wall-button-yes:hover, .wall-button-no:hover { background-color: #e1a87a;
transition: .3s ease;
}
.wall-button:active {
background-color: #e1a87a;
}
.wall-button-yes {
background-color: #a29790; margin-right: 15px;
}
.wall-button-no {
background-color: #a29790; color: #000; border: none;
} 
.cookie-text {
font-size: 0.8rem;
color: #777 !important;
margin-top: 1rem;
margin-bottom: 0;
line-height: 1.4;
}
@keyframes slide-up {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @keyframes pop-up {
from {
opacity: 0;
transform: scale(0.7);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fade-in { from {opacity: 0;}to { opacity: 1; } }
.fade-in {animation: fade-in 0.3s ease;}
.header-container {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
margin: 0 0 35px; }
.header-logo {
width: 276px !important;
height: 157px;
margin: 22px 35px -0.5em 50px !important; user-select: none;
box-sizing: border-box;
display: flex;
animation-name: pop-up;
animation-duration: 0.6s; 
animation-timing-function: ease;
animation-fill-mode: both;
animation-delay: 0s; 
}
.header-logo-anim {
animation-name: pop-up;
animation-duration: 0.6s;
animation-timing-function: ease;
animation-fill-mode: both;
}
.header-nav {
display: flex;
font-family: -apple-system, BlinkMacSystemFont, lato, sans-serif;
width: max-content; margin-top: 22.5px; justify-content: space-evenly;
flex-wrap: wrap;
gap: 1.5rem;
margin-right: 0; font-size: 16px;
}
.header-nav a {
color: #888;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
transition: 0.3s ease-in-out;
transition: opacity 0.5s ease-out;
animation-name: fade-in;
animation-duration: 0.75s;
animation-timing-function: ease-in-out;
animation-delay: 0.2s;
animation-fill-mode: backwards;
padding-bottom: 3px;
}
.reader-friendly .header-nav a {opacity: 0.5 !important}
.header-nav a:nth-child(2) {
animation-delay: 0.25s;
}
.header-nav a:nth-child(3) {
animation-delay: 0.3s;
}
.header-nav a:hover {
color: #e1a87a;
transition: 0.3s ease-in-out;
cursor: pointer;
}
@media only screen and (max-width: 1075px){
.header-logo {scale: 0.9; margin: -0.5em 0 -0.5em 0.5em !important;}
.header-nav {margin-top: 15px; margin-right: 0em}	
.header-container {margin: 35px 0;} } .SE-flag:after {
content: "";
display: inline-flex;
align-self: center;
width: 24px;
height: 24px;
margin-left: 0.5em;
background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23 4H10V11H23V4Z' fill='currentColor'/><path d='M23 13V20H10V13H23Z' fill='currentColor'/><path d='M8 13V20H1V13H8Z' fill='currentColor'/><path d='M1 11V4H8V11H1Z' fill='currentColor'/></svg>");
background-repeat: no-repeat;
} .post-title {
font-size: 45px;
margin-top: -0.1em;
}
.post-date {
color: var(--grey01);
font-family: Lato;
font-size: 10pt;
margin: -1em 0 2em 0;
} .pre-title {
display: block;
text-align: center;
color: var(--grey02);
font-family: var(--font-sans);
font-size: 0.5em;
font-weight: 500;
}
.post-title-LUB {
font-size: 45px;
display: block;
text-align: center;
margin-top: 0;
}
.post-date-LUB-addon {
display: block;
text-align: center;
}
@media only screen and (max-width: 699px) {.post-title-LUB {font-size: 40px}}
pre code.hljs {
border-radius: 1em;
} .serif p:not(.post-date), .serif ol, .serif .bullets {
font-family: var(--font-serif);
font-size: 18px; line-height: 1.45; margin: 0;
padding-bottom: 16px;
}
.lightmode { background-color: #F6F6F4; transition: background 0.7s ease-out;
}
.lightmode.lightmode-fast, .lightmode.serif-fast {
transition: none !important;
} .serif .explainer-box-text > p { margin-bottom: 0.75em;} .lightmode .header-logo, .lightmode .footer-left img, .lightmode .footer-right, .lightmode .link-feature, .lightmode .collapsible-2, .lightmode .collapsible, .lightmode .alert-circle::before, .lightmode .citation-block::before, .lightmode .citation-block::after, .blog-quote .blog-quote_border, .lightmode blockquote.blog-quote, .lightmode .no-filter, .lightmode .bullets li a, .lightmode .content, .lightmode .content-2, .lightmode .scale-symbol {filter: invert(100%);}
.lightmode b, .lightmode h1, .lightmode h2, .lightmode h3, .lightmode h4, .lightmode h5, .lightmode h6, .lightmode span:not(.hljs > span, .learnmore-text) {color: var(--dark-text-color)}
.lightmode p, .lightmode ol, .lightmode .bullets, .lightmode ul {color: var(--light-text-color)}
.lightmode .header-nav a:hover {color: #0c5696;}
.lightmode:not(.serif) b, .lightmode:not(.serif) strong, .lightmode .bullets li a {font-weight: 700; color: var(--light-text-color);}
.lightmode .collapsible:hover::before {background-color: #1e1e1e !important; } .lightmode .grey-bubble, .lightmode .blue-bubble, .lightmode .yellow-bubble, .lightmode .red-bubble, .lightmode .green-bubble, .lightmode .citation-block {color: var(--dark-text-color) !important;}
.lightmode .grey-bubble a, .lightmode .blue-bubble a, .lightmode .yellow-bubble a, .lightmode .red-bubble a, .lightmode .green-bubble a {color: #0c5696; font-weight: 700;}
.lightmode .grey-bubble, .lightmode .citation-block {background: #00000015 !important;} 
.lightmode .blue-bubble, .lightmode .learnmore-card {background: #a3bee85e !important;} 
.lightmode .yellow-bubble {background: #fbf1d4 !important;} 
.lightmode .red-bubble {background: #ffe4ea !important;}
.lightmode .green-bubble {background: #d2ecde !important;} 
.lightmode .learnmore-button {background-color: #ffffff60;} 
.lightmode .learnmore-button:hover {filter: brightness(110%);} .lightmode p a, .lightmode .modern-footnotes-footnote a, .lightmode .modern-footnotes-list a {color: #0c5696; font-weight: 700;}
.lightmode .modern-footnotes-footnote__note--tooltip {margin-top: -2.5em; background: #eee; font-family: var(--font-sans)}
.lightmode .modern-footnotes-list li {color: #333}
.lightmode .toc {filter: invert(100%);}
.modern-footnotes-list {font-family: var(--font-sans); line-height: 22.5px; font-size: 13px}
.lightmode .modern-footnotes-footnote__note {color: var(--grey02) !important; font-family: var(--font-sans); font-size: 0.7em;}
@media only screen and (min-width: 800px) {.lightmode .modern-footnotes-footnote__note {color: var(--dark-text-color) !important; }}
.lightmode #toc_container {background: #00000015 !important; color: var(--dark-text-color) !important;}
.lightmode .toc_title a, .lightmode .toc_list > li > a, .lightmode div#toc_container p.toc_title {color: var(--dark-text-color) !important}
.lightmode .toc_toggle a, div#toc_container p.toc_title a, div#toc_container ul.toc_list a {color: #0c5696;}
.lightmode .content > p > a {color: #e1a87a}  .serif .DN-link { font-size: 16px}
.serif .undertitle {font-size: 35px;}
.lightmode .DN-svg {filter: drop-shadow(1px 3px 5.5px rgba(1, 1, 1, 0.6)) contrast(1.25)} .lightmode .explainer-box {background-color: #eee } .lightmode .explainer-box-text::before {background-image: linear-gradient(to bottom, rgba(238, 238, 238, .15), rgba(238, 238, 238, .3), rgba(238, 238, 238, .5), rgba(238, 238, 238, .65), rgba(238, 238, 238, .75), rgba(238, 238, 238, .85), rgba(238, 238, 238, .95));}
.lightmode .read-more-button {filter: invert(100%);} .lightmode .blog-quote_border  {color: #222 !important} .lightmode .list-item:before {background-color: #dddddd75;}
.lightmode .sticky-corner {color: var(--grey02)} .main-toggles {
margin: 1em 0;
display: flex;
flex-direction: row-reverse;
justify-content: space-evenly;
position: fixed;
right: min(5vw, 150px); top: 245px; width: 175px;
transition: top 1s cubic-bezier(.19,1,.22,1), opacity 1.25s cubic-bezier(.19,1,.22,1);
}
.main-toggle-button, .main-toggle-button:focus {
width: 50%;
background: none;
transition: filter 0.3s ease, border 0.3s ease;
border: dotted 1px #91919100; padding: 0;
border-radius: 8px;
margin: 0 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height: 60px;
}
.main-toggle-button:hover {
filter: brightness(125%);
border: dotted 1px #91919175;
transition: filter 0.3s ease, border 0.3s ease;
}
.lightmode .main-toggle-button:hover {
filter: brightness(50%);
} @media only screen and (max-width: 1150px) {
.main-toggles {flex-direction: column-reverse; position: absolute; right: 1.5em; width: 80px; top: calc(var(--toggle-top-distance) - 84px) !important; opacity: 1 !important; pointer-events: auto !important;}
#mobile-overview .main-toggles, .mobile-no-ToC .main-toggles {display: flex !important;}
#mobile-overview .toc {margin: 0}
.main-toggles:not(#mobile-overview) {display: none}
}	
#mobile-overview, .mobile-no-ToC {display: flex; flex-direction: row; justify-content: space-between;}
#mobile-overview .main-toggles {display: none; position: relative; top: unset !important; transition: none; margin: 0; justify-content: center; gap: 0.5em;}
.main-toggle-button, .main-toggle-button:focus {width: 100%;  } .mobile-no-ToC .main-toggles {display: none; gap: 0; flex-direction: row; width: 100%; justify-content: flex-start; margin: 0 0 1em;   right: unset !important; position: relative; top: unset !important;}
.serif-icon {
background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg width="100%25" height="100%25" viewBox="0 0 695 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3E%3Cg transform="matrix(2.77778,0,0,2.77778,0,0)"%3E%3Cg transform="matrix(0.36,-0,-0,0.36,0,0)"%3E%3Cuse xlink:href="%23_Image1" x="3.737" y="6.708" width="687px" height="543px"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cimage id="_Image1" width="687px" height="543px" xlink:href="data:image/png;base64,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8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQA3xCgBADfEKAEAN8QoAQI3LpwcAwAF7aZLfTPKaJK8a3tLuNUn+OskXkvxPkhOzc5giXgFgN16WbWC9JslrT//nr4wuOiyvTvKPp//7Y0luzDZkn/r4ZpJTM9NYkngFgAv38jwzUl+b5BdHFx2Xn0ryutMfT7k/z4zZ/0hy9/LT2DfxCgDn9tIkv5vk95P8TpJXzs7hefxckt87/fGU25LckORzST6b5OtxOltPvALAc12W5NeTvDHbYH1dkheMLuJi/NLpjz86/c93Jrku25C9LsnNEbN1LpsewNF7c5Krp0dwwV6S5MHpEbBjL832VPWN2Z7evWJ2Dgu4I8+MWffNFhCvTBOvncQrh+CyJL+WH52uvj5OV4/dd/OjmP1Mkm+PruF5iVemiddO4pVmv5rkrUn+JO5d5ey+lOSq0x83DW/hNPHKNPHaSbzS5heS/HG20fobw1vodFN+FLL/GbcXjBGvTBOvncQrDX4myR9kG6xviHeVZHe+nW3EfjjJvyV5YnbOcRGvTBOvncQra3V5to+0emu24frTs3M4Avck+Ui2MXttksdn5xw+8co08dpJvLIml2X7JgF/luQt2b6BAEy4K8nbTn/cObzlYIlXponXTuKVNfjlJH+a7Snrq4e3wI87keT9Sf4u23f6Yofc/wNAk59N8ldJrk9yS5K/jXBlfX4y2x+svpDk37N9seALRxcdEO+wBcDavSjJm7I9YX1TRABdfvv0x/eS/EOSf05y9+iick5eAVir1yX5p2zvHfxQti/AEq60ekW2vyn4TpJNtm+QwUVw8grAWr0t/oLn8LwwyZ8neXGSPxzeUsnJKwAANcQrAAA1xCsAADXEKwAANcQrAAA1xCsAADXEKwAANcQrAAA1xCsAADXEKwAANcQrAAA1xCsAADXEKwAANcQrAAA1xCsAADXEKwAANcQrAAA1xCsAADUunx7A0bstyd9Pj+CCnZgeAMBxumx6AACcwSuTvHB6BOzJw0nunB7R6P8BAjF3H2kggXEAAAAASUVORK5CYII="/%3E%3C/defs%3E%3C/svg%3E%0A');
width: 100%;
height: 100%;
margin: 2px 0 5px 0;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
scale: 0.8;
transition: 0.3s ease;
}
.serif-icon-container, .lightmode-icon-container {width: 100%; height:100%; opacity: 0.25; transition: 0.3s ease; padding: 8px 0;}
.serif-icon-container:hover, .serif.serif-icon-container, .lightmode.serif-icon-container, 
.lightmode-icon-container:hover, .lightmode.lightmode-icon-container, .lightmode.serif-icon-container, {
opacity: 0.67;
transition: 0.3s ease;
}
.lightmode-icon {
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' width='35' height='35' color='%23000000'%3E%3Cdefs%3E%3Cstyle%3E.cls-637b8b31f95e86b59c57a2a1-1%7Bfill:none%3Bstroke:currentColor%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='12' y1='0.5' x2='12' y2='2.42'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='12' y1='21.58' x2='12' y2='23.5'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='23.5' y1='12' x2='21.58' y2='12'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='2.42' y1='12' x2='0.5' y2='12'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='12' y1='0.5' x2='12' y2='2.42'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='12' y1='21.58' x2='12' y2='23.5'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='23.5' y1='12' x2='21.58' y2='12'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='2.42' y1='12' x2='0.5' y2='12'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='20.13' y1='3.87' x2='18.78' y2='5.22'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='5.22' y1='18.78' x2='3.87' y2='20.13'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='20.13' y1='20.13' x2='18.78' y2='18.78'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='5.22' y1='5.22' x2='3.87' y2='3.87'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='20.13' y1='3.87' x2='18.78' y2='5.22'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='5.22' y1='18.78' x2='3.87' y2='20.13'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='20.13' y1='20.13' x2='18.78' y2='18.78'%3E%3C/line%3E%3Cline class='cls-637b8b31f95e86b59c57a2a1-1' x1='5.22' y1='5.22' x2='3.87' y2='3.87'%3E%3C/line%3E%3Ccircle class='cls-637b8b31f95e86b59c57a2a1-1' cx='12' cy='12' r='6.71'%3E%3C/circle%3E%3C/svg%3E");
width: 100%;
height: 100%;
margin: 2px 0 5px 0;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transition: 0.3s ease;
}
.serif #serifBtn {
background-color:#bbbbbb20;
border:none;
}
.lightmode #lightmodeBtn, .lightmode.serif #serifBtn{
background-color:#bbbbbb30;
border:none;
}
body:not(.lightmode) .serif-icon, body:not(.lightmode) .lightmode-icon {
filter: invert(100%);
} .citation-block {
position: relative;
margin-bottom: 1.5em;
color: #ddd;
}
.citation-block:before {
content: "";
position: absolute;
font-size: 2.5rem;
left: 1rem;
top: 0.7rem;
font-family: serif;
color: #ddd;
content: "“";
}
.citation-block:after {
content: "";
position: absolute;
font-size: 2.5rem;
right: 1rem;
bottom: 0.7rem;
font-family: serif;
color: #ddd;
content: "„";
}
.citation-block {
padding: 1.5rem 3.5rem 2rem 3.5rem;
background: #303136;
color: #ddd;
border-radius: 10px;
position: relative;
}
.citation-block strong {
margin-top: 1rem !important;
display: block;
}
.citation-block div {
margin-bottom: 1rem;
} blockquote.modern {
font: 16px/22px normal var(--font-sans);
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #ccc;
} blockquote.blog-quote{
padding: 16px 0 32px;
font-family: var(--font-serif);
font-size: 1.75rem;
font-weight: 700;
letter-spacing: normal;
line-height: 2.125rem;
margin: 0;
position: relative;
}
.blog-quote .blog-quote_border {
background: currentColor;
color: var(--grey01);
display: block;
height: 8px;
margin: 0 0 8px;
width: 40px;
} .explainer-box {
max-width: 640px;
background-color: #282828; color: #ffffff;
padding: 10px;
font-size: 16.5px;
}
.explainer-box + p {
margin-top: 1.5em !important;
}
.explainer-box-content {
position: relative;
margin: 0 0.5em;
font-family: var(--font-sans);
}
.explainer-box-title {
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1.15;
margin-top: 0.5rem;
margin-bottom: 8px;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-family: var(--font-serif2);
}
.explainer-box-text {
max-height: 50px; overflow: hidden;
position: relative;
line-height: 1.4375;
color: var(--grey02);
}
.explainer-box-text:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px; 
background-image: linear-gradient(to bottom, rgba(40,40,40,.15),rgba(40,40,40,.3),rgba(40,40,40,.5),rgba(40,40,40,.65),rgba(40,40,40,.75),rgba(40,40,40,.85),rgba(40,40,40,.95)); z-index: 1;
}
.explainer-box-text.expanded:before {
display: none;
}
.explainer-box-text > p:first-child {
margin-top: 0px;
}
.explainer-box-text > p:last-child {
margin-bottom: 0.5em;
}
.explainer-box-footer {
text-align: left;
margin-top: 5px;
line-height: 1.5;
font-size: 0.8em;
font-family: var(--font-sans);
}
.read-more-button {
background-color: transparent;
color: #e1a87a;
border: none;
text-transform: uppercase;
cursor: pointer;
padding: 8px 0;
}
.read-more-button:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-bottom: -3px;
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' width='24' height='24' color='%23e1a87a'%3E%3Cdefs%3E%3Cstyle%3E.cls-63ce7424ea57ea6c8380057b-1%7Bfill:none;stroke:currentColor;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-63ce7424ea57ea6c8380057b-1' x1='12' y1='21.5' x2='12' y2='0.5'%3E%3C/line%3E%3Cpolyline class='cls-63ce7424ea57ea6c8380057b-1' points='4.36 13.86 12 21.5 19.64 13.86'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin-right: 5px;
}
.read-more-button:hover,
.read-more-button:before:hover {
filter: brightness(80%);
}
.explainer-expanded {
max-height: none !important;
}
.explainer-box-text.explainer-expanded:before {
display:none;
} .learnmore-card {padding: 2em 2em;border: none;border-radius: 1em;display: inline-flex;width: 100%;line-height: 1.2;flex-wrap: wrap;justify-content: space-between;align-content: space-between; margin: 0.5em 0 1.25em 0; background-color: #2c333f; transition: 0.7s ease-out;}
.learnmore-title {font-size: 1.75em;font-family: var(--font-serif-2);line-height: 1em; color: #c6ccd7;}
.learnmore-text {font-size: 90%;margin: 0.33em 0 1em;display: block;line-height: 1.2;}
.learnmore-button {font-size: 16px;line-height: 1.5;display: block;background-color: #ffffff10;border: none;border-radius: 0.75em; text-align: left;padding: 0.75em 2em; color: rgb(155, 155, 155);}
.learnmore-button:hover {filter: brightness(120%); animation: 0.3s ease-in-out}
.learnmore-card a:hover {text-decoration: none;}
@media only screen and (min-width: 550px){
.learnmore-text {margin: 0.33em 0 0;}
} .alert-red {
display: flex;
background-color: #502525;
width: 100vw;
margin: -35px 0 35px;
padding: 1.5em 0.5em 1.5em 1.5em;
color: #e3c4c4;
border-radius: 0 0 1em 1em;
justify-content: space-between;
align-items: center;
flex-direction: row;
font-family: var(--font-sans);
}
.alert-content {width: fit-content}
.alert-x {
width: 40px;
display: inline-block;
background-repeat: no-repeat;
height: 40px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23e3c4c4' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z' fill='%23964545' /%3E%3C/svg%3E");
margin: 0 0 0 0.5em;
cursor: pointer;
}