/*
Theme Name:     Zastita mladih
Theme URI:      #
Template:       kadence
Author:         Vojkan Cvijanovic
Author URI:     https://vojkan.net
Description:    WordPress tema za projekat "Zaštita mladih" koji je pokrenuo BG Centar.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

figure.border-size-s {
    border-radius: 12px;
    overflow: hidden;
}

figure.border-size-s img {
    border-radius: 12px;
}

.h-subtitle {
	font-size: var(--text-m);
}

.eyebrow-text-light-bg,
.eyebrow-text-light-bg .kb-adv-heading-inner {
	font: var(--global-body-font-family);
    display: inline-block;
    padding: 8px 12px;
    background: var(--global-palette6);
    color: var(--global-palette9);
    border-radius: 8px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: fit-content;
    font-size: 14px !important;
    font-weight: 500;

}

.h1-like-text {
  font-size: clamp(2.2rem, 1.4rem + 2vw, 3.125rem);
  padding-bottom: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
}

/* paragraph text bottom margin */
#wrapper .single-content address,
#wrapper .single-content figure,
#wrapper .single-content hr,
#wrapper .single-content p,
#wrapper .single-content table,
#wrapper .single-content pre,
#wrapper .single-content form,
#wrapper .single-content .wp-block-buttons,
#wrapper .single-content .wp-block-button,
#wrapper .single-content .wc-block-grid,
#wrapper .single-content .wp-block-kadence-advancedbtn,
#wrapper .single-content .wp-block-media-text,
#wrapper .single-content .wp-block-cover,
#wrapper .single-content .entry-content-asset,
#wrapper .single-content .wp-block-kadence-form,
#wrapper .single-content .wp-block-group,
#wrapper .single-content .wp-block-yoast-faq-block,
#wrapper .single-content .wp-block-yoast-how-to-block,
#wrapper .single-content .schema-faq-section,
#wrapper .single-content .wp-block-kadence-tableofcontents,
#wrapper .single-content .enlighter-default,
#wrapper .single-content .wp-block-kadence-iconlist,
#wrapper .single-content [class*=__inner-content] {
    margin-bottom: var(--global-xs-spacing);
}
/* paragraph text bottom margin end*/

/* Heading spacing override */
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin-top: 0 !important;
	margin-bottom: 0.5rem !important;
}
/*Heading spacing override end */

/* Align center on tablets */
@media (max-width: 1024px) {
.center-on-tablet {
    margin: auto !important;}
}
/* End Align center on tablets */


/* Text width */
.max-width-2xs {max-width:25ch;}
.max-width-xs {max-width:30ch;}
.max-width-s {max-width:40ch;}
.max-width-m {max-width:45ch;}
.max-width-l {max-width:50ch;}
.max-width-xl {max-width:55ch;}
.max-width-2xl {max-width:60ch;}
.max-width-3xl {max-width:65ch;}
.max-width-4xl {max-width:70ch;}

.naslov-maks-sirina{max-width:27ch;}

.uski-tekst-maks-sirina {
	max-width: 38ch;
	margin-left: auto;
	margin-right: auto;}

.max-characters-60 {
	max-width: 52ch;
	margin-left: auto;
	margin-right: auto;}

.podnaslov-maks-sirina {
	max-width: 500px !important;}
/* End Text width */

/* Text highlight defaults */
mark {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.5 1 1.5' stroke='%23dc143c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") bottom left/100% 0.4rem no-repeat !important;
	text-decoration: none !important;
	padding-bottom: 0.4rem !important;
	line-height:1.6;
}

.podvuceno-h1 {
	font-size: 1.94rem !important;
	font-size: var(--text-3xl) !important;
}

/* End Text highlight defaults */



/*Tablet view text align fix*/
@media only screen and (max-width: 767px) {
	.margin-auto {margin: 0 auto ;}
}

.margin-right-0 {
	margin-right: 0px !important;}

/**/

.buttons-vc {
  display: flex;
  justify-content: center;
  gap:5px;
  padding: 10px 0;}

/**/

.site-branding a.brand img {
    max-width: 22rem;
}

/*Font sizes*/

/*End Font sizes*/


.visina-linije-podvuceni-test {
	line-height:2rem;}

.pedding-donji-mali {
	padding-bottom: 2rem;}

.padding-bottom-3-5rem {
	padding-bottom: 3.5rem;}

.bela-slova {
	color: #fff;
	line-height:2rem;}

/* nadnaslov iznad H2*/
.nadnaslov-h2 {
	color:  var(--global-palette8);
	font-weight: 700;
	line-height: 1.4rem;
	margin: 1.5em 0px 0.5em;
	text-transform: uppercase;}
/* nadnaslov iznad H2 end*/



.box-shadow-vc {
/*padding: 45px 30px 45px 30px;*/
	border-radius: 10px 10px 10px 10px;
  box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 20%);
}

.sct-pad-standard-vc1 {
	padding: 5rem 0 5rem 0 !important;
}

.naslov-vc {text-align: left;
	color: var(--global-palette5);
	font-size: 2.2rem;
	line-height: 3.6rem;
	font-weight: 700;
	padding-bottom: 20px;}

@media screen and (max-width: 1024px){
.naslov-vc {
	text-align: center;
	margin: auto;}
}

.grecaptcha-badge { 
    visibility: hidden;}

@media screen and (max-width: 1024px) {
.podnaslov-maks-sirina {
		max-width: 40ch;
	  margin: auto;}
}

@media screen and (max-width: 1024px){
.sakrij-sliku-na-mobilnim {
		display:none;}
}

@media screen and (min-width: 1025px) {
.sakrij-sliku-na-desktopu {
		display:none;}
}

@media screen and (max-width: 1024px) {
.opis-maks-sirina {
	  max-width: 400px;}
}

@media screen and (max-width: 1024px){
.opis-maks-sirina-300 {
	 max-width: 300px;
	 margin: auto;}
}

.opis-maks-sirina-600 {
	  max-width: 600px;
	 margin: auto; }

/* Addiotions by VC */
p {
  max-width: 74ch;
}

/* Poništi ograničenje za Kadence Advanced Heading blok */
p.wp-block-kadence-advancedheading {
  max-width: none;
}

.max-width-27ch {max-width: 27ch;}
.max-width-30ch {max-width: 30ch;}
.max-width-35ch {max-width: 35ch;}
.max-width-45ch {max-width: 45ch;}
.max-width-50ch {max-width: 50ch;}
.max-width-55ch {max-width: 55ch;}
.max-width-60ch {max-width: 60ch;}
.max-width-65ch {max-width: 65ch;}
.max-width-70ch {max-width: 70ch;}

/* 5 stars block */
.margin-right-0 {
	margin-right: 0px !important;}

.reviewcount-vc {
    width: 300px;
    padding: 8px 0;
    border-radius: 6px;}

.five-star-block-width {
	max-width: 340px;}

.margin-right--none {
	margin-right: 0;}

a.nounderline:link {
	text-decoration: none;}

/**/


.highlight-orange-vc {
  margin-left: 0.1rem;
  padding: 0px 20px 5px 15px;
  border-radius: 5rem 5rem 5rem 5rem;
  background-image: linear-gradient(
    -150deg,
    rgba(255, 173, 0, 0.2),
    rgba(255, 173, 0, 0.7) 95%,
    rgba(255, 173, 0, 0.1)
  );
}

.highlight-orange-vc2 {
  margin-left: 0.1rem;
  padding: 0px 20px 5px 0px;
  border-radius: 5rem 5rem 5rem 5rem;
  background-image: linear-gradient(
    -150deg,
    rgba(255, 173, 0, 0.2),
    rgba(255, 173, 0, 0.7) 95%,
    rgba(255, 173, 0, 0.1)
  );
}



/**/
.podvuceno-vc-v1 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.5 1 1.5' stroke='%23dc143c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") bottom left/100% 0.4rem no-repeat;
    text-decoration: none;
    padding-bottom: 0.4rem;
     
}

/**/

@media only screen and (max-width: 1024px)  {
.mobile-align-centar-vc {
    display: flex;
    justify-content: center;
}
}



.btn-products-vc {
    padding: 20px 40px 20px 25px !important;
    border-radius: 0px 32px 32px 0px !important;
    background: var(--global-palette1);
    
}

.btn-products-highlight-text {
  padding: 5px 10px;
  border-radius: 16px;
	background: var(--global-palette2);  
 }


.btn-services-vc {
    padding: 20px 25px 20px 40px !important;
    border-radius: 32px 0px 0px 32px !important;
    background: var(--global-palette3);
    background: #407E99;
}

.btn-services-highlight-text {
	  padding: 5px 10px;
    border-radius: 16px;
    background: var(--global-palette4);
    background: #366b82;

}


.btn-vc {
    color:#fff;
    box-shadow: 0 4px 16px -2px rgb(0 0 0 / 20%);
    font-size: 1rem;
    line-height: 1.4rem;
    text-transform: none;
    text-decoration: none;    
}

.btn-vc:hover {
  filter: brightness(1.15) !important;
  color:#fff;
}

.flex-container-vc{
	display: flex;
  justify-content: left;  
	gap: 7px;
}

.flex-container-center-vc {
  	display: flex;
  justify-content: center;  
	gap: 7px;
}

.left-column-vc, .right-column-vc{ 
   display: flex;
   flex-direction: row;
}
.left-column-vc{
	/*width: 50%; */
  justify-content: left;
}
.right-column-vc{
	width: 50%;
	justify-content: left;
}

@media only screen and (max-width: 1024px){
   .flex-container-vc{
	   flex-direction: column;
   }

   .flex-container-center-vc{
	   flex-direction: column;
   }

   .left-column-vc, .right-column-vc{
	   width: auto;
	   height: 50%;
	   justify-content: center;
   }
   
.btn-products-vc {
    border-radius: 32px 32px 32px 32px !important;
}
.btn-services-vc {
    border-radius: 32px 32px 32px 32px !important;
}
.centriraj-na-mobilnom {
  text-align: center;
}

.small-text-vc, .small-text-white-vc {
  margin-left:0 !important;
  margin-right:0 !important;
}

}

.small-text-vc {
  font-size:0.875rem;
  line-height: 1.5rem;
  font-family: var(--global-body-font-family);
  color: var(--global-palette6);
  padding: 10px;
  margin-left:1.8rem;
  margin-right:1.8rem;
}

.small-text-white-vc {
  font-size:0.875rem;
  line-height: 1.5rem;
  font-family: var(--global-body-font-family);
  color: #ffffff;
  padding: 10px;
  margin-left:2.5rem;
  margin-right:2.5rem;
}


.margin-right-0 {
  margin-right: 0px !important;
}

/* CoreFramework copy start */
html.cf-theme-dark {
    color-scheme: dark;
}
:root, :root.cf-theme-dark .theme-inverted, :root.cf-theme-dark .theme-always-light, :root.cf-theme-light .theme-inverted .theme-always-light {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --primary: hsla(238, 100%, 62%, 1);
    --primary-d-1: hsla(240, 56%, 50%, 1);
    --primary-d-2: hsla(243, 54%, 37%, 1);
    --primary-d-3: hsla(246, 51%, 25%, 1);
    --primary-d-4: hsla(250, 43%, 13%, 1);
    --primary-l-1: hsla(247, 100%, 70%, 1);
    --primary-l-2: hsla(251, 100%, 77%, 1);
    --primary-l-3: hsla(254, 100%, 85%, 1);
    --primary-l-4: hsla(256, 100%, 92%, 1);
    --secondary: hsla(0, 94%, 68%, 1);
    --secondary-d-1: hsla(1, 50%, 53%, 1);
    --secondary-d-2: hsla(1, 42%, 40%, 1);
    --secondary-d-3: hsla(2, 40%, 26%, 1);
    --secondary-d-4: hsla(4, 35%, 14%, 1);
    --secondary-l-1: hsla(3, 100%, 75%, 1);
    --secondary-l-2: hsla(5, 100%, 81%, 1);
    --secondary-l-3: hsla(6, 100%, 87%, 1);
    --secondary-l-4: hsla(7, 100%, 93%, 1);
    --tertiary: hsla(198, 74%, 51%, 1);
    --tertiary-d-1: hsla(199, 63%, 42%, 1);
    --tertiary-d-2: hsla(200, 55%, 32%, 1);
    --tertiary-d-3: hsla(201, 46%, 22%, 1);
    --tertiary-d-4: hsla(203, 35%, 13%, 1);
    --tertiary-l-1: hsla(202, 71%, 65%, 1);
    --tertiary-l-2: hsla(203, 70%, 75%, 1);
    --tertiary-l-3: hsla(204, 70%, 84%, 1);
    --tertiary-l-4: hsla(205, 70%, 92%, 1);
    --bg-body: hsla(0, 0%, 90%, 1);
    --bg-surface: hsla(0, 0%, 100%, 1);
    --text-body: hsla(0, 0%, 25%, 1);
    --text-title: hsla(0, 0%, 0%, 1);
    --border-primary: hsla(0, 0%, 50%, 0.25);
    --shadow-primary: hsla(0, 0%, 0%, 0.15);
    --light: hsla(85, 0%, 100%, 1);
    --light-5: hsla(0, 0%, 100%, 0.05);
    --light-10: hsla(0, 0%, 100%, 0.1);
    --light-20: hsla(0, 0%, 100%, 0.2);
    --light-30: hsla(0, 0%, 100%, 0.3);
    --light-40: hsla(0, 0%, 100%, 0.4);
    --light-50: hsla(0, 0%, 100%, 0.5);
    --light-60: hsla(0, 0%, 100%, 0.6);
    --light-70: hsla(0, 0%, 100%, 0.7);
    --light-80: hsla(0, 0%, 100%, 0.8);
    --light-90: hsla(0, 0%, 100%, 0.9);
    --dark: hsla(0, 0%, 0%, 1);
    --dark-5: hsla(0, 0%, 0%, 0.05);
    --dark-10: hsla(0, 0%, 0%, 0.1);
    --dark-20: hsla(0, 0%, 0%, 0.2);
    --dark-30: hsla(0, 0%, 0%, 0.3);
    --dark-40: hsla(0, 0%, 0%, 0.4);
    --dark-50: hsla(0, 0%, 0%, 0.5);
    --dark-60: hsla(0, 0%, 0%, 0.6);
    --dark-70: hsla(0, 0%, 0%, 0.7);
    --dark-80: hsla(0, 0%, 0%, 0.8);
    --dark-90: hsla(0, 0%, 0%, 0.9);
    --success: hsla(136, 95%, 56%, 1);
    --success-5: hsla(136, 95%, 56%, 0.05);
    --success-10: hsla(136, 95%, 56%, 0.1);
    --success-20: hsla(136, 95%, 56%, 0.2);
    --success-30: hsla(136, 95%, 56%, 0.3);
    --success-40: hsla(136, 95%, 56%, 0.4);
    --success-50: hsla(136, 95%, 56%, 0.5);
    --success-60: hsla(136, 95%, 56%, 0.6);
    --success-70: hsla(136, 95%, 56%, 0.7);
    --success-80: hsla(136, 95%, 56%, 0.8);
    --success-90: hsla(136, 95%, 56%, 0.9);
    --error: hsla(351, 95%, 56%, 1);
    --error-5: hsla(351, 95%, 56%, 0.05);
    --error-10: hsla(351, 95%, 56%, 0.1);
    --error-20: hsla(351, 95%, 56%, 0.2);
    --error-30: hsla(351, 95%, 56%, 0.3);
    --error-40: hsla(351, 95%, 56%, 0.4);
    --error-50: hsla(351, 95%, 56%, 0.5);
    --error-60: hsla(351, 95%, 56%, 0.6);
    --error-70: hsla(351, 95%, 56%, 0.7);
    --error-80: hsla(351, 95%, 56%, 0.8);
    --error-90: hsla(351, 95%, 56%, 0.9);
	
  --space-4xs: clamp(0.17rem,  calc(0.18vw + 0.10rem), 0.42rem);
  --space-3xs: clamp(0.22rem,  calc(0.23vw + 0.13rem), 0.55rem);
  --space-2xs: clamp(0.30rem,  calc(0.31vw + 0.18rem), 0.74rem);
  --space-xs:  clamp(0.39rem,  calc(0.41vw + 0.24rem), 0.98rem);
  --space-s:   clamp(0.52rem,  calc(0.55vw + 0.32rem), 1.31rem);
  --space-s:   clamp(0.75rem,  calc(0.83vw + 0.58rem), 1.31rem);
  --space-m:   clamp(0.70rem,  calc(0.73vw + 0.43rem), 1.75rem);
  --space-l:   clamp(0.93rem,  calc(0.97vw + 0.57rem), 2.33rem);
  --space-xl:  clamp(1.24rem,  calc(1.29vw + 0.76rem), 3.11rem);
  --space-2xl: clamp(1.66rem,  calc(1.72vw + 1.01rem), 4.14rem);
  --space-3xl: clamp(2.21rem,  calc(2.29vw + 1.35rem), 5.53rem);
  --space-4xl: clamp(2.95rem,  calc(3.05vw + 1.80rem), 7.37rem);
  --space-5xl: clamp(3.93rem,  calc(4.06vw + 2.40rem), 9.82rem);
  --space-6xl: clamp(5.24rem,  calc(5.41vw + 3.20rem), 13.09rem);
	
    --text-xs: clamp(0.79rem, calc(-0.23vw + 0.84rem), 0.63rem);
    --text-s: clamp(0.89rem, calc(-0.07vw + 0.9rem), 0.84rem);
    --text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --text-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
    --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
    --text-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem), 2.66rem);
    --text-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem), 3.55rem);
    --text-4xl: clamp(1.8rem, calc(4.34vw + 0.93rem), 4.74rem);
    --hero-title-size: var(--text-4xl);
    --post-title-size: var(--text-2xl);
    --nav-link-size: var(--text-s);
    --header-space: var(--space-s);
    --btn-space: var(--space-xs) var(--space-s);
    --card-space: var(--space-s);
    --footer-space: var(--space-s) var(--space-m);
    --columns-1: repeat(1, minmax(0, 1fr));
    --columns-2: repeat(2, minmax(0, 1fr));
    --columns-3: repeat(3, minmax(0, 1fr));
    --columns-4: repeat(4, minmax(0, 1fr));
    --columns-5: repeat(5, minmax(0, 1fr));
    --columns-6: repeat(6, minmax(0, 1fr));
    --columns-7: repeat(7, minmax(0, 1fr));
    --columns-8: repeat(8, minmax(0, 1fr));
    --radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
    --radius-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);
    --radius-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);
    --radius-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);
    --radius-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);
    --radius-full: 999rem;
    --shadow-xs: 0 1px 2px var(--shadow-primary);
    --shadow-s: 0 1.5px 3px var(--shadow-primary);
    --shadow-m: 0 2px 6px var(--shadow-primary);
    --shadow-l: 0 3px 12px var(--shadow-primary);
    --shadow-xl: 0 6px 48px var(--shadow-primary);
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark {
    --bg-body: hsla(0, 0%, 5%, 1);
    --bg-surface: hsla(0, 0%, 15%, 1);
    --text-body: hsla(0, 0%, 75%, 1);
    --text-title: hsla(0, 0%, 100%, 1);
    --border-primary: hsla(0, 0%, 75%, 0.1);
    --shadow-primary: hsla(0, 0%, 0%, 0.4);
    --light: hsla(0, 0%, 0%, 1);
    --light-5: hsla(0, 0%, 0%, 0.05);
    --light-10: hsla(0, 0%, 0%, 0.1);
    --light-20: hsla(0, 0%, 0%, 0.2);
    --light-30: hsla(0, 0%, 0%, 0.3);
    --light-40: hsla(0, 0%, 0%, 0.4);
    --light-50: hsla(0, 0%, 0%, 0.5);
    --light-60: hsla(0, 0%, 0%, 0.6);
    --light-70: hsla(0, 0%, 0%, 0.7);
    --light-80: hsla(0, 0%, 0%, 0.8);
    --light-90: hsla(0, 0%, 0%, 0.9);
    --dark: hsla(0, 0%, 100%, 1);
    --dark-5: hsla(0, 0%, 100%, 0.05);
    --dark-10: hsla(0, 0%, 100%, 0.1);
    --dark-20: hsla(0, 0%, 100%, 0.2);
    --dark-30: hsla(0, 0%, 100%, 0.3);
    --dark-40: hsla(0, 0%, 100%, 0.4);
    --dark-50: hsla(0, 0%, 100%, 0.5);
    --dark-60: hsla(0, 0%, 100%, 0.6);
    --dark-70: hsla(0, 0%, 100%, 0.7);
    --dark-80: hsla(0, 0%, 100%, 0.8);
    --dark-90: hsla(0, 0%, 100%, 0.9);
}
/* Color System */
/* Fluid Spacing */
.padding-4xs {
    padding: var(--space-4xs);
}
.padding-3xs {
    padding: var(--space-3xs);
}
.padding-2xs {
    padding: var(--space-2xs);
}
.padding-xs {
    padding: var(--space-xs);
}
.padding-s {
    padding: var(--space-s);
}
.padding-m {
    padding: var(--space-m);
}
.padding-l {
    padding: var(--space-l);
}
.padding-xl {
    padding: var(--space-xl);
}
.padding-2xl {
    padding: var(--space-2xl);
}
.padding-3xl {
    padding: var(--space-3xl);
}
.padding-4xl {
    padding: var(--space-4xl);
}
.padding-5xl {
    padding: var(--space-5xl);
}
.padding-6xl {
    padding: var(--space-6xl);
}
.padding-left-4xs {
    padding-left: var(--space-4xs);
}
.padding-left-3xs {
    padding-left: var(--space-3xs);
}
.padding-left-2xs {
    padding-left: var(--space-2xs);
}
.padding-left-xs {
    padding-left: var(--space-xs);
}
.padding-left-s {
    padding-left: var(--space-s);
}
.padding-left-m {
    padding-left: var(--space-m);
}
.padding-left-l {
    padding-left: var(--space-l);
}
.padding-left-xl {
    padding-left: var(--space-xl);
}
.padding-left-2xl {
    padding-left: var(--space-2xl);
}
.padding-left-3xl {
    padding-left: var(--space-3xl);
}
.padding-left-4xl {
    padding-left: var(--space-4xl);
}
.padding-left-5xl {
    padding-left: var(--space-5xl);
}
.padding-left-6xl {
    padding-left: var(--space-6xl);
}
.padding-right-4xs {
    padding-right: var(--space-4xs);
}
.padding-right-3xs {
    padding-right: var(--space-3xs);
}
.padding-right-2xs {
    padding-right: var(--space-2xs);
}
.padding-right-xs {
    padding-right: var(--space-xs);
}
.padding-right-s {
    padding-right: var(--space-s);
}
.padding-right-m {
    padding-right: var(--space-m);
}
.padding-right-l {
    padding-right: var(--space-l);
}
.padding-right-xl {
    padding-right: var(--space-xl);
}
.padding-right-2xl {
    padding-right: var(--space-2xl);
}
.padding-right-3xl {
    padding-right: var(--space-3xl);
}
.padding-right-4xl {
    padding-right: var(--space-4xl);
}
.padding-right-5xl {
    padding-right: var(--space-5xl);
}
.padding-right-6xl {
    padding-right: var(--space-6xl);
}
.padding-top-4xs {
    padding-top: var(--space-4xs);
}
.padding-top-3xs {
    padding-top: var(--space-3xs);
}
.padding-top-2xs {
    padding-top: var(--space-2xs);
}
.padding-top-xs {
    padding-top: var(--space-xs);
}
.padding-top-s {
    padding-top: var(--space-s);
}
.padding-top-m {
    padding-top: var(--space-m);
}
.padding-top-l {
    padding-top: var(--space-l);
}
.padding-top-xl {
    padding-top: var(--space-xl);
}
.padding-top-2xl {
    padding-top: var(--space-2xl);
}
.padding-top-3xl {
    padding-top: var(--space-3xl);
}
.padding-top-4xl {
    padding-top: var(--space-4xl);
}
.padding-top-5xl {
    padding-top: var(--space-5xl);
}
.padding-top-6xl {
    padding-top: var(--space-6xl);
}
.padding-bottom-4xs {
    padding-bottom: var(--space-4xs);
}
.padding-bottom-3xs {
    padding-bottom: var(--space-3xs);
}
.padding-bottom-2xs {
    padding-bottom: var(--space-2xs);
}
.padding-bottom-xs {
    padding-bottom: var(--space-xs);
}
.padding-bottom-s {
    padding-bottom: var(--space-s);
}
.padding-bottom-m {
    padding-bottom: var(--space-m);
}
.padding-bottom-l {
    padding-bottom: var(--space-l);
}
.padding-bottom-xl {
    padding-bottom: var(--space-xl);
}
.padding-bottom-2xl {
    padding-bottom: var(--space-2xl);
}
.padding-bottom-3xl {
    padding-bottom: var(--space-3xl);
}
.padding-bottom-4xl {
    padding-bottom: var(--space-4xl);
}
.padding-bottom-5xl {
    padding-bottom: var(--space-5xl);
}
.padding-bottom-6xl {
    padding-bottom: var(--space-6xl);
}
.padding-horizontal-4xs {
    padding-left: var(--space-4xs);
    padding-right: var(--space-4xs);
}
.padding-horizontal-3xs {
    padding-left: var(--space-3xs);
    padding-right: var(--space-3xs);
}
.padding-horizontal-2xs {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs);
}
.padding-horizontal-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
}
.padding-horizontal-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}
.padding-horizontal-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}
.padding-horizontal-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
}
.padding-horizontal-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
}
.padding-horizontal-2xl {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
}
.padding-horizontal-3xl {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
}
.padding-horizontal-4xl {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl);
}
.padding-horizontal-5xl {
    padding-left: var(--space-5xl);
    padding-right: var(--space-5xl);
}
.padding-horizontal-6xl {
    padding-left: var(--space-6xl);
    padding-right: var(--space-6xl);
}
.padding-vertical-4xs {
    padding-top: var(--space-4xs);
    padding-bottom: var(--space-4xs);
}
.padding-vertical-3xs {
    padding-top: var(--space-3xs);
    padding-bottom: var(--space-3xs);
}
.padding-vertical-2xs {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
}
.padding-vertical-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
}
.padding-vertical-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}
.padding-vertical-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}
.padding-vertical-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}
.padding-vertical-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}
.padding-vertical-2xl {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
}
.padding-vertical-3xl {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
}
.padding-vertical-4xl {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
}
.padding-vertical-5xl {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
}
.padding-vertical-6xl {
    padding-top: var(--space-6xl);
    padding-bottom: var(--space-6xl);
}
/* Fluid Typography */
/* Contextual variables */
/* Grid Variables */
/* Custom Stylesheets */
/* Add your custom CSS here */

/* Core framework copy end*/