/* 
Theme Name: Cladix
Theme URI: https://www.cladix.eu
Description: Cladix thema
Author: Cladix
Author URI: https://www.cladix.eu
Template: hello-elementor
Version: 2.0.0
Text Domain: cladix
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --section-xl: 8rem 4rem;
  --section-large: 7rem 4rem;
  --section-medium: 6rem 4rem;
  --section-small: 5rem 4rem;
  --section-xs: 4rem 4rem;
  --section-xxs: 3rem 3rem;
  --section-xxxs: 2rem 2rem;
  --section-none: 0 4rem;

  --gap-0: 0;
  --gap-xxs: clamp(0.5rem, 1.5vw + 0.25rem, 1.5rem);
  --gap-xs:  clamp(1.5rem, 1.6vw + 0.8rem, 1.75rem);
  --gap-s:   clamp(2rem,   1.5vw + 1rem,   2.5rem);
  --gap-m:   clamp(2rem,   2.5vw + 1rem,   3.5rem);
  --gap-l:   clamp(2rem,   3vw + 1rem,     4.5rem);
  --gap-xl:  clamp(2rem,   4vw + 1rem,     5.5rem);
  --gap-xxl: clamp(2rem,   5vw + 1rem,     6rem);

}

@media (max-width: 1024px) {
  :root {
    --section-xl: 8rem 3rem;
    --section-large: 6rem 3rem;
    --section-medium: 5rem 3rem;
    --section-small: 4rem 3rem;
    --section-xs: 3rem 3rem;
	--section-none: 0 3rem;
  }
}

@media (max-width: 767px) {
  :root {
    --section-xl: 3rem 2rem;
    --section-large: 3rem 2rem;
    --section-medium: 3rem 2rem;
    --section-small: 3rem 2rem;
    --section-xs: 3rem 3rem;
  }
}
.padding-xl.e-con, .padding-xl.e-con-full, .padding-xl.e-con-boxed { padding: var(--section-xl); }
.padding-l.e-con, .padding-l.e-con-full, .padding-l.e-con-boxed { padding: var(--section-large); }
.padding-m.e-con, .padding-m.e-con-full, .padding-m.e-con-boxed { padding: var(--section-medium); }
.padding-s.e-con, .padding-s.e-con-full, .padding-s.e-con-boxed { padding: var(--section-small); }
.padding-xs.e-con, .padding-xs.e-con-full, .padding-xs.e-con-boxed { padding: var(--section-xs); }
.padding-xxs.e-con, .padding-xxs.e-con-full, .padding-xxs.e-con-boxed { padding: var(--section-xxs); }
.padding-xxxs.e-con, .padding-xxxs.e-con-full, .padding-xxxs.e-con-boxed { padding: var(--section-xxxs); }
.padding-0.e-con, .padding-0.e-con-full, .padding-0.e-con-boxed { padding: var(--section-none); }

/*** Container Column Gaps ***/ 
.uabc-gap-0.e-con, .uabc-gap-0.e-con > .e-con-inner { gap: var(--gap-0); }
.uabc-gap-xxs.e-con, .uabc-gap-xxs.e-con > .e-con-inner { gap: var(--gap-xxs); }
.uabc-gap-xs.e-con, .uabc-gap-xs.e-con > .e-con-inner { gap: var(--gap-xs); }
.uabc-gap-s.e-con, .uabc-gap-s.e-con > .e-con-inner { gap: var(--gap-s); }
.uabc-gap-m.e-con, .uabc-gap-m.e-con > .e-con-inner { gap: var(--gap-m); }
.uabc-gap-l.e-con, .uabc-gap-l.e-con > .e-con-inner { gap: var(--gap-l); }
.uabc-gap-xl.e-con, .uabc-gap-xl.e-con > .e-con-inner { gap: var(--gap-xl); }
.uabc-gap-xxl.e-con, .uabc-gap-xxl.e-con > .e-con-inner { gap: var(--gap-xxl); }