/*
 Theme Name:     Patrol
 Theme URI:      https://tovari.fi
 Description:    A child theme for Patrol
 Author:         Markkinointitoimisto Tovari
 Author URI:     https://tovari.fi
 Template:       Divi
 Version:        1.1.0
*/
.some-brandi {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -webkit-max-content;
}

/*********************** MIXINS ***************************************/
/********************************** TEXTS / FONTS *********************************/
.text1 {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.text2 p,
.text2 a {
  color: #0d72b8;
  font-size: 20px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
  font-weight: bold;
}

.text3 p {
  color: #d1d3d4;
  font-size: 16px;
  text-align: center;
  font-family: "Arial", sans-serif;
}

.text4 {
  color: #000000;
  font-size: 18px;
  text-align: justify;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.text5 p {
  color: #d1d3d4;
  font-size: 16px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
}

.text6 p {
  font-size: 50px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
  font-weight: bold;
  line-height: 1.2;
}

.text7 p {
  color: black;
  font-size: 18px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.text8 p {
  color: white;
  font-size: 16px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.text7 a {
  color: #ef4024;
  text-decoration: underline;
}

.text-fischer p {
  color: #e5e652;
}

.text-briko p {
  color: #232757;
}

.text-maplus p {
  color: #e46c32;
}

.text-salzmann p {
  color: #0082c2;
}

.text-jeti p {
  color: #f39203;
}

.text-oneway p {
  color: #c4da46;
}

.text-brooks p {
  color: #0d72b8;
}

.h1-otsikko h1 {
  color: #000000;
  font-size: 40px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
  font-weight: bold;
}

.headline2 p,
.headline2 h3 {
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.headline3 h4 {
  color: #ef4123;
  font-size: 24px;
  text-align: center;
  font-family: "Arial", sans-serif;
  font-weight: bold;
}

.headline4 p,
.headline4 h3 {
  color: #ffffff;
  font-size: 40px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
  line-height: 0.8;
}

.headline5 p {
  color: #000000;
  font-size: 40px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.headline6 h2 {
  color: #ef4024;
  font-size: 24px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.headline7 p {
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.align-center {
  text-align: center !important;
}

.some-brandi {
  margin-left: auto !important;
  margin-right: auto !important;
}

.some-brandi .et_pb_social_icon .icon {
  background-color: black !important;
}

/*************************************** HEADER AND NAVIGATION *****************************/
#mhmm-menu-layout-overlay-355 {
  top: 0 !important;
  max-height: unset !important;
  min-height: 100vh;
}

.mhmm-menu-layout-active {
  overflow: hidden;
}

#custom-navi {
  min-height: 100vh;
  background-color: #1c2d5a;
}

#custom-navi .row-width-50 {
  width: 50vw;
}

#custom-navi .row-width-50 .cust-navi-links a {
  color: white;
  font-family: "Baloo Tamma", cursive;
}

#custom-navi .row-width-50 .cust-navi-links a:hover {
  color: #ef4024;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchform .et_pb_s {
  color: white;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchform .et_pb_s::-webkit-input-placeholder {
  color: #e6e6e6 !important;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchform .et_pb_s:-ms-input-placeholder {
  color: #e6e6e6 !important;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchform .et_pb_s::-ms-input-placeholder {
  color: #e6e6e6 !important;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchform .et_pb_s::placeholder {
  color: #e6e6e6 !important;
}

#custom-navi .row-width-50 #search-bar .et_pb_searchsubmit {
  color: #ef4024;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

#custom-navi .nav-block-row {
  width: 50vw;
  margin: auto !important;
  max-width: unset;
}

#custom-navi .nav-block-row .et_pb_column {
  margin-right: 0 !important;
  width: calc(48vw / 3);
  margin-right: 1vw !important;
}

#custom-navi .nav-block-row .et_pb_column:nth-child(3) {
  margin-right: 0vw !important;
}

#custom-navi .nav-block-row .et_pb_column .nav-block {
  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;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
  margin-bottom: 1vw !important;
}

#custom-navi .nav-block-row .et_pb_column .nav-block .et_pb_text_inner a {
  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;
  height: inherit;
  font-size: 25px;
  color: white;
}

#custom-navi .nav-block-row .et_pb_column .nav-block .et_pb_text_inner a:hover {
  background-color: rgba(239, 65, 35, 0.9);
}

#custom-navi .nav-block-row .et_pb_column .nav-size-1 a {
  height: calc(30vw / 3) !important;
}

#custom-navi .nav-block-row .et_pb_column .nav-size-2 a {
  height: calc(30vw / 3 * 2) !important;
}

#custom-navi .nav-block-row .et_pb_column .height-plus-one a {
  height: calc(30vw / 3 * 2 + 1vw) !important;
}

#main-header {
  background-color: #1c2d5a;
}

#main-header .container {
  width: 100%;
  max-width: 1920px;
  margin: 0 !important;
}

#main-header .container #et-top-navigation {
  padding-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Safari 6.1+ */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#main-header .container #et-top-navigation #top-menu-nav {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#main-header .container #et-top-navigation #top-menu-nav .menu-item i {
  font-size: 40px;
  color: white;
}

#main-header .container #et-top-navigation #et_top_search {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 13px 16px 0 22px !important;
}

#main-header .container #et-top-navigation #et_top_search #et_search_icon::before {
  color: white;
}

#main-header .et_search_outer .container .et-search-field {
  color: white;
}

#main-header .et_search_outer .container .et-search-field::-webkit-input-placeholder {
  color: white;
}

#main-header .et_search_outer .container .et-search-field:-ms-input-placeholder {
  color: white;
}

#main-header .et_search_outer .container .et-search-field::-ms-input-placeholder {
  color: white;
}

#main-header .et_search_outer .container .et-search-field::placeholder {
  color: white;
}

#main-header .et_search_outer .container .et_close_search_field {
  color: white !important;
}

.prod-img img {
  min-height: 300px;
  max-height: 600px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.search #post-352 {
  display: none;
}

#main-header.et-fixed-header .mobile_menu_bar::before, #main-header.et-fixed-header .mobile_menu_bar::after {
  padding: 2px 10px !important;
}

.et_slide_in_menu_container {
  background-color: #1c2d5a;
}

.et_slide_in_menu_container a {
  font-weight: bold;
  font-family: "Baloo Tamma", cursive;
  font-size: 30px !important;
  text-decoration: none;
  color: #ffffff !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
}

.et_slide_in_menu_container a::after {
  background-color: #ef4123;
  height: 20px;
  display: block !important;
  content: "";
  width: calc(100% - 20px);
  margin-top: -8px;
}

.et_slide_in_menu_container a:hover {
  opacity: 1 !important;
}

.et_slide_in_menu_container a:hover::after {
  width: 100% !important;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.fischer-header {
  background-color: #e5e652;
  background-blend-mode: multiply;
}

.briko-header {
  background-color: #232757;
  background-blend-mode: multiply;
}

.maplus-header {
  background-color: #e46c32;
  background-blend-mode: multiply;
}

.salzmann-header {
  background-color: #0082c2;
  background-blend-mode: multiply;
}

.jeti-header {
  background-color: #f39203;
  background-blend-mode: multiply;
}

.oneway-header {
  background-color: #c4da46;
  background-blend-mode: multiply;
}

.brooks-header {
  background-color: #0d72b8;
  background-blend-mode: multiply;
}

.patrol-header {
  background-color: #ef4024;
  background-blend-mode: multiply;
}

/******************************************** BUTTONS ************************************/
.button1 {
  border: 1px solid #ef4123 !important;
  color: #ffffff;
  font-weight: bold;
  border-radius: 2px;
  padding: 20px 30px;
  font-family: "Baloo Tamma", cursive;
}

.button1:hover {
  background-color: #ef4123 !important;
}

.button2 {
  border: 1px solid #ffffff !important;
  color: #ef4123;
  font-weight: bold;
  border-radius: 2px;
  padding: 20px 30px;
  font-family: "Baloo Tamma", cursive;
}

.button2:hover {
  background-color: #ffffff !important;
}

.button3 {
  border: 1px solid #ffffff !important;
  color: #ffffff;
  font-weight: bold;
  border-radius: 2px;
  padding: 20px 30px;
  font-family: "Baloo Tamma", cursive;
}

.button3:hover {
  background-color: #ef4123 !important;
}

.button3:hover {
  border-color: #ef4123 !important;
}

.button4 {
  border: 1px solid #000000 !important;
  color: #000000;
  font-weight: bold;
  border-radius: 2px;
  padding: 20px 30px;
  font-family: "Baloo Tamma", cursive;
}

.button4:hover {
  background-color: #000000 !important;
}

.button4:hover {
  color: white;
}

.but-mob-center .et_pb_button_module_wrapper {
  text-align: center;
}

/****************************** BACKGROUNDS *******************/
.background1 {
  background-color: #1c2d5a;
}

.background2 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.background3 {
  background-color: white !important;
}

.background-fischer {
  background-color: #e5e652 !important;
}

.background-briko {
  background-color: #232757 !important;
}

.background-maplus {
  background-color: #e46c32 !important;
}

.background-salzmann {
  background-color: #0082c2 !important;
}

.background-jeti {
  background-color: #f39203 !important;
}

.background-oneway {
  background-color: #c4da46 !important;
}

.background-brooks {
  background-color: #0d72b8 !important;
}

/* other */
.border1 {
  border: 1px solid #ffffff;
}

.image-hover .et_overlay {
  background-color: rgba(239, 65, 35, 0.9);
  border: 0px;
}

.image-hover .et_overlay::before {
  content: "\39";
  color: #000000;
}

/****************************** PADDINGS; MARGINS; WIDTHS AND HEIGHTS *******************/
.padoff {
  padding: 0 !important;
}

.pad-bot-off {
  padding-bottom: 0 !important;
}

.vertical-align {
  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;
}

.extra-pad-between div {
  padding-top: 3%;
  padding-bottom: 3%;
}

.box-padding2 {
  padding: 3% !important;
}

.box-padding {
  padding: 7%;
}

.box-padding3 {
  padding: 7% 3%;
}

.row-width1 {
  width: 80%;
  max-width: 1700px;
}

.row-width2 {
  max-width: 900px;
  width: 90%;
}

.tapahtumat .month,
.tapahtumat .date,
.tapahtumat .event_title,
.tapahtumat .event_address, .tapahtumat-2 .month,
.tapahtumat-2 .date,
.tapahtumat-2 .event_title,
.tapahtumat-2 .event_address {
  font-family: "Baloo Tamma", cursive;
}

.tapahtumat .event_title {
  color: #1c2d5a !important;
}

.tapahtumat .event_date {
  background-color: #1c2d5a !important;
}

.tapahtumat-2 {
  margin-left: 5%;
  margin-right: 5%;
}

.tapahtumat-2 .event_title {
  color: #1c2d5a !important;
}

.tapahtumat-2 .event_date {
  background-color: white !important;
  color: #1c2d5a;
}

.ife_eventmeta .organizermain {
  background-color: transparent;
  border: 1px solid white;
}

.ife_eventmeta .titlemain {
  color: #ef4024;
  font-family: "Baloo Tamma", cursive;
}

.single-blogi .container .facebook_events .entry-content a {
  background-color: transparent;
  color: #ef4024;
  text-decoration: underline;
}

/****************** CUSTOM BLOGI ****************************/
.customblog {
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
  display: block;
  float: left;
}

.customblog article {
  width: calc(85% / 5);
  margin-right: 3.75%;
  display: inline-block;
  float: left;
}

.customblog article:last-child {
  margin-right: 0 !important;
}

.customblog article img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.customblog .entry-title,
.customblog .post-meta {
  display: none;
}

.customblog .post-content {
  font-size: 16px;
}

.customblog .post-content p {
  color: #ffffff;
}

/************ BLOGI 2 ***********/
.blogi2 article {
  margin-bottom: 14px;
}

.blogi2 article .entry-title,
.blogi2 article .entry-title a {
  color: #ef4024;
  font-size: 28px;
  font-family: "Baloo Tamma", cursive;
  font-weight: bold;
  padding-bottom: 0px !important;
}

.blogi2 article .post-content {
  display: none !important;
}

.blogi2 article .post-meta {
  color: #d1d3d4;
  font-size: 16px;
  font-family: "Baloo Tamma", cursive;
}

.blogi2 .pagination a {
  color: #ef4024;
  font-size: 14px;
  font-family: "Baloo Tamma", cursive;
  font-weight: bold;
}

/********************* SINGLE BLOG **************************/
.single-blogi {
  background-color: #1c2d5a !important;
}

.single-blogi .container .entry-title {
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.single-blogi .container .post-meta {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  font-family: "Baloo Tamma", cursive;
}

.single-blogi .container .post-meta a {
  color: #ffffff;
}

.single-blogi .container .entry-content {
  color: white;
  font-family: "Arial", sans-serif;
}

.single-blogi .container .entry-content a {
  color: white;
  background-color: #ef4123;
}

.single-blogi .container::before {
  background-color: transparent !important;
}

.single-blogi #sidebar {
  line-height: 1;
}

.single-blogi #sidebar .widgettitle {
  color: #ffffff;
  font-size: 18px;
  font-family: "Baloo Tamma", cursive;
}

.single-blogi #sidebar li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
}

.single-blogi #sidebar li a {
  color: #ffffff;
  font-weight: bold;
}

.single-blogi #sidebar li a::after {
  background-color: #ef4123;
  height: 10px;
  display: block !important;
  content: "";
  width: calc(100% - 20px);
  margin-top: -5px;
}

.single-blogi #sidebar li a:hover::after {
  width: 100% !important;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

/************* CUSTOM FORM *******************/
.form1 .gfield {
  margin: 0 !important;
}

.form1 .gfield .name_first,
.form1 .gfield .name_last {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.form1 .gfield .ginput_container {
  margin: 0 !important;
}

.form1 .gfield .ginput_container input[type="text"] {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
  background-color: #284081;
  border: 1px solid #101a33;
  border-radius: 10px;
  padding: 10px !important;
  color: white;
}

.form1 .gfield .ginput_container input[type="text"]::-webkit-input-placeholder {
  color: black !important;
}

.form1 .gfield .ginput_container input[type="text"]:-ms-input-placeholder {
  color: black !important;
}

.form1 .gfield .ginput_container input[type="text"]::-ms-input-placeholder {
  color: black !important;
}

.form1 .gfield .ginput_container input[type="text"]::placeholder {
  color: black !important;
}

.form1 .gfield .ginput_container textarea {
  background-color: #284081;
  border: 1px solid #101a33;
  border-radius: 10px;
  padding: 10px;
  color: white;
}

.form1 .gfield .ginput_container textarea::-webkit-input-placeholder {
  color: black;
}

.form1 .gfield .ginput_container textarea:-ms-input-placeholder {
  color: black;
}

.form1 .gfield .ginput_container textarea::-ms-input-placeholder {
  color: black;
}

.form1 .gfield .ginput_container textarea::placeholder {
  color: black;
}

.form1 .gfield .ginput_container .gfield_checkbox input[type="checkbox"] {
  margin: 0 !important;
}

.form1 .gfield .ginput_container .gfield_checkbox label {
  color: white;
}

.form1 .gfield .ginput_container .gfield_checkbox label a {
  text-decoration: underline;
  color: white;
}

.form1 .gform_footer {
  text-align: center;
}

.form1 .gform_footer input[type="submit"] {
  border: 1px solid #ef4024 !important;
  color: white;
  font-weight: bold;
  border-radius: 2px;
  padding: 20px 30px;
  font-family: "Baloo Tamma", cursive;
  background-color: #ef4024;
  padding: 20px 40px;
  font-family: "Baloo Tamma", cursive;
  border-radius: 10px;
  font-size: 20px;
}

.form1 .gform_footer input[type="submit"]:hover {
  background-color: black !important;
}

.form1 .gform_footer input[type="submit"]:hover {
  cursor: pointer;
}

/****** MAP / KARTTA *******************************/
.kartta1 {
  padding-top: 30px;
}

.kartta1 .wpsl-search {
  background-color: transparent !important;
  width: 100%;
  padding: 0;
}

.kartta1 .wpsl-search .wpsl-input {
  width: 80%;
  margin: 0 !important;
}

.kartta1 .wpsl-search .wpsl-input input {
  margin-left: 41.5% !important;
  width: unset;
  width: 56% !important;
  padding: 8px 12px !important;
}

.kartta1 .wpsl-search .wpsl-input label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
  color: black;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
  display: none !important;
}

.kartta1 .wpsl-search .wpsl-search-btn-wrap {
  width: 20%;
  margin: 0 !important;
}

.kartta1 .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn {
  width: 100%;
  border-color: black;
  color: white;
  background-color: black !important;
  background-image: none;
}

.kartta1 .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn:hover {
  background-color: #333 !important;
  border-color: #333;
}

.kartta1 .wpsl-store-location {
  color: #000000;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
  line-height: 1.2;
}

.kartta1 .wpsl-direction-wrap {
  margin-top: -20px;
}

.kartta1 .wpsl-direction-wrap a {
  color: black;
  font-size: 14px;
  font-family: "Baloo Tamma", cursive;
  text-decoration: underline;
}

.kartta1 .wpsl-no-results-msg {
  color: black;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.kartta1 #wpsl-wrap #wpsl-result-list li {
  padding-left: 0;
}

/* white map */
.kartta1.kartta-white .wpsl-search .wpsl-input label {
  color: white;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.kartta1.kartta-white .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn {
  border-color: white;
  color: black;
  background-color: white !important;
}

.kartta1.kartta-white .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn:hover {
  background-color: #333 !important;
  border-color: #333;
}

.kartta1.kartta-white .wpsl-store-location {
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.kartta1.kartta-white .wpsl-direction-wrap a {
  color: white;
  font-size: 14px;
  font-family: "Baloo Tamma", cursive;
  text-decoration: underline;
}

.kartta1.kartta-white .wpsl-no-results-msg {
  color: white;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

/* brand specific */
.kartta-maplus #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #f68046 !important;
}

.kartta-fischer #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #f2f393 !important;
}

.kartta-salzmann #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #2ea9e6 !important;
}

.kartta-jeti #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #f6b452 !important;
}

.kartta-oneway #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #d9ec6a !important;
}

.kartta-brooks #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #d9ec6a !important;
}

.kartta-briko #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid #4f5492 !important;
}

/***************** KARTTA 2 *********************/
.kartta2 {
  padding-top: 30px;
}

.kartta2 .wpsl-search {
  background-color: transparent !important;
  width: 100%;
  padding: 0;
}

.kartta2 .wpsl-search .wpsl-input {
  width: 80%;
  margin: 0 !important;
}

.kartta2 .wpsl-search .wpsl-input input {
  margin-left: 41.5% !important;
  width: unset;
  width: 56% !important;
  padding: 8px 12px !important;
}

.kartta2 .wpsl-search .wpsl-input label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
  color: white;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
  display: none !important;
}

.kartta2 .wpsl-search .wpsl-search-btn-wrap {
  width: 20%;
  margin: 0 !important;
}

.kartta2 .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn {
  width: 100%;
  border-color: white;
  color: black;
  background-color: white !important;
  background-image: none;
}

.kartta2 .wpsl-search .wpsl-search-btn-wrap input#wpsl-search-btn:hover {
  background-color: #333 !important;
  border-color: #333;
}

.kartta2 .wpsl-store-location {
  color: white;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
  line-height: 1.2;
}

.kartta2 .wpsl-direction-wrap {
  margin-top: -20px;
}

.kartta2 .wpsl-direction-wrap a {
  color: white;
  font-size: 14px;
  font-family: "Baloo Tamma", cursive;
  text-decoration: underline;
}

.kartta2 .wpsl-no-results-msg {
  color: white;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.kartta2 #wpsl-wrap #wpsl-result-list li {
  padding-left: 0;
}

.kartta2 #wpsl-wrap #wpsl-result-list li {
  border-bottom: 1px solid white !important;
}

/*** scroll bar **/
::-webkit-scrollbar {
  background-color: white;
}

::-webkit-scrollbar-button {
  color: #333;
}

::-webkit-scrollbar-thumb {
  background-color: #333;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}

/*.scroller {
    overflow-y: scroll;
    scrollbar-color: white #333;
  }*/
.search #main-content {
  background-color: #1c2d5a;
}

.search #main-content .container article {
  color: white;
  font-family: "Arial", sans-serif;
}

.search #main-content .container article a {
  color: white;
}

.search #main-content .container article .entry-title {
  color: #ffffff;
  font-size: 20px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.search #main-content .container article .post-meta {
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  font-family: "Baloo Tamma", cursive;
}

.search #main-content .container article .post-meta a {
  color: #ffffff;
}

.search #main-content .container::before {
  background-color: transparent !important;
}

.search #main-content #sidebar {
  line-height: 1;
}

.search #main-content #sidebar .widgettitle {
  color: #ffffff;
  font-size: 18px;
  font-family: "Baloo Tamma", cursive;
}

.search #main-content #sidebar li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
}

.search #main-content #sidebar li a {
  color: #ffffff;
  font-weight: bold;
}

.search #main-content #sidebar li a::after {
  background-color: #ef4123;
  height: 10px;
  display: block !important;
  content: "";
  width: calc(100% - 20px);
  margin-top: -5px;
}

.search #main-content #sidebar li a:hover::after {
  width: 100% !important;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.pagination a {
  color: white;
  background-color: black;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: "Baloo Tamma", cursive;
  display: block;
  margin-bottom: 20px;
}

/**************************** FOOTER ***************************************/
#footer-bottom {
  background-color: #1c2d5a;
}

#footer-bottom .container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: intrinsic;
}

#footer-bottom .container #footer-info {
  color: #ef4123;
}

#footer-bottom .container #footer-info a {
  color: #ef4123;
}

/******************************** MEDIA QUERIES ******************************/
@media all and (min-width: 981px) {
  .img-1-4 img {
    width: 25vw;
    height: 25vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .img-1-2 img {
    width: 100%;
    width: 50vw;
    height: 25vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .some-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: intrinsic;
    position: absolute;
    bottom: 25px;
    left: 67%;
  }
  .some-box .some {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: intrinsic;
  }
  .some-box .some .et_pb_social_icon {
    width: 120px;
    height: 120px;
    display: block;
  }
  .some-box .some .et_pb_social_icon .icon {
    width: 120px;
    height: 120px;
  }
  .some-box .some .et_pb_social_icon .icon:before {
    font-size: 120px;
    line-height: 120px;
    width: 120px;
    height: 120px;
  }
}

@media all and (max-width: 1320px) {
  #custom-navi .et_pb_column {
    width: 100%;
  }
  #custom-navi .et_pb_column .menu-item {
    width: 100%;
  }
  #custom-navi .et_pb_column .menu-item a {
    padding: 5px 0px;
  }
}

@media all and (min-width: 981px) and (max-width: 1200px) {
  .customblog article:nth-child(5) {
    display: none;
  }
  .customblog article {
    width: calc(85% / 4);
    margin-right: 5% !important;
  }
  .customblog article:nth-child(4) {
    margin-right: 0 !important;
  }
}

@media all and (max-width: 980px) {
  .some .et_pb_social_icon {
    width: 50px;
    height: 50px;
  }
  .some .et_pb_social_icon .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .some .et_pb_social_icon .icon::before {
    font-size: 38px !important;
  }
  .et_slide_in_menu_container a {
    font-size: 20px !important;
    padding: 8px 0px !important;
  }
  .et_slide_in_menu_container a::after {
    height: 10px !important;
  }
  #custom-navi .nav-block-row .et_pb_column {
    width: 100%;
    margin: 0 !important;
  }
  #custom-navi .nav-block-row .et_pb_column .nav-size-2 a,
  #custom-navi .nav-block-row .et_pb_column .nav-size-1 a {
    height: 150px !important;
  }
  #et_mobile_nav_menu {
    display: none;
  }
  #top-menu {
    display: block;
  }
  #et_top_search {
    display: none;
  }
  .text4 p {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media all and (min-width: 480px) and (max-width: 980px) {
  .img-1-4 img {
    width: 50vw;
    height: 50vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .img-1-2 img {
    width: 100vw;
    height: 50vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .min-mob {
    min-height: 50vw !important;
  }
  .mobile_menu_bar {
    left: -55px;
  }
  .pad-box3 {
    padding: 10%;
    height: 50vw;
  }
  .text6 p {
    font-size: 30px !important;
  }
}

@media all and (min-width: 841px) and (max-width: 980px) {
  .customblog article:nth-child(4),
  .customblog article:nth-child(5) {
    display: none;
  }
  .customblog article {
    width: calc(90% / 3);
    margin-right: 5% !important;
  }
  .customblog article:nth-child(3) {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 600px) and (max-width: 980px) {
  .box-padding2 {
    padding: 8% !important;
  }
  .box-padding {
    margin-bottom: 0;
    padding: 8% 8%;
  }
  .box-padding3 {
    padding: 8% 8%;
    margin-bottom: 0;
  }
}

@media all and (max-width: 599px) {
  .box-padding2 {
    padding: 8% !important;
  }
  .box-padding {
    margin-bottom: 0;
    padding: 22% 8%;
  }
  .box-padding3 {
    padding: 23% 3%;
    margin-bottom: 0;
  }
}

@media all and (max-width: 840px) {
  .customblog article:nth-child(4),
  .customblog article:nth-child(5) {
    display: none;
  }
  .customblog article {
    width: 100%;
    margin-right: 0% !important;
  }
}

@media all and (max-width: 825px) {
  #wpsl-search-input {
    margin-left: 0 !important;
    width: 100% !important;
  }
  #wpsl-search-btn,
  #wpsl-search-wrap div {
    margin-top: 5px !important;
    width: 100% !important;
  }
}

@media all and (max-width: 479px) {
  .img-1-4 img {
    width: 100vw;
    height: 100vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .img-1-2 img {
    width: 100vw;
    height: 100vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .min-mob {
    min-height: 100vw !important;
  }
  .pad-box3 {
    height: 100vw;
    padding: 10%;
  }
  .text6 p {
    font-size: 30px !important;
  }
  .box-padding2 {
    padding: 10% !important;
  }
  .h1-otsikko h1 {
    font-size: 34px;
  }
}
/*# sourceMappingURL=style.css.map */