/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #0E2A4D;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #0E2A4D;
    --dt-color-secondary: #174760;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #174760;
    --dt-color-accent: #706F6E;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #706F6E;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
/*********************************************************************/
/* CUSTOM PAGE BUILDER STYLES */
/* Author: Michael Griffiths */
/* Date: 2024-06-16 */
/* Description: Custom styles for the Saintsburg page builder */
/*********************************************************************/

.pb-text-overlay {
    position: absolute;
    width: 100%;
    bottom: 10%;
    left: 50%; 
    transform: translate(-50%);
    color: white;
    font-family: 'Impact';
    font-size: 32pt;
    text-align: center;
    padding: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0);
}

.pb-page-image-overlay {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.pb-page-image-overlay img {
    width: 100%;
    height: auto;
    display: block;
}

.pb-page-title-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Impact';
    font-size: 3vw;
    text-align: center;
    padding: 1rem;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .pb-page-title-overlay {
        font-size: 5vw;
    }
}

.text-shadow {
    text-shadow: 1px 1px 5px rgba(0, 0, 0);
}

.pb-title-banner {
    position: relative;
    display: inline-block !important;
}

/*********************************************************************/
/* END CUSTOM PAGE BUILDER STYLES */
/*********************************************************************/