/*
Theme Name: Vakuutusmyyja.fi custom
Theme URI: https://vakuutusmyyja.fi
Template: flatsome
Author: Simplit Oy
Description: Custom theme for Vakuutusmyyja.fi
Version: 3.19.8.1737378774
Updated: 2025-01-20 13:12:54

*/

h1 { font-size: 2rem !important; }
h2 { font-size: 1.75rem !important; }
h3 { font-size: 1.5rem !important; }
p { font-size: 1rem !important; }

.checks ul {
  list-style: none;
  padding-left: 0;
}
.checks li {
  position: relative;
  padding-left: 1em;  /* space to preserve indentation on wrap */
}
.checks li:before {
  content: '';  /* placeholder for the SVG */
  position: absolute;
  left: -20px;  /* place the SVG at the start of the padding */
	top: 4px;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

.rounded, .box {
	border-radius: 15px !important;
	overflow: hidden;
}

.not-rounded {
	border-radius: 0px !important;
}

.hero-section {
	padding-top: 8rem !important;
    padding-bottom: calc(8rem-30px) !important;
	min-height: 600px !important;
	max-height: 600px !important;
}

.hero-section-fp {
	padding-top: 10rem !important;
    padding-bottom: calc(10rem-30px) !important;
}

.hero-section .button {
	margin-bottom: 0px !important;
}

.comments-area {
	display: none !important;
}

/* Dropdown linkit yhdelle riville */
.header .nav-dropdown {
  white-space: nowrap;
  overflow-x: auto;
}

/* Responsiivinen säätö pienemmille näytöille */
@media (max-width: 768px) {
  .header .nav-dropdown {
    white-space: normal;
    overflow-x: visible;
  }
	h1 {font-size: 1.35rem !important;}
	h2 { font-size: 1.25rem !important; }
	h3 { font-size: 1.15rem !important; }
	.hero-section {
	padding-top: 10rem !important;
    padding-bottom: calc(10rem-30px) !important;
}
}

/* Kenttien muotoilu */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  min-width: 100%;
  border-radius: 20px;
  padding-left: 20px !important;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
	font-weight: 400 !important;
}

.wpcf7 textarea {
  min-width: 100%;
  border-radius: 20px;
  padding-left: 20px !important;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 20px;
  box-sizing: border-box;
	font-weight: 400 !important;
}

.wpcf7 textarea {
	
}

.wpcf7 .wpcf7-not-valid-tip {
	color: red !important;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 6px;
}

/* Labelien ja kenttien väli */
.wpcf7 label {
  display: block;
  font-weight: 600;
  color: #333;
  font-size: 1.1rem;
}

/* Lähetä-painike */
.wpcf7 input[type="submit"] {
  width: 100%;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  border: none;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .center-on-mobile {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Piilota oletusikonit jos ei vielä tehty */
.accordion .accordion-title .toggle,
.accordion .accordion-title .toggle svg,
.accordion .accordion-title .toggle i {
  display: none !important;
}

/* Perus: tilaa vasemmalle ja relative */
.accordion .accordion-title {
  position: relative;
  padding-left: 42px;
}

/* Plus ja miinus samassa paikassa, animaatiolla */
.accordion .accordion-title::before,
.accordion .accordion-title::after {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1;
  pointer-events: none;
  transition: transform .25s cubic-bezier(.4,.2,.2,1), opacity .25s ease;
  display: block;
}

/* Plus näkyvänä oletuksessa */
.accordion .accordion-title::before {
  content: '+';
  opacity: 1;
  transform: translateY(-50%) scale(1) rotate(0deg);
}

/* Miinus piilossa oletuksessa */
.accordion .accordion-title::after {
  content: '−';
  opacity: 0;
  transform: translateY(-50%) scale(0.8) rotate(0deg);
}

/* Kun avattu: plus häipyy (pienenee ja pyörähtää), miinus tulee esiin */
.accordion .accordion-title.active::before,
.accordion .accordion-title[aria-expanded="true"]::before {
  opacity: 0;
  transform: translateY(-50%) scale(0.6) rotate(180deg);
}
.accordion .accordion-title.active::after,
.accordion .accordion-title[aria-expanded="true"]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1) rotate(0deg);
}

/* Prefer reduced motion -supporti */
@media (prefers-reduced-motion: reduce) {
  .accordion .accordion-title::before,
  .accordion .accordion-title::after {
    transition: none;
    transform: translateY(-50%) scale(1) rotate(0deg) !important;
  }
}

.accordion-title.active {
    background-color: transparent;
	border-top: 1px solid #ddd;
}

.wpcf7 form .wpcf7-response-output
 {
    margin: 0em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}