/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* @import "compass/reset"; */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 9, ../sass/_pk-attr.scss */
i.fa.fa-heart-o.pulse,
i.fa.fa-heart.pulse {
  color: #920;
}

/* line 14, ../sass/_pk-attr.scss */
i.fa.fa-beer {
  color: #ffc333;
}

/* line 18, ../sass/_pk-attr.scss */
.pk-logo-icon {
  height: 14px;
  width: 14px;
}

/* line 23, ../sass/_pk-attr.scss */
.pulse {
  transform-origin: 70% 70%;
  animation-name: pulse_animation;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.15);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 13, ../sass/screen.scss */
html {
  overflow-y: auto;
}

/* line 17, ../sass/screen.scss */
html,
body {
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
}

/* line 22, ../sass/screen.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

/* line 31, ../sass/screen.scss */
.has-background-black-opaque {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

/* line 35, ../sass/screen.scss */
.has-background-white-opaque {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

/* target divider bg between 'pas' and 'kainos' */
/* line 40, ../sass/screen.scss */
.has-divider-black-opaque.is-divider-vertical[data-content]::before {
  border-color: rgba(18, 18, 18, 0.85) !important;
}

/* line 44, ../sass/screen.scss */
.has-divider-black-opaque.is-divider-vertical[data-content]::after {
  background-color: rgba(18, 18, 18, 0.85) !important;
}

/* line 48, ../sass/screen.scss */
.dramatic-box-shadow {
  box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 70px;
}

/* line 52, ../sass/screen.scss */
.small-caps {
  font-variant: small-caps;
}

/* line 56, ../sass/screen.scss */
.is-divider-vertical[data-content]::after {
  color: #4a4a4a !important;
  padding: .4rem .8rem !important;
  font-weight: bold;
}

/* line 62, ../sass/screen.scss */
.is-padded-tb-4 {
  padding: 3.5rem .75rem;
  /* i.e. top / bottom padding x 4 */
}

/* line 67, ../sass/screen.scss */
.hero .card a {
  color: #3273dc !important;
}

/* line 71, ../sass/screen.scss */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65)), url("//source.unsplash.com/collection/204") no-repeat center center fixed;
  /* See: https://source.unsplash.com/ */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 81, ../sass/screen.scss */
.hero .nav,
.hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 87, ../sass/screen.scss */
.hero .subtitle {
  padding: 3rem 0;
  line-height: 1.5;
}

/* line 92, ../sass/screen.scss */
.hero-body {
  padding: 0rem 1.5rem;
}

/* line 96, ../sass/screen.scss */
.hero-foot > .container {
  padding: 0 2rem;
}

/* line 99, ../sass/screen.scss */
.has-padding-tb-1rem {
  padding: 1rem 0;
}

/* line 103, ../sass/screen.scss */
.has-padding-tb-2rem {
  padding: 2rem 0;
}

/* line 107, ../sass/screen.scss */
.has-padding-btm-1rem {
  padding-bottom: 1rem;
}

/* line 111, ../sass/screen.scss */
.has-background-black-opaque .box.card {
  background-color: rgba(18, 18, 18, 0.85);
}
/* line 114, ../sass/screen.scss */
.has-background-black-opaque .box.card .card-footer {
  border-top-color: rgba(26, 26, 26, 0.85);
}

/* line 119, ../sass/screen.scss */
.button.is-white.is-outlined {
  color: #7a7a7a;
  border-color: #7a7a7a;
}

@media screen and (max-width: 769px) {
  /* line 125, ../sass/screen.scss */
  .is-divider,
  .is-divider-vertical {
    border-top-color: rgba(18, 18, 18, 0.85) !important;
    width: 90%;
    margin-left: 5% !important;
  }

  /* line 131, ../sass/screen.scss */
  .hero-body {
    padding: 0rem 0.75rem;
  }

  /* line 134, ../sass/screen.scss */
  .box {
    padding: 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  /* line 140, ../sass/screen.scss */
  .has-padding-2rem {
    padding: 2rem;
  }
}