/*   
Theme Name: Searchlight
Theme URI: none
Description: Custom Wordpress Theme for Searchlight Cyber
Author: Rooster Marketing
Author URI: https://www.roostermarketing.com
Version: 1
*/

/*
 * Ayu Mirage theme for HighlightJS
 * Based on https://github.com/dempfi/ayu
 */


/* @supports (display: grid) {
 section, .section {
  grid-template-columns: 1fr minmax(auto, 65.3em) 1fr;
  display: grid;
 }
} */
/* Default styles for all screens */

/* Desktop styles - keep the centered grid layout */
@media screen and (min-width: 992px) {
  @supports (display: grid) {

    section,
    .section {
      grid-template-columns: 1fr minmax(auto, 65.3em) 1fr;
      display: grid;
    }
  }
}

/* Mobile styles - override grid layout */
@media screen and (max-width: 991px) {

  section,
  .section {
    display: block !important;
    width: 100%;
  }

  #masthead .container.ph {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .site-branding,
  .main-navigation,
  .hamburger.menu-toggle {
    width: 100%;
  }

  .section.heading-main {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}