/* Import Montserrat (800) and Nunito (400, 800) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Nunito:wght@400;800&display=swap');

/* Heading Styles */
h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800; /* Extra Bold */
}

/* Subheading Styles */
h2, h3, h3>a, .sidebar__heading {
    font-family: 'Nunito', sans-serif;
    font-weight: 800; /* Extra Bold */
}

.widget--navigation .item-list a {
    font-family: 'Nunito', sans-serif;
    font-weight: 800; /* Extra Bold */
}

/* Body Styles */
p, a, address, aside, input::placeholder,
textarea::placeholder, li>span, #search-button, .table-wrapper table td {
    font-family: 'Nunito', sans-serif;
    font-weight: 400; /* Regular */
}

/* Bullet lists */
.byEditor ul li, .editor ul li, .item-list--bullet li {
    font-family: 'Nunito', sans-serif;
}

.site-header {
    min-width: 375px;
}

.sidebar__links a:hover, .sidebar__links a:focus, .sidebar__links a:active {
    color: #000 !important;
}

.sidebar__links a {
    transition: color 0.3s !important;
}

/* Base Styling */
#search-button {
    background: #00833a !important;
    font-size: 1.8rem !important;
    line-height: 4.2rem !important;
}

#search-button:hover, #search-button:focus, #search-button:active {
    background: #000 !important;
}

/* The magnifying glass icon */
.hero #search-button::before {
    font-size: 2.1rem !important;
    margin-left: -10px !important;
    margin-top: 5px !important;    
}


.widget--council-services {
    background-color: #00833a !important;
}

.owl-nav div {
    background-color: #00833a !important;
}

.page-heading {
    background-color: #00833a !important;
}

.button, .dz-remove, .form__dropzone-upload-button, .form__label--image-upload, .form__label--upload, input[type=submit] {
    background-color: #00833a !important;
    border: 0 !important;
    color: #fff !important;
}

.dz-remove:hover, .form__dropzone-upload-button:hover, .form__label--image-upload:hover, .form__label--upload:hover,
.dz-remove:focus, .form__dropzone-upload-button:focus, .form__label--image-upload:focus, .form__label--upload:focus, 
.dz-remove:active, .form__dropzone-upload-button:active, .form__label--image-upload:active, .form__label--upload:active {
    background-color: #007948!important;;
    border: 0 !important;
    color: #fff !important;
}

.button:hover, .button.button--info:hover, input[type=submit]:hover,
.button:focus, .button.button--info:focus, input[type=submit]:focus,
.button:active, .button.button--info:active, input[type=submit]:active {
    background-color: #000 !important;;
    border: 0 !important;
    color: #fff !important;
}

/* Previous page button  xfp is grey. Override this. */
.button--form-control[name=back] {
    background-color: #00833a !important;
    border: 0 !important;
    color: #fff !important;
}
.button--form-control[name=back]:hover,
.button--form-control[name=back]:focus,
.button--form-control[name=back]:active {
    background-color: #000 !important;
    border: 0 !important;
    color: #fff !important;
}
.form--form-builder .form__action--secondary .button:focus,
.form--form-builder .form__action--secondary .button:hover,
.form--form-builder .form__action--secondary input[type=submit]:focus,
.form--form-builder .form__action--secondary input[type=submit]:hover {
    background-color: #000 !important;
    border: 0 !important;
    color: #fff !important;
}


/* 'Most popular council services' widget */
.home .widget-row:nth-of-type(1) {
    background-color: #00833a !important;
}

/* Council info widget under 'most popular' */
.home .widget-row:nth-of-type(2) {
    background-color: #000000 !important;
}

/* Panel under Council info */
.home .widget-row:nth-of-type(3) {
    background-color: #00833a !important;
}

/* Buttons on panel under Council info */
.widget--title-text-and-button a.button {
    background-color: #000000 !important;
}

.site-footer {
    background: #00833a;
}

/* Announcement banner */
.callout--warning {
    background: #ffe5e4 !important;
    border: 0 !important;
    color: #3a2405;
}

.callout--warning .button:hover, .callout--warning .button:focus, .callout--warning .button:active {
    background: #000000 !important;
}

/* Close button on announcement banner */
.announcement__close {
    background-color: transparent !important;
}

.announcement__close:active, .announcement__close:focus, .announcement__close:hover {
    box-shadow: inset 0 0 5px 2px #00833a !important;
}

/* Adjust logo size  */
.site-header .logo {
    background: url(../images/ealing-logo-2026.svg) no-repeat !important;
    background-size: 15rem 7rem !important;
    display: block !important;
}
@media screen and (min-width: 700px) {
    .site-header .logo {
        background-size: 20rem 7rem !important;
    }
}

/* Social media link */
.nextdoor:after {
    content: "\e3af";
    transform: scaleX(-1);
    color: #000000;
}