/*-- Global --*/
.bg-dark-blue {
    background-color: #C50008;
}

.webit__center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header-info {
    background: linear-gradient(90deg, rgba(250,250,250,.5), rgba(250,250,250,.5)), url(https://apihoard.webit.com/api/v1/Image/3412D1C1214027A326F389070C1329D3/3412D1C1214027A326F389070C1329D3.jpg?size=1920x1440);
    background-position: center;
    background-size: cover;
}

.header-business b {
    font-size: 1.25em;
}

.header-info-business h4 {
    font-family: 'damion';
    font-size: 3.5em !important;
    font-weight: 600;
}

.header-info-logo-img {
    max-width: 300px;
}

.wb-map-container {
    margin: 0px;
    padding: 0px !important;
}

.wb-map-container iframe {
    min-height: 450px;
}

/*-- Internal Pages --*/
/*================== HOME PAGE ================== */


.wb__hero-video {
    position: absolute;
    width: 100%;
}

.wb__hero-container {
    position: relative;
    overflow: hidden;
    background: url(https://apihoard.webit.com/api/v1/Image/82A39E834D4B729758DB5A5B265A6C7E/82A39E834D4B729758DB5A5B265A6C7E.jpg?size=1920x1440);
    background-size: cover;
    background-position: bottom;
    min-height: 600px;
}

/*-- Extra small devices (portrait phones, less than 576px)--*/
@media (max-width: 575.98px) {
    .wb__hero-info {
        background: rgba(255, 255, 255, 0.7);
    }

    .webit__seafood-detail-container ul {
        padding: 0;
    }

    .webit__seafood-detail-container li {
        font-size: .8em !important;
    }

    .webit__book-event svg {
        width: 150px !important;
    }
}

/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) {
    .wb__hero-info {
        background: rgba(255, 255, 255, 0.7);
    }
}

/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) {
    .wb__hero-info {
        background: transparent;
    }

    .wb__hero-container {
        min-height: 425px;
    }
}

/*-- Large devices (desktops, 992px and up) --*/
@media (min-width: 992px) {
    .wb__hero-container {
        min-height: 550px;
    }
}

/*-- Extra large devices (large desktops, 1200px and up) --*/
@media (min-width: 1200px) {
    .wb__hero-container {
        min-height: 700px;
    }
}

.wb__hero-info-logo {
    z-index: 100;
}

.wb__hero-info-logo img {
    max-width: 180px;
    padding-top: 1em;
}

.page-home .wb__hero .wb__hero-info {
    height: 650px;
}

#cw-titleBg {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 330px;
}

.cw-title {
    position: absolute;
    z-index: 2;
    bottom: 1em;
    right: .5em;
    width: 250px;
    text-align: center;
}

section:not(.page-home) #cw-titleBg,
section:not(.page-home) .cw-title {
    display: block;
}

svg#cw-logoBg {
    position: absolute;
    max-width: 800px;
    z-index: 4;
}

.st0 {
    opacity: 0.56;
    fill: #fff;
}

.st1 {
    opacity: 0.49;
    fill: #fff;
}

.st2 {
    opacity: 0.39;
    fill: #FC0001;
}

.st3 {
    opacity: 0.56;
    fill: #FC0001;
}





/*=============== HOME PAGE ===============*/
.page-home .detailedlist {
    background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(https://apihoard.webit.com/api/v1/Image/1742F2AF77CF131FA7A364D2788B11C9/1742F2AF77CF131FA7A364D2788B11C9.jpg?size=1920x1440);
    background-size: cover;
}

/* ======= floating footer button ============== */
.cw-setup {
    position: fixed;
    bottom: 1em;
    right: 1em;
    border-radius: 25px
}

.cw-setup:hover {
    cursor: pointer
}

.hidden {
    display: none
}

#cw-contactBtns a {
    display: inline-block;
    width: 54px;
    height: 54px;
    padding: 10px;
    border-radius: 50%;
    background: #fff
}

#cw-contactBtns a:before {
    font: normal normal normal 32px/1 FontAwesome;
    color: var(--color-theme-secondary)
}

.cw-Phone:before {
    content: "\f098"
}

.cw-Email:before {
    content: "\f0e0"
}

.cw-Text:before {
    content: "\f27a"
}


/* ============ review page =================== */
/*========== TESTIMONIALS ========== */

#wb__reviews-1 .testimonial {
    margin: 0 20px 40px;
}

#wb__reviews-1 .testimonial .testimonial-link {
    padding: 10px;
    margin-bottom: 25px;
    background: var(--color-theme-primary);
    border: 1px solid #d0d0d0;
    position: relative;
}

#wb__reviews-1 .testimonial .testimonial-link a {
    font-size: 1.4rem;
    padding: 1rem 0.5rem;
    border-color: #fff;
}

#wb__reviews-1 .testimonial .testimonial-content {
    padding: 35px 25px 35px 50px;
    margin-bottom: 25px;
    background: #f3f3f3;
    border: 1px solid #d0d0d0;
    position: relative;
}

#wb__reviews-1 .testimonial .testimonial-content:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f3f3f3;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

#wb__reviews-1 .testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: #B6BDBF;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}

#wb__reviews-1 .testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #909697;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

#wb__reviews-1 .testimonial .description {
    font-size: 15px;
    font-style: italic;
    color: #666666;
    line-height: 23px;
    margin: 0;
}

#wb__reviews-1 .testimonial-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

#wb__reviews-1 .testimonial .post {
    display: block;
    font-size: 14px;
    color: #494D97;
}

@media(min-width: 768px) {

    #cw-logoBg {
        position: fixed;
        z-index: 20;
        width: 470px;
    }

    #cw-logoBg.cw-shrink {
        width: 280px;
    }

    #cw-titleBg {
        height: 365px;
    }

    .cw-title {
        right: 1.5em;
        bottom: 1.5em;
    }
}


.webit__seafood-container svg {
    height: 3.75em;
}

.webit__seafood-container .webit__svg-wheel {
    padding: 1.25em;
}

.webit__seafood-container h2 {
    font-size: 2.5em;
    font-weight: 400;
}

.webit__seafood-container p {
    font-size: 1.5em;
}

.webit__hero-container {
    padding-bottom: 60em;
}

.webit__seafood-detail-container {
    background-image:linear-gradient(90deg, rgba(250,250,250,.5), rgba(250,250,250,.5)), url(https://apihoard.webit.com/api/v1/Image/3412D1C1214027A326F389070C1329D3/3412D1C1214027A326F389070C1329D3.jpg?size=1920x1440);
}

.webit__seafood-detail-container ul {
    list-style-type: none;
}

.webit__seafood-detail-container li {
    font-weight: 500;
    font-size: 1.2em;
}

.webit__seafood-detail-container li img {
    width: 30px;
    margin: 15px;
}

.webit__list-svg {
    width: 60px;
}

.webit__seafood-detail-container .fa {
    font-size: 2.5em;
    padding: 10px 20px;
    color: #C50008;
    width: 20%
}

.webit__details {
}

.webit__details-block {
    border: 1px solid #808080;
    border-style: inset;
    padding: 2em 2em 2em 2em;
}

.webit__image-left-block {
    margin-right: -15px;
    margin-top: 15px;
    margin-bottom: 15px;
    z-index: 2;
}

.webit__image-right-block {
    margin-top: 15px;
    margin-bottom: 15px;
    z-index: 2;
}

.webit__boxshadow-right {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
    z-index: 1;
}

.webit__boxshadow-left {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
    z-index: 1;
}

.webit__boxshadow::after {
    content: '';
    position: absolute;
    z-index: -1;
    /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}

.webit__book-event svg {
    width: 200px;
    height: 200px;
}

/* LOCATIONS =================================================================================== */
.webit_locations-container iframe {
    height: 450px;
}

/* TESTIMONIALS =================================================================================== */
.testimonial {
    margin: 0 20px 40px;
}

.testimonial .testimonial-content {
    padding: 35px 25px 35px 50px;
    margin-bottom: 25px;
    background: #f3f3f3;
    border: 1px solid #d0d0d0;
    position: relative;
}

.testimonial .testimonial-content:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f3f3f3;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: #B6BDBF;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}

.testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #909697;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

.testimonial .description {
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}

.testimonial-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.testimonial .post {
    display: block;
    font-size: 14px;
    color: #FBCD22;
}

/*-- Extra small devices (portrait phones, less than 576px)--*/
@media (max-width: 575.98px) {
    .webit__hero-container {
        padding-bottom: 0em;
    }
}

/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) {
    .webit__hero-container {
        padding-bottom: 30em;
    }
}

/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) {
    .webit__image-right-block {
        margin-left: -15px;
    }

    .webit__boxshadow-right {
        margin-left: -15px;
    }

    .webit__boxshadow-left {
        margin-right: -15px;
    }
}

/*-- Large devices (desktops, 992px and up) --*/
@media (min-width: 992px) {
    ...
}

/*-- Extra large devices (large desktops, 1200px and up) --*/
@media (min-width: 1200px) {
    ...
}


/* MENU PAGES  */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.cw-menupage {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("https://apihoard.webit.com/api/v1/Image/3412D1C1214027A326F389070C1329D3/3412D1C1214027A326F389070C1329D3.jpg?size=1920x1440");
    background-repeat: repeat-y;
    background-size: contain;
}

.cw-menupage h1 {
    font-family: 'Pacifico', cursive;
    color: #1A528C;
}

.cw-menupage .cw-item {
    background-color: rgba(255, 255, 255, 0.9);
    padding: .5em;
    margin: 1em 0;
}

.cw-menupage h3 {
    margin-bottom: 0em;
}

.cw-menupage .cw-price {
    font-weight: 800;
}

.cw-menupage .cw-box {
    border: 3px solid #1A528C;
}

.cw-menupage .cw-premium {
    background-color: #155592;
    border: 3px solid #EFDC7E;
}

.cw-menupage .cw-dressings {
    background-color: rgba(255, 255, 255, 0.9);
    border: 3px solid #1A528C;
}

/* -------------- START OF MEDIA QUERIES -------------- */
/* XS: 576px & Up */
@media (min-width: 576px) {
    .cw-menupage .cw-premium ul {
        column-count: 2;
    }
}