/* Sekcja 5  Typ sekcji FAQ Widok FAQ */

#section5 {
.pytanie { 
  padding: 15px 30px !important;
  span {
  font-weight: 600 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
}

.odpowiedz {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

hr {
    border-image: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    border-image-slice: 1;
  margin-bottom: 32px;
}

.sectionTitle {
  margin-bottom: 0;
}
}


/* Sekcja 2  Typ sekcji Odliczanie Widok Odliczanie w kafelkach */

#section2 {
/* .countdown .figure>span, .figure>span, .count-title, .countdown .figure .top, .countdown .figure .top-back, .countdown .count-title, .countdown .figure .bottom-back {
  background: linear-gradient(180deg, #dcb68c 0%, #fee0ae 25%, #ffe9b8 75%, #dbb99d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

#CountdownTiles {
    & .countdown {
        & .figure {
            &.days,
            &.days .bottom,
            &.days .top-back,
            &.hours,
            &.hours .bottom,
            &.hours .top-back,
            &.minutes,
            &.minutes .bottom,
            &.minutes .top-back,
            &.seconds,
            &.seconds .bottom,
            &.seconds .top-back {
                /*  background: linear-gradient(
                    180deg,
                    #dcb68c 0%,
                    #fee0ae 100%
                        #ffe9b8 75%,
                    #dbb99d 100%
                ) !important; */

                background: linear-gradient(
                    to right,
                    #dcb68c 0%,
                    #fee0ae 25%,
                    #ffe9b8 75%,
                    #dbb99d 100%
                ) !important;
              
              color: #0a2045 !important;
            }

            &.days .top,
            &.days .bottom-back,
            &.hours .top,
            &.hours .bottom-back,
            &.minutes .top,
            &.minutes .bottom-back,
            &.seconds .top,
            &.seconds .bottom-back {
                /* background: linear-gradient(
                    180deg,
                    #dcb68c 0%,
                    #fee0ae 100%,
                        #ffe9b8 0%,
                    #dbb99d 100%
                ) !important;
                               */
                background: linear-gradient(
                    to right,
                    #dcb68c 0%,
                    #fee0ae 25%,
                    #ffe9b8 75%,
                    #dbb99d 100%
                ) !important;
              color: #0a2045 !important;
            }
        }
    }
}

.timer-title {
    background: linear-gradient(
        180deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.count-title {
    background: linear-gradient(
        180deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

padding: 3rem 0;

}


/* Sekcja 7  Typ sekcji Galeria zdjęć Widok Siatka zdjęć */

#section7 {
.page-item a {
    background: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-item.active .page-link {
    background: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );

    color: #0a2045;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    border-color: antiquewhite !important;
}

hr {
    border-image: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    border-image-slice: 1;
    margin-bottom: 32px;
}

}


/* Sekcja 8  Typ sekcji Logowanie Widok Logowanie za pomocą hasła */

#section8 {
.form-control {
    border-image: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    border-image-slice: 1;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
    border-bottom: 1px solid #212529;
    padding: 0;
    font-weight: 700;
    color: #212529;
    background: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    ) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;

    &:focus {
        box-shadow: none !important;
    }
}

.form-control::placeholder {
    text-transform: uppercase;
}

button {
    background: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    ) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 2rem;
}

hr {
    border-image: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    );
    border-image-slice: 1;
    margin-bottom: 32px;
}

p {
    background: linear-gradient(
        90deg,
        #dcb68c 0%,
        #fee0ae 25%,
        #ffe9b8 75%,
        #dbb99d 100%
    ) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

}