/**

 * Styling to INDICATE whether the BOOKING or CONTACT form

 * was sent successfully, or if there was an error.

 *

 * CLASSES to style:

 *  sent-{success|error}-container => container for the sent message status;

 *  sent-{success|error}-text      => h2 message (includes a larger uppercase font span);

 *  sent-{success|error}           => FontAwesome status indicator wrapper; and

 *  sent-{success|error}-i         => icon check=SUCCESS and icon times=ERROR.

 *

 * BS_styles:

 *  > bg-success;

 *  > text-success;

 */



/* Color Definitions */

:root {

    --main-btn-color: #e25305;

}



/*.sent-success-container,

.sent-error-container*/

[class$="-success-container"] {

    padding: 25px 0;

    margin: 0 15px 50px 15px;

}

/*h2.sent-success-text*/

h2[class$="-success-text"] {

    margin: 25px 0;

    padding: 0 15px;

    font-size: 30px;

    font-weight: normal;

    line-height: 1.5;

    text-align: center;

    text-transform: none;

}

/*h2.sent-success-text span*/

h2[class$="-success-text"] span {

    font-size: 50px;

    font-weight: bold;

    text-transform: uppercase;

}

[class$="-success-text"] p {

    padding: 0 15px;

    margin-bottom: 0;

    font-size: 25px;

    line-height: 2;

    text-align: center;

 }

@media screen and (max-width: 960px) {

    [class$="-success-container"] {

        margin-bottom: 35px !important;

    }

    h2[class$="-success-text"] {

        font-size: 20px;

    }

    h2[class$="-success-text"] span {

        font-size: 25px;

    }

    [class$="-success-text"] p {

        font-size: 15px;

        line-height: 1.5;

    }

}

/*.sent-success-i-wrapper*/

[class$="-success-i-wrapper"] {

    margin: 15px 0;

    font-size: 3rem;

    text-align: center;

}

/*.sent-success-i*/

[class$="-success-i"] {

    padding: 5px;

    border: 5px solid;

    border-radius: 50%;

}



/**

 * Styling HELPERS

 * Mostly to overwrite or re-style things that the main CSS file handles.

 */



/* Thin spread text shadow */

 .txt-shadow-thin {

    text-shadow: 0 0 1px #000000;

}

.mrl-auto {

    width: auto !important;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 25px;

    margin-top: 25px;

}

@media screen and (max-width: 960px) {

    .mrl-auto {

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 25px !important;

    }    

}

/* Fancy underlining re-colored */

.sucs-b {

    background-color: #ffffff !important;

}

.sucs-t {

    background-color: #3c763d !important;

}

/* BOLD font for text success */

.text-success {

    font-weight: bold;

}

/* White text */

.txt-white {

    color: #9f9f9f !important;

}

/* BS info. colored-bg width, padding and margins */

.bg-primary {

    padding: 25px 15px;

    margin-bottom: 35px !important;

}

.bg-primary.sent-success-text {

    max-width: 95%;

    margin: 25px auto;

}

@media screen and (max-width: 960px) {

    .bg-primary.sent-success-text {

        max-width: 100%;

    }

}

/* General site button color */

button[type=submit] {

   /* background-color: var( --main-btn-color );*/
    background-color: #7c7062;

    border: none;

}

/* Generic class for div to break text, instead of <br> */

.brl {

    margin: 15px 0;

}

/* Mobile Navigation Scrolling */

.nav-modal,

.share-modal {

    overflow: auto;

}

.share-modal {

    top: 0;
    bottom: 0;
    right: 0;
}