/*These styles apply to the standard detail/summary structure*/
.ceremonies-detail {
    margin-bottom: .75rem;
}
.ceremonies-detail summary {
    color: rgb(54,69,79);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 5px; 
    --border: solid 1px black;
    border-radius: 15px;
    margin-bottom: .5rem;
    cursor: pointer;
    list-style-type: "+";
    background-color: 	#FAF9F6;
    box-shadow: 5px 5px 3px lightgray;
}

.ceremonies-detail[open] summary {
    list-style-type: "-";
    box-shadow: none;
    background-color: white;
}

/*adjust this next one to the design*/

.ceremonies-detail ul, .ceremonies-detail ol {
    padding-left: 1.8rem;
    margin-bottom: .75rem;
}

.ceremonies-detail ul, .ceremonies-detail ol, .ceremonies-detail p {
    font-size: 1rem;
}

/*Below here styles for individual use of the details/summary structure*/   

.ceremonies-detail {
    width: 90%;
    margin: auto;
}

.ceremonies-detail details {
    margin-bottom: 1rem;
}