/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 @media screen and (max-width: 768px) {
   .slf_iframewrapper {
      min-height: 600px;
      padding-top: 56.25%;
    }
 }

 @media screen and (min-width: 769px) {
  .slf_iframewrapper {
    min-height: 550px;
    max-height: 550px;
  }
 }

 /* @media screen and (min-width: 768px) {
  .slf_iframewrapper,
  .slf_iframewrapper img {
    max-height: 460px;
  }
 } */
 

 .slf_iframewrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
 }

 .slf_iframewrapper iframe, 
 .slf_iframewrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }

 .slf_iframewrapper img {
   object-fit: cover;
 }


 

 .slf_iframewrapper:not(.playing) span {
   content: "Play now";
   position: absolute;
   display: block;
   width: 180px;
   font-size: 24px;
   background-color: #f06428;
   color: white;
   text-shadow: 1px 1px 1px #555;
   font-weight: 700;
   text-align: center;
   bottom: 60px;
   left: calc(50% - 180px / 2);
   z-index: 10;
   text-transform: uppercase;
   padding: 12px 24px;
   border-radius: 8px;
   cursor: pointer;
   transition: transform 0.2s ease-in-out;
 }

 .slf_iframewrapper:not(.playing) span:hover {
   transform: scale(1.1);
 }

 .single.single-free_casino_games main .col-md-8 {
  padding: 0;
 }