/*
Theme Name:   UNYA01
Theme URI:    http://unya.bc.ca/twenty-twenty-four-child/
Description:  A child theme of Twenty Twenty-Four for UNYA.
Author:       Pete Gray
Author URI:   http://unya.bc.ca
Template:     twentytwentyfour
Version:      1.0
*/

.wp-block-navigation__responsive-close .wp-block-navigation a {
    font-size: 0.85em !important;
}

/* Force Twenty Twenty-Four submenus to open to the right 
.wp-block-navigation__submenu-container {
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
}*/

/* Moves fly-out menus from the left to the right */
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: 100% !important;
    right: auto !important;
    top: 0 !important;
}


.wp-block-navigation__responsive-container-open svg {
  width: 60px !important;
  height: 60px !important;
  
}

.wp-block-navigation__responsive-container-open {
  padding-left: 144px !important;
}

@media screen and (max-width: 1300px) {
.wp-block-navigation__responsive-close .wp-block-navigation a {
    font-size: 0.85em !important;
    padding: 0 10px 0 10px !important;
}
.alignwide {
   /* padding: 0 2% 0 2% !important; */
   /*width: 110% !important;*/
}
}


@media screen and (max-width: 1240px) {
  /* Hide the full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
  /* Display the mobile menu hamburger button */
  .wp-block-navigation__responsive-container-open {
    display: block !important;
 
  }
.wp-block-navigation__responsive-container-open svg {
  width: 60px !important;
  height: 60px !important;
  
}

.wp-block-navigation__responsive-container-open {
  padding-left: 288px !important;
}
 .wp-block-navigation__responsive-close .wp-block-navigation a {
    font-size: 1.25em !important;
    padding: 12px 0 12px 0 !important;
  }
}

@media (max-width: 840px) {

.wp-block-site-logo {
    padding-top: 24px !important;
}
.wp-block-navigation__responsive-container-open {
  padding-left: 144px !important;
}
}


@media (max-width: 600px) {
    .wp-block-navigation__responsive-container-open {
    padding-left: 1px !important;
    }
 }