/*body {*/
/*    padding-top: 0;*/
/*    font-family: 'Roboto', sans-serif;*/
/*    min-height: 100vh;*/
/*}*/

/*.logo {*/
/*  font-family: 'Montserrat', 'sans-serif';*/
/*  font-size: 2.3em;*/
/*  font-weight: bold;*/
/*}*/

/*.logo-orange {*/
/*  color: #8b3d00;*/
/*}*/

/*.logo-green {*/
/*  color: #00564f;*/
/* }*/

/*.logo-strap {*/
/*  font-family: 'Roboto', 'sans-serif';*/
/*  color: #6f8f8b;*/
/*  position: absolute;*/
/*  font-size: 1.28em;*/
/*  font-style: oblique;*/
/*  top: 45px;*/
/*}*/
.camp-hdr {
    font-size: 1.5rem;
}

@media (min-width: 576px) {
    .camp-hdr {
        font-size: 1.5rem;
    }

    .camp-md {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .camp-hdr {
        font-size: 3rem;
    }

    .camp-md {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .camp-hdr {
        font-size: 4rem;
    }

    .camp-md {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .camp-hdr {
        font-size: 5rem;
    }

    .camp-md {
        font-size: 4rem;
    }
}

.bg-primary-pale {
    background-color: #f8f4a6;
}

.bg-secondary-pale {
    background-color: #df927b;
}

/* from wagtail docs Responsive Embeds*/
.rich-text img {
    max-width: 100%;
    height: auto;
}

.responsive-object {
    position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* position image absolutely behind any text */
.hero-image {
    position: absolute;
    display: block;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* size overlay to cover image */
.hero-overlay {
    position: relative;
    z-index: 1;
}

.hero-text {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px #000000;
    letter-spacing: 0.3rem;
    font-weight: 500;
    color: white;
}

.font-2 {
    font-size: 2vh;
}

.font-3 {
    font-size: 3vh;
}

.font-4 {
    font-size: 4vh;
}

.font-5 {
    font-size: 5vh;

}

.font-6 {
    font-size: 6vh;
}

.minheight {
    min-height: 74vh;
}

/*body {*/
/*  min-height: 100vh;*/
/*}*/

/*  https://startbootstrap.com/snippets/sticky-footer-flexbox */

html,
body {
    height: 100%;
}

#page-content {
    flex: 1 0 auto;
}

#sticky-footer {
    flex-shrink: 0;
}

/* --------- */

.text-shadow {
    text-shadow: 2px 2px 4px #000000;
}

.card-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-tile {
    border-color: #175734;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}


/* used in diary */
.list-group-custom {
    height: 30px;
    padding: 1px 10px
}

.table-borderless td,
.table-borderless th {
    border: 0;
}

/*.form-control-label {*/
/*    font-weight: bold;*/
/*    margin-bottom: 0;*/
/*}*/

#CookielawBanner {
    background: #fff;
    padding: 15px 0;
}

#CookielawBanner #CookielawCross {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

.col-form-label {
    padding-top: 2px;
    padding-bottom: 0;
    font-size: .85rem;
}

.asteriskField {
    display: none;
}

table.dark-header > thead > tr > th {
    background-color: #00564f;
    color: white;
    font-weight: normal;
    border-bottom: 0;
}

table.with-border {
    border: 1px solid #00564f;
!important
}

/* https://css-tricks.com/rotated-table-column-headers */
th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

th.rotate > div {
    transform: /* Magic Numbers */ translate(10px, 51px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 20px;
}

/*th.rotate > div > span {*/
/*  border-bottom: 1px solid #ccc;*/
/*  padding: 5px 10px;*/
/*}*/


.ol-green {
    color: #50bb53;
}

.bg-ol-green {
    background-color: #50bb53;
}


/* Twitter typeahead for Bootstrap 4 */

span.twitter-typeahead .tt-menu {
    cursor: pointer;
}

.dropdown-menu, span.twitter-typeahead .tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

span.twitter-typeahead .tt-suggestion {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5;
}

span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0;
}

span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    color: #818a91;
}

span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}

span.twitter-typeahead {
    width: 100%;
}

.input-group span.twitter-typeahead {
    display: block !important;
}

.input-group span.twitter-typeahead .tt-menu {
    top: 2.375rem !important;
}


/*html {*/
/*  position: relative;*/
/*  min-height: 75%;*/
/*}*/


.invalid-feedback {
    display: block;
}

/* fix for IE stretching card images */
.card > * {
    flex: 0 0 auto;
}

.flatpickr-input:read-only {
    background-color: white;
}

/* allow stacked overlays */

.modal:nth-of-type(even) {
    /* z-index: 1053 !important; */
}

.htmx-indicator {
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator {
    opacity: 1
}

.htmx-request.htmx-indicator {
    opacity: 1
}