/*
 Theme Name:   Hello Child
 Description:  Hello Child Theme, this is where baby WordPress themes are made.
 Author:       Craig Smith
 Author URI:   https://www.webbernaut.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  helllochild
*/

/* Colors
    Cream #f4f0e8
    Blue #058BA4
    Yellow #f4d35e
*/

/* .elementor-section-wrap {
    opacity:0;
} */

/* h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: '';
} */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');

:root {
  --black: #4b4b42;
  --cream: #f4f0e8;
  --orange: #ff6338;
  --yellow: #f4d35e;
  --muted: #a9a49a;
  --border: rgba(244, 240, 232, 0.18);
  --blue: #058BA4;
  --ink:#4b4b42;
  --cream:#f4f0e8;
  --sun:#f4d35e;
  --brand:#058BA4;
}

body {
  background-color: var(--cream);
  font-family: "DM Sans", sans-serif;
}

#menu-footer ul, #menu-footer li, #menu-header ul, #menu-header li {
    padding: 0;
    margin:0;
    list-style-type:none;
}

#menu-footer li, #menu-header li {
    display: inline-block;
    padding: 0px 15px;
    margin-left: 5px;
}

#menu-footer a, #menu-header a {
    color: #fff;
    display:inline;
    font-weight: bold;
}


#menu-header li {
    display: inline-block;
    padding: 0px 5px;
}
/* chaos dots: fills its nearest positioned parent */
.elementor-element:has(> #chaos) {
    position: relative;
    min-height: 400px;
}
.chaos{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 400px;
    pointer-events: none;
    top:0px;
    left:0px;
}
.chaos i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);left:var(--x);top:var(--y);transition:all 1.4s cubic-bezier(.65,0,.25,1);opacity:.85;}
.chaos.in-view i{left:var(--ox);top:var(--oy);border-radius:4px; opacity:.85;}

.elementor-element-f345aab .elementor-button-icon svg.e-font-icon-svg {
    color:#444 !important;
    fill: #444;
}

#menu-header {
    padding:0; margin:0;
}

#menu-header li a {
   display: block;
   padding: 10px;
}

#menu-header li a:hover {
    color:#058ba4;
}

#menu-header li.nav-button a {
    background: #058ba4;
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: 2px 4px 0px 0px #066171;
}

#menu-header li.nav-button a:hover {
  background-color: var( --e-global-color-4f4b916 );
  color: var( --e-global-color-text );
  border-color: #FAFA87;
  box-shadow: 2px 4px 0px 0px #FAFA87;
}

#menu-header li.nav-button a > span {
    /* font-size: 12px; */
    font-weight: bold;
}