:root {
    --color-main-gray: #1F2522;
    --color-main-gold: #baa05b;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0;
}

.text-gold {
    color: var(--color-main-gold);
}

.bg-main-gray {
    background-color: var(--color-main-gray);
}

.img-fit-screen {
    width: 100vw;
    height: 100vh
}

img.trama {
    margin-top: -88px;
}

a.social:hover {
    color: var(--color-main-gold) !important;
}

.copyright a:hover,
footer ul a:hover {
    color: white !important
}

footer .morada {
    font-size: 0.75rem;
    line-height: 1.3rem;
}



.breadcrumb-item+.breadcrumb-item::before {
    background-image: url('/themes/designbydp/imgs/backslash.png');
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: .5rem;
}

h1 {
    color: var(--color-main-gold);
    font-weight: 100;
    margin-bottom: 2rem;
    margin: 0;
}

.lightbox-carousel .ratio {
    max-height: 100vh !important;
    background-color: transparent;
}

.lightbox-carousel img {
    max-width: 100vw !important;
    max-height: 100vh !important;
}

.lightbox-carousel .carousel-inner {
    background-color: var(--color-main-gold);
}

.lightbox-carousel .carousel-item {
    display: block;
    transform: none !important;
    transition: all .25s linear;
    opacity: 0;
}

.lightbox-carousel .carousel-item.active {
    opacity: 1;
}

/* 
 {
    opacity: 1;
    transform: none !important;
} */

.path-portfolio .row>div>div {
    overflow: hidden;
}

.path-portfolio .row>div>div .title {
    position: absolute;
    transform: translateY(0);
    transition: all 0.2s ease-out;
    color: white;
    background-color: rgba(0, 0, 0, .5);
}

.path-portfolio .row>div div:hover .title {
    transform: translateY(-100%);
}

#block-designbydp-frontpageblock .paragraph--type--imagem .field--name-field-imagem {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
}

#block-designbydp-frontpageblock .paragraph--type--imagem .field--name-field-imagem img {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
}

#block-designbydp-footer a {
    color: white;
    text-decoration: none;
}

#block-designbydp-footer a:hover {
    text-decoration: underline;
}

@media (min-width: 992px) {
    footer ul li+li a::before {
        content: "";
        border-left: 1px var(--color-main-gold) solid;
        padding-left: 0.5rem;
        margin-left: 0.5rem;
    }

    .img-fit-screen {
        height: 70vh;
    }

    .navbar-brand img {
        height: 70px;
    }

    footer .navbar-brand img {
        height: 53px;
    }
}