/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/* remove text decoration from links */
footer a {
  text-decoration: none;
}

/* add on hover effect to button */
.get-in-touch-button .has-custom-light-blue-background-color:hover{
  background-color: var(--wp--preset--color--custom-white) !important;
  color: var(--wp--preset--color--custom-light-blue);
}

/* Main menu formatting and alternatiting colours */
.wp-block-navigation li:nth-child(even) a {
  color: var(--wp--preset--color--custom-dark-blue) !important;
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
  padding: 0;
}

/* banner text positioning*/
.blue-header, .cover-header{
  position: relative;
}
.main-title-ja{
  position: absolute;
  bottom: -50px;
  left: -2px;
}

.main-title-pt{
  position: absolute;
  top: -34px;
  left: -5px
}

/* formatting for the details block/ accordian */
details{
  border-radius: 5px !important;
}
summary{
  padding: 10px;

}

/* wpforms heading and description overrides */
.wpforms-title{
  font-size: var(--wp--preset--font-size--large) !important;
}

.wpforms-description{
  font-size: var(--wp--preset--font-size--medium) !important;
  font-weight: 500 !important;
  padding-top: 10px !important;
}


@media (max-width: 1046px) {
  /* banner titles and 1046px breakpoint */
  .main-title-ja{
    font-size: 3.56em !important;
    bottom: -29px;
  }
  
  .main-title-pt{
    font-size: 2.46em !important;
    top: -20px;
  }

  /* column breakpoint to 1 column and image width */
  .wp-block-columns {
      flex-wrap: wrap !important;
      & > .wp-block-column {
        flex-basis: 100% !important;
      }
    }
    .wp-block-columns img{
      width: 100% !important;
    }

  /* Reverse the column order on mobile */
    .reverse-mobile {
        flex-direction: column-reverse;
    }
}

@media (max-width: 600px) {
  /* banner titles and 600px breakpoint */
  .main-title-ja{
    font-size: 1.79em !important;
    bottom: -14px;
  }
  
  .main-title-pt{
    font-size: 1.22em !important;
    top: -9px;
    left: -2px;
  }

  /* remove white border in the footer on mobile */
  .footer-row-border{
    border-right: 0 ;
  }
}


/* Reverse the column order on mobile */
@media (max-width: 768px) {
  .reverse-mobile {
      flex-direction: column-reverse;
  }
}

/* Remove unneeded padding from nav background colour */
 .wp-block-navigation{
    padding: 0 !important;
  }

/* Moves the anchor tag so that everthing fits on screen when link is clicked */
:target::before {
    content: "";
    display: block;
    height: 100px;
    margin-top: -50px;
  }

/* add logo to bottom right hand corner of all images on the site */

.wp-block-cover-logo{
  position: relative;
}

.wp-block-cover-logo::after {
  content: url('../images/jim_logo_small.png');
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
}

/* contact form padding */
.piano-enquiry-contact-form{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;

}

/* Message confirmation formatting */
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  color: var(--wp--preset--color--white);
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: var(--wp--preset--color--custom-light-blue);
  border: 0px;
}