/*purple background-color: #4a2169;
brown #670700;
green #a2cf61
dark blue #00345e
duck egg blue #7EBDC5
orange  #dcbe88;  */
html {
	  scroll-behavior: smooth;
}
body, html {
height: 100%;
background-color : #fff;
color: #2A2426;
font-size: 100%;
font-family: OpenSans, Helvetica, Arial, sans-serif;
margin: 0;
width:auto;
}

/*-------SKIP--------*/
#skip A{
background-color: #670700;
border : solid 2px #000;
color : #fff;
left:20px;
line-height: 1.5em;
padding : 1.2em;
position: absolute;
text-align : center;
text-decoration : none;
-webkit-transition: top 2s ease-out, background 1s linear;
transition: top 2s ease-out, background 1s linear;
top:-1000px;
width : 12em;
z-index: 100;
}

#skip A:focus {
left: 10px;
outline:0;
position:absolute;
top:10px;
-webkit-transition: top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
}


/*logo and primary nav*/
#logoandnav {
align-items: center;
display:flex;
flex-direction: row;
justify-content: space-between;
margin:auto;
padding-bottom: 5px;
padding-top: 10px;
}

.container {
margin:auto;
width: 70em;
max-width: 90%;
}
.narrowcontainer {
margin:auto;
width: 50em;
max-width: 90%;
}
.borderbottom  {
border-bottom : solid 2px #670700;
border-bottom : solid 2px #000;
-webkit-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.58);
box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.58);
width :100%;
}

/*-------BANNER--------*/
#banner {
width : 27%;
}

/*-------LOGO--------*/
.name {
display:inline;
}
.namedark {
display:none;
}
.logo {
height : 65px;
width : auto;
}

/*------------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------------*/

/* div that contains the nav*/
#site-navigation {
background-color: #fff;
background-color: transparent;
float:right;
font-size: 1em;
font-weight: normal;
width : 95%;
}

/*arrows for primary nav dropdowns parent links */
.main-navigation .menu-item-has-children > a:after
{
content: url(/wp-content/uploads/2021/12/downarrow000.svg);
}

/*sub menus align right*/
.main-navigation li ul {
left:auto;
right:0;  
}

/*block contains links*/
.main-navigation ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type:none;
padding : 0;
padding-bottom : 5px;
padding-top : 5px;
z-index:999999;
}

.main-navigation li {
display:flex;
line-height: 2em;
position: relative;
text-align:center;
}

/* dropdowns */
.main-navigation ul li ul {
max-width: 800px;
}

.main-navigation ul ul {
background-color: rgba(255, 255, 255, 0.95);
border : solid 2px #000;
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
flex-direction: column;
font-size:.9em;
left: -999em;
margin : 0;
margin-top : .5em;
padding:0;
padding-top: .5em;
padding-bottom: .5em;
position: absolute;
top: 1.2em;
width: auto;
z-index: 99999;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}


/*---top links in the main nav -----*/
.main-navigation a:link, .main-navigation a:visited {
background-color : transparent;
border:solid 2px transparent;
color : #000;
padding : 0;
padding-left : .5em;
padding-right : .5em;
text-decoration: none;
	white-space:nowrap
}
.main-navigation a:hover, .main-navigation a:focus {
background-color : #A2CF60;
border:solid 2px #000;
color : #000;
}
.main-navigation li:hover > a,
.main-navigation li.menu-focus > a {
background-color : #A2CF60;
border:solid 2px #000;
color : #000;
}
.main-navigation li.menu-focus > a {
border:solid 2px #000;
outline:dotted 2px #000;
}

/*---CURRENT PAGE----*/
.current_page_item > a, .current_page_item > a {
background-color:#000;
border:solid 2px transparent;
color : #fff;
}
.current_page_item > A, .current_page_item > A {
background-color:#000;
border:solid 2px transparent;
color : #fff;
}
.current_page_item > a:hover, .current_page_item > a:focus {
background-color:#000;
border:solid 2px transparent;
color : #fff;
outline:none;
}
.current_page_item > A:hover, .current_page_item > A:focus {
background-color:#000;
border:solid 2px transparent;
color : #fff;
outline:none;
}


/* dropdown links  */
.main-navigation ul ul li {
background-color: transparent;
color : #000;
text-align:left;
text-decoration:none;
text-transform: none;
/*text-wrap:nowrap;*/
}



/*----------dropdown  -------------------------------*/
.main-navigation ul ul li a:link, .main-navigation ul ul li a:visited {
border:none;
display: block;
padding-bottom : 5px;
padding-top : 5px;
width : 100%;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.menu-focus > ul {
	display: flex;
	left: auto;
}


.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.menu-focus > ul {
left: 100%;
}
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
border : 1px solid #000;
background-color : #000;
color: white;
}

.main-navigation .current_page_ancestor > a:after,
.main-navigation .current-menu-ancestor > a:after {
content: url(/wp-content/uploads/2021/12/downarrow.svg)
}



/*-------TOP--------*/
.greenbkd{
background-color: #a2cf61;
border-bottom : solid 2px #000;
padding-bottom : 3px;
padding-top : 5px;
width : 100%;
}
.top {
display: flex;
flex-direction: row;
justify-content: space-between;
}

/*-------SEARCH--------*/
#searchdiv {
margin-right: 30px;
}
#searchdiv label {
color:#000;
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
top:auto;
width:1px;
}
input {
outline: none;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}

#search input[type=search] {
background: #000 url("/wp-content/uploads/2022/01/searchfff.svg") no-repeat 8px center;
border: solid 1px transparent;
color: transparent;
cursor: pointer;
padding: 1px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
width: 170px;
}


#search input[type=search]:focus, #search input[type=search]:hover {
background-color: #fff;
	border: solid 1px #000;
box-shadow: 0 0 5px rgba(71,61,79,.5);
-webkit-box-shadow: 0 0 5px rgba(71,61,79,.5);
-moz-box-shadow: 0 0 5px rgba(71,61,79,.5);
color: #670700;
cursor: auto;
padding-left: 6px;
}


/*
* Links
*/
A:link, A:visited {
background-color: transparent;
color : #670700;
}

A:hover, A:focus {
background-color: #670700;
color : #fff;
text-decoration: none;
}

.buttonlink A:link, .buttonlink A:visited  {
background-color: #670700;
border:solid 2px #000;
color : #fff;
display:inline-block;
padding : 10px;
text-decoration: none;
width : auto;
}
.buttonlink A:hover, .buttonlink A:focus  {
background-color: #fff;
border:solid 2px #670700;
color : #670700;
}

/*------------------------------------------------------------------------------
required star on the salesforce embed
------------------------------------------------------------------------------*/

.slds-m-right_xx-small.slds-p-top_xx-small.questionRequired{
	color:#fff;
	font-size: 1.55em
}


/*------------------------------------------------------------------------------
# a11y
------------------------------------------------------------------------------*/
#a11y {
align-items: center;
display:flex;
flex-direction: row;
justify-content: flex-start;
width: 600px;
}
#a11y img {
height : 20px;
margin-left : 1em;
margin-top : 5px;
}

#changethelook {
display:flex;
flex-direction: row;
}
#changecolour {
font-size: .9em;
display:flex;
flex-direction: row;
}
#changecolour A{
border : solid 2px #000;
padding: 2px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
}


#dark button {
background-color: #000;
border: solid 2px #000;
border-radius:0;
color : #fff;
font-size:1em;
margin-left : 0;
padding: 3px;
padding-left: 13px;
padding-right: 13px;
}
#light button {
background-color: #fff;
border-radius:0;
border: solid 2px #000;
color : #000;
display : block;
float : left;
font-size:1em;
margin-right : 5px;
padding: 3px;
padding-left: 13px;
padding-right: 13px;
}



/*------------------------------------------------------------------------------
# Social
------------------------------------------------------------------------------*/

#socialmedia img {
height : 30px;
}

#socialmedia ul {
display:flex;
flex-direction: row;
list-style-type: none;
margin : 0;
margin-right: 5em;
padding : 0;
}

#socialmedia A:link, #socialmedia A:visited {
background-color: transparent;
color : transparent;
display: block;
line-height: .9em;
padding : 5px;
padding-bottom : 0;
text-align: left;
text-decoration: none;
white-space: nowrap;
 width: 60px;
}
#socialmedia A:focus, #socialmedia A:hover {
color : #000;
}

#donatenow a{
background-color: #000;
color:#fff;
display: block;
margin-top : 8px;
padding : 5px;
text-align: center;
text-decoration: none;
}

/*------ACTION-------*/
.justifyspacebetween {
display:flex;
flex-direction: row;
justify-content: space-between;
}
#action {
font-size : .9em;
font-weight: bold;
text-align: center;
}
#action ul {
align-items: center;
display:flex;
list-style-type: none;
margin : 0;
padding : 0;
}
#action A:link, #action A:visited {
background-color: #fff;
color : #000;
display : block;
font-size: 1.2em;
line-height: 1.5em;
padding : 2px;
padding-left : .5em;
padding-right : .5em;
text-decoration: none;
}

#textsize {
float : left;
margin-right: 5px;
text-align: center;
white-space: nowrap;
}
#textsize A:link, #textsize A:visited {
background-color: #000;
color : #fff;
}




/*------------------------------------------------------------------------------
# content
------------------------------------------------------------------------------*/

/*content*/
.contentcontainer {
margin:auto;
margin-top : 50px;
max-width: 57em;
}
#content {
font-size: 1.1em;
line-height: 1.67em;
padding: 6em;
padding-bottom: 50px;
padding-top: 0;
width : 100%;
}



.invisible, .menu-hidden-description-parent {
position : absolute;
top : -1000px;
width:1px;
height:1px;
overflow:hidden;
}


/*----------HTML-----------*/
h1, h2, h3, h4, h5 {
color: #000;
line-height: 1.5em;
font-weight : normal;
font-family: 'Fredoka One', cursive;
font-family: 'Montserrat', sans-serif;
}

h1 {
color:#6a040f; /*brown*/
color:#000;
color:#00324c;/*dark blue*/
font-size : 2.2em;
margin: 0;
margin-bottom: 1em;
text-align: center;
}
h2 {
color:#670700;
color:#004466;
font-size: 1.7em;
text-align : left;
}
h3 {
clear : both;
color:#670700;
font-size: 1.3em;
text-align : left;
}
h4 {
color : #4f0500;
font-size: 1.15em;
font-weight : normal;
}
h5 {
font-weight : normal;
font-size: 1.1em;
color : #4f0500;
}
hr {
background-color: #000;
background-color: #a2cf61;
border : solid 1px #000;
clear:both;
height : 5px;
margin-top : 30px;
margin-bottom : 30px;
}
img {
max-width: 100%;
}
th {
vertical-align: top;
}
video {
width : 100%;
}
#content ul, #content ol {
margin : 0;
padding : 2em;
padding-top : 0em;
}
#content ul li, #content ol li {
margin-top : .5em;
}


/*--footer--*/

#comments {
border-top: solid 3px #000;
padding-top: 30px;
}


.site-footer {
border-top: solid 3px #000;
}

footer {
align-items: center;
display:flex;
justify-content: center;
}

#footer {
align-items: center;
color: #000;
display:flex;
flex-direction: row;
justify-content: space-between;
padding-bottom : 60px;
padding-top : 30px;
width : 85%;
}
#footer img{
height: 60px;
}

/*--------------footer------------------*/
#becomeabit {
}
.footeraction {
margin-bottom: 50px;
text-align: center;
}
.footeraction a:link, .footeraction a:visited {
background-color: #670700;/*rust*/
border : solid 2px #000;
color:#fff;
display:block;
	font-size: 1.4em;
	margin-bottom: 20px;
padding : 10px;
text-decoration: none;
}
.footeraction a:hover, .footeraction a:focus {
background-color: #fff;
color:#670700;/*rust*/
border : solid 2px #670700;
}
#totop {
background-color: transparent;
bottom: 0px;
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.46);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.46);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.46);
position:fixed;
right: 25px;
}

/*to top*/
#totop a:link, #totop a:visited {
background-color: #670700;
background-color: #00345e;
border : solid 2px #000;
color:#fff;
font-size: 1em;
line-height: 2.5em;
padding : 10px;
text-decoration: none;
}
#totop a:hover, #totop a:focus {
background-color: #fff;
border:solid 2px #670700;
color : #670700;
}


/**home page **/
.home .wp-block-columns {
	margin-bottom:0;
	padding-bottom:0;
} 
.home h2 {
	font-size:1.3em
}	
.home hr {
margin-top:0;
}
.home .buttonlink {
	font-size:1.52em
}
/*employers/candidates*/
.wp-block-columns {
justify-content: center;
}
.wp-block-column:first-child {
max-width: 23em;}
.wp-block-column:nth-of-type(2) {
max-width: 25.5em;
}

.wp-block-latest-posts__list {
display:flex;
flex-wrap: wrap;
}
.wp-block-latest-posts, .wp-block-latest-posts ul li {
display:flex;
flex-wrap: wrap;
}
.wp-block-latest-posts li {
/*
border:solid 2px #002945;
border:solid 2px #9aadba;
border:solid 2px #677883;
*/
padding : 0;
padding-bottom : 1em;
}
.wp-block-latest-posts li img {
max-width: 100%;
}
.wp-block-latest-posts__featured-image {
height : auto;
margin:0;
padding : 0;
}
.wp-block-latest-posts a {
text-decoration: none;
}

.wp-block-latest-posts__post-date {
}

/*blog*/
.continue {
	display:block;
	margin-top : 1em
}
.blog .post-thumbnail .wp-post-image {
	display:none;
}
.archive .entry-title {
font-size: 1.4em;
}
.archive .entry-content h2 {
font-size: 1.2em;
}
.archive .entry-content h3 {
font-size: 1.1em;
}
.entry-footer {
align-items: center;
justify-content: flex-start;
margin-bottom : 150px;
margin-top : 1.5em;
text-align: left;
}

.entry-footer a {
margin-right: 1em;
}

/**contact page **/
.page-id-30997 p {
	line-height:2.5em;
	margin:auto;
	text-align:left;
	width: 25em;
}

/**about us - board page **/
 
.wp-block-gallery {
	justify-content:center;
}
.page-id-31024 .wp-block-image {
background-color:#000;
padding-bottom: 4em;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background-color:#000;
font-size: 1em;
font-weight: bold;
opacity: 1;
text-shadow: 1px 1px 1px #000000;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000000;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image), .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
	max-width: 30%;
}

/*----------HOVER SHADOW---------------*/
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
outline : none;
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/*-------------------MOBILE / SMALL DEVICES--------------------*/
@media only screen and (max-width: 53em) {/* Unit change JCD 8/4/2021 */
html { 
font-size : 1.2em;
}
#logoandnav {
flex-direction: column;
}

.logo {
display:flex;
justify-content: center;
margin:auto;
margin-bottom: 10px;
}
.menu-toggle {
background-color: #000;
color : #fff;
font-size: 1.25em;
margin : auto;
margin-bottom: 10px;
margin-top: 10px;
}
.menu-toggle:hover {
box-shadow: none;
}
button.menu-toggle {
border: solid 5px #a2cf61;
}
button.menu-toggle:hover {
border: solid 5px #000;
}

/*---CURRENT PAGE----*/
.current-menu-item.current_page_item A:link, .current-menu-item.current_page_item A:visited{
background-color:#000;
color:#fff;
}
/*---Ancestor of the CURRENT PAGE----*/
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
border-left : 5px solid #000;
border-right : 5px solid #000;
color: #000;
}
.main-navigation .current_page_ancestor > a:after,
.main-navigation .current-menu-ancestor > a:after {
content: url(/wp-content/uploads/2021/12/downarrow000.svg)
}

/** main navigation **/
.main-navigation {
    display: flex;
    justify-content: center;
}
#site-navigation { /* Change selector JCD */
display:inline;
}

.main-navigation ul {
width : 100%;
padding-bottom : 1em;
}
.main-navigation li {
border-bottom : solid 3px #000;
flex-wrap: wrap;
float: none;
line-height : 2.5em;
margin-top : 0;
}
.main-navigation a:link, .main-navigation a:visited {
background-color : #A2CF60;
display: block;
white-space: normal;
width : 100%;
}

.main-navigation li.menu-item-has-children {
position: relative;
padding-right: 0px;
}

.main-navigation li.menu-item-has-children .sub-menu-toggle {
background: none;
border: none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
color: #670700;
content: "+";
display: inline-block;
font-size: 1.25em;
font-weight: bold;
height: 45px;
line-height: 1;
padding-left: 8px;
padding-top: 3px;
position: absolute;
right:0;
top:-7px;
width: 45px;
}	



.main-navigation .sub-menu {
border: none;
border-left:solid 2px #000;
border-right:solid 2px #000;
box-shadow: none;
float: none;
padding: 0;
position: static;
width: 100%;
}

.main-navigation .sub-menu li {
border-bottom: solid 1px #000;
margin-top:0;
white-space: normal;
}

.main-navigation .sub-menu A:hover, .main-navigation .sub-menu A:focus {
background-color:#000;
color:#fff;
} 
/* Javascript driven class change for menu */

#primary-menu {
display: none;
}
#primary-menu.open {
display: block;
background-color: #000;
}

.main-navigation .sub-menu {
display: none;
}
.main-navigation li.menu-item-has-children.menu-focus .sub-menu,
.main-navigation li.menu-item-has-children.open .sub-menu {
display: block;
}

#bigcontainer {
flex-direction: column;
width: 100%;
}

#banner, #a11y {
flex-direction: column;
}
#banner {
width : 100%;
}

#changecolour A{
padding-left: 5px;
padding-right: 5px;
}


/*-------SEARCH--------*/
#searchdiv {
margin-right: 0px;
margin-bottom: 30px;
margin-top: 30px;
width : 100%;
}

#search input[type=search] {
width: 98%;
}
#search input[type=search]:focus {
width: 98%;
}
input[type=search]:focus {
width: 98%;
}



#a11y {
flex-direction: column;
padding-bottom : 30px;
width : 100%;
}
#changethelook {
float:none;
justify-content: center;
border : solid 1px transparent;
}

#dark A:link, #dark A:visited, #light A:link, #light A:visited  {
margin-left : 5px;
}
#topbkd {
display:flex;
flex-direction: column;
width : 100%;
}
.top {
flex-direction: column;
justify-content: center;
margin:auto;
width : 73%;
}
#action ul {
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
margin-top: 20px;
width : 98%;
}
#action li {
	font-size:.9em;
margin-bottom: 5px;
margin-top: 5px;
}
#socialmedia ul {
justify-content: center;
margin:auto;
}
#donatenow {
margin:auto;
margin-bottom: 30px;
width : 7em;
}
#content {
padding: 6%;
padding-top: 0;
}
h1 {
font-size :1.3em;
text-align: center;
}
h2 {
font-size: 1.2em;
text-align : center;
}
h3 {
font-size: 1.1em;
text-align : center;
}
/*blog*/
.entry-footer {
	flex-direction:column;
	line-height:2em
}
/*footer*/
#footer {
flex-direction: column;
padding-bottom : 100px;
}
#footer img{
height: 70px;
margin-bottom: 50px;
width : auto;
}
.footeraction summary {
	font-size: 1.2em;
}
.footeraction a:link, .footeraction a:visited {
	font-size: 1.2em;
}
.wp-block-gallery {
	flex-direction: column;
}
.page-id-31024 .wp-block-image {
background-color:#000;
padding-bottom: 4em;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
font-size: 1em;}
figcaption {
background-color:#000;
opacity: 1;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image), .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(1n) {
	max-width: 100%;
	width: 100%;
}

}