.elementor-kit-8{--e-global-color-primary:#171414;--e-global-color-secondary:#313237;--e-global-color-text:#171414;--e-global-color-accent:#EDCC26;--e-global-color-8e2b5d5:#FFFFFF;--e-global-color-1682aae:#F2F2F2;--e-global-color-ca81edd:#F2562A;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:bold;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-d6621b6-font-family:"Space Grotesk";--e-global-typography-d6621b6-font-size:22px;--e-global-typography-d6621b6-font-weight:300;--e-global-typography-4558777-font-family:"Space Grotesk";--e-global-typography-4558777-font-size:20px;--e-global-typography-4558777-font-weight:300;--e-global-typography-4558777-text-transform:capitalize;--e-global-typography-4558777-line-height:26px;--e-global-typography-4558777-letter-spacing:-0.1px;--e-global-typography-ec1d3b9-font-family:"Space Grotesk";--e-global-typography-ec1d3b9-font-size:18px;--e-global-typography-ec1d3b9-font-weight:300;--e-global-typography-ec1d3b9-text-transform:capitalize;--e-global-typography-5cd9b67-font-family:"Space Grotesk";--e-global-typography-5cd9b67-font-size:15px;--e-global-typography-5cd9b67-font-weight:400;--e-global-typography-5cd9b67-text-transform:capitalize;--e-global-typography-883c4ad-font-family:"Space Grotesk";--e-global-typography-883c4ad-font-size:15px;--e-global-typography-883c4ad-font-weight:400;--e-global-typography-883c4ad-text-transform:uppercase;--e-global-typography-ef050a8-font-family:"Space Grotesk";--e-global-typography-ef050a8-font-size:12px;--e-global-typography-ef050a8-font-weight:400;--e-global-typography-ef050a8-text-transform:none;--e-global-typography-ef050a8-line-height:26px;--e-global-typography-0d21e46-font-family:"Space Grotesk";--e-global-typography-0d21e46-font-size:18px;--e-global-typography-0d21e46-font-weight:300;--e-global-typography-0d21e46-text-transform:uppercase;--e-global-typography-0d21e46-line-height:14px;--e-global-typography-1399a07-font-family:"Space Grotesk";--e-global-typography-1399a07-font-size:13px;--e-global-typography-1399a07-font-weight:bold;--e-global-typography-1399a07-text-transform:uppercase;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-kit-8 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-kit-8 h3{font-family:var( --e-global-typography-4558777-font-family ), Sans-serif;font-size:var( --e-global-typography-4558777-font-size );font-weight:var( --e-global-typography-4558777-font-weight );text-transform:var( --e-global-typography-4558777-text-transform );line-height:var( --e-global-typography-4558777-line-height );letter-spacing:var( --e-global-typography-4558777-letter-spacing );}.elementor-kit-8 h4{font-family:var( --e-global-typography-ec1d3b9-font-family ), Sans-serif;font-size:var( --e-global-typography-ec1d3b9-font-size );font-weight:var( --e-global-typography-ec1d3b9-font-weight );text-transform:var( --e-global-typography-ec1d3b9-text-transform );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:var( --e-global-typography-1399a07-font-family ), Sans-serif;font-size:var( --e-global-typography-1399a07-font-size );font-weight:var( --e-global-typography-1399a07-font-weight );text-transform:var( --e-global-typography-1399a07-text-transform );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{border-radius:30px 30px 30px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-primary );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-8 h3{font-size:var( --e-global-typography-4558777-font-size );line-height:var( --e-global-typography-4558777-line-height );letter-spacing:var( --e-global-typography-4558777-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-ec1d3b9-font-size );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-1399a07-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-8 h3{font-size:var( --e-global-typography-4558777-font-size );line-height:var( --e-global-typography-4558777-line-height );letter-spacing:var( --e-global-typography-4558777-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-ec1d3b9-font-size );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-1399a07-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
--e-global-color-primary: #171414; blackish
  --e-global-color-secondary: #313237; dark grey
  --e-global-color-text: #171414; blackish
  --e-global-color-accent: #EDCC26; yellow
  --e-global-color-8e2b5d5: #FFFFFF; white
  --e-global-color-1682aae: #F2F2F2; light grey
  --e-global-color-ca81edd: #F2562A; orange
  */

/* Make sure that the top navigation never overlaps content when an anchor is clicked */
body,
html {
  scroll-padding-top: 160px; /* adjust the pixel amount here for your top navigation bar height + margin */
}

/* LINK dotted underline not supported by some browsers */
a {
  border-bottom: 1px dotted var(--e-global-color-primary);
  border-radius: 0;
}
a:hover {
  border-bottom: 1px solid var(--e-global-color-primary);
  border-radius: 0;
}

/* LINK don't do dotted underline in some areas */
header a,
header a:hover,
footer a,
footer a:hover,
.no-link-decoration a,
.no-link-decoration a:hover,
a.no-link-decoration,
a.no-link-decoration:hover
.swiper-slide a,
.swiper-slide a:hover,
.ue_play_button a,
.ue_play_button a:hover,
.elementor-post__thumbnail__link, .elementor-post__thumbnail__link:hover,
a[role="button"], a[role="button"]:hover
/* note footer has hover styles */ {
  border-bottom: none;
}

/* components text rotation */
.rotate-centered {
  top: 50%;
  right: 50%;
  position: absolute;
  transform: scale(-1) translate(-50%, 50%);
  writing-mode: vertical-lr;
  text-wrap: nowrap;
}

/* global form customizations */
/* 
This was done in site settings | form fields
.elementor-field-group .elementor-field-textual {
  border-radius: 30px;
} */

/* RESET Button color? not sure why this is set at all */
/* elementor doesn't provide for bg control, it comes out pink on active from somewhere...? */
.elementor-button,
[type='button']:focus,
[type='button']:hover,
[type='submit']:focus,
[type='submit']:hover,
button:focus,
button:hover {
  background-color: transparent; /* var(--e-global-color-primary); */
}

/* position element at the right side */
.elementor-field-type-submit {
  flex-direction: row;
  justify-content: flex-end;
  /* width: 100%; Button width in elementor must be set to 100% */
}

/* remove strange firefox dotted outline border on buttons */
[type='button']:focus-visible,
[type='reset']:focus-visible,
[type='submit']:focus-visible,
button:focus-visible,
:focus-visible /* for chrome */ {
  outline: none;
}

/* dark form fields */
.dark-form form label {
  color: var(--e-global-color-1682aae); /* light grey */
}

/**
 * On the Recent posts and Archive pages
 */
/* move the READ MORE button to the right */
/* Recent posts */
.elementor-posts .elementor-post__text .elementor-post__read-more-wrapper {
  margin-left: auto;
}
/* override some spacing on recent posts */
.elementor-posts .elementor-post__card .elementor-post__read-more {
  margin-bottom: 5px !important;
}
/* move tha date to the right, override some spacing */
.elementor-posts .elementor-post__card .elementor-post__meta-data {
  display: flex;
  justify-content: flex-end;
  padding: 5px 30px !important;
}
/**
* Related posts (similar but different that recent posts)
*/
/* move the READ MORE button to the right */
.related-posts .elementor-post__text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
/* make all article containers the same height so read more can be aligned to the bottom */
.related-posts article {
  height: 100%;
}
.related-posts a.elementor-post__read-more {
  align-self: flex-end;
  margin-top: auto;
}

/**
 * rich text editor markup spacing 
 */

/* all h2  */
.elementor-widget-text-editor h2 {
  margin-block-start: 30px;
}

/* h2 as the very first child element of its parent*/
.elementor-widget-text-editor h2:first-child {
  margin-block-start: 10px;
}

/* all h3 */
.elementor-widget-text-editor h3 {
  margin-block-start: 20px;
  margin-block-end: 0.5rem;
}

/* h3 as the very first child element of its parent*/
.elementor-widget-text-editor h3:first-child {
  margin-block-start: 0px;
}

/* h2 + h3 together */
.elementor-widget-text-editor h2:has(+ h3) {
  margin-block-end: 5px;
}
.elementor-widget-text-editor h2 + h3 {
  margin-block-start: 0px;
}

/* ul needs space before more text - match p bottom */
.elementor-widget-text-editor ul {
  margin-block-end: 0.9rem;
}

/* li needs space above bullet - too smashed */
.elementor-widget-text-editor ul li:not(:first-child) {
  margin-top: 10px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://stg-simcraftweb50-staging.kinsta.cloud/wp-content/uploads/2024/09/SpaceGrotesk-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://stg-simcraftweb50-staging.kinsta.cloud/wp-content/uploads/2024/09/SpaceGrotesk-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://stg-simcraftweb50-staging.kinsta.cloud/wp-content/uploads/2024/09/SpaceGrotesk-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://stg-simcraftweb50-staging.kinsta.cloud/wp-content/uploads/2024/09/SpaceGrotesk-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */