:root {

  --awux-green:#44A538;

  --awux-gray:#EEEEEE;

  --awux-dark:#333333;

}



a, a:hover, a:visited, a:focus, a:active {

  color:var(--awux-green);

  text-decoration: none;

}



.site-logo {

  height:90px;

  width:auto;

}



.site-title {

  margin: 0px 0px 0px 10px;

  font-size:24px;

  position:relative !important;

}



.site {

  font-family: 'Lato', sans-serif;

}



h1, h2, h3 {

  font-weight:700;

}



h2 {

  font-size:28px;

  line-height:34px;

  margin-bottom:30px;

}



.entry-header h1 {

  color:#fff;

  font-size:30px;

  line-height: 40px;

  margin-bottom:34px;

  margin-top:0px;

}



.entry-header p {

  font-size:20px;

  line-height:24px;

  margin-bottom:40px;

}



.text-shadow {

  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.40);

}



.inner-shadow {

   box-shadow: inset 0 0 20px #000000;

}



.entry-header {

  width:100%;

  background-repeat:no-repeat;

  background-size: cover;

  background-position: center center;

  color:#fff;

  padding:100px 0px 100px 0px;

}



.nosto h2 {

  text-transform: uppercase;

  font-size:18px;

  margin-bottom: 0px;

  line-height: 22px;

}



.nosto p {

  margin-bottom:0px;

}



.nosto img {

  height:80px;

}



.green {

  background-color:var(--awux-green);

}



.gray {

  background-color:var(--awux-gray);

}



.white {

  background-color:#fff;

}



.text-green {

  color:var(--awux-green) !important;

}



.text-white, .wpcf7 input[type="submit"] {

  color:#fff !important;

}



.button, .wpcf7 input[type="submit"] {

  text-decoration:none;

  text-transform: uppercase;

  font-weight:700;

  padding:12px 26px;

  border-radius:5px;

  font-size:16px;

  border:0px;

  text-shadow: none;

  margin-right:19px;

  transition:all 0.2s ease-out;

  display:inline-block;

  position:relative;

  top:0px;

  background-color:var(--awux-green);

}



.button, .button:visited, .button:active, .button:hover, .wpcf7 input[type="submit"]:hover {

  color:#fff;

}



.btn {

  text-decoration:none;

  text-transform: uppercase;

  font-weight:700;

  padding:12px 26px;

  border-radius:5px;

  font-size:16px;

  border:0px;

  text-shadow: none;

  margin-right:19px;

  transition:all 0.2s ease-out;

  display:inline-block;

  position:relative;

  top:0px;

}



.btn:hover, .button:hover, .wpcf7 input[type="submit"]:hover {

  top:-2px;

}



.button:hover {

  color:#fff !important;

}



.columns h2 {

  color:var(--awux-green);

  font-size:28px;

  line-height:34px;

  margin:0 0 30px 0;

}



.columns h3 {

  font-size:24px;

  line-height:29px;

  color:var(--awux-green);

  margin: 20px 0px;

}



.columns p, .services p {

  font-size:18px;

  line-height:22px;

  margin-bottom:26px;

}



.columns {

  padding-top:45px;

  padding-bottom:45px;

}



.services, .contact {

  padding:70px 0px;

}



.services h2 {

  margin-top:0px;

  margin-bottom:55px;

}



.services h3 {

  margin-top:15px;

  margin-bottom:23px;

  font-size:26px;

  line-height:32px;

}



.service-icon {

  height:50px;

  width:auto;

}



#damage_links summary, #varaa-huolto {

  background-color:var(--awux-green);

  padding:10px;

  border-radius: 5px;

  margin:10px 0px;

  color:#fff;

}

#varaa-huolto {
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: inherit;
  cursor: pointer;
  display: list-item;
  background-color: var(--awux-green);
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0px;
  color: #fff;

}

#varaa-huolto::before {
  content: "▶";
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  vertical-align: middle;
}

#varaa-huolto {
  display: flex;
  align-items: center;
  text-decoration: none;
}


#damage_links details[open] > summary {

  background-color: #5bcf4d;

}



.entry-wrapper {

  background-color: var(--awux-gray);

  padding:20px;

  height:100%;

}



.damage-links {

  list-style: none;

  margin:10px 0px;

  padding:0px;

}



.damage-links li {

  background-color:#388ea5;

  margin-bottom:10px;

  border-radius:5px;

  color:#fff;

}



.damage-links li:hover {

  background-color:var(--awux-gray);

}



.damage-links li a {

  display:block;

  color:#fff;

  width:100%;

  height:100%;

  padding:10px;

}



.damage-links li:hover a {

  color:var(--awux-green);

}





.site-footer {

  background-color:var(--awux-dark);

  padding:62px 0px;

}



.page-item.active .page-link {

    background-color: var(--awux-green);

    border-color: var(--awux-green);

}



.page-link, .page-link:hover {

    color:  var(--awux-green);

}



.day {

	border-bottom: 1px solid #E5E5E5;

    padding: 7px 0 35px 0;

    margin: 0;

}



.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select {

  width:100%;

  background-color:var(--awux-gray);

}



#mega-menu-menu-1{

  margin-top:25px !important;

}



.posted-on {

  font-size:15px;

  color:#b9b9b9;

  text-transform: uppercase;

}



.muu-suomi {

  column-count: 1;

}



@media (min-width: 576px) {



}



@media (min-width: 768px) {



}



@media (min-width: 992px) {

  .entry-header {

    padding:157px 0px 124px 0px;

  }



  h2 {

    font-size:40px;

    line-height:48px;

    margin-bottom:40px;

  }



  .entry-header h1 {

    font-size:50px;

    line-height: 60px;

  }



  .entry-header p {

    font-size:20px;

    line-height:24px;

    margin-bottom:40px;

  }



  .columns {

    padding-top:90px;

    padding-bottom:62px;

  }



  .muu-suomi {

    column-count: 2;

    column-gap: 80px;

  }

}



@media (min-width: 1200px) {



}



@media (min-width: 1400px) {

  #mega-menu-menu-1{

    margin-top:0px !important;

  }

}