/*
 * Chinmaya Mission Seattle - site-wide custom CSS
 *
 * This file is loaded by:
 * /wp-content/mu-plugins/chinmaya-site-customizations.php
 *
 * It is intentionally independent of the active WordPress theme.
 * Back up/version-control this file before significant edits.
 */

/*
 * Chinmaya Mission Seattle - site-wide custom CSS
 */

.wrap {
    max-width: 100%;
}
@media screen and (min-width: 48em) {
    .wrap {
        max-width: 100%;
    }
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
    max-width: 100%;
}

@media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap {
        max-width: 100%;
    }
}
.navigation-top .wrap {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 48em) {
    .navigation-top .wrap {
        max-width: 100%;
        padding: 0;
    }
}
.page .entry-header {
    display: none;
}
/* Default styles (Applies to all screen sizes) */
.custom-header {
    width: 100%;
    background-size: cover;
    background-position: center;
}
/* Desktop screens */
@media screen and (min-width: 48em) {
    .custom-header {
        height: 23vh; /* You can fine-tune this */
    }
}
/* Tablet screens */
@media screen and (max-width: 48em) and (min-width: 30em) {
    .custom-header {
        height: 16vh; /* Adjust for tablets */
    }
}

/* Target iPad Air in portrait mode */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .custom-header {
        height: 10vh; /* Adjust as needed */
    }
}
/* Target iPad Air in landscape mode */
@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .custom-header {
        height: 20vh; /* Adjust as needed */
    }
}
/* Mobile screens */
@media screen and (max-width: 30em) {
    .custom-header {
        height: 6.5vh; /* Ensuring readability */
    }
}
#content {
  margin-top: 10px !important;   /* or 1rem */
  padding-top: 10px !important;
}
}