/*
font-family: 'Mulish', sans-serif;
font-family: 'Noto Serif', serif;
*/

:root {
--green: #27C37C;
--blue: #1B91CF;
--blue-dark: #102E4A;
--black: #101d20;
--gray: #333;
--gray-light: #999;
--gray-lighter: #ececec;
--white: #fff;
--san-serif: 'Heebo', sans-serif;
--serif:  'Noto Serif', serif;
}

html {
  scroll-behavior: smooth;
}

body{
	font-size: 17px;
	font-family: var(--serif);
	color: var(--gray);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

a.current {
    color: red !important;
}

h1 {
	font-size: 5rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--san-serif);
	margin-top: 0;
  	margin-bottom: 1rem;
  	font-weight: 700;
	line-height: 1.3;
}

p {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 1.3rem;
}

.colour_g {
	color: var(--green);
}

.colour_b {
	color: var(--blue);
}

.colour_b_d {
	color: var(--blue-dark);
}

.colour_w {color: var(--white);}

.bg_black {background-color: var(--black);}
.bg_gray {background-color: var(--gray-lighter);}

.bolder {font-weight: 900;}
.text_cen {text-align: center;}

.section {padding: 10vh 0;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: var(--blue);
  text-decoration: none;
}

a:hover {
  color: var(--green);
  transition: ease 0.5s;
}

.btm-space-sm {height: 5vh;}

.btm-space-m {height: 10vh;}

a.skip-main {
    font-size: 0.9rem;
    padding: 10px;
    display: block;
	color: var(--gray);
}

/* Intro
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.intro {
	height: 80vh;
	background-color: #102e4a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23102e4a' stroke-width='0.9' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cuse fill='%2315324e' href='%23s' y='2'/%3E%3Cuse fill='%2315324e' href='%23s' x='1' y='2'/%3E%3Cuse fill='%231a3651' href='%23s' x='2' y='2'/%3E%3Cuse fill='%231a3651' href='%23s'/%3E%3Cuse fill='%231e3b55' href='%23s' x='2'/%3E%3Cuse fill='%231e3b55' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%23233f58'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%23233f58'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%2328435c'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%23102e4a'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%232d4760'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%232e0ef0'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%232e0ef0'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(21.1) translate(-952.61 -714.45)'%3E%3Cg fill='%232e0ef0'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.intro-des {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.3;
}

.home-sub img {
    width: 90%;
    border: 12px solid #101d20;
    box-shadow: 10px 10px #33c3f0;
}



/* Subpage
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sub-header {
	background-color: var(--blue-dark);
	padding-bottom: 2vh;
}

.sub-content {padding: 10vh 0;}

.subtitle {
    font-size: 5vh;
    position: relative;
    bottom: 0;
    font-weight: 900;
}

.img-border {
	box-shadow: -18px 20px #27c37c30;
    border: 8px solid #fff;
	margin: 5vh 0;
	width: 100%;
}


/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.skip-wrap {
	background: var(--gray-lighter);
}

a.logo {
    float: left;
    margin-top: 30px;
}

a.logo:hover {
    opacity: 0.7;
}

.header {
	background: var(--blue-dark);
}
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
	  display: none;

}

.header li {
    list-style-type: none;
}

.header li a {
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 600;
	color: var(--white);
	font-family: var(--san-serif);
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 18px 10px;
    position: relative;
    user-select: none;
    margin-top: 35px;
    border: 1px solid #ffffff3b;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
    max-height: 100%;
    display: block;
    padding: 40px 0;
    border-bottom: 3px solid #193d5f;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.map iframe {
    width: 100%;
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
	background-color: var(--blue-dark);
	font-size: 0.7rem;
}

footer {
    padding: 40px 0;
}

footer p {
    margin: 0;
}

.social a img {
    width: 30px;
    padding-right: 20px;
}

.social a:hover {
	opacity: 0.6;
}

.button-large {height: 50px !important;
	padding: 7px 10px;
}

p.copyright {
    font-size: 1rem;
}

input#mce-EMAIL {
    margin-bottom: 10px;
}

input#mc-embedded-subscribe {
    height: 46px !important;
    font-weight: bold !important;
}


/* Mobile */
@media (min-width: 320px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.8rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 2em; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	p.intro-des {
		width: 70%;
		font-size: 1.3rem;
		line-height: 1.3;
	}
	
	.subtitle {font-size: 8vh;}
	.social a img {width: 25px;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	h1 { font-size: 5rem; }
 	h2 { font-size: 3.6rem; }
    h3 { font-size: 3.3rem; }
    h4 { font-size: 3.0rem; }
    h5 { font-size: 2.2rem; }
    h6 { font-size: 1.5rem; }
	
	.header li {
		float: left;
	  }
		.header li a {
			padding: 0px 1vw;
			font-size: 1.1rem;
		}
	  .header .menu {
		clear: none;
		float: right;
		max-height: none;
		display: block;
	  }
	  .header .menu-icon {
		display: none;
	  }

		ul.menu {
		margin-top: 45px;
	}
	
	.intro-des {
    	width: 70%;
		font-size: 1.5rem;
	}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}