/*
Theme Name: SBW
Theme URI: http://smallbusinesswebsites.co.uk
Author: Ilona Ferenc
Author URI: http://ilonaferenc.co.uk
Description:  A theme built for Grosmont Cooperative Society
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sbw

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


:root {
    --main-colour: #747d87;
    --accent-colour: #c8aa81;
    --accent-hover-colour: #c8aa81;
    --secondary-colour: #0C2168;
    --main-font: "Nunito", serif;
    --accent-font: "EB Garamond", serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--accent-font);
}

@media(min-width:769px) {
    h1 {
        font-size: 2.9rem;
    }
}
@media(min-width: 1440px) {
    h1 {
        font-size: 3.3rem;
    }
}

h2 {
    font-size: 1.6em;
    margin-bottom: 0.8em;
}
@media (min-width: 769px) {
    h2 {
        font-size: 2.3rem;
    }
}
@media (min-width: 1400px) {
    h2 {
        font-size: 2.4rem;
    }
}

h3 {
    margin-bottom: 0.6em;
}

p {
    margin-bottom: 0.8rem;
}
@media(min-width: 769px){ 
    p {
        margin-bottom: 1.2rem;
    }
}

button,
.button,
.everest-forms .everest-forms-part-button,
.everest-forms a.button:not(.button-large),
.everest-forms button.button:not(.button-large),
.everest-forms button[type=submit],
.everest-forms input[type=submit],
.wp-block-everest-forms-form-selector .everest-forms-part-button,
.wp-block-everest-forms-form-selector a.button:not(.button-large),
.wp-block-everest-forms-form-selector button.button:not(.button-large),
.wp-block-everest-forms-form-selector button[type=submit],
.wp-block-everest-forms-form-selector input[type=submit] {
    padding: 6px 0;
    border: 0;
    border-bottom: 1px solid var(--accent-colour);
    border-radius: 0;
    background-color: rgba(255,255,255,0);
    color: var(--accent-colour);
}
.everest-forms input[type="checkbox"] {
    margin-right: 0.4em;
}

.everest-forms button[type="submit"].button {
    padding: 0.5em 1em;
    font-size: 1rem;
    color: #747d87;
    border: 1px solid var(--accent-colour);
}
.everest-forms button[type="submit"].button:hover {
    background-color: var(--accent-colour);
    color: #fff;
    transition: background-color 0.5s;
}

a.button {
    display: inline-block;
    border: none;
    text-decoration: none;
    color: var(--main-colour);
}
a.button.gold {
    color: var(--accent-colour);
}
a.button.white {
    color: #fff;
}
.button span.button-caption {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--accent-colour);
}
button.button {
    border-bottom: 0;
}

@media(max-width:992px){
    a.button {
        max-width: 85%;
        line-height: 2;
    }
}

a.button + p {
    margin-top: 2em;
}

body {
	font-family: serif;
	font-family: var(--main-font);
    font-size: 1.1rem;
}

a.logo img {
	max-width: 80px;
	height: auto;
}
@media(min-width:769px){
    a.logo img {
        max-width: 120px;
    }   
}

nav.navbar {
    display: block;
	align-items: start;
	padding: 0;
}

nav.navbar .logo-wrapper {
    position: absolute;
    width: 100%;
    top: 10px;
}
@media(min-width:769px) {
    nav.navbar .logo-wrapper {
        top: 15px;
    }
}

#menu-navbar {
    position: relative;
    z-index: 5;
	justify-content: flex-end;
	font-family: serif;
	font-family: var(--accent-font);
}

#menu-navbar a {
	display: inline-block;
	padding: 0.5em 1.5em;
	text-decoration: none;
    text-transform: uppercase;
	transition: backround-color 0.5s;
}
@media(min-width: 992px) {
    #menu-navbar a {
        padding: 1.3em 1.5em;
    }
}
@media(min-width: 992px) {
    #menu-navbar ul > li:last-child a {
        padding: 1.5em 1.5em;
    }
}

#menu-navbar .sub-menu a {
    padding: 0.5em 1em;
}
@media(min-width: 992px) {
    #menu-navbar .sub-menu a {
        padding: 1.3em 1.5em;
    }
}

@media(min-width: 992px){
    .page-template-default #menu-navbar #menu-primary-navigation > li > a,
    .error404 #menu-navbar #menu-primary-navigation > li > a {
        color: #0c2168;
    }
}

#menu-navbar #menu-primary-navigation > li:last-child a {
	background-color: var(--accent-colour);
	color: #fff;
    transition: background-color 0.3s;
}
#menu-navbar #menu-primary-navigation > li:last-child a:hover {
    background-color: #b39976;
}
#menu-navbar #menu-primary-navigation > li:last-child a:before {
    display: none;
}

#menu-navbar .current-menu-item a {
	position: relative;
}
#menu-navbar .current-menu-item > a::before {
	content: "";
    position: absolute;
    bottom: 5px;
    left: 25px;
    display: block;
    width: 76%;
    height: 1px;
    background-color: var(--accent-colour);
}
@media(min-width: 992px) {
    #menu-navbar .current-menu-item > a::before {
        bottom: 14px;
        left: 12%;
    }
}

#menu-navbar li.menu-item-has-children {
	position: relative;
}

@media(min-width: 992px) {
    .sub-menu {
        float: left;
        position: absolute;
        top: 100%;
        left: -9999px;
        width: 250px;
        padding-left: 0;
        list-style: none;
        background-color: var(--secondary-colour);
    }
}

#menu-navbar li.menu-item-has-children:hover ul,
#menu-navbar li.menu-item-has-children:hover ul {
	left: 0;
}

body:not(.home, .page-template-default, .error404) > header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.navbar-toggler {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 7;
    border: 0;
}

@media(max-width: 991px) {
    #menu-navbar {
        padding-top: 70px;
        padding-bottom: 50px;
        background-color: rgb(12, 33, 104, 1);
    }
}

.page-banner {
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: var(--secondary-colour);
    color: #fff;
}
@media(min-width: 1200px){
    .page-banner {
        min-height: 350px;
    }
}
@media(min-width: 1400px){
    .page-banner {
        min-height: 530px;
    }
}

.page-banner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 2;
    content: '';
    background: rgb(12, 33, 104, 0.9);
}

.image-banner {
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.page-banner .row {
    height: 100%;
}

.banner-text {
    position: relative;
    z-index: 2;
    padding: 120px 0 70px;
}
@media(min-width: 769px){
    .banner-text {
        padding: 8em 0 5em;
    }
}

.banner-text .main-caption {
    display: block;
    margin-bottom: 0.8em;
}

.banner-text h1 {
    color: #fff;
    letter-spacing: 1px;
}

.page-banner .subheadline {
    margin-top: 0.5rem;
	color: #fff;
    font-size: 1.2rem;
}

.page-banner .subheadline p {
	font-size: 1.3rem;
}

.page-banner .subheadline h1 {
	text-transform: uppercase;
}

.page-banner .subheadline p:last-child {
	font-size: 1.5rem;
	font-style: italic;
}

body:not(.single-post) .banner-text h1:before,
body:not(.single-post) .banner-text h1:after {
	content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    margin-bottom: .25em;
    background-color: #fff;
    opacity: .5;
}
.banner-text h1:before {
	margin-right: 10px;
}
.banner-text h1:after {
	margin-left: 10px;
}
@media(min-width:769px) {
    body:not(.single-post) .banner-text h1:before,
    body:not(.single-post) .banner-text h1:after {
        width: 70px;
    }
    .banner-text h1:before {
        margin-right: 30px;
    }
    .banner-text h1:after {
        margin-left: 30px;
    }
}
@media(min-width: 1440px) {
    body:not(.single-post) .banner-text h1:before,
    body:not(.single-post) .banner-text h1:after {
        width: 110px;
    }
    .banner-text h1:before {
        margin-right: 60px;
    }
    .banner-text h1:after {
        margin-left: 60px;
    }
}


/* end of banner css */


.breadcrumbs {
    margin: 2em 0;
}
@media(min-width:769px) {
    .breadcrumbs {
        text-align: center;
    }
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs i {
    padding: 0px 0.4em;
    font-size: 0.6rem;
}

.arrow {
  width: 20px;
  height: 17px;
  display: inline-block;
  position: relative;
}
.arrow-left {
    transform: rotate(180deg);
}
.arrow::before {
  content: "";
  display: block;;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  margin: 0 0 0 4px;
  border-style: solid;
  border-color: var(--accent-colour);
  border-width: 1px 1px 0 0
}
.arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  transform: translate(-7px, 4px);
  width: 22px;
  height: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: var(--accent-colour);
}

.chevron {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border: 1px solid var(--accent-colour);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.chevron::after {
    position: absolute;
    content: '';
    display: inline-block;
    height: 5px;
    width: 5px;
    top: 6px;
    left: 4px;
    transform: rotate(45deg);
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--accent-colour);
}

.accent-font {
    font-family: var(--accent-font);
    color: var(--accent-colour);
    font-style: italic;
}

.lead {
    font-size: 1.1rem;
}

img {
  max-width: 100%;
  height: auto;
}

.e-mail {
  unicode-bidi: bidi-override;
  direction: rtl; }

.e-mail:before {
  content: attr(data-website) "@" attr(data-user); }

.highlight-section {
    padding: 0 0 5em;
    background-color: #f8f6f2;
}
@media(min-width: 769px){
    .highlight-section {
        padding: 1em 0 4em;
    }
}
@media(min-width: 1400px){
    .highlight-section {
        padding: 5em 0 7em;
    }
}

@media(min-width: 992px){
    .highlight-section .content-wrapper {
        margin-right: 3em;
    }
}
@media(min-width: 1400px){
    .highlight-section .content-wrapper {
        margin-right: 5em;
    }
}

.highlight-section .image-wrapper {
    margin-top: 1em;
}

@media(min-width: 769px){
    .highlight-section .image-wrapper {
        text-align: center;
    }
}
@media(min-width: 992px){
    .highlight-section .image-wrapper{
        position: relative;
        margin: 0;
    }

    .highlight-section .image-wrapper:before{
        content: "";
        position: absolute;
        top: 60px;
        right: -50px;
        width: 85%;
        height: 100%;
        background-color: #e4e1d7;
        z-index: 1;
    }
}

.highlight-section .image-wrapper img {
    position: relative;
    z-index: 2;
}
@media(min-width: 769px){
    .highlight-section .image-wrapper img {
        max-width: 350px;
    }
}
@media(min-width: 992px){
    .highlight-section .image-wrapper img {
        max-width: 100%;
    }
}

.day-wrapper {
    display: flex;
}

.opening-hours,
.opening-days {
    width: 50%;
}

.newsletter-section-wrapper {
	margin-bottom: -3.5em;
}

.newsletter-wrapper {
    padding: 1.5em;
    background-color: var(--secondary-colour);
    color: #fff;
}
@media(min-width: 769px) {
    .newsletter-wrapper {
        margin-left: 1em;
        padding: 2em;
    }
}
@media(min-width: 1400px) {
    .newsletter-wrapper {
        margin-left: 4em;
        padding: 2em;
    }
}

.newsletter-text {
	display: inline-block;
	padding-right: 2em;
}

@media(max-width:768px) {
    .mc4wp-form {
        margin-top: 1em;
    }
}
.mc4wp-form {
	font-size: 0.9em;
}

.mc4wp-form input[type="email"] {
	padding: 0.7em 1em;
	border: 1px solid var(--accent-colour);
	background-color: var(--secondary-colour);
	color: #fff;
}

.mc4wp-form input::placeholder {
	color: #fff;
}

.mc4wp-form button {
	width: 49px;
	height: 47px;
	border: 0;
	margin-left: -5px;
    background-color: #fff;
}

footer .band {
	padding: 5em 0 0;
	background-color: #f8f6f2;
}
@media(min-width:769px) {
    footer .band {
        padding: 7em 0 4em;
    }
}

@media(max-width:768px) {
    footer .band .widget-wrapper {
        margin-bottom: 2em;
    }
}

@media(min-width:769px) {
    footer .band .row > div:nth-child(2) .widget-wrapper {
        padding-left: 30%;
    }
}

footer h4 {
	margin-bottom: 1em;
}

footer ul {
	list-style: none;
	padding-left: 0;
}

footer #menu-footer-quick-links a {
	color: var(--main-colour);
	text-decoration: none;
}

@media(max-width: 768px){
    .grosmont-footer-logo {
        max-width: 150px;
    }
}

footer #credits {
	background-color: #e4e1d7;
    padding: 3em 0 2em;
    font-size: 0.9em;
}

footer #credits p {
	margin-bottom: 0.7em;
}

footer #credits p a {
    color: var(--secondary-colour);
    text-decoration: none;
    font-weight: 600;
}

footer #credits .right-column {
    display: flex;
    justify-content: flex-end;
}

footer #credits .list-group-item {
	background-color: #e4e1d7;
}

footer #credits .list-group-item a {
	text-decoration: none;
	color: var(--main-colour);
}

.sub-heading {
    font-size: 1.3rem;
}
@media(min-width:769px){
    .sub-heading {
        font-size: 1.6rem;
    }   
}

/* Default page */
.page-template-default main {
    margin-top: 6em;
}
@media(min-width: 769px){
    .page-template-default main {
        margin-top: 8em;
    }
}
@media(min-width: 992px){
    .page-template-default main,
    .error404 main {
        margin-top: 4em;
    }
}

#latest-news-wrapper {
    margin: 2em 0;
}
@media(min-width:769px){
    #latest-news-wrapper {
        margin: 5em 0 7em;
    }
}
@media(min-width: 1400px){
    #latest-news-wrapper {
        margin: 7em 0;
    }
}

@media(max-width: 768px){
    #latest-news-wrapper .single-post-wrapper {
        margin-bottom: 2em;
    }
}

#latest-news-intro {
    margin-bottom: 3em;
    text-align: center;
}

#latest-news-intro h2 {
    margin-bottom: 0.3em;
}

#latest-news-wrapper .single-post-wrapper h3 {
    margin-bottom: 0.1em;
}

#latest-news-wrapper .single-post-wrapper .accent-font {
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1.25rem;
}

#latest-news-wrapper .post-image {
    position: relative;
    height: 250px;
    width: 100%;
    margin-bottom: 1em;
    background-size: cover;
    background-position: center;
}
#latest-news-wrapper .post-image:before {
    background: rgb(12, 33, 104, 0.4);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background 0.25s;
}
#latest-news-wrapper .single-post-wrapper:hover .post-image:before {
    background: rgb(12, 33, 104, 0.1);
}

/* Our history page */
.page-template-page-history #breadcrumbs-wrapper {
    background-color: #f8f6f2;
}

#timeline {
    margin: 5em 0;
}

#timeline-intro {
    text-align: center;
}

#timeline-wrapper {
	position: relative;
	margin: 4em 0;
}

#timeline-line {
    position: absolute;
    top: 0;
    left: 3%;
    height: calc(100% - 40px);
    width: 1px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    margin-left: -1px;
	background: #e1e1e1;
}
@media(min-width:769px) {
    #timeline-line {
        right: 50%;
        left: 50%;
    }
}

.timeline-event {
	padding-bottom: 3em;
}
@media(min-width: 769px) {
    .timeline-event {
        padding-bottom: 2em;
    }
}
@media(min-width: 1400px) {
    .timeline-event {
        padding-bottom: 5em;
    }
}

@media(min-width:769px) {
    .order-md-2 .timeline-event-photo {
    	padding-left: 11%;
    }
}
.order-md-1 .timeline-event-photo {
	padding-right: 11%;
}

.timeline-event-photo img {
	max-width: 100%;
	height: auto;
}

.timeline-event-content {
	position: relative;
}

.order-md-2 .timeline-event-content {
	padding: 6em 5% 0 10%;
}
@media(min-width: 769px) {
    .order-md-2 .timeline-event-content {
        padding: 6em 0 0 17%;
    }
}
@media(min-width: 992px) {
    .order-md-2 .timeline-event-content {
        padding: 6em 13% 0 17%;
    }
}

.order-md-1 .timeline-event-content {
    padding: 6em 5% 0 10%;
}
@media(min-width: 769px) {
    .order-md-1 .timeline-event-content {
    	padding: 6em 17% 0 0%;
    }
}
@media(min-width: 992px) {
    .order-md-1 .timeline-event-content {
        padding: 6em 17% 0 13%;
    }
}

.dot {
	margin: 0 0 0 -5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    left: 0;
    height: 9px;
    width: 9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--secondary-colour);
    border: 1px solid var(--secondary-colour);
    border-radius: 50%;
    z-index: 2;
}
@media(min-width:769px) {
    .order-md-1 .dot{
    	margin: 0 -5px 0 0;
    }
}

.dot-line {
	display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 7%;
    height: 1px;
    background-color: #e1e1e1;
    z-index: 1;
}
@media(min-width: 769px) {
    .dot-line {
        width: 13%;
    }
}

.timeline-event-date {
    display: block;
	position: absolute;
    left: 10%;
    top: 60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "EB Garamond";
    font-size: 22px;
    line-height: 1.31em;
    letter-spacing: .16em;
    font-weight: 400;
    letter-spacing: .1em;
    color: var(--accent-colour);
}
@media(min-width:769px) {
    .timeline-event-date {
        left: 17%;
    }
}

@media(min-width:769px) {
    .order-md-1 .dot,
    .order-md-1 .dot-line {
    	right: 0;
    	left: auto;
    }
}

@media(min-width:769px) {
    .order-md-1 .timeline-event-date {
    	right: 17%;
    	left: auto;
    }
}

.timeline-event h3 {
	padding-bottom: 0.5em;
}

/* Members area */
#members-area-menu {
    padding-top: 1em;
}

.page-template-page-members-area .breadcrumbs {
    margin: 2em 0 0;
}

@media(min-width:769px){
    .page-template-page-members-area .breadcrumbs {
        text-align: left;
        padding-bottom: 2em;
    }
}

#menu-members-area-menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 3em;
}

#menu-members-area-menu li {
    padding: 1em 0;
    border-bottom: 1px solid #efefef;
}

#menu-members-area-menu li a {
    color: inherit;
    text-decoration: none;
}
#menu-members-area-menu li a:hover,
#menu-members-area-menu li a.active {
    color: var(--accent-colour);
}

#members-resources {
    margin-bottom: 3em;
}

.doc-wrapper a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0;
    border-bottom: 1px solid #efefef;
    color: inherit;
    text-decoration: none;
}
.doc-wrapper:first-of-type a {
    border-top: 1px solid #efefef;
}

#members-resources .accordion-item button,
#members-resources .accordion-item .accordion-body {
    padding-left: 0;
}

#members-resources .accordion-item button {
    font-size: 1.6rem;
}

#members-resources .accordion-item .doc-wrapper:first-of-type a {
    border: 0;
}

#other-documents,
#agm,
#treasurer-reports {
    margin-top: 3em;
}

#agm {
    background-color: #f8f6f2;
    padding: 2em 1em;
}
@media(min-width: 769px){
    #agm {
        padding: 2em;
    }
}

#agm .doc-wrapper a {
    border-color: #dfdfdf;
}


/* Volunteer  */
p:has(+ ul) {
    margin-bottom: 0.6em;
}

.page-template-page-volunteer #breadcrumbs-wrapper {
    background-color: #f8f6f2;
}

#become-volunteer-page-intro-wrapper {
    padding: 1em 0 4em;
    background-color: #f8f6f2;
}
@media(min-width:769px){
    #become-volunteer-page-intro-wrapper {
        padding: 3em 0 7em;
    }
}

@media(min-width:769px){
    #become-volunteer-page-intro-wrapper .sub-heading,
    #become-volunteer-page-intro-wrapper h2 {
        display: block;
        text-align: center;
    }
}

#become-volunteer-page-intro-wrapper h2 {
    margin-bottom: 1em;
}

#join-volunteer-wrapper {
    position: relative;
    padding: 4em 0;
    background-image: url(https://grosmont.smallbusinesswebsites.co.uk/wp-content/uploads/2025/03/Archive-photo-of-Grosmont-Cooperative-Society-Shop-staff.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
}
@media(min-width: 769px){
    #join-volunteer-wrapper {
        padding: 5em 0 3.2em;
        background-position: center -50px;
    }
}
@media(min-width: 1400px){
    #join-volunteer-wrapper {
        padding: 7em 0 5.2em;
        background-position: center -140px;
    }
}

#join-volunteer-wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(to bottom, rgba(12, 33, 104, 0.9) 0%, rgb(12, 33, 104, 70%) 50%, rgba(12, 33, 104, 0.9) 100%);
}

#join-volunteer-wrapper .container {
    position: relative;
    z-index: 3;
}

#join-volunteer-wrapper h2 {
    color: #fff;
}

#volunteering-form-wrapper {
    padding: 2.6em 2.4em 2em;
    background-color: #fff;
}

#volunteering-form-wrapper h2 {
    color: #0c2168;
}

#volunteering-benefits-section-wrapper {
    padding: 3em 0;
}
@media(min-width:769px){
    #volunteering-benefits-section-wrapper {
        padding: 5em 0;
    }
}
@media(min-width: 1400px){
    #volunteering-benefits-section-wrapper {
        padding: 7em 0;
    }
}

@media(max-width: 992px){
    #volunteering-benefits-section-wrapper img {
        margin: 20px 0 30px;
    }
}

.page-template-page-volunteer .accordion-section-wrapper {
    margin-bottom: 3em;
    padding: 4em 0;
    background-color: #f8f6f2;
}
@media(min-width: 769px){
    .page-template-page-volunteer .accordion-section-wrapper {
        margin-bottom: 0;
        padding: 5em 0;
    }
}
@media(min-width: 1400px){
    .page-template-page-volunteer .accordion-section-wrapper {
        padding: 7em 0;
    }
}

.page-template-page-volunteer .accordion-section-wrapper .accordion-item,
.page-template-page-volunteer .accordion-section-wrapper .accordion-button {
    background-color: #f8f6f2;
}

#get-involved-section-wrapper {
    padding: 0 0 3em;
}
@media(min-width:769px){
    #get-involved-section-wrapper {
        padding: 5em 0;
    }
}
@media(min-width: 1440px){
    #get-involved-section-wrapper {
        padding: 7em 0;
    }
}

.get-involved-options-wrapper {
    margin-top: 1em;
}
@media(min-width:769px){
    .get-involved-options-wrapper {
        margin-top: 4em;
    }
}

@media(max-width:768px){
    .get-involved-option-wrapper {
        margin-top: 1em;
    }
}

@media(min-width: 992px){
    .get-involved-options-wrapper .row > div:first-child .get-involved-option-wrapper {
        padding-right: 0.8em;
    }
    .get-involved-options-wrapper .row > div:nth-child(2) .get-involved-option-wrapper {
        padding: 0 0.4em;
    }
    .get-involved-options-wrapper .row > div:last-child .get-involved-option-wrapper {
        padding-left: 0.8em;
    }
}
@media(min-width: 1440px){
    .get-involved-options-wrapper .row > div:first-child .get-involved-option-wrapper {
        padding-right: 1.6em;
    }
    .get-involved-options-wrapper .row > div:nth-child(2) .get-involved-option-wrapper {
        padding: 0 0.8em;
    }
    .get-involved-options-wrapper .row > div:last-child .get-involved-option-wrapper {
        padding-left: 1.6em;
    }
}

.get-involved-option-wrapper a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.get-involved-option-wrapper .image {
    position: relative;
    content: "";
    width: 100%;
    height: 300px;
    background-size: cover;
}
@media(min-width: 769px) {
    .get-involved-option-wrapper .image {
        height: 200px;
    }
}
@media(min-width: 992px) {
    .get-involved-option-wrapper .image {
        height: 300px;
    }
}

.get-involved-option-wrapper .image:before {
    background: rgb(12, 33, 104, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background .25s ease;
}

.get-involved-option-wrapper a:hover div.image {
    transform: scale(1.05);
    transition: transform 0.5s;
}
.get-involved-option-wrapper a:hover .image:before {
    background: rgb(12, 33, 104, 0.3);
    transition: background 0.5s;
}

.get-involved-options-wrapper h3 {
    display: inline-block;
    margin-top: 0.6em;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--accent-colour);
}

/* Donate */
#donate-page-intro-wrapper {
    padding-bottom: 3em;
}
@media(min-width: 769px) {
    #donate-page-intro-wrapper {
        padding: 2em 0 7em;
    }
}
@media(min-width: 1400px) {
    #donate-page-intro-wrapper {
        padding: 3em 0 7em;
    }
}

#donate-page-intro-wrapper .sub-heading {
    display: block;
}
@media(min-width: 769px) {
    #donate-page-intro-wrapper .sub-heading,
    #donate-page-intro-wrapper h2 {
        text-align: center;
    }
}

.donate-btn-wrapper {
    display: flex;
    justify-content: center;
}

a.donate-btn {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 15px 40px;
    color: #ffffff;
    background: transparent;
    vertical-align: middle;
    font-size: 1.3rem;
    text-decoration: none;
    color: var(--accent-colour);
    border: 1px solid var(--accent-colour);
    transition: background-color 0.2s;
}

a.donate-btn:hover {
    background-color: rgba(200, 170, 129, 0.1);
}

/* Get Involved */
@media(min-width: 769px){
    #get-involved-page-intro {
        column-count: 2;
        column-gap: 60px;
        padding: 3em 0 0;
    }
}
@media(min-width: 992px){
    #get-involved-page-intro {
        column-gap: 80px;
    }
}
@media(min-width: 1400px){
    #get-involved-page-intro {
        padding: 7em 0 0;
        font-size: 1.15rem;
    }
}

@media(min-width: 769px){
    #get-involved-option-section-wrapper {
        margin-top: 7em;
    }
}

#get-involved-option-section-wrapper div[class^='col'] {
    margin-bottom: 2em;
}

.get-involved-option {
    position: relative;
    overflow: hidden;
}
@media(min-width: 769px){
    .get-involved-option {
        height: 400px;
    }
}
@media(min-width: 1400px){
    .get-involved-option {
        height: 450px;
    }
}

.get-involved-option .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
}
.get-involved-option .image:before {
    background: rgb(12, 33, 104, 0.9);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background .25s ease;
}
@media(min-width: 769px){
    .get-involved-option .image:before {
        background: rgb(12, 33, 104, 0.6);
    }

    .get-involved-option:hover .image:before {
        background: rgb(12, 33, 104, 0.9);
    }
}


.get-involved-option .get-involved-option-content-wrapper {
    position: relative;
    z-index: 2;
    padding: 33px;
    transition: top 1s;
    color: #fff;
}
@media(min-width: 769px){
    .get-involved-option .get-involved-option-content-wrapper {
        position: absolute;
        top: 260px;
        padding: 33px;
    }
}
@media(min-width: 1400px){
    .get-involved-option .get-involved-option-content-wrapper {
        top: 310px;
    }
}

.get-involved-option:hover .get-involved-option-content-wrapper {
    top: 0;
}

.get-involved-option h2,
.get-involved-option a {
    color: #fff;
}

@media(min-width: 769px){
    .get-involved-option h2 {
        height: 87px;
    }
}
@media(min-width: 1400px){
    .get-involved-option h2 {
        height: 95px;
    }
}

/* Shop */
@media (max-width: 768px) {
    .page-template-page-shop .banner-text {
        padding: 120px 0 110px;
    }
}

.page-template-page-shop #breadcrumbs-wrapper {
    background-color: #f8f6f2;
}

#place-order-btn {
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-color: var(--accent-colour);
    color: #fff;
    transition: background-color 0.3s;
    padding: 1.2em;
}
@media(min-width:992px) {
    #place-order-btn {
        right: 0;
        padding: 1.5em;
    }
}
#place-order-btn:hover {
    background-color: #b39976;
}

#place-order-btn i {
    color: #fff;
    margin-right: 15px;
}

#shop-page-intro-wrapper {
    padding: 0 0 2em;
    background-color: #f8f6f2;
}
@media (min-width: 769px) {
    #shop-page-intro-wrapper {
        padding: 1em 0 5em;
        text-align: center;
    }
}
@media (min-width: 1400px) {
    #shop-page-intro-wrapper {
        padding: 3em 0 9em;
        text-align: center;
    }
}

#shop-page-intro-content {
    padding-top: 1em;
}
@media (min-width: 769px) {
    #shop-page-intro-content {
        column-count: 2;
        column-gap: 70px;
        text-align: left;
    }
}
@media (min-width: 992px) {
    #shop-page-intro-content {
        column-count: 2;
        column-gap: 140px;
        text-align: left;
    }
}

#shop-departments {
    position: relative;
}
@media (min-width: 769px) {
    #shop-departments {
        padding: 7em 0 5em;
    }
}
#shop-departments:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -7em;
    left: 0;
    height: 7em;
    background-color: #fff;
    z-index: 1;
}

@media (min-width: 769px) {
    .department-wrapper {
        position: relative;
        z-index: 2;
    }
}

.department-wrapper div[class^='col']{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
}

.department-wrapper .image {
    position: relative;
    background-size: cover;
    width: 100%;
    height: 320px;
    margin: 50px 0 20px;
}
@media (min-width: 769px) {
    .department-wrapper .image {
        height: 400px;
        max-width: 90%;
        margin: 0;
        filter: drop-shadow(37px -25px 0px #e4e1d7);
    }
    .department-wrapper:nth-child(odd) .image {
        filter: drop-shadow(-37px -25px 0px #e4e1d7);
    }
}
@media (min-width: 992px) {
    .department-wrapper .image {
        height: 500px;
        max-width: 450px;
        filter: drop-shadow(57px -25px 0px #e4e1d7);
    }
    .department-wrapper:nth-child(odd) .image {
        filter: drop-shadow(-57px -25px 0px #e4e1d7);
    }
}

#shop-departments .image:before {
    background: rgb(12, 33, 104, 0.3);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background .25s ease;
}

.department-wrapper .department-content {
    padding-top: 2em;
    padding-bottom: 4em;
}

@media (min-width: 769px) {
    .department-wrapper .department-content {
        max-width: 500px;
    }

    .department-wrapper:nth-child(even) .order-md-2 {
        align-items: center;
    }
}

#other-departments {
    position: relative;
    margin: 4em 0 3em;
    padding: 50px 0;
    background-color: #f8f6f2;
    border-bottom: 70px solid #f8f6f2;
}
@media (min-width: 769px) {
    #other-departments {
        margin-bottom: 7em;
    }
}

#other-departments div[class^='col'] {
    position: relative;
}

#other-departments .order-md-1:before {
    background: var(--secondary-colour);
    content: "";
    position: absolute;
    top: -30px;
    right: 128px;
    bottom: -30px;
    left: 0;
    z-index: 1;
}
@media (min-width: 769px) {
    #other-departments .order-md-1:before {
        top: -50px;
        bottom: -50px;
    }
}
@media (min-width: 1400px) {
    #other-departments .order-md-1:before {
        top: -70px;
        bottom: -70px;
    }
}

#other-departments #controls{
    position: absolute;
    top: 0;
    right: 12px;
}
@media (min-width: 769px) {
    #other-departments #controls{
        top: auto;
        bottom: -50px;
    }
}
@media (min-width: 1400px) {
    #other-departments #controls{
        top: auto;
        bottom: 0;
    }
}

#other-departments .tns-outer {
    position: relative;
    z-index: 2;
}

@media (min-width: 769px) {
    #other-departments .tns-inner {
        margin-left: 100px;
    }
}
@media (min-width: 1400px) {
    #other-departments .tns-inner {
        margin-left: 200px;
    }
}

#other-departments #other-dept-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    place-content: center;
    margin-bottom: 70px;
    padding-left: 15px;
}
@media (min-width: 769px) {
    #other-departments #other-dept-content {
        margin-bottom: 0;
        padding-top: 50px;
        padding-left: 2em;
    }
}
@media (min-width: 992px) {
    #other-departments #other-dept-content {
        padding-left: 5em;
    }
}

#other-dept-slider-wrapper .slide-image {
    width: 100%;
    height: 330px;
    background-size: cover;
    background-position: center;
    position: relative;
}
@media(min-width: 769px){
    #other-dept-slider-wrapper .slide-image {
        height: 380px;
    }
}
#other-dept-slider-wrapper .slide-image:before {
    background: rgb(12, 33, 104, 0.3);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background .25s ease;
}

#other-dept-slider-wrapper .slide-title {
    position: absolute;
    bottom: 0;
    padding-left: 30px;
    z-index: 2;
}
#other-dept-slider-wrapper .slide-title h3 {
    color: #fff;
}

.section-heading {
    margin-bottom: 0.5em;
    font-size: 2rem;
    font-family: var(--accent-font);
    color: #0c2168;
}
@media (min-width: 769px) {
    .section-heading {
        font-size: 2.3rem;
    }
}

/* Contact page */
#contacts-wrapper {
    margin-bottom: 6em;
}
@media(min-width: 769px) {
    #contacts-wrapper {
        margin: 2em 0 8em;
    }
}
@media(min-width: 1400px) {
    #contacts-wrapper {
        margin: 3em 0 8em;
    }
}

@media(min-width:769px) {
    #contact-form-wrapper {
        padding-right: 3em;
    }
}

@media(min-width:769px) {
    .everest-forms .evf-field-container, .everest-forms .evf-honeypot-container,
    .everest-forms .evf-submit-container,
    .wp-block-everest-forms-form-selector .evf-field-container,
    .wp-block-everest-forms-form-selector .evf-honeypot-container,
    .wp-block-everest-forms-form-selector .evf-submit-container {
        padding: 0;
    }
}

.everest-form input[type="text"],
.everest-form input[type="email"],
.everest-form input[type="tel"],
.everest-form textarea,
.everest-form select {
    border: 0;
    border-bottom: 1px solid #b3b3b3;
    padding: 6px;
}

.everest-forms .evf-field-container .evf-frontend-row textarea,
.wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row textarea {
    height: 90px;
}

@media(min-width:769px) {
    #contact-options-wrapper {
        padding-left: 3em;
    }
}

.contact-option {
    display: flex;
    margin-bottom: 0.8em;
}

.contact-option i {
    margin: 4px 17px 0 0;
}

.contact-option a {
    color: var(--main-colour);
    text-decoration: none;
}

#map-wrapper {
    position: relative;
    margin-bottom: 4em;
}

#map-wrapper::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 100px;
    left: 0;
    background-color: var(--secondary-colour);
    z-index: 1;
}

#map-wrapper *{
    position: relative;
    z-index: 2;
    text-align: center;
}

#map-wrapper h2,
#map-wrapper p {
    color: #fff;
}

#map-wrapper img {
    max-width: 100%;
    margin-top: 4em;
}


/* Homepage */
@media(min-width: 992px){
    body.home .nav a {
        color: var(--secondary-colour);
    }
}
body.home .nav a:hover {
    color: var(--accent-colour);
}

@media(min-width: 992px){
    body.home .sub-menu {
        background-color: #fff;
    }
}

@media(max-width: 769px) {
    body.home #banner-wrapper {
        padding-top: 20px;
    }
}
@media(max-width: 992px) {
    body.home #banner-wrapper {
        margin-top: 100px;
    }
}

#homepage-slider {
    position: relative;
}
@media(min-width: 769px){
    #homepage-slider {
        padding: 70px 0;
    }
}
@media(min-width: 992px){
    #homepage-slider {
        margin-right: -60px;
    }
}
@media(min-width: 1400px){
    #homepage-slider {
        margin-right: -120px;
        padding: 70px 0;
    }
}

@media(max-width:678px){
    #banner-wrapper {
        padding-bottom: 2em;
    }
}
#banner-wrapper {
    position: relative;
    color: #fff;
}

#banner-wrapper::before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--secondary-colour);
}
@media(min-width:769px){
    #banner-wrapper::before {
        width: calc( 50% + 60px );
    }
}
@media(min-width: 1400px){
    #banner-wrapper::before {
        width: 50%;
    }
}

#banner-wrapper .tns-outer {
    position: relative;
}

#banner-wrapper #controls {
    position: absolute;
    right: 0;
    width: 120px;
    text-align: center;
    z-index: 3;
}
@media(min-width:769px){
    #banner-wrapper #controls {
        bottom: 70px;
    }
}

#controls {
    padding: 12px 10px;
    width: 116px;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    border: 0;
    z-index: 3;
}
#controls:hover {
    cursor: pointer;
}

#controls a.prev span {
    top: 9px;
}

@media(min-width: 992px){
    #banner-wrapper .tns-inner {
       margin-left: 100px;
    }
}
@media(min-width: 1200px){
    #banner-wrapper .tns-inner {
       margin-left: 200px;
    }
}
@media(min-width: 1400px){
    #banner-wrapper .tns-inner {
       margin-left: 300px;
    }
}

#banner-wrapper .slide-image {
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-position: center;
}
@media(min-width:769px){
    #banner-wrapper .slide-image {
       height: 450px;
    }
}
@media(min-width: 1400px){
    #banner-wrapper .slide-image {
       height: 600px;
    }
}

#banner-wrapper .carousel-content {
    display: none;
}

#banner-content-wrapper {
    color: #fff;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}
@media(max-width: 768px){
    #banner-content-wrapper {
        margin-top: 1em ;
    }
}

#banner-content-wrapper > div {
    max-width: 400px;
    padding: 0 20px;
}

#banner-wrapper h2 {
    color: #fff;
}

#banner-wrapper a {
    color: #fff;
}

#about-intro-wrapper {
    margin-top: 5em;
}

@media(min-width: 992px){
    #about-intro-wrapper .first-column-content {
        padding-right: 5em;
    }
}
@media(min-width: 1400px){
    #about-intro-wrapper .first-column-content {
        padding-right: 7em;
    }
}

#about-intro-wrapper .buttons-wrapper {
    margin: 2em 0;
}

#about-intro-wrapper .buttons-wrapper a:first-child {
    margin-right: 2.5em;
}

@media(min-width: 992px){
    #about-intro-wrapper .second-column-content {
        column-count: 2;
        column-gap: 3em;
    }
}
@media(min-width: 1400px){
    #about-intro-wrapper .second-column-content {
        column-gap: 6em;
    }
}

#about-intro-wrapper .second-column-content p {
    display: inline-block;
}

@media(min-width: 769px){
    #about-intro-wrapper img {
        margin-top: -170px;
        max-width: 90%;
    }
}
@media(min-width: 992px){
    #about-intro-wrapper img {
        margin-top: -50px;
        max-width: 100%;
    }
}

#products-preview-wrapper {
    margin: 4em 0;
    padding: 1em 0 4em;
    background-color: #f8f6f2;
}
@media(min-width:769px){
    #products-preview-wrapper {
        margin: 6em 0;
        padding: 4em 0;
    }
}

#products-preview-wrapper .service-wrapper {
    padding: 2em 0;
}

#products-preview-wrapper .service-wrapper:nth-child(3) {
    padding-bottom: 4em;
}

#products-preview-wrapper .image-wrapper {
    text-align: center;
}

#products-preview-wrapper img {
    margin-top: 1em;
}

@media (min-width: 769px) {
    #products-preview-wrapper img {
        margin-top: 0;
        filter: drop-shadow(37px -20px 0px #e4e1d7);
    }
    #products-preview-wrapper .service-wrapper:nth-child(even) img {
        filter: drop-shadow(-37px -20px 0px #e4e1d7);
    }
}
@media (min-width: 992px) {
    #products-preview-wrapper img {
        margin-top: 0;
        filter: drop-shadow(57px -30px 0px #e4e1d7);
    }
    #products-preview-wrapper .service-wrapper:nth-child(even) img {
        filter: drop-shadow(-57px -30px 0px #e4e1d7);
    }
}

@media(min-width: 769px){
    #products-preview-wrapper img {
        max-width: 90%;
    }
}
@media(min-width: 992px){
    #products-preview-wrapper img {
        max-width: 400px;
    }
}

#get-involved-wrapper {
    margin: 3em 0;
}

#get-involved-wrapper .left-image-wrapper img {
    max-height: 350px;
}

#get-involved-wrapper .content-wrapper {
    padding-top: 1em;
    padding-bottom: 1em;
}
@media (min-width: 769px) {
    #get-involved-wrapper .content-wrapper {
        padding: 2em 2em 6em;
    }
}
@media (min-width: 992px) {
    #get-involved-wrapper .content-wrapper {
        padding: 2em 4em 6em;
    }
}
@media (min-width: 1400px) {
    #get-involved-wrapper .content-wrapper {
        padding: 2em 4em 9em;
    }
}

#get-involved-wrapper .right-image-wrapper img {
    max-width: 100%;
    margin: 0 auto;
}
@media (min-width: 1400px) {
    #get-involved-wrapper .right-image-wrapper img {
        max-width: 270px;
    }
}

#membership-options-wrapper {
    margin: 5em 0 4em;
}
@media (min-width: 769px) {
    #membership-options-wrapper {
        margin-bottom: 8em;
    }
}

#membership-options-wrapper .membership-option-column {
    padding: 3em 2em;
    max-width: 400px;
    margin: 0 auto;
}
@media(min-width: 769px){
    #membership-options-wrapper .membership-option-column {
        padding: 5em 1em;
    }
}
@media(min-width: 1400px){
    #membership-options-wrapper .membership-option-column {
        padding: 6em 2em;
    }
}

#membership-options-wrapper #already-member-wrapper {
    background-color: #f8f6f2;
}

@media (min-width: 769px) {
    #membership-options-wrapper #already-member-wrapper .membership-option-column {
        margin-top: 2em;
    }
}

#membership-options-wrapper #become-member-wrapper {
    background-color: #e4e2d6;
}

#membership-options-wrapper .accent-font {
    display: inline-block;
    margin-bottom: 0.1em;
}

#membership-options-wrapper .membership-option-column a:not(.button) {
    text-decoration: none;
}

/* About Page */
#about-page-intro-wrapper {
    margin: 0.5em 0 3em;
}
@media(min-width: 769px){
    #about-page-intro-wrapper {
        margin: 2em 0 5em;
    }
}
@media(min-width: 1400px){
    #about-page-intro-wrapper {
        margin: 4em 0 5em;
    }
}

#about-page-intro-content-wrapper {
    padding-top: 1em;
}

#shop-history-wrapper {
    padding: 3em 0 4em;
    background-color: #f8f6f2;
}

#shop-history-link-image-wrapper {
    margin: 0 0 2em;
}
@media(min-width: 769px){
    #shop-history-link-image-wrapper {
        margin: -6em 0 2em;
    }
}
@media(min-width: 992px){
    #shop-history-link-image-wrapper {
        margin: -6em 0 0;
    }
}

.scroll-img-bckg {
    position: relative;
    min-height: 60vh;
    padding: 4em 0;
    background-image: url('https://grosmont.smallbusinesswebsites.co.uk/wp-content/uploads/2025/03/Photo-of-Poppy-a-staff-member-in-Grosmont-cooperative-villave-store.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
}

.scroll-img-bckg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(to bottom, rgba(12, 33, 104, 0.9) 0%, rgb(12, 33, 104, 70%) 50%, rgba(12, 33, 104, 0.9) 100%);
}

.scroll-img-bckg > div {
    position: relative;
    z-index: 2;
}

.scroll-img-bckg h2,
.scroll-img-bckg .button {
    color: #fff;
}

.page-template-page-about .scroll-img-bckg {
    margin-bottom: 4em;
    background-image: url('https://grosmont.smallbusinesswebsites.co.uk/wp-content/uploads/2025/03/Photo-of-Poppy-a-staff-member-in-Grosmont-cooperative-villave-store.jpg');
}

@media(min-width: 769px){
    #legal-wrapper {
        padding: 1em 0 0.5em;
    }
}
@media(min-width: 1400px){
    #legal-wrapper {
        padding: 2em 0 1em;
    }
}

/* Become a member */
.page-template-page-membership #breadcrumbs-wrapper {
    background-color: #f8f6f2;
}

#become-member-page-intro-wrapper {
    padding: 1em 0 7em;
    background-color: #f8f6f2;
}
@media(min-width: 769px){
    #become-member-page-intro-wrapper {
        padding: 3em 0 8em;
    }
}

#join-wrapper {
    position: relative;
    padding: 5em 0 3em;
    background-image: url(https://grosmont.smallbusinesswebsites.co.uk/wp-content/uploads/2025/03/Archive-photo-of-Grosmont-Cooperative-Society-Shop-staff.jpg);
    background-size: cover;
    background-position: center -140px;
    color: #fff;
}
#join-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: '';
    background: linear-gradient(to bottom, rgba(12, 33, 104, 0.9) 0%, rgb(12, 33, 104, 70%) 50%, rgba(12, 33, 104, 0.9) 100%);
}

#join-wrapper > div {
    position: relative;
    z-index: 2;
}

#join-wrapper h2,
#join-wrapper a {
    color: #fff;
}

@media(max-width: 992px){
    #join-wrapper a {
        margin-bottom: 1em;
    }
}

#membership-form-wrapper {
    margin: -9em 0 1em;
    padding: 1.6em 1em 1em;
    background-color: #fff;
}
@media(min-width: 769px){
    #membership-form-wrapper {
        padding: 2.6em 2.4em 2em;
    }   
}

#membership-form-wrapper h2 {
    color: #0c2168;
}

#membership-form-wrapper .evf-submit-container {
    padding-top: 1em;
}

#membership-form-wrapper a {
    color: var(--accent-colour);
}

.accordion-section-wrapper {
    padding: 3em 0 5em;
}
@media(min-width: 769px){
    .accordion-section-wrapper {
        padding: 5em 0 7em;
    }
}

.accordion-section-wrapper h2 {
    text-align: center;
}

.accordion-section-wrapper .accordion {
    margin-top: 4em;
}

.accordion-section-wrapper .accordion .accordion-button,
.accordion-section-wrapper .accordion .accordion-body {
    padding-left: 0;
}

.accordion-item {
    border: 0;
    color: #747d87;
}

.accordion-header {
    border-bottom: 1px solid #e3e3e3;
}

.accordion-button {
    font-size: 1.3rem;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
}

.accordion-button:focus {
    box-shadow: none;
}

#faq-contact-link-wrapper {
    margin: 2em 0;
    text-align: center;
}


/* Blog Pages */
@media (max-width: 768px) {
    body.single .banner-text {
        padding: 70px 0 100px;
    }
}

body.blog main,
body.archive main {
    padding-top: 3em;
}
@media(min-width:769px){
    body.blog main,
    body.archive main {
        padding-top: 4em;
    }
}
@media(min-width: 1440px){
    body.blog main,
    body.archive main {
        padding-top: 6em;
    }
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

body.blog .single-post-wrapper,
body.archive .single-post-wrapper {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #efefef;
} 
@media(min-width: 769px){
    body.blog .single-post-wrapper,
    body.archive .single-post-wrapper {
        margin-bottom: 3em;
        padding-bottom: 1.5em;
    }
}
@media(min-width: 1400px){
    body.blog .single-post-wrapper,
    body.archive .single-post-wrapper {
        padding-bottom: 3em;
    }
}

.blog .single-post-wrapper .post-image,
.archive .single-post-wrapper .post-image {
    position: relative;
}
.blog .single-post-wrapper .post-image:before,
.archive .single-post-wrapper .post-image:before {
    background: rgb(12, 33, 104, 0.4);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: background .25s ease;
}

.blog .single-post-wrapper:hover .post-image,
.archive .single-post-wrapper:hover .post-image {
    transform: scale(1.05);
    transition: transform 0.5s;
}
.blog .single-post-wrapper:hover .post-image:before,
.archive .single-post-wrapper:hover .post-image:before {
    background: rgb(12, 33, 104, 0.2);
    transition: background 0.5s;
}

@media(min-width: 769px){
    body.blog .single-post-wrapper .post-details,
    body.archive .single-post-wrapper .post-details {
        padding: 0 0 1em 1em;
    }
}
@media(min-width: 992px){
    body.blog .single-post-wrapper .post-details,
    body.archive .single-post-wrapper .post-details {
        padding: 0 0 1em 2em;
    }
}

body.blog .single-post-wrapper .post-date,
body.archive .single-post-wrapper .post-date {
    color: var(--accent-colour);
    font-family: var(--accent-font);
    font-size: 1.2rem;
}

body.blog main h2,
body.archive main h2 {
    font-size: calc(1.275rem + 1.5vw);
}
@media(min-width: 769px){
    body.blog main h2,
    body.archive main h2 {
        margin-bottom: 0.3em;
        font-size: 1.8rem;
    }
}
@media(min-width: 1400px){
    body.blog main h2,
    body.archive main h2 {
        margin-bottom: 0.8em;
    }
}

body.blog .single-post-wrapper h2 a,
body.archive .single-post-wrapper h2 a {
    text-decoration: none;
    color: var(--secondary-colour);
}


@media(max-width:768px){ 
    body.home .single-post-wrapper {
        margin-bottom: 4em;
    }
}

@media(min-width: 992px){ 
    #latest-news-wrapper .single-post-wrapper {
        padding: 0 1.3em;
    }
    #latest-news-wrapper .single-post-wrapper:first-child {
        padding: 0 2.6em 0 0;
    }
    #latest-news-wrapper .single-post-wrapper:last-child {
        padding: 0 0 0 2.6em;
    }
}

body.blog .single-post-wrapper .post-image,
body.archive .single-post-wrapper .post-image {
    width: 100%;
    height: 250px;
    margin-bottom: 1em;
    background-size: cover;
    background-position: center;
}
@media(min-width: 769px){
    body.blog .single-post-wrapper .post-image,
    body.archive .single-post-wrapper .post-image {
        height: 220px;
        margin-bottom: 0;
    }
}
@media(min-width: 1400px){
    body.blog .single-post-wrapper .post-image,
    body.archive .single-post-wrapper .post-image {
        height: 100%;
    }
}

body.single-post .page-banner {
    min-height: auto;
}
@media(min-width: 769px){
    body.single-post .page-banner {
        padding: 1em 0 2em;
    }
}
@media(min-width: 1440px){
    body.single-post .page-banner {
        padding: 10em 0;
    }
}

body.single-post .banner-text .accent-font {
    display: inline-block;
    margin-bottom: 0.5em;
    border-bottom: 1px solid var(--accent-colour);
    line-height: 1.7;
    font-size: 1.5rem;
}
@media(min-width: 769px){
    body.single-post .banner-text .accent-font {
        font-size: 2rem;
    }
}

body.single-post .post-category {
    display: none;
}

body.single-post .post-date {
    color: #fff;
}

body.single-post main {
    position: relative;
    z-index: 2;
    margin-top: -4em;
    padding: 0.1em 1.3em 5em;
    background-color: #fff;
}
@media(min-width:769px){
    body.single-post main {
        padding: 0.1em 2em 5em;
    }
}

body.single-post .breadcrumbs {
    margin: 0.7em 0 2em;
    text-align: left;
}
@media(min-width:769px){
    body.single-post .breadcrumbs {
        margin: 1em 0 3em;
    }
}
@media(min-width: 1400px){
    body.single-post .breadcrumbs {
        margin: 1.3em 0 5em;
    }
}

body.single-post main h2 {
    margin: 1em 0 0.4em;
}

@media(min-width: 769px){
    .post-pagination {
        margin-top: 3em;
    }
}
@media(min-width: 1400px){
    .post-pagination {
        margin-top: 5em;
    }
}

.post-pagination a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.post-pagination .previous-post .arrow {
    margin-top: 0.35em;
    margin-right: 0.8em;
}

.post-pagination .next-post .arrow {
    margin-left: 0.8em;
}

body.single main article .wp-block-image img {
    margin: 0 -1.6em;
    width: calc(100% + 3.2em);
    max-width: none;
}
@media(min-width: 769px){
    body.single main article .wp-block-image img {
        margin: 0 -2em;
        width: calc(100% + 4em);
    }
}