@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:wght@700&display=swap");
body {
font-family: "Open Sans", Helvetica, Arial, "sans-serif"; 
color: #000;
} h1 {
font-family: Roboto, Helvetica, Arial, "sans-serif"; 
font-size: 36pt;
margin-top: 0;
margin-bottom: 16pt;
font-weight: 700;
color: var(--H1color);
line-height: 1.1;
text-rendering: optimizelegibility;
}
h2 {
font-family: Roboto, Helvetica, Arial, "sans-serif"; 
margin-top: 32pt;
font-size: 36pt;
margin-bottom: 16pt;
font-weight: 700;
color: var(--H2color);
line-height: 1.1;
text-rendering: optimizelegibility;
}
h3 {
font-family: Roboto, Helvetica, Arial, "sans-serif"; 
font-size: 24pt;
margin-top: 32pt;
margin-bottom: 16pt;
font-weight: 700;
color: var(--H3color);
line-height: 1.1;
text-rendering: optimizelegibility;
}
h4 {
font-family: Roboto, Helvetica, Arial, "sans-serif"; 
font-size: 18pt;
margin-top: 32pt;
margin-bottom: 16pt;
font-weight: 700;
color: var(--H4color);
line-height: 1.1;
text-rendering: optimizelegibility;
}
p {
font-family: "Open Sans", Helvetica, Arial, "sans-serif"; 
font-size: 12pt;
margin-top: 16pt;
margin-bottom: 16pt;
font-weight: 300;
text-align: justify;
line-height: 1.5;
color: var(--Pcolor);
text-rendering: optimizelegibility;
}
strong {
font-weight: 600;
}
ul {
padding-left: 28pt;
margin-bottom: 20px;
}
li {
font-family: "Open Sans", Helvetica, Arial, "sans-serif"; 
font-size: 12pt;
margin-bottom: 8pt;
font-weight: 300;
list-style: disclosure-closed;
color: var(--LIcolor);
line-height: 1.2;
text-rendering: optimizelegibility;
}
a, a:visited {
color: var(--Acolor);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}  a:hover img {
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
cursor: pointer;
}
.noshadow {
box-shadow: none !important;
}
hr.wp-block-separator {
clear: both;
margin: 40pt 0;
}  .innervideoframe {
width: 100%;
height: 404px;
box-shadow: 1px 1px 8px #0006;
border-radius: 6px;
margin: 8pt auto;
}
a.button:hover {
background-color: black;
text-decoration: none;
}
a.button {
background-color: var(--VIPred);
display: block;
padding: 10px;
border-radius: 4px;
color: white;
}
hr {
background-color: #CCC;
border: none;
height: 1px;
margin: 20px;
}