/*
Theme Name: Jump Rope Podcast
URI: https://jumpropepodcast.com
Author: IvyCat / Dizzy Skips
Author URI: https://ivycat.com
Description: A custom theme for jumpropepodcast.com, built with WordPress Full Site Editing features.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jumpropepodcast
Tags: full-site-editing, editor-style, block-styles, block-patterns
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.0
Stylesheet: style.css
Editor Stylesheet: style-editor.css
Theme Support: 
	- Full Site Editing
	- Block Styles
	- Block Patterns
	- Editor Styles
	- Custom Logo
	- Custom Header
	- Custom Background
	- Responsive Embeds
	- Wide Alignment
	- Editor Font Sizes
	- Editor Color Palette
Theme Support URI: https://wordpress.org/documentation/article/adding-theme-support/
Theme Tags: 
	- full-site-editing
	- editor-style
	- block-styles
	- block-patterns
*/

/* Styles intended only for the front.*/
html { scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h2, h3 {
  font-family: var(--wp--preset--font-family--anton);
  color: var(--wp--preset--color--jacarta);
}
main
  a:not(
    .wp-block-post-title a,
    .wp-block-post-excerpt__more-link,
    .wp-block-button__link.wp-element-button,
    .wp-block-navigation a,
    .custom-logo-link,
    .yarpp a,
    .wp-social-link a
  ) {
  border-bottom: 1px dotted;
  color: var(--wp--preset--color--monza);
}

main
  a:hover:not(
    .wp-block-post-title a,
    .wp-block-post-excerpt__more-link,
    .wp-block-button__link.wp-element-button
  ) {
  border-bottom: 1px solid;
}
.entry-content {
  padding-top: 0;
}

/**
 * Gravity Forms Custom Styles
 * Adjusts the appearance of Gravity Forms elements to match the theme's design.
 */
#gform_fields_1 {
  display: flex;
  column-gap: 0 !important;
}
#gform_submit_button_1 {
  background: var(--wp--preset--color--monza);
  height: 50px;
}
#input_1_1 {
  border-top-left-radius: 6.25rem;
  border-bottom-left-radius: 6.25rem;
  height: 50px;
}
#field_1_2 button {
  position: relative;
  width: 150px;
  border-top-right-radius: 6.25rem;
  border-bottom-right-radius: 6.25rem;
  background: var(--wp--preset--color--monza);
  height: 50px !important;
}
.form-disclaim {
  font-size: 1rem;
}

#field_1_1 {
  width: 225px;
}

@media (max-width: 781px) {
  body .footer-links {
    justify-self: center;
    --navigation-layout-align: center !important;
  }
}

/**
 * Styles for the navigation elements, including top navigation, footer navigation, and fine print navigation.
 * Ensures consistent appearance across different sections of the site.
 */
.top-nav a,
.footer-nav a,
.fine-print-nav a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.top-nav a:hover,
.footer-nav a:hover,
.fine-print-nav a:hover {
  border-bottom: 1px dotted;
}
.top-nav .current-menu-item a {
  border-bottom: 1px solid;
}

/**
 * Styles for the main content area, including post titles, excerpts, and featured images.
 * Ensures a clean and readable layout for blog posts.
 */
main .sponsors a {
  border-bottom: none !important;
}
.sponsors {
  justify-content: center;
}

.sponsor-logo {
  max-width: 170px !important;
}

/* .wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--monza);
  color: white;
  border: 0;
  padding: 10px 20px;
  text-decoration: none;
  font-family: var(--wp--preset--font-family--anton);
  border-radius: 100px;
}

.wp-block-post-excerpt__more-link:hover {
  background: #ad243b;
} */

.podcast-links a {
  border: none !important;
}


li.wp-block-post.category-episode div.post-list-group {
  padding: 1.5rem !important;
}

.wp-block-post-featured-image {
  border: 1px solid transparent !important;
  border-radius: 4px !important;
}
.home main.wp-block-group div.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.how-to-listen-cta a.wp-block-navigation-item__content {
    background: var(--wp--preset--color--wild-watermelon);
    border-radius: 100px;
    border: 1px solid transparent;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--inter);
    padding: 10px 20px !important;
  }

  .wp-block-latest-posts__list.wp-block-latest-posts li {
    padding: 0;
    margin: 0 0 1.5rem 0;
    list-style: none;
  }

  .wp-block-latest-posts__list .wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: .25rem;
  }
  .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
    font-family: var(--wp--preset--font-family--anton);
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
 /* make the nav + toggle wrapper a positioning context */
.header-nav-group {
  position: relative;
  display: flex;
  align-items: center;
}

/* container around the toggle + input */
.nav-search-wrapper {
  position: absolute;
  top: 50%;
  right: 1rem;           /* adjust gap from right edge */
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 10;           /* on top of nav items */
}

/* the search button */
button.wp-block-search__button.wp-element-button {
    background: var(--wp--preset--color--monza);
    border-radius: 100px;
    border: 1px solid transparent;
    color: var(--wp--preset--color--white);
    font-family: var(--wp--preset--font-family--inter);
    padding: 10px 20px;
}

input.wp-block-search__input {
    border-radius: 6px;
}

/* hide the search field initially and sit it flush to the right of the icon */
.search-form-container {
  position: absolute;
  top: 50%;
  right: 100%;            /* sit flush to the right of the toggle */
  transform: translateY(-50%);
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease;
  margin: 0;
  padding: 0;
}

/* when active, expand to show the input */
.search-form-container.active {
  width: 400px;          /* tweak to your desired width */
}

/* kill any default block margins/padding */
.search-form-container .wp-block-search,
.search-form-container .wp-block-search__inside-wrapper {
  margin: 0;
  padding: 0;
}

/* style the search input inside */
.search-form-container .wp-block-search__input {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  margin: 0;
}

.search-toggle{
  border: none;
  background: none;
}

/* YARRP Related Posts */

.yarpp-related a {
  border: none !important;
}

.yarpp-thumbnail > img, 
.yarpp-thumbnail-default {
  height: auto;
}

.yarpp-related h3 {
  font-family: var(--wp--preset--font-family--inter);
  font-size: var(--wp--preset--font-size--small) !important;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-transform: none;
}

.yarpp-thumbnails-horizontal {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  height: auto;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: var(--wp--preset--font-size--x-small) !important;

}
@media screen and (max-width: 407px) {
  .newsletter-block h2{
    font-size: 2.7rem !important;

  }
  .home-title{
    font-size: 4.3rem !important;
  }
}
@media screen and (max-width: 500px) {
  .newsletter-block #gform_fields_1{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .newsletter-block #field_1_1{
    width: 100%
  }
  .newsletter-block #field_1_2 div{
    display: flex;
    justify-content: center;
  }
  .newsletter-block #field_1_2 div button{
    display: flex;
    justify-content: center;
    border-radius: 6.25rem;
  }
  .newsletter-block #input_1_1{
    border-radius: 6.25rem;
  }
  .newsletter-block{
    background-image: none !important;
  }

  .wp-block-navigation__responsive-dialog{
    margin-right: 25px;
  }

  .search-form-container.active {
  width: 290px;          /* tweak to your desired width */
  }
}
@media screen and (max-width: 781px){
  .footer-newsletter h2, .footer-newsletter p{
    text-align: center;
  }
  .footer-newsletter div{
    display: flex;
    justify-content: center;
  }
  .footer-newsletter #gform_1{
    width: 90%;
  }
}
@media screen and (min-width: 643px) and (max-width: 830px){
  .search-icon-place{
    margin-right: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 642px){
#modal-1-content ul{
  gap: 1.4rem;
}
.search-icon-place{
  margin-right: 10px;
}
}

/* Styles for the home hero */
.home-hero {
  background-size: 20% !important;
  background-position: 85% 50% !important;
}
.wp-block-column.home-hero-images {
  /* border: 1px dashed red; */
  position: relative;
}

figure.wp-block-image.size-full.hero-image-1,
figure.wp-block-image.size-full.hero-image-2,
figure.wp-block-image.size-full.hero-image-3 {
  position: absolute;
  width: 175px;
}

.hero-image-1 {
  top: 0;
  left: 0;
}

.hero-image-2 {
  top: 8%;
  right: 0;
}

.hero-image-3 {
  bottom: 0;
  left: 22%;
}

/* Link styles for footer, buttons and details */
.site-footer .has-jacarta-background-color a,
.site-footer .wp-block-details a,
.has-jacarta-background-color .wp-block-button__link {
  color: var(--wp--preset--color--white) !important; 
}

.has-jacarta-background-color a,
.wp-block-details a {
  color: var(--wp--preset--color--wild-watermelon) !important;
}

/* Hide the intro text on paginated pages */
.paged .show-on-first-page-only {
  display: none;
}

/* Figcaption styles */
figcaption.wp-element-caption {
    font-size: 15px;
}

/* Fix Termageddon accordion styles */
#policy .accordions .accordion-content {
  display: block !important;
}

@media (max-width: 850px) {
  .home-hero-images {
    display: none;
  }

}

#policy .accordion-section-content {
   word-break: break-word;
}

p.episode-badge {
    color: #404040;
    font-size: 1rem;
    margin: 0;
}