/** dont display banner on reservations page **/
.page-node-71  .dialog-off-canvas-main-canvas .clearfix.banner.region--dark-typography.region--gray-background.region--no-block-paddings.region--no-paddings {
  display: none;
}
.page-node-71  .main-content__section {
  padding-top: 10px;
}

/** zoom image on hover,  https://www.geeksforgeeks.org/how-to-zoom-an-image-on-mouse-hover-using-css/ **/
    .zoomonhoverimg {
        width: 300px;
        height: 300px;
        overflow: hidden;
        margin: 0 auto;
    }
       
    .zoomonhoverimg img {
        width: 100%;
        transition: 0.5s all ease-in-out;
    }
       
    .zoomonhoverimg:hover img {
        transform: scale(1.5);
    }
    
/** modify sepia on hover **/
.hoversepia:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
}
/** modify saturation on hover **/
.hoversaturate:hover {filter: saturate(250%); }

/** modify opacity on hover **/
.hoveropacity50:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  filter: saturate(200%); 
}