/**
Theme Name: Astra Child
Author: Kevin Bourke
Author URI: https://create.ie/
Description: A child theme for use with Astra parent theme. Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
:root {
    --global-color-primary: #1C2841;
    --global-color-secondary: #03A9F4;
    --global-color-text: #1C2841;
    --global-color-accent: #42E495;
    --global-color-de24359: #000;
    --global-color-offwhite: #F7f7fa;
    --global-color-darker-primary: #161D2B;
    --global-color-4984af1: #CBD1D6;
}
/* To be used with DT type elementor header with 2 buttons.
For example, the links in the menu should use following classes:
Blue button: btn blue hide-desktop hide-xl hide-xxl
Green button: btn green hide-desktop hide-xl hide-xxl
/* MENU BUTTONS */
/* uncomment to use
 * 
.menu-item.btn {
    margin-left: 20px;
}
.btn a.menu-link {
    background-color: var(--global-color-offwhite);
    display: inline-block!important;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase!important;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    transition: all .3s;
    line-height: 1em;
    letter-spacing: 0px;
    word-spacing: 0em;
    fill: #FFFFFF!important;
    color: #FFFFFF!important;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--global-color-offwhite);
    border-radius: 100px 100px 100px 100px;
    padding: 11px 55px 11px 55px;
}
.menu-item.btn a.menu-link {
    text-transform: uppercase!important;
    padding: 11px 55px 11px 55px !important;
    margin-bottom: 10px;
    min-width: 180px;
}
.e--pointer-double-line .menu-item.btn a.menu-link.elementor-item:after,
.e--pointer-underline .menu-item.btn a.menu-link.elementor-item:after {
    display: none;
}
.btn a.menu-link:hover {
    background-color: var(--global-color-accent);
    border-color: var(--global-color-accent);
}
.btn.blue a.menu-link {
    color: white;
    background-color: var(--global-color-secondary);
    border-color: var(--global-color-secondary);
}
.btn.blue a.menu-link:hover {
    color: var(--global-color-secondary)!important;
    background-color: var(--global-color-offwhite);
}
.btn.green a.menu-link {
    color: white;
    background-color: var(--global-color-accent);
    border-color: var(--global-color-accent);
}
.btn.green a.menu-link:hover {
    color: var(--global-color-accent)!important;
    background-color: var(--global-color-offwhite);
}
*/
/* HEADER reappear on scroll up */
/* Only takes effect once JS adds this class after scrolling past header height */
.mdw-side-menu-area.mdw-fixed-mode {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
  transition: transform 0.35s ease-in-out;
  z-index: 999;
}

.mdw-side-menu-area.mdw-fixed-mode.mdw-reveal {
  transform: translateY(0);
}

/* Suppress the transition only for the initial switch into fixed mode */
.mdw-side-menu-area.mdw-no-transition {
  transition: none !important;
}

/* DISPLAY Base: general utility */
.hide { display: none !important; }
.show { display: block !important; }

/* MOBILE: under 768px */
@media (max-width: 767px) {
  .show-mobile { display: block !important; }
  .hide-mobile { display: none !important; }
}

/* TABLET: 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .show-tablet { display: block !important; }
  .hide-tablet { display: none !important; }
}

/* DESKTOP: 1025px to 1199px */
@media (min-width: 1025px) and (max-width: 1199px) {
  .show-desktop { display: block !important; }
  .hide-desktop { display: none !important; }
}

/* XL: 1200px to 1440px */
@media (min-width: 1200px) and (max-width: 1440px) {
  .show-xl { display: block !important; }
  .hide-xl { display: none !important; }
}

/* XXL: 1441px and up */
@media (min-width: 1441px) {
  .show-xxl { display: block !important; }
  .hide-xxl { display: none !important; }
}