/* Disable Grid and Force Full Visibility for Mobile */
@media (max-width: 767px) {
    .col-container.col-media-container {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
    }
    
    .col-container.col-media-container .col-single {
        display: block !important;
        width: 100% !important;
        float: none !important;
        visibility: visible !important;
    }

    .media-render.file,
    .media-render.file a,
    .media-render.file img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 9999 !important;
        /* Force image to ignore lazy-loading */
        content-visibility: visible !important;
    }
}

/* Hide Freedom Theme Header and Reset Padding in Landscape */
@media screen and (orientation: landscape) and (max-height: 600px) {
  /* Hide the entire header container */
  header.main-header {
    display: none !important;
  }
  
  /* Remove the massive blank space the theme leaves behind */
  body {
    padding-top: 0 !important;
  }
}