/*Experimental override of legacy theme box layout*/

button, [type="button"], [type="submit"], [type="reset"], a.ce-buttons {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 7px 20px;
    margin: 5px;
    color: #545454;
    font-size: 0.75em;
    -webkit-transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    text-transform: uppercase;
    letter-spacing: .5px;
    cursor: pointer;
}

    button:hover, [type="button"]:hover, [type="submit"]:hover, [type="reset"]:hover, a.ce-buttons:hover {
        background: #0275d8;
        color: #fff;
        border-color: #607d8b;
    }

    button.ce-buttonAlwaysOnMode, [type="button"].ce-buttonAlwaysOnMode, [type="submit"].ce-buttonAlwaysOnMode, [type="reset"].ce-buttonAlwaysOnMode, a.ce-buttons.ce-buttonAlwaysOnMode {
        background: #0275d8;
        color: #fff;
        border-color: #607d8b;
    }

        button.ce-buttonAlwaysOnMode:hover, [type="button"].ce-buttonAlwaysOnMode:hover, [type="submit"].ce-buttonAlwaysOnMode:hover, [type="reset"].ce-buttonAlwaysOnMode:hover, a.ce-buttons.ce-buttonAlwaysOnMode:hover {
            background: #fff;
            color: #545454;
            border-color: #ddd;
        }
         
    /*Page Common*/
    /***********************/
    .ce-eventAppPageContainers {
        /*margin-bottom: 20px;    
    margin-top: 20px;*/
    }

.ce-recordDetailPageContainers, .ce-recordSearchPageContainers {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* adjust to taste */
}

.ce-searchResultsPageListPanels {
    min-width: 300px;
    max-width: 300px;
}

    /*Event Detail Layout*/
    /***********************/
    /* Structural wrappers — each one is the flex parent of a stacked or side-by-side group */
    .ce-recordDetailPageTopSections {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; /* optional — lets left/right collapse to stacked on narrow viewports instead of squeezing */
        /*gap: 1.5rem;*/        
    }

.ce-recordDetailPageLeftSections {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 350px;
    
}

    .ce-recordDetailPageLeftSections .recordSummaryInfoContainers {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
     
.ce-recordDetailPageRightSections {
    min-width: 300px;
    /*max-width: 300px;
    width: 300px;*/
    flex-shrink:1; /*allow content to push this*/
}

.ce-recordPageRecordTitles {
    font-weight: bold;
    font-size: 24px;        
}

.ce-panelTitles {
    font-weight: bold;
    font-size: 20px;
}

.ce-recordDetailPageBottomSections {
    padding: 15px;
}
 
.ce-formFieldButtons {
    height: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*Search Results Layouts*/
/***********************/

.ce-searchBars > input[type="text"] {
    width: 100%;
    max-width: 500px;
}

.ce-searchResultsPageRightSections {
    min-width: 400px;
    /*max-width: 400px;*/
    /*width: 400px;*/
    flex-shrink: 1; /*allow content to push this*/
}

/*Home Page*/
#homePageTopRightContainer {
    max-width: 350px;
}