@media (min-width: 992px) {
    #mainNav {
        background-color: #303030;
    }
}

#mainNav .navbar-nav .nav-item {
        margin-right: 0.5rem;
    }
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 0.80rem;
    letter-spacing: 0.0625em;
}


.page-section h2.section-heading, .page-section .section-heading.h2 {
    color: #e7e7e7 !important;
    font-weight: 400;
    font-size: 1.75rem;
}
h4, .h4 {
    font-size: 1.44rem;
    font-weight: 400;
}
h3, .h3 {
    font-size: 1.30rem;
    font-weight: 400;
}

.smaller {
    font-size: 0.8rem;
}

#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
    font-size: 1.44rem;
    font-weight: 400;
}

.img-rounded {
    border-radius: 0.375rem;
}

.img-rounded-top {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}

.bg-light {
    background-color: #574b40;
    background: linear-gradient(178deg,rgba(87, 75, 64, 1) 0%, rgba(87, 75, 64, 1) 50%, rgba(56, 50, 45, 1) 100%) !important;
}

.bg-darker {
    background-color: #303030;
    background: linear-gradient(178deg,rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 80%, rgba(20, 20, 20, 1) 100%) !important;
}

.img-brand {
    height: 3.75rem;
}

section.contentdeko {
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #fff;
  background-image: url("../assets/img/contentdeko-bg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.portfolio-modal .modal-dialog {
    margin: 1.5rem;
    max-width: 100vw;
}

#portfolio .portfolio-item .portfolio-caption  {
    background-color: #303030;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

#portfolio .portfolio-item {
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background-color: transparent;   color: #fff;
}

.btn-xl {
    padding: 0.5rem 1.0rem;
    font-size: 1.005rem;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c77b30;
  --bs-btn-hover-border-color: #c77b30;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.link-dark {
    color: #fff !important;
}

.link-dark:hover, .link-dark:focus{
    color: #c49c48!important;
}


/*!
// Modal Tweaks
*/

.modal-content {
    width: 100%;
    color: #ffffff;
    background-color: #303030;
    border: 1px solid #5f5f5f;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(196, 156, 72, 0.85);
}

/*!
// Timeline Tweaks
*/

.timeline-link {
  color: #ffffff !important;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.timeline-link:hover, .timeline-link:focus {
  color: #1a1e21 !important;
  transition: 0.3s ease-in-out;
}


/*!
// Farb-Adaption
*/



body {
    color: #ffffff;
    background-color: #303030;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #e7e7e7 !important;
}

.footer {
    background-color: #111111;
}

.img-brand {
    height: 100%;
}

.bg-team {
    background-attachment: fixed;
    background-color: #574b40;
    background-image: url(../assets/img/team-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


/*!
// Logo
*/



@media (min-width: 992px) {
    #mainNav .navbar-brand img {
        height: 3.3rem;
        transition: height 0.3s 
ease-in-out;
    }
}
    #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
        height: 2.2rem;
    }
}


.text-left {
    text-align: left !important;
}