.elementor-1004 .elementor-element.elementor-element-2a957f36{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;--z-index:10;}.elementor-1004 .elementor-element.elementor-element-2a957f36:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-2a957f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bristolwaveseafoods.com/wp-content/uploads/2026/02/Frame-1000002697-scaled.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1004 .elementor-element.elementor-element-1dc7a779{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1004 .elementor-element.elementor-element-3f8f1db > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1004 .elementor-element.elementor-element-3f8f1db .elementor-heading-title{font-size:24px;font-weight:400;color:var( --e-global-color-a162b61 );}.elementor-1004 .elementor-element.elementor-element-6ab2762 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1004 .elementor-element.elementor-element-6ab2762{font-weight:600;color:var( --e-global-color-a162b61 );}.elementor-1004 .elementor-element.elementor-element-4d2bf665{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1004 .elementor-element.elementor-element-540741f2{width:var( --container-widget-width, 235px );max-width:235px;--container-widget-width:235px;--container-widget-flex-grow:0;}.elementor-1004 .elementor-element.elementor-element-540741f2 .elementor-button{padding:20px 62px 20px 62px;}@media(max-width:1199px){.elementor-1004 .elementor-element.elementor-element-2a957f36{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:567px){.elementor-1004 .elementor-element.elementor-element-540741f2{width:100%;max-width:100%;}}@media(min-width:568px){.elementor-1004 .elementor-element.elementor-element-2a957f36{--content-width:1000px;}.elementor-1004 .elementor-element.elementor-element-1dc7a779{--width:70%;}.elementor-1004 .elementor-element.elementor-element-4d2bf665{--width:30%;}}@media(min-width:1401px){.elementor-1004 .elementor-element.elementor-element-2a957f36:not(.elementor-motion-effects-element-type-background), .elementor-1004 .elementor-element.elementor-element-2a957f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS */.timeline {
    width: 100%;
    margin: 0px auto 80px auto;
    padding-left: 20px;
    position: relative;
    font-family: 'Sora';
}

.timeline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 0;
    width: 2px;
    background: repeating-linear-gradient(
        to bottom,
        #ff5a00,
        #ff5a00 6px,
        transparent 6px,
        transparent 12px
    );
    height: calc(100% - 150px);
}

/* Each row */
.row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 140px;
}
/* Left big year */
.year {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 28px;
    font-weight: 600;
    color: #0e3b52;
    background: #f6fbff;
    padding: 0 10px;
    z-index: 1;
}

/* Orange dot */
.year::after {
    content: "";
    position: absolute;
    left: -25px;
    top: 3px;
    width: 14px;
    height: 14px;
    background: #ff5a00;
    border-radius: 50%;
}

/* Horizontal dotted line */
.line {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    background: repeating-linear-gradient(to right, rgba(8, 126, 139, 0.4), rgba(8, 126, 139, 0.4) 7px, transparent 6px, transparent 12px);
    height: 1px;
    display: block;
    max-width: calc(100% - 80px);
    margin-left: auto;
    width: 100%;
}

/* Small year labels */
.year-label {
    position: absolute;
    top: -11px;
    font-weight: bold;
    font-size: 16px;
    color: #0e3b52;
    background: #f6fbff;
    padding: 0px 20px;
}

.year-label.right {
    right: 10%;
}
.year-label.center { 
    left: 50%; 
    transform: translateX(-50%); 
}
.year-label.col1 { 
    left: 10%; 
}
.year-label.col2 {
    left: 50%;
    transform: translateX(-50%);
}
.year-label.col3 {
    right: 8%;
}

/* Card container positioning */
.cards.col-1 { grid-column: 1; }
.cards.col-2 { grid-column: 2; }
.cards.col-3 { grid-column: 3; }

/* Card style */
.card_wrap {
    position: relative;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 75px;
    padding-left: 100px;
}
.card {
    background: #DEEEFA;
    color: #0B3954;
    text-align: center;
    padding: 5px 8px;
    line-height: 20px;
    font-family: 'Fira Code';
}
.year_2008  .card_wrap .merge-label {
    display: none;
}
/* Merge label inside dotted line */
.merge-label {
    top: -58px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Icon styling */
.merge-label img {
    width: 43px;
    height: auto;
    margin-bottom: 6px;
}

.merge-section {
    text-align: center;
    margin: -35px 0 30px 80px;
    position: relative;
}
.merge-section:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -23px;
    width: 2px;
    background: repeating-linear-gradient(to bottom, #ff5a00, #ff5a00 6px, transparent 6px, transparent 12px);
    height: 153px;
    z-index: 0;
}
.merge-title {
    font-weight: 700;
    font-size: 18px;
    color: #0e3b52;
    margin-bottom: 15px;
}
.merge-logos img {
    width: 100%;
    margin: 0px 10px 0 10px;
    max-width: 191px;
}
.merge-section .merge-icon, .merge-section .merge-title {
    z-index: 1;
    position: relative;
}
.merge-section .merge-title span, .merge-section .merge-logos img {
    background: #f6fbff;
    display: inline-block;
    z-index: 1;
    position: relative;
}
.merge-year {
    margin-top: 15px;
    font-weight: bold;
    color: #0e3b52;
}
.cards.col-2.wide-card {
    grid-column: 1 / -1 !important;
}
.wide-card .card {
    margin: 0 auto;
    max-width: 610px;
}
.year-label.col3.merge-label {
    right: 2%;
    top: -45px;
    line-height: 1;
}

.line_1994 {
    position: absolute;
    top: 15px;
    left: 50%;
    max-width: 356px;
    width: 100%;
    transform: translateX(-50%);
    margin-left: 220px;
}
.pb_50{
    padding-bottom: 50px;
}
.pb_20{
    padding-bottom: 20px;
}
.line_2008 {
    position: absolute;
    top: calc(100% - 63px);
    right: 95px;
    max-width: 685px;
    width: 100%;
    height: 100%;
}
.cards.col-1 .card {
    max-width: 215px;
}
.cards.col-3 .card {
    max-width: 215px;
    margin: 0 auto;
}

.year_1987 .cards.col-3 .card {
    max-width: 365px;
    margin-left: auto;
    margin-right: unset;
}
.year_2010 .wide-card .card {
    max-width: 559px;
}
.year_1987 .cards.col-3 {
    grid-column: 1 / -1 !important;
}

.year_1988 .cards.col-2 {
    grid-column: 1 / -1 !important;
}
.year_1988 .cards.col-2 .card {
    max-width: 342px;
    margin: 0 auto;
}

.hide_mobile{
    display: block;
}
.hide_desktop{
    display: none;
}
/* Responsive */
@media (max-width: 1100px) {
    .timeline::before {
        height: calc(100% - 320px);
    }
    .line {
        display: none;
    }
    .year-label, 
    .year-label.col1, 
    .year-label.col2, 
    .year-label.col3 {
        position: relative;
        left: 0 !important;
        right: 0 !important;
        transform: unset;
    }
    .card_wrap {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-left: 10px;
        padding-top: 40px;
        padding-bottom: 30px;
        max-width: 300px;
    }
    
    .card, .wide-card .card,
    .cards.col-1 .card, 
    .cards.col-3 .card, 
    .year_2010 .wide-card .card,
    .year_1987 .cards.col-3 .card, 
    .year_1988 .cards.col-2 .card {
        margin: 0;
        max-width: 100% !important;
        width: 100% !important;
        text-align: left;
    }
    
    .cards.col-1, 
    .cards.col-2, 
    .cards.col-3 {
        grid-column: auto;
        position: relative;
        z-index: 1;
    }
    .line_1994 img, .line_2008 img {
        display: none;
    }
    .merge-section {
        margin: 0 0 40px 0;
        text-align: left;
    }
    
    .merge-section .merge-title span, .merge-section .merge-logos img {
        margin-left: 0;
    }
    .merge-section:before {
        content: "";
        position: absolute;
        margin-top: 10px;
        background: repeating-linear-gradient(to right, #ff5a00, #ff5a00 6px, transparent 6px, transparent 12px);
        height: 2px;
        display: block;
        margin-left: 18px;
        width: 100%;
    }
    .merge-section:after {
        content: "";
        left: 20px;
        bottom: -30px;
        height: 256px;
        z-index: 0;
    }
    .line_1994 {
        position: static;
        transform: none;
        max-width: 100%;
    }
    .line_1994:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 20px solid #ff5a00;
        border-bottom: 8px solid transparent;
        display: inline-block;
        right: -20px;
        top: -80px;
        position: absolute;
    }
    .line_1994:after {
        content: "";
        position: absolute;
        right: -20px;
        top: -80px;
        bottom: 0;
        width: 2px;
        background: repeating-linear-gradient(to bottom, #ff5a00, #ff5a00 6px, transparent 6px, transparent 12px);
        height: 450px;
    }
    
    
    .line_1997:before {
            content: "";
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-right: 20px solid #ff5a00;
            border-bottom: 8px solid transparent;
            display: inline-block;
            right: -20px;
            top: 55px;
            position: absolute;
    }
    
    .line_1997:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 60px;
        bottom: 0;
        width: 2px;
        background: repeating-linear-gradient(to bottom, #ff5a00, #ff5a00 6px, transparent 6px, transparent 12px);
        height: 685px;
    }
    
    
    .year_2008  .card_wrap .merge-label {
        top: 0;
    text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .year_2008  .card_wrap .merge-label:before {
            content: "";
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-right: 20px solid #ff5a00;
            border-bottom: 8px solid transparent;
            display: inline-block;
            right: -20px;
            top: 35px;
            position: absolute;
    }
    .year_2008 .card_wrap .merge-label:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 164px;
        bottom: 0;
        width: 2px;
        background: repeating-linear-gradient(to bottom, #ff5a00, #ff5a00 6px, transparent 6px, transparent 12px);
        height: 665px;
    }
    .hide_mobile{
        display: block;
    }
    hide_desktop:{
        display: none;
    }
}/* End custom CSS */