/*
 * Site-specific component overrides for the LORENTZ water website.
 */

div.l-subheader.at_top,
.videoOverlay p,
body .floatton-container {
    background-color: var(--color-content-heading) !important;
    border-color: var(--color-content-heading) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .42), 0 18px 40px rgba(0, 0, 0, .28) !important;
}

body .floatton-container .floatton-inner,
body .floatton-container .floatton-inner p,
body .floatton-container .floatton-inner .comment-reply-title,
body .floatton-container .floatton-inner label,
body .floatton-container .floatton-inner a,
body .floatton-container .floatton-inner a:hover,
body .floatton-container .floatton-inner a:focus,
body .floatton-container .floatton-inner a:visited,
body .floatton-container .floatton-inner h1,
body .floatton-container .floatton-inner h2,
body .floatton-container .floatton-inner h3,
body .floatton-container .floatton-inner h4,
body .floatton-container .floatton-inner h5,
body .floatton-container .floatton-inner h6 {
    color: #fff !important;
}

body .floatton-container .floatton-inner h1,
body .floatton-container .floatton-inner h2,
body .floatton-container .floatton-inner h3,
body .floatton-container .floatton-inner h4,
body .floatton-container .floatton-inner h5,
body .floatton-container .floatton-inner h6 {
    font-weight: 700 !important;
}

body .floatton-container .floatton-inner a {
    font-weight: 700 !important;
}

.videoOverlay p {
    padding-left: 15px;
    padding-right: 15px;
}

body .floatton-container .floatton-inner label {
    background-color: var(--color-content-heading) !important;
}

body .floatton-container .floatton-pointer {
    border-top-color: var(--color-content-heading) !important;
}

body .floatton-container .floatton-close {
    top: -17px;
    right: -17px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #fff !important;
    background-color: var(--color-content-heading) !important;
    box-shadow: 0 0 0 3px #fff, 0 0 14px 4px rgba(0, 0, 0, .4);
}

body .floatton-container .floatton-close::before {
    width: 34px;
    height: 34px;
    line-height: 34px;
}

/* Keep legacy form hover accents aligned with the heading colour palette. */
div.lorentz_form input:not([type='radio']):not([type='checkbox']):hover,
div.lorentz_form select:hover,
div.lorentz_form textarea:hover {
    border-bottom: 1px solid var(--color-content-heading) !important;
}