/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*** GLOBAL ***/
.intro-white-bg {
  background-color:#FFF;
  border-radius:20px;
}
.half-rounded-left {
    border-radius: 20px 0px 0px 20px;
}
.bg-1 {
  background-color: #f7f9f7;
  border-radius:20px;
}
.bottom-border {
  border-bottom:1px solid #b2c4b2;
  margin-bottom:24px;
}
#rtext__content_bucket-module-5 ::marker {
    color: #fec85b;
}
/*** END OF GLOBAL ***/


/*** VERKKOKAUPPA ***/

/* LISTING MODULE */
#verkkokauppa-listaus .listing__pagination {
    margin: 16px 0 0;
}

#verkkokauppa-listaus .listing__pagination a {
    border-radius: 4px;
    height: 60px;
    padding: 10px 20px;
    min-width: 49px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.112rem;
}
#verkkokauppa-listaus .content-card.content-card--light {
  gap: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0px !important;
  margin: 0px !important;
  border-top: 1px solid #bec1c4;
  border-radius: 0px;
}
#verkkokauppa-listaus .content-card__img {
  border-radius: 0px;
  flex: 1;
  max-width: 33%;
  display: flex;
  align-items: stretch;
  height: 100%;
  margin-inline-start: 10px;
}
#verkkokauppa-listaus .content-card__img img {
  transition: .2s ease-in-out;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
#verkkokauppa-listaus .content-card__body {
  padding: 0px;
  margin-left: 0px;
  flex: 2;
  max-width: 66%;
  gap: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#verkkokauppa-listaus .content-card__body, #verkkokauppa-listaus .content-card__img {
  box-sizing: border-box;
}
#verkkokauppa-listaus .content-card__title-tag {
  margin:0px;
  padding:0px;
  font-weight:600;
}
#verkkokauppa-listaus .content-card--light {
  background-color:#FFF !important;
}
#verkkokauppa-listaus .content-card__desc {
  margin:0px;
  padding:0px;
}
#verkkokauppa-listaus .content-card__price h6 {
  margin:0px;
  padding:0px;
}
a.drop-down__option.listing__filter {
  font-family: 'Inter';
}
.listing__toolbar.section.bg-white {
  padding-bottom: 0;
  padding-top: 0;
}
.listing__toolbar-elements .listing__nav {
  margin-top: 40px;
  margin-bottom: 40px;
}
.listing .col.s12 {
  padding: 0px;
}
.listing__filter-group.listing__filter-group--dd {
  margin-bottom: 0px;
}
.listing__filter-label.ui-label {
  margin: 0;
}
button.listing__filter-drop-down-button.drop-down__btn.btn.btn--large.btn--default.btn--fill.btn--accent {
  margin-bottom: 0;
}
.listing .row {
    margin: 0;
}
.listing .container {
  max-width: 100%;
  width: 100%;
  padding: 0px;
}
/* END OF LISTING MODULE */
/*** END OF VERKKOKAUPPA ***/


/*** BLOG ***/
/*BLOG TAG NAV */
.drop-down.drop-down--light.custom-blog-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width:auto;
  margin-bottom:32px;
}
.drop-down__option.custom-button-4-blog-tags {
  font-size: 18px; 
  font-family: 'Inter';
  text-decoration:none;
  color:rgb(18 76 127 / 100%) !important;
  background-color:#F4F7F9;
  font-weight:600;
  padding: .91rem 1.36rem;
  border-radius:6px;
}
.drop-down__option.custom-button-4-blog-tags:hover {
  background-color:#FFF4DE;
  transform: none;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
.drop-down__option.custom-button-4-blog-tags.drop-down__option--active {
  color: #f4f7f9 !important;
  background-color: #124c7f;
}
.drop-down__option.custom-button-4-blog-tags.drop-down__option--active:hover {
  background-color: rgb(18 76 127 / 80%) !important;
}
/* END OF BLOG TAG NAV */

/* BLOG LISTING */
.blog-toolbar-1__title.blog-toolbar-1__title--blog-title.h3 {
  margin-bottom: 25px;
}
.blog-listing-4.blog-listing-4--with-sidebar.section .row.items-stretch {
  flex-direction: row-reverse;
}
/* END OF BLOG LISTING */

/* BLOG POST */
.blog-hero-1-container {
  margin: 0px 24px;
}
.blog-body__center.container {
  padding: 0px;
}
.blog-body-1.blog-body-1--extended.section {
  margin: 0px 24px;
}
.blog-body__center.container .row {
  flex-direction: row-reverse;
}
.txt--dark .display {
  margin: 24px 0px 24px;
  font-size: 2.67rem;
  line-height: 1.14;
}
.blog-hero-1 {
  max-width: 1248px;
  margin: auto;
  border-radius: 20px;
}
.blog-hero-1__overlay {
  border-radius: 20px;
}
.blog-hero-1.section.minh-half.justify-end {
  justify-content: center;
  text-align: center;
}
.blog-body-1__content h2 {
  font-size: 1.78rem;
  line-height: 1.25;
}
/* END OF BLOG POST */
/*** END OF BLOG ***/


/*** BUTTONS & CTA ***/
.custom-cta-link-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.custom-cta-link-1 {
  padding:10px;
  margin-left:20px;
  background-color:#F4F7F9 !important;
}
.custom-cta-link-1 a {
  font-size: 18px; 
  font-family: 'Inter';
  text-decoration:none;
}
.custom-cta-link-1:hover {
  background-color:#FFF4DE !important;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
.custom-button-1 {
  padding:10px;
  font-size: 18px; 
  font-family: 'Inter';
  text-decoration:none;
  color:rgb(18 76 127 / 100%) !important;
  background-color:#F4F7F9 !important;
  font-weight:600;
}
.custom-button-1:hover {
  background-color:#FFF4DE !important;
  transform: none;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
.custom-button-ostoskori {
  padding:10px;
  font-size: 18px; 
  font-family: 'Inter';
  text-decoration:none;
  color:rgb(18 76 127 / 100%) !important;
  background-color:#F4F7F9 !important;
  font-weight:600;
  border-radius:4px;
}
.custom-button-ostoskori:hover {
  background-color:#FFF4DE !important;
  transform: none;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
.custom-button-3:hover {
    transform: none !important;
    background-color: rgb(18 76 127 / 80%) !important;
    transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    transform: scale(1.07);
    text-decoration: none;
}
a.btn.btn--fill.btn--small.btn--accent.btn--default.btn--static_header_buttons-1:hover, a.btn.btn--fill.btn--small.btn--accent.btn--default.btn--sticky_header_buttons-1:hover {
  transform: none !important;
  background-color:rgb(18 76 127 / 80%) !important;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--static_header_buttons-2:hover, a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--sticky_header_buttons-2:hover {
  transform: scale(1.1) !important;
  background-color: transparent !important;
  transition: transform;
  transition-duration: .1s;
  transition-timing-function: ease-in-out;
}
a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--static_header_buttons-2:hover .btn__icon, a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--sticky_header_buttons-2:hover .btn__icon {
  color: #124c7f;
  transform: scale(1.1) !important;
  background-color: transparent !important;
  transition: transform;
  transition-duration: .1s;
  transition-timing-function: ease-in-out;
  opacity:80%;
}
a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--static_header_buttons-2, a.btn.btn--fill.btn--small.btn--custom-color.btn--default.header-cart.btn--sticky_header_buttons-2 {
  background: transparent;
}

/*** END OF BUTTONS & CTA ***/


/*** NAVIGATION ***/

.nav--light .nav__list--flyout .nav__item--active-branch>a, .nav--light .nav__list--flyout .nav__item--active>a, .nav--light .nav__list--flyout li:hover>a {
  background-color: #FFF4DE !important;
}
.nav__list--flyout .nav__item--active-branch>a, .nav__list--flyout .nav__item--active>a {
  font-family: 'Inter' !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
.nav__list--flyout .nav__item--active-branch>a:before, .nav__list--flyout .nav__item--active>a:before {
  display:none !important;
}
.lang-select__nav a {
  font-family: 'Inter';
}
.lang-select__icon svg {
  height: 18px !important;
  width: 18px !important;
}
.ui-icon svg {
  height: 18px !important;
  width: 18px !important;
}
.header-cart .btn__icon--left {
  margin-right: 0px;
}
.header--wo-search .header__buttons .inline-items>:first-child, .header__search {
  margin-inline-start: 0px !important;
}
.lang-select__icon {
  margin-inline-start: 0px !important;
  margin-right: 15px;
}
.lang-select__arrow {
  margin-inline-start: 2px !important;
}
a.site-search__open.ui-icon {
  gap: 15px;
}
.site-search span {
  margin-right: 15px;
}
.site-search {
  font-family: 'Inter';
  font-size: 14px;
  font-weight:500;
}
.nav--light .nav__link, .nav--light .nav__link:hover, .nav--light .nav__mega-col ul a {
  font-family: 'Inter';
  font-size: 16px;
  font-weight:500;
}
.lang-select--short-label .lang-select__label {
  font-family:'Inter';
  font-weight:500;
  font-size:14px;
}
.header__section--main .header__center {
  padding-bottom: 30px !important;
  padding-top: 12px !important;
}
.header__section--top {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}
.header--sticky-active .header__section--main .header__center {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important;
}
/*** END OF NAVIGATION ***/


/*** COLUMNS ***/
.span4.dnd-column {
    border-radius: 0px !important;
}
.span12.dnd-column {
    border-radius: 20px !important;
}

/*** END OF COLUMNS ***/


/*** MODULES ***/
/* CUSTOM ACCORDION */
.custom-accordion .accordion__header {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
.custom-accordion .accordion__title--default {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
}
.custom-accordion .accordion--light .accordion__chevron {
  color: #fec85b;
  margin-inline-start: 0px;
  margin-inline-end: 5px;
  margin-top: -7px;
}
.custom-accordion .accordion--light .accordion__chevron:focus {
  border:none;
}
.custom-accordion p {
  font-size:16px;
  line-height:28px;
  color:#2c2e30;
}
.custom-accordion .accordion__item {
  padding: 25px 0px 15px 0px;
}
}
.custom-accordion .accordion__item:first-child {
  padding-top: 0px;
}
.custom-accordion .accordion__details {
  margin-top: 10px;
  margin-inline-start: 10px;
}
.custom-accordion .ui-icon svg {
  height: 25px !important;
  width: 25px !important;
}
/* END OF CUSTOM ACCORDION */

/* COLUMN NAVIGATION */
.col-nav__col, .col-nav__title, .col-nav__link {
  font-family:'Inter';
  color:#3C4145 !important;
}
.col-nav__list {
  margin-left:30px !important;
}
.col-nav--light .col-nav__link {
  transition: .1s ease-out;
 -o-transition: .1s ease-out;
 -ms-transition: .1s ease-out;
 -moz-transition: .1s ease-out;
 -webkit-transition: .1s ease-out;
}
.col-nav--light .col-nav__link:active, .col-nav--light .col-nav__link:hover {
  text-decoration: none !important;
  border-bottom:4px solid #90adc6;
  transition: .1s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: .1s cubic-bezier(0.65, 0.05, 0.36, 1);
  -ms-transition: .1s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: .1s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: .1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.module--col-nav.custom-sivu-navigaatio {
  background-color: #F4F7F9 !important;
  border-radius: 20px;
  padding:24px;
}
.module--col-nav.custom-sivu-navigaatio .col-nav__col {
  margin-bottom: 0px;
}
/* END OF COLUMN NAVIGATION */

/* FEATURE CARD */
.feature-card__title.h5 {
  margin: 0;
}
.feature-card {
  padding: 0px 24px 0px 24px !important;;
  margin-bottom: 16px !important;;
  margin-top: 16px !important;;
}
.feature-card--light {
 background: transparent !important;
}
.feature-card--with-link:hover .feature-card__icon {
 transform: none;
}
.feature-card__title:after {
 content: '\f054';
 transition: .2s ease-out;
 -o-transition: .2s ease-out;
 -ms-transition: .2s ease-out;
 -moz-transition: .2s ease-out;
 -webkit-transition: .2s ease-out;
 bottom: 0;
 left: 0;
 right: 0;
 position: relative;
 top: 0;
 margin-left: 5px;
 font-family: 'FontAwesome';
 font-size: 16px;
 color: #FEC85B;
}
.feature-card--with-link:hover {
  transform:none !important;
}
.feature-card__icon {
 width: 150px;
 height: 150px;
 border-radius: 50%;
 overflow: hidden;
 -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
 text-align: center;
 margin: 0px auto 24px auto !important;
}
img.feature-card__image {
 width: 100%;
 height: 100%;
 transition: all .5s linear;
 -o-transition: all .5s linear;
 -ms-transition: all .5s linear;
 -moz-transition: all .5s linear;
 -webkit-transition: all .5s linear;
}
.feature-card--with-link:hover img.feature-card__image {
    transform: scale(1.2);
}
.feature-card--with-link:hover .feature-card__icon {
    transform: none !important;
}
.feature-card--with-link:hover .feature-card__title:after {
 left: 2px;
 transition: 0.2s ease-in;
 -o-transition: 0.2s ease-in;
 -ms-transition: 0.2s ease-in;
 -moz-transition: 0.2s ease-in;
 -webkit-transition: 0.2s ease-in;
 color: #FEC85B;
 position: relative;
}
/* END OF FEATURE CARD */

/* CONTENT CARD */
a.content-card__btn.btn.btn--medium.btn--outline.btn--light.custom-button-2  {
  transform: none !important;
  color:#FFF;
  background-color:#124C7F !important;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
a.content-card__btn.btn.btn--medium.btn--outline.btn--light.custom-button-2:hover {
  transform: none !important;
  background-color:#124C7F !important;
  opacity:80% !important;
  transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
  -moz-transition: background .5s;
  -webkit-transition: background .5s;
}
a.content-card__btn.btn.btn--medium.btn--outline.btn--light.custom-button-2:after {
 content: '\f054';
 color: #FFF;
 left: 0 ;
 position: relative;
 background-color: transparent;
 margin-left: 8.25px;
 margin-top: 2px;
 font-family: 'FontAwesome';
 font-size: 19px;
 border-radius: 0px;
 display: block;
 height: 100%;
 opacity: 1;
 top: 0;
 transform: none;
 width: auto;
 z-index: 2;
 transition: .2s ease-out;
 -o-transition: .2s ease-out;
 -ms-transition: .2s ease-out;
 -moz-transition: .2s ease-out;
 -webkit-transition: .2s ease-out;
}
a.content-card__btn.btn.btn--medium.btn--outline.btn--light.custom-button-2:hover:after {
 left:2px;
 position:relative;
 transition: 0.2s ease-in;
 -o-transition: 0.2s ease-in;
 -ms-transition: 0.2s ease-in;
 -moz-transition: 0.2s ease-in;
 -webkit-transition: 0.2s ease-in;
}
.content-card--collapse-desc:hover, .content-card--with-link:hover {
  transform:none !important;
}
.content-card__img img {
 width: 100%;
 height: 100%;
 transition: all .5s linear !important;
 -o-transition: all .5s linear !important;
 -ms-transition: all .5s linear !important;
 -moz-transition: all .5s linear !important;
 -webkit-transition: all .5s linear !important;
}
.content-card--collapse-desc:hover .content-card__img img, .content-card--with-link:hover .content-card__img img {
 transform: scale(1.2) !important;
}
.content-cards .col.s6.md-s6.sm-s12 {
 padding: 0px;
}
.content-card {
  margin:20px !important;
  box-shadow:none !important;
}
.content-card:hover {
  box-shadow:none !important;
}
.content-card--light {
  background: #F7F9F7 !important;
}
/* END OF CONTENT CARD */

/* BLOG CARD */
.blog-card__info {
  flex-direction: column;
  align-content: center;
  align-items: center;
  margin-bottom:20px !important;
  margin-top:20px !important;
}
.blog-card__title {
  text-align: center;
  margin-bottom: 0;
  color: #2c2e30;
}
.blog-card__body {
  padding: 20px 40px 20px 40px !important;
}
.blog-card__tags {
  margin-bottom:20px !important;
}
.badge--medium.badge--lowercase {
  font-size: 0.835rem;
}
.badge--accent {
  background: transparent;
  color: #2c2e30;
  border: 1px solid #b2c4b2;
}
.badge--accent:hover {
  color: #2c2e30;  
}
.badge--medium {
  border-radius: 8px;
  padding: 10px 14px;
}
.badge--medium.badge--lowercase {
  font-size: 0.835rem;
}
.blog-card__date {
  color: #2c2e30;
}
.blog-card--white {
  background-color: #F7F9F7 !important;
  border-radius: 20px;
  border: 2px solid #F7F9F7;
}
.blog-card--shadow, .blog-card--shadow:hover {
  box-shadow: none !important;
}
.blog-card:hover {
  transform: none !important;
  border: 2px solid #b2c4b2;
}
.blog-card {
  margin-bottom: 24px;
}
.blog-card__img img {
  transition: all .5s linear !important;
  -o-transition: all .5s linear !important;
  -ms-transition: all .5s linear !important;
  -moz-transition: all .5s linear !important;
  -webkit-transition: all .5s linear !important;

}
.blog-card:hover .blog-card__img img {
  transform: scale(1.2) !important;
}
.blog-cards-etusivu img {
  max-height:240px;
}
.blog-cards-etusivu .blog-card__text {
  margin: auto;
}
.blog-cards-etusivu .blog-card__body {
    justify-content: flex-end;
}
/* END OF BLOG CARD */

/* SIDE BY SIDE BLOG CARD */
.side-by-side-blog-card .blog-card__body {
    display: flex;
    flex-grow: unset;
    width: 50%;
    max-width: 400px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 25px !important;
}
.side-by-side-blog-card .blog-card__link {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.side-by-side-blog-card .blog-card__img {
  border-radius: 12px 0px 0px 12px;
  display: flex;
  width: 50%;
  flex-shrink: unset;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  overflow: hidden;
  max-height:300px;
  flex-grow:1;
}
.side-by-side-blog-card .blog-card__content {
  display: flex;
  justify-content: flex-start;
  max-height: 400px;
  max-width: 800px;
  flex-direction: row;
  align-items: center;
  width:100%;
}
.side-by-side-blog-card .blog-card {
  border-radius: 12px;
  display: flex;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  text-align: start;
  transition: .2s ease-in-out;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 800px;
  justify-content: flex-start;
  max-height: 400px;
}
.side-by-side-blog-card .blog-card__info {
  margin-bottom: 0 !important;
}
.blog-listing-4__post+.blog-listing-4__post.side-by-side-blog-card {
  margin-top: 40px;
}
/* END OF SIDE BY SIDE BLOG CARD */

/* HEADING (ACT3) */
.blue-heading h3 {
  color:#124c7f;
}
/* END OF HEADING (ACT3) */
/*** END OF MODULES ***/


/*** FOOTER ***/
.footer__nav ul {
  margin-left: 0px !important;
}
.footer__about p {
  font-family: 'Inter';
  color:#FFF;
}
.footer__copyright {
    margin-right: auto;
}
.custom-footer-link {
  font-family:'Inter';
  font-size:16px;
  font-weight:500;
  line-height:24px;
  padding:10px;
  color: #FFF !important;
}
a.col-nav__link.custom-footer-link:hover {
  color: #FEC85B !important;
  text-decoration:none !important;
}
.footer__nav .col-nav__title {
  color: #fec85b !important;
  font-family:'Inter';
  font-size:20px;
  font-weight:500;
  line-height:24px;
  padding: 10px 0px 10px 0px;
}
}
.footer__links a {
  font-family: 'Inter' !important;
  font-size:16px;
  font-weight:500;
}
.footer__links a:hover {
  color: #FEC85B !important;
  text-decoration:none !important;
}
.col-nav__link:after {
 content: '\f054';
 left:0;
 position: relative;
 margin-left: 3px;
 font-family: 'FontAwesome';
 font-size: 13px;
 transition: .2s ease-out;
 -o-transition: .2s ease-out;
 -ms-transition: .2s ease-out;
 -moz-transition: .2s ease-out;
 -webkit-transition: .2s ease-out;
}
.col-nav__link:hover:after {
 left:2px;
 position:relative;
 transition: 0.2s ease-in;
 -o-transition: 0.2s ease-in;
 -ms-transition: 0.2s ease-in;
 -moz-transition: 0.2s ease-in;
 -webkit-transition: 0.2s ease-in;
}
/*** END OF FOOTER ***/


/*** RESPONSIVITY ***/
@media (min-width: 768px) {
#header-mobile-search {
  display:none;
  }
}
@media (max-width: 767px) {
#header-mobile-search .site-search span {
  display:none;
  }
.header__search {
  margin-inline-start: 1.2rem !important;
  }
  .header__section--main .header__center {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
}