@charset  "utf-8";

.homestay-host.susana header {
    background-image: url(../images/bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #143738;
    background-size: cover;
}

.homestay-host.susana .col-4.side {
    background-color: #f7c743;
}

.homestay-host.susana .side-menu.fixed ul {
    border-top: 5px solid #f9a919;
}

.homestay-host.susana .side-menu a {
    border-bottom: 1px dotted #fff7f7;
}

.homestay-host.susana .side-menu li:last-of-type a {
    background-color: #ecb826;
}

.homestay-host.susana .side .side-menu a:hover {
    background-color: #f39d00;
}

.homestay-host.susana .side .profile h2 span a {
    background-color: #f37a12;
}

.homestay-host.susana .side .profile h2 span a:hover {
    background-color: #f19000;
}

.homestay-host.susana .profile em {
    color: #e8583d;
}

.homestay-host.susana .head-menu.fixed .global-nav a:hover {
    background-color: rgba(89,164,165,0.7);
}

/*credit*/
.homestay-host.susana img.credit {margin: 0 0 .5em;}
.homestay-host.susana .credit {
    font-size: .8em;
    color: #999;
}
.homestay-host.susana .credit a {
    font-size: .9em;
    color: #ad7063;
    text-decoration: underline;
}
.video-container {
    aspect-ratio: 16/9;
}
.video-container iframe {
    width: 100%;
    height: 100%;
    background-color: #f3f2ef;
}

.flex-container {
    display: flex;
    gap: 1em;
}
.flex-container .item {
}
.img-verticale {
    max-width: 450px;
}