/* General */
html {
    background-color: #F7F4F0;
}

.orange {
    color: #DCAC0E;
}

.white {
    color: #FFFFFF;
}

.orange-red {
    color: #DE5037;
}

.white {
    color: #FFFFFF;
}

.bg-red {
    background-color: #DE5037;
}

.bg-beige {
    background-color: #F7F4F0;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-grey {
    background-color: #D2DBDF;
}

@media screen and (min-width: 1200px) {
    .content-width {
        width: 1200px;
        padding: 0;
    }
}

.btn-warning,
.btn-warning:active,
.btn-warning:visited {
    background-color: #DCAC0E !important;
    border-color: #DCAC0E !important;
    color: #FFFFFF;
}

.btn-warning:hover {
    border-color: #b48c07 !important;
    background-color: #b48c07 !important;
    color: #FFFFFF;
}

/* Forms */
.border-danger {
    border-color: #DE5037 !important;
}

.form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777777;
    opacity: 1;
    /* Firefox */
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777777;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777777;
}

/* Navbar */
.navbar-toggler {
    border: 0px solid #F7F4F0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(3, 27, 59, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.btn-close-white {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

.btn-close {
    color: #fff;
    opacity: 1;
}

.offcanvas.offcanvas-start {
    width:430px !important;
}

.navbar-nav {
    @media screen and (max-width: 1200px) {
        * span {
            font-size: 3vw !important;
        }
    }

    .nav-link.show {
        color: #031B3B !important;
    }

    li {
        a {
            color: #031B3B;
            line-height: 100%;

            i {
                font-size: 200%;
            }
        }

        a:hover,
        a:visited {
            color: #031B3B;
            text-decoration: underline;
        }

        .dropdown-menu {
            background-color: #D2DBDF;
            border: 0 !important;

            li {
                a {
                    color: #031B3B;
                    font-weight: normal;
                }

                a:hover {
                    color: #DE5037;
                    background-color: #D2DBDF;
                    text-decoration: none;
                }
            }
        }
    }
}

.header {
    box-shadow: 0 15px 12px -12px #999999;
}

.publicity {
    top: 91px;
}

/* Footer */
footer {

    * a,
    * a:visited {
        text-decoration: none;
        color: #031B3B;
    }

    * a:hover {
        text-decoration: underline;
    }

    @media screen and (max-width: 1200px) {
        * address,
        * .legal {
            font-size: 3vw !important;
        }
    }
}

/* Bootstrap overrides */
.container {
    padding-right: 0;
    padding-left: 0;
}