/* ---------------------------------------- iframe / viewonly presentation view -- also view print.css and mmlogomaker.css */
/* iframe specific class:

.page-app.iframe

.page-app iframe no-download

*/
.page-app.iframe .site-content {
  /* not sure but scollbar appears with max width 100% below */
  overflow-x: hidden;
}
.page-app.iframe h2.bk {
  margin-top: 0;
}
.page-app.no-download .cta-pill.black {
  display: none !important;
}
.page-app.no-headline #logo-section{
  display: none !important;
}

.page-app.iframe .file-box.medium,
.page-app.iframe .file-box.small {
  /* frame around all boxes so theyre framed on white pages */
  border: 1px solid rgba(0,0,0,.2);
}
/* so placeholder text is not offsetting when small */
.page-app.iframe .story-content .headline,
.page-app.iframe .story-content .para.small {
  /* made text smaller */
  /* display: none; */
}
.page-app.iframe .container-fluid,
.page-app.iframe .container-lg,
.page-app.iframe .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 1200px) {
  .page-app.iframe .container,
  .page-app.iframe .container-lg,
  .page-app.iframe .container-md,
  .page-app.iframe .container-sm,
  .page-app.iframe .container-xl {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
 }
}
@media (min-width: 768px){
  .page-app.iframe .container,
  .page-app.iframe .container-md,
  .page-app.iframe .container-sm {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .page-app.iframe .container,
  .page-app.iframe .container-sm {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}