body {
    padding: 0;
    margin: 0;

    /*font-size: 20px;*/
    /*font-family: "Poppins", sans-serif; */
    /*font-weight: 400;*/

    font-family: 'Acumin Pro', sans-serif;
    font-weight:100;


    font-style: normal;
    user-select: none;

    width: 100vw;
    height: 100vh;
    zoom: 100%;
    overflow: hidden;

    background: linear-gradient(to bottom, #ccc, #fff);
}

a {text-decoration: none;}

h1 {
    margin-bottom: 20px;
    /* text-shadow: 1px 1px 0px #fff;*/
    letter-spacing: 1px;

    font-size: 50px;
    white-space: nowrap;
    font-family: 'Old London', sans-serif;
    font-weight: normal;
    font-style: normal;

}
h2 {font-family: Georgia; font-size: 24px;  margin-bottom: 20px; color: #e2f50d}

.bg-light {background: linear-gradient(to bottom, #ccc, #fff);}
.bg-dark {background-color: #000;}
.mx-auto {margin: 0 auto;}
.button {cursor:pointer; padding: 10px 20px; border: 0; background: #ccc; text-align: center; min-width: 120px; color:#333; font-size: 20px;}
.button.large {padding: 15px 40px; font-size: 20px; letter-spacing: 1px}
.button.success {color:white; background-color: #a9b711;  background-color: #e2f50d; color: black}

.text-center {text-align: center;}
.text-success {color: #e2f50d!important;}
.text-pink {color: deeppink!important;}
.text-fire {color: orange!important;}
.text-white {color: white!important;}
.text-black {color: black!important;}

.text-larger {font-size: 24px!important;}

#music {display: none}

.besseder {
    position: fixed;
    z-index: 6;
    top: 10px;
    right: 20px;
    width: 100px;
    color: white;
    font-size: 26px;
    text-align: right;
}

section {
    clear: both;
    width: 100vw;
    height: 100vh;
    max-width: 100%;



}
section.section-content {position: relative;}


section.section-content::after {
    position: absolute;
    bottom: 35px;
    z-index: 2;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="white" class="bi bi-arrow-down-circle" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293z"/> </svg>');
    text-transform: none;
    width: 100vw;
    text-align: center;
    pointer-events: none;
    /*filter:invert(1);*/
    opacity: 0.5;
    color: white;
    animation: cbounce 3s ease-in-out infinite;

}

section.section-content:last-child::after {content: none;}

@keyframes cbounce {

    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}


.container {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 20px 15px;
    height: 100%;
    border: 15px double #ccc;
    position: relative;
}


.container {font-size: 20px;}
.container.bg-dark {color: white; }
.container b {font-size: 22px; font-weight: 600;}


/* cover */
.cover {align-content: center; z-index: 5; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;  transition: all 2s ease-in-out; background: linear-gradient(to bottom, darkgoldenrod, #000);


    background: url("../img/logo-no-name.png") no-repeat center center;
    background-color: #1d1d1b;

}
.cover img {width: 80%; margin-top: 30px; margin-bottom: 40px;  box-shadow: 0px 0px 40px #ccc; transition: all 3s ease-in-out;}
.cover .container {border: 0}
.cover .destinataire {color:#e5e5e5; margin-bottom: 40px;
    margin-bottom: 0px;
}

.cover p {
    margin-bottom: 20px;
}

.cover .destinataire b {font-size: 36px}

.cover.opening {opacity: 0;}
.cover.opening img {transform: scale(2); opacity: 0;}

/* memory */
.section-memory .container
{
    color: #e5e5e5;
    padding-top: 60px;
    border: 0;
}

.section-memory b {
    font-size:32px;
}

.container mark {
    display: inline-block;
    padding: 10px 40px;
    margin: 20px auto;
    font-size: 30px;
    font-weight: 600;
    background: greenyellow;
    background: #e2f50d;
    color: white;
}

/* save the date */
.section-save-the-date {

    background: url("../img/save-the-date-bkg-2.png") no-repeat center center;


    background-size: cover;

    background-size: 230%;
    background-position: top;
    background-color: #333;

    background: #000;


}
.section-save-the-date .container {border: 0;

    /* align-content: center; align-items: center; justify-content: center; */

    padding: 0;
    padding-top: 60px;


}
.section-save-the-date img {
    width: 60%; /*border-radius: 12px;*/ /*display: none;*/
}

.countdown {

    width: 100%;
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: 2; */

    position: absolute;
    bottom: 66px;

    /*
    background: rgba(239, 108, 139, 0.25);
    background: rgba(156, 142, 195, 0.7);
    */

    bottom: 20%;

    padding: 20px;


}

.countdown-item {
    background: transparent;
    /*border-radius: 10px;*/
    padding: 20px 10px;
    min-height: 80px;
    text-align: center;

     /*border:5px solid #5495cd;*/
    /*background:#5495cd;  */
    background: rgba(226, 245, 13, 1);

    color: white;
    text-shadow: 1px 2px 0px #000;


}

.countdown-digit {font-size: 40px;}
.countdown-label {text-transform: uppercase; font-weight: bold;  color: #999; font-size: 15px;

    color: white;

}

/* tefilines */
.section-tefilines .container {
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    border:0;
}

.section-tefilines h1 {
    color: lightgoldenrodyellow;
    color: white;

}




/* shabbat night */
.section-shabbat-night .container  {
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.section-shabbat-night .container {
    border-color: red;
    border: 0;
}

/* shabbat noon */
.section-shabbat-noon .container {border-color: sandybrown;}


/* party */
.section-party .container
{
    color: #e5e5e5;
    border-color: deeppink;
    border-color: blueviolet;
    border-color: #e2f50d;
    text-align: center;
    border: 0!important;
}

.section-party h1 {color: deeppink; color: blueviolet;
    color: #e2f50d;
}


.le-white-logo {

    margin: 10px auto;
    background: url('../img/le-white.webp') no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100px;
}


/* background */
.section-with-background .container {position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2));

}

.section-with-background .container::before{
    content: '';
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.section-memory .container::before {
    background-image: url("../img/bkg/2.jpg");
    background: url("../img/logo-no-name.png") no-repeat center center;
}
.section-tefilines .container::before {
    background-image: url("https://images.unsplash.com/photo-1578154450695-aa2f8d2b10a2?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}
.section-shabbat-night .container::before {
    background-image: url("../img/bkg/5.jpg");
    background-size: cover;
}
.section-shabbat-noon .container::before {
    background-image: url("../img/bkg/3.jpg");
}
.section-party .container::before {
    /* background-image: url("../img/bkg/6.jpg"); */
    background-image: url("../img/bkg/party.webp");
}


.section-memory mark {
    width: 70%;
    display: inline-block;
    text-align: center;

    padding: 0px;

    background: transparent;
}
.section-memory mark span {
    font-family: 'Old London', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
    letter-spacing: 4px;

    color: blueviolet;
    color: #e2f50d;

    text-shadow: 1px 1px 0px #e5e5e5;

}

.section-party h1 {
    text-shadow: 1px 1px 0px #ccc;
}

.section-response .container {
    background: lightgoldenrodyellow;
}

.section-response form {
    margin-top: 20px;

}

.section-response .form-group {
    display: block;
    margin-bottom: 5px;
}

.section-response .form-group select {
    padding: 5px 10px;
    border-radius: 5px;
    border:1px solid #e5e5e5;
}

.section-response .form-group textarea {
    padding: 5px 10px;
    border-radius: 5px;
    border:1px solid #e5e5e5;
    width: 90%;
}

.section-response .form-group .label-title {
    font-family: 'Old London', sans-serif;
    font-weight: normal;
    font-size: 30px;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}

.section-response  .form-group-message {
    margin-top: 20px;
}

.cols-2 {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;

    display: none;

}

.form-valid {
    padding: 40px 0;
    background: gold;
    margin-bottom: 20px;
    display: none;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    background: rgba(255, 255, 255, 0.5) url('../img/loader.gif') no-repeat center center;
}

.section-end {
    background: url('../img/end.jpg') no-repeat center center;
    background-size: cover;
}


.section-end .made-by {

    padding: 20px 20px;

    text-align: right;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: black;
    width: 100%;
    text-shadow: 2px 2px 0px #666;
}

section.section-end::after
{
    content: none;
}

.group-radio {
    white-space: nowrap;
}

.label-radio {
    white-space: nowrap;
}