/*
 Theme Name: Adelante

 Theme URI: https://juniperworkshop.com
 Description: A Child Theme of Twenty Twenty Five made for Forward Movement. 
 Author: Seth Reese — Juniper Workshop
 Author URI: https://juniperworkshop.com
 Template: twentytwentyfive
 Version: 1.0.0
 Text Domain: adelante

*/

:root {
  --fm-blue-50: #004F7D7D;
    --fm-blue: var(--wp--preset--color--fm-blue);
}

.item-overlay h1,
.item-overlay h2,
.item-overlay h3,
.item-overlay h4,
.item-overlay h5,
.item-overlay h6 {
  color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
}

html {
  scroll-behavior: smooth;
}

#main-content {
  scroll-margin-top: -10px;
}

.cedar-button a {
    transition: 200ms ease-out;
}
.cedar-button a:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 0 0 0 transparent,
                0 5px black;
    
}

/* =========================================
   LINK BLOCK
========================================= */

.link-block {
  --link-block-bg: currentColor;
  --link-block-hover-bg: transparent;

  --link-block-border: var(--wp--preset--color--gray);

  --link-block-glint: rgba(255,255,255,0.08);

  --link-block-hover-text: var(--wp--preset--color--text);

  --link-block-hover-icon-bg: var(--wp--preset--color--text);

  --link-block-hover-icon: white;

  position: relative;
  overflow: hidden;
  isolation: isolate;

  z-index: 1;

  background-color: var(--link-block-bg);

  border: 1px solid transparent;

  transition:
    transform 0.3s ease,
    color 0.3s ease,
    background-color 0.3s ease;
}

/* =========================================
   ENSURE CONTENT SITS ABOVE EFFECTS
========================================= */

.link-block > * {
  position: relative;
  z-index: 2;
}

/* =========================================
   FULL CARD LINK
========================================= */

.link-block a {
  position: absolute;
  inset: 0;
  z-index: 10;

  display: block;

  text-indent: -9999px;
}

.link-block a::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 10;

  pointer-events: auto;
}

/* =========================================
   GLOSS OVERLAY
========================================= */

.link-block::before {
  content: '';

  position: absolute;
  inset: 0;

  z-index: 1;

  background-color: var(--link-block-glint);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;

  pointer-events: none;
}

.link-block:hover::before {
  opacity: 0;
  transform: scale(0.5);
}

/* =========================================
   BORDER EFFECT
========================================= */

.link-block::after {
  content: '';

  position: absolute;
  inset: 0;

  z-index: 1;

  opacity: 0;

  border: 3px solid var(--link-block-border);

  border-radius: inherit;

  transform: scale(1.12);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;

  pointer-events: none;
}

.link-block:hover::after {
  opacity: 1;
  transform: scale(0.95);
}

/* =========================================
   HOVER STATE
========================================= */

.link-block:hover {
  transform: scale(1.01) translateY(-2px);
}

/* =========================================
   WP BACKGROUND OVERRIDES
========================================= */

.link-block.has-primary-background-color:hover,
.link-block.has-accent-background-color:hover,
.link-block.has-white-background-color:hover,
.link-block.has-gray-background-color:hover {
  background-color: var(--link-block-hover-bg) !important;
}

/* =========================================
   TEXT + LINKS
========================================= */

.link-block:hover,
.link-block:hover p,
.link-block:hover h1,
.link-block:hover h2,
.link-block:hover h3,
.link-block:hover h4,
.link-block:hover h5,
.link-block:hover h6,
.link-block:hover a {
  color: var(--link-block-hover-text) !important;
}

/* =========================================
   ICON STYLES
========================================= */

.link-block:hover .icon-container {
  background-color: var(--link-block-hover-icon-bg) !important;
  color: var(--link-block-hover-icon) !important;
}

/* =========================================
   COLOR VARIANTS
========================================= */

.link-block.has-primary-background-color {
  --link-block-bg: var(--wp--preset--color--primary);

  --link-block-border: var(--wp--preset--color--gray);

  --link-block-hover-text: var(--wp--preset--color--primary);

  --link-block-hover-icon-bg: var(--wp--preset--color--primary);

  --link-block-hover-icon: white;
}

.link-block.has-accent-background-color {
  --link-block-bg: var(--wp--preset--color--accent);

  --link-block-border: var(--wp--preset--color--primary);

  --link-block-hover-text: var(--wp--preset--color--accent);

  --link-block-hover-icon-bg: var(--wp--preset--color--accent);

  --link-block-hover-icon: white;
}

.link-block.has-white-background-color {
  --link-block-bg: white;

  --link-block-border: var(--wp--preset--color--primary);

  --link-block-glint: rgba(0,0,0,0.05);

  --link-block-hover-text: var(--wp--preset--color--primary);

  --link-block-hover-icon-bg: var(--wp--preset--color--primary);

  --link-block-hover-icon: white;
}

.link-block.has-gray-background-color {
  --link-block-bg: var(--wp--preset--color--gray);

  --link-block-border: var(--wp--preset--color--gray);

  --link-block-glint: rgba(255,255,255,0.06);

  --link-block-hover-text: var(--wp--preset--color--gray);

  --link-block-hover-icon-bg: var(--wp--preset--color--gray);

  --link-block-hover-icon: white;
}

.height-one-hundred {
    height: 100%;
}


.max-half {
    max-height: 50vh;
}

.max-three-quarter {
    max-height: 75vh;
}

.body-width {
    width: 100%;
    max-width: 700px;
}


.alignmedium {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

.alignmedium > * {
    margin-left: auto;
    margin-right: auto;
}

.align-bottom{
    align-items: flex-end;
}

.fade-up,
.fade-scroll-item,
.fade-left,
.fade-right,
.fade-scroll-group > *,
.fade-scale > * {
  opacity: 0;
  visibility: hidden;
}

.home-page-wrapper .header-fade-top {
  opacity: 1;
  visibility: visible;
}

.fade-up-stagger > *,
.fade-load-stagger > :not(.fade-load-stagger) {
  opacity: 0;
  visibility: hidden;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 100;
    margin-top: 0;
}

.margin-zero {
    margin: 0;
}



.word-fade-random .word-fade-word {
  display: inline-block;
    opacity: 0;
  visibility: hidden;
}

.logo {
    transition: 200ms ease-out;
    opacity: 1;
    visibility: visible;
}

.logo:hover {
    filter: opacity(0.5);
}

:where(.wp-site-blocks :focus) {
    outline-width: 0px !important;
    outline-style: none;
}

.home-page-wrapper header.sticky-header > .has-primary-background-color {
  opacity: 1 !important;
  visibility: visible !important;
  background-color: transparent !important;
  transition: background-color 300ms ease-out;
}

.home-page-wrapper header.sticky-header.is-scrolled > .has-primary-background-color {
  background-color: var(--wp--preset--color--primary) !important;
}

.home-page-wrapper header.sticky-header .logo {
  opacity: 0;
  visibility: hidden;
}


@media screen and (max-width: 768px) {
    .alignleft, alignright {
        width: 100% !important;
        margin: 0;
        float: none !important;
        max-width: none;
    }
}

footer {
    margin-block-start: 0;
}

.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container *, a.wp-block-navigation-item__content * {
  font-family: var(--wp--preset--font-family--fagun) !important;
}


.side-menu a {
font-family: inherit;
text-decoration: none !important;
}

.side-menu {
    min-height: 100vh;
    gap: 30px;
    
}

.row-wrap {
    gap: 50px;
}

@media screen and (max-width: 768px) {
   .side-menu {
    min-height: 0 !important;
       width: 100%;
       max-width: 100% !important;
       gap: 10px;
    
}
    
    .row-wrap {
        flex-wrap: wrap !important;
        gap 10px !important;
    }
}