/*======================================
Theme Name: A Dollar A Day 2026
Theme URI: https://focusedcreative.com
Description: A custom theme for A Dollar A Day
Version: 2.0 2024-10-04
Author: Focused Creative
Author URI: https://focusedcreative.com
Template: Divi
See changelog
======================================*/

/* Grid 
 * 
 * V & H = 30px
 * note shadow box blurbs
 */

/* Design
 * Body
 *   18pt/1.7em
 * 	 #282828
 *   Raleway
 * 
 * Heads
 *    Montserra
 * /



/* Globals =START ---*/

:root {
	--body-color: #023047;
	--heading-color: #FB8500;
	--subhead-color: #ffb703;
	--main-color: #219ebc;
	--secondary-colour: #8ecae6;
	--vs: 30px; /*vertical space*/
	--hs: 30px; /*horizontal space*/
	--body-size: 17px;
	--box-shadow-a: 0px 2px 18px 0px rgba(0,0,0,0.3);
	--box-shadow-b: 0px 12px 18px -6px rgba(0,0,0,0.3);
	--box-corners: 4.5px;
}


@font-face {
    font-family: "FFF Tusj";
    src: url("https://adollaraday.fcc.agency/wp-content/uploads/et-fonts/FFF_Tusj.woff2") format("woff2"),
         url("https://adollaraday.fcc.agency/wp-content/uploads/et-fonts/FFF_Tusj.woff") format("woff"),
         url("https://adollaraday.fcc.agency/wp-content/uploads/et-fonts/FFF_Tusj.otf") format("otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Ensures text is visible while loading */
}

/* fancy menu =START ---*/

#adad-top-menu {
	float: none !important;
}

#adad-top-menu li a:before {
 content: "";
 position: absolute;
 z-index: 6;
 left: 0;
 right: 100%;
 bottom: 0%;
 background: #ff214d; /*** COLOR OF THE LINE ***/
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#adad-top-menu li a:hover {
 opacity: 1 !important;
}
#adad-top-menu li a:hover:before {
 right: 0;
}
#adad-top-menu li li a:before {
 bottom: 10%;
}
#adad-top-menu .current-menu-item a::before,
#adad-top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}


/* fancy menu =END ---*/

/*changing the Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*rotating the Divi Menu icon*/

.mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
}


/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
    transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}

.et_mobile_menu {
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out;
}

/*making the Divi Menu full width*/
.et_pb_menu .et_mobile_menu{
    min-width: 106vw;
	min-height: 100vh;
    margin-left: -5vw;
	padding: 20px !important;
	padding-bottom: 100vh!important;
}

/*removing the line from the menu items and adding line height*/

.et_mobile_menu li a {
	padding:10px 30px!important;
	border-bottom: none!important;
}

/*removing padding of the social media icons*/
.et_mobile_menu li li {
}

/* =========================================
   Divi mobile dropdown menu – smoother open/close
   Works with Divi v4 default header + most Theme Builder headers
   ========================================= */

@media (max-width: 980px) {

  /* Tweak these if you want */
  :root{
    --dd-menu-ease: cubic-bezier(.2,.85,.35,1);
    --dd-menu-dur: 420ms;
    --dd-menu-offset: 10px;
    --dd-menu-max: calc(100vh - 120px); /* adjust if your header is taller/shorter */
  }

  /* 1) Animate the menu container (ul.et_mobile_menu) */
  .mobile_nav .et_mobile_menu{
    display: block !important;           /* override Divi's display:none so transitions can run */
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    transform: translateY(calc(var(--dd-menu-offset) * -1));
    visibility: hidden;
    pointer-events: none;

    transition:
      max-height var(--dd-menu-dur) var(--dd-menu-ease),
      opacity 340ms ease,
      transform 320ms var(--dd-menu-ease),
      visibility 0s linear var(--dd-menu-dur);

    will-change: max-height, opacity, transform;
  }

  .mobile_nav.opened .et_mobile_menu{
    max-height: var(--dd-menu-max);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;

    transition:
      max-height var(--dd-menu-dur) var(--dd-menu-ease),
      opacity 360ms ease,
      transform 320ms var(--dd-menu-ease),
      visibility 0s;
  }

  /* 2) Optional: make each top-level item “rise in” (nice polish) */
  .mobile_nav .et_mobile_menu > li{
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 340ms ease, transform 240ms ease;
  }

  .mobile_nav.opened .et_mobile_menu > li{
    opacity: 1;
    transform: translateY(0);
  }

  /* 3) Optional: subtle stagger (first 10 items) */
  .mobile_nav.opened .et_mobile_menu > li:nth-child(1){ transition-delay: 60ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(2){ transition-delay: 90ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(3){ transition-delay: 120ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(4){ transition-delay: 150ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(5){ transition-delay: 180ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(6){ transition-delay: 210ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(7){ transition-delay: 240ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(8){ transition-delay: 270ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(9){ transition-delay: 300ms; }
  .mobile_nav.opened .et_mobile_menu > li:nth-child(10){ transition-delay: 330ms; }
}

.mobile_nav.opened .et_mobile_menu ul li {
	padding-left: 20px;
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .mobile_nav .et_mobile_menu,
  .mobile_nav .et_mobile_menu > li{
    transition: none !important;
    transform: none !important;
  }
}