.elementor-13 .elementor-element.elementor-element-2e14f39{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-2e14f39:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-2e14f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.warsopmemorials.co.uk/wp-content/uploads/2025/03/old-gravestones-placed-in-row-on-grass-at-graveyar-2024-11-11-05-02-30-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-2e14f39::before, .elementor-13 .elementor-element.elementor-element-2e14f39 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2e14f39 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2e14f39 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2e14f39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2e14f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-202f722{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0cd9d0b{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0cd9d0b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-864b896{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-864b896 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:10px;}.elementor-13 .elementor-element.elementor-element-ed6f886{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4.8px;transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-ed6f886 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider__text{font-family:"Baskervville", Sans-serif;font-size:2vw;font-weight:600;}.elementor-13 .elementor-element.elementor-element-b17d90c .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b17d90c{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-d5cca9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-e9669ec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-e9669ec{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-e9669ec img{width:3%;}.elementor-13 .elementor-element.elementor-element-2e95ae2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-59aa784{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e4822a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e4822a2:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-e4822a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.warsopmemorials.co.uk/wp-content/uploads/2025/03/IMG_3864.jpeg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-13 .elementor-element.elementor-element-77b3ded{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-025d291{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-13 .elementor-element.elementor-element-d51f398{--divider-border-style:solid;--divider-color:#000;--divider-border-width:4.1px;width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-d51f398 .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-d51f398 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-b25622d{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-b25622d .elementor-heading-title{font-family:"Baskervville", Sans-serif;font-size:2vw;font-weight:600;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-941a1dd{transition:all 400ms;font-family:var( --e-global-typography-f7b81f1-font-family ), Sans-serif;font-size:var( --e-global-typography-f7b81f1-font-size );font-weight:var( --e-global-typography-f7b81f1-font-weight );line-height:var( --e-global-typography-f7b81f1-line-height );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-9f78c5a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-9f78c5a{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-1b9ff11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-62f019b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2a5b66c{--display:flex;--justify-content:flex-end;--gap:25px 0px;--row-gap:25px;--column-gap:0px;--overlay-opacity:0.45;--padding-top:25%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-13 .elementor-element.elementor-element-2a5b66c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-2a5b66c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.warsopmemorials.co.uk/wp-content/uploads/2025/03/selective-focus-of-old-stone-tomb-with-lettering-a-2024-11-15-01-31-17-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-2a5b66c::before, .elementor-13 .elementor-element.elementor-element-2a5b66c > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2a5b66c > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2a5b66c > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2a5b66c > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2a5b66c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-8ae6422{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-8ae6422 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-9d46727{transition:all 400ms;font-family:var( --e-global-typography-f7b81f1-font-family ), Sans-serif;font-size:var( --e-global-typography-f7b81f1-font-size );font-weight:var( --e-global-typography-f7b81f1-font-weight );line-height:var( --e-global-typography-f7b81f1-line-height );color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-ebf0fbb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-ebf0fbb{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-883c108{--display:flex;--justify-content:flex-end;--gap:25px 0px;--row-gap:25px;--column-gap:0px;--overlay-opacity:0.45;--padding-top:25%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-13 .elementor-element.elementor-element-883c108:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-883c108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.warsopmemorials.co.uk/wp-content/uploads/2025/03/back-of-army-headstone-and-graveyard-cemetery-duri-2024-09-15-04-22-56-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-883c108::before, .elementor-13 .elementor-element.elementor-element-883c108 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-883c108 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-883c108 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-883c108 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-883c108 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-5b6956d{transition:all 400ms;}.elementor-13 .elementor-element.elementor-element-d33b580{transition:all 400ms;font-family:var( --e-global-typography-f7b81f1-font-family ), Sans-serif;font-size:var( --e-global-typography-f7b81f1-font-size );font-weight:var( --e-global-typography-f7b81f1-font-weight );line-height:var( --e-global-typography-f7b81f1-line-height );color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-4633f59 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-4633f59{transition:all 400ms;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-2e14f39{--padding-top:16%;--padding-bottom:16%;--padding-left:8%;--padding-right:8%;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider__text{font-size:3vw;}.elementor-13 .elementor-element.elementor-element-2e95ae2{--padding-top:10%;--padding-bottom:16%;--padding-left:8%;--padding-right:8%;}.elementor-13 .elementor-element.elementor-element-59aa784{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-025d291{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-b25622d .elementor-heading-title{font-size:4vw;}.elementor-13 .elementor-element.elementor-element-941a1dd{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}.elementor-13 .elementor-element.elementor-element-62f019b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-9d46727{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}.elementor-13 .elementor-element.elementor-element-d33b580{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-864b896 .elementor-heading-title{font-size:14px;letter-spacing:0px;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider{text-align:left;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-13 .elementor-element.elementor-element-ed6f886 .elementor-divider__text{font-size:7vw;}.elementor-13 .elementor-element.elementor-element-d5cca9b{--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-2e95ae2{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:15%;--padding-bottom:16%;--padding-left:8%;--padding-right:8%;}.elementor-13 .elementor-element.elementor-element-b25622d .elementor-heading-title{font-size:8vw;}.elementor-13 .elementor-element.elementor-element-941a1dd{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}.elementor-13 .elementor-element.elementor-element-62f019b{--width:100%;}.elementor-13 .elementor-element.elementor-element-2a5b66c{--width:100%;--padding-top:25%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-13 .elementor-element.elementor-element-9d46727{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}.elementor-13 .elementor-element.elementor-element-883c108{--padding-top:25%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-13 .elementor-element.elementor-element-d33b580{font-size:var( --e-global-typography-f7b81f1-font-size );line-height:var( --e-global-typography-f7b81f1-line-height );}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-0cd9d0b{--width:70.325%;}.elementor-13 .elementor-element.elementor-element-e4822a2{--width:50%;}.elementor-13 .elementor-element.elementor-element-025d291{--width:50%;}.elementor-13 .elementor-element.elementor-element-1b9ff11{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-2a5b66c{--width:33.3%;}.elementor-13 .elementor-element.elementor-element-883c108{--width:33.3%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-2e14f39{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-0cd9d0b{--width:100%;}.elementor-13 .elementor-element.elementor-element-e4822a2{--width:100%;}.elementor-13 .elementor-element.elementor-element-025d291{--width:100%;}.elementor-13 .elementor-element.elementor-element-2a5b66c{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-e9669ec */.arrow
{
  position: relative;
  bottom: -2rem;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;

  /**
   * Dark Arrow Down
   */

  background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ae6422 */.memorial-container {
    position: relative;
    width: 100%; /* Full width */
    height: 400px; /* Adjust height as needed */
    background-image: url('your-image-path.jpg'); /* Add your image path */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px;
    color: #ffffff; /* Ensure text is white */
    transition: transform 0.4s ease;
}

/* Add dark overlay using ::before */
.content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay */
    z-index: -1; /* Place it behind the content */
}

/* Keep title at the bottom initially */
.title {
    font-size: 24px;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #ffffff !important; /* Force pure white text */
    opacity: 1 !important;
    transition: transform 0.4s ease;
    z-index: 1;
}

/* Keep description and button hidden initially */
.description,
.cta-button {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    color: #ffffff; /* Ensure white text */
    z-index: 1;
}

.cta-button {
    background-color: transparent;
    color: #ffffff;
    padding: 0px 0px;
    border: 0px solid #ffffff;
    cursor: pointer;
    margin-top: 10px;
}

/* HOVER EFFECT - Only on desktops/laptops */
@media (min-width: 1024px) and (hover: hover) {
    /* When you hover, move the whole content block up */
    .memorial-container:hover .content {
        transform: translateY(-80px);
    }

    /* Increase title movement to match content shift */
    .memorial-container:hover .title {
        transform: translateY(-200px);
    }

    /* Fade in the description and button on hover */
    .memorial-container:hover .description,
    .memorial-container:hover .cta-button {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESET STYLING - On tablets and phones */
@media (max-width: 1023px) {
    .content {
        position: static; /* Remove absolute positioning */
        transform: none !important;
        padding: 20px;
    }

    .title {
        position: static;
        transform: none !important;
        margin-bottom: 10px;
        color: #ffffff !important;
        opacity: 1 !important;
    }

    .description,
    .cta-button {
        opacity: 1;
        transform: none !important;
        color: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d33b580 */.memorial-container {
    position: relative;
    width: 100%; /* Full width */
    height: 400px; /* Adjust height as needed */
    background-image: url('your-image-path.jpg'); /* Add your image path */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay */
    color: white;
    transition: transform 0.4s ease;
}

/* Keep title at the bottom initially */
.title {
    font-size: 24px;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 30px;
    transition: transform 0.4s ease;
}

/* Keep description and button hidden initially */
.description,
.cta-button {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.cta-button {
    background-color: transparent;
    color: #fff;
    padding: 0px 0px;
    border: 0px solid #ffffff;
    cursor: pointer;
    margin-top: 10px;
}

/* HOVER EFFECT - Only on desktops/laptops */
@media (min-width: 1024px) and (hover: hover) {
    /* When you hover, move the whole content block up */
    .memorial-container:hover .content {
        transform: translateY(-80px);
    }

    /* Increase title movement to match content shift */
    .memorial-container:hover .title {
        transform: translateY(-200px);
    }

    /* Fade in the description and button on hover */
    .memorial-container:hover .description,
    .memorial-container:hover .cta-button {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESET STYLING - On tablets and phones */
@media (max-width: 1023px) {
    .content {
        position: static; /* Remove absolute positioning */
        transform: none !important;
        padding: 20px;
    }

    .title {
        position: static; /* Remove absolute positioning */
        transform: none !important;
        margin-bottom: 10px;
    }

    .description,
    .cta-button {
        opacity: 1;
        transform: none !important;
    }
}/* End custom CSS */