body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

.logo-link img {
    width: 50%;
}

.home-content {
    height: 65%; 
}
.home-content span{
    font-size: 2.5vw;
    font-weight: 500;
    color: #e6e6e6;
    margin-left: 7%;
    font-family: Futura-Md;
    height: 7vh;
}
.bg-text {
    opacity: 0.1;    
}

.bg-text span {
    color: #e6e6e6;
    font-family: Times-New-Roman-BI; 
    position: absolute;
    font-size: 44vw;
    margin-left: 4%;
    margin-top: -38vh;
}
.news-span {
    color: black !important;
    font-family: italic;
    padding-top: 10px;
    font-family: Times-New-Roman-BI;
    margin-left: -0.3vw;
    margin-top: 2vh;
}

.navbar {
    background-color: #efb820 !important;
    height: 10vh;
    overflow: auto; 
}

.nav-item {
    text-align: center !important;
    margin: 0.7vh; 
}
.nav-item .nav-link{
    color: #333333 !important;
    font-size: 1.5vw !important;
    font-family: Futura-Md; 
}

.nav-item .nav-link:hover{
        font-weight: bold !important; 
    }



.img-zoom { 
    position: relative;
    overflow: hidden;
}
.img-zoom a {
    display: block;
    width: 100%;
    transition: 0.4s ease;
    transform-origin: 50% 50%; /* center zoom */
}
.img-zoom a:hover {
    transform: scale(1.21);
}


.bg-image {
    width: 100vw;
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: center;
}
.bg-image-sm {
    width: 100vw;
    height:20vh; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: center;
}


.login-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    min-height: calc(100% - (0.5rem * 2));
    margin-top: 10%;
    margin-right: 5%;
    float: right;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
.modal-xsm {
    width: 19vw!important; 

}
.custom-modal {
    background-color: rgba(0,0,0,0.3) !important;
    Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.7);
    border: 1.9px solid #e6e6e6 !important;
    border-radius: 20px !important;
    padding-top: 0px !important;
}
.custom-modal .modal-body {
    padding-top: 0px !important;
    padding-left: 0.5vw !important;
    padding-right: 0.5vw !important;
}
.custom-modal input {
    border-radius: 20px !important;
    height: 1.9vw;
    font-size: 0.91vw !important;
    color: #222222;
    padding-left: 15px;
}
.custom-modal .modal-title {
    color: #e6e6e6 !important;
    font-size: 1.4vw !important;
    text-align: center !important
}

.custom-modal .modal-header {
    justify-content: center !important;
}
.custom-modal .ng-scope {
    color: red !important;
    font-size: 0.8vw !important;
    margin-left: 12px;
}


input::-webkit-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}
input:-moz-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}  /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}  /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}  /* Internet Explorer 10-11 */
input::-ms-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}  /* Microsoft Edge */

textarea::-webkit-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}

textarea:-moz-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}
/* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}
/* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}
/* Internet Explorer 10-11 */
textarea::-ms-input-placeholder {
    color: #888888 !important;
    font-size: 0.8vw !important;
}  
.modal-button-primary {
    width: 100% !important;
    height: 1.7vw;
    margin-top: 2px;
    background-color: #3c54a4;
    color: #e6e6e6!important;
    font-size: 0.95vw !important;
    font-weight: bold !important
}

.modal-button-default {
    width: 100% !important;
    height: 1.7vw;
    margin-top: 2px;
    font-size: 0.95vw !important;
    background-color: #efb820;
    color: #333333!important;
    font-weight: bold !important
} 
   
.title-divider {
    display: inherit;
    justify-content: center
}

.title-divider::after {
    /*background-image: -webkit-linear-gradient(right,rgba(255,255,255,0),#e6e6e6);
    background-image: -moz-linear-gradient(right,rgba(255,255,255,0),#e6e6e6);
    background-image: -ms-linear-gradient(right,rgba(255,255,255,0),#e6e6e6);*/
    background-color: #e6e6e6;
    margin-left: 5px;
}

.title-divider::before {
    /*background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),#e6e6e6);
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),#e6e6e6);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),#e6e6e6);*/
    background-color: #e6e6e6;
    margin-right: 5px;
}

.title-divider::before, .title-divider::after {
    content: "";
    display: inline-block;
    width: 0.8vw;
    height: 1px;
    vertical-align: middle;
    text-align: center; 
}

.title-divider label {
    color: #e6e6e6;
    font-size: 0.8vw;
}
.trapezoid {
    border-top: 73vh solid whitesmoke;
    border-right: 20vw solid transparent;
}

.trapezoid h1 {
    margin-top: -70vh;
    line-height: 1.5 !important;
    padding-left: 2vw;
    font-size: 1.4vw !important;
    width: 59vw;
    color: #3c54a4;
    font-family: Futura-Md;
    font-weight: 400;
}

.logo img{ 
    height: 5vh !important;
    width: 5vw !important;
    position: absolute!important;
    top: 8vh;
    right: 2vh;
}

.logo input {
    top: 6vh;
    height: 4.5vh !important;
    width: 10vw !important;
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #3c54a4;
    color: #3c54a4!important;
    font-size: 1vw!important;
}

.btn-icon {
    background-color: #efb820;
    color: #333333 !important;
    font-size: 0.8vw;
}

.timeline-date-label {
    color: #333333 !important;
    font-size: 0.9vw !important;
    font-family: Futura-Md;
    font-weight: bold !important; 
}