/* Pogo */

div[data-pogo] { display: flex; flex-direction: column; justify-items: center; align-items: center; justify-content: center; }
div[data-pogo] iframe { margin-left: auto; margin-right: auto; }
div[data-pogo="main"], div[data-pogo="top"] { min-height: 110px; }
div[data-pogo="footer"] { min-height: 250px; margin: 20px auto; }
div[data-pogo="sidebar"] { display: flex; width: 300px; min-height: 250px; max-height: 600px; overflow: hidden; }

#stnext_top_rectangle { margin-bottom: 50px; }
#stnext_skyscraper { width: auto; min-width: 120px; max-width: 160px; overflow: hidden; }
#stnext_lowerboard, #results_stnext_lowerboard { margin-bottom: 10px; max-width: 728px; max-height: 90px; overflow: hidden; }
#stnext_bottom_rectangle, #stnext_top_rectangle, #results_stnext_300x250 { max-width: 300px; max-height: 250px; overflow: hidden; }
#stnext_leaderboard, #results_stnext_leaderboard { max-width: 728px; max-height: 90px; overflow: hidden; margin-left: auto; margin-right: auto; }
#stnext_footer { max-width:970px; max-height: 250px; overflow: hidden; }
#results_stnext_right_300x600 { max-width:300px; max-height: 600px; overflow: hidden; }

body.sthome #results_stnext_right_300x600, body.sthome #results_stnext_leaderboard, body.sthome #results_stnext_300x250, body.sthome #results_stnext_lowerboard { display: none; }
body.stshare #results_stnext_right_300x600, body.stshare #results_stnext_leaderboard, body.stshare #results_stnext_300x250,
body.stshare #stnext_lowerboard, body.stshare #stnext_bottom_rectangle { display: none; }
body.stresults #stnext_skyscraper, body.stresults #stnext_leaderboard, body.stresults #stnext_lowerboard,
body.stresults #stnext_top_rectangle, body.stresults #stnext_bottom_rectangle, body.stresults #st_mw_banner { display: none; }

body.content-page div.pure-u-custom-ad-skyscraper, body.content-page div.pure-u-custom-ad-rectangle, body.content-page div.top-placeholder,
body.content-page #stnext_lowerboard { display: none !important; }

body.sthome #st_mw_eot { display: none; }
#st_mw_banner { max-height: 100px; }
#st_mw_eot { min-height: 280px; }
body.pgDsbld div[data-pogo] { display: none !important; }

.layout-mobile .result-area.result-area-ad { height: 280px; overflow: hidden; margin-bottom: 15px; }

body.layout-mobile div.pre-fold { min-height: calc(100dvh - 10rem); }
body.layout-mobile.stresults div.pre-fold { min-height: calc(100dvh - 6rem); }
body.layout-mobile .mobile-test-complete .result-area-connection { position: relative; }

div.pure-u-custom-ad-rectangle.u-c { position: relative; }
div.pgPrimis { border-radius: 2px; overflow: hidden; max-width: 300px; }
div.pgOts { border-radius: 2px; overflow: hidden; max-width: 404px; }
div.pgOts .VProgress { background-color: #1cbfff; }
div[data-pogo="outstream"] .pgOts .VPUI > span, div.pgOtsScrl .pgOts .VPUI > span { font-size: 1.5rem; line-height: 1.5rem; }
body.noPgOts div[data-pogo="outstream"].pgOtsFxd, body.pgDsbld div[data-pogo="outstream"].pgOtsFxd, body.pgDsbld div[data-pogo] { display: none !important; }
div[data-pogo="outstream"].pgOtsScrl div.pgOts { position: fixed; bottom: 3em; right: 3em; overflow: visible; }

body.pgNoFtr #stnext_footer, body.pgNoFtr div[data-pogo="outstream"] { display: none !important; }
body.pgNoFtr footer.footer { min-height: 0 !important; }

@media (min-width: 768px) {
  body.stshare #results_stnext_300x250 { display: flex; }
  #results_stnext_300x250 { min-width: 300px; min-height: 250px; }
  footer.footer { min-height: 380px; }
  div[data-pogo="outstream"] { display: none; right: unset; left: unset; top: unset; bottom: 28px; width: 80vw; max-width: 300px; aspect-ratio: 16/9; margin-top: 2rem; }
  body.stresults div[data-pogo="outstream"], body.stshare div[data-pogo="outstream"] { display: block; }
  #results_stnext_right_300x600 { min-height: 600px; margin-bottom: 1rem; }

}

div.pure-u-custom-ad-skyscraper { display: none; }
body.stresults .lowerboard-placeholder, body.stshare .lowerboard-placeholder { height: 0; }

@media (min-width: 480px) and (max-width: 979px) {
  #stnext_footer { display: none; }
  .lowerboard-placeholder { min-height: 300px; }
}

@media (min-width: 768px) and (max-width: 979px) {
  div.pure-u-custom-ad-rectangle.u-c { width: 100%; padding-left: 0; padding-right: 0; }
  div.ads-column.ads-right { display: flex; justify-content: space-evenly; align-items: baseline; }
}

@media (min-width: 980px) and (max-width: 1279px) {
  div.pure-u-custom-ad-rectangle.u-c { padding-left: 0; padding-right: 0; }
  div.pure-u-custom-speedtest.MuiBox-root { max-width: 730px; }
}

@media (min-width: 980px) and (max-width: 1080px) {
  div.pure-u-custom-ad-rectangle.u-c { padding: 115px 0px 90px 0px; }
  div.pure-u-custom-speedtest.MuiBox-root { max-width: 640px; }
}


@media (min-width: 1024px) {
  /*.pure-g.MuiBox-root.css-0 { display: grid; grid-template-columns: 1fr 340px; } */
}

@media (min-width: 1280px) {
  .pure-g.MuiBox-root.css-0 { display: flex; }
  .pure-u-custom-ad-skyscraper { display: block; }
  #stnext_lowerboard, #results_stnext_lowerboard { width: 970px; margin-left: -103px; margin-bottom: 10px; margin-left: auto; }
  #stnext_footer { width: 970px; position: relative; display: flex; left: -73px; }
  div.pure-u-custom-ad-skyscraper { display: flex; justify-content: flex-end; }
  body.stshare div.pure-u-custom-ad-skyscraper, body.stresults div.pure-u-custom-ad-skyscraper { display: none; }

}

@media (min-width: 1440px) {
  div.container { }
  div.pure-u-custom-ad-skyscraper { display: flex; justify-content: flex-end; }
  div[data-pogo="outstream"] { max-width: 404px; }
  body.stshare div.pure-u-custom-ad-skyscraper, body.stresults div.pure-u-custom-ad-skyscraper { display: flex; }


}
