*{
    margin:0;
    padding:0;
    outline: none;
    border:0;
    box-sizing: border-box;
    text-decoration: none;
}

body{
    font-family: 'Roboto Regular', sans-serif;
    font-size:16px;
    -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
img{ max-width: 100%;}
.login-widget.static{
    position:static;
    transform: none;
    margin: 70px auto;
}
.login-widget{ max-width: 340px; width:100%;
  margin: 0 auto 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
.login-widget h1{ font-family: 'Roboto ExtraBold', sans-serif;
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  background-image: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  display: inline-block;}
  .login-widget h2{ font-size:40px;line-height: 47px;margin-top: .5rem;
  margin-bottom:40px;}
  .login-widget form{ text-align:left;font-family: 'Roboto Regular', sans-serif; }
  .login-widget label{ color:#ccc;}
  .login-widget .form-group{ position:relative;}
  .login-widget .form-group label{ position: absolute;font-size:17px;
  left: 0; z-index: -1;
  top: 10px;transition: font-size 0.2s ease;}
  .login-widget .form-group input:focus + label{
  top: -10px;
  font-size:12px;
  }
  .login-widget .form-group textarea:focus + label{
      top: -4px;
  font-size:12px;
  }
  .login-widget .form-group:has(input:focus) label,
  .login-widget label.active{
    font-size: 12px;top: -4px;
}
.login-widget .login-remember{ padding-top:10px;}
.login-widget .login-remember label{ color: #000;font-size: 16px;}
.login-widget .login-remember input{ margin-right:2px;}

.login-widget input[type="text"],
.login-widget input[type="email"],
.login-widget input[type="password"],
.login-widget textarea{ border:0; border-radius:0; height:50px; width:100%;margin-bottom: .9rem; font-size:16px;font-family: Roboto Regular;
border-bottom: 1px solid rgb(209 213 219);
  background-color: transparent;
  padding:0; outline:none;}
  .login-widget textarea{ height:100px;padding-top: 12px;}
.button{display: block; min-height:47px; font-family: 'Roboto Regular', sans-serif; font-size:16px;
  width: 100%;
  border-radius: 50px;
  background: #000;
  border: 0;
  color: #fff;
  padding: 13px 11px;
  margin-top: 45px;}
.button svg{
    width: 18px;
    margin: 1px 4px 0 10px;
}
.button.back{
    background:#fff; color:#000; border:1px solid #000;text-align: center;min-height: 45px;margin-top: 15px;
}
.button.back svg{
    margin: 2px 7px -2px 0;width: 17px;
}
.button.logout-btn{
    background:#f41a1a;
    text-align: center;
    margin-bottom:110px;
}
.styled-select select{
    border:0; border-radius:0; height:50px; width:100%;margin-bottom: .9rem; font-size:16px;
border-bottom: 1px solid rgb(209 213 219);
  background-color: transparent;
  padding:0; outline:none; color:#ccc;font-family: 'Roboto Regular', sans-serif;
}
.styled-select select:focus,
.styled-select.pre-selected select{
    color: #000;
}


.site-header{ padding-top: 1.4rem!important; padding-bottom: 1.4rem!important;border-bottom: 4px solid #f2f2f2;}
.site-header .header-inner{ padding:0 5%!important;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.site-header .header-inner h1 a{ color:#000;}
.site-header h1{ font-size: 28px;margin: 0px 0 0;
/*font-family: 'Stage Grotesk Bold';*/
font-family: 'Roboto ExtraBold', sans-serif;
position: relative;}
.site-header .search-icon-container{ position:relative;height: 32px; width:34px;}
.site-header .search-icon-container svg{width: 34px; display:block; position:absolute; right:-4px; top:4px;}
.site-header .search-icon-container .search-close{ display:none;}
.site-header.single{ background-image: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%); color:#fff; border:0; padding-bottom: 60px!important;}
.site-header.single h1{ font-size: 20px; line-height: 22px;width: calc(100% - 55px);}
.site-header.single .search-icon-container { width: 40px;height: 30px;}
.site-header.single .search-icon-container svg{ width:27px;}


.icon-nav{ position:fixed; left:0; bottom:0; width:100%; background:#fff;border-top: 1px solid #f2f2f2;}
.icon-nav ul{ display:flex; padding:0; list-style:none;}
.icon-nav ul li{ width:20%;}
.icon-nav ul li a{ display: flex; position:relative;
  justify-content: center;
  height: 74px;
  align-items: center;}
  .icon-nav ul li a.active::after{ content:""; position:absolute; left:50%; top:51.5%; width:40px; height:40px; background:#000; border-radius:100%; transform:translate(-50%,-50%); z-index:-1;}
  .icon-nav ul li a.active svg{ filter: invert();}
.icon-nav ul li svg{ width:28px;height: 28px; position:relative; z-index:1;}
.not-logged-in .dh,
.not-logged-in .site-footer,
.not-logged-in .icon-nav{display:none;}
.product-category-group-container{
    margin-bottom: 90px;
}
.product-category-group{ max-width:90%; margin:30px auto;}
.product-category-group .category-title{ font-size: 13px;text-transform: uppercase;letter-spacing: .5px;
font-family: 'Roboto ExtraBold', sans-serif;
  background-image: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;display: inline-block;
  margin: 0 0 20px;
}
.already-loggedin a{
    font-family: 'Roboto Bold', sans-serif;
    color:#000;
    text-decoration: underline;
}
.product {
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom:15px;
  padding-bottom:15px;
  align-items: center;
}
.product:last-child{
    border-bottom: 0;
}
.product .thumbnail {
  width: 27%;
  padding-right: 4%;
  max-width:200px;
}
.product .thumbnail img{
border-radius: 8px;
display:block;
}
.product .content {
  width: 73%;
}
.product .content .book-now{
  display: inline-block;
  padding: 4px 16px 6px;
  border: 1px solid #e3e3e3;
  color: #000;
  font-size: 13px;
  font-family: 'Roboto Bold', sans-serif;
  border-radius: 30px;
  margin-top: 5px;
}
.product .content h2{
  font-size: 17px;
  margin: 0 0 5px;
  font-family: 'Roboto Bold', sans-serif;
  color:#000;
}
.site-footer{ display:none;}
.search-widget { display:none;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 14%);
  padding: 19px 0 19px 5%;
}
.search-widget input{
width: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  padding: .5rem 1rem; font-size:16px;
  transition: all .3s; height:40px;font-family: 'Roboto Regular', sans-serif;}
  



.single-product-container{ max-width: 90%; margin:0 auto 90px; border-radius: 15px 15px 0 0; overflow: hidden; margin-top: -45px;}
@media(min-width:1025px){
    .single-product-container{ display: flex;background: #fff;padding: 40px;}
    .single-product-container .left{ width:40%;}
    .single-product-container .right{ width:60%; padding:50px 0 0 80px;}
    .single-product-container .right .book-product-form{ padding-left:0; padding-right:0;}
    .single-product-container .right .book-product-form form{ max-width:350px;}
}
.single-product-container img{ width:100%;}
.book-product-form{ padding:30px 15px;}
.book-product-form h3{ font-family: 'Roboto Bold', sans-serif; margin-bottom:27px; font-size:21px;}
.book-product-form input{ border:1px solid #d5d5d5; width:100%; padding:10px; border-radius:7px; height:44px; background:none; width:100%;font-family: 'Roboto Regular', sans-serif;}
.is-safari .book-product-form input.calendar-icon{ background:url(../img/calendar-icon.svg) no-repeat right 15px center;background-size: 18px;}
.book-product-form label { font-family: 'Roboto Bold', sans-serif; margin-bottom:10px; display:block}
.book-product-form.booked label{ margin-bottom: 6px;font-size: 15px;}
.book-product-form.booked strong{ font-family: 'Roboto Bold', sans-serif; margin-bottom:18px; font-size:20px; display:block}
.single-product-container .button{ margin-top:5px;}




/* ADMIN */
.admin-block{
    width:85%;
    margin:0 auto;
    max-width: 340px;
}
.admin-welcome-screen {
    margin:70px 0 80px;
}
.admin-welcome-screen h2{
    font-family: 'Roboto ExtraBold', sans-serif;
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
}
.admin-welcome-screen ul{
    margin-bottom:30px;
}
.admin-welcome-screen ul li{
    list-style:none;
}
.admin-welcome-screen ul li a.button{
    margin-top:10px;
    width:100%;
    display: flex;
    align-items: center;
    min-height: 49px;
}
.admin-welcome-screen h3{
    background-image: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%);
    background-clip: text;
    font-family: 'Roboto ExtraBold', sans-serif;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    text-align:left;
    font-size: 20px;
    margin-bottom: 4px;
}



.manage-widget.static{ position:static; transform: none; margin:50px auto;}
.manage-widget{ max-width: 340px; width:100%;
    margin: 0 auto 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.manage-widget h1,
.manage-widget .h1{ font-family: 'Roboto ExtraBold', sans-serif;
    text-align: center;
    margin-bottom: 24px;
    font-size: 30px;
    background-image: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline-block;}
.manage-widget ul{ list-style: none; font-size:15px;}
.manage-widget ul form{ margin-bottom:17px;border: 1px solid #e3e3e3;}
.manage-widget ul li{ display:flex;border-bottom: 1px solid #e3e3e3;}
.manage-widget ul li:last-child{ border:0;}
.manage-widget ul li label{ min-width:110px; background:#f0f0f0; padding:10px 20px;}
.manage-widget ul li span,
.manage-widget ul li div{ padding:10px 20px;}
.manage-widget ul li input{ padding:10px 20px;font-size: 16px;max-width: calc(100% - 110px);font-family: 'Roboto Regular', sans-serif;}
.manage-widget ul li input.edit-icon{ background:url(../img/edit-icon.svg) no-repeat right 15px center;background-size: 14px;padding-right: 30px;}
.manage-widget ul li .styled-select{ padding:0;width: calc(100% - 124px);}
.manage-widget ul li select{ padding: 0 20px; margin:0; border:0;background: #fff;height: 38px; color:#000}
.update-btn{ display: inline-flex;padding: 8px 10px;gap: 5px;background: #000;color: #fff;font-family: 'Roboto Regular', sans-serif;}
.update-btn svg{ width:14px}
.delete-btn{ display: inline-flex;padding: 8px 10px;gap: 3px; color:#000;}
.delete-btn svg{ width:14px}
.img-field {
    display: flex;
    gap: 10px;
    align-items: center;
}
.img-field img{
    width:70px;
    height:70px;
}
.available-products ul,
.booked-products ul,
.prebooked-products ul{ margin-bottom:17px;border: 1px solid #e3e3e3;}


.product-categories {
  max-width: 96%;
  margin: 30px auto 110px;
  list-style: none;
}
.product-categories li{
  width:50%;
  float: left;
  padding: 6px;
}
.product-categories li a{
  display: flex;
  height: 160px;
  background: #fff;
  color: #000;
  border-radius:8px;
  justify-content: center;
  align-items:center;
  text-align:center;
  flex-flow: column;
  padding: 20px 10px;
  flex-flow:column;
  /*font-family: 'Stage Grotesk Bold';*/
  font-family: 'Roboto Bold', sans-serif;
  font-size:17px;
  line-height: 20px;
}
.product-categories li a span svg{
    display:block;
    width:45px;
    height:45px;
    margin-bottom: 10px;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.button-back{
    display: inline-flex;
  gap: 6px;
  margin-bottom: 15px;
  color: #000;
}
.button-back svg{
    width:19px
}

.filter-widget{ margin-bottom:35px;}
.filter-widget .button{ margin-top:12px;}


.fc-day-grid-event, .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start, .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end{ background: -webkit-linear-gradient(0deg,#56b7df,#9e7fe0 31.13%,#c769a3 62.25%,#dd5c63 96.39%)!important;}
#calendar .fc-button-primary, 
#calendar .fc-button-primary:not(:disabled).fc-button-active, 
#calendar .fc-button-primary:not(:disabled):active,
#calendar .fc-button-primary:disabled{
  color: #fff;
  background-color: #000;
  border-color: #000;
}