.top {
    padding: 40px 0;
    /*background-color: #f7f7f7;*/
}

    .top h5 {
        color: #666;
        font-size: 1.2rem;
        margin-bottom: 20px;
    }


.page .img {
    width: 100%;
    border-radius: 6px
}

.page .img-competition-summary {
    width: 200px;
    border-radius: 6px
}

.page {
    margin-top: 50px;
    margin-bottom: 50px
}

    .page .title h1 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #333;
        /*text-transform: uppercase;*/
    }


h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
    text-transform: uppercase;
}

h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    text-transform: uppercase;
}

.carousel-item h1 {
    text-shadow: 0 1px 12px #555;
    color: white;
    margin-bottom: 0;
}

a {
    /*color: #81C711;*/
    color: #669E0E;
    text-decoration: none;
}

    a:hover {
        color: #669E0E;
        text-decoration: underline;
    }


.navbar .navbar-brand {
    height: 60px;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 500;
    color: #666 !important;
    font-size: 1.0em;
}

.dropdown-item {
    font-weight: 500;
    color: #666;
}

.btn {
    color: #fff;
    background-color: #81C711;
    min-width: 150px;
    padding: 5px 15px 5px 15px;
}

    .btn:hover {
        color: #fff;
        background-color: #669E0E;
    }

.btn-load {
    margin: 25px 10px 0;
    color: #fff;
    border: 1px solid #dedede;
}

    .btn-load:hover {
        color: #fff;
        border: 1px solid #dedede;
    }

.btn-icon {
    min-width: 50px;
    width: 50px;
}


.form-control {
    /*background-color: #FAFFF5;*/
}

.input-validation-error {
    background-color: pink;
}

.copyright {
    background-color: white;
}

.navbar .navbar-nav .btn-submit-recipe a {
    padding: .375rem .75rem;
    color: white !important;
    font-weight: 400;
}

    .navbar .navbar-nav .btn-submit-recipe a:hover {
        background-color: #669E0E;
        color: white !important;
        font-weight: 400;
    }

.btn-cancel {
    color: #81C711;
    /*background-color: #FAFFF5;*/
    background-color: white;
    border-color: #ced4da;
}

.btn-delete {
    color: white;
    /*background-color: #FAFFF5;*/
    background-color: red;
    /*border-color: #ced4da;*/
}

.btn-delete:hover {
    color: white;
    /*background-color: #FAFFF5;*/
    background-color: darkred;
    /*border-color: #ced4da;*/
}


.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    color: #fff;
    background-color: #81C711;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    color: #fff;
    background-color: #81C711;
}

.highlight-panel {
    background-color: #FBFFF6;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

@media only screen and (max-width: 768px) {
    body {
        padding-top: 71px;
    }
    .page .title h1 {
        font-size: 22px;
        margin-bottom: 10px;
        color: #333;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 480px) {
    body {
        padding-top: 71px;
    }

    .page .title h1 {
        font-size: 20px;
        margin-bottom: 10px;
        color: #333;
        padding-top: 10px;
    }
}

.p-indent {
    margin-left: 15px;
    margin-right: 15px;
}