body {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.test {
    background: url(https://plus.unsplash.com/premium_photo-1673108852141-e8c3c22a4a22?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
        no-repeat center;
    background-size: cover;
}

.p .h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Inter", serif !important;
    font-weight: 200;
}
.full-width {
    width: 100%;
}
.text-group {
    margin-bottom: 3rem;
}
.text-white {
    color: white;
}
small.small-caps {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.no-border {
    border: none;
}
.border-radius {
    border-radius: 5px;
}
.grid-container {
    padding: 0 2rem;
    margin: 1rem auto;
}
.grid-container.large {
    max-width: 1700px !important;
}
.grid-center {
    margin: 0px auto;
}
.absolute-center-container {
    text-align: center;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.overlay {
    position: absolute;
    background: black;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0.2;
    z-index: 0;
}

.bg-grey {
    background: #eee;
}
.label.white {
    background: white;
    color: #2a2c2d;
}

form input {
    height: 39.5px !important;
}

.half-block {
    background: url(https://framerusercontent.com/images/URHNB7jPPp2aVB8XtZs9PsPYE.jpeg)
        no-repeat center;
    background-size: cover;
    position: absolute;
    margin-top: -10%;
    width: 100%;
    height: 30%;
}
.image-block {
    background: red;
    min-height: 300px;
}

.callout.promotion {
    display: block;
    background: #d068a0;
    color: white;
    margin: 0px;
    border: none;
}
.callout.promotion p {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}
.callout.promotion .close-button span {
    color: white;
}

#offCanvas {
    padding: 1rem;
    width: 90%;
}
#offCanvas .menu li {
    padding: 1rem 0;
    border-bottom: 1px solid #666;
}
#offCanvas .menu a {
    font-size: 1.5rem;
}
#offCanvas .menu .social li {
    border: none;
}

.top-bar {
    background: white;
    flex-wrap: wrap;
    padding: 3px;
}
.top-bar ul {
    background: none;
}
.top-bar .logo {
    display: inline-block;
    background: url(https://complinewine.com/cdn/shop/files/Compline_Banner_Lockup.png?v=1736566934&width=855)
        no-repeat center;
    background-size: cover;
    width: 150px;
    height: 50px;
}

section {
    background: white;
    padding: 30px 0;
}
section.small {
    padding: 25px 0;
}
section.no-padding {
    padding: 0;
}
section.no-padding-top {
    padding-top: 0;
}
section.no-padding-bottom {
    padding-bottom: 0;
}

section .sub-section {
    margin: 3rem 0;
}

#landing .main {
    padding: 5rem;
}
#landing .right {
    padding: 5rem;
    height: 100vh;
    overflow-y: scroll;
}

.map-background {
    background: #ddd
        url(https://complinewine.com/cdn/shop/t/4/assets/37643.jpg?v=1651257673)
        repeat-x center right -210px;
    background-size: 110%;
    padding: 5% 1%;
}
.map-background .info {
    padding: 3rem 1rem;
    margin: 3% 0 3%;
}
.map-background .info p {
    margin: 0px;
}

#topbarLOGO {
    display: block;
    background: url(https://complinewine.com/cdn/shop/files/Compline_Banner_Lockup.png?v=1736566934&width=1445)
        no-repeat center;
    background-size: cover;
    width: 150px;
}

.hero {
    position: relative;
    background: url() no-repeat center;
    background-size: cover;
    padding: 21% 0 7rem;
}
.hero-slider {
    padding: 0px;
}
.hero-slider .orbit-container {
    height: 87vh !important;
}
.hero-slider .orbit-container .grid-container {
    position: relative;
    padding-left: 3rem;
    padding-right: 3rem;
    z-index: 1;
}
.hero-slider .orbit-container .orbit-slide {
    padding: 10% 0;
    height: 87vh;
}

.hero-slider .orbit-slide .content-bottom-right.small-only {
    position: absolute;
    right: 0px;
    bottom: 10%;
}
.hero-slider .orbit-slide {
    background-size: cover !important;
}
.hero-slider .orbit-slide h1 {
    color: white;
}
.hero-slider .orbit-slide p {
    color: white;
}
.hero-slider .orbit-bullets {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -1px;
}

#slideONE {
    background: url(https://complinewine.com/cdn/shop/files/ian_gnudi.jpg?v=1738979685&width=2610)
        no-repeat center;
}
#slideTWO {
    background: url(https://complinewine.com/cdn/shop/files/MadRoseCreative-9922.jpg?v=1739140562&width=1024)
        no-repeat center;
}
#slideTHREE {
    background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/PhotoEmmaKMorris-04647web.jpg?v=1736567184)
        no-repeat center;
}
#slideFOUR {
    background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/PChandlerPhoto_KatyMilton_Compline-23N.jpg?v=1758610065)
        no-repeat center;
}
#slideFIVE {
    background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/Compline_Interiors-8_web_50554bd4-a911-4c12-98f9-77b17387c031.jpg?v=17384550016)
        no-repeat center;
}

#homepagePRESS a {
    color: black;
}
#homepagePRESS blockquote {
    padding: 0px;
    border: none;
}
#homepagePRESS .cite {
    font-size: 1.1rem;
}
#homepagePRESS img {
    display: block;
    margin: 2.5rem auto 1rem;
    max-width: 10rem;
}

.restaurant-image-94833:before {
    content: "";
    position: absolute;
    background: url(../assets/images/39405.png) no-repeat right -10rem center;
    background-size: 53rem;
    margin-top: -40rem;
    width: 100%;
    height: 130%;
    right: 0px;
}
.restaurant-image-94833:after {
    content: "";
    position: absolute;
    background: url(../assets/images/94833.png) no-repeat left -15rem center;
    background-size: 43rem;
    margin-top: -57rem;
    width: 100%;
    height: 130%;
    right: 0px;
}
#complineFood a.callout {
    background-size: cover !important;
    height: 500px;
}

.callout-footer {
    background: #eee;
    padding: 62.5px 0;
}
.callout-footer .callout {
    padding: 3rem;
}
.callout-footer .callout input {
    margin-bottom: 0px;
    height: 44px !important;
    box-shadow: none;
}
.callout-footer .callout a {
    margin-bottom: 0px;
}
footer .footer {
    background: #dfdfdf;
    padding: 3rem 0 0;
}
footer .footer h6 {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}
footer .footer li {
    margin-bottom: 5px;
}
footer .footer a {
    color: black;
    font-size: 13px;
}
footer .footer .menu li {
    margin-right: 1rem;
}
footer .footer i {
    color: black;
    font-size: 1.78rem;
}
footer .secondary {
    background: #eee;
    padding: 10px;
    margin-top: 10rem;
}

/* Large and up */
@media screen and (min-width: 64em) {
    .hero.primary {
        height: 87vh;
    }
    #landing .main {
        height: 100vh;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .hero-slider .orbit-slide .content-bottom-right.small {
        position: absolute;
        right: 0px;
        bottom: 10%;
    }
    .hero-slider .orbit-slide .content-bottom-right .medium-up {
        position: absolute;
        right: 0px;
        bottom: 10%;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hero-slider .orbit-container {
        height: 69vh !important;
    }
    .hero-slider .orbit-container .orbit-slide {
        padding-top: 30%;
        height: 69vh !important;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .hero-slider .orbit-container {
        height: 97vh !important;
    }
    .hero-slider .orbit-container .orbit-slide {
        padding-top: 50%;
        height: 100vh !important;
    }
    .hero-slider .orbit-slide .cell.center-small {
        text-align: center !important;
    }
    #slideONE {
        background: url(https://complinewine.com/cdn/shop/files/ian_gnudi.jpg?v=1738979685&width=2610)
            no-repeat center;
        background-size: 270% !important;
    }
    #slideTWO {
        background: url(https://complinewine.com/cdn/shop/files/MadRoseCreative-9922.jpg?v=1739140562&width=1024)
            no-repeat center right -150px;
        background-size: 200% !important;
    }
    #slideTHREE {
        background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/PhotoEmmaKMorris-04647web.jpg?v=1736567184)
            no-repeat center;
        background-size: 178% !important;
    }
    #slideFOUR {
        background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/interior_night_web_a39feb85-e6ce-4a3b-9d1a-0ad67432e591.jpg?v=1738980371)
            no-repeat center;
        background-size: 200% !important;
    }
    #slideFIVE {
        background: url(https://cdn.shopify.com/s/files/1/2367/5973/files/Compline_Interiors-8_web.jpg?v=1736569776)
            no-repeat right -250px center;
        background-size: 200% !important;
    }

    .map-background {
        background: none;
    }
    .map-background h5 {
        font-size: 1.78rem;
    }

    footer {
        text-align: center;
    }
    footer .form-wrapper {
        width: 50% !important;
        margin: 0px auto !important;
    }
    footer .social {
        display: inline-flex;
    }
    footer .secondary {
        margin-top: 3rem;
    }
}