/* v1.1 */ .adslot { display: flex !important; flex-direction: column !important; /* justify-content: center !important; */ margin: auto !important; align-items: center !important; /* padding-bottom: 20px !important; */ } html[lang="fr"] .adslot:not(.sticky, .overlay, .catfish):before, html[lang="fr-ca"] .adslot:not(.sticky, .overlay, .catfish):before, html[lang="fr-fr"] .adslot:not(.sticky, .overlay, .catfish):before { content: "- Publicité -" !important; padding: 3px !important; text-transform: uppercase !important; font-size: 8px !important; color: #999 !important; font-weight: 600 !important; display: block !important; text-align: center !important; font-family: Arial, sans-serif; } html[lang="en"] .adslot:not(.sticky, .overlay, .catfish):before, html[lang="en-ca"] .adslot:not(.sticky, .overlay, .catfish):before { content: "- Advertising -" !important; padding: 3px !important; text-transform: uppercase !important; font-size: 8px !important; color: #999 !important; font-weight: 600 !important; display: block !important; text-align: center !important; font-family: Arial, sans-serif; } .adslot.box:last-of-type { position: sticky !important; top: 150px !important; } .adslot.box { min-height: 300px !important; } .adslot.boxonly { min-height: 300px !important; } #adslot_catfish { display: none !important; } @media only screen and (min-width: 1025px) { #adslot_videoplayer_1 { width: 480px !important; } .videoplayer { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; margin: 5px !important; padding-bottom: 10px !important; } .adslot.banner { min-height: 125px !important; } .adslot.banneronly { height: 125px !important; } #background_catfish { display: none; } #adslot_catfish_1 { display: none; } #fuel_adslot_catfish_1 { display: none; } #close-button { display: none; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { /* Put lastBox Stisky */ .adslot.box:last-of-type { position: sticky !important; top: 71px !important; } /* Put lastBoxOnly Stisky */ .adslot.boxonly:last-of-type { position: sticky !important; top: 71px !important; } #adslot_videoplayer_1 { width: 480px !important; } .videoplayer { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; margin: 5px !important; } #background_catfish { text-align: center; width: 100%; height: 91px; position: fixed; bottom: 1px; background-color: #fff; opacity: 0.7; z-index: 9998; } #adslot_catfish_1, #fuel_adslot_catfish_1 { position: fixed; bottom: 0px; background: none; width: 100%; height: 90px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; z-index: 99999; } #close-btn, #close-button { position: absolute; width: 28px; height: 28px; top: -28px; left: 0; color: black; background-size: 13px 13px; background-position: 9px; background-color: #fff; background-repeat: no-repeat; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2); border: none; border-radius: 0 12px 0 0; z-index: 199999; } } @media only screen and (max-width: 768px) { #adslot_videoplayer_1 { width: 100%; } .videoplayer { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; margin-top: 5px !important; margin-bottom: 5px !important; } .adslot.boxonly { padding-bottom: 10px !important; background-color: white !important; } .adslot { padding-top: 0px !important; } .adslot.banner { min-height: 100px !important; justify-content: center !important; } #background_catfish { text-align: center; width: 100%; height: 65px; position: fixed; bottom: -5px; left: 0px; background-color: #fff; opacity: 0.8; z-index: 9998; } #adslot_catfish_1, #fuel_adslot_catfish_1 { position: fixed; height: auto; bottom: 5px; left: -3px; background: none; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; z-index: 99999; } #close-btn, #close-button { position: absolute; width: 28px; height: 28px; top: -28px; left: 0; color: black; background-size: 13px 13px; background-position: 9px; background-color: #fff; background-repeat: no-repeat; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2); border: none; border-radius: 0 12px 0 0; z-index: 199999; } }