/*
 Theme Name:     UUDivi
 Theme URI:      https://tovari.fi
 Description:    UUDivi: the most advanced Tovari Divi child theme
 Author:         Markkinointitoimisto Tovari
 Author URI:     https://tovari.fi
 Template:       Divi
 Version:        1.1.0
*/
.pagination {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -webkit-max-content;
}

.vertical-align-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -webkit-max-content;
}

.pagination {
  margin: auto;
}

.pagination .page-numbers {
  background-color: black;
  border-radius: 100%;
  width: 38px !important;
  display: inline-block;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: sans-serif;
  font-weight: bold;
  color: white;
  border: 2px solid black;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
  width: 100px !important;
  border-radius: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.pagination .page-numbers.current {
  background-color: white;
  color: black;
}

.blog-page-title h1 {
  font-size: 3vw;
  font-weight: 800;
  color: #17428b;
}

@media all and (min-width: 2561px) {
  .blog-page-title h1 {
    font-size: 3vw;
  }
}

@media all and (max-width: 980px) {
  .blog-page-title h1 {
    font-size: 7vw;
  }
}

@media all and (max-width: 479px) {
  .blog-page-title h1 {
    font-size: 12vw;
  }
}

:root {
  --ds-related-width: 190px;
  --ds-related-gap: 30px;
}

.ds-post-slider .et_pb_slide {
  padding: 0;
}

.ds-post-slider .et_pb_slide_description {
  float: right;
  width: 30%;
  text-align: center;
  padding: 30px;
  margin: 3%;
  background: rgba(255, 255, 255, 0.7);
}

.ds-post-slider .et-pb-controllers {
  bottom: 47.5%;
  left: -20px;
  width: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ds-post-slider .et-pb-controllers a {
  background-color: transparent;
  border: 2px solid #fff;
  width: 10px;
  height: 10px;
  margin-right: 15px;
}

.ds-post-slider .et-pb-controllers .et-pb-active-control {
  background-color: #17428b;
  border-color: #17428b;
}

.ds-post-slider .et_pb_slide_image {
  bottom: 0;
  top: 0;
  margin-top: 0;
}

.ds-post-slider .et_pb_slide_description .et_pb_slide_title {
  font-weight: 500;
  font-size: 1.6vw;
  line-height: 1.2;
}

.ds-post-slider .et_pb_slide_content {
  font-size: 16px;
}

.ds-post-slider .et_pb_more_button {
  background-color: #17428b;
  color: #fff;
  border: 2px solid #17428b;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-post-slider .et_pb_more_button:hover {
  background-color: #fff;
  color: #17428b;
  border: 2px solid #17428b;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-blog .et_pb_post,
.archive .et_pb_post,
.search .et_pb_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

.ds-blog .et_pb_post .entry-featured-image-url,
.archive .et_pb_post .entry-featured-image-url,
.search .et_pb_post .entry-featured-image-url {
  overflow: hidden;
}

.ds-blog .et_pb_post a img,
.archive .et_pb_post a img,
.search .et_pb_post a img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ds-blog .et_pb_post a img:hover,
.archive .et_pb_post a img:hover,
.search .et_pb_post a img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.ds-blog .et_pb_post .entry-title,
.archive .et_pb_post .entry-title,
.search .et_pb_post .entry-title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-weight: 500;
}

.ds-blog .et_pb_post .post-content,
.archive .et_pb_post .post-content,
.search .et_pb_post .post-content {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-bottom: 20px;
}

.ds-blog .et_pb_post a.more-link,
.archive .et_pb_post a.more-link,
.search .et_pb_post a.more-link {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 15px;
  color: #17428b;
  border: 2px solid #17428b;
  background-color: #fff;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-blog .et_pb_post a.more-link:hover,
.archive .et_pb_post a.more-link:hover,
.search .et_pb_post a.more-link:hover {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-blog .et_pb_post .more-container,
.archive .et_pb_post .more-container,
.search .et_pb_post .more-container {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 15px;
  color: #17428b;
  background-color: #fff;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-blog .et_pb_post .more-container:hover,
.archive .et_pb_post .more-container:hover,
.search .et_pb_post .more-container:hover {
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

.ds-blog .ds-blog-content,
.archive .ds-blog-content,
.search .ds-blog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ds-blog .ds-blog-content p,
.archive .ds-blog-content p,
.search .ds-blog-content p {
  font-size: 16px;
  letter-spacing: 0;
}

.ds-blog .ds-blog-content .entry-title,
.archive .ds-blog-content .entry-title,
.search .ds-blog-content .entry-title {
  font-size: 1.4vw;
  letter-spacing: 0px !important;
  line-height: 1.4 !important;
}

.ds-blog .post-meta .author,
.ds-blog .post-meta .published,
.archive .post-meta .author,
.archive .post-meta .published,
.search .post-meta .author,
.search .post-meta .published {
  margin-right: 10px;
  font-size: 13px;
}

.ds-blog .post-meta .author a,
.ds-blog .post-meta .published a,
.archive .post-meta .author a,
.archive .post-meta .published a,
.search .post-meta .author a,
.search .post-meta .published a {
  font-size: 13px;
  text-transform: lowercase;
}

.ds-blog .post-meta .ds-comments,
.ds-blog .post-meta .comments-number,
.ds-blog .post-meta .comments-number a,
.archive .post-meta .ds-comments,
.archive .post-meta .comments-number,
.archive .post-meta .comments-number a,
.search .post-meta .ds-comments,
.search .post-meta .comments-number,
.search .post-meta .comments-number a {
  display: inline-block;
}

.ds-blog .post-meta .author:before,
.archive .post-meta .author:before,
.search .post-meta .author:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f2bd";
  margin-right: 2px;
  font-size: 12px;
}

.ds-blog .post-meta .published:before,
.archive .post-meta .published:before,
.search .post-meta .published:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f073";
  margin-right: 2px;
  font-size: 12px;
}

.archive .entry-title,
.search .entry-title {
  font-weight: 500;
  line-height: 1.4em;
  font-size: 16px;
  letter-spacing: 4px;
}

.archive #main-content,
.search #main-content {
  background: #f5f5f5;
}

.archive #main-content .container::before,
.search #main-content .container::before {
  display: none;
}

.archive #sidebar,
.search #sidebar {
  background: #fff;
}

.archive .et_pb_post .post-meta,
.search .et_pb_post .post-meta {
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #919191;
  margin-bottom: 0;
  line-height: 1.7em;
}

.archive .et_pb_post a.more-link,
.search .et_pb_post a.more-link {
  display: block;
}

.ds-blog-cat a {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  color: #17428b;
  letter-spacing: 4px;
  font-size: 12px;
}

.ds-blog .et_pb_post .post-meta,
.archive #left-area .et_pb_post .post-meta,
.search #left-area .et_pb_post .post-meta {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  padding-bottom: 0;
}

.archive #left-area .post-meta span,
.search #left-area .post-meta span,
.archive #left-area .post-meta a,
.search #left-area .post-meta a {
  color: #919191;
  letter-spacing: 2px;
}

.single p {
  line-height: 1.9;
  font-size: 17px;
}

.single h3 {
  margin-top: 25px;
}

.single #main-content {
  background: #f5f5f5;
}

.single #main-content .container::before {
  display: none;
}

.single #sidebar {
  background: #fff;
}

.single .post-meta .published:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f073";
  margin-right: 5px;
  font-size: 12px;
}

.single .post-meta .comments-number a:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f4ad";
  font-size: 12px;
  margin-right: 5px;
}

.single .post-meta .author:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f2bd";
  margin-right: 2px;
  font-size: 12px;
}

.single .et_post_meta_wrapper .ds-post-tags a:before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f02b";
  color: #17428b;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
}

@media all and (min-width: 981px) {
  .archive #left-area,
  .search #left-area,
  .single #left-area {
    width: 70.334%;
  }
  .archive #sidebar,
  .search #sidebar,
  .single #sidebar {
    width: 29.666%;
    padding: 20px;
    margin-bottom: 60px;
  }
}

.pagination a {
  display: block;
}

.ds-sidebar .et_pb_widget li a,
#sidebar .et_pb_widget li a {
  color: inherit;
}

.ds-sidebar h4.widgettitle,
.ds-sidebar h6,
#sidebar h4.widgettitle,
#sidebar h6 {
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  z-index: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.ds-sidebar h4.widgettitle:before, .ds-sidebar h4.widgettitle:after,
.ds-sidebar h6:before,
.ds-sidebar h6:after,
#sidebar h4.widgettitle:before,
#sidebar h4.widgettitle:after,
#sidebar h6:before,
#sidebar h6:after {
  position: absolute;
  top: 30%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "";
  background-color: #17428b;
}

.ds-sidebar h4.widgettitle:before,
.ds-sidebar h6:before,
#sidebar h4.widgettitle:before,
#sidebar h6:before {
  margin-left: -55%;
}

.ds-sidebar h4.widgettitle:after,
.ds-sidebar h6:after,
#sidebar h4.widgettitle:after,
#sidebar h6:after {
  margin-left: 3%;
}

.ds-sidebar .et_pb_widget:last-of-type,
#sidebar .et_pb_widget:last-of-type {
  margin-bottom: 0;
}

.ds-sidebar .et_pb_widget select,
#sidebar .et_pb_widget select {
  border: 2px solid #333;
  border-radius: 0;
  height: 40px;
  color: #919191;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  text-align-last: center;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ds-sidebar .et_pb_widget ul li,
#sidebar .et_pb_widget ul li {
  position: relative;
  padding-left: 1em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ds-sidebar .et_pb_widget ul li:before,
#sidebar .et_pb_widget ul li:before {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-left-color: #333;
  border-width: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ds-sidebar .et_pb_widget ul li:hover,
#sidebar .et_pb_widget ul li:hover {
  color: #17428b;
}

.ds-sidebar .et_pb_widget ul li:hover::before,
#sidebar .et_pb_widget ul li:hover::before {
  border-left-color: #17428b;
}

.ds-sidebar .tagcloud,
#sidebar .tagcloud {
  text-align: center;
}

.ds-sidebar .tagcloud a,
#sidebar .tagcloud a {
  border-radius: 0;
  background: #f5f5f5;
  font-size: 14px !important;
}

#single-product-page-top-bar {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #17428b;
}

#single-product-page-top-bar a,
#single-product-page-top-bar nav {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 0;
}

#product-single {
  padding-bottom: 0;
}

#product-single h2 {
  color: #333;
  font-size: 3vw;
  font-weight: 800;
}

@media all and (max-width: 1100px) {
  #product-single h2 {
    font-size: 6vw;
  }
}

@media all and (max-width: 479px) {
  #product-single h2 {
    font-size: 8vw;
  }
}

#single-product-contents {
  padding-top: 0;
}

#single-product-contents .single-product-price span {
  color: #17428b;
  font-weight: 800;
  font-size: 2vw !important;
}

#single-product-contents form label,
#single-product-contents form td {
  color: #333;
}

#single-product-contents #price_calculator input {
  width: 100px;
}

#single-product-contents .wc-pao-addon-container label {
  font-size: 1.5vw;
  font-family: "Raleway", sans-serif;
  margin-top: 20px;
}

#single-product-contents .wc-pao-addon-container p {
  color: #333;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

#single-product-contents .wc-pao-addon-container select {
  padding: 3%;
}

.single .et_pb_post {
  background: #fff;
  padding: 20px;
}

.single .et_post_meta_wrapper:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.single .et_post_meta_wrapper:first-of-type img {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.single .et_post_meta_wrapper:first-of-type .ds-blog-cat {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.single .et_post_meta_wrapper:first-of-type .entry-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 5px;
  font-size: 2vw;
}

.single .et_post_meta_wrapper:first-of-type .post-meta {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.single .et_post_meta_wrapper:first-of-type .ds-post-tags {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.single .et_post_meta_wrapper .ds-blog-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0 0 10px 10px;
  background: #fff;
  margin-left: 10px;
  margin-top: -1.15em;
}

.single .et_post_meta_wrapper .entry-title {
  padding: 15px 0 0;
  line-height: 1.4em;
  font-size: 150%;
}

.single .et_post_meta_wrapper .author a,
.single .et_post_meta_wrapper .published,
.single .et_post_meta_wrapper .comments-number a,
.single .et_post_meta_wrapper .ds-post-tags a {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  color: #919191 !important;
  margin: 0 15px 0 0;
  display: inline-block;
}

.single .et_post_meta_wrapper .ds-post-tags a {
  color: #17428b !important;
}

.ds-author-bio {
  padding: 20px 20px 15px 20px;
  margin: 40px 0 60px;
  background: #f5f5f5;
}

.ds-author-bio .avatar {
  float: left;
  margin-right: 20px;
}

.ds-author-bio h4 {
  font-weight: 500;
}

.ds-author-bio a {
  color: #17428b;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 500;
}

.ds-single-post-nav {
  margin: 40px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ds-single-post-nav-prev,
.ds-single-post-nav-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 47.5%;
  flex-basis: 47.5%;
}

.ds-single-post-nav-prev {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 5%;
}

.ds-single-post-nav-next {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ds-single-nav-previous-title,
.ds-single-nav-next-title {
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 2px;
  margin-top: 10px;
  line-height: 1.2em;
  font-size: 14px;
}

.ds-single-nav-next-title {
  text-align: right;
}

.single .ds-single-post-nav-prev .et_pb_button:after {
  content: '\34';
}

.single .ds-single-post-nav-next .et_pb_button:after {
  content: '\35';
}

.ds-related-posts {
  margin-bottom: 40px;
}

.ds-related-posts ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(var(--ds-related-width), 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(var(--ds-related-width), 1fr));
  grid-gap: var(--ds-related-gap);
  padding: 0 !important;
}

h4.ds-related-posts-header {
  text-align: center;
  letter-spacing: 4px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

h4.ds-related-posts-header:before,
h4.ds-related-posts-header:after {
  position: absolute;
  top: 30%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "";
  background-color: #17428b;
}

h4.ds-related-posts-header:before {
  margin-left: -52%;
}

h4.ds-related-posts-header:after {
  margin-left: 2%;
}

.ds-related-posts ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(var(--ds-related-width), 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(var(--ds-related-width), 1fr));
  grid-gap: var(--ds-related-gap);
  padding: 0 !important;
}

.ds-related-list {
  list-style-type: none;
}

.ds-related-content h5 {
  margin-top: 20px;
  line-height: 1.2em;
  letter-spacing: 2px;
}

.single #comment-wrap {
  padding-top: 0;
}

.single h4#comments {
  text-align: center;
  letter-spacing: 4px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.single h4#comments:before,
.single h4#comments:after,
.single h4#reply-title span:before,
.single h4#reply-title span:after {
  position: absolute;
  top: 30%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: "";
  background-color: #17428b;
}

.single h4#comments:before {
  margin-left: -52%;
}

.single h4#comments:after {
  margin-left: 2%;
}

.single h4#reply-title {
  text-align: center;
  letter-spacing: 4px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.single h4#reply-title span:before {
  margin-left: -52%;
}

.single h4#reply-title span:after {
  margin-left: 1%;
}

.single .comment-body {
  border: 2px solid #f5f5f5;
  position: relative;
  padding: 20px !important;
  margin-bottom: 20px;
}

.single a.comment-edit-link {
  float: right;
  font-size: 10px;
  margin-left: 10px;
}

.single .comment .comment_avatar {
  margin: 0 20px 20px 0;
  position: relative;
  top: 0;
  float: left;
}

.single .comment .children .comment_avatar:after {
  font-family: "Font Awesome\ 5 Free";
  content: "\f122";
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 90%;
  bottom: 85%;
  color: #17428b;
}

.single .comment_area .comment-reply-link {
  top: 44px;
  left: 100px;
  right: auto;
  margin: 20px;
}

.single .comment_area {
  clear: left;
}

.single .comment .children {
  margin-left: 20px;
}

.single p.logged-in-as a {
  color: #17428b;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}

.single #commentform {
  padding-bottom: 35px;
}

.single #commentform textarea,
.single #commentform input[type="text"],
.single #commentform input[type="email"],
.single #commentform input[type="url"] {
  background-color: #f5f5f5;
  font-size: 14px;
  margin-bottom: 20px;
  color: #333;
}

.single #commentform textarea {
  margin-bottom: 15px;
}

.single #commentform .form-submit {
  float: left;
}

.single p.comment-form-author,
.single p.comment-form-comment,
.single p.comment-form-email,
.single p.comment-form-url {
  padding-bottom: 0;
}

@media all and (min-width: 981px) {
  #sidebar .et_pb_widget {
    margin-bottom: 18.54%;
  }
}

@media all and (max-width: 1100px) {
  .archive #content-area,
  .search #content-area,
  .single #content-area {
    padding-bottom: 60px;
  }
  .ds-post-slider .et_pb_slide_description {
    width: 50%;
    margin: 20px;
  }
  .archive #sidebar,
  .search #sidebar {
    padding: 20px;
    margin-bottom: 60px;
  }
  .single #sidebar {
    padding: 20px;
  }
  #sidebar .et_pb_widget {
    margin-bottom: 7.5%;
  }
  .ds-sidebar .et_pb_widget,
  .ds-sidebar .et_pb_widget img,
  #sidebar .et_pb_widget,
  #sidebar .et_pb_widget img {
    width: 100%;
  }
}

@media all and (min-width: 480px) {
  .single #commentform input#author {
    width: 48.5%;
    float: left;
  }
  .single #commentform input#email {
    width: 48.5%;
    float: right;
  }
  .single #commentform input#url {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .ds-post-slider .et_pb_slide_description {
    width: auto;
    margin-bottom: 50px;
  }
  .ds-post-slider .et-pb-controllers {
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
    transform: none;
  }
  .single .comment_area .comment-reply-link {
    left: auto;
    margin: 20px 0 10px 20px;
  }
}

@media all and (min-width: 480px) {
  .ds-blog .et_pb_post,
  .archive .et_pb_post,
  .search .et_pb_post {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ds-blog .et_pb_post .entry-featured-image-url,
  .archive .et_pb_post .entry-featured-image-url,
  .search .et_pb_post .entry-featured-image-url {
    width: 50%;
    margin: 0;
  }
  .ds-blog .ds-blog-content,
  .archive .ds-blog-content,
  .search .ds-blog-content {
    width: 50%;
    padding: 20px;
  }
}

@media all and (max-width: 768px) {
  .ds-blog .et_pb_post,
  .archive .et_pb_post,
  .search .et_pb_post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ds-blog .et_pb_post .entry-featured-image-url,
  .archive .et_pb_post .entry-featured-image-url,
  .search .et_pb_post .entry-featured-image-url {
    width: 100%;
    margin: 0 !important;
  }
  .ds-blog .ds-blog-content,
  .archive .ds-blog-content,
  .search .ds-blog-content {
    width: 100%;
    margin: 0;
    padding: 20px;
  }
  .ds-blog .ds-blog-content .entry-title,
  .archive .ds-blog-content .entry-title,
  .search .ds-blog-content .entry-title {
    padding-bottom: 20px;
  }
  .ds-sidebar .et_pb_widget img,
  #sidebar .et_pb_widget img {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 479px) {
  .single .comment_avatar img {
    max-width: 100%;
  }
}

h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
a, a:visited {
  color: #008000;
}

a:hover, a:active {
  color: #efbc1b;
  text-decoration: underline;
}

html {
  background: #0c8643;
}

body {
  background: #ffffff;
  font-family: Open Sans,Arial,sans-serif;
}

h1 {
  line-height: 3rem;
}

h2 {
  line-height: 2rem;
}

header {
  border-bottom: 10px solid #efbc1b;
}

header #et-top-navigation {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /** disable desktopmenu **/
  /** show hamburger menu on desktop **/
}

header #et-top-navigation #top-menu {
  display: none !important;
}

header #et-top-navigation #et_mobile_nav_menu {
  display: block !important;
  float: left;
}

header #et-top-navigation #et_mobile_nav_menu .mobile_menu_bar:before {
  color: #000000;
}

header #et-top-navigation #et_mobile_nav_menu .et_mobile_menu {
  padding: 10px;
  left: unset;
  right: 0 !important;
  width: 300px;
  border-top: 0px solid #efbc1b;
  -webkit-box-shadow: 0px 0px 1px #000000;
  box-shadow: 0px 0px 1px #000000;
}

header #et-top-navigation #et_mobile_nav_menu .et_mobile_menu li:last-child a {
  border: none;
}

header #et-top-navigation #extra-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header #et-top-navigation #extra-column .et_pb_section {
  width: 200px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

header #et-top-navigation #extra-column .et_pb_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -6px;
}

header #et-top-navigation #extra-column .et_pb_row {
  margin-top: 3px;
  padding: 0px;
}

header #et-top-navigation #extra-column .et-extra-button {
  width: 90px;
  margin: 0px 20px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: none !important;
  transition: none !important;
}

header #et-top-navigation #extra-column .et_pb_button:hover {
  background: #efbc1b;
  text-decoration: none;
}

header #et-top-navigation #extra-column .et-extra-facebook {
  width: 15px;
  margin: 6px 20px 0px 0px;
}

header #et-top-navigation #extra-column .et-extra-instagram {
  width: 30px;
  margin-top: 6px;
}

/*** Frontpage ***/
.hero-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-image:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(24, 83, 39, 0.5);
}

.hero-image .hero-image-row {
  text-align: center !important;
}

.hero-image .hero-image-row .hero-image-headline h1 {
  font-size: 3rem;
  color: #ffffff;
  text-align: center;
}

.hero-image .hero-image-row .hero-image-button {
  color: #efbc1b !important;
  border: none;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  -webkit-transition: none !important;
  transition: none !important;
}

.hero-image .hero-image-row .hero-image-button:hover {
  background: #efbc1b;
  color: #000000 !important;
  text-decoration: none;
}

.hero-image .hero-image-row .et_pb_button_module_wrapper {
  margin: 0px;
  padding: 0px;
}

.frontpage-news-section {
  background: #fcf2d1;
  padding: 30px !important;
}

.frontpage-news-section h1.not-found-title {
  display: none;
}

.frontpage-news-section .entry {
  text-align: center;
  margin-bottom: 50px;
}

.frontpage-news-section .front-page-news-row {
  padding: 0px !important;
}

.frontpage-news-section .front-page-news-row .front-page-news-post h2.entry-title {
  display: none;
}

.frontpage-news-section .front-page-news-row .et_pb_module {
  margin: 0px 0px -35px 0px;
}

.frontpage-news-section .front-page-news-row .front-page-news-button {
  font-size: 1rem;
  -webkit-transition: none !important;
  transition: none !important;
}

.frontpage-news-section .front-page-news-row .front-page-news-button:hover {
  background: #efbc1b;
  color: #000000 !important;
  text-decoration: none;
}

body.home .sports-section-row {
  margin-top: -81px !important;
}

.sport-sections .sports-section-row .et_pb_column_1_2 {
  width: 50%;
}

.sport-sections .sports-section-row .et_pb_column {
  margin: 0px !important;
}

.sport-sections .sports-section-row .sport {
  text-align: center;
  height: 100px;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.sport-sections .sports-section-row .sport h3 {
  color: #fff;
  text-shadow: 3px 3px 3px #000000;
  font-size: 2rem;
}

.some-seperator {
  padding: 0px !important;
}

.some-seperator .some-buttons-row {
  padding: 0px;
}

.some-seperator .some-buttons-row .et_pb_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.some-seperator .some-buttons-row .ig-icon,
.some-seperator .some-buttons-row .fb-icon {
  width: calc(50% - 45px);
}

.some-seperator .some-buttons-row .fb-icon img {
  width: 18px;
  float: right;
}

.some-seperator .some-buttons-row .ig-icon img {
  width: 35px;
  float: left;
}

.some-seperator .some-slogan-row {
  padding-top: 0px;
}

.some-seperator .some-slogan-row h3 {
  text-align: center;
  color: #efbc1b;
  font-size: 1.8rem;
}

.instagram-feed {
  margin: 40px 0px 40px 0px;
}

/*** Singe page ***/
#main-content .et_pb_text_inner h1:first-of-type,
#main-content .et_pb_text_inner h2:first-of-type,
#main-content .et_pb_text_inner h3:first-of-type,
#main-content .et_pb_text_inner h4:first-of-type,
#main-content .et_pb_text_inner h5:first-of-type,
#main-content .et_pb_text_inner h6:first-of-type {
  margin-top: 0px;
}

#main-content .et_pb_text_inner h1,
#main-content .et_pb_text_inner h2,
#main-content .et_pb_text_inner h3,
#main-content .et_pb_text_inner h4,
#main-content .et_pb_text_inner h5,
#main-content .et_pb_text_inner h6 {
  margin-top: 40px !important;
}

#main-content .sports-section-row h3 {
  margin-top: 0px !important;
}

#main-content .container:before {
  background: transparent;
}

#main-content .single-page-header:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(24, 83, 39, 0.5);
}

#main-content .single-page-header-title a,
#main-content .single-page-header-title a:visited,
#main-content .single-page-header-title .et_pb_title_meta_container,
#main-content .single-page-header-title h1 {
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
}

#main-content .et_pb_widget_area_left {
  border: none;
  margin: 0px;
}

#main-content .single-page-sidebar.blog {
  background: #fcf2d1;
  padding: 40px;
  margin: 0px;
}

#main-content .single-page-sidebar .parent-sidebar-menu a,
#main-content .single-page-sidebar .parent-sidebar-menu a:visited {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 5px solid #efbc1b;
  color: #efbc1b;
  padding-bottom: 10px;
  display: block;
  line-height: 2.3rem;
}

#main-content .single-page-sidebar .parent-sidebar-menu ul.child-sidebar-menu {
  margin: 0px;
  padding: 0px;
}

#main-content .single-page-sidebar .parent-sidebar-menu ul.child-sidebar-menu li a,
#main-content .single-page-sidebar .parent-sidebar-menu ul.child-sidebar-menu li a:visited {
  font-size: 1.3rem;
  color: #0c8643;
  font-weight: bold;
  margin: 0px;
  border: none;
  padding: 0px;
}

#main-content .single-page-sidebar .parent-sidebar-menu ul.child-sidebar-menu li.current_page_item a,
#main-content .single-page-sidebar .parent-sidebar-menu ul.child-sidebar-menu li.current_page_item a:visited {
  color: #efbc1b;
}

#main-content .single-page-sidebar ul.grandchild-sidebar-menu.level-0.children a,
#main-content .single-page-sidebar ul.grandchild-sidebar-menu.level-0.children a:visited {
  font-size: 1.1rem;
  line-height: 1.4rem;
  margin: 10px 0px 10px 5px;
  color: #0c8643 !important;
}

#main-content .single-page-sidebar ul.grandchild-sidebar-menu.level-0.children .current_page_item a,
#main-content .single-page-sidebar ul.grandchild-sidebar-menu.level-0.children .current_page_item a:visited {
  color: #efbc1b !important;
}

#main-content .single-page-sidebar ul.grandchild-sidebar-menu.level-0.children a::before {
  content: "- ";
}

#main-content .single-page-sidebar .et_pb_widget ul li ul li {
  margin: 0px;
}

#main-content .single-page-news {
  background: #fcf2d1;
  padding: 20px;
  margin: 0px;
}

#main-content .single-page-news article {
  margin-bottom: 30px;
}

#main-content .single-page-news article:last-child {
  margin-bottom: -15px;
}

#main-content .single-page-news h2.entry-title {
  display: none;
}

#main-content .single-page-news-button {
  background: #fcf2d1;
  font-size: .9rem;
  width: 100%;
  border: none !important;
  line-height: 50px !important;
  text-indent: 5px;
}

#main-content .breadcrumb-container ul, #main-content .breadcrumb-container li {
  margin: 0px;
  padding: 0px;
}

#main-content .breadcrumb-container li a {
  padding: 0px;
}

#main-content .post-meta span {
  margin: 10px;
}

#main-content .post-meta span:first-child,
#main-content .post-meta span:last-child {
  margin: 0px;
}

#main-content nav.pagination .page-numbers:hover {
  background: #363636;
  text-decoration: none !important;
}

#main-content nav.pagination .page-numbers.next,
#main-content nav.pagination .page-numbers.prev {
  width: 130px !important;
  border-radius: 0px !important;
  border: none;
  padding: 0px;
}

#main-content nav.pagination .page-numbers {
  font-size: .9rem;
  background: #efbc1b;
  border: none;
  border-radius: 0px;
  padding: 4px;
}

#main-content nav.pagination .page-numbers.current {
  background: #0c8643;
  border: none;
  color: #ffffff;
}

/** Single post page **/
.single #main-content {
  background: #fff;
}

.single #main-content p {
  font-size: inherit !important;
}

.single #main-content .et_pb_post {
  background: transparent;
  padding: 0;
}

#footer {
  background: #ffffff;
  padding: 0px;
}

#footer .footer-sitemap-row {
  width: 100%;
}

#footer .footer-sitemap-row h4 {
  font-weight: bold;
  font-size: 1rem;
  color: #0c8643;
}

#footer .footer-sitemap-row ul {
  padding: 0px;
}

#footer .footer-sitemap-row ul li {
  list-style: none;
}

#footer .footer-sitemap-row .footer-facebook-icon {
  margin-left: calc(50% - 35px);
  width: 15px;
  margin-right: 15px;
  float: left;
}

#footer .footer-sitemap-row .footer-instagram-icon {
  width: 30px;
  float: left;
}

#footer .footer-sitemap-row .footer-facebook-icon a,
#footer .footer-sitemap-row .footer-instagram-icon a {
  z-index: 9991;
  display: block;
  position: relative;
}

#footer .footer-sitemap-row .footer-logo {
  max-width: 100px !important;
  margin: 0 auto;
}

#footer .footer-bottom-row {
  background: #0c8643;
  max-width: 100%;
  min-width: 100%;
}

#footer .footer-bottom-row .footer-content {
  text-align: center;
  color: #ffffff;
}

.archive .entry-title {
  letter-spacing: 0px !important;
}

.archive article {
  margin: 0px;
}

.archive .ds-blog-content {
  width: 100% !important;
}

.archive .more-container,
.archive a.more-link {
  display: none;
}

.archive #main-content .single-page-news {
  display: none;
}

.form {
  margin: 0 0 40px 0;
}

.wpcf7-submit {
  cursor: pointer;
  background: #0c8643;
  border: none;
  color: #ffffff;
  padding: 10px;
  width: 100%;
}

.wpcf7-submit:hover {
  background: #efbc1b;
}

.form.first-details {
  margin-top: 10px;
}

.form.first-details input {
  width: 100%;
  border: 1px solid #363636;
  padding: 5px;
}

.post-grid .et_pb_ajax_pagination_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post-grid .et_pb_ajax_pagination_container article.et_pb_post {
  width: 33.3333%;
  margin: 20px 20px 60px 20px;
}

.post-grid .et_pb_ajax_pagination_container article.et_pb_post a.entry-featured-image-url {
  text-align: center;
}

.post-grid .et_pb_ajax_pagination_container article.et_pb_post a.entry-featured-image-url img {
  height: 200px;
  width: auto;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.kilpailut.post-grid .et_pb_ajax_pagination_container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kilpailut.post-grid .et_pb_ajax_pagination_container article.et_pb_post {
  width: calc(50% - 10px);
  border: 1px solid #ddd;
  padding: 10px;
  margin: 5px;
}

body.archive .et_pb_ajax_pagination_container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.archive .et_pb_ajax_pagination_container article.et_pb_post {
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 20px 0px 20px 0px;
}

#comment-wrap p.comment-form-url {
  display: none !important;
}

#comment-wrap em {
  margin-left: 20px;
}

#comment-wrap ul.children,
#comment-wrap ul.children li {
  margin-top: -41px;
}

@media (max-width: 1150px) {
  footer .footer-sitemap-row {
    padding: 0px 50px 40px 50px;
  }
}

@media (max-width: 980px) {
  .page-content-row .shailan-subpages-widget {
    width: 100% !important;
  }
  .page-content-row .shailan-subpages-widget ul li a {
    display: block;
  }
  .page-content-row .et_pb_button_module_wrapper,
  .page-content-row .single-page-news {
    display: none;
  }
  .page-content-row .et_pb_column {
    margin-bottom: 0px;
  }
}

@media (max-width: 800px) {
  .kilpailut.post-grid .et_pb_ajax_pagination_container,
  .post-grid .et_pb_ajax_pagination_container {
    display: inline-block;
  }
  .kilpailut.post-grid .et_pb_ajax_pagination_container article.et_pb_post,
  .post-grid .et_pb_ajax_pagination_container article.et_pb_post {
    width: 100%;
    margin: 0px 0px 50px 0px;
  }
  .kilpailut.post-grid .et_pb_ajax_pagination_container article.et_pb_post {
    margin-bottom: 50px !important;
  }
  .kilpailut.sport-sections .sports-section-row .et_pb_column_1_2,
  .sport-sections .sports-section-row .et_pb_column_1_2 {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  footer .footer-sitemap-row {
    padding: 0px 50px 40px 50px;
  }
  ul#mobile_menu {
    width: 100% !important;
    left: unset !important;
    right: unset !important;
  }
}
/*# sourceMappingURL=style.css.map */