/*   background-color: coral;  */


/* dropdown nuoli on keskitetty */
 
svg {
  vertical-align: middle;
}




@charset "UTF-8";
@font-face {
  font-family: 'Antiikkinen';
  src: url("./Antiikkinen16-Regular.ttf");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/ldgrotesk_web/LDGrotesk-RegularWeb.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/ldgrotesk_web/LDGrotesk-RegularWeb.woff") format("woff"), url("../assets/fonts/ldgrotesk_web/LD_Grotesk-RegularWeb.woff2") format("woff2"), url("./Antiikkinen16-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
}

@font-face {
    font-family: 'antiikkinen_nro_16regular';
    src: url('antiikkinen16-regular.woff2') format('woff2'),
         url('antiikkinen16-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* ========================================================================
   Component: Print
 ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  
  
  a:hover {
  outline: none;
}
  
  
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

body {

margin: 0px;
}



#padding-remove-right a {
  padding-right: 0px;
}

.title {
  padding-left: 0px;
}

.header {
  
}







/* Ei tarvi?

.list_icon:hover {
  text-decoration: none;
}




.ld_icon a:hover {
  text-decoration: none;
}

*/

.fnt_info, .info_small, .fnt_news {
  font-size: 70%;
  text-transform: uppercase;
  letter-spacing: 1px;
}


/* Ei tarvi?
.line {
  margin-top: 0px;
  margin-bottom: 0px;
}
*/


.sections {
  padding-top: 20px;
  padding-bottom: 20px;
}













/* Sivun taustaväri ja select size/style kokeile myös white ja fffcfa*/

.teaser {
  background-color: #f8f8f8;
  word-wrap: break-word;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
}

.fnt_info {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.fnt_info a {
  color: #1f1f1f;
}

.fnt_teaser, .fnt_head {
  font-size: 5vh;
  line-height: 120%;
  text-transform: none;
  letter-spacing: normal;
  margin-top: 20px;
}

.int_head {
  font-size: 4vh;
}

.fam_name {
  font-size: 12vw;
  line-height: 100%;
}

.fam_name:focus {
  outline: none;
}

@media only screen and (orientation: landscape) {
  .fnt_teaser, .fnt_head {
    font-size: 5vw;
  }
  .int_head {
    font-size: 4vw;
  }
}

.fnt_teaser:focus {
  outline: none;
}

.fnt_size_slider {
  position: relative;
  float: left;
}























/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 * 4. Style
 */
.uk-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  /* 3 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 200px;
  /* 4 */
  padding: 15px;
  background: #f8f8f8;
  color: #1f1f1f;
}

/* Show */
.uk-dropdown.uk-open {
  display: block;
}



/* Nav
 * Adopts `uk-nav`
 ========================================================================== */
.uk-dropdown-nav {
  white-space: nowrap;
}

/*
 * Items
 */
.uk-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Focus + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
  color: #1f1f1f;
}

/*
 * Header
 */
.uk-dropdown-nav .uk-nav-header {
  color: #333;
}

/*
 * Divider
 */
.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}













/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-slidenav {
  padding: 5px 10px;
  color: rgba(31, 31, 31, 0.5);
}

/* Hover + Focus */
.uk-slidenav:hover,
.uk-slidenav:focus {
  color: rgba(31, 31, 31, 0.9);
  outline: none;
}

/* OnClick */
.uk-slidenav:active {
  color: rgba(31, 31, 31, 0.5);
}
















.uk-container {
  display: flow-root;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
	
  }
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
	
  }
}





/*
 * Remove margin from the last-child
 */
.uk-container > :last-child {
  margin-bottom: 0;
}

/*
 * Remove padding from nested containers
 */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}














/* ========================================================================
   Klikkaa tekstiä editoidaksesi
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
 * 4. Dimensions
 * 5. Style
 */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  top: 0;
  /* 4 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 300px;
  padding: 3px 6px;
  /* 5 */
  background: #666;
  border-radius: 2px;
  color: #fff;
  /* klikkaa tekstiä editoidaksesi väri*/
  
  font-size: 16px;
}

/* Show */
.uk-tooltip.uk-active {
  display: block;
}






/* ========================================================================
   Tarvii olla että dropdownit on rinnakkain, eikä allekkain
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
.uk-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */
.uk-grid > * {
  margin: 0;
}

/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}











/* ========================================================================
   Component: Tässä on sliderin tyyli
 ========================================================================== */
/*
 * 1. Normalize and defaults
 * 2. Prevent content overflow if a fixed width is used
 * 3. Take the full width
 * 4. Remove default style
 * 5. Remove white background in Chrome
 * 6. Remove padding in IE11
 */
.uk-range {
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  /* 2 */
  max-width: 100%;
  /* 3 */
  width: 100%;
  /* 4 */
  -webkit-appearance: none;
  /* 5 */
  background: transparent;
  /* 6 */
  padding: 0px;
}

/* Focus */
.uk-range:focus {
  outline: none;
}

.uk-range::-moz-focus-outer {
  border: none;
}

/* IE11 Reset */
.uk-range::-ms-track {
  height: 15px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-range:not(:disabled)::-webkit-slider-thumb {
  cursor: pointer;
}

.uk-range:not(:disabled)::-moz-range-thumb {
  cursor: pointer;
}

.uk-range:not(:disabled)::-ms-thumb {
  cursor: pointer;
}

/* Thumb
 ========================================================================== */
/*
 * 1. Reset
 * 2. Style
 */
/* Webkit */
.uk-range::-webkit-slider-thumb {
  /* 1 */
  -webkit-appearance: none;
  margin-top: -7px;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 0px;
  background: #1f1f1f;
}

/* Firefox */
.uk-range::-moz-range-thumb {
  /* 1 */
  border: none;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 0px;
  background: #1f1f1f;
}

/* Edge */
.uk-range::-ms-thumb {
  /* 1 */
  margin-top: 0;
}

/* IE11 */
.uk-range::-ms-thumb {
  /* 1 */
  border: none;
  /* 2 */
  height: 15px;
  width: 15px;
  border-radius: 0px;
  background: #1f1f1f;
}

/* Edge + IE11 */
.uk-range::-ms-tooltip {
  display: none;
}

/* Track
 ========================================================================== */
/*
 * 1. Safari doesn't have a focus state. Using active instead.
 */
/* Webkit */
.uk-range::-webkit-slider-runnable-track {
  height: 1px;
  background: #8c8c8c;
}

.uk-range:focus::-webkit-slider-runnable-track,
.uk-range:active::-webkit-slider-runnable-track {
  background: #737373;
}

/* Firefox */
.uk-range::-moz-range-track {
  height: 1px;
  background: #8c8c8c;
}

.uk-range:focus::-moz-range-track {
  background: #737373;
}

/* Edge */
.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
  height: 1px;
  background: #8c8c8c;
}

.uk-range:focus::-ms-fill-lower,
.uk-range:focus::-ms-fill-upper {
  background: #737373;
}





html {
  /* 1 */
  font-family: Arial, sans-serif;
  font-size: 18px;

  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #1f1f1f;
}





/* Links
 ========================================================================== */
/*
 * Remove the outline on focused links when they are also active or hovered
 */
a:active,
a:hover {
  outline: none;
}

/*
 * Style
 */
a,
.uk-link {
  color: #1f1f1f;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #999;
  text-decoration: underline;
}







/* Embedded content
 ========================================================================== */
/*
 * Remove the gap between embedded content and the bottom of their containers.
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * 1. Add responsiveness.
 * 2. Auto-scale the height. Only needed if `height` attribute is present.
 * 3. Corrects responsive `max-width` behavior if padding and border are used.
 * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio.
 */
canvas,
img,







/*
 * Sliderin komponentit (voi vielä karsia kohtia)
 */









/* ========================================================================
   Component: Nav (tarvii, poistaa bulletit dropdownista)
 ========================================================================== */
/*
 * Reset
 * 1. Prepare lists
 * 2. Prepare links
 * 3. Remove default focus style
 */
/* 1 */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 2 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}

/* 3 */
.uk-nav li > a:focus {
  outline: none;
}

/*
 * Items
 * Must target `a` elements to exclude other elements (e.g. lists)
 */
 
 /* kuinka väljää dropdownissa */
.uk-nav > li > a {
  padding: 10px 0;
}







/* ========================================================================
   Component: Subnav  (bulletit pois tarvii)  list-style: none;
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Gutter
 * 3. Reset list
 */
.uk-subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* 2 */
  margin-left: -20px;
  /* 3 */
  padding: 0;
  list-style: none;
}

/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-subnav > * {
  /* 1 */
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  position: relative;
}











/* Items (tarvii) valitse fontti ja fontin koko
 ========================================================================== */
/*
 * Items must target `a` elements to exclude other elements (e.g. dropdowns)
 * Using `:first-child` instead of `a` to support `span` elements for text
 * 1. Prevent gap if child element is `inline-block`, e.g. an icon
 * 2. Style
 */
.uk-subnav > * > :first-child {
  /* 1 */
  display: block;
  /* 2 */
  color: #999;
  margin-left: 20px;
}

/* Hover + Focus */
.uk-subnav > * > a:hover,
.uk-subnav > * > a:focus {
  color: #1f1f1f;
  text-decoration: none;
  outline: none;
}

/* Active */
.uk-subnav > .uk-active > a {
  color: #333;
}