@charset "UTF-8";
html {
  height: 100%;
  font-size: 13pt;
}

body {
  font: 100% Roboto, sans-serif;
  color: black;
  height: 100%;
  background-color: #f8f8f8;
}

a {
  word-break: break-word;
}

a.disabled {
  pointer-events: none;
}

div.error-message {
  margin: 0 auto;
  text-align: center;
}

div.guide-box {
  margin: 0 auto;
  text-align: center;
  width: 40%;
}

.page-wrapper {
  min-height: 100%;
  margin-bottom: -281px;
}
.page-wrapper .footer-push {
  height: 281px;
}

.cert-title:before {
  content: "> ";
  color: #28a745;
}
.cert-title:after {
  content: " _";
  color: #28a745;
}

.cert-subtitle {
  font-size: 1rem;
}
.cert-subtitle a {
  color: #5de47c;
}

.cert-button {
  border-radius: 5px;
  border: 1px solid #19662b;
  color: #19662b;
  display: block;
  padding: 0.8em 2em;
}

.small-logo {
  background-image: url("../img/logo-2.png");
  width: 190px;
  height: 62px;
  margin-bottom: 20px;
}

@media print, screen and (max-width: 1160px) and (min-width: 40em) {
  .header-main,
.header-top,
.page-wrapper .content,
.footer-main-wrapper,
body footer .footer-bottom .footer-bottom-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
img.sprite-twitter-white-icon {
  margin-right: 5px;
}

img.sprite-facebook-white-icon {
  margin-right: 5px;
}

/* sprite file location '../img/main-sprite.png' */
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.sprite-search-icon, .sprite-lang-pl-icon, .sprite-lang-en-icon, .sprite-twitter-icon, .sprite-twitter-white-icon,
.sprite-address-icon, .sprite-facebook-icon, .sprite-facebook-white-icon, .sprite-fax-icon, .sprite-github-icon,
.sprite-email-icon, .sprite-facebook-share-icon, .sprite-hy-share-icon, .sprite-linkedin-share-icon, .sprite-phone-icon,
.sprite-pinterest-share-icon, .sprite-reddit-share-icon, .sprite-twitter-share-icon, .sprite-wykop-share-icon, .sprite-rss-icon,
.sprite-like-feed-icon, .sprite-twitter-feed-icon, .sprite-facebook-feed-icon, .sprite-font-icon, .sprite-share-feed-icon,
.sprite-youtube-feed-icon, .sprite-facebook-share-2-icon, .sprite-twitter-share-2-icon {
  display: inline-block;
  background: url("../img/main-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.sprite-search-icon {
  background-position: 0px 0px;
  width: 33px;
  height: 30px;
}

.sprite-lang-pl-icon {
  background-position: 0px -30px;
  width: 25px;
  height: 15px;
}

.sprite-lang-en-icon {
  background-position: 0px -45px;
  width: 23px;
  height: 14px;
}

.sprite-twitter-icon {
  background-position: 0px -59px;
  width: 23px;
  height: 18px;
}

.sprite-twitter-white-icon {
  background-position: 0px -77px;
  width: 23px;
  height: 21px;
}

.sprite-address-icon {
  background-position: 0px -98px;
  width: 21px;
  height: 21px;
}

.sprite-facebook-icon {
  background-position: 0px -119px;
  width: 21px;
  height: 21px;
}

.sprite-facebook-white-icon {
  background-position: 0px -140px;
  width: 21px;
  height: 21px;
}

.sprite-fax-icon {
  background-position: 0px -161px;
  width: 21px;
  height: 21px;
}

.sprite-github-icon {
  background-position: 0px -182px;
  width: 21px;
  height: 21px;
}

.sprite-email-icon {
  background-position: 0px -203px;
  width: 20px;
  height: 20px;
}

.sprite-facebook-share-icon {
  background-position: 0px -223px;
  width: 20px;
  height: 20px;
}

.sprite-hy-share-icon {
  background-position: 0px -243px;
  width: 20px;
  height: 20px;
}

.sprite-linkedin-share-icon {
  background-position: 0px -263px;
  width: 20px;
  height: 20px;
}

.sprite-phone-icon {
  background-position: 0px -283px;
  width: 20px;
  height: 20px;
}

.sprite-pinterest-share-icon {
  background-position: 0px -303px;
  width: 20px;
  height: 20px;
}

.sprite-reddit-share-icon {
  background-position: 0px -323px;
  width: 20px;
  height: 20px;
}

.sprite-twitter-share-icon {
  background-position: 0px -343px;
  width: 20px;
  height: 20px;
}

.sprite-wykop-share-icon {
  background-position: 0px -363px;
  width: 20px;
  height: 20px;
}

.sprite-rss-icon {
  background-position: 0px -383px;
  width: 19px;
  height: 19px;
}

.sprite-like-feed-icon {
  background-position: 0px -402px;
  width: 17px;
  height: 15px;
}

.sprite-twitter-feed-icon {
  background-position: 0px -417px;
  width: 17px;
  height: 14px;
}

.sprite-facebook-feed-icon {
  background-position: -17px -402px;
  width: 16px;
  height: 15px;
}

.sprite-font-icon {
  background-position: -17px -417px;
  width: 16px;
  height: 16px;
}

.sprite-share-feed-icon {
  background-position: 0px -431px;
  width: 16px;
  height: 15px;
}

.sprite-youtube-feed-icon {
  background-position: -16px -433px;
  width: 16px;
  height: 15px;
}

.sprite-facebook-share-2-icon {
  background-position: 0px -446px;
  width: 15px;
  height: 15px;
}

.sprite-twitter-share-2-icon {
  background-position: -15px -448px;
  width: 15px;
  height: 15px;
}

/* sprite file location '../img/main-sprite.png' */
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.sprite-alert-icon, .sprite-systems-icon, .sprite-guide-icon, .sprite-social-icon {
  display: inline-block;
  background: url("../img/homepage-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.sprite-alert-icon {
  background-position: 0px 0px;
  width: 58px;
  height: 52px;
}

.sprite-systems-icon {
  background-position: 0px -52px;
  width: 57px;
  height: 52px;
}

.sprite-guide-icon {
  background-position: 0px -104px;
  width: 49px;
  height: 51px;
}

.sprite-social-icon {
  background-position: 0px -155px;
  width: 48px;
  height: 52px;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.sprite-door-icon, .sprite-cookie-icon, .sprite-fingerprint-icon, .sprite-knowlage-icon, .sprite-world-icon,
.sprite-hourglass-icon {
  display: inline-block;
  background: url("../img/work-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.sprite-door-icon {
  background-position: 0px 0px;
  width: 50px;
  height: 40px;
}

.sprite-cookie-icon {
  background-position: 0px -40px;
  width: 42px;
  height: 42px;
}

.sprite-fingerprint-icon {
  background-position: 0px -82px;
  width: 42px;
  height: 42px;
}

.sprite-knowlage-icon {
  background-position: 0px -124px;
  width: 41px;
  height: 42px;
}

.sprite-world-icon {
  background-position: 0px -166px;
  width: 40px;
  height: 40px;
}

.sprite-hourglass-icon {
  background-position: 0px -206px;
  width: 32px;
  height: 42px;
}

header .header-top {
  background-color: black;
}
header .header-top .top-bar {
  padding: 0;
  background: none;
}
header .header-top .header-top-wrapper {
  max-width: 1110px;
  margin: 0 auto;
}
header .header-top .header-top-wrapper .report-incident a {
  color: white;
  border-left: 1px solid #28a745;
  border-right: 1px solid #28a745;
  display: inline-block;
  padding: 0 20px;
  font-size: 13px;
  text-decoration: none;
  line-height: 30px;
}
header .header-top .header-top-wrapper .report-incident a:hover {
  color: #5de47c;
}
header .header-top .header-top-wrapper .lang-select a {
  color: white;
  border-left: 1px solid #28a745;
  border-right: 1px solid #28a745;
  display: inline-block;
  padding: 0 20px;
  font-size: 13px;
  text-decoration: none;
  line-height: 30px;
}
header .header-top .header-top-wrapper .lang-select a:hover {
  color: #5de47c;
}
header .header-top .header-top-wrapper .lang-select span {
  margin: 2px;
}
header .header-top .header-top-wrapper .header-top-right {
  height: 30px;
}
header .header-top .header-top-wrapper .header-top-right form {
  display: inline-block;
}
header .header-top .header-top-wrapper .header-top-right form input {
  width: 230px;
  float: left;
  height: 30px;
  color: #878787;
  font-size: 14px;
  background-color: #1c1c1c;
  border: none;
  margin: 0;
  display: block;
}
header .header-top .header-top-wrapper .header-top-right form input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #878787;
}
header .header-top .header-top-wrapper .header-top-right form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #878787;
  opacity: 1;
}
header .header-top .header-top-wrapper .header-top-right form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #878787;
  opacity: 1;
}
header .header-top .header-top-wrapper .header-top-right form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #878787;
}
header .header-top .header-top-wrapper .header-top-right form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #878787;
}
header .header-top .header-top-wrapper .header-top-right form input::placeholder {
  /* Most modern browsers support this now. */
  color: #878787;
}
header .header-top .header-top-wrapper .header-top-right form button {
  background-color: #1c1c1c;
  cursor: pointer;
}
header .header-top .header-top-wrapper .header-top-right a {
  margin-right: 4px;
}
header .header-top .header-top-wrapper .header-top-right a:last-child {
  margin-right: 0;
}
header .header-top .header-top-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
header .header-main {
  background-image: url("../img/header-background.jpg");
  background-position-x: center;
  background-color: #101c28;
}
header .header-main.header-no-background {
  background-image: none;
}
header .header-main .header-main-wrapper {
  max-width: 1110px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 15px;
}
header .header-main .header-main-wrapper .logo {
  background-image: url("../img/logo.svg");
  background-size: cover;
  width: 268px;
  height: 27px;
  float: left;
  margin-bottom: 10px;
}
header .header-main .header-main-wrapper .main-menu {
  float: right;
  margin: 8px 0 0 0;
}
header .header-main .header-main-wrapper .main-menu li {
  border-right: 1px solid #28a745;
}
header .header-main .header-main-wrapper .main-menu li a {
  color: white;
  font-size: 16px;
  font-weight: lighter;
  line-height: 25px;
  padding: 0 12px;
}
header .header-main .header-main-wrapper .main-menu li a:hover {
  color: #5de47c;
}
header .header-main .header-main-wrapper .main-menu li:last-child {
  border: none;
}
header .header-main .header-main-wrapper .main-menu li:last-child a {
  padding-right: 0;
}
header .header-main .header-main-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
header .header-main .main-slider {
  max-width: 1110px;
  height: 300px;
  margin: 0 auto;
  background-image: url("../img/banner-img.png");
  background-repeat: no-repeat;
  background-position-x: 0;
}
header .header-main .main-slider .slider-texts {
  float: right;
  width: 50%;
}
header .header-main .main-slider .slider-texts h1 {
  line-height: inherit;
  color: white;
  font-size: 2.4rem;
  font-family: Roboto;
  font-weight: lighter;
  text-align: center;
  padding-top: 50px;
}
header .header-main .main-slider .slider-texts .slider-button {
  color: #28a745;
  background-color: #101c28;
  border: 1px solid #28a745;
  border-radius: 5px;
  line-height: 36px;
  width: 20rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
  margin-top: 20px;
}
header .header-main .main-slider .slider-texts .slider-button:hover {
  color: #5de47c;
  border-color: #5de47c;
}
header .header-main .main-slider:after {
  content: "";
  display: block;
  clear: both;
}
header .header-main .boxes-wrapper {
  padding-top: 30px;
  background-image: url("../img/header-background.jpg");
  background-position-x: center;
  background-color: #101c28;
}
header .header-main .boxes-wrapper .boxes {
  max-width: 1110px;
  margin: 0 auto;
}
header .header-main .boxes-wrapper .boxes .grid-x {
  margin-left: -15px;
  margin-right: -15px;
}
header .header-main .boxes-wrapper .boxes .box {
  padding: 0 15px 30px;
  display: flex;
}
header .header-main .boxes-wrapper .boxes .box .box-wrapper {
  background-color: rgba(40, 167, 69, 0.1);
  color: white;
  text-align: center;
  padding: 30px;
  flex-grow: 1;
}
header .header-main .boxes-wrapper .boxes .box p.warning a {
  color: #f7d408;
  font-weight: bold;
}
header .header-main .boxes-wrapper .boxes .box p.warning a:hover {
  color: #f1dd8a;
}
header .header-main .boxes-wrapper .boxes .box h1 {
  font-family: Roboto;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px;
}
header .header-main .boxes-wrapper .boxes .box p {
  font-family: Roboto;
  font-weight: lighter;
  font-size: 14px;
  margin-bottom: 20px;
}
header .header-main .boxes-wrapper .boxes .box p:last-child {
  margin-bottom: 0;
}
header .header-main .boxes-wrapper .boxes .box a {
  font-family: Roboto;
  font-weight: lighter;
  font-size: 14px;
  color: white;
  text-decoration: underline;
}
header .header-main .boxes-wrapper .boxes .box a:hover {
  color: #5de47c;
}
header .header-main .boxes-wrapper .boxes .box#box-warning h1 {
  color: #f7d408;
}
header .header-main .boxes-wrapper .boxes .box#box-warning p {
  line-height: 17px;
}
header .header-main .boxes-wrapper .boxes .box .box-icon {
  margin-bottom: 25px;
}
header .header-main .current-page {
  max-width: 1110px;
  color: white;
  font-weight: lighter;
  font-size: 2rem;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 0;
  padding-right: 0;
}

@media print, screen and (max-width: 40em) {
  header .header-main .header-main-wrapper .logo {
    float: none;
    margin: 0 auto 1em;
  }
  header .header-main .main-slider .slider-texts h1 {
    font-size: 2rem;
  }
  header .header-main .main-slider .slider-texts .slider-button {
    width: 16rem;
  }
  header .header-main .boxes-wrapper .boxes .box .box-wrapper {
    padding: 15px;
  }
  header .header-main .current-page {
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1.6rem;
  }
  header .header-main .current-page .cert-title {
    margin-bottom: 0.5rem;
  }
  header .header-top .top-bar .top-bar-right {
    margin-left: auto;
  }
  header .header-top .top-bar .top-bar-left, header .header-top .top-bar .top-bar-right {
    flex: 0 0 auto;
  }
  header .header-top .header-top-wrapper .header-top-right form button {
    margin-right: 0px;
  }
}
@media screen and (max-width: 700px) {
  header .header-main .main-slider .slider-texts {
    float: none;
    width: 100%;
  }
}
@media print, screen and (max-width: 40em) {
  header .header-main .boxes-wrapper .boxes .grid-x {
    margin-left: 0;
    margin-right: 0;
  }
}
footer {
  font-weight: lighter;
  font-size: 14px;
  color: #58595d;
  height: 281px;
}
footer a {
  color: #58595d;
  text-decoration: underline;
}
footer p {
  line-height: 1.2;
}
footer .footer-main {
  background-color: #f2f2f2;
}
footer .footer-main .footer-main-wrapper {
  max-width: 1110px;
  margin: 0 auto;
  padding-top: 30px;
}
footer .footer-main .footer-main-wrapper .grid-padding-x {
  margin-left: -15px;
  margin-right: -15px;
}
footer .footer-main .footer-main-wrapper .grid-padding-x .cell {
  padding-bottom: 10px;
}
footer .footer-main .footer-main-wrapper h1 {
  color: #19662b;
  font-size: 20px;
}
footer .footer-main .footer-main-wrapper .socialmedia a {
  display: block;
  padding-top: 5px;
  margin-bottom: 15px;
  text-decoration: none;
}
footer .footer-main .footer-main-wrapper .socialmedia a img {
  margin-right: 10px;
  width: 23px;
}
footer .footer-main .footer-main-wrapper .socialmedia a:last-child {
  margin-bottom: 0;
}
footer .footer-main .footer-main-wrapper .contact h1 {
  padding-bottom: 5px;
}
footer .footer-bottom {
  background-color: white;
}
footer .footer-bottom .footer-bottom-wrapper {
  max-width: 1110px;
  margin: 0 auto;
  padding: 13px 0;
}
footer .footer-bottom .footer-bottom-wrapper .footer-bottom-right {
  padding-top: 6px;
}
footer .footer-bottom .footer-bottom-wrapper .footer-bottom-right ul li a {
  display: inline-block;
  text-decoration: underline;
  padding: 0 5px 0 5px;
  border-right: 1px solid #58595d;
}
footer .footer-bottom .footer-bottom-wrapper .footer-bottom-right ul li:first-child a {
  padding-left: 0;
}
footer .footer-bottom .footer-bottom-wrapper .footer-bottom-right ul li:last-child a {
  padding-right: 0;
  border: none;
}
footer .footer-bottom .footer-bottom-wrapper img {
  height: 3em;
}
footer .footer-bottom .footer-bottom-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

@media print, screen and (max-width: 40em) {
  footer .footer-main .footer-main-wrapper > .grid-x {
    width: 100%;
    margin-left: 0;
  }
  footer .footer-main .footer-main-wrapper .grid-padding-x .cell {
    text-align: center;
  }
  footer .footer-main .footer-main-wrapper .grid-padding-x .cell.socialmedia {
    padding-bottom: 20px;
  }
  footer .footer-main .footer-main-wrapper .small-logo {
    margin: 0 auto 20px;
  }
  footer .footer-bottom .footer-bottom-wrapper {
    text-align: center;
  }
  footer .footer-bottom .footer-bottom-wrapper .float-left {
    float: none !important;
  }
  footer .footer-bottom .footer-bottom-wrapper .float-left img {
    margin-bottom: 1em;
  }
  footer .footer-bottom .footer-bottom-wrapper .menu {
    justify-content: center;
  }
}
.main a {
  color: #19662b;
}
.main a:hover {
  color: #28a745;
}

.highlight {
  border-radius: 4px;
  padding: 6px;
  border: 1px solid #cacaca;
}

div.codecolorer-container {
  border-radius: 4px;
  padding: 6px;
  border: 1px solid #cacaca;
  margin: 2px;
}

div.content {
  padding: 30px;
  max-width: 1110px;
  background-color: white;
}
div.content > .grid-x {
  margin-right: 0 !important;
}
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 {
  font-family: Roboto, sans-serif;
  font-weight: lighter;
  color: darkgreen;
}
div.content code {
  margin: 2px;
  font-size: 85%;
  border-radius: 3px;
}
div.content pre code {
  background-color: inherit;
  border: inherit;
  padding: inherit;
}
div.content .main h1 {
  font-size: 2rem;
  font-weight: normal;
}
div.content .main h2 {
  font-size: 1.8rem;
}
div.content .main h3 {
  font-size: 1.6rem;
}
div.content .main h4 {
  font-size: 1.4rem;
}
div.content .main h5 {
  font-size: 1.3rem;
}
div.content .main h6 {
  font-size: 1.2rem;
}
div.content .main .sharebox {
  float: left;
  margin-top: 10px;
  padding: 14px 14px 14px 14px;
  color: #505050;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
div.content .main .sharebox a {
  margin-left: 10px;
}
div.content .entry ul {
  list-style: none;
  /* Remove default bullets */
  display: block;
}
div.content .entry ul li:before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #19662b;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}
div.content .entry p {
  margin-bottom: 1em;
}
div.content .entry a {
  color: #19662b;
}
div.content .entry a:hover {
  color: #28a745;
}
div.content .entry small {
  margin-bottom: 1.3em;
  font-size: 70%;
}
div.content .entry small p {
  margin-bottom: 0.5em;
}

@media print, screen and (max-width: 40em) {
  div.content {
    padding: 30px 0.625rem;
  }
  div.content .main {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  div.content .main .sharebox {
    float: none;
    text-align: center;
  }
}
.post-list-wrapper {
  padding-top: 30px;
  max-width: 1110px;
}
.post-list-wrapper .post-top-wrapper {
  margin-bottom: 5px;
  width: 100%;
}
.post-list-wrapper .post-top-wrapper .top {
  float: left;
  font-family: Roboto;
  color: #505050;
  font-weight: normal;
}
.post-list-wrapper .post-top-wrapper .top:before {
  content: "> ";
  color: #28a745;
}
.post-list-wrapper .post-top-wrapper .socialmedia {
  float: right;
}
.post-list-wrapper .post-top-wrapper .socialmedia:after {
  content: "";
  display: block;
  clear: both;
}
.post-list-wrapper .post-top-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
.post-list-wrapper .more {
  font-family: Roboto;
  font-size: 13px;
  color: #19662b;
  width: 120px;
  border: 1px solid #19662b;
  border-radius: 5px;
  display: inline-block;
  float: right;
  text-align: center;
  height: 36px;
  line-height: 36px;
}
.post-list-wrapper .more:hover {
  color: white;
  background-color: #19662b;
}
.post-list-wrapper .more-posts {
  font-family: Roboto;
  font-size: 12px;
  color: #d4d4d4;
  width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  height: 36px;
  line-height: 36px;
}
.post-list-wrapper .alert .more {
  color: #A62829;
  border-color: #A62829;
}
.post-list-wrapper .alert .post-top-wrapper {
  border-bottom: 1px solid #A62829;
}
.post-list-wrapper .alert .top span:after {
  color: #A62829;
}
.post-list-wrapper .alert .top:before, .post-list-wrapper .alert .top:after {
  color: #A62829;
}
.post-list-wrapper .category-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  margin-bottom: 30px;
}
.post-list-wrapper .category-wrapper .category {
  color: #505050;
  font-size: 16px;
  margin-bottom: 0;
}
.post-list-wrapper .category-wrapper .category:before {
  content: "> ";
  color: #19662b;
}
.post-list-wrapper .category-wrapper .category:after {
  content: " _";
  color: #28a745;
}
.post-list-wrapper .category-wrapper i {
  flex: 1;
  background-image: linear-gradient(to right, #19662b 100%, #fff 0);
  background-position: 0 83%;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  margin-left: 15px;
}

.vertical-post-list {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 25px;
}
.vertical-post-list h1 {
  margin-top: auto;
  margin-bottom: auto;
}
.vertical-post-list .post-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  margin-bottom: 10px;
}
.vertical-post-list li {
  list-style: none;
  width: 350px;
  padding: 0 15px;
}
.vertical-post-list p {
  font-size: 14px;
}

.horizontal-post-list {
  margin-left: 0px;
}
.horizontal-post-list .post-image {
  width: 100%;
  height: 188px;
  object-fit: cover;
  margin-bottom: 10px;
}
.horizontal-post-list .post-excerpt {
  padding-left: 28px;
  color: #505050;
}
.horizontal-post-list .post-excerpt h1 {
  font-family: Roboto, sans-serif;
  font-size: 1.5rem;
  font-weight: lighter;
}
.horizontal-post-list .post-top-wrapper {
  border-bottom: 1px solid #28a745;
}
.horizontal-post-list .top a {
  color: #19662b;
}
.horizontal-post-list .top a:hover {
  color: #28a745;
}
.horizontal-post-list .top span {
  display: inline-block;
  color: #505050;
}
.horizontal-post-list .top span:after {
  content: " | ";
  color: #28a745;
}
.horizontal-post-list li {
  list-style: none;
  margin-bottom: 30px;
}

.pagination-wrapper {
  text-align: center;
}
.pagination-wrapper .pagination {
  display: inline-block;
}
.pagination-wrapper .pagination a {
  color: #19662b;
  float: left;
  width: 33px;
  line-height: 36px;
  font-size: 15px;
  text-decoration: none;
  border-left: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 0;
}
.pagination-wrapper .pagination a.active {
  background-color: #28a745;
  color: white;
  border-left: 1px solid #28a745;
  border-top: 1px solid #28a745;
  border-bottom: 1px solid #28a745;
}
.pagination-wrapper .pagination a.active + a {
  border-left: 1px solid #28a745;
}
.pagination-wrapper .pagination a:hover:not(.active) {
  background-color: #d4d4d4;
}
.pagination-wrapper .pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pagination-wrapper .pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #d4d4d4;
}

.category-filter {
  border-bottom: 1px solid #d4d4d4;
}
.category-filter a.tag {
  line-height: 18px;
  display: block;
  float: left;
  margin-bottom: 10px;
  color: #505050;
}
.category-filter a.tag i {
  font-size: 11px;
  font-style: normal;
  color: white;
  background-color: #28a745;
  border-radius: 10px;
  padding: 3px 7px;
  margin-left: 7px;
  margin-right: 15px;
  font-weight: bold;
}
.category-filter a.tag.chosen {
  color: #19662b;
  font-weight: bold;
}
.category-filter .button {
  background-color: white;
  color: #28a745;
  border: 1px solid #28a745;
  border-radius: 5px;
  padding: 5px 25px;
  margin-bottom: 0;
  font-size: 12px;
  margin-right: 15px;
  display: block;
  float: left;
}
.category-filter .button:hover {
  box-shadow: 0 0 0 3px #a3d9b0;
}
.category-filter .chosen-categories {
  line-height: 24px;
  color: #505050;
  display: block;
  margin-top: 6px;
  float: left;
}
.category-filter p {
  margin-bottom: 24px;
}
.category-filter p:after {
  content: "";
  clear: both;
  display: block;
}

@media print, screen and (max-width: 60em) {
  .home.post-list-wrapper {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (max-width: 40em) {
  .horizontal-post-list {
    margin-left: 0px;
  }
  .horizontal-post-list .post-image {
    height: 250px;
  }
  .horizontal-post-list .post-excerpt {
    padding-left: 0;
  }

  .home.post-list-wrapper {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .home.post-list-wrapper .vertical-post-list {
    margin-left: 0;
    margin-right: 0;
  }
  .home.post-list-wrapper .vertical-post-list li {
    margin-bottom: 30px;
  }
  .home.post-list-wrapper .horizontal-post-list .post-top-wrapper {
    padding-left: 0;
  }
}
.contact .cell {
  padding: 0 15px;
}
.contact .grid-x {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 30px;
}
.contact .small-logo {
  margin: 80px auto 150px;
}
.contact .report-incident {
  text-align: center;
  border: 1px solid #d4d4d4;
}
.contact .report-incident p {
  font-weight: lighter;
  font-size: 24px;
}
.contact .report-incident .button {
  color: #19662b;
  font-size: 16px;
  line-height: 36px;
  border: 1px solid #19662b;
  border-radius: 5px;
  background-color: transparent;
  padding: 0;
  width: 100%;
  margin-bottom: 30px;
}
.contact .report-incident .button:hover {
  background-color: #19662b;
  color: white;
}
.contact .contact-info {
  font-size: 14px;
  padding-top: 50px;
  border-top: 1px solid #d4d4d4;
}
.contact .contact-info i {
  width: 21px;
  text-align: center;
  display: block;
  float: left;
}
.contact .contact-info a {
  color: #19662b;
}
.contact .contact-info p {
  margin-bottom: 30px;
  line-height: 20px;
}
.contact .contact-info p:after {
  clear: both;
  display: block;
  content: "";
}
.contact .contact-info p > span {
  padding-left: 15px;
  display: block;
  float: left;
  line-height: 23px;
}
.contact .contact-info .address {
  line-height: 16px;
}
.contact .contact-info .address-name {
  margin: 10px 0;
  display: block;
  color: #19662b;
}
.contact .map {
  background-color: #19662b;
  padding: 0;
}
.contact .map .ol-attribution {
  font-size: small;
}
.contact .contact-links {
  color: #505050;
  font-size: 14px;
  text-align: center;
}
.contact .contact-links .cell {
  padding: 0 25px;
}
.contact .contact-links p {
  margin-top: 25px;
  margin-bottom: 25px;
}
.contact .contact-links .button {
  background-color: transparent;
  font-size: 16px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  display: block;
  width: 100%;
  line-height: 36px;
  color: #505050;
  padding: 0;
  margin: 0;
}
.contact .contact-links .button:hover {
  box-shadow: 0 0 0 3px #a3d9b0;
}

.work-entry .entry-header {
  padding-bottom: 30px;
}
.work-entry .entry-header .cell:last-child {
  padding-left: 45px;
  padding-top: 60px;
}
.work-entry ul.accordion > li {
  padding-bottom: 0;
  border: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
  border-bottom: 1px solid #d4d4d4;
}
.work-entry ul.accordion > li::before {
  content: none !important;
}
.work-entry ul.accordion > li:first-child {
  border-top: 1px solid #d4d4d4;
}
.work-entry ul.accordion > li.is-active {
  border-bottom: 1px solid #d4d4d4;
}
.work-entry ul.accordion > li.is-active a.accordion-title::before {
  content: "> ";
}
.work-entry ul.accordion > li a.accordion-title {
  border: none;
  padding: 15px 25px;
  font-size: 1em;
}
.work-entry ul.accordion > li a.accordion-title::before {
  position: static;
}
.work-entry ul.accordion > li div.accordion-content {
  border: none;
  padding: 15px;
}
.work-entry ul.accordion > li div.accordion-content .work-entry-footer {
  margin-top: 2em;
}
.work-entry ul.accordion > li div.accordion-content .work-entry-footer .sharebox {
  margin-top: 0;
}
.work-entry ul.accordion > li div.accordion-content .work-entry-footer .cert-button {
  font-size: 12px;
  margin-right: 15px;
  margin-top: 0.4em;
}
.work-entry .perks .cell {
  text-align: center;
  padding: 0 10px;
}
.work-entry .perks .cell img {
  display: block;
  margin: 20px auto 20px;
}
.work-entry .perks .cell small {
  font-size: 0.8rem;
}

.cover-art {
  padding-bottom: 35px;
}
.cover-art img:hover {
  box-shadow: 0 0 0 3px #a3d9b0;
}
.cover-art h5:hover {
  color: #28a745;
}

/*# sourceMappingURL=style.css.map */