/*
Theme Name: Knoydart Foundation Theme
Theme URI: 
Author: Calum Galbraith
Author URI: 
Description: A Custom block theme created for the Knoydart Foundation.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: knoydart-foundation-theme
Tags: 
*/



.wp-block-navigation-item {
  padding-bottom: 20px;
  margin-bottom: -11px;
}
/* Active link green underline */
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content {
    box-shadow: 0 30px 0 -9px #2C432E;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    box-shadow: 0 8px 0 -9px #2C432E;
}

.wp-block-navigation__responsive-container-open {
    margin-right: 32px !important;
}

.wp-block-search__button-only.wp-block-search__searchfield-hidden.wp-block-search__icon-button.wp-block-search {
    margin-top: -20px;
}

.custom-logo {
    z-index: 20;
    position:relative;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  border: none;
  z-index: 50;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2); 
}

.wp-block-navigation ul {
    margin-top: -15px;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container {
    left: auto;
    right: 0;
}

.wp-block-navigation .has-child {
    position: relative;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .has-child .wp-block-navigation__submenu-container {
    position: absolute;
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
}

.wp-block-navigation .wp-block-navigation-item {
    padding: 30px 0;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    margin-top: -20px;
    top: 100% !important;
    padding: 20px;
  }

  .wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
    padding: 12px;
   
  }
  

  .rounded-part-border {
    border-bottom: 2px solid #2C432E;
    border-right: 2px solid #2C432E;
    border-radius: 0 0 6px 0;
  }

.knoydart-header-img {

    background-color: #2C432E;
   mask-size: cover;
   mask-position: top center;
   mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   -webkit-mask-position: top center;
   -webkit-mask-repeat: no-repeat;

      -webkit-mask-image: url("https://knoydart.org/wp-content/uploads/2024/12/knoydart-header-simple.svg");
      mask-image: url("https://knoydart.org/wp-content/uploads/2024/12/knoydart-header-simple.svg");
  }
  

  .knoydart-page-header-cutout {
    position: relative;
    height: 150px;
    z-index: 12;
    background-color: #fff;
    mask-size: cover;
    mask-position: top center;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position: top center;
    -webkit-mask-repeat: no-repeat;
 
       -webkit-mask-image: url("https://knoydart.org/wp-content/uploads/2025/01/ladhar-beinn.svg");
       mask-image: url("https://knoydart.org/wp-content/uploads/2025/01/ladhar-beinn.svg");
  }

  .main-heading-thin {
    line-height: 0.3;
  }
  
  .main-heading-thick {
    line-height: 0.5;
    font-size: 6rem;
    margin-bottom: 64px !important;
    
  }
  
  .footer-img {
    background-color: #2C432E;
   mask-size: cover;
   mask-position: top center;
   mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   -webkit-mask-position: top center;
   -webkit-mask-repeat: no-repeat;

      -webkit-mask-image: url("https://knoydart.org/wp-content/uploads/2024/12/footer-1.svg");
      mask-image: url("https://knoydart.org/wp-content/uploads/2024/12/footer-1.svg");
    margin-bottom: -32px;
    margin-left: -2px;
    
  }

.neg-top-margin {
  margin-top: -50px;
}

.whats-on {
  width: 60%;
}

@media (max-width: 781px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block !important;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}

.main-header {
    padding: 0 12px;
}

.wp-container-core-group-is-layout-8.grid-five {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.neg-top-margin {
  margin-top: unset;
}
.wp-block-navigation__responsive-container .wp-block-navigation__container {
	align-items: flex-start;
	padding-left: 2rem;
}
.wp-block-navigation__responsive-container .wp-block-navigation-item {
	width: 100%;
}
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
	width: 100%;
}
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	padding-left: 1.5rem !important;
	box-shadow: none !important;
}
.wp-block-navigation__responsive-container .has-child .wp-block-navigation__submenu-container .has-child .wp-block-navigation__submenu-container {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	padding-left: 1.5rem !important;
}
}



@media (min-width: 884px) {
	
    .main-header {
        padding: 0;
    }
    .footer-img {
        margin-bottom: -16px;
    }
    .wp-container-core-group-is-layout-8.grid-five {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
 .whats-on-col {
  width: 100%;
 }   
}