/* Theme Name:   VAA-Toolkit
Template:     twentytwentyfive
Version:      0.0.2
Text Domain:  vaa-toolkit */



.has-noto-sans-font-family{
    font-size:18px !important;
    line-height:1.5 !important;
}


h2 {
    margin-bottom: 12px;
    font-family: 'Rubik';
}



.has-global-padding > .alignfull {
    margin-block-start: 0;
}

/*Nav Menu/Header*/



.wp-block-navigation__responsive-container{
    background:#6A334D !important;
}


.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item__content:active {
    outline: none;
    box-shadow: none;
}



@media (max-width: 600px) { /* mobile only */
    .wp-block-navigation__responsive-container-content::before {
        content: "";
        display: block;
        width: 170px; 
        height: 60px; 
        margin: 0 auto 20px; 
        background-image: url('https://vaatoolkit.forestrycouncil.ca/wp-content/uploads/2026/03/VAAToolkit-logo.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    /* Make the logo clickable to go home */
    .wp-block-navigation__responsive-container-content::before {
        pointer-events: auto;
    }

}


/*Global*/

.vaa-logo a{
    width:200px;
}

header{
    margin-top:0px;
}


/* Remove the click/focus border on Kadence Advanced Button */
.wp-block-kadence-advancedbtn .kb-button , .wp-block-kadence-advancedbtn .kb-button , a{
    outline: none !important;

}

/* Specifically remove focus/active state */
.wp-block-kadence-advancedbtn .kb-button:focus,
.wp-block-kadence-advancedbtn .kb-button:active , a:focus, a:active {
    outline: none !important;

}


/*Desktop*/



@media (min-width: 600px) {

.wp-block-template-part.sticky {
    background-color: #6A334D; 
}

.home .wp-block-template-part {
    background: linear-gradient(180deg, rgba(26, 60, 52, 0.90) 0%, rgba(26, 60, 52, 0.00) 100%);

}

.home .wp-block-template-part.sticky {
    background: #6A334D !important; /* solid color on scroll */
}

.home header {
    position: fixed;
    width: 100%;
}

body:not(.home) header {
    background: #6A334D;
    position: fixed;
    width: 100%;
}

header {
    position: sticky;
    z-index: 100;
}

header.sticky {
    left: 0;
    width: 100%;
}

header.sticky > div {
    padding-top: 0;
    padding-bottom: 0;
}

body:not(.home) .entry-content{
    margin-top:40px;
}

body:not(.home) .custom-sidebar{
    margin-top:40px;
}

}


/*Mobile*/

@media (max-width: 600px) {

    /*.has-modal-open .wp-block-navigation__responsive-close {*/
    /*    width: 100vw;*/
    /*    max-width: 100vw;*/
    /*}*/
    
    
    header{
        background:#6a334d !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        gap: 0;
    }

    .wp-block-navigation__responsive-dialog {
        background: #6A334D;

    }

    ul.wp-block-navigation__container {
        width: 100%;
        border-top: 1px solid white;
    }

    .wp-block-navigation-link {
        width: 100%;
    }

    .wp-block-navigation-link a {
        width: 100%;
        padding: 16px 0px !important;
        border-bottom: 1px solid white;
        background: #6A334D;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: white !important;
    }

    .wp-block-navigation-link a:hover,
    .wp-block-navigation-link a:focus-visible {
        background: #6A334D;
        color: white !important;
        text-decoration: none;
    }

    .wp-block-navigation__responsive-container-close {
        right: 14px;
        top: 14px;
        color:white;
    }
}


/*Body Content fix*/


body:not(.home) .entry-content{
   padding-left: 0;
    padding-right: 0; 
}



.img-container img{

}



/*Background SVG*/


.row-svg-bg {
 background-position: right 24% !important;
}


.tenure-video{
    width:100%;
    max-width:800px;
    margin:auto;
  
}



.wp-block-post-title{
    display:none;
}


.about-the-artist .wp-block-accordion-heading__toggle-icon{
    display:none !important;
}


.about-the-artist a:hover{
    text-decoration:none !important;
}

.about-the-artist .wp-block-accordion-item{
    border-bottom:none !important;
}

.about-the-artist .wp-block-accordion-heading__toggle-title{
    text-decoration:none !important;
}


.about-the-artist .wp-block-accordion-heading__toggle-title::after {

    background-image: url("https://vaatoolkit.forestrycouncil.ca/wp-content/uploads/2026/03/downupicon-peach.svg");

}


.toolkit-link h3{
    border:2px solid #f4d2b3;
    text-align:center;
    padding:15px;
}

.toolkit-link p{
    text-align:center;
}

.toolkit-link h3:hover{
    color:#f4d2b3 !important;
}


.toolkit-link.about-artist{
    width:50%;
}


@media (max-width: 767px){
    .toolkit-link.about-artist{
    width:100%;
}
}

/* Icon list layout HOME */

.icon-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1100px;
  margin: 25px auto 0;
}

.icon-list-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.icon-list-item img {
  width: 55px;
  height: auto;
  margin-top: 4px;
}

.icon-text {
  display: flex;
  flex-direction: column;
}

.icon-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}

.icon-desc {
  color: #ffffff;
  font-size: 17px;
  margin-top: 4px;
  opacity: 0.9;
}

/* Mobile */

@media (max-width: 700px) {
  .icon-list {
    grid-template-columns: 1fr;
  }
}




/*Dropdown Lesson Icons*/


.icon-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width:800px;
  margin-top:25px !important;
  margin:auto;
}

.icon-grid-3 .icon-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon-grid-3 .icon-item img {
  width: 40px;
  height: auto;
}

.icon-grid-3 .icon-item span {
  color: #6d4e40;
  font-size:17px;
}



/* Mobile */
@media (max-width: 900px) {
  .icon-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  
.icon-grid-3 .icon-item {
    display: flex;
    justify-content:flex-start;
    align-items: flex-start;
    text-align:left;
    gap: 10px;
}
  
}


/* Mobile */
@media (max-width: 530px) {
  .icon-grid-3 {
    grid-template-columns: 100%;
  }
  
.icon-grid-3 .icon-item {
    display: flex;
flex-direction: row;
    align-items: center !important;
    text-align:left;
    gap: 10px;
}
  
}




/*Sidebar*/


.custom-sidebar figure{
    width:75%;
    margin:auto;
}


/* Hide all non-relevant module images per post */
.postid-597 .module-2-img,
.postid-597 .module-3-img,
.postid-597 .module-4-img,
.postid-827 .module-1-img,
.postid-827 .module-3-img,
.postid-827 .module-4-img,
.postid-611 .module-1-img,
.postid-611 .module-2-img,
.postid-611 .module-4-img,
.postid-833 .module-1-img,
.postid-833 .module-2-img,
.postid-833 .module-3-img {
    display: none;
}


/*About toolkit & artist post*/

.postid-1124 .module-1-img , .postid-1124 .module-2-img, .postid-1124 .module-3-img, .postid-1124 .module-4-img{
    display:none;
}



.toolkit-sidebar-title{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold !important;
    text-transform:uppercase !important;
    padding:10px;
}

.vaa-sidebar-group{
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding:10px;
}



.wp-block-post-template.is-layout-flow {
  counter-reset: lesson-counter;
  list-style: none;
  margin-top:0;

}

.wp-block-post-template.is-layout-flow li.wp-block-post {
  counter-increment: lesson-counter;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  transition: background-color 0.2s ease;
}

.wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: 100%;
}

.wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links a {
  text-decoration: none;
  color: inherit;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 11px 20px;
  line-height:1.3;
}


.wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links a:hover{
    background:#f4d2b3;
}

.wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links a::after {
  content: " " counter(lesson-counter) " of 5";
  font-weight: normal;
  color: #555;
  margin-left: 0.5em;
  white-space: nowrap;
}

.wp-block-post-template.is-layout-flow li.wp-block-post:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

@media(max-width:768px) {
    
    .vaa-sidebar-group{
        
        margin-bottom:60px !important;
    }
    
    
  .wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links {
    flex-direction: column;
    align-items: flex-start;
  }
  .wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links a::after {
    margin-left: 0;
    margin-top: 0.2em;
  }
  
  .wp-block-post-template.is-layout-flow li.wp-block-post h2.module-links a{
    padding: 6px 0px;
  }
  
  .toolkit-sidebar-title{
      padding-left:0;
  }
  
}


/* Icon List HOME */

/*.icon-list {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(3, 1fr);*/
/*  gap: 10px;*/
/*  max-width: 800px;*/
/*  margin: 25px auto 0;*/
/*}*/

/*.icon-list-item {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 12px;*/
/*}*/

/*.icon-list-item img {*/
/*  width: 40px;*/
/*  height: auto;*/
/*}*/

/*.icon-list-item span {*/
/*  color: #ffffff;*/
/*  font-size: 16px;*/
/*  font-weight: 400;*/
/*  line-height: normal;*/
/*}*/

/* Tablet / Mobile */
/*@media (max-width: 800px) {*/
/*  .icon-list {*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*  }*/
/*}*/

/* Small phones */
/*@media (max-width: 450px) {*/
/*  .icon-list-item {*/
/*    flex-direction: column;*/
/*    text-align: center;*/
/*  }*/
/*}*/




.wp-block-accordion-item {
        transition: grid-template-rows .3s ease-out;
        border-bottom: 1px solid;
        padding-bottom: 9px;
        margin: 11px !important;
        color: #D7DAD8;
    }


/*Toggle Icon*/

.wp-block-accordion-heading__toggle-title {
    position: relative;
    padding-right: 30px;
}

.wp-block-accordion-heading__toggle-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url("https://vaatoolkit.forestrycouncil.ca/wp-content/uploads/2026/03/downupicon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%) rotate(180deg); /* start pointing down */
    transition: transform 0.2s ease;
}

/* when accordion is open */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title::after {
    transform: translateY(-50%) rotate(0deg); /* point up */
}



.wp-block-navigation__container {
    gap: 20px;
}

@media (min-width: 1000px) {
    .wp-block-navigation__container {
        gap: 48px;
    }
}

nav a {
    text-transform: uppercase;
}

nav a:hover,
nav a:focus-visible {
    color: #F1DEAF !important;
    text-decoration: none;
}



@media (max-width: 599px) {

}

/**  buttons and links **/

.white-link a {
    color: #fff !important;
}

.white-link a:hover,
.white-link a:focus-visible {
    color: #F1DEAF !important;
}

.kb-button.kb-btn-global-fill {
    background-color: var(--global-palette1);
    border-radius: 0px;
    padding: 12px 24px;
    min-width: 218px;
}

.kb-button.kb-btn-global-fill:hover {
    background-color: var(--global-palette2);
}



/** footer **/

footer{
    margin-top:0px;
}


/** Home page **/

.hero>div {
    background: linear-gradient(0deg, #25211F 252px, rgba(37, 33, 31, 0.00) 511px);
}

@media (max-width: 599px) {
    .hero>div {
        background: linear-gradient(0deg, #25211F 30%, rgba(37, 33, 31, 0.00) 44%)
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

ul {
    margin: 0.5rem 0;
}

ul.wp-block-list {
    padding-left: 16px;
    margin-left: 8px;
}

ul.wp-block-list li {
    position: relative;
    line-height: 1.56;
}

ul.wp-block-list li::marker,
ul.wp-block-list li::-webkit-details-marker {
    content: none;
    color: transparent;
}

ul.wp-block-list li::before {
    content: "";
    border-radius: 50%;
    background: #000;
    display: block;
    position: absolute;
    left: -14px;
    width: 4px;
    height: 4px;
    top: 12px;
}

p {
    margin: 0.5rem 0;
}

.module-buttons .kb-button {
    padding: 12px 0;
}

.figcaption-white {
    color: #fff;
    text-align: center;
}

#contact-form input,
#contact-form textarea,
#contact-form select {
    border: 1px solid white !important;
    background-color: #5F7771;
    color: white !important;
    width: -webkit-fill-available;
    font-size:16px;
    margin-bottom: 9px;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
    color: white !important;
     font-size:16px;
}

.wp-block-create-block-contact-form-bcfnfc #contact-form button,
.wp-block-create-block-contact-form-bcfnfc #contact-form button:focus {
    background-color: #FFFDF3;
    border-radius: 5px;
    padding: 12px 24px;
    min-width: 218px;
    color: #192E28;
    text-align: center;
    font-weight:800;
    font-size:17px;
    border:none;
}

.wp-block-create-block-contact-form-bcfnfc #contact-form button:hover,
.wp-block-create-block-contact-form-bcfnfc #contact-form button:focus-visible {
    background-color: #e8a76b;
    color: #192E28;
}


/*Hidden Elements for Mobile*/

@media(max-width:780px) {

}



/*Footer*/

.home .footer-nav-group{
    display:none;
}

@media (max-width: 781px){
    
        .module-1-img , .module-2-img ,.module-3-img ,.module-4-img{
        display:none;
    }
    
    .vaa-sidebar-group {
        
    }

.footer-nav-group .kt-inside-inner-col{
    width: 95%;
    margin: auto;
}

.footer-nav-group .kt-inside-inner-col a{
    font-size:19px !important;
}

}