/*
 Theme Name:     Tovari Divi Child
 Theme URI:      https://www.tovari.fi
 Description:    Tovari Divi Child Theme
 Author:         Tovari
 Author URI:     https://www.tovari.fi
 Template:       Divi
 Version:        1.0.0
*/
@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Inter:wght@100..900&display=swap");
.vertical-align-flex {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.navigation--section {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
  padding-top: 0 !important;
}
.navigation--section .navigation--row {
  width: 90%;
  max-width: 90%;
  background: transparent;
  padding: 0 !important;
}
.navigation--section .navigation--row .navigation--menu {
  background: transparent !important;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
  max-width: 240px;
}
@media (max-width: 980px) {
  .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
    max-width: 225px;
  }
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap {
  justify-content: flex-end;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 981px) and (max-width: 1179px) {
  .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a {
  color: #fff;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 38%;
  background: #fe5512;
  /*** COLOR OF THE LINE ***/
  height: 1.5px;
  /*** THICKNESS OF THE LINE ***/
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:hover {
  opacity: 1 !important;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:hover:before {
  right: 0;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li.current-menu-item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li li a:before {
  bottom: 10%;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {
  font-size: 46px;
  color: #fff;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
  width: 100vw;
  margin-left: -5vw;
  border-top: none;
  /*background-image: linear-gradient(90deg, rgba(1, 1, 1, 0.95) 0%, rgba(1, 1, 1, 0.6) 100%), url(/wp-content/uploads/2024/06/Tunneviestisi-Oy-footer.jpg) !important;*/
  /*background-position: bottom;*/
  margin-top: -22vw;
  z-index: -1;
  padding: 30vw 8vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
@media (max-width: 525px) {
  .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
    margin-top: -32vw;
    padding: 50vw 8vw;
  }
}
@media (max-width: 410px) {
  .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
    margin-top: -40vw;
    padding: 60vw 8vw;
  }
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a {
  font-size: 22px;
  color: #fff;
  text-align: center;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li .sub-menu {
  background-color: #58e62c !important;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li.current-menu-item,
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li .current-page-item {
  /*background-color: $primary;*/
  border-bottom: 1.5px solid #fe5512;
  width: 50%;
  margin: auto;
}
.navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li.mobile--button {
  background-color: #033f71;
}
@media (min-width: 981px) {
  .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li.mobile--button {
    display: none;
  }
}
.navigation--section.sticky-section {
  position: absolute;
  transition: top 0.3s ease-in-out;
}
.navigation--section.sticky-section.sticky {
  position: fixed;
  top: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding-bottom: 0 !important;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "M";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  color: #010101;
}

h1 {
  font-size: 4vw !important;
}
@media (max-width: 980px) {
  h1 {
    font-size: 7vw !important;
  }
}
@media (max-width: 675px) {
  h1 {
    font-size: 8vw !important;
  }
}

.sub--page--heading h1 {
  font-size: 2.8vw !important;
}
@media (max-width: 980px) {
  .sub--page--heading h1 {
    font-size: 5.8vw !important;
  }
}
@media (max-width: 675px) {
  .sub--page--heading h1 {
    font-size: 6.8vw !important;
  }
}

h2 {
  font-size: 2.8vw;
}
@media (max-width: 980px) {
  h2 {
    font-size: 5.8vw;
  }
}
@media (max-width: 675px) {
  h2 {
    font-size: 6.8vw;
  }
}

h4 {
  font-size: 24px !important;
}
@media (max-width: 980px) {
  h4 {
    font-size: 4vw !important;
  }
}
@media (max-width: 675px) {
  h4 {
    font-size: 6.2vw !important;
  }
}

p,
.et_pb_text_inner,
.et_pb_testimonial_content,
li {
  font-size: 18px;
  line-height: 1.5;
  color: #010101;
  font-family: "Hind", sans-serif;
  font-weight: 200;
}
p strong,
.et_pb_text_inner strong,
.et_pb_testimonial_content strong,
li strong {
  font-weight: 500;
}

a {
  color: #fe5512;
}
a:hover {
  color: #033f71;
}

.smaller--p p,
.smaller--p .et_pb_text_inner {
  font-size: 17px;
}

.et_pb_button {
  background-color: #fe5512;
  border-color: #fe5512;
  color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 0;
  padding: 15px 40px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 22px;
}
@media (max-width: 675px) {
  .et_pb_button {
    font-size: 18px;
  }
}
.et_pb_button:after {
  content: "";
}
.et_pb_button:hover {
  background-color: #033f71 !important;
  border-color: #033f71 !important;
  padding: 15px 40px !important;
  color: #fff !important;
}
.et_pb_button:hover:after {
  content: "";
}
.et_pb_button.alt--color {
  background-color: #033f71 !important;
  border-color: #033f71 !important;
  color: #fff !important;
}
.et_pb_button.alt--color:hover {
  background-color: #fe5512 !important;
  border-color: #fe5512 !important;
  color: #fff !important;
}

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

.mt--40 {
  margin-top: 40px;
}

ul li::marker {
  color: #fe5512;
}

/*.right--align {
    ul {
        list-style-position: inside;
        text-align: right;
        padding-right: 0;
        direction: rtl;

        li {
            direction: ltr;
        }
    }
}*/
.hero--section {
  height: 100vh;
}
@media (max-width: 980px) {
  .hero--section {
    height: 50vh;
  }
}
.hero--section .hero--row {
  width: 90%;
  max-width: 90%;
  position: absolute;
  bottom: 5%;
  left: 5%;
}
.hero--section .hero--row .hero--title h1 {
  color: #fff;
}
@media (max-width: 768px) {
  .hero--section .hero--row .hero--title h1 {
    text-align: center;
  }
}
.hero--section.video--section .video--row .hero--title p {
  color: #fff;
  font-size: 21px;
  max-width: 560px;
}

.header--section {
  padding: 20vw 0 5vw !important;
}
.header--section.meista--header {
  padding: 28vw 0 5vw !important;
}
.header--section .header--row h1 {
  color: #fff;
}
.header--section.referenssit--header {
  padding: 12vw 0 5vw !important;
}
@media (max-width: 767px) {
  .header--section.referenssit--header .header--row {
    width: 90%;
    max-width: 90%;
  }
}

.content--section {
  padding: 5vw 0 !important;
}
.content--section.no--padding--bottom {
  padding-bottom: 0 !important;
}
.content--section.no--padding {
  padding: 0 !important;
}
.content--section.no--padding--top {
  padding-top: 0 !important;
}
.content--section .content--row.no--padding {
  padding: 0 !important;
}
.content--section .content--row.width--700 {
  max-width: 700px;
  margin: auto;
}
.content--section .content--row.width--800 {
  max-width: 800px;
  margin: auto;
}
.content--section .content--row.width--1400 {
  max-width: 1400px;
}
.content--section .content--row.width--1600 {
  max-width: 1600px;
}
.content--section .content--row.fullwidth {
  width: 100%;
  max-width: 100%;
}
.content--section .content--row .icon .et_pb_image_wrap {
  max-width: 120px;
}
.content--section .content--row.services--row .et_pb_column {
  display: flex;
  flex-direction: column;
}
.content--section .content--row.services--row .et_pb_column .et_pb_button_module_wrapper {
  margin-top: auto;
}
.content--section .content--row.services--row .et_pb_column h3 {
  font-size: 24px !important;
}
@media (max-width: 675px) {
  .content--section .content--row.services--row .et_pb_column h3 {
    font-size: 20px !important;
  }
}
.content--section .content--row.services--row .et_pb_column p,
.content--section .content--row.services--row .et_pb_column .et_pb_text_inner {
  font-size: 19px;
  line-height: 1.7;
}
.content--section .content--row.services--row .et_pb_column.et_clickable img {
  transition: transform 0.3s ease-in-out;
}
.content--section .content--row.services--row .et_pb_column.et_clickable img:hover {
  transform: translateY(-10px);
  transition: transform 0.3s ease-in-out;
}
.content--section .content--row .henkilo--text {
  padding: 40px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
}
.content--section .content--row .henkilo--text p {
  font-size: 20px;
}
.content--section .content--row .henkilo--text.bg--quartiary {
  background-color: #E0DAD5;
}
.content--section .content--row .henkilo--text.bg--custom_1 {
  background-color: #033f71;
}
.content--section .content--row .henkilo--text.bg--custom_1 h1,
.content--section .content--row .henkilo--text.bg--custom_1 h2,
.content--section .content--row .henkilo--text.bg--custom_1 h3,
.content--section .content--row .henkilo--text.bg--custom_1 h4,
.content--section .content--row .henkilo--text.bg--custom_1 h5,
.content--section .content--row .henkilo--text.bg--custom_1 h6,
.content--section .content--row .henkilo--text.bg--custom_1 p,
.content--section .content--row .henkilo--text.bg--custom_1 .et_pb_text_inner {
  color: #fff;
}
.content--section .content--row .henkilo--text.bg--primary {
  background-color: #fe5512;
}
.content--section .content--row .henkilo--text.bg--primary h1,
.content--section .content--row .henkilo--text.bg--primary h2,
.content--section .content--row .henkilo--text.bg--primary h3,
.content--section .content--row .henkilo--text.bg--primary h4,
.content--section .content--row .henkilo--text.bg--primary h5,
.content--section .content--row .henkilo--text.bg--primary h6,
.content--section .content--row .henkilo--text.bg--primary p,
.content--section .content--row .henkilo--text.bg--primary .et_pb_text_inner {
  color: #fff;
}
.content--section .content--row .henkilo--kuva img {
  max-width: 300px;
}
.content--section .content--row .palvelut--kuva img {
  max-width: 200px;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article {
  border-top-right-radius: 60px;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article .et_pb_image_container a img {
  border-top-right-radius: 60px;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article h2 {
  font-size: 26px;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article .post-content .post-content-inner p {
  font-size: 18px !important;
  line-height: 1.5;
  color: #010101 !important;
  font-family: "Hind", sans-serif;
  font-weight: 200;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article .post-content .post-content-inner p strong {
  font-weight: 500;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article .post-content a.more-link {
  display: block;
  text-align: center;
  background-color: #fe5512;
  padding: 10px 20px;
  margin-top: 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  font-family: "Kanit", sans-serif;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
}
.content--section .content--row .custom--blog .et_pb_blog_grid .et_pb_ajax_pagination_container .et_pb_salvattore_content article .post-content a.more-link:hover {
  background-color: #033f71;
}
.content--section .content--row .person--module .et_pb_team_member_description h4 {
  font-size: 22px;
}
.content--section .content--row .person--module .et_pb_team_member_description p {
  font-size: 18px;
}
.content--section .content--row .person--module .et_pb_team_member_description a {
  font-size: 18px;
}
.content--section .content--row .person--module .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_linkedin_icon {
  color: #2ea3f2;
}
.content--section .content--row .person--module .et_pb_team_member_description .et_pb_member_social_links li a.et_pb_linkedin_icon:hover {
  color: #033f71;
}
.content--section .content--row .custom--testimonial {
  border: 1px solid #010101;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.content--section .content--row .custom--testimonial:before {
  font-size: 50px;
  top: -28px;
  color: #fe5512;
}
.content--section .content--row .custom--testimonial .et_pb_testimonial_content {
  font-size: 19px;
}
.content--section .content--row .custom--testimonial .et_pb_testimonial_author {
  color: #fe5512;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.content--section .content--row .custom--testimonial .et_pb_testimonial_meta {
  color: #033f71;
  font-family: "Kanit", sans-serif;
}
.content--section .content--row .service--image .et_pb_image_wrap {
  /*box-shadow: 10px 10px 0px 0px rgba(254, 85, 18, 1);*/
}
.content--section .content--row .service--logo {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 250px;
}
.content--section .content--row .services--title h2 {
  font-size: 2vw;
}
@media (max-width: 980px) {
  .content--section .content--row .services--title h2 {
    font-size: 3.8vw;
  }
}
@media (max-width: 675px) {
  .content--section .content--row .services--title h2 {
    font-size: 4.8vw;
  }
}
.content--section .content--row .custom--toggle.with--padding.left {
  align-items: flex-start;
}
.content--section .content--row .custom--toggle.with--padding.et_pb_toggle_close {
  padding-top: 0 !important;
}
.content--section .content--row .custom--toggle.with--padding.et_pb_toggle_open {
  padding-top: 0 !important;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.content--section .content--row .custom--toggle.with--padding .et_pb_toggle_content {
  padding: 30px !important;
}
.content--section .content--row .custom--toggle .et_pb_toggle_title {
  background-color: #fe5512;
  color: #fff !important;
  padding: 15px 50px !important;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
}
.content--section .content--row .custom--toggle .et_pb_toggle_title:before {
  display: none;
}
.content--section .content--row .custom--toggle.et_pb_toggle_open .et_pb_toggle_title {
  background-color: #033f71;
  color: #fff !important;
}
.content--section .content--row .custom--toggle.et_pb_toggle_open .et_pb_toggle_title::before {
  display: none;
}
.content--section .content--row.henkilo--row h3 {
  font-size: 2.2vw !important;
}
@media (max-width: 980px) {
  .content--section .content--row.henkilo--row h3 {
    font-size: 4vw !important;
  }
}
@media (max-width: 675px) {
  .content--section .content--row.henkilo--row h3 {
    font-size: 6.2vw !important;
  }
}
@media (max-width: 980px) {
  .content--section .content--row.henkilo--row .et_pb_text_inner {
    text-align: center;
  }
  .content--section .content--row.henkilo--row .custom--toggle {
    align-items: center !important;
  }
}
.content--section .content--row .palvelut--text--block {
  background-color: #E0DAD5;
  padding: 50px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.content--section .content--row .palvelut--text--block ul {
  padding-bottom: 0;
}

.footer--section {
  padding-bottom: 0 !important;
}
.footer--section .footer--row.width--700 {
  max-width: 700px;
  margin: auto;
}
.footer--section .footer--row.credits {
  padding-top: 70px !important;
}
.footer--section .footer--row img {
  max-width: 300px;
}
.footer--section .footer--row a {
  color: #fff;
}
.footer--section .footer--row a:hover {
  color: #fe5512;
}
.footer--section .footer--row .navigation--menu {
  background: transparent !important;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li {
  font-size: 18px;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li a {
  color: #fff !important;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li a:hover {
  color: #fff !important;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: -30%;
  background: #fe5512;
  /*** COLOR OF THE LINE ***/
  height: 1.5px;
  /*** THICKNESS OF THE LINE ***/
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li a:hover {
  opacity: 1 !important;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li a:hover:before {
  right: 0;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li.current-menu-item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
.footer--section .footer--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et-menu-nav .et-menu li li a:before {
  bottom: 10%;
}
.footer--section .footer--row .credits p,
.footer--section .footer--row .credits .et_pb_text_inner {
  font-size: 15px;
}

.bg--secondary {
  background-color: #010101;
}
.bg--secondary h1,
.bg--secondary h2,
.bg--secondary h3,
.bg--secondary h4,
.bg--secondary h5,
.bg--secondary h6,
.bg--secondary p,
.bg--secondary .et_pb_text_inner {
  color: #fff;
}

.bg--quartiary {
  background-color: #E0DAD5;
}

.page-id-189 .navigation--section,
.page-id-277 .navigation--section,
.page-id-301 .navigation--section,
.page-id-123 .navigation--section,
.page-id-552 .navigation--section,
.page-id-553 .navigation--section,
.single .navigation--section,
.page-id-685 .navigation--section {
  position: relative;
  /*background-color: $primary;*/
  padding-bottom: 0 !important;
  background-color: black;
}
.page-id-189 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-277 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-301 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-123 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-552 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-553 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.single .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before,
.page-id-685 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before {
  /*background: $tertiary;*/
}

.page-id-211 .navigation--section {
  position: relative;
  /*background-color: $custom_color_1;*/
  padding-bottom: 0 !important;
  background-color: black;
}
.page-id-211 .navigation--section .navigation--row .navigation--menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu #menu-main-navigation li a:before {
  /*background: $tertiary;*/
}

@media all and (max-width: 980px) {
  .custom_row {
    display: flex;
    flex-wrap: wrap;
  }
  .first-on-mobile {
    order: 1;
  }
  .second-on-mobile {
    order: 2;
  }
  .third-on-mobile {
    order: 3;
  }
  .fourth-on-mobile {
    order: 4;
  }
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}
.single .et_pb_title_featured_container img {
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.single a {
  color: #033f71;
}
.single a:hover {
  color: #fe5512;
}

/* Styles for Single Referenssit Template */
.single-referenssit #left-area {
  padding-right: 0 !important;
  float: none;
  margin: auto;
}
.single-referenssit #left-area.full-width {
  width: 100% !important;
  max-width: 700px !important;
  margin: auto !important;
  padding-right: 0 !important;
}
.single-referenssit #main-content .container:before {
  display: none !important;
}

.referenssi-single-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.referenssi-short-description h2 {
  font-size: 2vw !important;
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 980px) {
  .referenssi-short-description h2 {
    font-size: 5vw !important;
  }
}
@media (max-width: 675px) {
  .referenssi-short-description h2 {
    font-size: 6vw !important;
  }
}

.referenssi-logo {
  max-width: 700px;
  margin: 30px 0;
}
.referenssi-logo img {
  max-width: 100%;
  height: auto;
  max-height: 200px;
}

.referenssi-full-description {
  margin-bottom: 40px;
}

.referenssi-quote {
  padding-top: 40px;
  /*padding-left: 40px;
  padding-right: 40px;*/
  position: relative;
}
@media (max-width: 675px) {
  .referenssi-quote {
    padding-top: 30px;
    /*padding-left: 30px;
    padding-right: 30px;*/
  }
}
.referenssi-quote blockquote {
  font-size: 18px;
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 15px;
  margin-top: 0;
  border: none;
  color: #010101;
  padding-left: 0 !important;
}

.referenssi-quote-author p {
  margin: 0;
  font-size: 16px;
  color: #010101;
}
.referenssi-quote-author p strong {
  color: #fe5512;
}

/* Testimonial section styles */
.referenssi-testimonial-section {
  padding: 40px;
  border: 1px solid #010101;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
@media (max-width: 675px) {
  .referenssi-testimonial-section {
    padding: 30px;
  }
}

/* Fix for bullet points */
.referenssi-bullet-points {
  margin-top: 15px;
  padding-left: 20px;
  padding: 0 0 0px 1em !important;
  list-style-type: disc !important;
  list-style-position: outside;
  margin-left: 8px;
}
.referenssi-bullet-points li {
  margin-bottom: 10px !important;
  display: list-item !important;
  padding-left: 5px;
  font-size: 20px;
}
.referenssi-bullet-points li:last-child {
  margin-bottom: 0 !important;
}
.referenssi-bullet-points li::marker {
  color: #033f71 !important;
}

.referenssit-grid {
  display: grid;
  gap: 30px;
  margin: 30px 0;
}

.referenssit-grid-col-1 {
  grid-template-columns: 1fr;
}

.referenssit-grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.referenssit-grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.referenssit-grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.referenssit-grid-item {
  background-color: #E0DAD5;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 22vw;
  justify-content: center;
  position: relative;
}
.referenssit-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.referenssit-grid-item:hover .referenssit-hover-overlay {
  opacity: 1;
  visibility: visible;
}

.referenssit-grid-link {
  padding: 30px 60px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  position: relative;
  height: 100%;
  justify-content: center;
}
@media (max-width: 980px) {
  .referenssit-grid-link {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .referenssit-grid-link {
    padding: 30px;
  }
}

.referenssit-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(254, 85, 18, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  z-index: 2;
}
.referenssit-hover-overlay .overlay-text {
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 3vw;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}
@media (max-width: 980px) {
  .referenssit-hover-overlay .overlay-text {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .referenssit-hover-overlay .overlay-text {
    font-size: 9vw;
  }
}

.referenssit-grid-logo {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.referenssit-grid-logo img {
  max-height: 120px;
  max-width: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.referenssit-grid-title {
  font-size: 22px;
  margin-bottom: 15px;
  color: #010101;
  text-align: center;
}

.referenssit-grid-description {
  font-family: "Kanit", sans-serif;
  font-size: 26px;
  line-height: 1.5;
  color: #010101;
  text-align: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .referenssit-grid-description {
    font-size: 22px;
  }
}
@media (max-width: 980px) {
  .referenssit-grid-description {
    font-size: 20px;
  }
}
@media (max-width: 880px) {
  .referenssit-grid-description {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .referenssit-grid-description {
    font-size: 18px;
  }
}

.referenssit-pagination {
  margin-top: 30px;
  text-align: center;
}
.referenssit-pagination .page-numbers {
  padding: 8px 12px;
  margin: 0 5px;
  border: 1px solid #aaaaaa;
  text-decoration: none;
  border-radius: 3px;
  background: #fff;
  color: #010101;
}
.referenssit-pagination .page-numbers.current {
  background: #E0DAD5;
  border-color: #aaaaaa;
}

@media (max-width: 980px) {
  .referenssit-grid-col-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .referenssit-grid-col-2,
  .referenssit-grid-col-3,
  .referenssit-grid-col-4 {
    grid-template-columns: 1fr;
  }
  .referenssit-grid-logo {
    height: 100px;
  }
  .referenssit-grid-logo img {
    max-height: 60px;
  }
}
@media (max-width: 480px) {
  .referenssit-grid-col-2,
  .referenssit-grid-col-3,
  .referenssit-grid-col-4 {
    grid-template-columns: 1fr;
  }
  .referenssit-grid-item {
    max-width: 100%;
  }
}
/* Testimonial Carousel Styles */
/* Testimonial Carousel Styles - Minimalist Design */
.referenssit-testimonial-carousel-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.referenssit-testimonial-carousel .slick-slide {
  outline: none;
}

.testimonial-slide {
  padding: 20px 60px;
  background-color: transparent;
  text-align: center;
  margin: 10px;
  position: relative;
}

.testimonial-quote {
  font-size: 23px;
  line-height: 1.3;
  font-weight: 300;
  color: #fff;
  margin-bottom: 15px;
  position: relative;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  padding-left: 0 !important;
  font-family: "Hind", sans-serif;
}

/* Remove quotation marks */
.testimonial-quote:before,
.testimonial-quote:after {
  display: none;
}

.testimonial-author {
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  letter-spacing: 1px;
  margin-top: 10px;
}
.testimonial-author strong {
  display: inline-block;
  font-weight: 400;
  color: #fe5512;
}
.testimonial-author p {
  margin: 0;
}

.testimonial-title,
.testimonial-company {
  display: inline-block;
  margin: 0;
  font-weight: 400;
  color: #fff !important;
}

/*.testimonial-title {
    &:before {
        content: ", ";
    }
}

.testimonial-company {
    &:before {
        content: ", ";
    }
}*/
.testimonial-author .comma {
  color: #fff;
  /* Match your theme color */
}

@media (max-width: 767px) {
  .testimonial-author .comma::after {
    content: "\a";
    white-space: pre;
  }
}
/* Custom dots for the carousel like in the image */
.referenssit-testimonial-carousel .slick-dots {
  bottom: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.referenssit-testimonial-carousel .slick-dots li {
  margin: 0;
  width: 10px;
  height: 10px;
}
.referenssit-testimonial-carousel .slick-dots li button {
  padding: 0;
  width: 10px;
  height: 10px;
}
.referenssit-testimonial-carousel .slick-dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #010101;
  opacity: 1;
}
.referenssit-testimonial-carousel .slick-dots li.slick-active button:before {
  background-color: #fe5512;
  width: 10px;
  height: 10px;
}
.referenssit-testimonial-carousel .slick-prev,
.referenssit-testimonial-carousel .slick-next {
  background-color: transparent;
  box-shadow: none;
  font-size: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
  display: none !important;
}
.referenssit-testimonial-carousel .slick-prev:before,
.referenssit-testimonial-carousel .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  color: #fe5512;
  opacity: 1;
  transition: all 0.3s ease;
}
.referenssit-testimonial-carousel .slick-prev:hover:before,
.referenssit-testimonial-carousel .slick-next:hover:before {
  color: #fff;
}
.referenssit-testimonial-carousel .slick-prev {
  left: 10px;
}
.referenssit-testimonial-carousel .slick-next {
  right: 10px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .testimonial-slide {
    padding: 20px 0;
  }
  .testimonial-quote {
    font-size: 16px;
    line-height: 1.4;
  }
  .testimonial-author {
    font-size: 12px;
  }
  .referenssit-testimonial-carousel .slick-prev,
  .referenssit-testimonial-carousel .slick-next {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */