:root {
    --cheshirewest-box-grey: #ededef;
    --cheshirewest-box-pink: #d11c5d;
    --cheshirewest-box-blue: #346999;
    --cheshirewest-box-purple: #6969b6;
    --cheshirewest-box-purple-bright: #4e4ea6;
    --cheshirewest-box-purple-dark: #3d136d;
}

/* Header */

#block-cheshirewest-servicesmenu .menu--localgov-services-menu .menu-item::marker {
    color: var(--secondary-menu-link-color);
}

.branding__item--logo a:focus, .lgd-header__toggle:focus {
    outline: 3px solid var(--color-focus);
    outline-offset: 3px;
}

/* Homepage */

.path-frontpage .homepage-services .views-view-responsive-grid__item {

}

.path-frontpage .homepage-services .views-view-responsive-grid__item a {
    color: #fff;
    text-decoration: none;
    background-color: var(--cheshirewest-box-purple-bright);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position-x: center;
    background-position-y: 25px;
}

.path-frontpage .homepage-services .views-view-responsive-grid__item a:focus,
.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-1) a:focus,
.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-2) a:focus,
.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-3) a:focus,
.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n) a:focus {
    text-decoration: none;
    color: var(--color-black);
    outline: 3px solid transparent;
    background-color: var(--color-focus);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
}

/* Styling for every nth element here */

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-1) a {
    background-color: var(--cheshirewest-box-pink);
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-2) a {
    background-color: var(--cheshirewest-box-blue);
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n-3) a {
    background-color: var(--cheshirewest-box-purple-bright);
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-child(4n) a {
    background-color: var(--cheshirewest-box-purple-dark);
}

.path-frontpage .homepage-services .views-view-responsive-grid__item a:hover {
    text-decoration: underline;
}

/* Icons for homepage links */

.path-frontpage .homepage-services .views-view-responsive-grid__item a {
    background-size: 70px 70px;
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(1) a {
    background-image: url("/themes/cheshirewest/images/Adopted_Local_Plan_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(2) a {
    background-image: url("/themes/cheshirewest/images/New_Local_Plan_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(3) a {
    background-image: url("/themes/cheshirewest/images/Neighbourhood_Planning_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(4) a {
    background-image: url("/themes/cheshirewest/images/Design_Code_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(5) a {
    background-image: url("/themes/cheshirewest/images/Supplementary_Planning_Documents_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(6) a {
    background-image: url("/themes/cheshirewest/images/Dev_Briefs_Article_4_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(7) a {
    background-image: url("/themes/cheshirewest/images/Evidence_Research_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(8) a {
    background-image: url("/themes/cheshirewest/images/Guidance_Advice_Notes_icon.png");
}

.path-frontpage .homepage-services .views-view-responsive-grid__item:nth-of-type(9) a {
    background-image: url("/themes/cheshirewest/images/Monitoring_icon.png");
}

/* Registers links */

#block-cheshirewest-registersmenu .menu--registers-menu .menu-item {
    background-color: var(--cheshirewest-box-grey);
    border-bottom: 0.4rem solid var(--cheshirewest-box-purple);
}

#block-cheshirewest-registersmenu .menu--registers-menu .menu-item a {
    text-decoration: none;
    color: var(--color-black);
    background-image: url("/themes/cheshirewest/images/block-arrow-black-bg.svg");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position-y: center;
    background-position-x: calc(100% - 10px);
}

#block-cheshirewest-registersmenu .menu--registers-menu .menu-item a:hover {
    text-decoration: underline;
    color: var(--color-white);
    background-color: var(--cheshirewest-box-purple);
    background-image: url("/themes/cheshirewest/images/block-arrow-white.svg");
}


/* Service landing pages */

.page-node-type-localgov-services-landing .service-landing-page__services .service-landing-page__service.field__item {
    background-color: var(--cheshirewest-box-grey);
    border-bottom: 0.4rem solid var(--cheshirewest-box-purple);
}

.page-node-type-localgov-services-landing .service-landing-page__services .service-landing-page__service.field__item a {
    color: var(--color-black);
    background-image: url("/themes/cheshirewest/images/block-arrow-black-bg.svg");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position-y: center;
    background-position-x: calc(100% - 20px);
}

.page-node-type-localgov-services-landing .service-landing-page__services .service-landing-page__service.field__item a:hover {
    text-decoration: underline;
    color: var(--color-white);
    background-size: 40px 40px;
    background-color: var(--cheshirewest-box-purple);
    background-image: url("/themes/cheshirewest/images/block-arrow-white.svg");
}

/* Publications */

.block-localgov-publications h2 {
    border-bottom: 1px solid var(--heading-2-color);
}

/* Next/prev buttons */

.lgd-prev-next__link:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.lgd-prev-next__link:hover .lgd-prev-next__icon svg path {
    fill: var(--color-black);
}

/* Page Sections */

.lgd-page-section a {
    color: var(--color-page-section-link-color);
    font-weight: 600;
}

/* OC2 Connect */

/* OC2 version 2 button colours */

.oc-link-v2 .btn {
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
    border-color: var(--button-border-color);
}

.oc-link-v2 .btn:hover,
.oc-link-v2 .btn:focus,
.oc-link-v2 .btn:active:focus,
.oc-link-v2 .btn.active {
    color: var(--button-text-color-hover);
    background-color: var(--button-bg-color-hover);
    border-color: var(--button-bg-color-hover);
}

.oc-link-v2 .btn:active {
    color: var(--color-white);
    background-color: #9a2462;
    border-color: #9a2462;
    font-weight: bold;
}

.oc-link-v2 .btn.user-view-comment svg path,
.oc-link-v2 .btn.user-map-button svg path,
.oc-link-v2 .btn.maplist-btn svg path {
    fill: var(--button-icon-color);
}


/* default colours for comment buttons in page sections */

.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .btn {
    color: var(--color-black);
    background-color: var(--color-white);
    border: 2px solid var(--color-black);
    margin-top: 0.5em;
}

.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .btn:hover {
    color: var(--color-white);
    background-color: var(--color-black);
    text-decoration: none;
}

.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .user-view-comment svg path,
.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .user-map-button svg path,
.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .maplist-btn svg path {
    fill: var(--color-black);
}

.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .user-view-comment:hover svg path,
.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .user-map-button:hover svg path,
.lgd-page-section.paragraph--type--localgov-page-section .oc-link-v2 .maplist-btn:hover svg path {
    fill: var(--color-white);
}