.elementor-widget-section [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-section [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-1151 .elementor-element.elementor-element-7555a38:not(.elementor-motion-effects-element-type-background), .elementor-1151 .elementor-element.elementor-element-7555a38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1151 .elementor-element.elementor-element-7555a38{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1151 .elementor-element.elementor-element-7555a38 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-column [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-column [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-image [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-image ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-image .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1151 .elementor-element.elementor-element-ab1caec > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1151 .elementor-element.elementor-element-ab1caec img{max-width:55%;border-radius:25px 25px 25px 25px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-divider [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-divider ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-divider .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1151 .elementor-element.elementor-element-c419021{--divider-border-style:dots_tribal;--divider-color:var( --e-global-color-secondary );--divider-pattern-height:19px;}.elementor-1151 .elementor-element.elementor-element-c419021 .elementor-divider-separator{width:71%;margin:0 auto;margin-center:0;}.elementor-1151 .elementor-element.elementor-element-c419021 .elementor-divider{text-align:center;padding-block-start:25px;padding-block-end:25px;}.elementor-widget-html [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-html ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-7555a38 */tw-story {
    color: #cfdbd5 !important;
    background-color: #242423 !important;
}

h1, h2, h3, h4 {
    color: #f5cb5c !important;
    text-align: center;
    font-family: Cinzel !important;
    text-transform: lowercase;
    font-weight: bold !important;
    padding-top: 60px;
    }
    
    
.combat-message {
    background-color: #242423 !important;
}
/* General image-container styling */
.image-container {
    margin: 0 auto;
}

/* Image styling: border radius and border */
.image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    border: 3px solid #f5cb5c;
    display: block;
}

/* Top banner (full-width) */
.image-container.banner {
    width: 100%;
    text-align: center;
}

.image-container.banner img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}

/* Selections banner (full-width) */
.image-container.selections-banner {
    width: 100%;
    text-align: center;
    clear: both; /* Ensure banner clears any floated elements above */
}

.image-container.selections-banner img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}

/* Float left image (first selection image) */
.image-container.float-left {
    float: left;
    margin-right: 30px; /* Increased margin for more text space */
    margin-bottom: 5px; /* Space below image */
    max-width: 300px; /* Reduced width to give text more room */
}

/* Float right image (third selection image) */
.image-container.float-right {
    float: right;
    margin-left: 30px; /* Increased margin for more text space */
    margin-bottom: 10px; /* Space below image */
    max-width: 300px; /* Reduced width to give text more room */
}

/* Clearfix to prevent text wrapping issues */
.image-container.float-left + p,
.image-container.float-right + p {
    clear: both;
}

/* Ensure text has breathing room between floated images */
.twine-container p {
    overflow: hidden; /* Prevents text from overlapping floated images */
    font-size: 1rem;
    line-height: 1.6; /* Improved readability */
    margin: 15px 0; /* Space above/below paragraphs */
    padding: 0 10px; /* Add padding to prevent text from touching images */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-alert .alert-content {
        width: 80%;
        padding: 15px;
    }

    .custom-alert p {
        font-size: 1.2rem;
    }

    .custom-alert button {
        padding: 8px 15px;
        font-size: 0.9rem;
    }

    .twine-container h3,
    .twine-container i {
        font-size: 1.2rem;
        padding: 10px 15px;
    }

    .twine-container a {
        padding: 8px 15px;
        font-size: 0.9rem;
    }

    .image-container.float-left,
    .image-container.float-right {
        float: none;
        margin: 10px auto;
        max-width: 100%;
        text-align: center;
    }

    .image-container.banner img,
    .image-container.selections-banner img {
        max-height: 200px;
    }

    .twine-container p {
        clear: both;
        padding: 0; /* Remove padding on mobile since images are stacked */
    }
}

/*REDO MESSAGE COLOR */
.combat-message {
    background-color: #242423;
}

@media (max-width: 480px) {
    .custom-alert .alert-content {
        width: 90%;
        padding: 10px;
    }

    .custom-alert p {
        font-size: 1rem;
    }

    .custom-alert button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .twine-container h3,
    .twine-container i {
        font-size: 1rem;
        padding: 8px 10px;
    }
}/* End custom CSS */