a{
    color: black;
    text-decoration: none;
    font-family: 'barlow-reg';
}
a.topnav:hover,.active{
    color: #EB455F;
}

#title > P {
    margin-top: 150px;

}
#promoup{
    background: url('/assets/frontend/images/waveUp.svg') no-repeat;
    height: 150px;
    background-size: cover;
}
#promo{
    background-color:lightblue;
    color: white;
    min-height: 200px;
    font-family: 'Barlow-reg';
}
.bg-woman{
    background: url('/images/bellsGray.png') right bottom no-repeat, linear-gradient(to right,#FF4103, #FE7952);
    background-size: 40% 100%, 100% 100%;
    font-family: 'Barlow-reg';
    height: 250px;
}
.btn-img-container{
    position: relative;
}
.img-offset{
    position: absolute;
  z-index: 1;
  bottom: 0;
} 
.img-offset-2{
    position: absolute;
  z-index: 1;
 bottom: 0;
}
@media only screen and (max-width: 1024px) {

} 
.responsive-image{
    width: 90%;
    height: auto;
}
.bg-lesson-chef{
    background: linear-gradient(to bottom right, orange, rgba(255,255,255,0)),url('/images/with-chef.png');
    background-size: cover;
    background-position: 0 0;
    font-family: 'Barlow-reg';
    height: 250px;
}
#listpromo,#location_sec{
    width: 80%;
    min-height: 200px;
    margin: auto;
}
.promo_list{
    /* background:linear-gradient(to bottom right, orange, rgba(255,255,255,0)); */
    border-radius: 25px;
}
.promo_list:hover{
    cursor: pointer;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .4);
}
#promodown{
    background: url('/assets/frontend/images/waveDown.svg') no-repeat;
    height: 150px;
    background-size: cover;
}

h1.bolder{
    font-weight: bolder;
    color: #EB455F;
}
#location{
    background-position: right;
    background-size: contain;
}
.font-fade{
    color: rgba(255, 255, 255, 0.4);
}

.card-scale:hover{
    transform:scale(1.05);
}
.card-scale{
    transition:  transform .5s;
}

.hide{
    display: none;
}
.show{
    visibility: visible;
}

/* booking type reguler or express */
.bookingtype, .slottype{
    display : block;
    width: auto;
}
h3.label-title{
    font-family: 'Sk-Bold';
}

.bookingtype  > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.bookingtype> input + div{ /* DIV STYLES */
    cursor:pointer;
}

.bookingtype > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    border: 2px solid #bc9a48;
    box-shadow: 3px 3px 4px rgba(84, 82, 82, 0.23);
}

/*  */
.slotlist{
    border: 1px solid #bc9a48;
    /* width: 80px;
    margin: 10px; */
}
.slotlist:hover{
    color: white;
    background-color: #bc9a48;
}
.slottype > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

.slottype > input + div{ /* DIV STYLES */
    cursor:pointer;
}

.slottype > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    border: 1px solid #bc9a48;
    background-color: #bc9a48;
    color: white;
    font-family: 'Sk-Reg';
}

input.only_border_bottom{
    border-bottom: 1px solid black;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.btn-receipt{
    display: inline-block;
    padding: 5px 15px;
    font-family: 'Sk-Reg';
    background-color: #bc9a48;
    min-width: 100px;
    color: white;
}

#footer{
    position: absolute;
    bottom:0;
   width: 100vw;
}
input[name='txtfamily']::-webkit-input-placeholder { /* WebKit browsers */
    color:    gray;
    font-size: 10pt;
    font-style: italic;
    width: 200px;
    padding: 5px 10px;
}
input[name='txtfamily']:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    gray;
    font-size: 10pt;
    font-style: italic;
    width: 200px;
    padding: 5px 10px;
}
input[name='txtfamily']::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    gray;
    font-size: 10pt;
    font-style: italic;
    width: 200px;
    padding: 5px 10px;
}
input[name='txtfamily']:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    gray;
    font-size: 10pt;
    font-style: italic;
    width: 200px;
    padding: 5px 10px;
}
/* cake card */

/* mobile */

@media only screen and (max-width: 768px) {
   /* body{
        font-size: 1.5em;
    } */
    #front_right_header{
        padding: 5em 2em;
        background-size: 100%;
        background-position: right bottom;
    }
    h3.subtitle{
        font-size: 1em;
        margin-bottom: 1.5em;
    }

    #promotion{
        background-position: 30%;
        background-repeat: no-repeat;
        /* height: 400px; */
        background-size: contain;
    }
}