/*  Start Base (Position 2) */
html {
overflow-y: scroll;
/* Prevent "centering jumps on apge without scrollbars */
font-size: var(--base_font);
/* Base Font */
line-height: 1.6;
/* Base Line Height */
overflow-x: hidden;
/* Fixes the occasional horizontal scrolling issue on windows */
scroll-behavior: smooth;
}
/* Reduce motion sickness ... https://www.youtube.com/watch?time_continue=19&v=-7ENwVFOh_I  */
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}

body {
background: rgb(230, 230, 230);
font-family: "Muli", Helvetica, Verdana, sans-serif;
color: var(--almostwhite);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
/* Global Links - Chamge colours (vars) via theme.css */
a {
color: var(--orange);
outline: none;
text-decoration: none;
}

a:visited {
color: var(--orange);
}

a:active,
a:focus,
a:hover {
color: var(--almostblack);
text-decoration: underline;
}
/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {
background: url("../g/page_pdf.svg") no-repeat right top;
padding-right: 32px;
padding-bottom: 5px;
}
/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {
background: url("../g/page_word.svg") no-repeat right top;
padding-right: 32px;
padding-bottom: 5px;
}
/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".docx"] {
background: url("../g/page_word.svg") no-repeat right top;
padding-right: 32px;
padding-bottom: 5px;
}

#content a[href^="http:"] {
background: url("../g/extlink.png") no-repeat right top;
padding-right: 12px;
}
/* Clear icons on buttons */
a.button[href$=".pdf"] {
background-image: none;
}
/* Images */
/* Add fullscreen width to an inline image */
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
transition: all .2s ease-in-out;
}
/* Fig caption */
figure {
padding: 0;
display: table;
position: relative;
}

figure img {
display: block;
width: 100%;
}

figcaption {
caption-side: bottom;
/* display: table-caption; checkthis check this Linter error on other profiles */
padding: 10px 0;
margin-bottom: 5px;
color: rgb(132, 132, 132);
font-size: 80%;
}
/*Fig caption for centred images*/
figure.align_center figcaption {
display: inline;
width: 100%;
}

/* Round Images */
figure a.round img,a.round img{
border-radius: var(--round);
shape-outside: circle();
}

.align_left {
float: left;
margin: 0 1em .5em 0;
top: .5em;
max-width: 50%;
}

.align_right {
float: right;
margin: 0 0 .5em 1em;
max-width: 50%;
text-align: left;
}

.align_center {
display: block;
margin: 1em auto;
top: .5em;
width: 100%;
}
/* Add PDF Icon */
a[href$=".pdf"] {
background: url("../g/page_pdf.svg") no-repeat right top;
padding: 0 23px 0 2px;
margin-right: 6px;
}
/* Add Doc Icon */
a[href$=".doc"] {
background: url("../g/page_word.svg") no-repeat right top;
padding: 0 23px 0 2px;
margin-right: 6px;
}
/* Add DOCX Icon */
a[href$=".docx"] {
background: url("../g/page_wordx.svg") no-repeat right top;
padding: 0 23px 0 2px;
margin-right: 6px;
}
/* Add Exteral Link Icon */
#content a[href^="http:"] {
background: url("../g/extlink.png") no-repeat right top;
padding-right: 12px;
}
/* Clear icons if used on buttons */
a.button[href$=".pdf"],
a.button[href$=".doc"],
a.button[href$=".docx"] {
background-image: none;
}
/* Default Buttons */
.button,
a.button,
button {
cursor: pointer;
border-radius: 3px;
font-weight: 400;
padding: 15px 20px;
text-decoration: none;
/* display: inline-block; */
color: var(--almostwhite);
font-size: var(--txt_very_small);
background: var(--submit);
/* default colour */
}
/* Cursor Pointer  */
.pointer {
cursor: pointer;
}
/* Buttons Colour Examples */
.button.charcoal,
a.button.charcoal,
a.charcoal,
button[type=button].charcoal,
button[type=reset].charcoal,
button[type=submit].charcoal,
input[type=button].charcoal,
input[type=reset].charcoal,
input[type=submit].charcoal {
background: var(--charcoal);
color: var(--almostwhite);
}

.button.red,
a.button.red,
a.red,
button[type=button].red,
button[type=reset].red,
button[type=submit].red,
input[type=button].red,
input[type=reset].red,
input[type=submit].red {
background: var(--red);
color: var(--almostwhite);
}

.button.blue,
a.blue,
a.button.blue,
button[type=button].blue,
button[type=reset].blue,
button[type=submit].blue,
input[type=button].blue,
input[type=reset].blue,
input[type=submit].blue {
background: var(--blue);
color: var(--almostwhite);
}

.button.green,
a.button.green,
a.green,
button[type=button].green,
button[type=reset].green,
button[type=submit].green,
input[type=button].green,
input[type=reset].green,
input[type=submit].green {
background: var(--green);
color: var(--almostwhite);
}

.button:hover,
.top:hover,
a.button:hover,
a.button:hover,
a.donate:hover,
button:hover,
button[type=button]:hover,
button[type=reset]:hover,
button[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background: var(--green);
color: var(--almostwhite));
}
/* Responsive Google Map */
#map {
width: auto;
height: 100%;
margin: 0;
padding: 0;
}
/* Helper Classes */
.hide-on-desktops,
.show-on-phones,
.show-on-tablets {
display: none !important;
}

.show-on-desktops {
display: inherit !important;
}
@media (min-width: 890px) and (max-width: 979px) {
.hide-on-desktops,
.show-on-tablets {
display: inherit !important;
}

.hide-on-tablets,
.show-on-desktops {
display: none !important;
}
}
@media (max-width: 890px) {
.hide-on-desktops,
.show-on-phones {
display: inherit !important;
}

.hide-on-phones,
.show-on-desktops {
display: none !important;
}
}
@media (max-width: 890px) {
.hide-on-tablets-portrait {
display: none !important;
}
}
/*  End Base */