/*
Theme Name: JWJ
Theme URI: https://jwj.org
Description: Jobs with Justice Theme
Author: We Thrive Media
Author URI: https://wethrivemedia.com/
Template: Divi
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jwj
Domain Path: /languages
*/


/* ==========================================================================
   Global Styles
   General resets, box model, body defaults, links, and utility classes.
   ========================================================================== */

/* Add your global styles below */
body {
	overflow-x:hidden;
}

/* ==========================================================================
   Typography
   Headings (h1-h6), paragraphs, blockquotes, lists, and font overrides.
   ========================================================================== */

/* Add your typography styles below */
p, body {
font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;
}

/* ==========================================================================
   Header & Navigation
   Main header, logo, primary menu, mobile menu, top header bar.
   ========================================================================== */

/* Add your header styles below */


/* ==========================================================================
   Footer
   Footer widgets, footer menu, bottom bar, copyright area.
   ========================================================================== */

/* Add your footer styles below */


/* ==========================================================================
   Blog & Archive
   Blog listing, archive pages, category pages, search results, pagination.
   ========================================================================== */

/* Add your blog styles below */


/* ==========================================================================
   Single Post
   Post title, meta, featured image, content area, author box, related posts.
   ========================================================================== */

/* Add your single post styles below */


/* ==========================================================================
   Single Page
   Default page template, full-width page, landing pages.
   ========================================================================== */

/* Add your single page styles below */


/* ==========================================================================
   Sidebar & Widgets
   Widget areas, widget titles, default WordPress widgets, custom widgets.
   ========================================================================== */

/* Add your sidebar styles below */


/* ==========================================================================
   Forms & Inputs
   Contact forms, input fields, textareas, selects, validation states.
   ========================================================================== */

/* Add your form styles below */


/* ==========================================================================
   Buttons & CTAs
   Default buttons, Divi buttons, call-to-action elements, hover states.
   ========================================================================== */

/* Add your button styles below */
:root {
  --jwj-ease: cubic-bezier(0.625, 0.05, 0, 1);
}

/* Hero CTA and newsletter submit */
.et_pb_button,
#new_answer input[type="submit"] {
  transition: transform 220ms var(--jwj-ease),
              box-shadow 220ms var(--jwj-ease);
}

.et_pb_button:hover,
#new_answer input[type="submit"]:hover {
  transform: translateY(-2px);
}

.et_pb_button:active,
#new_answer input[type="submit"]:active {
  transform: translateY(-1px);
}

/* Text links with arrow spans */
.jwj-priority-link span[aria-hidden="true"],
.jwj-card__link span[aria-hidden="true"],
.jwj-card__training-link span[aria-hidden="true"],
.jwj-action-tile__link span[aria-hidden="true"] {
  display: inline-block;
  transition: transform 220ms var(--jwj-ease);
}

.jwj-priority-link:hover span[aria-hidden="true"],
.jwj-card__link:hover span[aria-hidden="true"],
.jwj-card__training-link:hover span[aria-hidden="true"],
.jwj-action-tile:hover .jwj-action-tile__link span[aria-hidden="true"] {
  transform: translateX(3px);
}

/* Large action tiles */
.jwj-action-tile {
  transition: transform 260ms var(--jwj-ease),
              box-shadow 260ms var(--jwj-ease);
}

.jwj-action-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgb(0 46 64 / 16%);
}

/* Preserve keyboard visibility and honor reduced-motion preferences */
#menu-header a:focus-visible,
.et_pb_button:focus-visible,
#new_answer input[type="submit"]:focus-visible,
.jwj-priority-link:focus-visible,
.jwj-card__link:focus-visible,
.jwj-card__training-link:focus-visible,
.jwj-action-tile:focus-visible {
  outline: 3px solid #18bde6;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #menu-header a,
  #menu-header a::after,
  .et_pb_button,
  #new_answer input[type="submit"],
  .jwj-priority-link span[aria-hidden="true"],
  .jwj-card__link span[aria-hidden="true"],
  .jwj-card__training-link span[aria-hidden="true"],
  .jwj-action-tile,
  .jwj-action-tile__link span[aria-hidden="true"] {
    transition: none;
  }
}

/* ==========================================================================
   Responsive / Media Queries
   Breakpoint-specific overrides for tablet and mobile.
   ========================================================================== */

/* Tablet (max-width: 980px) */
@media only screen and (max-width: 980px) {

}

/* Mobile (max-width: 767px) */
@media only screen and (max-width: 767px) {

}