html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}
:root {
	--skala-brand-green: #4EB798;
	--skala-brand-blue: #00A0DD;
	--skala-brand-pink: #F8BBD6; 
    --skala-brand-orange: #F26729;
	--skala-text: #333333; 
}
.skala-align-last {
	text-align: justify;
	text-align-last: justify;
}
.green-text {
	color: var(--skala-brand-green);
}
.blue-text {
	color: var(--skala-brand-blue);
}
.pink-text {
	color: var(--skala-brand-pink);
}
.orange-text {
	color: var(--skala-brand-orange);
}
.normal-text-color {
	color: var(--skala-text);
}
.white-text {
	color: #fff;
}
.bold-text {
	font-weight: bold;
}
.skala-link-underline {  
	text-decoration: underline !important;
	text-decoration-color: var(--skala-brand-green) !important;
}
.skala-uppercase {
	text-transform: uppercase;
}
.skala-right-text {
	text-align: right;
}
.skala-bold {
	font-weight: bold;
}
.skala-block {
	display: block;
}
.skala-font-3 {
	font-size: 3rem;
}
@media only screen and (max-width: 767px) {
	.skala-font-3 {
		font-size: 2.5rem;
	}
}
.skala-font-4 {
	font-size: 4rem;
}
@media only screen and (max-width: 767px) {
	.skala-font-4 {
		font-size: 2.8rem;
	}
}
.page-id-2468 .skala-uppercase span:nth-child(2) {
  color: var(--skala-brand-orange); !important;
}
.skala-more-button svg {
    font-size: 2.2rem;
    fill: #C0B49B !important;
}
.skala-more-button.white svg {   
    fill: #fff !important;
}
.skala-read-more-container .elementor-widget-container {
	text-align: right;
}
.skala-read-more-link {
	font-size: 18px;
	display: inline-flex !important;
	align-items: center;
	gap: 0.5em;  
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
	color: var(--skala-brand-blue);
	text-decoration: none;
}
.skala-read-more-link:hover, .skala-read-more-link:hover > .btn-text, .skala-read-more-link:hover > .btn-arrow {
	transition: color .3s;
	color: var(--skala-brand-green);
}
.skala-read-more-link:focus {
 	outline: none;
}
.skala-read-more-link .btn-text:hover, .skala-read-more-link .btn-arrow:hover {  
	transition: color .3s;
}
.skala-read-more-link .btn-arrow {
	padding-top: 3px;
}
.skala-read-more-link .arrow-svg {
	height: 18px;
	width: auto;
	display: block;
}
.skala-header {
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.elementor-sticky--effects.skala-header {
  background-color: rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2);
  position: fixed !important;
}
#skala-main-menu nav:not(.elementor-nav-menu--dropdown) li {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .8);
}
@media (min-width: 1025px) { 
	#skala-main-menu .sub-menu {
		display: block !important;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		transition: max-height 0.5s ease, opacity 0.5s ease;
	}  
	#skala-main-menu li:hover > .sub-menu {
		max-height: 500px;
		opacity: 1;
		pointer-events: auto;
		transition: max-height 1s ease, opacity 0.3s ease;
	}	
	#skala-main-menu .sub-menu {	  
		width: max-content !important;	 
		min-width: 100%;	
		white-space: nowrap;
	}
}
/*FORMS*/
.skala-form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 1px solid var(--skala-brand-blue);
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.skala-form input[type="checkbox"]:checked {  
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M6.00039 10.8008L3.20039 8.00078L2.26606 8.93511L6.00039 12.6694L14.0004 4.66945L13.0661 3.73511L6.00039 10.8008Z'/></svg>");
}
.skala-form.green-form input {
	border: 1px solid var(--skala-brand-green);
}
.skala-form.green-form button {
	background-color: var(--skala-brand-green) !important;
}
.skala-form.green-form input[type="checkbox"]:checked {
	background-color: var(--skala-brand-green) !important;	
}
.skala-form.blue-form input {
	border: 1px solid var(--skala-brand-blue);
}
.skala-form.blue-form button {
	background-color: var(--skala-brand-blue) !important;
}
.skala-form.blue-form input[type="checkbox"]:checked {
	background-color: var(--skala-brand-blue) !important;	
}
.skala-form.pink-form input {
	border: 1px solid var(--skala-brand-pink);
}
.skala-form.pink-form button {
	background-color: var(--skala-brand-pink) !important;
}
.skala-form.pink-form input[type="checkbox"]:checked {
	background-color: var(--skala-brand-pink) !important;	
}
.skala-form.brown-form input {
	border: 1px solid #bfb692;
}
.skala-form.brown-form button {
	background-color: #bfb692 !important;
}
.skala-form.brown-form input[type="checkbox"]:checked {
	background-color: #bfb692 !important;
}
.skala-form.orange-form input {
	border: 1px solid #f58126;
}
.skala-form.orange-form button {
	background-color: #f58126 !important;
}
.skala-form.orange-form input[type="checkbox"]:checked {
	background-color: #f58126 !important;
}
/*BLOG POST*/
.single-post .wp-block-image {
  margin-top: 50px;
  margin-bottom: 50px;
}
/*HERO*/
.skala-common-ground {
    position: absolute;
    bottom: 0;
    width: 100% !important;
    white-space: nowrap;
}
.skala-common-ground.skala-home {
    position: relative;    
}
.skala-common-ground .elementor-heading-title {
    font-size: 2.2rem !important;
    letter-spacing: .15rem !important;
	text-transform: uppercase; 
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #00000040;
    stroke: #00000040;
    color: #00000000;
}
@media only screen and (min-width: 480px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 2.8rem !important;
        letter-spacing: .2rem !important;
    }
}
@media only screen and (min-width: 767px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 4rem !important;
        letter-spacing: .6rem !important;
    }
}
@media only screen and (min-width: 960px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 5rem !important;
        letter-spacing: 1rem !important;
    }
}
@media only screen and (min-width: 1024px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 5.5rem !important;
        letter-spacing: 1rem !important;
    }
}
@media only screen and (min-width: 1366px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 6rem !important;
        letter-spacing: 2rem !important;
    }
}
@media only screen and (min-width: 1600px) {
    .skala-common-ground .elementor-heading-title {
        font-size: 8rem !important;
        letter-spacing: 2.5rem !important;
    }
}