<commit_before>---
---

@import "variables";
@import "mixins";

/*
 * Fonts
 */
@include font-face(Garden, "garden.regular", garden);

/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: $white;
    background-color: $black;
    border-bottom: 8px solid $black;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    font-weight: 500;
    text-shadow: 3px 3px 5px rgba(47, 47, 47, 0.3);
    font-family: Garden,"Palatino Linotype", "Book Antiqua", Palatino, serif;
    letter-spacing: 1px;
    line-height: 1.8;
}

h2 {
    font-size: 36px;
    text-align:center;
}
h3.link-title {
    margin-bottom: 10px
}

p {
    margin: 0 0 25px;
    line-height: 1.5;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    a {
        text-decoration: underline;
        color: $primary-dark;
    }
}

input {
    color: black;
}

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        line-height: 1.6;
    }
    h1 {
        font-size: 68px;
        margin-top: 30px;
    }
    h2 {
        font-size: 56px;
        margin-top: 30px;
    }
}

a {
    color: $black;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    &:hover,
    &:focus {
    text-decoration: none;
        color: darken($primary, 20%);
    }
}

.unstylized {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 21px;
}

ul,
ol {
  text-align: center;
  margin: 0 0 35px;
  font-size: 20px;
  line-height: 1.5;
  list-style-position: inside;
}

.navbar-custom {
    margin-bottom: 0;
    font-family: Garden,"Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 0px;
    border-bottom: none;
    letter-spacing: 1px;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    /*border-top: 8px solid $primary; */
    background: $black;

    /* Fix height limit and scroll for small screen and many items menu */
    max-height: 100%;
    overflow-y: auto;

    .navbar-collapse {
        text-align: center;
    }
    .navbar-nav {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        display: inline-block;
        float: none;
        li>a {
            padding-top: 10px;
        }
    }
    .navbar-header {
        float: none;
        .navbar-brand {
            font-size: 25px;
            font-weight: 700;
            padding: 25px 15px;
            text-shadow: 1px 1px 1px $black;
                &:focus {
                    outline: none;
                }
            .navbar-toggle {
                padding: 4px 6px;
                font-size: 16px;
                    color: $white;
                    &:focus,
                    &:active {
                        outline: none;
                    }
            }
        }
    }
    a {
        color: $white;
    }
    ul {
      font-size: 20px;
    }
    .nav {
        li {
            &.active {
            outline: none;
            /*background-color: rgba($white, 0.3);*/
        }
            a {
                -webkit-transition: background .3s ease-in-out;
                -moz-transition: background .3s ease-in-out;
                transition: background .3s ease-in-out;
                &:hover,
                &:focus,
                &.active {
                    outline: none;
                    background-color: rgba($white, 0.3);
                }
                font-size: 16px;
            }
        }
    }

    @media(min-width:767px) {
        .navbar-header {
            text-align: center;
            .navbar-brand {
                float: none;
            }
        }
        .navbar-nav>li>a {
            padding-top: 0px;
            padding-bottom: 5px;
        }
    }
}

.down {
    height: 30px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    cursor: pointer;
    background: url(/img/caret.png) no-repeat;
    background-size: 40px;
    background-position: center;
    margin-top: 50px;
    animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 60px 0px 30px 0px;
    margin-top: 60px;
    text-align: center;
    color: $white;
    background: url( {{ site.background-img }} ) no-repeat left center scroll;
    background-color: $dark;
    text-shadow: 0 0 13px rgb(0, 0, 0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-top: 5px solid #ffffff;
    .intro-body {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        h2 {
            text-shadow: 0 0 13px rgb(0, 0, 0);
        }
        a:not(:hover) {
            color: $white;
        }
    }
    .addeventatc:hover {
        border: 1px solid $primary;
    }
}

.content-section {
    color: $black;
    background-color: $white;
    box-shadow: 1px 1px 1px $black;
    &.even {
        background-color: $primary-light;
    }
    &#ceremony{
        padding-top: 0px;
        .image-banner {
            background: url(/img/gold.jpg) no-repeat center bottom;
            background-size: 100%;
            min-height: 220px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            h1 { 
                color: white;
                text-shadow: 0 0 13px rgb(0, 0, 0);
            }
        }
    }
    padding-top: 60px;
    padding-bottom: 85px;
}

.content-section.recs {
    border-bottom: 1px solid $black; 
    padding-bottom: 60px;

    h1 {
        line-height: 1.3;
    }
}
#rec-map {
    background-color: #ffffff;
    color: #000000;

    span {
        font-family: 'Open Sans', sans-serif;
        margin-top: -5px;
        font-size: 16px;
    }
    h3 { margin-bottom: 10px; }
    .row {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .key {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
    }
    #blue {
        background-color: rgb(2,136,209);
    }
    #pink {
        background-color: rgb(194,24,91);
    }
    #yellow {
        background-color: rgb(255,214,0);
    }
    #black {
        background-color: #000000;
    }
}

.important-row {
    font-size: 15px;
    a {
        text-decoration: none;
    }
}

.split-row {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    .row-copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        img {
            align-self: center; 
            height: 250px;
            width: 250px;
        }
    }
}

.row-copy {
    text-align: left;
}

footer {
    min-height: 150px;
    background: url(/img/feet.jpg) no-repeat center bottom;
    background-color: $dark;
    background-size: cover;
    border-bottom: 10px solid $black;
    box-shadow: 0 -3px 12px #cccccc;
    border-top: 5px solid $black;
}

@media(min-width:767px) {
    .content-section {
        padding-top: 100px;
        padding-bottom: 125px;
        &#ceremony {
            .image-banner {
                min-height: 350px;
            }
        }
    }
    .content-section.recs {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .content-section.rec-head {
        padding-top: 80px;
    }

    .intro {
        padding-top: 100px;
        .important-row, .unstylized {
            font-size: 30px;
            line-height: 30px;
        }
        .intro-body {
            .brand-heading {
                font-size: 100px;
            }
        }
    }
    .split-row {
        flex-direction: row;
        justify-content: center;
        .row-copy {
            h3 {
                margin-bottom: 25px
            }
            img {
                height: 280px;
                width: 280px;
            }
        }
    }
}

@media(max-width:767px) {
    .intro {
        h2 {
            margin-bottom: 15px;
        }   
    }
    .important-row {
        margin-bottom: 15px;
    }
    .down {
        margin-top: 30px;
    }
}

@media(max-width:400px) {
    .intro {
        padding: 27px 0px 0px 0px;
        margin-top: 60px;
        /*background-image: url('/img/scoop-bg-blur.png');*/
        background-position: center;
        .intro-body {
            padding-top: 6px;
            /*background: url(/img/darkscoop.png) no-repeat;*/
            background-size: contain;
        }
    }
}
<commit_msg>Fix nav overflow<commit_after>---
---

@import "variables";
@import "mixins";

/*
 * Fonts
 */
@include font-face(Garden, "garden.regular", garden);

/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: $white;
    background-color: $black;
    border-bottom: 8px solid $black;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    font-weight: 500;
    text-shadow: 3px 3px 5px rgba(47, 47, 47, 0.3);
    font-family: Garden,"Palatino Linotype", "Book Antiqua", Palatino, serif;
    letter-spacing: 1px;
    line-height: 1.8;
}

h2 {
    font-size: 36px;
    text-align:center;
}
h3.link-title {
    margin-bottom: 10px
}

p {
    margin: 0 0 25px;
    line-height: 1.5;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    a {
        text-decoration: underline;
        color: $primary-dark;
    }
}

input {
    color: black;
}

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        line-height: 1.6;
    }
    h1 {
        font-size: 68px;
        margin-top: 30px;
    }
    h2 {
        font-size: 56px;
        margin-top: 30px;
    }
}

a {
    color: $black;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    &:hover,
    &:focus {
    text-decoration: none;
        color: darken($primary, 20%);
    }
}

.unstylized {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 21px;
}

ul,
ol {
  text-align: center;
  margin: 0 0 35px;
  font-size: 20px;
  line-height: 1.5;
  list-style-position: inside;
}

.navbar-custom {
    margin-bottom: 0;
    font-family: Garden,"Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 0px;
    border-bottom: none;
    letter-spacing: 1px;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    /*border-top: 8px solid $primary; */
    background: $black;

    .navbar-collapse {
        text-align: center;
    }
    .navbar-nav {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        display: inline-block;
        float: none;
        li>a {
            padding-top: 10px;
        }
    }
    .navbar-header {
        float: none;
        .navbar-brand {
            font-size: 25px;
            font-weight: 700;
            padding: 25px 15px;
            text-shadow: 1px 1px 1px $black;
                &:focus {
                    outline: none;
                }
            .navbar-toggle {
                padding: 4px 6px;
                font-size: 16px;
                    color: $white;
                    &:focus,
                    &:active {
                        outline: none;
                    }
            }
        }
    }
    a {
        color: $white;
    }
    ul {
      font-size: 20px;
    }
    .nav {
        li {
            &.active {
            outline: none;
            /*background-color: rgba($white, 0.3);*/
        }
            a {
                -webkit-transition: background .3s ease-in-out;
                -moz-transition: background .3s ease-in-out;
                transition: background .3s ease-in-out;
                &:hover,
                &:focus,
                &.active {
                    outline: none;
                    background-color: rgba($white, 0.3);
                }
                font-size: 16px;
            }
        }
    }

    @media(min-width:767px) {
        .navbar-header {
            text-align: center;
            .navbar-brand {
                float: none;
            }
        }
        .navbar-nav>li>a {
            padding-top: 0px;
            padding-bottom: 5px;
        }
    }
}

.down {
    height: 30px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    cursor: pointer;
    background: url(/img/caret.png) no-repeat;
    background-size: 40px;
    background-position: center;
    margin-top: 50px;
    animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 60px 0px 30px 0px;
    margin-top: 60px;
    text-align: center;
    color: $white;
    background: url( {{ site.background-img }} ) no-repeat left center scroll;
    background-color: $dark;
    text-shadow: 0 0 13px rgb(0, 0, 0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-top: 5px solid #ffffff;
    .intro-body {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        h2 {
            text-shadow: 0 0 13px rgb(0, 0, 0);
        }
        a:not(:hover) {
            color: $white;
        }
    }
    .addeventatc:hover {
        border: 1px solid $primary;
    }
}

.content-section {
    color: $black;
    background-color: $white;
    box-shadow: 1px 1px 1px $black;
    &.even {
        background-color: $primary-light;
    }
    &#ceremony{
        padding-top: 0px;
        .image-banner {
            background: url(/img/gold.jpg) no-repeat center bottom;
            background-size: 100%;
            min-height: 220px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            h1 { 
                color: white;
                text-shadow: 0 0 13px rgb(0, 0, 0);
            }
        }
    }
    padding-top: 60px;
    padding-bottom: 85px;
}

.content-section.recs {
    border-bottom: 1px solid $black; 
    padding-bottom: 60px;

    h1 {
        line-height: 1.3;
    }
}
#rec-map {
    background-color: #ffffff;
    color: #000000;

    span {
        font-family: 'Open Sans', sans-serif;
        margin-top: -5px;
        font-size: 16px;
    }
    h3 { margin-bottom: 10px; }
    .row {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .key {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
    }
    #blue {
        background-color: rgb(2,136,209);
    }
    #pink {
        background-color: rgb(194,24,91);
    }
    #yellow {
        background-color: rgb(255,214,0);
    }
    #black {
        background-color: #000000;
    }
}

.important-row {
    font-size: 15px;
    a {
        text-decoration: none;
    }
}

.split-row {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    .row-copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        img {
            align-self: center; 
            height: 250px;
            width: 250px;
        }
    }
}

.row-copy {
    text-align: left;
}

footer {
    min-height: 150px;
    background: url(/img/feet.jpg) no-repeat center bottom;
    background-color: $dark;
    background-size: cover;
    border-bottom: 10px solid $black;
    box-shadow: 0 -3px 12px #cccccc;
    border-top: 5px solid $black;
}

@media(min-width:767px) {
    .content-section {
        padding-top: 100px;
        padding-bottom: 125px;
        &#ceremony {
            .image-banner {
                min-height: 350px;
            }
        }
    }
    .content-section.recs {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .content-section.rec-head {
        padding-top: 80px;
    }

    .intro {
        padding-top: 100px;
        .important-row, .unstylized {
            font-size: 30px;
            line-height: 30px;
        }
        .intro-body {
            .brand-heading {
                font-size: 100px;
            }
        }
    }
    .split-row {
        flex-direction: row;
        justify-content: center;
        .row-copy {
            h3 {
                margin-bottom: 25px
            }
            img {
                height: 280px;
                width: 280px;
            }
        }
    }
}

@media(max-width:767px) {
    .intro {
        h2 {
            margin-bottom: 15px;
        }   
    }
    .important-row {
        margin-bottom: 15px;
    }
    .down {
        margin-top: 30px;
    }
}

@media(max-width:400px) {
    .intro {
        padding: 27px 0px 0px 0px;
        margin-top: 60px;
        /*background-image: url('/img/scoop-bg-blur.png');*/
        background-position: center;
        .intro-body {
            padding-top: 6px;
            /*background: url(/img/darkscoop.png) no-repeat;*/
            background-size: contain;
        }
    }
}

{'fraction_non_alphanumeric': 0.12928340659922674, 'fraction_numerical': 0.037021344208463536, 'mean_word_length': 1.5304207987134817, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3478828', 'n_tokens_mistral': 7049, 'n_tokens_neox': 6304, 'n_words': 1374}