.elementor-1450 .elementor-element.elementor-element-8bef020{--display:flex;}.elementor-1450 .elementor-element.elementor-element-e99ac72{--display:flex;--min-height:0px;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:15px;--padding-bottom:075px;--padding-left:75px;--padding-right:75px;}.elementor-1450 .elementor-element.elementor-element-e99ac72.e-con{--align-self:center;}.elementor-1450 .elementor-element.elementor-element-440c811{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1450 .elementor-element.elementor-element-da980e5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1450 .elementor-element.elementor-element-da980e5.elementor-element{--align-self:center;}.elementor-1450 .elementor-element.elementor-element-489e71c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1450 .elementor-element.elementor-element-f9e56ae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1450 .elementor-element.elementor-element-37ee6a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1450 .elementor-element.elementor-element-7db7498{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor2 );--divider-border-width:2.7px;}.elementor-1450 .elementor-element.elementor-element-7db7498 .elementor-divider-separator{width:38%;margin:0 auto;margin-center:0;}.elementor-1450 .elementor-element.elementor-element-7db7498 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1450 .elementor-element.elementor-element-1bfb831{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1450 .elementor-element.elementor-element-b13cb36{--display:flex;}.elementor-1450 .elementor-element.elementor-element-40aa20f{text-align:center;}.elementor-1450 .elementor-element.elementor-element-40aa20f .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}@media(max-width:1024px){.elementor-1450 .elementor-element.elementor-element-489e71c{--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1450 .elementor-element.elementor-element-e99ac72{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1450 .elementor-element.elementor-element-440c811{--margin-top:1px;--margin-bottom:22px;--margin-left:1px;--margin-right:1px;}.elementor-1450 .elementor-element.elementor-element-489e71c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1450 .elementor-element.elementor-element-bb86f5c{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-4176212 *//* Container Layout */
.work-actions-container {
    display: flex;
    gap: 20px;
    justify-content: center; /* Centers buttons */
    margin-top: 40px;
    flex-wrap: wrap;
}

/* Base Button Style */
.work-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-family: 'Cinzel', serif; /* Your Medieval Font */
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: 1px solid;
    transition: all 0.3s ease;
    min-width: 220px;
    line-height: 1;
}

.btn-icon {
    margin-right: 12px;
    font-size: 18px;
}

/* PRIMARY BUTTON (Start Reading) - Solid Gold */
.primary-btn {
    background-color: #E4CB86;
    color: #0f0f0f; /* Dark text for contrast */
    border-color: #E4CB86;
}

.primary-btn:hover {
    background-color: #d1b870; /* Darker gold on hover */
    border-color: #d1b870;
    color: #000;
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(228, 203, 134, 0.3);
}

/* SECONDARY BUTTON (Full Text) - Outline Gold */
.secondary-btn {
    background-color: transparent;
    color: #E4CB86; /* Gold Text */
    border-color: #E4CB86; /* Gold Border */
}

.secondary-btn:hover {
    background-color: #E4CB86; /* Fills with Gold */
    color: #0f0f0f; /* Text turns dark */
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(228, 203, 134, 0.2);
}

/* Mobile Fix */
@media (max-width: 768px) {
    .work-actions-container {
        flex-direction: column;
        width: 100%;
    }
    .work-btn {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS *//* Container */
.shakespeare-toc-dark {
    width: 100%;
    max-width: 600px;
    font-family: 'Cinzel', serif; 
    color: #ffffff;
}

/* Act Headers */
.toc-act-title {
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.toc-act-title a {
    color: #ffffff;
    text-decoration: none;
    font-size: 24px;
    display: block;
    padding-bottom: 5px;
}

.toc-act-title a:hover {
    color: #f1c40f; /* Gold */
}

/* Scene List */
.toc-scene-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 20px; /* Indented left */
}

.toc-scene-list li {
    margin-bottom: 5px;
}

.toc-scene-list li a {
    color: #cccccc;
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 5px;
    transition: 0.2s;
    border-left: 2px solid transparent;
}

.toc-scene-list li a:hover {
    color: #ffffff;
    padding-left: 15px; /* Slide effect */
    border-left: 2px solid #f1c40f;
}/* End custom CSS */