/**
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A lightweight and minimalist WordPress theme for Elementor page builder.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.8.1
	Stable tag: 2.8.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Text Domain: hello-elementor-child
    Template: hello-elementor
*/
/* 
 * Breakpoint handling by Akram Khalid (Eduardo Boucas)
 *
 * https://github.com/wrongakram/sass-mediaqueries/blob/master/src/breakpoints/breakpoints.scss
*/
/**
*
* Testing
*
**/
/* ======================
	 FLEX-BASIS Trick from Kevin Powell
   The flex behaviour switches for all at the width point, because flex-basis becomes negative below
   ====================== */
/* ======================
	 Linear Gradient
   ====================== */
/* ======================
	 Text overflow
   ====================== */
/* ======================
	 Transitions
   ====================== */
/* ======================
	 Center
   ====================== */
/* ======================
	 FONT SIZE
   ====================== */
/* ======================
	 Clearfix
   ====================== */
:root {
  --color-p: rgb(51, 51, 51);
  --color-base: rgb(30, 33, 1);
  --color-nav: rgb(51, 51, 51);
  /* matching gradient */
  --color-accent: #43d7e5;
  --color-accent-2: #f9ce41;
  /* generic gradient */
  --page-section-max-width: (1090px);
  --inner-alignwide-width: 1300px;
  --aligdefault-max-width: 1084px;
  --aligdefault-width: 96%;
  --global--spacing-vertical: 30px;
  --gradient-base-matching: rgba(30, 33, 97, 1) 0%, rgba(0, 225, 135, 1) 100%;
  --gradient-base-matching-2: rgba(30, 33, 97, 1) 0%, #00488e 100%;
  --grad-base-match-turq: #00bdc2 0%, #00e187 100%;
  --linear-grad-base-match-turq: linear-gradient(90deg, #00bdc2 0%, #00e187 100%);
  --gradient-base-matching2: linear-gradient(90deg, rgba(30, 33, 97, 1) 0%, rgba(0, 225, 135, 1) 100%);
  --gradient-base-red: linear-gradient(90deg, rgba(30, 33, 97, 1) 0%, rgba(194, 70, 108, 1) 100%);
  --site-logo-size: 80px;
}

* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box; /* Safari <= 5 */
  -moz-box-sizing: border-box; /* Firefox <= 19 */
  box-sizing: border-box;
}

/* delete Chrome feature outline */
*,
*:focus,
*:hover {
  outline: none;
}

/* Set core rote defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/*
@font-face {
	font-family: 'HankenGroteskRegular';
	src: url('../fonts/HankenGrotesk-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
} */
/* ======================
	 TYPOGRAPHY
   ====================== */
h1,
.h1 {
  /* lower viewport 360px; higher viewport 1024 */
  text-align: center;
  font-size: clamp(2rem, 1.4578rem + 2.4096vw, 3rem) !important;
  line-height: 1.3;
  font-weight: 500;
}

h2,
.h2 {
  /* lower viewport 360px; higher viewport 1024 */
  font-size: clamp(1.8rem, 1.6916rem + 0.4819vw, 2rem) !important;
  line-height: 1.3;
  font-weight: 700;
}

h3,
.h3 {
  font-size: clamp(1.5rem, 1.2rem + 0.8333vw, 1.6rem) !important;
  line-height: 1.4;
  font-weight: 600;
}

h4,
.h4 {
  font-size: 1.4rem;
  font-weight: 500;
}

h5,
.h5 {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 500;
}

h3.elementor-heading-title::after {
  position: absolute;
  content: "";
  left: 0;
  height: 2px;
  width: 60px;
  background: var(--color-accent-2);
  bottom: -12px;
}

.turquis h3.elementor-heading-title::after {
  background: var(--color-accent);
}

.base h3.elementor-heading-title::after {
  background: var(--color-base);
}

.no-margin-bottom,
.no-margin-bottom h2,
.no-margin-bottom h3,
.no-margin-bottom h4,
.no-margin-bottom p {
  margin-bottom: 0;
}

.small {
  font-size: 0.875em;
}

/*
* {
  word-break: normal;
  word-wrap: normal;
}

body {
  font-family: $fonts-sans;
  font-size: 1rem;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

.wp-block-columns .wp-block-column p {
  margin-top: 1rem;
}

h1,
.h1 {
  text-align: center;
  font-size: clamp(2rem, 0.5rem + 4vw, 3rem);
  line-height: 1.3;
}

h2,
.h2 {
  font-size: clamp(1.875rem, 0.9375rem + 2.5vw, 2.5rem);
  line-height: 1.3;
  margin-bottom: 1.5rem !important;
}
h3,
.h3 {
  font-size: clamp(1.6rem, 1rem + 1.6vw, 2rem);
  line-height: 1.4;
  margin-bottom: 1.3rem !important;
}
h4,
.h4 {
  font-size: clamp(1.3125rem, 0.85rem + 1.2vw, 1.625rem);
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 1.2rem !important;
}
h5,
.h5 {
  font-size: clamp(1.125rem, 1.0083rem + 0.6224vw, 1.3125rem);
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 1.2rem !important;
}

.header-banner p {
  font-size: clamp(1rem, 0.7128rem + 1.2766vw, 1.75rem);
  line-height: 1.4;
  margin-bottom: 3rem;
}
.header-banner p.fine {
  font-size: clamp(0.9375rem, 0.5625rem + 1vw, 1.1875rem);
}

.small-15 {
  font-size: 0.9375em;
}
small {
  font-size: 0.875em;
}
.small-13 {
  font-size: 0.8125em;
}
.small-12 {
  font-size: 0.75em;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-up {
  text-transform: uppercase;
}
.text-low {
  text-transform: lowercase;
}
.text-shadow-white {
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8), 0 0 4px rgb(255, 255, 255);
}

.margin-top-1em {
  margin-top: -1em !important;
}

ul {
  margin-left: 0;
  padding-left: 1em;
}
*/
.tacenter {
  text-align: center;
}

.taleft {
  text-align: left;
}

.taright {
  text-align: right;
}

.ttup {
  text-transform: uppercase;
}

.ttlow {
  text-transform: lowercase;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

div.clear {
  width: 100%;
  clear: both;
}

.site-main,
.widget-area,
.site-footer {
  padding-bottom: 0px;
}

/* ======================
	FLEX BOXES
   ====================== */
.flex-btw,
.flex-sar {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: stretch;
}

.flex-sar {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flex-row-rev {
  flex-direction: row-reverse;
}

.flex-boxgrid2 > * {
  flex-basis: 47%;
}
@media (max-width: 782px) {
  .flex-boxgrid2 > * {
    flex-basis: 100%;
  }
}

.flex-boxgrid2ht > * {
  flex-basis: 47%;
}
@media (max-width: 1024px) {
  .flex-boxgrid2ht > * {
    flex-basis: 100%;
  }
}

.flex-colum-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-colum-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.flex-boxgrid3 > * {
  width: 31.3653136531%; /* calc((100% / 3) - 4%); */
  margin-top: 0 !important;
  margin-bottom: 2em;
}
@media (max-width: 782px) {
  .flex-boxgrid3 > * {
    width: 41.7391304348%;
  }
}
@media (max-width: 576px) {
  .flex-boxgrid3 > * {
    width: 100%;
  }
}

.flex-boxgrid4 > * {
  width: 25%;
  margin-bottom: 2em;
}
@media (max-width: 1366px) {
  .flex-boxgrid4 > * {
    width: 33.3333333333%;
  }
}
@media (max-width: 1024px) {
  .flex-boxgrid4 > * {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .flex-boxgrid4 > * {
    width: 100%;
  }
}

.flex-boxgrid4.flexspace > * {
  flex-basis: 22%;
}
@media (max-width: 1023px) {
  .flex-boxgrid4.flexspace > * {
    flex-basis: 31.3333333333%;
  }
}
@media (max-width: 782px) {
  .flex-boxgrid4.flexspace > * {
    flex-basis: 49%;
  }
}
@media (max-width: 576px) {
  .flex-boxgrid4.flexspace > * {
    flex-basis: 100%;
  }
}

.flex-boxgridgold__big {
  flex-basis: 61.8%;
}
.flex-boxgridgold__small {
  flex-basis: 38.2%;
}
@media (max-width: 700px) {
  .flex-boxgridgold {
    flex-basis: 100%;
  }
}

.grid21 {
  width: 37%;
}

.grid22 {
  width: 60%;
}

.grid2 {
  width: 48.5%;
}

.gridgold1 {
  flex-basis: 61.8%;
}

.gridgold2 {
  flex-basis: 38.2%;
}

.grid50 {
  flex-basis: 50%;
}

@media screen and (max-width: 700px) {
  /* flexbox */
  .grid2,
  .grid21,
  .grid22 {
    width: 100%;
    margin: 1em 0;
  }
}
/* 
 * Flex for Contact Form 7 formatting 
 */
.flexgridbtw {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  /*! align-items: stretch; */
}

.flex-group2 {
  flex-basis: 48%;
}

.flex-group2 input:not([type=checkbox]) {
  width: 100%;
}

@media screen and (max-width: 700px) {
  .flex-group2 {
    flex-basis: 100%;
  }
}
a,
*:hover {
  transition: all 250ms ease-out;
}

/* ======================
	 FRAMES
   ====================== */
ul {
  margin-left: 1em;
}

/* ======================
	 Blocks
   ====================== */
.inblock {
  display: inline-block;
}

.flright {
  float: right;
}

.flleft {
  float: left;
}

/* ======================
   BUTTONS
   ====================== */
.btn-big .elementor-button-text {
  font-size: 1.2em;
}
.btn-big a.elementor-button {
  padding: 1em 2em;
}

.btn-light .elementor-element.elementor-button-info .elementor-button {
  border: 2px solid #5bc0de;
  background: transparent;
}
.btn-light .elementor-element.elementor-button-info .elementor-button :hover {
  border: 2px solid rgb(249, 206, 65);
  background: transparent;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

/* ======================
	 BOX SHADOW Hover effect
   ====================== */
.box-shadow-black {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
}
.box-shadow-black:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

/* ======================
     BOX SHADOW CURVE AT THE BOTTOM with hover effect
     ====================== */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

/* ======================
	GENERAL IMAGES
   ====================== */
/* ======================
   HEADER
   ====================== */
#logo img {
  width: 100px !important;
  max-width: 100px !important;
}

.header::after {
  content: url(images/header-bottom.svg);
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
}

/* ======================
	 NAVIGATION
   ====================== */
#masthead {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.sub-menu-toggle {
  display: none;
}

header nav .elementor-button {
  border: 1px solid rgb(67, 215, 229);
  border-radius: 5px;
  background: transparent;
  color: var(--color-nav) !important;
  margin-left: 20px;
}

/* ======================
	SIDE NAVIGATION MENU
   ====================== */
/* ======================
   Background
   ====================== */
/* ======================
   FOOTER
   ====================== */
.footer-nav li a:hover {
  color: var(--color-accent-2) !important;
  background-color: #555555;
}

/* ======================
	FORM CONTACT
   ====================== */
/* 
 * Contact Form 7 formatting 
 */
input:focus {
  outline: none !important;
}

input.wpcf7-form-control,
textarea.wpcf7-form-control,
input[type=checkbox],
input[type=radio] {
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  background: rgba(240, 240, 240, 0.3);
}

.wpcf7-form-control::placeholder {
  color: #888;
}

.wpcf7-submit {
  background-color: var(--e-global-color-primary) !important;
  color: var(--e-global-color-text) !important;
  font-weight: bold;
}
.wpcf7-submit:hover {
  background-color: var(--e-global-color-accent);
}

.wpcf7-exclusive-checkbox > span {
  display: block;
}

.thank-you > div {
  color: #95c11e;
  border: 1px solid #95c11e;
  margin: 0;
  padding: 0.5em 1em;
}

/* Flex for Contact Form 7 formatting */
.flexgridbtw {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  /*! align-items: stretch; */
}

.flex-group2 {
  flex-basis: 48%;
}
.flex-group2 input:not([type=checkbox]) {
  width: 100%;
}
.flex-group2 p {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 700px) {
  .flex-group2 {
    flex-basis: 100%;
  }
}
/* ======================
	 HOMEPAGE PAGE
   ====================== */
/* ======================
	Advanced Training Menu
   ====================== */

/*# sourceMappingURL=style.css.map */