:root {
--wlf-main-green: #5F843B;
--wlf-main-green-op: #5F843Bd0;
--wlf-main-greygreen: #59664b;
--wlf-main-darkgreen: #38402f;
--wlf-main-greygreen-tint-10: rgba(89, 102, 75, 0.1);
--wlf-main-greygreen-tint-20: rgba(89, 102, 75, 0.2);
--wlf-main-greygreen-tint-40: rgba(89, 102, 75, 0.4);
--wlf-main-greygreen-tint-60: rgba(89, 102, 75, 0.6);
--wlf-main-greygreen-tint-80: rgba(89, 102, 75, 0.8);

}
/* 
Edittted here root of site 2
.page-section {
  padding: 5rem 0;
} */

.light-tint{
  color: var(--wlf-main-darkgreen);
}

.heading-secondary{
  color: var(--wlf-main-greygreen)
}

.page-section .page-section-heading {
  font-size: 2.25rem;
  line-height: 2rem;
}
@media (min-width: 992px) {
  .page-section .page-section-heading {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

.bg-wlf{
  background-color: var(--wlf-main-green);
}

.bg-wlfgrey{
  background-color: var(--wlf-main-greygreen);
}

.bg-wlfgrey-20{
  background-color: var(--wlf-main-greygreen-tint-20);
}

.fnt-wlf-main-greygreen{
  color: var(--wlf-main-greygreen);
}

.divider-custom {
  margin: 1.25rem 0 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.divider-custom .divider-custom-line {
  width: 100%;
  max-width: 7rem;
  height: 0.25rem;
  background-color: #2c3e50;
  border-radius: 1rem;
  border-color: #2c3e50;
}
.divider-custom .divider-custom-line:first-child {
  margin-right: 1rem;
}
.divider-custom .divider-custom-line:last-child {
  margin-left: 1rem;
}
.divider-custom .divider-custom-icon {
  color: #2c3e50;
  font-size: 2rem;
}
.divider-custom.divider-light .divider-custom-line {
  background-color: #fff;
}
.divider-custom.divider-light .divider-custom-icon {
  color: #fff;
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  border-radius: 100%;
  display: inline-flex;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  justify-content: center;
  align-items: center;
}

.social-links a{
  color: var(--wlf-main-darkgreen);
}

h1, h2, h3, #mainNav{
  font-family: "EB Garamond", serif;
}

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  /* font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  font-weight: 400;
  background: #f7f9f7;
  overflow: hidden;
  /* height: 5rem; */
}


#mainNav .navbar-nav {
  margin-top: 1rem;
}

#mainNav ul li{
  list-style: none;
  font-size: 1.1rem;
  /* display: inline-block; */
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: var(--wlf-main-green);
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: var(--wlf-main-green);
}
#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
  box-shadow: none;
  border: 1px solid var(--wlf-main-greygreen);
  border-radius: 8px;
}


#duocarmacia{
  background-image: url(/assets/images/carmacia-800-rot25.jpg);
  background-repeat: no-repeat;
  background-size: 110px auto;
  mix-blend-mode: multiply; 
  background-position: 25% -10px;
}


.navbar-brand{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4rem;
  
}

/* .navbar-brand:before,
.nav-carmacia{
  position: absolute;
  width: 150px;
  height:150px;
  top:-40px;
  left:-10px;
  content: " ";
  display: inline-block;
  background-image: url(/assets/images/carmacia-800.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  mix-blend-mode: multiply; 
  transform: rotate(-25deg);
  z-index: 1;
} */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #duocarmacia{
    background-image: url(/assets/images/carmacia-800.jpg);
    background-repeat: no-repeat;
    /* background-size: contain; */
    mix-blend-mode: multiply; 
    background-position: 25% 5%;
  }


  /* .navbar-brand:before,
  .fnav-carmacia{
    transform: rotate(0deg);
    top:-10px;
    left:-40px;
    width: 80px;
    height:300px;
    z-index: 0;
  } */
  #navbarResponsive{
    position: relative;
    z-index: 5;
  }
  .navbar-brand{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
  }
  #mainNav{
    min-height: 9em;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-brand{

  }
}
/* 
ul#navbarResponsive{
  z-index: 599;
  position: absolute;
}

ul#navbarResponsive li{
  z-index: 599;
  display: block;
  position: absolute;
} */


/*
@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    border-bottom: 2px solid var(--wlf-main-green);
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, 
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, 
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: var(--wlf-main-green-op);
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

*/
.form-floating input.form-control,
.form-floating textarea.form-control {
  font-size: 1.5rem;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-width: 1px;
}
.form-floating input.form-control:focus,
.form-floating textarea.form-control:focus {
  box-shadow: none;
}
.form-floating label {
  font-size: 1.5rem;
  color: #6c757d;
}

.masthead {
  padding-top: calc(2rem + 74px);
  padding-bottom: 15rem;
}
.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}
.masthead .masthead-subheading {
  font-size: 1.25rem;
}
.masthead .masthead-avatar {
  width: 15rem;
}

@media (min-width: 992px) {
  .masthead {
    /* padding-top: calc(2rem + 104px);
    padding-bottom: 6rem; */
  }
  .masthead .masthead-heading {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.5rem;
  }
}
.portfolio .portfolio-item {
  cursor: pointer;
  position: relative;
  display: block;
  max-width: 25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.portfolio .portfolio-item .portfolio-item-caption {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  background-color: var(--wlf-main-green-op);
}
.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

.portfolio-modal .btn-close {
  color: var(--wlf-main-green);
  font-size: 2rem;
  padding: 1rem;
}
.portfolio-modal .portfolio-modal-title {
  font-size: 2.25rem;
  line-height: 2rem;
}
@media (min-width: 992px) {
  .portfolio-modal .portfolio-modal-title {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: var(--wlf-main-greygreen);
  color: #fff;
}

.bg-flower-panel{
  background-image: url("/assets/images/flower-panel.jpg");
  background-repeat: no-repeat;
  background-size:  contain;
  background-position: 90% 99%;
  color: var(--wlf-main-green);
}

.bg-light{
  background-color: #F9F9E4;
}
.bg-wlf-tint{
  background-color: var(--wlf-main-greygreen-tint-20);
}

.holding{
  background-size:  contain;
  background-position: 50% 8em;
  height: 100vh;
  padding-top: 20px !important;
}

.carousel-item-home{
  min-height: 30em;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: 90% 99%;
  background-color: var(--wlf-main-green);
}
hr.section-whitespace{
  border:none;
  min-height: 25vh;
}
.image-header-height{
  height: 15em;
}

.image-square-height{
  height: 15em;
  width: 20em;
  margin:auto;
  
}
section.section-image-header{
  min-height: 25em;
}

.text-shadow{
  text-shadow: 0px 0px 5px var(--wlf-main-darkgreen);
}
/* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */

.bg-dark{
  background-color: var(--wlf-main-darkgreen);
}
.bgi{
  background-repeat: no-repeat;
  background-size:cover;
}
.bgi-tint-wlfgreen-10{
  box-shadow: 0 3000px var(--wlf-main-greygreen-tint-10) inset;
}


.bgi-tint-wlfgreen-20{
  box-shadow: 0 3000px var(--wlf-main-greygreen-tint-20) inset;
}
.bgi-tint-wlfgreen-40{
  box-shadow: 0 3000px var(--wlf-main-greygreen-tint-40) inset;
}
.bgi-tint-wlfgreen-60{
  box-shadow: 0 3000px var(--wlf-main-greygreen-tint-60) inset;
}
.bgi-tint-wlfgreen-80{
  box-shadow: 0 3000px var(--wlf-main-greygreen-tint-80) inset;
}
.bgi-closeup{
  background-position: 50% 50%;
  background-image: url(/assets/images/arrangement-flowers-closeup.jpg);
}
.bgi-bouquet-grey-fence{
  background-position: 50% 90%;
  background-image: url(/assets/images/flower-bouquet-grey-fence.jpg);
}
.bgi-window-arranging{
  background-position: 50% 49%;
  background-image: url(/assets/images/flowers-window-arranging.jpg);
}
.bgi-window-shutters{
  background-position: 50% 40%;
  background-image: url(/assets/images/window-shutters.jpg);
}
.bgi-table-posies{
  background-position: 50% 50%;
  background-image: url(/assets/images/table-tob-posies.jpg);
}

.bgi-subscription-flowers{
  background-position: 40% 50%;
  background-image: url(/assets/images/event-flowers-kitchen.jpg);
}

.bgi-event-flowers{
  background-position: 40% 50%;
  background-image: url(/assets/images/event-flowers-bench.jpg);
}
.bgi-sally-flowers{
  background-position: 40% 50%;
  background-image: url(/assets/images/sally-woodlane-flowers-gardening.jpg);
}
.bgi-sally-gardening{
  background-position: 40% 50%;
  background-image: url(/assets/images/sally-gardening.jpg);
}

.bgi-lilly-flowers{
  background-position: 40% 50%;
  background-image: url(/assets/images/lilly-flower-growing.jpg);
}

.bgi-sweet-pea-flowers-growing{
  background-position: 40% 50%;
  background-image: url(/assets/images/sweet-pea-flowers-growing.jpg);
}

.bgi-pink-daisies-flower-farm{
  background-position: 40% 50%;
  background-image: url(/assets/images/pink-daisies-flower-farm.jpg);
}

.bgi-event-flowers-sitting-room{
  background-position: 40% 50%;
  background-image: url(/assets/images/event-flowers-sitting-room.jpg);
}

.bgi-wooden-shelf{
  background-position: 40% 50%;
  background-image: url(/assets/images/wooden-shelf.jpg);
}

.bgi-recycled-tin-posies{
  background-position: 40% 50%;
  background-image: url(/assets/images/recycled-tin-posies.jpg);
}

.bgi-tealights{
  background-image: url(/assets/images/tealight_dafodils.jpg);
}

.bgi-wedding-flower-vase{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-flower-vase.jpg);
}

.bgi-dried-flowers-winter-wedding{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-flowers-winter-wedding.jpg);
}
.bgi-floral-options-large-bouquet{
  background-position: 40% 50%;
  background-image: url(/assets/images/floral-options-large-bouquet.jpg);
}
.bgi-floral-options-luxury-bouquet{
  background-position: 40% 20%;
  background-image: url(/assets/images/floral-options-luxury-bouquet.jpg);
}
.bgi-floral-options-small-posy{
  background-position: 40% 50%;
  background-image: url(/assets/images/floral-options-small-posy.jpg);
}
.bgi-flowers-bouquet-hand-tied{
  background-position: 40% 40%;
  background-image: url(/assets/images/flowers-bouquet-hand-tied.jpg);
}
.bgi-rainy-flower-vase{
  background-position: 40% 50%;
  background-image: url(/assets/images/rainy-flower-vase.jpg);
}
.bgi-flowers-sustainability-aliums-purple{
  background-position: 50% 10%;
  background-image: url(/assets/images/flowers-sustainability-aliums-purple.jpg);
}

.bgi-flower-tins-slate{
  background-position: 40% 50%;
  background-image: url(/assets/images/flower-tins-slate-table.jpg);
}

.bgi-wedding-flowers-bouquet{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-flowers-bouquet.jpg);
}
.bgi-wedding-bridesmaids-bouquet{
  background-position: 40% 60%;
  background-image: url(/assets/images/wedding-bridesmaids-bouquet.jpg);
}
.bgi-wedding-venue-flower-dressing{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-venue-flower-dressing.jpg);
}


.bgi-dried-flower-tins{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-flower-tins.jpg);
}
.bgi-dried-large-star{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-large-star.jpg);
}
.bgi-dried-medium-star{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-medium-star.jpg);
}
.bgi-dried-large-full-wreath{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-large-full-wreath.jpg);
}
.bgi-dried-small-wreath{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-small-wreath.jpg);
}
.bgi-dried-large-half-wreath{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-large-half-wreath.jpg);
}

.bgi-dried-top-wreaths-01{
  background-position: 40% 50%;
  background-image: url(/assets/images/dried-top-wreaths-01.jpg);
}
.bgi-dried-top-wreaths-02{
  background-position: 40% 20%;
  background-image: url(/assets/images/dried-top-wreaths-02.jpg);
}
.bgi-dried-top-wreaths-03{
  background-position: 50% 0%;
  background-image: url(/assets/images/dried-top-wreaths-03.jpg);
}
.bgi-dried-top-wreaths-04{
  background-position: 40% 20%;
  background-image: url(/assets/images/dried-top-wreaths-04.jpg);
}

.bgi-flowers-top{
  background-position: 40% 20%;
  background-image: url(/assets/images/flowers-top.jpg);
}

.bgi-sally-rosebush-pinning{
  background-position: 50% 95%;
  background-image: url(/assets/images/sally-rosebush-pinning.jpg);
}

.bgi-polly-tunnel-seedlings{
  background-position: 50% 55%;
  background-image: url(/assets/images/polly-tunnel-flower-seedlings.jpg);
}

.bgi-funeral-casket{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-casket.jpg);
}
.bgi-funeral-sheaf{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-sheaf.jpg);
}
.bgi-funeral-flowers-main{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-flowers-main.jpg);
}
.bgi-funeral-wreaths{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-wreath.jpg);
}
.bgi-funeral-wreath{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-wreath-example.jpg);
}

.bgi-wedding-flower-buckets{
  background-position: 50% 35%;
  background-image: url(/assets/images/wedding-flower-buckets.jpg);
}

.bgi-wedding-bridal-bouquet{
  background-position: 50% 35%;
  background-image: url(/assets/images/wedding-bridal-bouquet.jpg);
}

.bgi-wedding-bridesmaid-bouquet{
  background-position: 50% 50%;
  background-image: url(/assets/images/wedding-bridesmaid-bouquet.jpg);
}
.bgi-wedding-button-holes{
  background-position: 50% 30%;
  background-image: url(/assets/images/wedding-button-holes.jpg);
}
.bgi-wedding-deer-park-devon{
  background-position: 50% 60%;
  background-image: url(/assets/images/wedding-deer-park-devon.jpg);
}

.bgi-funeral-meadow-arrangement{
  background-position: 50% 50%;
  background-image: url(/assets/images/funeral-meadow-arrangement.jpg);
}
.bgi-church-flowers{
  background-position: 50% 60%;
  background-image: url(/assets/images/church-flowers.jpg);
}


.bgi-funeral-layered-sheaf{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-layered-sheaf.jpg);
}
.bgi-funeral-flowers-banner{
  background-position: 50% 55%;
  background-image: url(/assets/images/funeral-flowers-banner.jpg);
}

.bgi-flowers-from-the-farm{
  background-position: 40% 50%;
  background-image: url(/assets/images/flowers-from-the-farm.png);
  background-size:  contain;
  background-repeat: no-repeat;
}

.bgi-wedding-2025-gate{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-bouquetgate.webp);

}
.bgi-wedding-2025-tables{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-tables.webp);

}
.bgi-wedding-2025-vases{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-vases.webp);

}
.bgi-wedding-2025-couple{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-couple.webp);

}
.bgi-wedding-2025-church{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-church.webp);

}
.bgi-wedding-2025-dearpark{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-dearpark.webp);

}
.bgi-wedding-2025-bouquet{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-bouquet.webp);

}
.bgi-wedding-2025-venue{
  background-position: 40% 50%;
  background-image: url(/assets/images/wedding-2025-venue.webp);

}