/************
* all pages *
************/
.rounded-corners img {
    border-radius: 4px;
}

/***************
* login navbar *
* #topnav      *
***************/
#topnav {
    position: absolute;
    top: 0;
    margin: unset;
    border: none;
    background-color: unset;
}
#topnav,
#topnav > div,
#topnav > div > div {
    max-width: max-content;
}
#topnav .container {
    padding: 0;
}
#topnav .nav-buttons {
    display: flex;
    gap: 0.5rem;
    margin: 0.5rem;
}
#topnav .navbar-btn {
    margin: unset;
}
#topnav .navbar-btn button {
    color: #a54a40;
    border-color: transparent;
}
#topnav .navbar-btn button:hover,
#topnav .navbar-btn button:focus,
#topnav .navbar-btn.open button {
    color: #73332c;
	background-color: #e6e6e6;
}
/* .dropdown-menu-left */
#topnav .dropdown-menu {
    right: auto;
    left: 0;
    min-width: unset;
}
#topnav .member-menu .dropdown-menu {
    left: -5rem;
}
#topnav a {
    padding: 3px 6px;
}
#topnav .dropdown-header {
	display: none;
}
@media (width < 300px) {
    #topnav .member-menu .join {
        font-size: 0;
        gap: 0;
    }
    #topnav .member-menu .join a i {
        font-size: 16px;
    }
    #topnav .member-menu .join a::after {
        font-size: 16px;
        content: "\00a0Request\00a0membership";
    }
}
@media (min-width: 992px) {
    #topnav {
        top: 40px;
    }
    #topnav .nav-buttons {
        flex-direction: column;
    }
    #topnav .dropdown-menu,
    #topnav .member-menu .dropdown-menu {
        top: 0;
        left: 46px;
        margin: 0 0 0 2px;
    }
}

/*************
* top navbar *
* .nav-outer *
*************/
.nav.nav a:hover,
.nav.nav a:focus,
.nav.nav a[aria-expanded="true"] {
    background-color: #e6e6e6;
}
.nav.nav a[aria-expanded="true"] {
    color: #73332c;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / .125);
}
ul.nav-block-collapse {
    display: flex;
    justify-content: end;
    margin: 0.5rem 0;
}
ul.nav-block-collapse li a {
    padding: 6px 12px;
    border: 1px solid transparent;
	margin-left: 0.5rem;
}
ul.nav-block-collapse li a:has(i) {
    display: flex;
    gap: 0.5rem;
}
@media (width < 315px) {
    ul.nav-block-collapse li a:has(i) {
        font-size: 0;
        gap: 0;
    }
    ul.nav-block-collapse li a i {
        font-size: 16px;
    }
}
#navCollapse ul.nav {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 0.5rem;
}
#navCollapse ul.nav::before {
    display: none;
}

footer {
    min-height: unset !important;
    padding-bottom: unset !important;
}
footer #footerLinks a {
	white-space: unset;
}
#top {
    margin-bottom: 0;
}

iframe {
    height: 280px;
    width: 640px;
}

td,
th {
    border: unset !important;
}
.thumbnail {
    border: none;
    background-color: unset;
    padding: unset;
}
.node-contacts .thumbnail {
    background-color: #fff;
}

/*responsive icons*/
.iconlist section {
    container: iconlist / inline-size;
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 2rem 1rem;
    align-items: center;
    margin: 2rem 0;
}
.iconlist h6 {
    font-size: clamp(1.7rem, 2.5cqi + 0.5rem, 2.5rem) !important;
    text-wrap: pretty;
    margin: 0;
}
.iconlist p {
    font-size: clamp(1.7rem, 2cqi + 0.5rem, 2.5rem) !important;
    text-wrap: pretty;
    margin: 0;
}
.iconlist img {
    width: clamp(40px, 10cqi, 128px);
    height: clamp(40px, 10cqi, 128px);
    max-width: unset;
}

/*membership form*/
.address-field label[for="message"] {
    font-size: 0;
}
.address-field label[for="message"]::before {
    content: "* Street Address";
    font-size: 16px;
}

/*captioned images*/
figure {
    margin: 4px auto 12px auto;
}
figcaption {
    text-align: center;
}

/*accordion*/
.panel-heading .accordion-toggle .panel-title:after {
    content: "\e113";
}
.panel-heading .accordion-toggle.collapsed .panel-title:after {
    content: "\e114";
}

/*calendar*/
.nextEvents {
    position: relative;
}
.nextEvents .list-group-item {
    position: unset;
}
.nextEvents .list-group > .list-group-item,
.nextEvents .addEvent {
    display: contents;
}
.nextEvents .moreEvent {
    display: none;
}
.nextEvents .addEvent a {
    position: absolute;
    top: 0px;
    right: 4px;
    color: #fff;
    font-size: 0;
    padding: 0;
    background: unset;
    border: unset;
}
.nextEvents .addEvent a:hover,
.nextEvents .addEvent a:focus {
    color: #000;
}
.nextEvents .addEvent i {
    font-size: 26px;
}

/*************
* /          *
* .node-home *
*************/
/* golden ratio columns 1 : 1.618 = 38% 62% */
@media (min-width: 768px) {
    /* #leftcol */
    .node-home .col-sm-4 {
        width: 38%;
    }
    /* centre  #rightcol */
    .node-home .col-sm-8 {
        width: 62%;
    }
}
/* golden ratio columns 1 : 1.618 : 1 = 28% 44% 28% */
@media (min-width: 992px) {
    /* #leftcol */
    .node-home .col-md-3 {
        width: 28%;
    }
    /* centre  #rightcol */
    .node-home .col-md-9 {
        width: 72%;
    }
        /* centre */
        .node-home .col-md-8 {
            width: 62%;
        }
        /* #rightcol */
        .node-home .col-md-4 {
            width: 38%;
        }
}
.node-home #top .slider-carousel,
.node-content-centre:has(img[alt^="HOME tertiary logo"]) #top .slider-carousel  {
    margin-bottom: 10px;
}
/* remove margin above homepage accordion */
.node-home .panel,
.node-content-centre:has(img[alt^="HOME tertiary logo"]) .panel {
    margin-top: 0;
}
/*****************
* hero carousel  *
* .hero-carousel *
*****************/
.hero-carousel .carousel {
    display: grid;
    place-items: end center;
}
.hero-carousel .carousel-inner {
    grid-area: 1 / 1;
    border-radius: 4px;
}
.carousel-indicators {
    grid-area: 1 / 1;
    display: flex;
    gap: 0.25rem;
    margin: 0.5rem;
    position: unset;
    padding: unset;
    text-align: unset;
}
.hero-carousel .carousel-indicators li,
.hero-carousel .carousel-indicators .active {
    background-color: #fff;
}
.hero-carousel .carousel-indicators li {
    opacity: 0.5;
}
.hero-carousel .carousel-indicators .active {
    opacity: 0.8;
}

/********************
* /our-history      *
* .node-our-history *
********************/
.url-about-us-our-history- .article,
.url-about-us-our-history- .customInclude:has(p) {
    columns: 16em;
    column-gap: 4em;
    column-rule: 1px solid #a54a4044;
    orphans: 2;
    widows: 2;
}

/********************
* /useful-documents *
* .node-files       *
********************/
body:not(.isadmin) .node-files table th.list:nth-of-type(4),
body:not(.isadmin) .node-files table td.list:nth-of-type(4),
body:not(.isadmin) .node-files table th.list:nth-of-type(5),
body:not(.isadmin) .node-files table td.list:nth-of-type(5) {
	display: none;
}

/*************************
* /planning-applications *
*************************/
/* .node-planning-applications .page-title::before, */
.node-home .filteredItemList h3 a[href*="/planning-applications/"]::before {
    content: "Planning Alert: ";
}
.moreLink a[href*="/planning-applications/"] {
    font-size: 0;
}
.moreLink a[href*="/planning-applications/"]::before {
    font-size: 16px;
}
.moreLink a[href*="/planning-applications/undecided/"]::before {
    content: "Comment »";
}
.moreLink a[href*="/planning-applications/granted/"]::before,
.moreLink a[href*="/planning-applications/refused/"]::before {
    content: "View »";
}