/**
 * Dont change this file!
 * It has been generated by RockFrontend and will be updated when the
 * source file has been changed. That means if you change this file your
 * changes might get lost on a next update.
 */
.container {
    /* added by Greg 2025.09.05  */
    padding-left: 30px;
    padding-right: 30px;
}
li {
    line-height: 20px !Important;
}

/* Used for wrappers across the site */
/* .inner {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
} */

.blog-text {
        /* Nested should affect everything within blog-text */
        & p,h1,h2,h3,h4,h5,li {
        color: white;
    }
}
/* used above galleries in page latte template */
.gallery-text {

        color: white !important;
}

/* this is a hack! */
h3.mb-5.categories-text {
    color: #000000 !important;
    font-size: clamp(1rem, 1rem + -8 * ((100vw - 360px) / (1440 - 360)), 0.5rem) !important;
}


/* carousel titles  */

         /* Single Title Overlay */
         .slider-title {
            position: absolute;
            bottom: clamp(3.875rem, 3.875rem + 37.008 * ((100vw - 360px) / (1440 - 360)), 6.188rem);
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: clamp(1.25rem, 1.25rem + 40 * ((100vw - 360px) / (1440 - 360)), 3.75rem);
            line-height:clamp(1.25rem, 1.25rem + 47.008 * ((100vw - 360px) / (1440 - 360)), 4.188rem) !important;
            margin: 0;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
            z-index: 2;
            text-align: center;
            /* white-space: nowrap; */
            /* line-height: .85em; */
        }

        .slider-subTitle {
            position: absolute;
            bottom: clamp(1.875rem, 1.875rem + 10 * ((100vw - 360px) / (1440 - 360)), 2.5rem);
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: clamp(0.625rem, 0.625rem + 20 * ((100vw - 360px) / (1440 - 360)), 1.875rem) !important;
            line-height:clamp(0.5rem, 0.5rem + 22 * ((100vw - 360px) / (1440 - 360)), 1.875rem) !important;
            margin: 0;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
            z-index: 2;
            text-align: center;
            font-size: 2em;
        }

        /* end carousel titles */

        /* Blog overlay */
        .blog-container {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        .blog-background-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; /* Default focus point */
            z-index: -1;
        }
        .blog-overlay-text {
                position: absolute;
                bottom: clamp(3.75rem, 3.75rem + 30 * ((100vw - 360px) / (1440 - 360)), 5.625rem);
                left: 50%;
                transform: translateX(-50%);
                color: white;
                font-size: clamp(1.25rem, 1.25rem + 20 * ((100vw - 360px) / (1440 - 360)), 2.5rem);
                line-height:clamp(1.25rem, 1.25rem + 25.008 * ((100vw - 360px) / (1440 - 360)), 2.813rem) !important;
                margin: 0;
                text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
                z-index: 2;
                text-align: center;
        }
/* Contact form text, might change but needs to be done asap now */

        label {
            color: hsl(0, 0%, 100%) !important;
        }


    .contactFormText{
        color: hsl(0, 0%, 100%) !important; 
    }

    .btn.btn-ice {
        background: #575757;
    }
        /* End Blog Overlay */



/* intro card which is in the sections page */
.introCard {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .introCard img {
    object-fit: cover;
    max-width: 200px; /* Limit the image width to 200px */
  }
  .img-container {
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center;     /* Center the image vertically */
    height: 100%;            /* Make sure the container takes full height */
  }

  /* End intro card */

  /* Photography Sub field font used in the Services Page */
  .open-sans-services {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 24px;
    font-variation-settings: "wdth" 100;
    opacity: 0.5;
  }

  .open-sans-services-heading {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 43px;
    font-variation-settings: "wdth" 100;
    opacity: 0.5;
  }