body {
    font-family: 'Montserrat', sans-serif;
    color: #393837;
    padding-top: 80px; /* An offset for the navigation bar */
}

.bg-light {
    background-color: #f8f8f8!important;
}

/* TEXT */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-weight: 700;
}

.text-blue {
    color: #4A81B5!important;
}

.text-gray {
    color: #393837!important;
}

.fw-400 {
    font-weight: 400!important;
}

.fw-600 {
    font-weight: 600!important;
}

.fw-700 {
    font-weight: 700!important;
}

/* CONTACT CARD */
.contact-card {
    box-shadow: 10px 20px 30px 0 rgb(0 0 0 / 10%);
    border-radius: 30px;
    background-color: #f5f5f5;
}

.position-sticky {
    top: 110px;
}

.contact-card .employee-picture {
    position: relative;
}

.contact-card .employee-picture:after {
    background: transparent url(../img/employee-picture-overlay.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}

.contact-card .employee-picture img {
    border-radius: 50%;
}

.contact-card .contact-details {
    line-height: 2;
}

/* BUTTONS */
.btn {
    font-weight: 700;
    border-radius: 50px;
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
}

.btn-success {
    background-color: #2ECC63;
    color: white;
    border: none;
}

.btn-success:hover {
    color: #fff;
    background-color: #28b257;
    border-color: #28b257;
}
.btn-check:focus + .btn-success, .btn-success:focus {
    color: #fff;
    background-color: #2ECC63;
    border-color: #28b257;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #28b257;
    border-color: #28b257;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
    color: #fff;
    background-color: #28b257;
    border-color: #28b257;
}

.btn-secondary {
    background-color: #393837;
    color: white;
    border: none;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #232222;
    border-color: #232222;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #393837;
    border-color: #232222;
    box-shadow: 0 0 0 0.25rem rgba(57, 56, 55, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #232222;
    border-color: #232222;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(57, 56, 55, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #232222;
    border-color: #232222;
}

.btn-outline-secondary {
    color: #393837;
    border: 2px solid #000000;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #393837;
    border-color: #393837;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    color: #fff;
    background-color: #393837;
    border-color: #393837;
    box-shadow: 0 0 0 0.25rem rgba(57, 56, 55, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #393837;
    border-color: #393837;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(57, 56, 55, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #fff;
    background-color: #393837;
    border-color: #393837;
}

/* EXPERIENCE */
.experience-row {
    margin-top: 15px;
}

.experience-wrapper .experience-row:not(:last-of-type) .col .divider {
    border-bottom: 1px solid #F2F2F2;
}

/* CONTENT */
hr {
    border-top: 2px solid #7e7e7e;
    opacity: 1;
}

.tag {
    display: inline-block;
    border: 2px solid #BBBBBB;
    border-radius: 50px;
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-right: 5px;
    color: #7E7E7E;
}

.icon svg{
    width: 25px;
}

/* ANIMATION */
.scale-on-hover {
    transition: .3s;
}

.scale-on-hover:hover {
    transform: scale(1.05);
}