/*
Theme Name: Generations at Work	
Author: Davor
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.1
Version: 1.0.1
Text Domain: paths
*/


/**
 * Reset
 */

 * {
  box-sizing: border-box;
 }

 /**
  * Defaults
  */

a {
  text-underline-offset: 5px;
}


/* HEADER */
.site-header {
  position: relative;
}

/* SINGLE */

.single-post-title {
  text-wrap: pretty;
}

.single-meta a {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: var(--wp--preset--color--primary) !important;
}


/**
 * CF7
 */ 

 .wpcf7 :is(input[type=text], input[type=email], input[type=tel], textarea),
 .footer-newsletter-form input[type=email] {
  padding: 1em;
  font-size: 1rem;
  width: 100%;
  margin-top: .5em;
 }

 .wpcf7-submit,
 .footer-newsletter-form input[type=submit] {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  cursor: pointer;
  font-size: 1rem;
  border-radius: 5px; 
  padding: 1em 1.5em;
  font-weight: 600;
}


 .footer-newsletter-form p {
  margin: 0;
 }

 .footer-newsletter-form input[type=email] {
   margin-top: 0;
   border: 1px solid #CEB1BE;
   border-radius: 5px;
 }

 .footer-newsletter-form .wpcf7-not-valid-tip {
  position: absolute;
 }
  
  .footer-newsletter-form .wpcf7-spinner:empty  {
    display: none;
  }

  .wpcf7-response-output {
    background-color: white;
    text-align: center;
  }



  
.footer-newsletter-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}



/* mobile menu breakpoints */
/* copy of wp default css to a 1000px media query */
@media (min-width: 1100px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
      width: 100%;
      position: relative;
      z-index: auto;
      background-color: inherit;
  }

}

@media (max-width: 1099px) {

  .navigation-row {
    flex-direction: row-reverse;
    gap: 0.5em !important;
  }

  .wp-block-navigation__responsive-container {
    padding: 2.5em 2em !important;
  }

  .wp-block-navigation__responsive-container .wp-block-search  {
    width: 100%;
  }
  
  .wp-block-navigation__responsive-container .wp-block-search__inside-wrapper  {
    border-left: none;
    border-right: none;
    border-top: none;
  }

  .header-search-block {
    margin-bottom: 1em;
  }

  .header-social-icons-block {
    margin-top: 1em !important;
  }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
  }
}


/* LAYOUT */

@media (min-width: 782px) {
  .home-hero {
    position: relative;
    overflow: hidden;
  }

  .home-hero-image {
    position: absolute;
    max-width: 1100px;
  }
}


@media (max-width: 781px) {

  /* logo */
  .wp-block-site-logo {
    max-width: 200px;
  }

  /* home */
  .home-hero-col-1 {
    border-right: none;
    padding-bottom: 0 !important;
  }

  .home-hero-image {
    margin-left:  calc(-1 * var(--wp--preset--spacing--30));
    margin-right: calc(-1 * var(--wp--preset--spacing--30));
  }


  .home-col-1,
  .home-col-2,
  .home-col-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-col-2 {
    border-left: none;
    border-right: none;
    border-top: 1px solid var(--wp--preset--color--tertiary);
    border-bottom: 1px solid var(--wp--preset--color--tertiary);
    padding-top: var(--wp--preset--spacing--40);
    padding-bottom: var(--wp--preset--spacing--40);
  }
  

  /* archives */
  .archive-col-1 {
    border-right: none !important;
    padding-right: 0 !important;
  }

  .archive-col-2 {
    padding-left: 0 !important;
  }

}

@media (max-width: 600px) {
    /* footer */
    .newsletter-icon {
      display: none !important;
    }
    .newsletter-text {
      border-left: none;
      padding-left: 0 !important;
    }
  
}


@media (min-width: 601px) and (max-width: 781px) {
  .home-posts-query .wp-block-post-template {
    grid-template-columns: 1fr 1fr;
  }
}


/* BLOCKS */

@media (min-width: 1000px) {
  .wp-block-quote {
    margin-left: -3rem;
    margin-right: -3em;
  }
  
}

/* buttons */
.wp-block-button__link,
.wpcf7-submit,
.wp-block-query-pagination a {
  transition: opacity .2s;
}

.wp-block-button__link:hover,
.wpcf7-submit:hover,
.wp-block-query-pagination a:hover,
.footer-newsletter-form input[type=submit]:hover { 
  opacity: 0.8;
}




/* navigation */
.wp-block-navigation a {
  transition: color .1s;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open  {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.wp-block-navigation__responsive-container-close {
  background-color: var(--wp--preset--color--secondary);
  border-radius: 50%;
}


footer .wp-block-navigation a:hover {
  text-decoration: underline;
}


/* featured image */
.wp-block-post-featured-image {
  position: relative;
  overflow: hidden;
}

.wp-block-post-featured-image a:before {
  transition: all .5s;
  content: '';
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  inset: 0;
}

.wp-block-post-featured-image a:hover:before {
  background-color: rgba(255, 255, 255, .2);
}