/* CSS styles for texts in PUBLIC and WYSIWYG */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
    color: #000;
}


/* TEXT STYLES */
h1 {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	font-size: 36pt;
	margin-top: 0;
	margin-bottom: 16pt;
	font-weight: 800;
    color: var(--H1color);
	line-height: 1.1;
	text-rendering: optimizelegibility;
}
h2 {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	margin-top: 32pt;
	font-size: 24pt;
	margin-bottom: 16pt;
	font-weight: 800;
    color: var(--H2color);
	line-height: 1.1;
	text-rendering: optimizelegibility;
}
h3 {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	font-size: 18pt;
	margin-top: 32pt;
	margin-bottom: 16pt;
	font-weight: 800;
    color: var(--H3color);
	line-height: 1.1;
	text-rendering: optimizelegibility;
}
h4 {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	font-size: 14pt;
	margin-top: 32pt;
	margin-bottom: 16pt;
	font-weight: 800;
    color: var(--H4color);
	line-height: 1.1;
	text-rendering: optimizelegibility;
}
p {
    font-family: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	font-size: 14pt;
	margin-top: 16pt;
	margin-bottom: 16pt;
	font-weight: 400;
	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: Montserrat, Verdana, Helvetica, Arial, "sans-serif"; 
	font-size: 14pt;
	margin-bottom: 8pt;
	font-weight: 400;
	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;
}




/* IMAGES */
/*
.aligncenter.size-full {
	max-width: 100%;
	height: auto;
	margin: 20px auto;
	box-shadow: 0 4px 4px #0003;
	display: block;
}
.alignright.size-full {
	float: right;
	margin: 0pt 0 20pt 3%;
	max-width: 30%;
	height: auto;
}
.wp-block-image .alignright img, .wp-block-image .alignleft img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	box-shadow: 3px 3px 6px #0003;
	border: solid 1px #FFF;
}
*/
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;
}







/* MORE */

/* YouTube videos */
.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;
}