/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* YouTube responsive
   Hook Located in Appearance > Elements */

.yt-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.yt-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Remove gaps btw post image, title, and cat tags */

.post-image-above-header .post .inside-article .post-image {
    margin-bottom: 0;
}

.entry-summary {
  display: none;
}

footer.entry-meta {
  margin-top: 1em;
}

/* Remove icon from cats list */  

.icon-categories {
  display: none;
}

/* Make category tags into buttons */

.entry-meta a {
  text-decoration: none;
  background-color: #ff9582;
  color: #ffffff;
  padding: 1px 6px 2px 6px;
  border-radius: 4px;
}

.entry-meta a:hover {
  text-decoration: none;
  background-color: #ffa888;
  color: #ffffff;
  padding: 1px 6px 2px 6px;
  border-radius: 4px;
}

/* Single Post Prev/Next navigation */

.post-navigation .nav-next a {
  background-color: #ff4757;
}

.post-navigation .nav-previous a {
  background-color: #ff4757;
}

.post-navigation .nav-next a:hover {
  background-color: #ff6b81;
}

.post-navigation .nav-previous a:hover {
  background-color: #ff6b81;
}


/* Single post page previous & next navigation */

.site-main .post-navigation {
    margin-top: 2em;
}

/* Archive page thumbnail animation on hover-over */

.post-image {
  position: relative;
  transition: transform 0.3s ease;
  transform: translateY(0px);
}

.post-image img {
  left: 8px;
  top: 30px;
  z-index: 99;
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
}

.post-image:hover {
 transform: translateY(-5px);
}

.post-image:hover img {
  opacity: 0.7;
}

/* Links */

.entry-title a:hover {
    text-decoration: underline;
}

/* Headers */

.page-title {
  text-align: center;
}

.subhead-bar {
 color: #ffffff;
 background-color: #ced6e0;
 text-align: center;
 padding-top: 0.25em;
 padding-bottom: 0.25em;
 letter-spacing: 0.1em;
}

.blog-title {
 text-align: center;
 padding-top: 0.5em;
 padding-bottom: 0em;
 letter-spacing: 0.1em;
 font-size: 2em;
}

/* Hide Recaptcha badge */

.grecaptcha-badge { 
    visibility: hidden;
}

/* Recipe category list styling. Code hook in Appearnace > Elements */

ul.categorylist { margin: 9px 0px 0px 0px; border: 5px solid #747d8c; }
ul.categorylist li { list-style: none; margin: 0px; padding: 0px; }
ul.categorylist li a { display: block; padding: 10px; background-color: #a4b0be; border-bottom: 1px solid #747d8c; color: #2f3542; text-decoration: none; }
ul.categorylist li a:hover { background-color: #dfe4ea; border-bottom: 1px solid #747d8c; text-decoration: none; }	

/* Site Title zoom on hover, footer icons zoom on hover */

.main-title,
.wp-block-image,
.site-logo {
  transform-origin: 50% 50%;
  transition: transform 0.5s, filter 1s ease-in-out;
}

.main-title:hover,
.wp-block-image:hover,
.site-logo:hover {
  transform: scale(1.2);
}

/* Menu animation on hover over */

.menu-item {
  transform-origin: 50% 50%;
  transition: transform 0.3s, filter 1s ease-in-out;
}

.menu-item:hover {
 transform: translateY(-2px);
}