@media (max-width: 1023px) {
    .whatson-title {
        height: auto!important;
    }
	.post-details .bde-loop
 {
    --bde-posts-gap: 30px!important;
}
}


.offcanvasmenu[data-entrance] {
    visibility: visible;
    backface-visibility: visible;
}

.breakdance  .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns .bde-gallery, .breakdance  .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns .bde-gallery .swiper ,.breakdance  .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns .bde-gallery .breakdance-swiper-wrapper, .breakdance .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns , .breakdance .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns .bde-column{
	height: 100%;
}
.breakdance  .custom-post-container .bde-loop.ee-posts .bde-loop-item .bde-columns .button-group {
	padding-bottom:20px;
}

.whatson-block .bde-loop-item{
	  background-color: #1E1E1E; 
    box-shadow: 0px 2px 5px 0px #00000030;
	    margin-right: 20px;padding-left: 0px;
    padding-right: 0px; 
	padding-top: 0px; 
}

.social-media .bde-loop-item{
	padding: 6px 0px;
}
.bg-background{
	background-size: contain!important;
}

.opening-hours .bde-loop-item{
	padding: 6px 0px;
}

.blog-block .bde-loop-item {
    background-color: #1E1E1E;
    box-shadow: 0px 2px 5px 0px #00000030;
    margin-right: 20px;padding: 0px;
}
.phone, .email{
	padding: 10px 0px;
}
.address{
	text-decoration:none;
}
.footer-contact-section a{
	color:#fff!important;
	text-decoration:none!important;
	cursor:pointer;
}
.footer-contact-section a:hover{
	 color: #cea030 !important;
	
}
.default-container{
	max-width:1344px!important;
	margin:0px auto!important;
}

@media (max-width:767px){
	.blog-block .bde-loop-item {
    margin-right: 0px;padding: 0px;
}
	    .about-team ,.default-container{
        padding-right: 20px;
        padding-left: 20px;
    }
	.home-whatson .bde-loop-item {
    margin-right: 0px;padding: 0px;
}
	
	.bde-h1, .breakdance h1{
		font-size:40px!important;
	}
	.wp-singular.single  .bde-h1, .wp-singular.single.breakdance h1{font-size:38px!important;}
	.contact-col-page{
		    padding-top: 10px!important;
	}
	
	.hd-menu-section {
		
		width:100% !important;
	}
	
}

/* .bg-background:before {
    content: '';
    width: 100%;
    position: absolute;
    background-image: linear-gradient(180deg, rgba(43, 135, 218, 0) 0%, #1c1c1c 100%);
    bottom: 0px;
    height: 600px;
}

.bg-background:after {
content: '';
    width: 100%;
    position: absolute;
     background-color: linear-gradient(180deg, rgba(43, 135, 218, 0) 0%, #1c1c1c 100%); 
    bottom: 0px;
    height: 600px;
    background-image: url(/wp-content/uploads/2025/09/Mask-Group-11.svg);
    background-repeat: no-repeat;
    left: 0px;
    background-size: cover;
} */


/* offcanvas menu */
.hd-menu-section .breakdance-dropdown--wp .breakdance-dropdown-links {
    width: 100%;
    z-index: 9;
}
.hd-menu-section .breakdance-dropdown .breakdance-dropdown-link{
	z-index: 9;    display: inline-block;
}
.hd-menu-section .breakdance-dropdown .breakdance-dropdown-section{
	    gap: 0px;
    padding: 15px;
}
.offcanvasmenu .breakdance-dropdown--wp .breakdance-dropdown-links .menu-item{    padding: 0px 0px;}
.offcanvasmenu .breakdance-dropdown--wp .breakdance-dropdown-links .menu-item a{    padding: 10px 10px;}

/* visible when JS adds .open */
.offcanvasmenu .breakdance-dropdown.open .breakdance-dropdown-floater {display: block !important;}
.offcanvasmenu .breakdance-dropdown .breakdance-dropdown-floater {
  display: none !important;
  opacity: 1 !important;
  visibility: visible !important;position:relative!important;top:0px!important;left: 0px !important;
}
.offcanvasmenu .breakdance-dropdown-caret {display:none!important;}
.offcanvasmenu .breakdance-dropdown .breakdance-dropdown-floater .breakdance-dropdown-body{ background:transparent!important;} 

.offcanvasmenu .hd-menu-section ul.breakdance-menu-list li{
	    padding: 10px;
}


.hd-menu-section.hid-menu-section{
  top: 72px;

  transform: translateX(100%); 
  transition: transform 0.4s ease;
}
.hd-menu-section.show-section{
 transform: translateX(0);
}

.hd-menu-section .breakdance-menu-link li a{
	padding-bottom:0px!important; color:#fff!important;
}

.hd-menu-section {
	 top: 0;

  transform: translateX(100%); 
  transition: transform 0.4s ease;
	 transform: translateX(100%); 
       width: 400px;
    margin: 0px 0px 0px 0px;
    align-items: right;
    text-align: right;
    position: fixed;
    min-height: 100vh;
    right: 0px;   
	background:#000000;
    top: 0px;
    padding-top: 100px!important;
    padding: 20px 0px 0px 0px !important;
    z-index: 99;
    overflow-y: auto;
    height: 100%!Important;
    overflow-x: hidden;
}



.hd-menu-section .breakdance-menu-list{
	    display: inline-block;width:100%;

	
}
.hd-menu-section .menu-website-logo{
	 align-items: flex-start;
    display: flex;
}


.hd-menu-section ul.breakdance-menu-list li.current_page_item{ background: var(--bde-brand-primary-color);}
.hd-menu-section ul.breakdance-menu-list li{
	padding: 0px;
    width: 100%;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height:26px;
}

.hd-menu-section ul.breakdance-menu-list li.breakdance-menu-topbar{
	display:none;
}
.hd-menu-section .menu-col-block{
	
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    text-align: left;
	padding:0px 20px 20px 20px;    border-bottom: 1px solid #ccc;width:100%;
  
}
    
.hd-menu-section .menu-col-block .bde-button{
	margin-bottom: 20px;margin-bottom: 20px;
    width: calc(100%) !important;
}
.hd-menu-section .menu-col-block .bde-button button{
	width:100%;
}
.hd-menu-section  .menu-hd-social-media .bde-loop{
	display:flex;
	flex-direction:row;
	gap:0px;padding-bottom:30px;
}
.hd-menu-section  .menu-hd-social-media .bde-loop a{
	font-size:32px;
}
.hd-menu-section  .menu-hd-social-media .bde-loop-item {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
    margin-left: 10px!important; padding: 10px 0px!important;
}
.hd-menu-section .et-menu.nav{
	display:block;
}
.hd-menu-section .menu-opening-hours .bde-loop{
	gap:10px!important;
}
.hd-menu-section .menu-opening-hours .bde-loop-item {

    flex-direction: column;
    gap: 0px;
    padding: 0px;
}
.hd-menu-section .menu-layout{
	display:block;
}
.menu-opening-hours .bde-loop-item .opening-hours {
    padding-right: 10px;
}
 .breakdance  .bde-section.header  .section-container {
	 padding:10px 0px;
}
.ft-opening-hours .bde-loop {
	display:flex!important;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
	gap: 0px;
    padding: 0px;
}
.ft-opening-hours .bde-loop .bde-loop-item {
  width: 100%;
    gap: 0px;
    padding: 0px;
}
.ft-opening-hours .bde-loop .bde-loop-item  span{
	font-weight:800;
	padding-top:20px;
}
.ft-opening-hours h4{
	padding:0px;margin:0px;
}
.menu-website-logo{
	width:180px;
}
.ft-opening-hours .bde-loop .bde-loop-item span:nth-child(1){
	padding-top:0px;
}
.hd-menu-section ul.breakdance-menu-list li:hover a,.hd-menu-section ul.breakdance-menu-list li  .breakdance-dropdown--wp .breakdance-dropdown-links .menu-item:hover  a, .hd-menu-section ul.breakdance-menu-list li:hover button.breakdance-menu-link-arrow, .offcanvasmenu .breakdance-dropdown--wp .breakdance-dropdown-links .menu-item a:hover{
	background: var(--bde-brand-primary-color);!important;
	
	color: #cea030!important;
}

.hd-menu-section ul.breakdance-menu-list li:hover .breakdance-dropdown-item , .hd-menu-section ul.breakdance-menu-list li:hover  .breakdance-dropdown-item  a{
	background: transparent!important;color:var(--bde-brand-primary-color)!important;
} 
.close-block {
    position: absolute;
    top: 20px;
    right: 20px;
}
.breakdance img.menu-close {
    max-width: 50px !important;
}
.menu-opening-hours .bde-loop-item .opening-hours {
    padding-right: 10px;
}
.opening-hours {
    display: flex;
}
.main-menu-block {
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
.header-right-icon {
        align-items: flex-end !important;
    }
.menu-col-block .bde-loop-item{
	    padding: 0px!important;
}
.menu-col-block a:hover{
	    color: #000 !important;
}
.menu-hd-social-media{
	padding-left:10px;
}

.gift a, .reservation a{
	width:100%!important;
}

.social-media .bde-loop >div{
	border:none;
}
.social-media .bde-loop >div i{
	font-size:32px;
}
.social-media .bde-loop >div a:hover, .social-media .bde-loop >div a:hover i, footer .cont-footer-details a:hover{
	color: var(--bde-links-color)!important;
}
    
.social-media .bde-loop .bde-loop-item{
	    padding: 6px;gap: 0px;
}
.opening-hours{
	flex-direction:column;
}

/* Hide on desktop */
@media (min-width: 1119px) {
  .offcanvasmenu {
    display: none !important;
  }
}

/* Show on tablet & mobile */
@media (max-width: 1119px) {
  .offcanvasmenu {
    display: block;
  }
}



/* Even repeater items: reverse columns on desktop */
.eat-section .bde-loop-item:nth-child(even) .menu-columns {
  flex-direction: row-reverse;
}

/* Tablet portrait and below: reset to normal */
@media (max-width: 1119px) {
  .eat-section .bde-loop-item:nth-child(even) .menu-columns {
    flex-direction: column !important;
  }
}

.menu-columns {
  display: flex !important;
}

/* Equal whatson columns  */
.card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.card-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

 .card-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 24px !important;
}

 .card-title {
  margin-bottom: 16px !important;
}

 .card-text {
  margin-bottom: 16px !important;
}

 .card-button {
  margin-top: auto !important;
}
.card-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 3em !important;
}
.card-title-height {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 4em !important;
}

/* ---------------------------------------------------------------------------*/