body{
    /*background-color: #f3f3f3; */
    background-color: #fff;
}

.topbar{
    height: 80px;
    /*background-color: #74a59f; */
    background: linear-gradient(#74a59f, #7dafa9);
    text-align: center;



}

.topbar2{
    height: 50px;
    background-color: #7dafa9;
    text-align: center;
    vertical-align: middle;
    border-bottom: 3px solid #659791;
}

ellepie-brand{
    color: #f1f1f1;
    font-family: chalkboardregular;
    font-size:100px;
    -webkit-text-stroke: 4px #5e8e88;
    line-height: 100px;
}


.toptext{
    color: #f1f1f1;
    font-family: chalkboardregular;
    font-size:100px;
    -webkit-text-stroke: 4px #5e8e88;
    line-height: 100px;

}

.toptext a:hover{
    text-decoration: none;
}



slogan{
    font-family: chalkboardregular;
    font-size:15px;
    color: #3c6761;
    line-height: 50px;
    font-style: oblique;
}



@font-face {
    font-family: 'chalkboardregular';
    src: url('chalkboard-webfont.woff2') format('woff2'),
    url('chalkboard-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.ellepie-bg-light {
    background-color: #117a8b !important;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.ellepie-light{
color:white;

}

.ellepie-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.ellepie-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.ellepie-light .navbar-nav .show > .nav-link,
.ellepie-light .navbar-nav .active > .nav-link,
.ellepie-light .navbar-nav .nav-link.show,
.ellepie-light .navbar-nav .nav-link.active {
    color: rgb(255, 255, 255);


}

.ellepie-light .navbar-nav .nav-link {
    color: rgb(184, 184, 184);
}

.ellepie-light .navbar-toggler {
    color: #117a8b;
    border-color: #17a2b8;
}

.ellepie-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.ellepie-footer {
    /* position: fixed; */
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height:25px;
    background-color: #74a59f;
    color: #d6d6d6;
    text-align: left;
    font-family: chalkboardregular;
    padding-left:10px;
    border-top: solid #659791 1px;

}


#ellepie-footer a:link { color: #d6d6d6; }
#ellepie-footer a:visited { color: #d6d6d6; }
#ellepie-footer a:hover { color: #d6d6d6; }
#ellepie-footer a:active { color: #d6d6d6; }

.ellepie-spacer {
height:50px;
}

.decoratie{
    height:85px;
background-image: url("../Drips2.png") ;
    background-repeat: repeat-x;
background-size: 406px 97px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 55px;


}

.icon_white path {


}

.ellepie-stick{
    position: -webkit-sticky;
    position: sticky;
}
/*
.taart{
   <!-- background-color: #ffffff; -->

 border: #659791 1px solid;
    border-radius: 15px;

    display:table-cell;
    vertical-align:middle;
    text-align:center;


} */
.inleiding{
    font-family: chalkboardregular;
    max-width: 1200px;
    font-size: 15px;

}

.taart-img{
    height:220px;
    max-width: 150px;
width:100%;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.taart-container{
border: #dcdce2 solid 0px;
    margin-left:5px;
    margin-right:5px;

    max-width:150px;
   background-color: #117a8b;
    font-family: chalkboardregular;
    font-size:12px;
    color: #ffffff;
    position: relative;
    margin-bottom: 10px;
    /* border:1px;
    border-style:solid;
    border-color: #3c6761;
    border-radius: 5px;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.taart-container-category{
    border: #dcdce2 solid 0px;
    margin-left:5px;
    margin-right:5px;
    max-height:250px;
    max-width:150px;
    /* background: linear-gradient(#74a59f, #9ad4ce); */
    font-family: chalkboardregular;
    font-size:12px;
    color: #ffffff;
    background-color: #117a8b;
    margin-bottom: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.taart-img-category{
    height:220px;
    max-width: 150px;
    object-fit: cover;
    width:100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.taart-container a:link,a:visited{
    color: #ffffff;
    text-decoration: none;
}



.taart-container a:hover{
    color: #ffffff;
    text-decoration: none;

}

.taart-container-category a:link,a:visited{
    color: #ffffff;
    text-decoration: none;
}

.taart-container-category a:hover{
    color: #ffffff;
    text-decoration: none;

}

.top_page_header{
width:100%;
    height:300px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.top_page_img{
width:100%;
    margin-top: -30%;
    object-fit: cover;
    position:relative;
}

.text_center_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:white;
    font-family: chalkboardregular;
    font-size:75px;

    -webkit-text-stroke: 2px #117a8b;

}

.text_center_img_extra{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: chalkboardregular;
    font-size:20px;

  /* background-color: rgba(94, 142, 136, 0.26);
    width:100%; */

}

.ellepie-builder{
    background-color:#77aca6;
}

.btn-ellepie{
    border: solid 0px #117a8b;
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    padding:5px 10px 5px 10px;
    font-family: chalkboardregular;
    box-shadow: inset 0 -2px 0 0 #117a8b;
    -webkit-appearance: button;
}

.btn-ellepie:hover{
   border: solid 0px #17a2b8;
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    padding:5px 10px 5px 10px;
    font-family: chalkboardregular;
    box-shadow: inset 0 -2px 0 0 #1cbfd9;
}

.form-ellepie{
    max-width:300px;
    font-family: chalkboardregular;
}

.alert-ellepie{
    font-family: chalkboardregular;
    max-width:300px;
    padding-top: 10px;
    border-radius:5px;
    background-color: #117a8b;
    padding:2px 10px;
    color: white;
margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom:10px;
    display: table;
border: solid 1px #17a2b8;



}

.badge-ellepie {
    color: #fff;
    background-color: #23d9f5;



}

.badge-ellepie-price {
    color: #ffffff;
   /* background-color: #7ec7c1;
    border-radius: 50px;
    border: solid 1px #7dafa9; */



}

.div-ellepie-badge {
    position: absolute;

    left: 5px;
    top: 5px;

}

.ellepie-row{
    position: relative;
}

.categorien{
    font-family: chalkboardregular;
    font-size:30px;
}

.ellepie-table-header-text{
font-family: chalkboardregular;
font-size:30px;
}

.ellepie-order-message{
    font-family: chalkboardregular;
    font-size:30px;
}

.ellepie-text{
    font-family: chalkboardregular;
    color: #000000;
   font-size:20px;
}

.ellepie-text-name{
    font-family: chalkboardregular;
    color: #000000;
    font-size:40px;
}

.ellepie-text-view{
    font-family: chalkboardregular;
    color: #000000;
    font-size:15px;

}

.ellepie-text-name-view{
    font-family: chalkboardregular;
    color: #000000;
    font-size:20px;
}

.ellepie-text-top{
    color: #949494;
    font-family: chalkboardregular;
    font-size:20px;
    margin-top: 10px;
}

.ellepie-image-view-info{
    max-width: 375px;
    min-width: 375px;

}

.ellepie-view{
    max-width: 250px;
}

.ellepie-image-view-info{
     border-radius: 5px;
     padding:10px;
     border: 1px #cdcdcd solid;
     margin-left:10px;
    margin-right:10px;
     text-align: center;
 }

.ellepie-image-view-options{
    border-radius: 5px;
    padding:10px;
    border: 1px #cdcdcd solid;
    margin-left:10px;
    margin-right:10px;

    min-width: 375px;
    text-align: left;
}



.ellepie-admin-add{
    color:#17a2b8;
    font-size:20px;
}

.ellepie-admin-del{
    color:#117a8b;
    font-size:20px;
}

.ellepie-admin-payed{
    color: #21d90e;
    font-size:20px;
}

.ellepie-admin-notpayed{
    color: #ffb900;
    font-size:20px;
}

.ellepie-opsomming{
    color:#62938d;
    font-size:10px;
}



.ellepie-image-view{

}

.ellepie-name{
    font-family: chalkboardregular;
}

.ellepie-link{
    color: #17a2b8;
    text-decoration: none;
}

.ellepie-link a:link,a:visited,a:hover{
    color: #17a2b8;
    text-decoration: none;
}



.ellepie-description{
    font-family: chalkboardregular;
    background-color: #117a8b;
    color:white;
padding:10px;
}



.ellepie-order{
    float:left;
margin-right: 50%;

}

.ellepie-aantal{
    width: 60px;

}

.ellepie_order_image{
    height:50px;
}

.ellepie-builder-table{
    width: 100%;
}

.ellepie-builder-base{
    height:250px;
    width: 250px;
    margin-left:50px;
    background-color: #f5f5f5;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 2px;
    border-bottom-left-radius: 250px 50px;
    border-bottom-right-radius: 250px 50px;
    border-top-left-radius: 250px 50px;
    border-top-right-radius: 250px 50px;
}

.ellepie-builder-base-top{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    border-bottom-left-radius: 250px 50px;
    border-bottom-right-radius: 250px 50px;
    height:20%;
}

.ellepie-builder-base-inside{
    background-color: #c49d3c;
    margin-top:10px;
    margin-left:50%;
    height:70%;
    width:49%;

    border-bottom-right-radius: 250px 50px;
}

.ellepie-builder-base-inside-top{
    background-color: whitesmoke;
    height:10%;
    border-bottom-right-radius: 250px 50px;
}

.ellepie-builder-drip{
    position: fixed;
    height:50px;
    width: 251px;
    background-color: green;
    border-top-right-radius: 250px 50px;
    border-top-left-radius: 250px 50px;
    border-bottom-right-radius: 250px 50px;
    border-bottom-left-radius: 250px 50px;

}

.ellepie-builder-drip1{
    margin-top:25px;
    height:25px;
    width: 25px;
    background-color: green;
    border-bottom-right-radius: 20px;
}

.ellepie-builder-drip2{
    position: fixed;
    margin-top:25px;
    margin-left:50px;
    height:25px;
    width: 25px;
    background-color: green;
    border-bottom-right-radius: 20px;
}

a.ellepie-pie-link:link{
    color: #ffffff;
}
a.ellepie-pie-link:hover{
    color: #ffffff;
}
a.ellepie-pie-link:active{
    color: #ffffff;
}
a.ellepie-pie-link:visited{
    color: #ffffff;
}

.ellepie-zoom{
    color: #117a8b;

}