@import url('reset.css');
@import url('navigation.css');
@import url('footer.css');
@import url('buttons.css');
@import url('documentation.css');
@import url('general.css');
@import url('animations.css');
@import url('utilities.css');

/* FONTS */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=f957ce9d-4583-4760-b5f3-240e072eff20");
@font-face{
    font-family:"Avenir Next W06 Thin";
    src:url("../fonts/d6bbcc06-5af6-4266-8a93-1a66f7a480e8.woff2") format("woff2"),url("../fonts/62d03fca-ae90-47ca-846e-aa7f048d8705.woff") format("woff");
}
@font-face{
    font-family:"Avenir Next W06 Regular";
    src:url("../fonts/8b1d5802-f86f-4cc1-95a8-261eabda1d22.woff2") format("woff2"),url("../fonts/30306912-4758-4c5f-8cd7-76a816c2e7aa.woff") format("woff");
}
@font-face{
    font-family:"Avenir Next W06 Italic";
    src:url("../fonts/014f2daa-c310-4a36-b9fd-79a8e0c48d44.woff2") format("woff2"),url("../fonts/12b00842-ec20-4c7f-aa72-802fb00f6cc4.woff") format("woff");
}
@font-face{
    font-family:"Avenir Next W06 Demi";
    src:url("../fonts/1d9a4bae-080b-46bf-93b0-5930ffd10549.woff2") format("woff2"),url("../fonts/e46a8eac-9aea-4ee0-a18d-ad17ee506926.woff") format("woff");
}
@font-face{
    font-family:"Avenir Next W06 Bold";
    src:url("../fonts/901a2c10-d319-4fb9-bcde-ecf09195e0cb.woff2") format("woff2"),url("../fonts/46a31e90-07d1-4815-abe0-145be90a93c2.woff") format("woff");
}


/* VARIABLES */

:root {
    --h1: 1.8rem;
    --h2: 1.6rem;
    --h3: 1.4rem;
    --h4: 1.2rem;
    --h5: 1.125rem;
    --p: 1rem;
    --text-small: 0.8rem;

    --bm-primary-blue: #002554;
    --bm-secondary-blue: #193962;
    --bm-light-blue: #0084c6;
    --bm-pastel-blue: #617b9b;
    --bm-dark-blue: #182752;
    --bm-primary-gold: #bb9d5a;
    --bm-dark-gold: #8D734A;
    --bm-secondary-gold: #dfb758;
    --bm-violet: #614776;
    --bm-pastel-pink: #DDD6E9;
    --bm-pink: #EC008C;
    --bm-orange: #cb7035;
    --bm-beige: #F8E5BE;
    --bm-white: #fff;
    --bm-black: #212121;
    --bm-dark-grey: #333;
    --bm-light-grey: #f2f2f2;
    --bm-link: #617b9b;
    --bm-link-hover: #8aaadb;
}


/* TYPOGRAPHY */

h1 { font-size: var(--h1); }  
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
h4 { font-size: var(--h4); }
h5 { font-size: var(--h5); }
p, strong, button, span, li { font-size: var(--p); }
small { font-size: var(--text-small); }

body {
    font-family:"Avenir Next W06 Regular";
    color: var(--bm-dark-blue);
}

h1, h2, strong, b {
	font-family:"Avenir Next W06 Bold";
}

h3, h4, h5 {
	font-family:"Avenir Next W06 Demi";
}

i {
	font-family:"Avenir Next W06 Italic";
}

button {
    font-family:"Avenir Next W06 Regular";
}

h1, h2, h3, h4, h5 {
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

p, strong {
    line-height: 1.4;
    margin-bottom: 1rem;
}

a {
    text-decoration: none;
    color: var(--bm-light-blue);
}

li {
    line-height: 1.4;
    margin-bottom: 0.5rem;
}
.dotted-list li {
    list-style: initial;
    margin-left: 2rem;
}
.numbered-list li {
    list-style: numbered;
    margin-left: 2rem;
}

section {
    position: relative;
    padding: 2rem 0;
}

section[class*="hero"] {
    padding-bottom: 0;
}

.custom-logo {
    width: 100%;
    max-width: 216px;
    max-height: 50px;
}

.widget {
    list-style: none;
}

.container {
    position: relative;
    margin: 0 1.5rem;
    padding: 2rem 0;
}

.no-padding {
    padding: 0;
}

.padding-top-bottom-1 {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    :root {
        --h1: 2.5rem;
        --h2: 2rem;
        --h3: 1.7rem;
        --h4: 1.4rem;
        --h5: 1.2rem;
        --p: 1.125rem
    }
}

@media (min-width: 992px) {
    .container {
        width: 85%;
        max-width: 1280px;
        margin: 0 auto;
    }
}