/* _content/WebInvitation/Pages/Raker2023/Index.cshtml.rz.scp.css */
/**,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*/

/* The Overlay (background) */
.overlay[b-f1ybw11apt] {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content[b-f1ybw11apt] {
  position: relative;
  top: 50%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a[b-f1ybw11apt] {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover[b-f1ybw11apt], .overlay a:focus[b-f1ybw11apt] {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn[b-f1ybw11apt] {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

iframe[b-f1ybw11apt] {
    width: 560px;
    height: 315px;
}

main[b-f1ybw11apt] {
    scroll-snap-type: y mandatory;
    max-height: 100vh;
    overflow-y: scroll;

   /* background-image: url("/img/raker2023/base.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
}

/*.name {
    padding-top: 3rem;*/
    /*position: relative;*/
/*}

    .name > .guest-name {*/
        /*position: absolute;*/
        /*margin-top: 5rem;
        margin-left: 29.5rem;
    }

    .name > .qr {*/
        /*position: absolute;*/
        /*margin-left: 60rem;
    }*/

section[b-f1ybw11apt] {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.section1[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    height: 100vh;    
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section2[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    /* Full height */
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .video[b-f1ybw11apt] {
        /*margin-top: 23rem;
        padding-right: 5rem;
        margin-bottom: 23rem;*/
    }


.section3[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    /* Full height */
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section4[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    /* Full height */
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section5[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    /* Full height */
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section6[b-f1ybw11apt] {
    background-image: url("/img/raker2023/base_desktop.jpg");
    /* Full height */
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a[b-f1ybw11apt] {font-size: 20px}
    .overlay .closebtn[b-f1ybw11apt] {
    font-size: 40px;
    top: 15px;
    right: 35px;
    }

    
}

@media (max-width: 576px) {
    iframe[b-f1ybw11apt] {
        width: 100vw;
        height: calc(100vw/1.77);
    }

    .name[b-f1ybw11apt] {
        padding-top: 3rem;
        position: relative;
    }

        .name > .guest-name[b-f1ybw11apt] {
            position: absolute;
            margin-top: 1.5rem;
            margin-left: 3.4rem;
        }

        .name > .qr[b-f1ybw11apt] {
            position: absolute;
            margin-left: 16rem;
            margin-top: .5rem;
        }

    section[b-f1ybw11apt] {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .section1[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .section2[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .section3[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .section4[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    .section5[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .rules-image[b-f1ybw11apt] {
        background-image: url("/img/raker2023/download_rules_mobile.png");
        background-repeat: no-repeat;
        height: 50px;
    }

    .section6[b-f1ybw11apt] {
        background-image: url("/img/raker2023/base_mobile.jpg");
        /* Full height */
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

/* _content/WebInvitation/Pages/Raker2023/ShowGuest.cshtml.rz.scp.css */
main[b-nlk9qrt870] {
    height: 100vh;
    background-image: url("/img/raker2023/show_guest_image.png");
    background-size: cover;
    background-size: 100% 100%;
}


.card[b-nlk9qrt870] {
    max-height: 98vh;
}
/* _content/WebInvitation/Pages/Raker2024/Index.cshtml.rz.scp.css */

.scroll-container[b-5puibztn7c] {    
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
/*    scroll-behavior: smooth;*/
}

.section[b-5puibztn7c] {
    height: 100vh;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

#section1[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-01.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #115e9f;
}

#section2[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-02.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section3[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-03.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section4[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-04.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section5[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-05.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section6[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-06.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section7[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-07.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section8[b-5puibztn7c] {
    background-image: url("/img/raker2024/bg-mobile-08.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.nav-dots[b-5puibztn7c] {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.nav-dot[b-5puibztn7c] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 10px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .nav-dot:hover[b-5puibztn7c], .nav-dot.active[b-5puibztn7c] {
        background-color: white;
    }

@media (min-width: 768px) {
    #section1[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-01.png");        
    }
    #section2[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-02.png");
    }
    #section3[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-03.png");
    }
    #section4[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-04.png");
    }
    #section5[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-05.png");
    }
    #section6[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-06.png");
    }
    #section7[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-07.png");
    }
    #section8[b-5puibztn7c] {
        background-image: url("/img/raker2024/bg-web-08.png");
    }    
}
/* _content/WebInvitation/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-1hq0yhb5pp] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-1hq0yhb5pp] {
  color: #0077cc;
}

.btn-primary[b-1hq0yhb5pp] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-1hq0yhb5pp], .nav-pills .show > .nav-link[b-1hq0yhb5pp] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-1hq0yhb5pp] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-1hq0yhb5pp] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-1hq0yhb5pp] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-1hq0yhb5pp] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-1hq0yhb5pp] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/WebInvitation/Pages/Shared/_Layout2023.cshtml.rz.scp.css */
/**,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*/

*[b-oyeza6afvr] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* _content/WebInvitation/Pages/Shared/_Layout2024.cshtml.rz.scp.css */
*[b-q3uqwmrqyn] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

