:root{
    --colour-white:#FBFAF7;
    --colour-body:#000;
    /*--colour-blue:#1C4A63;*/
    --colour-bg:#DCE8DC;
    --colour-medium:#879EA6;
    --colour-blue:#404352;
    --colour-orange:#D74D00;
    --colour-orange-sec:#F8BD49;

}

html{
    scroll-behavior: smooth;
}

body{
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 1.6rem;
    line-height:135%;
    color:var(--colour-body);
    background-color: var(--colour-bg);

}
a, a:visited
{ 
  color:var(--colour-orange);
  text-decoration: none;
  transition: color 300ms ease-in;
}
a:hover,
a:active,
a:focus,
a:visited:hover
{
  text-decoration: none;
  color:var(--colour-orange-sec);
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Merriweather', serif;
    color:var(--colour-blue);
    font-weight: normal;
}
h1 a, h1 a:hover, h1 a:visited:hover, h2 a, h3 a, h4 a, h5 a, h6 a{
   color:var(--colour-blue);
   text-decoration: none;
}

h1{
    font-size:3rem;
    line-height:4rem;
    margin:0 0 10px 0;
    text-align: center;
}
h2{
    font-size:2.4rem;
    line-height:4rem;
    margin:0 0 10px 0;
}
h3{
    font-size:2rem;
    line-height:3.2rem;
    margin:0 0 0 0;
}
h4 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--highlight-colour);
    margin: 0 0 5px 0;
}
h5{
    font-size:1.2rem;
    font-family: 'Merriweather Sans', sans-serif;
    line-height:2rem;
    font-weight: 700;
    margin: 0;
}
h6{
    font-size:1.2rem;
    font-family: 'Merriweather Sans', sans-serif;
    margin:0;
    line-height:1.5rem;
}

button:focus{
    outline:none;
}

p.small{
    font-size: 1rem;
    line-height:1.2rem;
}

input {
    max-width: 100%;
    box-sizing:border-box
}

.grecaptcha-badge{
	display:none;
}

.clearfix:after {
    display: none;
}

#toolbar-administration{
    display:none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*Hover States*/

.day_head:hover h3, a:hover h3, a:hover h2 {
    color: var(--colour-orange);
}

.node--type-modules svg, .header_icon svg, .featured-content .home_button svg{
    transition:fill 400ms ease;
}

.day_head::after {
    transition:border 400ms ease;
}

.day_head:hover::after {
    border-top-color: var(--colour-orange);
}

.day_head:hover svg {
    fill: var(--colour-orange);
}

a.file_icon:hover svg, .header_icon:hover svg, .featured-content .home_button:hover svg {
    fill: var(--colour-orange);
}
input#edit-submit-search-courses{
    transition:color 400ms ease, border 400ms ease;
}
input#edit-submit-search-courses:hover {
    border: 2px solid var(--colour-orange);
    color: var(--colour-orange);
}