.elementor-2815 .elementor-element.elementor-element-9fcf815{--display:flex;}.elementor-2815 .elementor-element.elementor-element-eb8ad7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:9px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-2815 .elementor-element.elementor-element-32491fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2815 .elementor-element.elementor-element-89f2cc9 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:600;letter-spacing:2px;}.elementor-2815 .elementor-element.elementor-element-89f2cc9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-2815 .elementor-element.elementor-element-2b302c0 .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-2815 .elementor-element.elementor-element-2b302c0{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-2815 .elementor-element.elementor-element-a81eede{font-size:15px;}@media(max-width:767px){.elementor-2815 .elementor-element.elementor-element-ec72a79 img{width:51%;height:0%;}.elementor-2815 .elementor-element.elementor-element-ec72a79{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}}/* Start custom CSS for image, class: .elementor-element-ec72a79 */@media (max-width: 767px) {
    .elementor-2815 .elementor-element.elementor-element-ec72a79 img {
        width: 45%;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .elementor-2815 .elementor-element.elementor-element-ec72a79 {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08ecf7e *//* PIRATES & NOTABLE PERSONS — ARCHIVE TITLE */

.elementor-2815 .elementor-element.elementor-element-08ecf7e {
    position: relative;
    padding-top: 34px;
    padding-bottom: 24px;
}

.elementor-2815 .elementor-element.elementor-element-08ecf7e::before {
    content: "PIRATE ARCHIVE  ·  INDEX 001";
    position: absolute;
    top: 0;
    left: 0;

    color: #b89b5e;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
}

.elementor-2815 .elementor-element.elementor-element-08ecf7e h1,
.elementor-2815 .elementor-element.elementor-element-08ecf7e h2 {
    margin: 0;
    line-height: 1.05;
}

.elementor-2815 .elementor-element.elementor-element-08ecf7e::after {
    content: "";
    display: block;
    width: 75px;
    height: 2px;
    margin-top: 20px;

    background: #b89b5e;
    opacity: 0.8;
}

/* MOBILE */
@media (max-width: 767px) {

    .elementor-2815 .elementor-element.elementor-element-08ecf7e {
        padding-top: 28px;
        padding-bottom: 18px;
    }

    .elementor-2815 .elementor-element.elementor-element-08ecf7e::before {
        font-size: 9px;
        letter-spacing: 0.14em;
    }

    .elementor-2815 .elementor-element.elementor-element-08ecf7e::after {
        width: 55px;
        margin-top: 16px;
    }
}/* Full-width gold rule beneath page title */
.elementor-2815 .elementor-element.elementor-element-08ecf7e::after {
    content: "";
    display: block;
    width: 100vw;
    height: 2px;
    background: #b89b5e;
    margin-top: 22px;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
}.elementor-2815 .elementor-element.elementor-element-08ecf7e {
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fcf815 *//* PIRATE ARCHIVE LABEL */

.elementor-2815 .elementor-element.elementor-element-9fcf815 .pirate-archive-label h2 {
    margin: 0;
    color: #b89b5e;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d315f6 *//* PIRATE ARCHIVE · PERSONS INDEX */

.elementor-2815 .elementor-element.elementor-element-5d315f6 {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;

    margin-top: 12px;
    margin-bottom: 38px;

    padding: 14px 30px;

    background: rgba(184, 155, 94, 0.035);

    border-top: 1px solid rgba(184, 155, 94, 0.45);
    border-bottom: 1px solid rgba(184, 155, 94, 0.45);
}

.elementor-2815 .elementor-element.elementor-element-5d315f6 h2 {
    margin: 0;
    color: #b89b5e;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

@media (max-width: 767px) {

    .elementor-2815 .elementor-element.elementor-element-5d315f6 {
        padding: 13px 40px;
        margin-bottom: 30px;
    }

    .elementor-2815 .elementor-element.elementor-element-5d315f6 h2 {
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0.14em;
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32491fc */.elementor-2815 .elementor-element.elementor-element-32491fc {
    position: relative;
    margin: 28px 0 45px;
    padding: 30px 22px 32px;
    background: rgba(255, 255, 255, 0.025);
    border-top: 1px solid rgba(184, 155, 94, 0.35);
    border-bottom: 1px solid rgba(184, 155, 94, 0.20);
    border-left: 3px solid #b89b5e;
}

/* A–F */
.elementor-2815 .elementor-element.elementor-element-32491fc h2 {
    margin: 0 0 16px;
    color: #b89b5e;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.16em;
}

/* Anne Bonny */
.elementor-2815 .elementor-element.elementor-element-32491fc h3 {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 1.2;
}

/* Description */
.elementor-2815 .elementor-element.elementor-element-32491fc p {
    margin: 0;
    opacity: 0.78;
    font-size: 17px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .elementor-2815 .elementor-element.elementor-element-32491fc {
        padding: 24px 20px;
    }

    .elementor-2815 .elementor-element.elementor-element-32491fc h3 {
        font-size: 25px;
    }
}.elementor-2815 .elementor-element.elementor-element-32491fc h3::before {
    content: "◆";
    color: #b89b5e;
    font-size: 0.45em;
    margin-right: 12px;
    vertical-align: middle;
}/* Pirate name hover */

.elementor-2815 .elementor-element.elementor-element-32491fc h3 {
    transition: transform 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

.elementor-2815 .elementor-element.elementor-element-32491fc h3:hover {
    color: #b89b5e;
    transform: translateX(3px);
}/* Description softly reacts when pirate name is hovered */

.elementor-2815 .elementor-element.elementor-element-32491fc h3:has(a:hover) + .elementor-widget-text-editor p,
.elementor-2815 .elementor-element.elementor-element-32491fc .elementor-widget-heading:has(h3:hover) + .elementor-widget-text-editor p {
    opacity: 1;
    color: #f1eee6;
    transform: translateX(3px);

}

.elementor-2815 .elementor-element.elementor-element-32491fc .elementor-widget-text-editor p {
    transition: opacity 0.2s ease,
                color 0.2s ease,
                transform 0.2s ease;
    .elementor-2815 .elementor-element.elementor-element-32491fc {
    border: none !important;
}/* End custom CSS */