@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
    font-family: 'body';
    src: url(../fonts/raleway.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodybold';
    src: url('../fonts/roboto-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    src: url(../fonts/raleway.ttf);
    font-family: headings;
}
/*PLUGINS/STOREADMIN/ASSETS/CSS/STORE.CSS IS OVERWRITING THESE COLOURS*/
:root {
    --neutralLight: #fff;
    --neutralMid: #ddd;
    --neutralDark: #000;
    --mainDark: #f15f24;
    --mainMid: #259891;
    --mainLight: #FEEDEA;
    --mainPale: #FFF5F4;
    --comp: #86447D;
}
* {
	box-sizing: border-box;
}
html {
    height: 100%; /*FOR DISPLAY GRID - FOOTER AT BOTTOM OF SHORT PAGES*/
    overflow-y: scroll;
}
body {
    min-height: 100%; /*FOR DISPLAY GRID - FOOTER AT BOTTOM OF SHORT PAGES*/
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    font-family: body, sans-serif;
    color: #2d2929;
}
main {
    margin-bottom: 5rem;
    margin-top: 8rem;
}
article {
    line-height: 2;
}
article>section {
    width: 50%;
    margin: 0 auto;
}
h1 {
    font-size: 4rem;
    font-family: headings;
    font-weight: normal;
    text-align: center;
}
h1,
h2,
h3,
h4 {
    color: var(--comp);
    line-height: 1;
    padding: .5rem 0;
}
header ul,
nav ul,
footer ul {
	list-style-type: none;
	padding: 0;
    margin: 0;
}
header a,
nav a,
footer a {
	text-decoration: none;
	color: inherit;
}
article a {
    color: var(--mainDark);
    font-weight: bold;
}
.emphasis {
    font-weight: bold;
}
.g-recaptcha div {
    width: 100%!important;
}
.rc-anchor-normal .rc-anchor-content {
    height: auto;
    width: 50%;
}
@media only screen and (max-width: 1040px) {
    article>section {
        width: 85%;
    }
}
@media only screen and (max-width: 870px) {
    .hiddenBreak {
        display: block;
    }
}
@media only screen and (max-width: 390px) {
    article>section {
        width: 95%;
    }
    .hiddenBreak {
        display: block;
        line-height: 0;
    }
    h1 {
        font-size: 3rem;
    }
}
@media only screen and (max-width: 335px) {
    .rc-anchor-normal .rc-anchor-content {
        height: 80px!important;
        width: 50%!important;
    }
    .g-recaptcha iframe {
        width: 100% !important;
    }
    .rc-anchor-center-container {
        display: table;
        height: 100%;
        width: 70%;
    }
}