﻿#sign-in {
    margin: 40px;
}

.sign-in-col-right {
    padding-left: 20px;
    padding-right: 20px;
}

p.error-message {
  color: #ef561f;
  text-align: center;
  margin-top: -45px;
  margin-bottom: 10px;
}

/*Password reset result page*/
.p-reset-result-page {
  text-align: center;
}

#sign-in .p-success-msg {
  margin-bottom: 50px;
}

/*main resource hub container, after topnav*/
.resource-hub-main{
    margin-top: 10px;
}

.resource-hub-main .sidebar {
    margin-top: 40px;
}

@media (min-width: 992px) {
    #resource-hub-main {
        padding-left: 100px;
    }
}

/*Resource Hub Pages (Assets, Change Password, Edit Profile, See Profile)*/
#resource-hub + .m-footer-demo {
  display: none;
}

/*top navbar*/
#resource-hub .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background: #F2F2F2;
}

@media only screen and (min-width: 992px) {
    #resource-hub .navbar {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/*asset headings*/
#resource-hub .list-group.fw-bold {
    color: #0081A6;
    font-family: Source Sans Pro;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.0025em;
    text-align: left;
    font-size: 1.5rem;
    padding: 10px 0;
}
#resource-hub .list-group ul {
    padding: 0;
}

#resource-hub .asset-type {
    font-weight: normal;
    padding: 10px 0px 5px 15px;
 
}

#resource-hub .asset-type.active {
   background-color: #F2F2F2;
}



    #resource-hub .asset-type a {
        text-decoration: none;
    }
    #resource-hub .asset-type.active a {
        font-weight: bold;
        color: #0081A6;
    }


#resource-hub .asset-type a:hover {
    text-decoration: underline;
}

.list-group.fw-bold:not(:last-of-type) {
    border-bottom: 3px solid #25CAE1;
}

.list-group.fw-bold:last-of-type {
    border-bottom: 3px solid #25CAE1;
}

/*.list-group-item.active {
    color: #0081A6;
    background-color: #f2f2f2;
}*/

/*asset image background*/
#resource-hub img.background {
    background: #F2F2F2;
}

/*asset card rows*/
#resource-hub .resource.card {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #B3B3B3;
}
    #resource-hub .resource.card.final {
        border-bottom: 0;
    }

    @media only screen and (min-width: 992px) {
        #resource-hub .resource.card {
        padding-left: 0px;
        padding-right: 40px;
    }
}

#resource-hub .resource.card:last-of-type {
    border-bottom: none; /*bottom resource has no hr*/
}

#resource-hub p {
    font-size: 1.25rem;
    line-height: 25px
}
#resource-hub .card-title{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
    font-weight: bold;
    margin-top: 36px;
}
@media only screen and (min-width: 992px) {
    #resource-hub .card-title {
        margin-top: 0;
    }
}
#resource-hub .card-text {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 16px
}

#resource-hub .m-standard-button {
    margin: 0;
    display: inline-block;
    margin-top: 16px;
}
#resource-hub .card-body .col-lg-4 {
    /* background: #f2f2f2; */
    text-align: center;
}
@media only screen and (min-width: 992px) {
    #resource-hub .card-body .col-lg-4 {
        padding-right: 10px;
    }
}

#resource-hub .card-body a.btn-primary {
    background-color: #D36234;
    padding: 12px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}
#resource-hub .card-body a.btn-primary:hover {
    text-decoration: underline;
}

#resource-hub .profile-form {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0;
}

    #resource-hub .profile-form h2 {
        margin-bottom: 2rem;
        font-weight: 600;
    }

#resource-hub .edit-profile-buttons button.btn-primary{
    background-color: #D36234;
    color: white;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#resource-hub .edit-profile-buttons button.btn-secondary {
    background-color: white;
    color: #121E3F;
    border: 1px solid black;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#resource-hub .change-password .m-show-relative {
    position: relative;
}
#resource-hub .change-password .m-btn-show {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
    #resource-hub .change-password .m-btn-show button {
        background: transparent;
        border: 0;
        text-decoration: underline;
    }

#resource-hub .change-password .form-submit button.btn-primary {
    background-color: #D36234;
    color: white;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#resource-hub .change-password .form-submit button.btn-secondary {
    background-color: white;
    color: #121E3F;
    border: 1px solid black;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#resource-hub .form-group {
    margin-bottom: 1.5rem;
}

    #resource-hub .form-group label {
        display: block;
        margin-bottom: 0.5rem;
        color: #1a264a;
        font-weight: bold;
    }

#resource-hub .form-control {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 0.75rem;
    width: 100%;
    background-color: #fff;
}

    #resource-hub .form-control:focus {
        border-color: #4a90e2;
        box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
    }

#resource-hub textarea.form-control {
    min-height: 150px;
}

#sign-out-btn button{
    text-decoration: underline;
    border: none;
    background: none;
    color: #041e42;
}


/*see my profile*/
#resource-hub .profile-section{
    margin-top: 30px;
}

#resource-hub .profile-section img{
    width: 100%;
    margin-top: 10px;
}

@media only screen and (min-width: 991px) {
    #resource-hub .profile-section img {
        max-width: 100% !important;
    }
}


/*info tiles at bottom of page*/
#info-tiles {
    padding: 40px 0 50px;
}
@media only screen and (min-width: 992px) {
    #info-tiles {
        padding: 80px 0 100px;
    }
}
#info-tiles .info-tile img {
    margin-bottom: 0;
    width: 100%
}

#info-tiles .info-tile-text {
    background-color: white;
    padding: 40px;
}
#info-tiles .info-tile-text .text-24:first-child {
    font-size: 1.5rem;
}
#info-tiles .info-tile-text .m-standard-button {
    display: inline-block;
}
.info-tile {
    margin: 0 20px 40px;
}

    .info-tile img {
        width: 100%;
    }