/*!
 * frontend
 * Quickstart frontend workflow
 * http://madetoengage.com
 * @author Engage
 * @version 1.0.0
 * Copyright 2017. MIT licensed.
 */
@charset "UTF-8";*,:after,:before{box-sizing:border-box}

.strip-white {
	background: #fff;
	height: 100px
}

.wrapper {
	width: 90%;
	max-width: 878px;
	padding: 0;
	margin: 0 auto;
	display: table;
	float: none;
	text-align: center
}

.row {
	margin-left: -10px;
	margin-right: -10px;
	position: relative
}

.col-12 {
	width: 100%
}

.contact-details {
	text-align: center;
	background: #fff;
	border-radius: 5px;
	padding: 50px 0;
	margin: 8px 0 16px;
	box-shadow: 0 0 14px -2px rgba(0, 0, 0, .75)
}

.contact-details h3 a {
    color: #0e0747;
    font-weight: 300;
}

.strip-navy {
	background: #0e0747;
	height: 100px
}

.logo {
	width: 290px;
	margin: 0 auto -50px;
	text-align: center;
	z-index: 100;
	top: -100px;
	position: relative;
	border-bottom: 1px solid #0e0747
}

.logo img {
	margin: 0 auto 65px;
	width: 205px;
	display: block
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
        font-family: Open Sans,sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    background: #eeece9;
    overflow-x: hidden;
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent;
    color: #ae8a55;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}


html, body{
    font-family: $font-family--primary;
    font-size:15px;
    line-height: 15px;
    font-weight: $font-weight--regular;
    background: $off-white;
    overflow-x: hidden;

}

.logo {
    width: 290px;
    
    margin: 0 auto -50px auto;
    text-align: center;
    z-index: 100;
    top: -100px;
    position: relative;
    border-bottom: 1px solid $primary;
    img {
    margin: 0 auto 65px auto;
    width: 205px;
    display: block;
    }

}

h1, h2, h3, h4, h5, h6{
    font-weight: $font-weight--light;
    font-family: $font-family--primary;
    text-align: center;
}


h1{
    font-size: 55px;
    line-height: 55px;
    font-weight: 300;
    
}

h2{
    font-size: 28px;
    line-height: 42px;
    color: #0e0747;
    font-weight: 300;
    font-family: Open Sans,sans-serif;
    text-align: center;
}

h2 a {
    text-decoration: underline;
    color: #0e0747;
}

h3{
    font-size: 28px;
    line-height: 42px;
        color: #ae8a55;
}

h4{
    font-size: 13px;
    line-height: 13px;
    
}

p, li, ol{
    font-size:18px;
    line-height: 25px;
    text-align: center;
}

blockquote {
  background: $lgrey;
  border-left: 10px solid $grey;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "“" "”" "‘" "’";
  &:before {
    color: $grey;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }
  p {
    display: inline;
  }
}

a{
    color:palette(accent);
    text-decoration: none;
    @include transition(all, ease-in-out, 0.3s);
}

hr{
    border:0px;
    height:1px;
    background:$greyblue;
}

span{
    &.block{
        display:block;
    }
}

.loading-container{
    @include position(0px, 0px, 0px, 0px);
    position:fixed;
    background: rgba(palette(primary), 0.9);
    z-index: 99;
}