/* --------------------------------------------------------------------
Base Styles
Author:             Netmatter Ltd
Author URI:         https://www.netmatterdigital.co.uk/

:: 	Typography, body font 100%/16px
:: 	font rem for root level em of body
::	em for fluid margin, padding & line-height
-------------------------------------------------------------------- */

/**
html5doctor.com Reset Stylesheet v1.6.1
http://html5doctor.com/html-5-reset-stylesheet/
Richard Clark
http://richclarkdesign.com
http://cssreset.com
**/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a,
blockquote, pre, abbr, address, cite,
code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, figcaption, figure, footer,
header, main, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	background:transparent;
}

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

img {
	display:inline-block;
}

body {
	line-height:1;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

input, select {
	vertical-align:middle;
}


/* -----------------------------------------------
:: 	Root
----------------------------------------------- */
:lang(en) {
    quotes:"\201C" "\201D" "\2018" "\2019";
}

html {
	/*
	By default, iOS enlarges the text size so it reads more comfortably. Disable the adjustment
	*/
	-webkit-text-size-adjust:none;
	/*
	keep long text and urls wrapped in content
	*/
	word-wrap: break-word;
}


/* -----------------------------------------------
:: 	Sections
----------------------------------------------- */
body {
	/*
	font-size 100% 		(16px)
	line-height 1.625em (26px)
	*/
	font:100%/1.5 'Montserrat-Regular', Arial, sans-serif;
	color: #000;
	overflow-x: hidden;
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.15em; color:#222; }
h2, h3, h4, h5, h6 { line-height: 1.25em; }

h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat-ExtraBold', Arial, sans-serif;
}

h2, h3, h4, h5, h6 {
	font-family:'Montserrat-Bold', Arial, sans-serif;
	margin-bottom: 0.5em;
    padding-top: 0.75em
}

h2.first, 
h3.first, 
h4.first, 
h5.first, 
h6.first {
	padding-top:0;
	margin-bottom: 1em;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2.25rem;
}

h3, h4, h5, h6 {
	font-size: 1.25rem;
}


/* -----------------------------------------------
:: 	Grouping Content
----------------------------------------------- */
p, ul, ol {
	margin-bottom:1.25em;
}

ul {
	list-style-type:none;
	list-style-position:outside;
}

ol {
	list-style-position:outside;
}

li {
	margin-bottom:0.5em;
}

blockquote {
	position:relative;
	margin:0 0 1.5em 0;
	padding:1.25em 2.75em 1.25em 2.75em;
	font-size:12px;
	font-size:0.75rem;
	font-style:italic;
	background-color: #eee;
	border-left: 5px solid #666;
}

blockquote:before,
blockquote:after {
	display: block;
	position:absolute;
	font-size:52px;
    font-size:3.25rem;
	font-style:normal;
	color: #999;
}

blockquote:before {
	top:-5px;
	left:10px;
	content: "\201C";
}

blockquote:after {
	right:10px;
	top:55%;
	content: "\201D";
}

blockquote footer {
	margin-top:2.5em;
	font-size:14px;
    font-size:0.875rem;
    line-height:1.125em;
}

figure {
	margin-bottom: 0.75em;
}

.fs-12 li,
.fs-12 p {
	font-size: 12px !important; font-size: 0.75rem !important;
}

.fs-14 li,
.fs-14 p {
	font-size: 14px !important; font-size: 0.875rem !important;
}

.fs-16 li,
.fs-16 p {
	font-size: 16px !important; font-size: 1rem !important;
}


/* -----------------------------------------------
:: 	Text-level Semantics
----------------------------------------------- */
q::before {
	content:open-quote;
}

q::after {
	content:close-quote;
}

a {
	-webkit-transition-duration: 0.1s;
       -moz-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
        -ms-transition-duration: 0.1s;
            transition-duration: 0.1s;
	color: #ed0464;
}

a:hover,
a:focus {
	text-decoration: none;
}

small {
	font-size:10px;
    font-size:0.625rem;
}

em {
	font-family:'Montserrat-Italic', Arial, sans-serif;
}

b, strong {
	font-family:'Montserrat-Bold', Arial, sans-serif;
}

time {
	font-size:14px;
	font-size:0.875rem;
}

sub {
    font-size:smaller;
    line-height:90%;
    vertical-align:sub;
}

sup {
    font-size:smaller;
    line-height:90%;
    vertical-align:super;
}


/* -----------------------------------------------
:: 	Embedded Content
----------------------------------------------- */
img {
	/*
	Flexible Images
	max-width:100% and height:auto make images responsive and flexible
	max-width:100% and height:auto works in IE7, but not in IE8
	fixing IE8 bug with width:auto/9
	*/
	max-width: 100%;
    height: auto;
    width: auto/9;
	-ms-interpolation-mode: bicubic;
}

.img {
	/*
	Flexible background images
	*/
	background-size:100% auto;
 	-moz-background-size:100% auto;
 	background-position:50% 0;
	/*
	IE needs background:center;
	*/
}

video,
embed,
object,
iframe {
	/*
	Flexible Embedded Videos
	max-width:100% doesn't work i=on the embed element in Safari
	width:100% is a successful workaround
	*/
	width: 100%;
}


/* -----------------------------------------------
:: 	Tabular data
----------------------------------------------- */
table {
	width: 100%;
	margin:0 0 1.5em 0;
    border-collapse:collapse;
    border-spacing:0;
	border-top:1px solid #eaeaea;
	/*border-right:1px solid #eaeaea;
	border-left:1px solid #eaeaea;*/
}

th {
	font-weight:normal;
	font-family:'Montserrat-SemiBold', Arial, sans-serif;
	color:#222;
}

th,
td {
	display: table-cell;
	padding: 0.75em 0.5em 0.5em 0.5em;
	line-height: 1.25em;
	border: 1px solid #666666;
	vertical-align: top;
}

th {
	text-align: left;
}

td {
	font-size:0.875rem;
}

td input,
td select,
td textarea {
	font-size:0.875rem;
}


/* -----------------------------------------------
:: 	Forms & Buttons
----------------------------------------------- */
:focus {
	outline:0;
}

input, select, textarea {
	/*
	from elements, namely textarea do not
	inherit font styles, hence the repeat
	family and size declaration
	*/
	font-family:'Montserrat-Regular', Arial, sans-serif !important;
	font-size:16px;
	font-size:1rem;
	color: #4a4a4a;
	overflow:hidden;
	border: 1px solid #ddd;
	/*background-color: #ddd;*/
}

input[type=text]:focus, 
input[type=email]:focus,
textarea:focus {
	border:1px solid #ed0464 !important;
	outline: 0 none;
	background-color: #ffffff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
select,
textarea {
	width:100%;
	padding:1em 1em 1em 1em !important;
	border:1px solid #fff !important;
	font-family:'Montserrat-Regular', Arial, sans-serif !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-o-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	transition-duration:0.4s;
}

.button,
input[type="submit"],
input[type="button"],
button,
button[type="submit"] {
	display: inline-block;
	width:auto;
	padding: 1em 2em 1em 2em !important;
	font-weight: normal !important;
    font-family: 'Montserrat-Bold', Arial, sans-serif !important;
    font-size: 1.125rem !important;
    color: #fff;
	text-align:center;
	text-decoration:none;
	background-color: #ed0464;
    border:none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor:pointer;
    outline: none;
    /*
    override ios buttons
    */
	-webkit-transition-duration:0.4s;
	   -moz-transition-duration:0.4s;
         -o-transition-duration:0.4s;
        -ms-transition-duration:0.4s;
            transition-duration:0.4s;
       -webkit-appearance:none;
}