/************************************************************
.page                                                                     <body>
  .site #page                                                             <div>
    .site-header #masthead                                                <header>
      #ast-desktop-header                                                 <div>
        .main-header-bar-wrap                                             <div>
          .main-header-bar                                                <div>
            .site-primary-header-wrap                                     <div>
              .ast-builder-grid-row                                       <div>
                .site-header-primary-section-left                         <div>
                  .ast-builder-layout-element                             <div>
                    .site-branding                                        <div>
                      .site-logo-img                                      <span>
                        .custom-logo-link                                 <a>
                          .custom-logo                                    <img>
                .site-header-primary-section-center   ** hidden with smaller window **
                  .ast-builder-menu-1                                     <div>
                    .ast-main-header-bar-alignment                        <div>
                      .main-header-bar-navigation                         <div>
                        .site-navigation, #primary-site-navigation-desktop <nav>
                          .main-navigation                                <div>
                            .main-header-menu                             <ul>
                              .menu-item                                  <li>
                                .menu-link                                <a>
                                  .dropdown-menu-toggle                   <span>
                                    .ast-icon                             <span>
                                      .ast-arrow-svg                      <svg>
                                .ast-menu-toggle                          <button>
                                  .ast-icon                               <span>
                                    .ast-arrow-svg                        <svg>
                                .sub-menu                                 <ul>
                                  .menu-item                              <li>
                                    .menu-link                            <a>
                                      .ast-icon                           <span>
                                        .ast-arrow-svg                    <svg>
                .site-header-primary-section-right                        <div>
                  .site-header-primary-section-right-center               <div>
                    .header-widget-area                                   <div>
                      .widget_block  ****** start calendly ********       <section>
                        <link>
                        <script>
                        <script>
      #ast-mobile-header ast-mobile-header-wrap                           <div>
************************************************************/

/**************************************/
/* shift whole page down under header */
/**************************************/
/* #page .site-content {
    padding-top: var(--frontier-astra-transparent-header-offset);
} */

/******************/
/** Above Header **/
/******************/

.ast-theme-transparent-header #page .ast-above-header-wrap {
  /* background-color: blue; */
}

body:not(.ast-theme-transparent-header)
  #page
  .ast-above-header.ast-above-header-bar {
  background: var(--frontier-very-dark-gray);
  opacity: 0.8;
}

.ast-theme-transparent-header #page .ast-above-header-wrap .frontier-tagline {
  height: 30px;
  font-size: 25px;
  color: white;
}

body:not(.ast-theme-transparent-header)
  #page
  .ast-above-header-wrap
  .frontier-tagline {
  height: 30px;
  font-size: 25px;
  color: white;
}

.ast-above-header-bar {
  border-bottom-style: none;
}

/******************/
/* Header level 1 */
/******************/
/* .site-header, */
.site-header .ast-main-header-wrap .ast-primary-header-bar {
  /*border-top-left-radius: var(--frontier-border-radius-em);
    border-top-right-radius: var(--frontier-border-radius-em); */
  background-color: var(--frontier-primary);
  /* border-color: var(--frontier-primary-shadow); */
  border-color: var(--frontier-primary-shadow);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  box-shadow:
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 2px 1px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 4px 2px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 8px 4px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 12px 6px; /*,
        rgba(var(--frontier-secondary-rgb), 0.2) 0px 32px 16px; */
}

/* hide element instead of spliting menu on multiple rows */
.ast-builder-menu-1 .menu-item > .menu-link {
  line-height: 1em;
  font-size: 0.875rem;
  padding-left: 22px;
  padding-right: 22px;
  letter-spacing: 0.5px;
}

.ast-builder-menu-1 {
  font-size: 1.9em;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

/*******************************************/
/*  CODE FOR CLIENT PORTAL BUTTON  */
/*******************************************/
.ast-builder-menu-2 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--frontier-secondary);
  color: var(--frontier-link-over-light);

  border-color: var(--frontier-secondary-shadow);
  border-radius: var(--frontier-border-radius-em);
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  box-shadow: rgba(var(--frontier-primary-shadow-rgb), 0.3) 0px 4px 6px !important;
  transition: box-shadow 0.3s ease;

  padding-top: 0.25em;
  padding-right: 0.5em;
  padding-bottom: 0.25em;
  padding-left: 0.5em;
}

.main-header-bar
  .ast-builder-menu-2
  .site-navigation
  .menu-item
  .menu-link:link,
.main-header-bar
  .ast-builder-menu-2
  .site-navigation
  .menu-item
  .menu-link:visited {
  color: var(--frontier-link-over-light);
}

.ast-builder-menu-2:hover {
  background-color: var(--frontier-primary);
  border-color: var(--frontier-primary-shadow);
}

.ast-builder-menu-2 .main-header-menu {
  /* flex-direction: column;
  margin-right: 10px; /* add spacing between items */
  font-weight: 600;
}
/*
/*.ast-below-header-wrap  .ast-below-header-bar.ast-below-header {
/*  /*background-color: rgba(var(--frontier-secondary), 0.9) !important;
/*  background-color: var(--frontier-primary) ;*/
/*  background-color: black ;
/*  height: 60px;
/*}*/
.ast-below-header-wrap .ast-below-header-bar.ast-below-header a {
  color: var(--frontier-secondary);
}
.ast-below-header-wrap .ast-below-header-bar.ast-below-header a:hover {
  color: var(--frontier-primary);
}

.header-menu-frontier {
  /* background-color: var(--frontier-primary-shadow);
    color: var(--frontier-white); */
  list-style: none; /* Removes bullet points */
  display: flex; /* Displays the list items horizontally */
  padding: 0; /* Removes default padding */
  margin: 0; /* Removes default margin */
}

.menu-item-frontier {
  margin-right: 20px; /* Adds space between menu items */
  color: white;
}

.menu-item-frontier:last-child {
  margin-right: 0; /* Ensures no margin on the last item */
}

/******************/
/* Header level 2 */
/******************/
.main-header-bar-wrap {
}

/******************/
/* Header level 3 */
/******************/
.main-header-bar {
}

/* Keep header from becoming too big */
.ast-desktop .ast-primary-header-bar.main-header-bar,
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar,
.ast-primary-header-bar.main-header-bar {
  padding-bottom: 0px; /* 40px; */
}

/******************/
/* Header level 4 */
/******************/
.site-primary-header-wrap {
}

/******************/
/*** LOGO *********/
/******************/
.site-logo-img img {
  margin-top: -35px; /* Example for moving it upwards */
  border-color: var(--frontier-primary-shadow);
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  background-color: var(--frontier-background);
  padding: 10px;
  border-radius: var(--frontier-border-radius-em);
  box-shadow:
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 2px 1px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 4px 2px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 8px 4px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 16px 8px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 32px 16px;
}
.site-logo-img img:hover {
  box-shadow:
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 2px 1px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 4px 2px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 8px 4px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 16px 8px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 32px 16px;
}

/****************/
/* Header Menu */
/***************/
.main-header-bar .main-header-menu .menu-item {
  position: relative; /* The parent menu item needs to be positioned for the submenu to align relative to it */
}
.main-header-bar .main-header-menu .menu-item .menu-link:link,
.main-header-bar .main-header-menu .menu-item .menu-link:visited {
  color: var(--frontier-link-over-dark);
}
.main-header-bar .main-header-menu .menu-item .menu-link:hover {
  color: var(--frontier-hover-over-dark);
  box-shadow:
    rgba(var(--frontier-secondary-rgb), 0.1) 0px 2px 1px,
    rgba(var(--frontier-secondary-rgb), 0.1) 0px 4px 2px;
}

.main-header-bar
  .main-header-menu
  .menu-item:not(.sub-menu .menu-item)
  .menu-link:focus-visible {
  outline: 1px solid var(--frontier-link-over-dark);
}

/**************************/
/* Header sub-menu styles */
/**************************/
.main-header-bar .main-header-menu .menu-item .sub-menu {
  background-color: var(--frontier-secondary);
  border-radius: var(--frontier-border-radius-em);
  overflow: hidden; /* Ensures that child elements don't overflow the rounded corners */
  box-shadow:
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 2px 1px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 4px 2px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 8px 4px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 16px 8px,
    rgba(var(--frontier-primary-shadow-rgb), 0.2) 0px 32px 16px;
}

.main-header-bar .main-header-menu .menu-item ul.sub-menu {
  position: absolute; /* Ensure the submenu is positioned relative to its nearest positioned ancestor */
  top: 100%; /* Position it directly below the main menu link */
  right: 0; /* Align it to the left of the parent container */
  left: auto; /* Ensure left alignment is overridden */
  z-index: 1000; /* Ensure it appears above other elements */
}

.main-header-bar .main-header-menu .sub-menu li:first-child a {
  border-top-left-radius: var(
    --frontier-border-radius-em
  ); /* Round the top left corner */
  border-top-right-radius: var(
    --frontier-border-radius-em
  ); /* Round the top right corner */
}
.main-header-bar .main-header-menu .sub-menu li:last-child a {
  border-bottom-left-radius: var(
    --frontier-border-radius-em
  ); /* Round the bottom left corner */
  border-bottom-right-radius: var(
    --frontier-border-radius-em
  ); /* Round the bottom right corner */
}
.main-header-bar .main-header-menu .sub-menu .menu-item .menu-link,
.main-header-bar .main-header-menu .sub-menu .menu-item .menu-link:link,
.main-header-bar .main-header-menu .sub-menu .menu-item .menu-link:visited {
  background-color: var(--frontier-secondary);
  color: var(--frontier-link-over-light);
}
.main-header-bar .main-header-menu .sub-menu .menu-item .menu-link:hover {
  color: var(--frontier-hover-over-light);
}
.main-header-bar .main-header-menu .sub-menu .menu-item .menu-link:active {
  /* font-size: 1.1em; */
  text-decoration: underline;
}
.main-header-bar
  .main-header-menu
  .sub-menu
  .menu-item
  .menu-link:focus-visible {
  text-decoration: underline;
  /* outline: 0px solid var(--frontier-link-over-light); */
}

/*******************************/
/* Header Buttons (mobile menu)*/
/*******************************/
.page .site-header .main-header-bar .ast-button-wrap button,
.page .site-header .main-header-bar .button,
.page .site-header .main-header-bar .wp-element-button,
.page .site-header .main-header-bar input[type="button"],
.page .site-header .main-header-bar input[type="submit"] {
  background-color: var(--frontier-primary-shadow);
  color: var(--frontier-light-gray);
  border-radius: var(--frontier-border-radius-em-min);
  padding: 0.5em 0.5em;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}

/**************************************/
/* Header Buttons (mobile menu) Hover */
/**************************************/
.page .site-header .main-header-bar button:hover,
.page .site-header .main-header-bar button:focus-visible,
.page .site-header .main-header-bar.button:hover,
.page .site-header .main-header-bar .wp-element-button:hover,
.page .site-header .main-header-bar input[type="button"]:hover,
.page .site-header .main-header-bar input[type="submit"]:hover {
  background-color: var(--frontier-secondary);
  border-color: var(--frontier-secondary-shadow);
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  box-shadow:
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 2px 1px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 4px 2px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 8px 4px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 16px 8px,
    rgba(var(--frontier-secondary-rgb), 0.2) 0px 32px 16px;
}

.primary .site-main .entry-header .entry-title {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
/***************************/
/* media queries Decending */
/***************************/
/* pack main menu tighter */
@media only screen and (max-width: 1040px) {
  .ast-builder-menu-1 .menu-item > .menu-link {
    font-size: 0.875rem;
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* Adjust area above header & push whole page down */
/* but only when transparent header is active */
@media only screen and (max-width: 976px) {
  .ast-theme-transparent-header #page .site-content {
    padding-top: 90px;
  }
  .ast-theme-transparent-header .ast-above-header,
  .ast-theme-transparent-header .ast-above-header.ast-above-header-bar {
    background: var(--frontier-very-dark-gray);
    opacity: 0.8;
  }
  .ast-theme-transparent-header #page .ast-above-header-wrap .frontier-tagline {
    font-size: 23px;
  }

  body:not(.ast-theme-transparent-header)
    #page
    .ast-above-header-wrap
    .frontier-tagline {
    font-size: 23px;
  }
}
/**********************************************
/*** Javascript adjustment to shrink button size by text
/**********************************************
// Function to adjust link text based on screen size
function adjustLinkText() {
    const parentElement = document.getElementById('menu-item-1616'); // ID of the parent <li>
    if (parentElement) {
        const link = parentElement.querySelector('.menu-link'); // Select the <a> element with class 'menu-link' within the parent
        if (link) {
            if (window.matchMedia('(max-width: 961px)').matches) {
                link.childNodes[0].nodeValue = 'Start '; // Update only the text node content
            } else {
                link.childNodes[0].nodeValue = 'Start Now ';
            }
        }
    }
}
*************************************************/

/******************************
921px is max size for Astra Desktop
Below applies to Mobile styles in Astra
*******************************/
@media (max-width: 921px) {
  /* undo desktop style from above to push page down */
  .ast-theme-transparent-header #page .site-content {
    padding-top: 0px;
  }
  /* undo desktop style from above bump img upward */
  .site-logo-img img {
    margin-top: 0px;
  }
  /* undo transparent header */
  .ast-theme-transparent-header #page .ast-above-header-wrap,
  .ast-theme-transparent-header .ast-above-header,
  .ast-theme-transparent-header .ast-above-header.ast-above-header-bar,
  body:not(.ast-theme-transparent-header)
    #page
    .ast-above-header.ast-above-header-bar {
    background-color: var(--frontier-primary);
    opacity: 100;
  }
  .site-header .ast-main-header-wrap .ast-primary-header-bar {
    background-color: var(--frontier-secondary);
  }
  .menu-item-frontier-start a,
  .ast-header-html-1 a,
  #menu-frontier-1 .menu-link-frontier {
    color: var(--frontier-link-over-light);
  }
  #menu-frontier-1 .menu-link-frontier:hover,
  .menu-item-frontier-start a:hover,
  .ast-header-html-1 a:hover {
    color: var(--frontier-hover-over-light);
  }
  .ast-mobile-header .ast-below-header-wrap {
  }
  #menu-frontier-3 {
    display: flex;
    justify-content: space-between; /* Space items to the far ends */
    list-style: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
  }

  .site-header .ast-main-header-wrap .ast-primary-header-bar {
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;

    box-shadow: none;
  }

  .ast-builder-grid-row {
    min-height: 30px;
  }
  .ast-below-header-wrap .ast-below-header-bar.ast-below-header {
    background-color: black;
  }
  .ast-below-header-bar {
    border-bottom-width: 0px;
  }
}

/* I dunno*/
@media (max-width: 921px) {
  .ast-theme-transparent-header .ast-below-header,
  .ast-theme-transparent-header .ast-below-header.ast-below-header-bar {
    color: white;
  }
}

@media only screen and (max-width: 767px) {
  /*.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-6cc4f6e0 > .uagb-container-inner-blocks-wrap {
    #page .site-content {
        padding-top: 200px;
    }*/
}
@media only screen and (max-width: 544px) {
  /* .site-header .ast-main-header-wrap .ast-primary-header-bar {

    } */
}
