[data-custom-block="accommodation-tile-grid"] { background-color: var(--grey25); padding:50px 0 100px; } 
[data-custom-block="accommodation-tile-grid"] .heading { font-family: var(--secondaryFont); font-size:2.5rem; font-weight:400; text-align:center; margin-bottom:50px; } 

[data-custom-block="accommodation-tile-grid"] .block-wrapper { padding: 0px 40px; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type { grid-column:span 3; display:flex; justify-content: center; align-items: center; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-image { width:50%; height: 100%; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-image img { width:100%; height: 100%; object-fit: cover; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-wrapper { width:50%; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-wrapper .tile-content { max-width: 315px; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-wrapper .button-container { position: relative; bottom: unset; width: 100%;  }

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile { text-align: center; background-color: #fff; position: relative;} 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile img { width:100%; height: 100%; object-fit: cover;}

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper {padding-bottom: 45px; }
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .tile-content { padding:20px; font-size:17px } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .tile-content h3 { font-size:1.75rem; font-weight:500; font-family: var(--secondaryFont); margin-bottom:10px; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .button-container { position: absolute; bottom: 0px; width: 100%;  }
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .button-container .primary-button { margin-bottom:20px; margin-top: 0; } 

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-image { position: relative; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-image .label { position: absolute; top:20px; left:0; background-color: #000; color:#fff; padding: 5px 10px; font-family: var(--secondaryFont); font-size:1.75rem; font-weight:500; } 





@media screen and (max-width: 1060px) 
 {
[data-custom-block="accommodation-tile-grid"] .block-wrapper { padding: 0px; } 

 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:not(:first-of-type) { position: relative; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:not(:first-of-type) .tile-wrapper { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:not(:first-of-type) .tile-wrapper .tile-content { display: none; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:not(:first-of-type) .tile-wrapper .button-container .primary-button { margin-bottom:0px; margin-top: 0; } 

 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .tile-content h3 { font-size: 1.375rem; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-image .label { font-size: 1.25rem; padding: 3px 7px; top:0; } 
 }

@media screen and (max-width: 768px) 
 {
 [data-custom-block="accommodation-tile-grid"] .heading { font-size: 1.75rem; } 

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid { display:grid; grid-template-columns:1fr; gap:20px; } 

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type { grid-column: span 1; display:block; }
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-image { width:100%; height: 200px; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile:first-of-type .tile-wrapper {display: block;width:100%}

[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile { position: relative; } 
[data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-image { width:100%; height: 200px; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .tile-content { display: none; } 
 [data-custom-block="accommodation-tile-grid"] .block-wrapper .tile-grid .tile .tile-wrapper .button-container .primary-button { margin-bottom:0px; margin-top: 0; } 


}