/*
	paddings / margins
*/

.uk-padding {
	padding: 20px;
}

.uk-padding-medium {
	padding: 20px;
}

.uk-padding-small-left {
	padding-left: 12px;
}
.uk-padding-xsmall-left {
	padding-left: 4px;
}
.uk-padding-small-right {
	padding-right: 12px;
}
.uk-padding-xsmall-right {
	padding-right: 4px;
}

.uk-margin-small-left {
	padding-left: 12px;
}
.uk-padding-xsmall-left {
	padding-left: 4px;
}
.uk-padding-small-right {
	padding-right: 12px;
}
.uk-padding-xsmall-right {
	padding-right: 4px;
}

/* sections */
.uk-section {
	padding-top: 25px;
	padding-bottom: 25px;
}

/* ratio */
.uk-ratio-1-1 {
	padding-top: 100%;
}
.uk-ratio-4-3 {
	padding-top: 75%;
}
.uk-ratio-8-5 {
	padding-top: 62.5%;
}
.uk-ratio-3-2 {
	padding-top: 66.66%;
}
.uk-ratio-16-9 {
	padding-top: 56.25%;
}

/* gaps */
.uk-gap-remove {
	gap: 0;
}
.uk-gap-small {
	gap: 10px;
}
.uk-gap-medium {
	gap: 15px;
}
.uk-gap-large {
	gap: 25px;
}
.uk-gap-xlarge {
	gap: 35px;
}

/* elements */
.uk-button {
	border-radius: 1px;
}

.uk-offcanvas {
	z-index: 1001;
}

.uk-label {
	border-radius: 1px;
}

/*
 	Uikit lightswitch
*/

.uk-switch {
	position: relative;
	display: inline-block;
	height: 34px;
	width: 60px;
}
/* Hide default HTML checkbox */
.uk-switch input {
	display:none;
}
/* Slider */
.uk-switch-slider {
	background-color: rgba(0,0,0,0.22);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 500px;
	bottom: 0;
	cursor: pointer;
	transition-property: background-color;
	transition-duration: .2s;
	box-shadow: inset 0 0 2px rgba(0,0,0,0.07);
}

/* Switch pointer */
.uk-switch-slider:before {
	content: '';
	background-color: #fff;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 2px;
	bottom: 2px;
	border-radius: 50%;
	transition-property: transform, box-shadow;
	transition-duration: .2s;
}
/* Slider active color */
input:checked + .uk-switch-slider {
	background-color: var(--tint-color) !important;
}
/* Pointer active animation */
input:checked + .uk-switch-slider:before {
	transform: translateX(26px);
}

/* Modifiers */
.uk-switch-slider.uk-switch-on-off {
	background-color: #f0506e;
}
input:checked + .uk-switch-slider.uk-switch-on-off {
	background-color: #32d296 !important;
}

/* Style Modifier */
.uk-switch-slider.uk-switch-big:before {
	transform: scale(1.2);
	box-shadow: 0 0 6px rgba(0,0,0,0.22);
}
.uk-switch-slider.uk-switch-small:before {
	box-shadow: 0 0 6px rgba(0,0,0,0.22);
}
input:checked + .uk-switch-slider.uk-switch-big:before {
	transform: translateX(26px) scale(1.2);
}

/* Inverse Modifier - affects only default */
.uk-light .uk-switch-slider:not(.uk-switch-on-off) {
	background-color: rgba(255,255,255,0.22);
}


/* --- Small Devices (e.g., mobile devices, 640px and up) --- */
@media (min-width: 640px) {
	
	/* sections */
	.uk-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	/* padding */
	.uk-padding {
		padding: 30px;
	}	
}

/* --- Medium Devices (e.g., tablets, 960px and up) --- */
@media (min-width: 960px) {

}

/* --- Large Devices (e.g., desktops, 1200px and up) --- */
@media (min-width: 1200px) {

}

/* -- Extra Large Devices (e.g., large desktops, 1600px and up) --- */
@media (min-width: 1600px) {

}