/* licenced font peridot-pe-variable */
@font-face {
font-family:"uas-variable";
src:url("../fonts/uas-variable.woff2") format("woff2");
}

.uas-variable { font-family: "uas-variable",sans-serif; }

body {
    font-size:1rem;
    font-variation-settings: 'wght' 500, 'wdth' 100, 'ital' 0;
    line-height: 1.675;
    text-rendering: optimizeLegibility;
}

@media screen and (min-width: 47.5rem) {
    body {
        font-size: 1rem;
    }
    
    .uk-text-small {
    font-size: 0.875rem;
    line-height:1.5;
    }

}

@media screen and (min-width: 68.75rem) {
    body {
        font-size: 1.125rem;
    }
    .uk-text-small {
    font-size: 1rem;
    line-height:1.6;
    }
}

@media screen and (min-width: 87.5rem) {
    body {
        font-size: 1.125rem;
    }
    .uk-text-small {
    font-size: 1rem;
    line-height:1.6;
    }
}

strong {
    font-variation-settings: 'wght' 700, 'ital' 0;
}

.uk-text-bold {
    font-variation-settings: 'wght' 700, 'ital' 0;   
    font-weight:unset !important;
}

.uk-text-bolder {
    font-variation-settings: 'wght' 900, 'ital' 0;   
    font-weight:unset !important;
}

.uk-text-smaller-condensed {
    	font-size: 13px;
    font-variation-settings: 'wght' 400, 'wdth' 72, 'ital' 0;
}

.uk-text-smaller {
    font-size: 0.875rem;
}

.uk-padding-xsmall {
    padding:3px 10px;
}

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

.uk-text-shadow {
text-shadow: 1px 1px 0 #333;  
}

.uk-text-overlay {
    background-color: #00000075; padding: 6px 6px; border-radius: 50%; width:50px; height:50px;
}
.uk-grid-xsmall > .uk-grid-margin {
    margin-top: 10px;
}



/* peridot pe variations ------------------------------------------------- */

.pe-10 {
    font-size:0.625rem;
}
.pe-11 {
    font-size:0.6875rem;
}
.pe-12 {
    font-size:0.75rem;
}
.pe-13 {
    font-size:0.8125rem;
}
.pe-14 {
    font-size:0.875rem;
}
.pe-15 {
    font-size:0.9375rem;
}
.pe-17 {
    font-size:1.0625rem;
}
.pe-18 {
    font-size:1.125rem;
}
.pe-20 {
    font-size:1.25rem;
}
.pe-22 {
    font-size:1.375rem;
}
.pe-24 {
    font-size:1.5rem;
}

.pe-narrow {
  font-variation-settings: 'wdth' 50, 'ital' 0;
}

.pe-condensed {
  font-variation-settings: 'wdth' 72, 'ital' 0;
}


.pe-100, .pe-title-100 h2, .pe-title-100 h3, .pe-title-100 h4 {
  font-variation-settings: 'wght' 100;
}

.pe-300, .pe-title-300 h2, .pe-title-300 h3, .pe-title-300 h4 {
  font-variation-settings: 'wght' 400;
}

.pe-400, .pe-title-400 h2, .pe-title-400 h3, .pe-title-400 h4 {
  font-variation-settings: 'wght' 300;
}

.pe-500, .pe-title-500 h2, .pe-title-500 h3, .pe-title-500 h4 {
  font-variation-settings: 'wght' 500;
}

.pe-600, .pe-title-600 h2, .pe-title-600 h3, .pe-title-600 h4 {
  font-variation-settings: 'wght' 600;
}

.pe-700, .pe-title-700 h2, .pe-title-700 h3, .pe-title-700 h4 {
  font-variation-settings: 'wght' 700;
}

.pe-800, .pe-title-800 h2, .pe-title-800 h3, .pe-title-800 h4 {
  font-variation-settings: 'wght' 800;
}

.pe-900, .pe-title-900 h2, .pe-title-900 h3, .pe-title-900 h4 {
  font-variation-settings: 'wght' 900;
}

.pe-narrow-300, .pe-title-narrow-300 h2, .pe-title-narrow-300 h3, .pe-title-narrow-300 h4 {
  font-variation-settings: 'wght' 300, 'wdth' 50, 'ital' 0;
}

.pe-condensed-300, .pe-title-condensed-300 h2, .pe-title-condensed-300 h3, .pe-title-condensed-300 h4 {
  font-variation-settings: 'wght' 300, 'wdth' 72, 'ital' 0;
}


.pe-narrow-500, .pe-title-narrow-500 h2, .pe-title-narrow-500 h3, .pe-title-narrow-500 h4 {
  font-variation-settings: 'wght' 500, 'wdth' 50, 'ital' 0;
}

.pe-condensed-500, .pe-title-condensed-500 h2, .pe-title-condensed-500 h3, .pe-title-condensed-500 h4 {
  font-variation-settings: 'wght' 500, 'wdth' 72, 'ital' 0;
}


.pe-narrow-600, .pe-title-narrow-600 h2, .pe-title-narrow-600 h3, .pe-title-narrow-600 h4 {
  font-variation-settings: 'wght' 600, 'wdth' 50, 'ital' 0;
}

.pe-condensed-600, .pe-title-condensed-600 h2, .pe-title-condensed-600 h3, .pe-title-condensed-600 h4 {
  font-variation-settings: 'wght' 600, 'wdth' 72, 'ital' 0;
}


.pe-narrow-700, .pe-title-narrow-700 h2, .pe-title-narrow-700 h3, .pe-title-narrow-700 h4 {
  font-variation-settings: 'wght' 700, 'wdth' 50, 'ital' 0;
}

.pe-condensed-700, .pe-title-condensed-700 h2, .pe-title-condensed-700 h3, .pe-title-condensed-700 h4 {
  font-variation-settings: 'wght' 700, 'wdth' 72, 'ital' 0;
}


.pe-narrow-800, .pe-title-narrow-800 h2, .pe-title-narrow-800 h3, .pe-title-narrow-800 h4 {
  font-variation-settings: 'wght' 800, 'wdth' 50, 'ital' 0;
}

.pe-condensed-800, .pe-title-condensed-800 h2, .pe-title-condensed-800 h3, .pe-title-condensed-800 h4 {
  font-variation-settings: 'wght' 800, 'wdth' 72, 'ital' 0;
}


.pe-narrow-900, .pe-title-narrow-900 h2, .pe-title-narrow-900 h3, .pe-title-narrow-900 h4 {
  font-variation-settings: 'wght' 900, 'wdth' 50, 'ital' 0;
}

.pe-condensed-900, .pe-title-condensed-900 h2, .pe-title-condensed-900 h3, .pe-title-condensed-900 h4 {
  font-variation-settings: 'wght' 900, 'wdth' 72, 'ital' 0;
}


/* utility ------------------------------------------------- */

.uk-noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

/* special colors ------------------------------------------------- */

.text-white {color:white;}
.text-white-80 {color:rgba(255,255,255,1);}
.text-white-60 {color:rgba(255,255,255,0.75);}
.light-yellow {color:#FFFF71;}
.light-yellow-60 {color:rgba(255,255,113,1);}
.light-green {color:#A1FF0A;}
.light-green-80 {color:rgba(161,255,10,0.8);}
.dark-green {color: #0AFF99;}
.dark-green-80 {color:rgba(10,255,153,1);}
.highway-green {color:#04AA6D;}
.highway-green-80 {color:rgba(4,170,109,0.8);}
.light-blue {color:#0AEFFF;}
.light-blue-80 {color:rgba(10,239,255,1);}
.middle-blue {color:#19a5ff;}
.middle-blue-80 {color:rgba(25, 165, 255,1);}
.dark-blue {color:#147DF5;}
.dark-blue-80 {color:rgba(20,125,245,0.8);}
.light-red {color:#FF0000;}
.light-red-80 {color:rgba(255, 0, 0,0.8);}
.light-orange {color:#FFD300;}
.light-orange-80 {color:rgba(255,211,0,0.8);}
.dark-orange {color:#FF8700;}
.dark-orange-80 {color:rgba(255,135,0,0.8);}
.light-lemon {color:#DEFF0A;}
.light-lemon-80 {color:rgba(222, 255, 10,0.8);}
.dark-purple {color:#580AFF;}
.dark-purple-80 {color:rgba(88, 10, 255,0.8);}
.light-purple {color:#BE0AFF;}
.light-purple-80 {color:rgba(190, 10, 255,0.8);}