/*
 Theme Name:   Friends of Barnhill
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

.bricolage-grotesque-<uniquifier> {
  font-family: "Bricolage Grotesque", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*/

@view-transition {
    navigation: auto;
}

::view-transition-group(root) {
    animation-duration: 1s;
}

:root {
    --fob-stromboli-green: #3B5C45;
    --fob-sea-mist: #C2D7C6;
    --fob-amethyst-smoke: #9E8BA3;
    --fob-paris-daisy: #FEEE58;
    --fob-prim: #EAE3EB;
    --fob-border-radius: 0.5rem;    
}

.baseline .flex-elm.first {
    margin-top: 7rem;
}

.baseline .flex-elm.last {
    margin-bottom: 7rem;
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
}

.baseline p {
    margin-bottom: 0.5rem;
}

.baseline footer {
    padding-top: 5rem;
    overflow: hidden;
}

.widget-area.footer-50-left .menu li {
    margin-bottom: 3rem;
}

.widget-area.footer-50-right {
    position: relative;
    z-index: 2;
}

.widget-area.footer-50-right:after {
    content: "";
    position: absolute;
    width: 35vw;
    height: 35vw;
    left: 0;
    background-image: url('fobrg-logomark.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

@media ( max-width: 720px ) {

    .widget-area.footer-50-right:after {
        width: 50vw;
        height: 50vw;
    }

}

.header-wrap .container,
#footer-bottom-container.container {
    max-width: 96%;
    width: 96%;
}

#footer-bottom-container.container {
    position: relative;
    margin-top: 7rem;
}

#footer-bottom-container ul.widget-area {
    margin-bottom: 0;
}

#footer-bottom-container p {
    margin-bottom: 0.5rem;
}

@media ( min-width: 600px ) {

    #footer-bottom-container .float-right p {
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
    }

}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
    font-size: clamp(1.7rem, 2vw, 2.0rem);
}

.baseline header .custom-logo {
    width: clamp(20rem, 20vw, 38rem) !important;
}

.baseline .header-wrap {
    background: #3B5C45;
}

.baseline h1 { 
    font-size: clamp(3.2rem, 3.5vw, 5.6rem);
}

.baseline article h1 { 
    font-size: clamp(3rem, 2.7vw, 4.2rem);
}

.baseline h2 {
    font-size: clamp(3rem, 2.6vw, 3.9rem);
}

.baseline h1,
.baseline h2,
.baseline h3 {
    font-weight: 700;
}

.flex-elm.has-bgcolor.col-prim .col-none h2,
.flex-elm.has-bgcolor.col-prim  h2 {
    color: var(--fob-amethyst-smoke);
}

.baseline.header-overlay .header-wrap {
    background: rgba(59, 92, 69, 0.8);
    backdrop-filter: blur(8px);
}

.baseline header .second {
    top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

header .second .menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .second .menu li a {
    color: #fff;
    font-size: clamp(1.4rem, 2vw, 1.8rem);
}

header .second .menu li.current-menu-item > a {
    font-weight: 700;
}

/* Header overlay */
body.header-overlay .header-wrap,
body.header-overlay .mobile-nav {
    position: absolute;
    width: 100%;
    z-index: 2;
}

@media ( max-width: 800px ) {

    body.header-overlay .header-wrap,
    body.header-overlay .mobile-nav {
        position: static;
    }

    body.baseline.header-overlay .header-wrap {
        background: var(--fob-stromboli-green);
    }

}

body.header-overlay .mobile-nav {
    background: transparent;
}

body.baseline.header-overlay .flex-elm.first {
    margin-top: 0;
}

@media ( max-width: 600px ) {

    body.baseline.header-overlay .flex-elm .wrapper {
        margin-top: 0;
    }

}


.header-overlay .flex-elm.cde-slides .swiper-wrapper,
.header-overlay .flex-elm.cde-image-header {
    height: clamp(30rem, 50vw, 90rem);
    position: relative;
    max-height: 80vh; 

}

.flex-elm.cde-slides .before {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    padding: 3vw;
    box-sizing: border-box;
}

.flex-elm.cde-slides .before .inner {
    position: relative;
    z-index: 3;
}

.swiper-slide {
    background-size: cover;
}

.baseline header .second {
    right: 3rem;
}

.header-wrap li .fa-solid,
.header-wrap li .fa-brands {
    color: var(--fob-paris-daisy);
    font-size: 3rem;
}

.cde-slides h1 {
    margin-bottom: 0;
    padding: 2rem 3rem;
    border-radius: var(--fob-border-radius);
    background-color: var(--fob-paris-daisy);
}

.flex-elm .img {
    border-radius: var(--fob-border-radius);
}

.flex-elm.img-logo-overlay {
    background-color: var(--fob-amethyst-smoke);
    padding-top: var(--cde-padding-top);
}

.baseline .cde-image-left-text-right .right .inner {
    padding-left: 0;
}

.baseline .cde-text-left-image-right .right .inner {
    padding-right: 0;
}

.baseline header .widget ul.menu > li.menu-item-has-children > a:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.063 11.375l5.25-5.063-5.25-4.875' stroke='%23C2D7C6' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

header .sub-menu {
    padding-top: 2rem;
}

.inner_linklist {
    margin-top: 3rem;
}

.baseline .widget .inner .inner_linklist a {
    display: block;
    padding: 3rem 8rem 3rem 4rem;
    color: #fff;
    font-weight: 600;
    box-sizing: border-box;
    border-radius: var(--fob-border-radius);
    background-color: var(--fob-stromboli-green);
    border-bottom: none;
    position: relative;
}

.inner_linklist a em {
    color: #fff;
    font-style: normal;
}

.baseline .widget .inner .inner_linklist a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    color: #000;
    font-size: 4rem;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8rem;
    border-top-right-radius: var(--fob-border-radius);
    border-bottom-right-radius: var(--fob-border-radius);
    height: 100%;    
    position: absolute;
    background-color: var(--fob-sea-mist);
    right: 0;
    top: 0;
}

.baseline footer a.button {
    color: #000;
}

.baseline footer .widget.widget_text  a.button:hover {
    text-decoration: none;
}

.baseline .button,
.baseline a.button,
.baseline .mobile-nav li.button,
.baseline button,
.baseline input[type=reset],
.baseline input[type=button],
.baseline input[type=submit],
.baseline .woocommerce-page.woocommerce #respond input#submit,
.baseline .woocommerce-page.woocommerce a.button,
.baseline .woocommerce-page.woocommerce button.button,
.baseline .woocommerce-page.woocommerce input.button {
    font-weight: 700;
    padding: 2rem 3rem;
    font-size: 1.7rem;
}

.baseline .inner .button {
    margin-top: 2rem;
}

.baseline .inner .button i {
    color: var(--fob-stromboli-green);
    margin-left: 0.5rem;
}

.footer_top_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

@media ( max-width: 800px ) {

    .footer_top_row {
        justify-content: center;
    }

}

.infoicons .grid-list {
    margin-top: 4rem;
    padding: 4rem;
    background-color: var(--fob-sea-mist);
    border-radius: var(--fob-border-radius);
}

.infoicons .cde-grid-item.col-none {
    padding: 3.5rem;
    background-color: #fff;
    border-radius: var(--fob-border-radius);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.infoicons .item-label {
    display: none;
}

.infoicons .cde-grid-item-inner {
    display: grid;
    grid-template-columns: 6rem 1fr;
    grid-column-gap: 5rem;
}

.infoicons .item-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media ( max-width: 1100px ) {

    .infoicons .grid-list.cols-2 {
        grid-template-columns: 1fr;
    }

    .infoicons .cde-grid-item-inner {
        display: grid;
        grid-template-columns: 5rem 1fr;
        grid-column-gap: 2rem;
    }   

    .infoicons .item-content {
        font-size: 1.5rem;
    }

}

.baseline header .widget .menu li > ul li {
    background: var(--fob-sea-mist);
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0,0,0,0.4);
}

.baseline header .widget .menu li > ul li a {
    padding: 1.5rem 2rem;
}

.img-logo-overlay .img {
    position: relative;
}

.img-logo-overlay .img:after {
    content: "";
    width: 35rem;
    height: 14rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url('fobrg-logo.svg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.img-logo-overlay .img:before {
    content: "";
    width: 100%;
    height: 18rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(178.86deg, rgba(0, 0, 0, 0) 1.03%, rgba(0, 0, 0, 0.7) 99.08%);
}

h1.static-title {
    margin-top: 4rem;
}

.single .content {
    margin-top: 2.5rem;
}

.baseline #menu-close .label {
    color: #fff;
}

.baseline .menubar-menu li a {
    color: var(--fob-amethyst-smoke);
    font-size: 2.3rem;
}

.baseline .menubar-menu .menu li {
    margin-left: 4rem;
}

.baseline .menubar-menu .menu li:last-child {
    margin-right: 1rem;
}

#shared-google-map .cde-map-canvas {
    border-radius: var(--fob-border-radius);
}

.baseline header .right .widget .menu li {
    min-width: 3rem;
}

#friends-logo .left {
    background-color: var(--fob-stromboli-green);
    background-size: 30rem;
}

.flex-elm.narrow,
.flex-elm.narrow-text .text {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.flex-elm.narrow-text ul {
    padding-top: 1.5rem;
}

.text-page .flex-elm {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}

.text-page .inner h3 {
    margin-top: 2rem;
}

.double-line-spacing .inner p {
    margin-bottom: 3rem;
}

.flex-elm .col-none .item-label {
    padding: 0.5rem 0.8rem;
    font-size: 1.8rem;
    text-transform: uppercase;
    background-color: var(--fob-sea-mist);    
}

.flex-elm .col-none .item-subtitle {
    border-bottom: 0.1rem solid var(--fob-amethyst-smoke);
    font-weight: 700;
}

.flex-elm .col-none .item-subtitle, 
.flex-elm .col-none .item-content {
    padding: 0.5rem 0.8rem;
}

.newsletters .item-label {
    position: relative;
}

.newsletters .item-label:after {
    content: " - click to download";
    text-transform: none;
}

.newsletters .inner a,
.newsletters .inner a:hover {
    position: relative;
    border-bottom: none;
}

.newsletters .inner a:hover {
    opacity: 0.7;
}

.newsletters.flex-elm .col-none .item-label,
.newsletters.flex-elm .col-none .item-file-meta {
    padding-left: 6rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.newsletters.flex-elm .col-none .item-label {
    padding-bottom: 0.2rem;
    font-weight: 700;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}

.newsletters.flex-elm .col-none .item-file-meta {
    background-color: var(--fob-sea-mist);
    padding-top: 0.2rem;
}

.newsletters.flex-elm .col-none .item-file-meta {
    font-size: 1.7rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.newsletters a:before {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5rem;
    display: flex;
    border-bottom: none;
    flex-direction: column;
    justify-content: center;    
    align-items: center;
    font-weight: 300;
    background-color: var(--fob-paris-daisy);
    color: var(--fob-stromboli-green);
    font-size: 2.5rem;
    content: "\f1ea";    
    font-family: "Font Awesome 6 Pro";
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.inner h2:last-child {
    margin-bottom: 0;
}

.cde-wide-text.has-bgcolor {
    border-radius: 0.5rem;
}

.img .gallery figure {
    border-radius: 0.5rem;
}

.gallery .prev-next .prev-fig,
.gallery .prev-next .next-fig,
.gallery .lightbox-buttons .lightbox-expand {
    border-radius: 0.25rem;
}

.inner-links .inner ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
}


.inner-links .inner ul li:after {
    content: "";
    border-left: 0.1rem solid var(--fob-prim);
    margin-left: 2rem;
    padding-left: 2rem;
}

.inner-links .inner ul li:last-child:after {
    content: none;
}

.page-links.flex-elm .col-none .item-label {
    background-color: var(--fob-paris-daisy);    
}

.page-links.flex-elm .item-label {
    position: relative;
    text-transform: none;
    font-size: 2.4rem;
    line-height: 1.2;
    padding: 3rem 6rem 3rem 3.5rem; 
    border-radius: 0.5rem;
}

.page-links.flex-elm .item-label:hover {
    opacity: 0.7;
}

.page-links.flex-elm .item-label:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: 4rem;
    font-weight: 300;
    position: absolute;
    opacity: 0.2;
    right: 2rem;
    top: 3rem;
    color: var(--fob-stromboli-green);
}

.page-links.flex-elm .item-label:hover:after {
    opacity: 1;
}

.cde-gallery-thumbs .swiper-thumbs {
    height: 10vw;
}

.cde-gallery-thumbs .swiper-thumbs .swiper-slide {
    width: 10vw !important;
}

.cde-gallery-thumbs .swiper-thumbs .swiper-slide img {
    width: 10vw;
    height: 10vw;
    object-fit: cover;    
}

@media ( max-width: 600px ) {

    .cde-gallery-thumbs .swiper-thumbs {
        height: 20vw;
    }

    .cde-gallery-thumbs .swiper-thumbs .swiper-slide img {
        width: 20vw;
        height: 20vw;     
    }

    .cde-gallery-thumbs .swiper-thumbs .swiper-slide {
        width: 20vw !important;
    }

}

li.cde-event {
    background-color: var(--fob-prim);
    border-radius: 0.5rem;
    padding: 2rem;
    margin-bottom: 3rem;    
}

li.cde-event.has-image {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-column-gap: 3rem;
}

.cde-event .image {
    width: 100%;
    height: 100%;   
    display: block;
    background-color: #fff;
    border-radius: var(--fob-border-radius);
    background-size: cover;
    background-position: center;
}

@media ( max-width: 600px ) {

    li.cde-event.has-image {
        display: block;     
    }

    .cde-event .image {
        height: 20rem;
        margin-bottom: 2rem;
    }

}


.cde-event .date {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.cde-event .date i {
    margin-right: 0.7rem;
}

.cde-event .title {
    border-top: 0.1rem solid #fff;
    margin: 1.5rem 0 0.5rem 0;
    padding-top: 1rem;
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 700;
}

.event-cat {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--fob-stromboli-green);
    font-size: 1.5rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.7rem;
}

.event-cat.council-events {
    background-color: #1361AB;
}

.baseline p + h3 {
    margin-top: 2rem;
}

.img {
    position: relative;
}

.flex-elm .img figcaption {
    display: block;
}

.baseline .pswp__caption__center {
    text-align: center;
}

.menu-item-470 .sub-menu .sub-menu {
    left: -100%;
}