﻿
:root {
    --corazul1 : #A9DDF4;
    --corazul2 : #4BB6E8;
    --corazul3 : #0077B6;
    --corazul4 : rgba(0, 119, 182, 0.8);
    --corazul5 : #00486c;
    --coramarelo1 : #FFD966;
    --coramarelo2 : #F6C63B;
    --corbranco1 : #ffffff;
    --corfechar : #ff0000;
    --corfecharhover : #ff3030;

    --botaoadicionar : #0077b6;
    --botaoadicionarhover : #4BB6E8;
    --botaoremover : #ff8800;
    --botaoremoverhover : #ffa743;
}


header.sticked {
    background-color: var(--corazul2);
}

footer {
    background-color: var(--corazul5);
}

.btn.btn-clean-dark:hover {
    background-color: var(--corazul2);
    border-color: var(--corazul3);
}

.quotes .quote .more .rating {
    color:  var(--coramarelo2);
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {
    background-color: var(--corazul4);
}
.stretcher-wrapper .stretcher .stretcher-item.more {
    background-color: var(--corazul2);
}

.scroll-top {
    width: 64px;
    height: 64px;
    border: 4px solid #ffffff;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    background-color: var(--coramarelo2);
}
.scroll-top:hover {
    background-color: var(--coramarelo1);
}
.scroll-top.active {
    background-color: var(--coramarelo2);
}
.scroll-top.active:hover {
    background-color: var(--coramarelo1);
}

.rooms.rooms-widget:before {
    background-color: var(--corazul1);
}

.subscribe {
    background-color: var(--corazul1);
}
.subscribe .box:after {
    background-color: var(--corazul1);
}

.compraringressobtnfix span {
    background-color: var(--corazul3);
    color: var(--corbranco1);
}
.compraringressobtnfix:hover span {
    background-color: var(--corazul2);
    color: var(--corbranco1);
}

.ratingameralofix {
    color: var(--coramarelo2);
}

.section-header .title {
    color: var(--corazul2);
}
.section-header .title span {
    color: var(--corazul3);
}

.cards.cardcomfaixafix:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    max-height: 342px;
    left: 0;
    bottom: 0;
    background-color: var(--coramarelo1);
}

.sessaocominstagram {
    padding-top: 200px;
    & .container {
        margin-top: -100px;
    }
}

.btn.btn-main {
    background-color: var(--corazul3);
}
.btn.btn-main:hover {
    background-color: var(--corazul2);
}

.blog article .text .time {
    background-color: var(--corazul3);
}


@media (min-width: 992px) {

    header.sticked nav.navigation-main .logo {
        background-color: var(--corazul2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    }

}

@media only screen and (max-width: 992px) {

    .sessaocominstagram {
        padding-top: 100px;
        & .container {
            margin-top: 0;
        }
    }

}


@media (min-width: 768px) {

    .blog.blog-widget:before {
        background-color: var(--coramarelo1);
    }

}