:root {
  --seafood: #145699;
  --seafood: #285E9B;
  --sand2: #E3DCCF;
  --sand: #FBF6F3;

  --padd--side: 4em;

  @media screen and (max-width: 991px) {
    --padd--side: 30px;
  }
  
}

.sand-bg {background: var(--sand); color: var(--seafood); outline-color: #E5DCD7;}
.blue-bg {background: var(--seafood); color: var(--sand); outline-color: #4185CC;}

.page-events-seafood {
    font-family: "brandon-grotesque", sans-serif !important;
  background-color: var(--sand);
  color: var(--seafood);

  #section-footer {
    font-family: acumin-pro, sans-serif !important;

    h2 {font-family: Knock-50 !important; text-transform: uppercase; font-weight: 500;}
  }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  .felonsbtn,
  .faq-question {
      font-family: "brandon-grotesque", sans-serif !important;
      text-transform: none;
      font-weight: 700;
  }



  h3, .h3 {
    font-size: 2.5em;
    letter-spacing: 0;
    margin-bottom: 0.5em;
  }

  .section-heading {
    font-size: 3.6em;
    text-transform: none !important;
    margin: 0;
    line-height: 1.1;
    font-weight: 600;

     @media screen and (max-width: 991px) {
        font-size: 32px;
     }
  }


  /**** BUTTONS ****/
  .felonsbtn.solid {background: var(--seafood);
        color: var(--sand);
        text-align: center;
        border-color: var(--seafood) !important;
        justify-content: center;
        font-size: 1.3em;
        text-transform: none;
        font-weight: 600;
        padding: .6em 2em .5em;
    cursor: pointer;

&:hover {background: var(--sand);
color: var(--seafood); }}

/**** ACCORDION ****/

.faqs-wrapper {padding: 4em var(--padd--side);
.grid-2 {grid-template-columns: 1fr 2fr; grid-gap: 8em;}


 @media screen and (max-width: 991px) {
    .grid-2 {grid-template-columns: 1fr; grid-gap: 3em;}
 }
}
        .accordion {grid-gap:0;}
.accordion-header {
    padding: 0.9em 0 0.9em;
}
.faq-question {font-size: 1.4em; cursor: pointer;}

.accordion-body {width: 95%;}

.accordion.open .accordion-body {padding: 1em 0 2em;}

 
/***** FORM PANEL *****/

.br-form-wrapper .jotform-form {
    background: var(--sand);
    color: var(--seafood);
}
.br-form-wrapper .form-textarea {
    border: 1px solid var(--seafood) !important;
    font-size: 1.25em !important;
    color: var(--seafood) !important;
    padding: 1em 1em;
}
.br-form-wrapper .form-label, .br-form-wrapper .form-required {
    text-transform: none !important;
    color: var(--seafood) !important;
    margin: 1em 0 .5em !important;
    font-size: 1.25em !important;
}
.br-form-wrapper .form-textbox:not(#productSearch-input) {border-bottom: 1px solid var(--seafood) !important; font-size: 1.25em !important;}
.br-form-wrapper .formFooter-button, .br-form-wrapper .submit-button {
    text-transform: none !important;
    font-size: 1.25em !important;
    background: var(--seafood) !important;
    border: 1px solid var(--seafood) !important;
    color: var(--sand) !important;
    padding: .6em 2em .5em !important;
    border-radius: 0 !important;

    &:hover {
        background: var(--sand) !important;
color: var(--seafood) !important; }
    }

    .br-form-wrapper .br-form-close {
    color: var(--seafood);
    font-size: 1.25em;
}







}


/* Header */
.seafood-header {position: relative; height: 60em; max-height: 750px; display: flex; justify-content: center; align-items: center; padding: 0 4em; color: var(--sand)}
.seafood-header.medium {
    height: 40em;

    @media screen and (max-width: 991px) {
        height: 300px;
    }
}
.seafood-line {background-position: center; background-image: url('/cdn/shop/files/seafoodline_1.svg?v=1748314349'); width: 100%; height: 24px; position: absolute; left:0; right: 0; z-index: 2}
.seafood-line.top {top: 0.5em;}
.seafood-line.bottom {bottom: 0.5em}
.seafood-header-img {width:100%; height: 100%; position: absolute; background: #000;}
.seafood-header-img img {opacity:1}
.seafood-header-wrapper {position: relative; width: 100%; display: flex; color: var(--sand); justify-content: space-between; align-items: center;}
.seafood-text {text-align: center; width:25%;}
.seafood-logo-wrapper {width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 1em;}
.seafood-logo {width: 100%; height: auto; max-width: 350px; margin-bottom: 2em;}

/*** TEXT BLOCK ****/
.sf-textblock {
    padding: 6em var(--padd--side);

    .grid-2 {grid-template-columns: 1fr 2fr; grid-gap: 8em; }

    p {font-size: 1.5em; font-weight: 500;}


    @media screen and (max-width: 991px) {
        padding: 4em var(--padd--side);
.grid-2 {grid-template-columns: 1fr; grid-gap: 2em; }
 p {font-size: 1.25em;}
    }
}


/*** COLUMNS ****/
.seafood-columns {

    .section-heading {margin-top: 0.2em;}
    padding: 6em var(--padd--side);

    .grid-2 {grid-column-gap: 2em; grid-row-gap: 6em; margin-top: 3em}

    .item {
        display: flex;
    flex-direction: column;
    grid-gap: 1.5em;
    align-items: flex-start;
    }

    .content {width: 95%;}
    

    h3 {margin:0;}
    h4, .accordion-title {font-size: 1.4em; font-weight: 600;}
    p {font-size: 1.4em;}

    .media {width: 100%; aspect-ratio: 1 / 0.65; position: relative; border: 2px solid var(--seafood)}
}

/**** GALLERY GRID ****/
.sf-gallery-grid {
    padding: 6em var(--padd--side);
    .grid-3 { margin-top: 3em}
    .media {aspect-ratio: 1; position: relative; border: 2px solid var(--seafood); overflow: hidden}
    .hover {transition: ease all 0.3s; opacity:0;}

    .media:hover .hover {opacity:1;}


    @media screen and (max-width: 991px) {
        padding: 3em var(--padd--side);
        .grid-3 { grid-template-columns: 1fr 1fr;         grid-gap: var(--padd--side);}
    }
}


/**** GROUP BOOKING ****/
.event-wrapper {position: relative}
.event-wrapper.seafood {
    color: var(--seafood);
    background-color: var(--sand);
    padding: 8em 0em;
    grid-gap: 7em;
    border-bottom: 1px solid;
    margin: 0 var(--padd--side);

    .text-content {align-items: flex-start; text-align: left; grid-gap: 2em; padding: 0; justify-content: flex-end}
    h2 {font-size: 3.6em; text-transform: none; margin:0; line-height: 1.1; font-weight: 600}
    h4 {margin-bottom: 1em; font-size: 1.75em; font-weight: 600;}
    p {}

    .event-cta {
        flex-direction: row; grid-gap: 1em;
        p {font-style: italic; margin-bottom: 0.4em}
    }

    .contentSwiper {position: relative; overflow: visible}
    .contentSwiper .swiper-slide {padding-top: 45vw;}

    @media screen and (max-width: 991px) {
padding: 4em 0em;
grid-gap: 2em;

h2 {font-size: 32px;}
    h4 {
        margin-bottom: 0.5em;
        font-size: 1.5em;
        font-weight: 500;
    }
.event-cta {flex-direction: column; align-items: stretch;}
    }

}
.event-form-panel.seafood {background: var(--seafood); color: var(--sand); display: flex; flex-direction: column; grid-gap: 1em;} 
.event-form-panel.seafood h5 {color: var(--sand);}
.event-form-panel.seafood .closeevent {width: auto; min-width: unset}