@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');

$primary: #0F7C11;
$secondary: #FFFFFF;

$font-family-base: "Space Mono" !default;
$headings-font-family: "Space Mono";

$font-size-base: 1rem;
$h1-font-size: $font-size-base * 4.75;
$h2-font-size: $font-size-base * 2.5;
$h3-font-size: $font-size-base * 1.875;

$line-height-base: 1.6875;
$headings-line-height: 1.05;

$padding-left-default: 5.3125rem;

body {
    overflow-x: hidden;
}

.text-page {
    h2 {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    
    h1 {
        padding-bottom: 6rem;
    }
}




html {
    font-size: 16px;
}

footer {
    margin-top: 12rem;
    padding-left: $padding-left-default;
    color: $primary;
    font-size: 0.81rem
}

#hero {
    width: 100%;
    padding-left: $padding-left-default;
    padding-right: 5.3125rem;
}

.green-block {
    margin-top: 16rem;
    margin-bottom: 8rem;
    padding-top: 24rem;
    height: 1247px;
}

.green-background {
    position: relative;
    background: $primary;
    color: white;   
}

.sidescroll {
    position: absolute !important;
    top: -8rem;
    width: 100%;
    height: 405px;
    padding-right: 0 !important;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;

    &::-webkit-scrollbar {
        width: 0px;  /* remove scrollbar space */
        background: transparent;  /* optional: just make scrollbar invisible */
    }
}

.content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: $padding-left-default !important;
    padding-right: 5.3125rem !important;
}


li.nav-item {
    height: 2.75rem;

    a.nav-link {
        //line-height: 1rem;
        padding-top: 0;
    }

    &.active > a.nav-link {
        font-weight: 700;
    
        &:before {
            content: "•";
            margin-right: -4px;
        }
    }
}

main.container-fluid {
    padding: 0;
}

@import "nav.scss";
@import "bootstrap.scss";