/* #Imports
================================================== */
/** include in main stylesheet via @import url('ropafont.css'); */
@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Thin.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Thin.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Thin.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 100; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ThinItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ThinItalic.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-ThinItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 100; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraLight.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraLight.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-ExtraLight.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 200; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraLightItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraLightItalic.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-ExtraLightItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 200; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Light.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Light.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Light.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 300; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-LightItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-LightItalic.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-LightItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 300; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Regular.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Regular.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Regular.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 400; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Italic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Italic.woff") format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Italic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 400; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Medium.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Medium.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Medium.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 500; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-MediumItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-MediumItalic.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-MediumItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 500; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Bold.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Bold.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Bold.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 600; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-BoldItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-BoldItalic.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-BoldItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 600; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraBold.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraBold.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-ExtraBold.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 700; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraBoldItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-ExtraBoldItalic.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-ExtraBoldItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 700; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Black.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-Black.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-Black.ttf") format("truetype"); font-display: auto; font-style: normal; font-weight: 800; }

@font-face { font-family: "ropa-sans-pro"; src: url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-BlackItalic.woff2") format("woff2"), url("fonts/RopaSansFamily/RopaSansPro/Web/RopaSansPro-BlackItalic.woff"), format("woff"), url("fonts/RopaSansFamily/RopaSansPro/TTF/RopaSansPro-BlackItalic.ttf") format("truetype"); font-display: auto; font-style: italic; font-weight: 800; }

.tk-ropa-sans-pro { font-family: "ropa-sans-pro",sans-serif; }

/* #Colors
================================================== */
.color-blue { color: #084173 !important; }

.color-red { color: #a71433 !important; }

.color-yellow { color: #ffba00 !important; }

.bg-color-blue { border: 1px solid #084173 !important; background: #084173 !important; color: #ffffff !important; padding: 1em; }

.bg-color-red { border: 1px solid #a71433 !important; background: #a71433 !important; color: #ffffff !important; padding: 1em; }

.bg-color-yellow { border: 1px solid #ffba00 !important; background: #ffba00 !important; color: #ffffff !important; padding: 1em; }

*[class^=bg-color-] * { color: #ffffff; }

*[class^=bg-color-] a { color: #ffffff; }

*[class^=bg-color-] a:hover { color: #f7f7f7; }

/* #Breakpoints
================================================== */
/* usage @var xs, s, m, l, xl (small, medium, big, giant) @var l, p (landsacape, portrait) */
.my-example-box { padding: 10px; }

@media only screen and (min-width: 640px) { .my-example-box { padding: 20px; } }

/* #Gradients
================================================== */
/* #Diagonal shapes
================================================== */
/** Draw a diagonal shape, e.g. as diagonal segregation @author: Matt Coughlin, Pascal Garber @param $color: The color of the shape, default #d71f55 @param $direction: bl-to-tr for bottom-left to top right tr-to-bl for top-right to bottom left tl-to-br for top-left to bottom right br-to-tl for bottom-right to top left @param $height: The height of the shape, default 100px @param $width: The width of the shape, default 100vw @param $color: The color of the shape, default #d71f55 @see also: http://stackoverflow.com/a/11074735/1465919 */
.diagonal-shape.bl-to-tr { height: 0; border-style: solid; border-width: 0 0 100px 100vw; border-color: transparent #d71f55 #d71f55 transparent; }

.diagonal-shape.tr-to-bl { height: 0; border-style: solid; border-width: 100px 100vw 0 0; border-color: #d71f55 transparent transparent #d71f55; }

.diagonal-shape.tl-to-br { height: 0; border-style: solid; border-width: 0 100vw 100px 0; border-color: transparent transparent #d71f55 #d71f55; }

.diagonal-shape.br-to-tl { height: 0; border-style: solid; border-width: 100px 0 0 100vw; border-color: #d71f55 #d71f55 transparent transparent; }

.my-diagonal-shape { height: 0; border-style: solid; border-width: 0 0 1px 100%; border-color: transparent #084173 #084173 transparent; }

/* #Basekick
================================================== */
/** How to Tame Line Height in CSS h1 { @include basekick(4, 8, .11, 8, 4, 0.75); } @see also: https://css-tricks.com/how-to-tame-line-height-in-css/ */
/* #Basic styles
================================================== */
html, body { font-size: 21px; height: auto; margin: 0 !important; padding: 0 !important; moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff; overflow-wrap: normal; }

body { font-size: 1rem; line-height: 1.45em; font-weight: 400; font-family: 'ropa-sans-pro',Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-family: 'ropa-sans-pro', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; /*font-smooth:never;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #7b7b7b; }

body .uk-background-muted { color: #626262; }

body .uk-background-primary, body .uk-background-secondary { color: #ffffff; }

@media only screen and (max-width: 639.99px) { body { font-size: 0.9rem; } }

@media only screen and (min-width: 1200px) { body { font-size: 1.1rem; } }

@media only screen and (min-width: 1600px) { body { font-size: 1.2rem; } }

ul { list-style-type: square; }

main { moz-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; padding-top: 0; position: relative; }

@media only screen and (min-width: 1200px) { main { min-height: calc(100vh - 125px); } }

a, a:hover { text-decoration: none; color: inherit; word-break: normal; }

p a, p a:hover { text-decoration: underline; }

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { font-family: 'ropa-sans-pro',Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color: #484848; }

.monospace { font-family: "bitstream_vera_sans_monobold", monospace !important; }

a[class^='uk-margin'] { display: inline-block; }

em { color: inherit; }

button, .button { text-shadow: none; }

main { padding-top: 60px; }

.hyphenate { word-break: break-word; overflow-wrap: break-word; -webkit-hyphenate-limit-before: 2; /* For Safari */ -webkit-hyphenate-limit-after: 3; /* For Safari */ -ms-hyphenate-limit-chars: 6 2 3; hyphenate-limit-chars: 6 2 3; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

@media only screen and (min-width: 1200px) { main { padding-top: 130px; } }

.block { padding-top: 2.5rem; padding-bottom: 1.5rem; background-size: cover; }

@media only screen and (min-width: 1200px) { .block { padding-top: 5rem; padding-bottom: 3rem; } }

@media only screen and (min-width: 960px) { .mouse-scroller-bar + .block, .next + .block { padding-top: 4rem; } }

@media only screen and (min-width: 1200px) { .mouse-scroller-bar + .block, .next + .block { padding-top: 5rem; } }

article.uk-padding-small:first-child { padding-top: 100px; }

@media only screen and (min-width: 1200px) { article.uk-padding-small:first-child { padding: 30px; padding-top: 5rem; } }

/* search */
.uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-left: 20px; }

/*# sourceMappingURL=matomo.min.css.map */