/* Normalisation styles */
html {
	font-size: 100%;
	text-size-adjust: 100%;
	height: auto;
	background: $body-color;
    font-family: $bt-font-family;
    scroll-behavior: smooth;
    overflow-x: hidden;
	input[type="button"] {
		-webkit-appearance: button;
		cursor: pointer;
		*overflow: visible;
	}
}
button {
	font-family: $bt-font-family;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	text-align: left;
	line-height: $base-line-height;
	-webkit-appearance: button;
	cursor: pointer;
	&::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
}
input {
	font-family: $bt-font-family;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	text-align: left;
	line-height: $base-line-height;
	color: $bt-black;
	&::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
}
select {
	font-family: $bt-font-family;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	text-align: left;
	color: $bt-black;
}
textarea {
	font-family: $bt-font-family;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
    text-align: left;
    line-height: $base-line-height;
	overflow: auto;
	vertical-align: top;
	resize: none;
	color: $bt-black;
}
body {
	margin: 0;
	background: $body-color;
	font-family: $bt-font-family;
	font-size: 1em;
	line-height: $base-line-height;
	list-style: none;
	text-align: left;
	height: auto;
    color: $bt-black;
    overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
.hero {
    font-family: $bt-font-family-headline;
    padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h1, .heading1 {
    font-family: $bt-font-family-headline;
	padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h2, .heading2 {
    font-family: $bt-font-family-headline;
	padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h3, .heading3 {
    font-family: $bt-font-family-headline;
	padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h4, .heading4 {
	font-family: $bt-font-family-bold;
	padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h5, .heading5 {
	font-family: $bt-font-family-bold;
	padding: 0;
	margin: 0;
	outline: 0;
	position: static;
}
h6, .heading6 {
	font-family: $bt-font-family-bold;
	padding: 0;
	margin: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}
b {
    font-weight: 700;
    font-family: $bt-font-family-bold;
}
strong {
    font-weight: 700;
    font-family: $bt-font-family-bold;
}
i {
    font-style: italic;
    font-family: $bt-font-family-italic;
    margin: 0 0.135em;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: $bt-black;
}
p {
	margin: 1em 0;
	color: inherit;
	font-family: $bt-font-family;
	padding: 0;
	margin: 0;
}
pre {
	margin: 1em 0;
	font-family: $bt-font-code;
	font-size: 1em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code {
	font-family: $bt-font-code;
    font-size: 1em;
}
kbd {
	font-family: $bt-font-code;
	font-size: 1em;
}
samp {
	font-family: $bt-font-code;
	font-size: 1em;
}
q {
	quotes: none;
	&:before {
		content: "";
		content: none;
	}
	&:after {
		content: "";
		content: none;
	}
}
small {
	font-size: 80%;
}
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	bottom: -0.25em;
}
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.25em;
}
dl {
	margin: 1em 0;
}
menu {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
	list-style: none;
}
ul {
	margin: 1em 0;
	padding: 0 0 0 40px;
	list-style: none;
	padding: 0;
	margin: 0;
}
dd {
	margin: 0 0 0 40px;
}
nav {
	ul {
		list-style: none;
		list-style-image: none;
	}
	ol {
		list-style: none;
		list-style-image: none;
	}
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg {
	&:not(:root) {
		overflow: hidden;
	}
}
figure {
	margin: 0;
}
form {
	margin: 0;
	font-size: 14px;
}
fieldset {
	border: 1px solid $bt-grey-light-80;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}
input[type="reset"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}
button[disabled] {
	cursor: default;
	color: $bt-grey-dark-20;
	background: $bt-grey-light-80;
	background: none;
}
input[disabled] {
	cursor: default;
	color: $bt-grey-dark-20;
	background: $bt-grey-light-80;
}
textarea[disabled] {
	cursor: default;
	color: $bt-grey-dark-20;
	background: $bt-grey-light-80;
}
div[disabled] {
	opacity: 0.7;
	pointer-events: none;
}
input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
	&::-webkit-search-cancel-button {
		-webkit-appearance: none;
		display: none;
	}
	&::-webkit-search-decoration {
		-webkit-appearance: none;
		display: none;
	}
	&::-webkit-search-results-button {
		display: none;
	}
	&::-webkit-search-results-decoration {
		display: none;
	}
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: $bt-font-family;
}
option {
	color: $bt-black;
	font-family: $bt-font-family;
}
a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
    padding: 0 2px;
    color: $bt-hyperlink-color;
    position: relative;
    &.link {
        &:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: $bt-hyperlink-color-active;
            visibility: hidden;
            transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
        }
        &:hover {
            &:before {
                visibility: visible;
                transform: scaleX(1);
            }
        }
    }
	&:visited, &:active {
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
        color: $bt-hyperlink-color-active;
	}
	&:hover {
		text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        color: $bt-hyperlink-color-hover;
    }
}

:-moz-any-link {
	&:focus {
		outline: 0;
	}
}
::-webkit-input-placeholder {
	font-size: 10pt;
	color: $bt-input-placeholder;
}
:-moz-placeholder {
	font-size: 10pt;
	color: $bt-input-placeholder;
}
::-moz-placeholder {
	font-size: 10pt;
	color: $bt-input-placeholder;
}
:-ms-input-placeholder {
	font-size: 10pt;
	color: $bt-input-placeholder;
}
::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}
input[type="number"] {
	&::-webkit-inner-spin-button {
		appearance: none;
		margin: 0;
	}
	&::-webkit-outer-spin-button {
		appearance: none;
		margin: 0;
	}
}
@media only screen and (max-width: 767px) {
    .hero {
		font-size: 4em;
		line-height: 1.125em;
	}
	h1, .heading1 {
		font-size: 2em;
		line-height: 1.125em;
	}
	h2, .heading2 {
		font-size: 1.625em;
		line-height: 1.153em;
	}
	h3, .heading3 {
		font-size: 1.375em;
		line-height: 1.181em;
	}
	h4, .heading4 {
		font-size: 1.25em;
		line-height: 1.277em;
	}
	h5, .heading5 {
		font-size: 1.1em;
		line-height: 1.25em;
	}
	h6, .heading6 {
		font-size: 0.9em;
		line-height: 1.08em;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .hero {
		font-size: 5em;
		line-height: 1.1em;
	}
	h1, .heading1 {
		font-size: 2.5em;
		line-height: 1.1em;
	}
	h2, .heading2 {
		font-size: 2em;
		line-height: 1.125em;
	}
	h3, .heading3 {
		font-size: 1.5em;
		line-height: 1.166em;
	}
	h4, .heading4 {
		font-size: 1.25em;
		line-height: 1.25em;
	}
	h5, .heading5 {
		font-size: 1.1em;
		line-height: 1.21em;
	}
	h6, .heading6 {
		font-size: 0.95em;
		line-height: 1.05em;
	}
}
@media only screen and (min-width: 1200px) {
    .hero {
		font-size: 6em;
		line-height: 1.062em;
	}
	h1, .heading1 {
		font-size: 3em;
		line-height: 1.062em;
	}
	h2, .heading2 {
		font-size: 2.25em;
		line-height: 1.181em;
	}
	h3, .heading3 {
		font-size: 1.75em;
		line-height: 1.142em;
	}
	h4, .heading4 {
		font-size: 1.25em;
		line-height: 1.25em;
	}
	h5, .heading5 {
		font-size: 1em;
		line-height: 1.25em;
	}
	h6, .heading6 {
		font-size: 0.9em;
		line-height: 1em;
	}
}


.font-regular {
	font-family: $bt-font-family;
}
.font-italic {
    font-family: $bt-font-family-italic;
    font-style: italic;
}
.font-bold {
    font-family: $bt-font-family-bold;
    font-weight: bold;
}
.font-bold-italic {
    font-family: $bt-font-family-bold-italic;
}
.font-headline {
    font-family: $bt-font-family-headline;
}
.font-headline-italic {
    font-family: $bt-font-family-headline-italic;
}
.font-condensed {
    font-family: $bt-font-family-condensed;
}
.font-condensed-bold {
    font-family: $bt-font-family-condensed-bold;
}

.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.text-lead {
    font-size: 1.25rem;
}
.text-body {
    font-size: 1rem;
}
.text-small, .text-caption {
    font-size: 0.875rem;
}
.text-tiny, .text-caption-small {
    font-size: 0.9rem;
    font-family: $bt-font-family-condensed;
}
.text-caption-tiny {
    font-size: 0.8rem;
    font-family: $bt-font-family-condensed;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-capitalize, .text-capitalise {
    text-transform: capitalize !important;
}

/* Overlays */
#overlayWhite {
    background: rgba(237, 237, 237, 0.9);
    background: -moz-radial-gradient(
        center,
        ellipse cover,
        rgba(237, 237, 237, 0.9) 0%,
        rgba(246, 246, 246, 0.79) 22%,
        rgba(255, 255, 255, 0.4) 100%
    );
    background: -webkit-gradient(
        radial,
        center center,
        0px,
        center center,
        100%,
        color-stop(0%, rgba(237, 237, 237, 0.9)),
        color-stop(22%, rgba(246, 246, 246, 0.79)),
        color-stop(100%, rgba(255, 255, 255, 0.4))
    );
    background: -webkit-radial-gradient(
        center,
        ellipse cover,
        rgba(237, 237, 237, 0.9) 0%,
        rgba(246, 246, 246, 0.79) 22%,
        rgba(255, 255, 255, 0.4) 100%
    );
    background: -o-radial-gradient(
        center,
        ellipse cover,
        rgba(237, 237, 237, 0.9) 0%,
        rgba(246, 246, 246, 0.79) 22%,
        rgba(255, 255, 255, 0.4) 100%
    );
    background: -ms-radial-gradient(
        center,
        ellipse cover,
        rgba(237, 237, 237, 0.9) 0%,
        rgba(246, 246, 246, 0.79) 22%,
        rgba(255, 255, 255, 0.4) 100%
    );
    background: radial-gradient(
        ellipse at center,
        rgba(237, 237, 237, 0.9) 0%,
        rgba(246, 246, 246, 0.79) 22%,
        rgba(255, 255, 255, 0.4) 100%
    );
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1500;
    top: 0;
}
#overlayBlack {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1200;
    background: rgba(0, 0, 0, 0.3);
}

@import './color-palette.scss';