html {
    overflow-y: scroll;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f3f3f4;
    font-family: 'Roboto', sans-serif;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.jumbotron_1 {
    background-color: #ACD1E9;
    color: #555555;
    text-align: center;
    padding-bottom: 5px;
    width: 100%;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

    h1.mission {
        font-size: 1.2em;
    }

    h1.contact {
        font-size: 2.0em;
    }

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

    h2.thanks {
        font-weight: bold;
        font-size: 1.4em
    }

    h2.larger {
        font-size: 2.5em;
        padding-bottom: 20px;
    }

h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
}

p {
    font-size: 1.1em;
}

p.footer {
    font-size: 0.9em;
}

.p_tag {
    font-size: 1.1em;
}

/* Large rounded border */
hr.rdbr {
    border: 5px solid #1d96d3;
    border-radius: 5px;
}

.staff {
    border: 2px white solid;
    background-color: #CAC40C;
    color: black;
    margin: auto;
}

div.border {
    background-color: #aacf39;
    padding: 5px;
    border-radius: 5px;
    margin: 5px;
}

div.eb_border {
    background-color: #CAC40C;
    color: black;
    width: 300px;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

h3.eb {
    color: #313C53;
}

.gc {
    color: #006699;
}

.emailopt {
    display: none;
}

textarea {
    resize: none;
}

.donate {
    color: #f6921f !important;
    background-color: white;
}

.validateError {
    color: #ff0000;
    font-size: 0.8em;
    font-style: italic;
    margin-left: 10px;
}

.hunger {
    border: 2px solid grey;
    margin-bottom: 10px;
}

.hungertitle {
    padding-top: 20px;
    color: #127dd0;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .scroll-top-wrapper:hover {
        background-color: #888888;
    }

    .scroll-top-wrapper.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1.0;
    }

    .scroll-top-wrapper i.fa {
        line-height: inherit;
    }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*div.border {
        width: 300px;
        margin: auto;
    }*/

    body {
        padding-top: 5px;
    }

    .pd-3a {
        padding-top: 5px;
    }
    .input-group {
        position: relative;
        display: inline-block;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /*div.border {
        width: 300px;
        margin: auto;
    }*/

    body {
        padding-top: 5px;
    }

    .rmm_map {
        margin: auto;
    }

    .pd-3a {
        padding-top: 5px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /*div.border {
        width: 450px;
        margin: auto;
    }*/

    body {
        padding-top: 5px;
    }

    .rmm_map {
        margin: auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*div.border {
        width: 450px;
        margin: auto;
    }*/

    body {
        padding-top: 5px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*div.border {
        width: 550px;
        margin: auto;
    }*/

    body {
        padding-top: 5px;
    }

    .rmm_map {
        /*float: left;*/

    }
}

/* custom navbar */
/* change the background color */
.navbar-custom {
    background-color: #0c73cc !important;
    font-size: 1.2em;
    font-weight: bold;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: whitesmoke;
}

/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: whitesmoke;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #383838;
    /*background-color: #ee4400;*/
    /* add background-color to active links */
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: whitesmoke;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand:hover {
        color: #383838;
    }

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    /*color: red;*/
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #383838;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #e4e4e4;
    font-weight: bold;
}

.navbar-custom .dropdown-item {
    color: #383838;
    font-weight: bold;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
    /*background-color: rgba(255, 255, 255, .5);*/
}

.navbar-text {
    color: #dfdfdf !Important;
}
/* custom navbar end */

/*.carousel {
    width: 100%;
    margin: 5px auto;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-caption {
    position: relative;
    left: 0;
    top: 0;
}*/

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.carouseldiv {
    max-width: 600px;
    margin: auto;
    padding-top: 20px;
}


/* Owl-carousel */
/*.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    text-align: center;
}

.owl-nav {
    margin: 0 auto;
    top: 0px;
    left: 50%;
}

.owl-prev {
    left: -10px;
}

.owl-next {
    right: -10px;
}

.owl-prev i, .owl-next i {
    transition: all .3s ease-in-out;
    font-size: 20px;
}

.owl-prev i:hover, .owl-next i:hover {
    transform: scale(1.2);
}

.owl-carousel.owl-loaded {
    display: block;
    clear: both;
}

.owl-dots {
    text-align: center;
    margin-top: 10px;
}

.owl-carousel .owl-stage-outer {
    margin-top: -7px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
    border: 2px solid #cecece;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.3rem;
    border-radius: 0%;
    cursor: pointer;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-stage {
    margin-top: 40px;
}*/
/* owl carousel with navigation on top */
/*.top-centered-nav .owl-nav {
    position: absolute;
}

.top-centered-nav .owl-prev, .top-centered-nav .owl-next {
    top: 0%;
}

.top-centered-nav .owl-prev {
    left: -30px;
}

.top-centered-nav .owl-next {
    right: -30px;
}*/

/* opacity on hover */
.hover-opacity {
    transition: all 0.4s ease-in-out;
}
.hover-opacity:hover {
    opacity: 0.6;
}