:root {
        --button-corner-radius: 4px;
	--button-default-colour: var(--theme-palette-color-13);
	--button-default-colour-hover: var(--theme-palette-color-12);
	--button-padding-top: .9rem;
	--button-padding-bottom: .9rem;
	--button-padding-left: 2.5rem;
	--button-padding-right: 2.5rem;
        --button-padding-right-arrow: 1.5rem;
        --h-6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
        --h-5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
        --h-4: clamp(1.25rem, 0.806rem + 0.926vw, 1.5rem);
        --h-3: clamp(1.75rem, 0.833rem + 1.389vw, 2rem);
        --h-2: clamp(2.25rem, 1.583rem + 1.389vw, 2.625rem);
        --h-1: clamp(3rem, 1.667rem + 2.778vw, 3.75rem);
        --h-title: clamp(3rem, 0.778rem + 4.63vw, 4.25rem);	

        --text-xs: .8rem;
        --text-s: 1rem;
        --text-m: 1.125rem;
        --text-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
        --text-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);
}

body, button, input, select, textarea { 
    font-size: var(--text-m) !important;
}


.text-xs {font-size: var(--text-xs) !important;}
.text-s {font-size: var(--text-s) !important;}
.text-m {font-size: var(--text-m) !important;}
.text-l {font-size: var(--text-l) !important;}
.text-xl {font-size: var(--text-xl) !important;}

h1 {font-size: var(--h-1);}
h2 {font-size: var(--h-2);}
h3 {font-size: var(--h-3);}
h4 {font-size: var(--h-4);}
h5 {font-size: var(--h-5);}
h6 {font-size: var(--h-6);}

.lookslikeh1 {font-size: var(--h-1);}
.lookslikeh2 {font-size: var(--h-2);}
.lookslikeh3 {font-size: var(--h-3);}
.lookslikeh4 {font-size: var(--h-4) !important;}
.lookslikeh5 {font-size: var(--h-5);}
.lookslikeh6 {font-size: var(--h-6);}

.wsf-form .wsf-field-wrapper .wsf-button {
          background : var(--theme-button-background-initial-color);
	  border-color : var(--theme-button-background-initial-color);
          color: #FFFFFF !important;
          font-family: var(--theme-button-font-family) !important;

}

.wsf-form .wsf-field-wrapper .wsf-button:hover {
          background : var(--theme-button-background-hover-color);
	  border-color : var(--theme-button-background-hover-color);
          color: #FFFFFF;

}

.ct-header .ct-button {
          font-family: var(--theme-button-font-family) !important;
}

.wsf-form {
	font-size: inherit !important;
}

.wsf-label {
	font-size: inherit !important;
}

.wsf-button {
	font-size: inherit !important;
}




.elementor-button, .wsf-button, .ct-button {
        transition: transform 0.4s !important;
        border-radius: var(--button-corner-radius) !important;
	padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
	background-color: var(--button-default-colour) !important;
	font-size: var(--text-m);
	transition: all 1s ease-out;
	color: #FFFFFF !important;
    line-height: 1rem !important;
    font-family: var(--theme-button-font-family);
}

.elementor-button:hover, .wsf-button:hover, .ct-button:hover {
        transform: translateX(7px);
        filter: brightness(100%);
background-color: var(--button-default-colour-hover) !important;
	transition: all 1s ease-in;
	
}

.button-alt .elementor-button {
	background-color: var(--theme-palette-color-21) !important;
        color: var(--theme-palette-color-1) !important;
}
     
.button-alt .elementor-button:hover {
	background-color: var(--theme-palette-color-20) !important;
        color: var(--theme-palette-color-1) !important;
}
     


.button-dark .elementor-button {
	background-color: var(--theme-palette-color-6) !important;
}

.button-dark .elementor-button:hover {
	background-color: var(--theme-palette-color-5) !important;
}

.button-light .elementor-button {
	background-color: var(--theme-palette-color-1) !important;
        color: black !important;
}

.button-light .elementor-button:hover {
	background-color: var(--theme-palette-color-1) !important;
	color:black !important;
}


.button-outline-dark .elementor-button{
        background-color: transparent !important;
        color: black !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-3 );
}


.button-outline-dark .elementor-button:hover{
        background-color: transparent;
        color: black !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-3 );
}


.button-outline-light .elementor-button {
        background-color: transparent !important;
        color: white !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-1 );
}

.button-outline-light .elementor-button:hover {
        background-color: transparent !important;
        color: white !important;
        box-shadow: inset 0px 0px 0px 1px var(--theme-palette-color-1 );
}


.elementor-blockquote--skin-quotation .elementor-blockquote:before{
	color:var(--theme-palette-color-13) !important;
}


/* Buttons with RIGHT ARROW */



.right-arrow .elementor-button
{
	padding-right: var(--button-padding-right-arrow) !important;
}
.right-arrow .elementor-button-text::after {
   content : '\2192';
   margin-left : 1rem;
	 position: relative;
	 float: right;

}