/* cruise-lines.css */
.cruise-lines-section section:not(.banner-header) {
    padding: 0;
}

.cruise-lines-section .cruiseline-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.cruise-lines-section p {
    color: var(--fc-black, #000000);
    text-align: left;
    font: normal normal normal 16px/24px Lato;
    letter-spacing: 0px;
    opacity: 1;
}

.cruiseline-grid-item img {
    width: 100%;
    padding: 0 25px;
}

.cruise-lines-section .inner > h3 {
    color: var(--fc-blue-1, #0a71a4);
    text-align: left;
    font: normal normal 800 50px/60px Barlow Condensed;
    text-transform: uppercase;
    opacity: 1;
    margin: 65px 0 14px 0;
}

.cruise-lines-section .inner > h5 {
    color: var(--fc-blue-1, #0a71a4);
    text-align: left;
    font: normal normal bold 38px/40px Barlow Condensed;
    letter-spacing: -0.76px;
    text-transform: uppercase;
    opacity: 1;
    margin: 65px 0 20px 0;
}

.cruiselines-section {
    margin-top: 65px;
    margin-bottom: 60px;
}

.cruise-lines-section .wrapper.grid-gallery-block.grid-gallery-block-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
    gap: 30px;
    padding-bottom: 30px;
}

.cruise-lines-section .grid-gallery-item-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: initial;
    border-radius: 10px;
    height: 250px;
    border: 2px solid var(--fc-lightgray);
    transition: all 0.3s ease;
}

.cruise-lines-section .cruiseline-grid .cruiseline-grid-item {
    box-shadow: initial;
    border-radius: 10px;
    height: 250px;
    border: 2px solid var(--fc-lightgray);
    transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.cruise-lines-section .cruiseline-grid .cruiseline-grid-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.cruise-lines-section .cruiseline-grid .cruiseline-grid-item,
.cruise-lines-section .grid-gallery-item {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;   
}

.cruise-lines-section .cruiseline-grid .cruiseline-grid-item:hover {
    border: 2px solid var(--fc-blue-4);
}

.cruise-lines-section .gallery-images {
    width: 320px;
    height: 140px;
}

@media (max-width: 920px) {
    .cruise-lines-section .inner > h3 {
        margin-top: 0;
    }
}

@media (max-width: 850px) {
    .cruise-lines-section .cruiseline-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 540px) {
    .cruise-lines-section .banner-header {
        margin-bottom: 50px;
    }

    .cruise-lines-section .cruiseline-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .cruise-lines-section .inner > h3 {
        font: normal normal 800 38px/46px Barlow Condensed;
        margin: 25px 0 35px 0;
    }

    .cruise-lines-section .inner > h5 {
        font: normal normal bold 38px/46px Barlow Condensed;
        margin: 48px 0 46px 0;
    }

    .cruiselines-section {
        margin: 50px 0 30px 0;
    }

    .cruise-lines-section section.white-section {
        padding: 5px 0;
    }
}