@charset "UTF-8";

body, .modal-dialog, .modal { overscroll-behavior: contain; }


input:required, select:required, textarea:required{
    border-left: 2px solid #22d6be;
}

iframe.height-full{
    height: 67vh;
    overflow-x: scroll;
}

.media-chat-item p {
    margin: 0;
}

.bg-indigo-dark{
    background-color: #373c57;
    color: #adadad !important;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Neusa Next Std Compact Regular", sans-serif;
    font-weight: normal;
}

h1.font-big-header{
    font-size: 6rem;
    color: #fff;
    text-shadow: 1px 5px 5px #2e2e2e;
}

h4.font-big-header{
    font-size: 3rem;
    color: #fff;
    font-weight: 300;
    text-shadow: 1px 5px 5px #2e2e2e;
}

.pointer{
    cursor: pointer;
}

.border-bottom-5{
    border-bottom: 5px solid;
    border-radius: 5px;
}

.text-light-20 {
    color: rgba(255, 255, 255, .2) !important
}

.bg-gray{
    background-color: #2e2e2e;
}

.form-input-border{
    border: 2px solid #e7e7e7;
}

.img-svg-invert{
    filter: invert(100%);
}

.bg-nav{
    background-color: #282828;
}

.vh-50 {
    height: 50vh !important
}

.navbar-brand img {
    height: 40px;
    padding: 0px;
    line-height: 60px;
}

.navbar-brand :hover{
    border:0;
}

.navbar{
    box-shadow: none;
}

.navbar-brand img {
    height: 30px;
}

.line-height-small{
    line-height: 0.8rem;
}


.page-title-wrapper{
    background-size: 100%;
    background-position: center;
    margin: -50px 0 50px 0;
    height: 20em;
}

.site-page-title{
    font-family: "Neusa Next Std Compact Medium Italic";
    font-size: 8rem;
    color: transparent;
    line-height: 2.5em;
    font-style: italic;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    text-transform: uppercase;
    text-shadow: none;
}

.site-page-subtitle{
    font-family: "Neusa Next Std Compact Medium Italic";
    font-size: 4rem;
    color: black;
    line-height: 2em;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: none;
}



input[type="time"]::-webkit-calendar-picker-indicator{
    filter: invert(48%);
  }


@media screen and (max-width: 980px) {
    .page-title-wrapper{
        background-size: 190%;
        background-position: center;
        margin: -30px 0 30px 0;
        height: 15em;
    }
    .site-page-title{
        font-size: 5rem;
    }
}
