/* GENERAL */
@font-face {
  font-family: 'SEBSansSerif';
  src: url("..assets/SEBSansSerif-Regular.woff2") format("woff2");
  font-weight: normal;
}
 
/*<link href="{{ stylesheets_path }}/main.css?v={{ template_settings.version }}" media="screen" rel="stylesheet" type="text/css"/>*/

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "SEBSansSerif", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 18px; /* muudab menüüd, 16px tuleks muuta */
  line-height: 1.5;
  color: #000000;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

body.dark-background {
  color: white;
}

.content-formatted:after {
  content: "";
  display: table;
  clear: both;
}

.background-color {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.menu-lang, .search,
.search-left,
.search-right {
  display: inline-block;
  display: none;
}

.voog-bg-picker-btn, .product_item-btn {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.voog-bg-picker-btn:focus, .product_item-btn:focus {
  outline: none;
}

.voog-bg-picker-btn::-moz-focus-inner, .product_item-btn::-moz-focus-inner {
  padding: 0;
  border: none;
}

.btn-no-style {
  background-color: transparent;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.voog-bg-picker-btn {
  position: absolute;
}

.container .voog-bg-picker-btn {
  top: 68px;
  right: 15px;
}

.background-image,
.background-color {
  position: fixed;
  z-index: -2;
}

.container .background-image, .container
.background-color {
  position: static;
  /*padding: 40px 20px;*/
  background-color: white;
}

@media screen and (max-width: 752px) {
  .container .background-image, .container
  .background-color {
    padding-top: 1px;
  }
}

.background-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.container {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 752px) {
  .container {
    padding: 0px;
  }
}

.container a {
  text-decoration: none;
  color: var(--content-link-color);
  font-weight: 700;
}

.container a:not(.btn):hover {
  color: #0056b3;
text-decoration: underline;
}

/* katse muuta don-areas buttonit */
.container .donation-areas a:not(.btn):hover {
  color: #fff;
text-decoration: none;
}

.container .dropdown-content a:hover {
background-color: #0056b3; 
color: #fff;
text-decoration: none;
} 

/*.blog-page .menu-link a:not(.btn):hover {
  color: #ffffff;
text-decoration: none;
}*/

.container a img {
  border: none;
}

.content-formatted {
  word-break: break-word;
  word-wrap: break-word;
  /*-webkit-hyphens: auto;
  -ms-hyphens: auto;*/
  /*hyphens: auto;*/
  max-width: 1200px; /*muutsin 09.01*/
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1200px) {
  .content-formatted.mr-l-r-20 {
  margin-left: 20px;
  margin-right: 20px;
}
}

.content-formatted:empty {
  display: none;
}

.dark-background .content-formatted {
  color: white;
}

.content-formatted h1:first-child {
  margin-top: 10px;
}

.content-formatted.form-h1-h2 h1:first-child {
  margin-top: 40px;
}

.content-formatted.form-h2-h2 h2:first-child {
  margin-top: 20px;
}


.content-formatted h2:first-child,
.content-formatted h3:first-child,
.content-formatted h4:first-child,
.content-formatted h5:first-child,
.content-formatted h6:first-child,
.content-formatted p:first-child,
.content-formatted ul:first-child,
.content-formatted ol:first-child,
.content-formatted dl:first-child,
.content-formatted table:first-child,
.content-formatted pre:first-child,
.content-formatted code:first-child,
.content-formatted iframe:first-child,
.content-formatted table:first-child,
.content-formatted form:first-child,
.content-formatted .table-container:first-child,
.content-formatted .edy-positionable-container-left-block:first-child,
.content-formatted .edy-positionable-container-center-block:first-child,
.content-formatted .edy-positionable-container-right-block:first-child,
.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,
.content-formatted .edy-texteditor-container-wrapper-center:first-child,
.content-formatted .edy-texteditor-container-wrapper-right-block:first-child,
.content-formatted .edy-positionable-container-maxwidth:first-child {
  margin-top: 0;
}

.content-formatted h1:last-child,
.content-formatted h2:last-child,
.content-formatted h3:last-child,
.content-formatted h4:last-child,
.content-formatted h5:last-child,
.content-formatted h6:last-child,
.content-formatted p:last-child,
.content-formatted ul:last-child,
.content-formatted ol:last-child,
.content-formatted dl:last-child,
.content-formatted table:last-child,
.content-formatted pre:last-child,
.content-formatted code:last-child,
.content-formatted iframe:last-child,
.content-formatted table:last-child,
.content-formatted form:last-child,
.content-formatted .table-container:last-child,
.content-formatted .edy-positionable-container-left-block:last-child,
.content-formatted .edy-positionable-container-center-block:last-child,
.content-formatted .edy-positionable-container-right-block:last-child,
.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,
.content-formatted .edy-texteditor-container-wrapper-center:last-child,
.content-formatted .edy-texteditor-container-wrapper-right-block:last-child,
.content-formatted .edy-positionable-container-maxwidth:last-child {
  margin-bottom: 0;
}

.content-formatted h1, .content-formatted h2, .content-formatted h3, .content-formatted h4, .content-formatted h5, .content-formatted h6 {
  color: var(--headings-title-color);
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: none;
}

.dark-background .content-formatted h1, .dark-background .content-formatted h2, .dark-background .content-formatted h3, .dark-background .content-formatted h4, .dark-background .content-formatted h5, .dark-background .content-formatted h6 {
  color: white;
}

/*.content-formatted h1 {
  margin-top: 40px;
  font-size: 50px;
  color: red;
} */

.content-formatted h2 {
  margin-top: 15px;
  font-size: 30px;
}

.content-formatted h3, .content-formatted h4, .content-formatted h5, .content-formatted h6 {
  margin-top: 20px;
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  .content-formatted h1 {
    font-size: 30px;
  }
  .content-formatted h2 {
    font-size: 22px;
  }
}

.content-formatted p {
  margin-top: 20px;
}

.content-formatted a:not(.custom-btn) {
  color: #0066bb;
  font-weight: bold;
}

.content-slogan .content-formatted a {
  color: #fff;
} 

.content-body a:not(.custom-btn) {
  color: #0066bb;
} 

.dark-background .content-formatted a:not(.custom-btn) {
  color: white;
}

.content-formatted a:not(.custom-btn):hover {
  color: #0066bb;
  color: rgba(0, 102, 187, 0.8);
}

.dark-background .content-formatted a:not(.custom-btn):hover {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8);
}

.content-formatted iframe {
  max-width: 100%;
}

.content-formatted iframe,
.content-formatted pre {
  margin-top: 25px;
}

.content-formatted pre,
.content-formatted code {
  font-size: 14px;
  background-color: #fafafa;
}

.dark-background .content-formatted pre, .dark-background
.content-formatted code {
  color: black;
}

.content-formatted pre {
  overflow: auto;
  padding: 10px;
}

.content-formatted pre code {
  display: inline;
  padding: 0;
  white-space: pre;
  line-height: inherit;
  background-color: transparent;
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
}

.content-formatted code {
  display: inline-block;
  padding: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

.content-formatted blockquote {
  margin: 20px 40px;
}

/* .content-formatted .custom-btn, aju-muudetud 03.03 */
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn {
  display: inline-block;
  padding: 7px 9px;
  font-size: 14px;
  color: #1b2124;
  background-color: white;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.75);
  opacity: .75;
}

/*.edy-product-widget-grid .edy-product-widget-item .edy-product-widget-item-title {
    line-height: 1.3;
    font-size: 16px;
    font-weight: 600;
    color: black;
    margin-bottom: 4px;
}  lisasin 10.03 */

.content-formatted .custom-btn:hover,
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn:hover,
.donation-layout a.button2.btn:hover {
 /* background-color: white;*/
 color: white;
 background-color: var(--third-color);
  border: 1px solid #000000;
 border: 1px solid var(--third-color)
 /* border: 1px solid rgba(0, 0, 0, 0.1);*/
}

.public .content-formatted .custom-btn, .public
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn {
  cursor: pointer;
}

.dark-background .content-formatted .custom-btn, .dark-background
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn {
  background-color: black;
  color: white;
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.75);
}

.dark-background .content-formatted .custom-btn:hover, .dark-background
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn:hover {
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: .8;
}

.content-formatted .custom-btn-disabled,
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled {
  cursor: default;
}

.content-formatted .custom-btn-disabled.edy-buy-button-disabled, .content-formatted .custom-btn-disabled:hover,
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled.edy-buy-button-disabled,
.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled:hover {
  color: #838586;
  background-color: #dadada;
  border-color: #dadada;
}

.content-formatted .edy-positionable-container-center,
.content-formatted .edy-positionable-container-left-block,
.content-formatted .edy-positionable-container-right-block,
.content-formatted .edy-texteditor-container-wrapper-center,
.content-formatted .edy-texteditor-container-wrapper-left-block,
.content-formatted .edy-texteditor-container-wrapper-right-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.content-formatted .edy-positionable-container-center:first-child,
.content-formatted .edy-positionable-container-left-block:first-child,
.content-formatted .edy-positionable-container-right-block:first-child,
.content-formatted .edy-texteditor-container-wrapper-center:first-child,
.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,
.content-formatted .edy-texteditor-container-wrapper-right-block:first-child {
  margin-top: 0;
}

.content-formatted .edy-positionable-container-center:last-child,
.content-formatted .edy-positionable-container-left-block:last-child,
.content-formatted .edy-positionable-container-right-block:last-child,
.content-formatted .edy-texteditor-container-wrapper-center:last-child,
.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,
.content-formatted .edy-texteditor-container-wrapper-right-block:last-child {
  margin-bottom: 0;
}

.content-formatted .edy-positionable-container-left,
.content-formatted .edy-positionable-container-right {
  width: 45%;
}

.content-formatted .edy-positionable-container-left {
  margin-right: 20px;
}

.content-formatted .edy-positionable-container-right {
  margin-left: 20px;
}

.content-formatted .edy-image-container-with-title:after {
  display: block;
  padding: 4px;
  font-size: 12px;
  line-height: 1.3em;
  content: attr(data-title);
}

.content-formatted .table-container {
  margin-top: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 60px;
}

.content-formatted .horizontal-scroll {
  border-left: 1px dashed #303132;
  border-right: 1px dashed #303132;
}

.content-formatted table {
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  border-collapse: collapse;
}

.content-formatted table td {
/*  padding: 10px; */
  padding: 20px 24px;
  border-left: 5px solid #673AB6;
  vertical-align: top;
  width: 33.3%;
}

/* responsive table */
@media (max-width: 768px) {
    .content-formatted table td {
        display: block;
        width: calc((100% - 4rem) / 1);
    }
}

/* columns */
/* 3-clumns */

.flex-container-3 {
  display: flex;
  flex-wrap: nowrap;
}

.flex-container-3 > div {
  width: 33.3%;
  text-align: left;
  padding: 20px 24px;
  border-left: 5px solid #673AB6;
}

@media (max-width: 768px) {
  .flex-container-3 {
  display: block;
    }
}

@media (max-width: 768px) {
  .flex-container-3 > div {
  width: calc(100% - 40px); /* width: 100%; oli kuni 08.04 */
  }
}

/* 2 columns */

.flex-container-2 {
  display: flex;
  flex-wrap: nowrap;
}

.flex-container-2 > div {
  width: 50%;
  text-align: left;
  padding: 20px 24px;
  border-left: 5px solid #673AB6;
}

@media (max-width: 768px) {
  .flex-container-2 {
  display: block;
    }
}

@media (max-width: 768px) {
  .flex-container-2 > div {
  width: calc(100% - 40px); /* width: 100%; oli kuni 17.03 */
  }
}

.content-formatted .edy-texteditor-view {
  min-height: 32px;
}

.content-formatted .edy-partial-view {
  margin-top: 25px;
}

.content-formatted .edy-buy-button-container .form_field {
  padding-top: 15px;
}

.content-formatted .edy-buy-button-container .edy-buy-button-price-container .edy-buy-button-price-original {
  opacity: .4;
}

.content-formatted .edy-buy-button-variants .form_field {
  padding-top: 5px;
  padding-bottom: 5px;
}

.content-formatted .edy-buy-button-variants .form_field_select {
  width: fit-content; /* oli initial */
}

/* 3 column */

/* One line */
.fl-container {
  display: flex;
  align-items: baseline;
}

.fl-container h2 {
  margin-right: 40px;
}


/* MENUS */
.menu-btn {
  display: none;
}

@media screen and (max-width: 1050px) { /* menüü muutused , muutsin 29.09 902->914 -> 29.10 976; 1050 -> 12.11 */
  .menu-btn {
  position: absolute;
  top: 20px; 
  right: 20px;
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.menu-btn:focus {
  outline: none;
}

.menu-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Triibud */
.menu-btn .menu-stripe {
  display: block;
  width: 50px;
  height: 3px;
  margin: 6px 0;          /* triipude vahe */
  background-color: #333;
  border-radius: 5px;
  transition: all 0.3s ease;
  opacity: 0.8;
}

/* Dark background */
.dark-background .menu-btn .menu-stripe {
  background-color: white;
}

/* Aktiivne nupp: triibud risti */
.menu-btn.open .menu-stripe:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
  transform-origin: center;
}

.menu-btn.open .menu-stripe:nth-child(2) {
  opacity: 0;
}

.menu-btn.open .menu-stripe:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
  transform-origin: center;
}

}

@media screen and (max-width: 752px) {
  .menu-main .edit-btn {
    margin-right: 0;
  }
}

.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu .menu-item {
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.menu .menu-link {
  display: block;
  font-weight: bold;
  text-decoration: none;
}



@media screen and (min-width: 752px) {
  .dark-background .menu .menu-link {
    color: white;
  }
}

.menu .menu-link.untranslated {
  color: #cc0000;
  color: rgba(204, 0, 0, 0.5);
}

.menu-main .menu .menu-link:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.menu-main .menu .htf-menu-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

@media screen and (min-width: 752px) {
  .dark-background .menu .menu-link:hover {
    color: white;
  }
}

.menu .with_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu .with_arrow::before {
  content: '';
  margin-right: 8px;
  border: solid;
  border-width: 0px 2px 2px 0;
  display: inline-block;
  padding: 2px;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.menu-main {
  padding: 6px 0;
}

.menu-main .menu .menu-item {
  display: inline-block;
  margin-right: 20px;
  line-height: 1;
}

.menu-main .menu .menu-link.active {
  font-weight: 700;
  color: var(--primary-color);
  opacity: .9;
}

.menu-sub .menu .htf-menu-link.active {
  color: var(--primary-color);
}

/* menüü osa pooleli 21.01 
.menu-main .menu .menu-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 0;
    height: 4px;
    background-color: #60CD18;
} */

@media screen and (min-width: 752px) {
  .dark-background .menu-main .menu .menu-link.active {
    color: white;
    opacity: .5;
  }
}

.menu-main .menu-sub {
  display: none;
}

.menu-main .menu-lang {
  display: none;
}

@media screen and (max-width: 1050px) { /* menüü muutused, enne oli 752px, muutsin 29.09 902->914 29.10-> 976; 12.11 -> 1050 */
  .menu-main {
    display: none;
  }
  .menu-main.expanded {
    position: absolute;
    top: 73px; /* oli 75px */
    right: 0px; /* oli 20px */
    z-index: 9999;
    display: block;
    min-width: 350px;
    margin-bottom: 60px;
    padding: 0;
    text-align: left;
    background-color: white;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) ;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) ;
    padding: 0px;
  }
  
  .menu-main.expanded .menu .menu-item {
    display: block;
    margin-right: 0;
    border-top: 1px solid #727272;
    border-top: 1px solid rgba(114, 114, 114, 0.2);
  }
  .menu-main.expanded .menu .menu-item:first-child {
    border-top: none;
  }
  .menu-main.expanded .menu .menu-item .menu-link {
    display: block;
    padding: 1.5rem; /* oli 10px 20px */
    font-size: 18px;
    padding-left: 30px;
  }
  .menu-main.expanded .menu .menu-item .menu-link.active {
    background-color: #c7e5ff;
  }
  .menu-main.expanded .menu .menu-item .menu-link:hover {
    background-color: #c7e5ff;
    background-color: rgba(199, 229, 255, 0.5);
  }
  .menu-main.expanded .menu .edit-btn {
    display: block;
    padding: 12px 25px;
    border-top: 1px solid #727272;
    border-top: 1px solid rgba(114, 114, 114, 0.2);
  }
  .menu-main.expanded .menu-sub {
    display: block;
  }
  /*.menu-main.expanded .menu-sub .menu .menu-item:first-child {
    border-top: 1px solid #838586;
    border-top: 1px solid rgba(131, 133, 134, 0.1);
  } */
  .menu-main.expanded .menu-sub .menu .menu-link {
    padding: 10px 30px;
    font-size: 14px;
  }
  .menu-main.expanded .menu-sub .menu .menu-link.active {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.0);  /*  rgba(0, 0, 0, 0.5)oli kuni 29.09  */
  }
  .menu-main.expanded .menu-lang {
    display: block;
    margin-top: 0;
    border-top: 1px solid #727272;
    border-top: 1px solid rgba(114, 114, 114, 0.2);
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link {
    position: relative;
    padding: 15px 20px 14px 50px;
    font-size: 12px;
    color: #1b2124;
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link:hover, .menu-main.expanded .menu-lang .menu-item .menu-link.active:hover {
    background-color: #838586;
    background-color: rgba(131, 133, 134, 0.1);
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link.active {
    color: #727272;
    background: none;
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before, .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after {
    position: absolute;
    top: 13px;
    left: 20px;
    display: block;
    width: 21px;
    height: 15px;
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before {
    background-color: black;
    content: '';
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after {
    opacity: 0.95;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 9px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-repeat: no-repeat;
  }
  .no-svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after {
    background-image: url("../images/ico-flags.png");
  }
  .svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after {
    background-image: url("../assets/ico-flags.svg");
  }
  .menu-main.expanded .menu-lang .menu-item .menu-link.edy-menu-langadd {
    padding-left: 20px;
  }
}

@media screen and (max-width: 480px) {
  .menu-main.expanded {
    min-width: 100%;
    right: 0;
    left: 0;
    padding: 50px 0;
    margin: 0 0 60px;
    border-top: 1px solid #727272;
    border-top: 1px solid rgba(114, 114, 114, 0.2);
    border-bottom: 1px solid #727272;
    border-bottom: 1px solid rgba(114, 114, 114, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.menu-sub .menu .menu-item { /* see jääb rippmenüüks ? vahepeal oli seal lisaklass: .secondary */
  /* display: inline-block; 15.09 */
  margin-right: 10px;
  font-size: 14px;
}

.menu-sub .menu .post-menu-item {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
}

.menu-sub .menu .menu-item:first-child {
  margin-left: 0;
}

.dark-background .menu-sub .menu .menu-item .menu-link {
  color: white;
}

.menu-sub .menu .menu-item .menu-link.active {
  font-weight: 700;
  color: #727272;
  opacity: .8;
}

@media screen and (min-width: 752px) {
  .dark-background .menu-sub .menu .menu-item .menu-link.active {
    color: white;
    opacity: .5;
  }
}

@media screen and (max-width: 752px) {
  .menu-sub {
    margin-top: 0px; /* oli 30px */
  }
}

.menu-lang .menu {
  vertical-align: middle;
}

.header-right .menu-lang .edit-btn {
  margin-left: 10px;
}

@media screen and (max-width: 900px) {
  .menu-lang {
    margin-top: 5px;
  }
}

@media screen and (max-width: 752px) {
  .menu-lang {
    display: block;
  }
  .header-right .menu-lang {
    display: none;
  }
}

.lang-flag::after {
  background-position: 0 -75px;
  content: attr(data-lang-code);
}

[data-lang-code^="sq"]:after {
  background-position: 0 0;
  content: '';
}

[data-lang-code^="hy"]:after {
  background-position: -21px 0;
  content: '';
}

[data-lang-code^="bn"]:after {
  background-position: -42px 0;
  content: '';
}

[data-lang-code^="bg"]:after {
  background-position: -84px 0;
  content: '';
}

[data-lang-code^="zh"]:after {
  background-position: -105px 0;
  content: '';
}

[data-lang-code^="hr"]:after {
  background-position: -126px 0;
  content: '';
}

[data-lang-code^="da"]:after {
  background-position: -147px 0;
  content: '';
}

[data-lang-code^="cs"]:after {
  background-position: -168px 0;
  content: '';
}

[data-lang-code^="et"]:after {
  background-position: -189px 0;
  content: '';
}

[data-lang-code^="fi"]:after {
  background-position: 0 -15px;
  content: '';
}

[data-lang-code^="fr"]:after {
  background-position: -21px -15px;
  content: '';
}

[data-lang-code^="ka"]:after {
  background-position: -42px -15px;
  content: '';
}

[data-lang-code^="de"]:after {
  background-position: -63px -15px;
  content: '';
}

[data-lang-code^="el"]:after {
  background-position: -84px -15px;
  content: '';
}

[data-lang-code^="hu"]:after {
  background-position: -105px -15px;
  content: '';
}

[data-lang-code^="is"]:after {
  background-position: -126px -15px;
  content: '';
}

[data-lang-code^="hi"]:after {
  background-position: -147px -15px;
  content: '';
}

[data-lang-code^="id"]:after {
  background-position: -168px -15px;
  content: '';
}

[data-lang-code^="fa"]:after {
  background-position: -189px -15px;
  content: '';
}

[data-lang-code^="he"]:after {
  background-position: 0 -30px;
  content: '';
}

[data-lang-code^="it"]:after {
  background-position: -21px -30px;
  content: '';
}

[data-lang-code^="ja"]:after {
  background-position: -42px -30px;
  content: '';
}

[data-lang-code^="ko"]:after {
  background-position: -63px -30px;
  content: '';
}

[data-lang-code^="lv"]:after {
  background-position: -84px -30px;
  content: '';
}

[data-lang-code^="lt"]:after {
  background-position: -105px -30px;
  content: '';
}

[data-lang-code^="ms"]:after {
  background-position: -126px -30px;
  content: '';
}

[data-lang-code^="nl"]:after {
  background-position: -147px -30px;
  content: '';
}

[data-lang-code^="no"]:after {
  background-position: -168px -30px;
  content: '';
}

[data-lang-code^="ur"]:after {
  background-position: -189px -30px;
  content: '';
}

[data-lang-code^="fil"]:after {
  background-position: 0 -45px;
  content: '';
}

[data-lang-code^="pl"]:after {
  background-position: -21px -45px;
  content: '';
}

[data-lang-code^="ro"]:after {
  background-position: -42px -45px;
  content: '';
}

[data-lang-code^="ru"]:after {
  background-position: -63px -45px;
  content: '';
}

[data-lang-code^="ar"]:after {
  background-position: -84px -45px;
  content: '';
}

[data-lang-code^="sk"]:after {
  background-position: -105px -45px;
  content: '';
}

[data-lang-code^="sl"]:after {
  background-position: -126px -45px;
  content: '';
}

[data-lang-code^="es"]:after {
  background-position: -147px -45px;
  content: '';
}

[data-lang-code^="sv"]:after {
  background-position: -168px -45px;
  content: '';
}

[data-lang-code^="tr"]:after {
  background-position: -189px -45px;
  content: '';
}

[data-lang-code^="uk"]:after {
  background-position: 0 -60px;
  content: '';
}

[data-lang-code^="en"]:after {
  background-position: -21px -60px;
  content: '';
}

[data-lang-code^="pt"]:after {
  background-position: -84px -60px;
  content: '';
}

[data-lang-code^="sr"]:after {
  background-position: -126px -60px;
  content: '';
}

[data-lang-code^="bn"]:after {
  background-position: -147px -60px;
  content: '';
}

[data-lang-code^="th"]:after {
  background-position: -189px -60px;
  content: '';
}

[data-lang-code^="en_US"]:after {
  background-position: -21px -60px;
  content: '';
}

[data-lang-code^="en_GB"]:after {
  background-position: -63px -60px;
  content: '';
}

[data-lang-code^="en_AU"]:after {
  background-position: -168px -60px;
  content: '';
}

[data-lang-code^="en_CA"]:after {
  background-position: -105px -60px;
  content: '';
}

[data-lang-code^="pt_BR"]:after {
  background-position: -63px 0;
  content: '';
}

[data-lang-code^="fr_IC"]:after {
  background-position: -42px -60px;
  content: '';
}

[data-lang-code^="fr_CA"]:after {
  background-position: -105px -60px;
  content: '';
}

.tags-title {
  display: inline-block;
/*  font-weight: 700; */
  font-size: 18px;
  color: #999999;
}

.menu-tags {
  display: block; /* enne oli inline-block */
}

/* lisatud näidispostituse järgi 17.02 */
.post-page .tags {
    /*position: relative;*/
    display: block !important;
    margin-top: 0px; /* oli 30px kuni 10.04 */
    margin-bottom: 30px;
    margin-left: 120px;
    font-size: 16px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 30px; */
    /* margin-bottom: 0px; */
    line-height: 1.0;
}

@media screen and (max-width: 1240px) {
  .post-page .tags {
    margin-left: 20px;
  }
}

/* .post-page .post {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 120px;
} */

/* @media screen and (max-width: 1240px) {
  .post-page .post {
    margin-left: 20px;
  }
} */

.menu-horizontal.menu-breadcrumbs {
  line-height: 16px;
  padding: 16px 0 32px 0; /* enne oli padding-top: 10px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
}


@media screen and (max-width: 1225px) {
.menu-horizontal.menu-breadcrumbs {
  padding: 16px 0 32px 20px; /* enne oli padding-top: 10px; */
  }
}

.menu-horizontal.menu-breadcrumbs .menu-item {
  display: inline-block;
  margin-right: 5px;
}

/* MENÜÜ-TEST toon siia menüü üle */

/* Iga peamenüülingi suhtes */
.menu-item {
  position: relative; /* sub-menu absoluutne positsioon sõltub sellest */
}

/* Hoveril näita sub-menu */
.menu-item:hover > .menu-sub {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Hover bridge: nähtamatu ala peamenüü ja sub-menüü vahel
   et hover ei katkeks enne kui hiir jõuab submenu peale */
.menu-item::after {
  content: "";
  position: absolute;
  top: 100%; /* kohe peamenüü lingi all */
  left: 0;
  width: 100%;
  height: 40px; /* sama ruum, mis .menu-sub top nihke arv */
  background: transparent;
  display: none;
}

.menu-item:hover::after {
  display: block;
}

/* Aktiivse peamenüü lingi alla roheline joon */
.menu > .menu-item > .menu-link.active {
  position: relative; /* pseudo-elementide jaoks vajalik */
}

.menu > .menu-item > .menu-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px; /* kui tahad, võid muuta kauguse teksti alt */
  width: 100%; /* joone laius võrdub teksti laiusega */
  height: 4px;
  background-color: #60CD18;
  transition: width 0.3s ease;
}

.menu-sub .menu .menu-item .menu-link.active::after {
  content: "";         /* hoiab pseudo-elementi elus, et see ei rikuks layout'i */
  display: none;       /* peidab joone */
}

/* Alammenüü */
.menu-sub {
  position: absolute;
  top: calc(100% + 40px); /* 40px allapoole peamenüülingist – peab klappima ::after height väärtusega */
  left: 0;
  background-color: #fff;
  min-width: 250px;
  box-shadow: 0px 8px 48px rgba(0,0,0,0.12);
  display: none; /* vaikimisi peidetud */
  z-index: 1000; /* tagab, et ülejäänud elemendid ei kattuks */
  text-align: left; /* Tekst vasakule joondatud */

  /* Sujuv animatsioon */
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Lingid sub-menüüs */
.menu .menu-sub .menu-item {
  list-style: none;
  display: block; /* Üks rida iga pealkirja jaoks */
  margin: 0;      /* Vajadusel eemaldab tühikud */
}

.menu-sub .menu-link {
  display: block;
  padding: 1rem 1rem;
  text-align: left; /* linkide sisu vasakule */
  text-decoration: none;
}

.menu-sub .menu-link:hover {
  background-color: #fff; /* väike hover efekt nähtavuse jaoks */
}

.menu-sub .menu-item:first-child .htf-menu-link {
  padding-top: 1.5rem; /* Lisa ruum esimese lingi kohale */
}

@media (max-width: 1050px) { /* menüü burgerisse? muutsin 12.11 */

  .menu-main.expanded > .menu {
    margin: 0;
    padding: 0;
  }

  /* Peamenüü lingid vertikaalselt */
  .menu-main.expanded .menu-item .menu-link {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: inherit;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: transparent; /* mitteaktiivsetel linkidel läbipaistev */
    clear: both;
    white-space: nowrap;
    border: 0;
    border-radius: 0;
  }

  /* Esimese lingi ülemine lisapadding pseudo-elementiga */
  .menu-main.expanded .menu-item:first-child .menu-link::before {
    content: "";
    display: block;
    height: 10px;
  }

  /* Viimase lingi alumine lisapadding pseudo-elementiga */
  .menu-main.expanded .menu-item:last-child .menu-link::after {
    content: "";
    display: block;
    height: 10px;
  }

  /* Aktiivsed lingid – kogu ala katab aktiivne värv */
  .menu-main.expanded .menu-link.active {
    display: block;
    background-color: #c7e5ff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: calc(1rem + 20px);
    width: auto;
    box-sizing: border-box;
    margin: 0;
  }

  /* Pseudo-elemente aktiivsetel linkidel ei kuvata */
  .menu-main.expanded .menu-link.active::before,
  .menu-main.expanded .menu-link.active::after {
    display: none;
  }

  /* Sub-menüü lingid vertikaalselt */
  .menu-sub .menu .menu-item {
    display: block;
    width: 100%;
    clear: both;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }

  .menu-sub .menu .menu-link:hover {
    background-color: #f5f5f5;
  }

  .menu-sub {
    position: static;
    top: auto;
    left: auto;
    box-shadow: none;
    transform: none;
    opacity: 1;
  }

  /* Kõik pseudo-elementide rohelised jooned peidetakse burger-menüüs */
  .menu-sub .menu .menu-link.active::after,
  .menu > .menu-item > .menu-link.active::after {
    display: none !important;
  }

  /* Ülem-menüü link ei tohi sub-linki aktiivsuse ajal värvuda */
  .menu-main.expanded > .menu > .menu-item > .menu-link.active {
    background-color: transparent;
  }
.menu-sub .htf-menu-link.active {
    /* background-color: #c7e5ff; */
    position: relative; /* pseudo-element järgib linki */
    z-index: 1;         /* taust jääb pseudo-elementi alla */
}

.menu-sub .menu-item:first-child .htf-menu-link {
  padding-top: 0.5rem; /* Lisa ruumi esimese lingi kohale */
}
}

/* MENÜÜ-TEST lõpp */

/* HEADER */
.header {
  /*padding-bottom: 30px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.no-flexbox .header {
  display: table;
  vertical-align: top;
  width: 100%;
}

.flexbox .header {
  display: flex;
  justify-content: space-between;
}

.no-flexbox .header .header-left,
.no-flexbox .header .header-right {
  display: table-cell;
}

.header .header-left {
  width: auto;
  display: flex;
  align-items: center;
  padding: 0;
  z-index: 2;
}

@media (max-width: 1050px) {
   .header .header-left img {
        width: 120px;
    }
}

.header .header-left .logo-link {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 3;
}

.header-left img {
  display: block;
  max-width: 100%;
  height: auto;
}

.header .header-left .header-title {
  font-size: 28px;
  font-weight: 700;
  color: #727272;
  display: none; /* Kindlustame, et see on peidetud */
}

.header .header-left .header-title:hover, .header .header-left .header-title a:hover {
  opacity: .8;
}

.header .header-right {
  width: auto;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu-main {
  margin-left: auto;
/*  display: flex; */
  align-items: center;
}

.menu .menu-item {
  list-style: none;
  display: inline;
  padding-left: 0px; /* oli 20 px; */
  font-size: 17px;
}

.menu .menu-link {
  /*text-decoration: none;
 color: var(--primary-color);*/
}

@media screen and (max-width: 900px) {
  .no-flexbox .header,
  .flexbox .header {
    width: 100%;
  }
  .header .header-left {
    width: auto;
  }
  .header .header-right {
    width: auto;
  }
}

@media screen and (max-width: 752px) {
  .header .header-left {
    width: auto;
  }
  .header .header-left .header-title {
    display: block;
  }
  .header .header-right {
    width: auto;
  }
}

@media screen and (max-width: 506px) {
  .no-flexbox .header,
  .flexbox .header {
    display: block;
    padding-bottom: 0;
  }
  .no-flexbox .header .header-left,
  .flexbox .header .header-left {
    width: 100%;
  }
  .header .header-left .header-title {
    margin-right: 40px;
  }
  .header .header-right {
    width: auto;
    text-align: left;
  }
}

.c-top-line {
    height: 1px;
    border-top: 1px solid #E9E9E9;
    margin-top: -1px;
}

/* CONTENT */
.content {
  display: block;
  /* margin-top: 30px; */
}

/*.front-page .content {
  margin-top: 40px;
}*/

/*@media screen and (max-width: 752px) {
  .content, .front-page .content {
    margin-top: 20px;
  }
} */

/*.content-header .edy-partial-view {
  margin-top: -3px;
  background-image: "https://media.voog.com/0000/0052/4812/photos/taisiia-shestopal-2ykqopwpoyg-unsplash_hero-area-desktop_2.jpg";
} */

.content-header {
  background-image: url("https://media.voog.com/0000/0052/4812/photos/taisiia-shestopal-2ykqopwpoyg-unsplash_hero-area-desktop_2.jpg");
  display: flex;
  background-position: center;
  background-size: cover;
}

.content-banner {
/*  background-image: url("https://media.voog.com/0000/0052/4812/photos/taisiia-shestopal-2ykqopwpoyg-unsplash_hero-area-desktop_2.jpg"); */
  display: grid;
  background-position: center;
  background-size: cover;
  margin: 0 0 60px 0;
}

.content-banner-christmas {
  background-image: url("https://media.voog.com/0000/0052/4812/photos/kate-laine-kE19SiUhkDA-unsplash_hero-area-desktop_brown.jpg");
}

.basic-banner {
  display: flex;
  background-position: center;
  background-size: cover;
  /* margin: 0 -140px 64px -140px; */
}

.content-banner-hobby {
  background-image: url("https://heategevusfond.ee/sites/default/files/2024-05/kenny-eliason-sx906uyeswi-unsplash_hero-desktop_brown.jpg");
}

.content-banner-training {
  background-image: url("https://heategevusfond.ee//sites/default/files/2023-11/nathan-dumlao-c3uw39bulhi-unsplash_hero-area-desktop.jpg");
}

.content-banner-fondist {
  background-image: url("https://heategevusfond.ee//sites/default/files/2023-06/lina-trochez-ktPKyUs3Qjs-unsplash_536x234.jpg");
}

.content-banner-sinine {
  background-image: (<bg-image>);
  min-height: 80px;
}

.content-banner-sinine-2 {
  background-image: url("");
  margin: 0 0;
}

.banner-light-box {
    background: #ffffffbb;
    margin: 82px 130px;
    padding: 20px 25px;
    box-sizing: content-box;
    max-width: 675px;
}

@media screen and (max-width: 506px) {
  .banner-light-box {
    max-width: 100%;
    margin: 30px 0px;
  }
}

@media (max-width: 991px) {
    .banner-light-box {
    max-width: 100%;
    margin: 60px 0px;
  }
}

.banner-container {
  position: relative;
  text-align: center;

}

.text-block-k {
  position: absolute;
  top: 30px;
  padding: 30px;
}

/* ajutiselt 
.banner {
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .text-before-banner {
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 2em;
    text-align: center;
    padding: 20px;
  }
  

   ajutiselt lõpp*/

.content-title.content-formatted h1,
.content-slogan.content-formatted h1,
.blog-news.post-intro-content h1 {
  font-size: 48px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.3;
}

@media (max-width: 991px) {
   .content-title.content-formatted h1,
.content-slogan.content-formatted h1,
.blog-news.post-intro-content h1 {
        font-size: 2.225rem;
    }
} 

.common-page .content-formatted.form-h1-h2 h2 { /* common-page lisamine andis specificity suurenemise */
  font-size: 28px;
  color: #333333;
  margin-top: 20px;
  line-height: 1.3;
}

body .content-title.content-formatted h2, /* body lisamine andis specificity suurenemise */
body .content-slogan.content-formatted h2 {
  font-size: 34px;
  color: #333333;
  margin-bottom: 15px;
  line-height: 1.3;
}

@media (max-width: 991px) {
body .content-title.content-formatted h2, /* body lisamine andis specificity suurenemise */
body .content-slogan.content-formatted h2 {
  font-size: 30px;
  }
} 

.content-slogan.content-formatted p {
  font-size: 16px;
  margin: 0px 0px 16px;
  line-height: 1.5;
}

/* Eemalda külgnevad klassid ja kasuta täpsemat klassi */
.content-title-h2 {
    font-size: 40px;
    color: var(--primary-color);
}


/* .lead juurde */
.lead {
  font-size: 1.25rem !important;
  color: #333333;
  line-height: 1.5;
  font-weight: 500;
}

/* .lead juurde */
@media (max-width: 752px) {
.lead {
  font-size: 1.15rem !important;
  }
} 

.field-wrap {
    margin-top: 0px;
}

@media (min-width: 752px) {
    .field-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 752px) {
    .field--name-field-button-links {
        display: flex;
        flex-wrap: wrap;
    }
}

.content-banner .field--name-field-button-links {
  display: flex; 
  flex-wrap: wrap;
  margin-top: 10px; 
  /* Adjust margin as needed */ 
  }
  
@media screen and (max-width: 752px) {
  .content-banner .field--name-field-button-links {
    display: block;
    margin: 20px 0px;
  }
}

.content-title.content-formatted h3,
.content-slogan.content-formatted h3 {
  font-size: 32px;
}

@media screen and (max-width: 480px) {
  .content-title.content-formatted h1,
  .content-slogan.content-formatted h1 {
    font-size: 2.65rem;
  }
  .content-title.content-formatted.x-mas h1 {
    font-size: 1.65rem;
  }
  .content-title.content-formatted h2,
  .content-slogan.content-formatted h2 {
    font-size: 30px;
  }
  .content-title.content-formatted h3,
  .content-slogan.content-formatted h3 {
    font-size: 20px;
  }
}

.content-title.content-formatted {
  line-height: 1.2;
  font-weight: 700;
  font-size: 100px;
}

/* @media screen and (max-width: 752px) {
  .content-title.content-formatted {
    display: none;
  }
} */

.content-slogan {
  margin-top: 5px;
  padding-bottom: 0px;
}


.quote-and-button {
  margin: 25px 0;
}

.quote {
    font-weight: 700;
    max-width: 575px;
/*    margin-bottom: 16px; */
}

.text-quote-and-button .quote-and-button { 
    display: flex;
    align-items: center; 
} 

.text-quote-and-button .quote { 
    margin-right: 54px; /* Lisa veidi vahet paremale */ 
}

/*.content-slogan.content-formatted {
  font-weight: 700;
  font-size: 18px;
}*/

/*proovin li-d lisada*/
.content-slogan.content-formatted li {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  margin-left: 0px;
}

.content-slogan.content-formatted .checkmark li, 
.content-slogan.content-formatted .black-checkmark li {
    margin-left: -30px;
}

ul.checkmark li,
ul.black-checkmark li {
    margin-bottom: 8px;
    padding-left: 30px;
    position: relative;
    list-style: none outside;
}

/*checkmark*/
/* ul.checkmark li:before {
   content: "";
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    font-size: 16px;
    background-image: url(../assets/2023-green-check.svg)
    /*content: "\e900";*/
    /*font-size: 0.875rem;
    position: absolute;
    left: 0;
    top: 5px;
    color: #60CD18;
} */

ul.checkmark li:before {
    content: '';
    position: absolute;
    left: 0;
   /* top: 50%; */
    width: 20px; /* Muuda vastavalt vajadusele */
    height: 20px; /* Muuda vastavalt vajadusele */
    background-image: url(../assets/2023-green-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(20%);
}

ul.black-checkmark li:before {
    content: '';
    position: absolute;
    left: 0;
   /* top: 50%; */
    width: 20px; /* Muuda vastavalt vajadusele */
    height: 20px; /* Muuda vastavalt vajadusele */
    background-image: url(../assets/2023-black-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(20%);
}


/*---*/

.front-page .content-body {
  margin-top: 45px;
  margin-bottom: 0px;
}

@media screen and (max-width: 752px) {
  .front-page .content-body {
    margin: 35px 20px 0 20px;
  }
}

@media screen and (max-width: 1230px) {
  .front-page .content-body {
    margin: 35px 20px 0 20px;
  }
}



.front-page .content-body p {
  margin: 0px 0px 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

@media screen and (max-width: 752px) {
  .front-page .content-body p {
    font-size: 16px;
  }
}

.common-page .content-body {
  /* margin-top: 35px; */
  /* margin: 5px 130px 50px 130px; */
  margin: 0px 130px 5px 130px;
}

.content-body .top-minus {
  /* margin-top: 35px; */
  margin-top: -20px;
}

@media screen and (max-width: 752px) {
  .common-page .content-body {
    /* margin-top: 35px; */
    margin: 0px 20px 35px 20px;
  }
}

@media screen and (max-width: 1230px) {
   .common-page .content-body {
    margin: -20px 20px 40px 20px;
  }
}

/* vt seda uuel päeval
.blog-page .content-body {

  margin: 0px 130px 5px 130px;
}

.content-body .top-minus {

  margin-top: -20px;
}

@media screen and (max-width: 752px) {
  .blog-page .content-body {

    margin: 35px 20px 35px 20px;
  }
}

@media screen and (max-width: 1230px) {
   .blog-page .content-body {
    margin: 35px 20px 40px 20px;
  }
}*/


 /* CONTENT-buttons */
.btn, .custom-btn { /* custom-btn aju 03.03 */
  border: none;
  padding: 0.5625rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 16px 16px 16px 0;
  transition-duration: 0.2s;
  cursor: pointer;
}

@media screen and (max-width: 752px) {
  .btn {
    display: block;
    margin: 16px 0px;
  }
}

.content-formatted a.button1.btn, 
.content-banner a.button1.btn,
.content-header a.button1.btn,
.content-formatted a.custom-btn,
.donation-layout a.button1.btn,
.content-formatted .form_submit input {
  background-color: #0092E1;
  color: #fff; 
  border: 2px solid #0092E1;
  border-radius: 4px;
  font-weight: bold;
    text-decoration: none;
}


.button1:hover, 
.content-banner a.button1:hover,
.content-header a.button1:hover,
.button-section a.button1:hover,
.donation-layout a.button1.btn:hover,
.content-header a.button1:hover,
.content-formatted .form_submit input:hover 
{ 
  background-color: #41b0ee;
  color: white;
  border: 2px solid #41b0ee;
  font-weight: bold;
  text-decoration: none;
}

.content-formatted a.button2.btn,
.content-banner a.button2.btn,
.content-header a.button2.btn {
  color: #333333; 
  border: 1px solid #333333;
  border-radius: 4px;
  font-weight: bold;
}

.button2:hover, 
.content-banner a.button2:hover, 
.content-header a.button2:hover {
  background-color: #333333;
  color: white; /*check this out*/
  font-weight: bold;
}

.content-formatted a.btn.button2:hover, 
.content-banner a.btn.button2:hover,
.content-header a.btn.button2:hover {
  color: white; 
  }

.field-wrap a:not(.button2):hover, 
.quote-and-button .button-section a:not(.button2):hover {
    text-decoration: none;
    color: white;
}

.secondary-button {
display: inline-block;
    padding: 14px 14px;
    font-size: 16px;
    font-weight: 600;
    color: #0092E1;
    background-color: white;
    /* opacity: .75; */
    /* border: none; */
    padding: 0.6rem;
    text-align: center;
    text-decoration: none;
    /* margin: 16px 16px 16px 0; */
    transition-duration: 0.2s;
    border: 2px solid #0092E1;
    border-radius: 4px;
}

.donation-layout a.button2.btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #0092E1;
    background-color: white;
    /* opacity: .75; */
    /* border: none; */
    padding: 0.7rem 1rem;
    text-align: center;
    text-decoration: none;
    /* margin: 16px 16px 16px 0; */
    transition-duration: 0.2s;
    border: 1px solid #0092E1;
    border-radius: 4px;
    line-height: 1.25;
}

/* accordion*/


/*.accordion {
  display: block;
    border-bottom: 1px solid #E6E6E6;
    color: #007AC7;
    position: relative;
    font-weight: 700;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 16px 16px 16px 40px;
    width: 100%;
  transition: 0.4s;
  text-align: left;
}

.active, .accordion:hover {
  color: #0056b3;
}

.panel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}*/

.htf-accordion-block:first-of-type {
    border-top: 1px solid #E6E6E6;
}
.htf-accordion-block {
    border-bottom: 1px solid #E6E6E6;
}

.htf-accordion-block.open .htf-accordion-content {
    padding: 16px;
    max-height: 1000px;
    background-color: #f6f6f6;
}
.htf-accordion-block.open {
    background-color: #f6f6f6;
}
.htf-accordion-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease;
    -o-transition: max-height .2s ease;
    transition: max-height .2s ease;
  /*  padding-right: 72px; */
    margin-left: 40px;
}

.htf-accordion-block.open .htf-accordion-title:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.htf-accordion-block.open .htf-accordion-title {
    color: #333333;
}

 .htf-accordion-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url(../assets/2023-blue-arrow-up.svg);
    rotate: 180deg;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 50%;
}
.htf-accordion-title {
    padding: 16px 64px 16px 50px;
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: var(--color-black);
}

/* proovisin menüüle lisada: */
/* .htf-menu-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
  background-image: url(../assets/2023-blue-arrow-up.svg); 
    rotate: 180deg;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 50%;
} */

.htf-menu-link {
    padding: 16px 40px 16px 20px;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-black);
}

    @media screen and (max-width: 1050px) { /* oli 914 */
.htf-menu-link {
   padding: 10px 40px 10px 50px;
line-height: 26px;
    font-size: 16px;
}    
}

    @media screen and (max-width: 1050px) { /* oli 914 */
    .htf-menu-link:after {
        content: "";
        position: absolute;
        left: 1.75rem;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        display: inline-block;
        width: 20px;           /* nüüd ikoon ilmub */
        height: 20px;          /* ikooni kõrgus */
        background-repeat: no-repeat;
        background-image: url(../assets/2023-blue-arrow-up.svg);
        background-size: contain; /* ikoon mahub elemendi sisse proportsionaalselt */
        background-position: center;
        pointer-events: none;
        z-index: 2;
    }

    .htf-menu-link.active:after {
        transform: translateY(-50%) rotate(180deg);
        color: var(--primary-color);
    }
}

/* proovisin menüüle lisada: lõpp */

.post-nav-link-general {
    padding: 16px 50px 16px 30px; /* Vasakul ruum noolele */
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px; /* oli 18px; kuni 10.04 */
    font-weight: 500;
    line-height: 32px;
    color: var(--color-black);
    margin-left: -8px; /* Vasakpoolne margin */
}

.post-nav-link-general:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(270deg); /* 180° rohkem pööratud */
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../assets/2023-blue-arrow-up.svg);
    background-position: center;
}

.post-nav-link .post-nav-link-general a {
  font-weight: normal;
} 

/* --- Järgmine (nooleke järel, 180° pööratud) --- */

.post-nav-link-older {
    padding: 16px 50px 16px 64px; /* Vasakul ruum noolele */
    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: var(--color-black);
    margin-left: 20px; /* Vasakpoolne margin */
}

.post-nav-link-older:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(270deg); /* 180° rohkem pööratud */
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../assets/2023-blue-arrow-up.svg);
    background-position: center;
}

/* --- Järgmine (nooleke järel, 180° pööratud) --- */
.post-nav-link-newer {
    padding: 16px 64px 16px 50px; /* Paremal ruum noolele */
    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: var(--color-black);
    margin-right: 20px; /* Parempoolne margin */
}

.post-nav-link-newer:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); /* 180° rohkem pööratud */
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../assets/2023-blue-arrow-up.svg);
    background-position: center;
}


.htf-checkmark:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url(../assets/2023-green-check.svg);
    rotate: 180deg;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 50%;
}
.htf-checkmark {
    padding: 16px 64px 16px 50px;
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: var(--color-black);
}

/*.htf-accordion-block.open .htf-accordion-title a:not(.button2):hover {
    color: red!important;
    text-decoration: none;
    cursor: pointer;
}*/

/* .content-body .content-formatted a:not([href]):not([tabindex]):focus, 
.content-body .content-formatted a:not([href]):not([tabindex]):hover {
    text-decoration: none;
} */

/* BLOG & BLOG ARTICLE */


.articles-container {
--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px; /* oli 1260px 17.03 */
    margin-left: 110px;
    margin-right: 110px; /* oli 0px 17.03 */
}

@media screen and (max-width: 752px) {
  .articles-container {
    margin: 0 0;
}
}

.blog-news .content-body { /* MUUDETUD: Sektsiooni kujundus */
    flex: 1 1 calc(33.333% - 20px); /* MUUDETUD: 3 veergu */
    padding: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 8px;
}

.content-body h2 { /* MUUDETUD: Pealkirja suuruse muutmine */
    font-size: 24px;
    font-weight: bold;
}

/* ai-lt lõpp 05.02*/

.post-intro-content {
  padding-bottom: 25px; /*  oli 25px; padding: 58px 0 25px;*/
  margin: 0px 130px 0px 130px;
}

@media screen and (max-width: 752px) {
  .post-intro-content {
    margin: 0 20px;
}
}

.post {
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin: 0 20px;  /* lisasin 17.03 */
}


/* post-header on enda lisatud */
.post-header {
  max-width: 1200px; /*muutsin 09.01*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 0px; /*muutsin 10.02*/
  line-height: 1.2;
}

.post .post-title {
  hyphens: none; /*muutsin 04.02*/
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.2;
}

.post .post-title, .post .post-title a {
  font-size: 48px;
  color: #1b2124;
}

.blog-page .post .post-title, .post .post-title a {
  font-size: 1.5rem;
  color: #1b2124;
}

.dark-background .post .post-title, .dark-background .post .post-title a {
  color: white;
}

.post .post-title a:hover {
  color: #1b2124;
  opacity: .8;
}

.dark-background .post .post-title a:hover {
  color: white;
}

@media screen and (max-width: 480px) {
  .post .post-title, .post .post-title a {
    font-size: 1.5rem; /* oli 36px */
  }
}

.post .post-date {
  font-size: 18px;
 /* color: #1b2124; */
}

.post .post-date {
    color: var(--fourth-color); /* Muuda värvi vastavalt oma vajadusele */
    font-size: 18px; /* Määra kuupäeva suurus */
  }

 .post .post-date input[type="text"] {
    background-color: transparent; /* Muuda tausta läbipaistvaks */
    border: 1px solid white; /* Piirjoon, kasutades neljanda värvi */
    font-size: 16px; /* Määra sama suurus nagu kuupäeval */
    color: var(--fourth-color); /* Muuda teksti värvi */
    padding: 0px; /* Lisa väike vahe tekstiga, oli 5px */
    width: 140px; /* Reguleeri laius vastavalt vajadusele */
  }

  /* Kui sisend on valitud, siis eemalda piirjoon ja muudame fookuse */
  .post .post-date input[type="text"]:focus {
    outline: none; /* Eemalda fookuse kontuur */
    border-color: var(--highlight-color); /* Muuda piirjoone värv fookuses */
  }
  
.dark-background .post .post-date {
  color: white;
}

.post .post-author {
  font-size: 12px;
  display: none;
}

.dark-background .post .post-author {
  color: white;
  opacity: .8;
display: none; /*  VORMID */
}

.post .post-content {
  margin-top: 40px;
}

.post .post-content .post-body {
  margin-top: 20px;
  margin-bottom: 2.5rem;
}

.blog-page .post .post-content .post-body {
  margin-top: 20px;
  margin-bottom: 1rem;
}

.post .post-comments-count a {
  font-size: 14px;
  color: #0066bb;
  display: none;  /* VORMID */
}

.dark-background .post .post-comments-count a {
  color: white;
  display: none;  /* VORMID */
}

.post .post-comments-count a:hover {
  color: #0066bb;
  opacity: .8;
  display: none;  /* VORMID */
}

.dark-background .post .post-comments-count a:hover {
  color: white;
}

.post-nav {
  margin-top: 0px; /*oli 50px*/
  max-width: 1200px; /*muutsin 09.01*/
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 481px) {
  .post-nav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.post-nav-link {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  color: currentColor;
  text-decoration: none;
}

.post-nav-link:hover .post-nav-direction {
  opacity: 1;
}

.post-nav-link:hover .post-nav-title {
  opacity: 1;
}

@media screen and (max-width: 480px) {
  .post-nav-link:nth-child(2)::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-top-color: currentColor;
    border-top-style: solid;
    border-top-width: 1px;
    content: '';
    opacity: .2;
  }
}


@media screen and (max-width: 480px) {
  .post-nav-link {
    text-align: center;
    display: none; /* täiendasin 11.04 */
  }
}

@media screen and (min-width: 481px) {
  .post-nav-link-older {
    padding-right: 20px;
  }
}

@media screen and (min-width: 481px) {
  .post-nav-link-newer {
    padding-left: 20px;
    text-align: right;
  }
}

.post-nav-direction {
  font-size: 13px;
  letter-spacing: .2em;
  text-transform: uppercase;
  opacity: .3;
}

@media screen and (max-width: 1240px) {
.post-nav-direction {
  margin: 0 20px;
  }
}

.post-nav-title {
  margin-top: 6px;
  font-size: 18px;
  opacity: .7;
}

@media screen and (max-width: 1240px) {
.post-nav-title {
  margin: 0 20px;
}
}

.blog-page .post {
  margin-bottom: 0px; /* oli 40px */
  /* margin-left: 40px; */
  padding: 0; /* oli width:  padding: 0 18px; muutsin 17.03 */
  /*border-bottom: 1px solid rgba(114, 114, 114, 0.3);*/
  width: calc(30.8% - 10px); /* oli width: calc(31% - 10px); muutsin 17.03 */
 /*  display: flex;
  flex-direction: column; Paigutame elemendid vertikaalselt
  justify-content: flex-start; Ülespoole joondamine */
}

@media (max-width: 768px) {
 .blog-page .post {
    width: 100%; /* Alla 768px laiusel ekraanil täislaiuses */
    display: block;
  }
}

@media (min-width: 769px) and (max-width: 1404px) {
  .blog-page .post {
    width: calc(50% - 40px); /* 2 veergu */
  }
}

.blog-page .post .post-header {
  order: 2; /* Pealkiri ja kuupäev liiguvad oma kohale pärast pilti */
}

.blog-page .post .post-content {
  order: 3; /* Excerpt liigub pärast pealkirja ja kuupäeva */
}

.blog-page .post .post-image {
  order: 1; /* Pilt liigub esimeseks */
}
 /* Muudame elementide järjestust */  
.blog-page .post-thumbnail { order: 1; }
.blog-page .post-title { order: 2; }
.blog-page .post-date { order: 3; }
.blog-page .post-excerpt { order: 4; }

/* postituse uuendus 11-02 AIlt */
.post-thumbnail .edys-gallery-wall {
  width: 100%;
  max-width: 600px; /* Muuda vastavalt kujundusele */
  margin-bottom: 20px;
}

.post-thumbnail img {
  width: 100%;
  height: auto;
}
/* uuenduse lõpp */

.blog-page .post .post-excerpt {
  font-weight: normal;
  padding-bottom: 20px;
}

.post .post-excerpt {

  font-weight: 700;
}

.blog-page .post-read-more-btn {
  display: inline-block;
  margin-bottom: 5px;
  color: #06b;
  text-decoration: underline;
  display: none;
}

.blog-page .post-read-more-btn:hover {
  opacity: .8;
}

/* tags-blog lehelt css siia toodud */

/* Dropdown Button */
.dropbtn {
  /*width: 365px;*/
  width: calc(31% - 10px);
  background-color: #fff;
  color: var(--third-color);
  border: 1px solid #333333;
  border-radius: 4px;
  font-weight: 700;
  padding: 0.5rem;
  text-align: left;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  /* margin: 16px 16px 0px 16px; */
  /* transition-duration: 0.4s; */
  cursor: pointer;
 /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
  overflow: hidden;
  white-space: nowrap;
}

/* ai aitab 02.04 */
.dropbtn {
    position: relative;
    
}

.dropbtn::after { 
    content: "";
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    display: inline-block;
    width: 24px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../assets/2023-blue-arrow-up.svg");
    transition: transform 0.3s ease;
}

.dropbtn.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ai aitab lõpp */

 .form_field_select {
     /*width: 365px;*/
  width: calc(31% - 10px);
  background-color: #fff;
  color: var(--primary-color);
  border: 1px solid #333333;
  border-radius: 4px;
  font-weight: 700;
  padding: 0.5rem;
  text-align: left;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;

  transition-duration: 0.4s;
  cursor: pointer;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
} 

/* Kategooria sõna ja ikoon on nüüd koos nupul */
.arrow-icon {
  width: 16px; /* Ikoon suurus */
  height: 16px;
  transition: transform 0.3s ease-in-out; /* Sujuvam üleminek */
  pointer-events: none; /* Väldib, et ikoon blokeeriks nuppu */
  display: inline-block; /* Veenduge, et pilt oleks nähtav */
  margin-left: 10px; /* Väike vahe kategooria nime ja noole vahel */
}

.arrow-icon-rotate {
  width: 16px; /* Ikoon suurus */
  height: 16px;
    rotate: 180deg;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* Kui nooleikoon ei ole nähtav või on katki, tagame, et see oleks alati paigutatud õigesti 05.03 
.dropbtn img.arrow-icon {
  display: inline-block;
  margin-left: 10px; /* Väike vahe kategooria nime ja noole vahel 
} */

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus, 
.form_field_select:hover, .form_field_select:focus {
  box-shadow: 0 0 3px 3px #86b7fe;
  background-color: #fff;
  color: #0056b3;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  /*display: inline-block;*/
}

/* Vaikimisi laius */
.dropbtn, .dropdown-content, .form_field_select {
  width: 365px;
  max-width: 100%; /* Veendume, et see ei läheks suuremaks kui ekraan võimaldab */
}

/* Kui ekraan hakkab kitsenema, dropdown käitub nagu artiklid */
@media (min-width: 1025px) and (max-width: 1404px) {
  .dropbtn, .dropdown-content {
    /*width: 30vw; /* Võtab umbes sama ruumi nagu üks artiklitest */
    width: calc(100%);
    /*min-width: 280px; /* Väldib liiga kitsaks muutumist */
    /*max-width: 380px; /* Ei lase liiga laiaks minna */
  }
}

/* Kui ekraan läheb alla 1024px, võtame umbes poole ekraani laiuse */
@media (max-width: 1024px) {
  .dropbtn, .dropdown-content {
   /* width: 45vw; */
    width: calc(100%);
    /*min-width: 300px;*/
  }
}

/* Kui ekraan on väiksem kui 768px, võtab täislaiuse */
@media (max-width: 768px) {
  .dropbtn, .dropdown-content {
    width: 100%;
    max-width: none;
  }
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: calc(100% - 10px);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: 1px solid #333333;
  /* margin-left: 16px */
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #333333;
    padding: 4px 10px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    font-size: 16px;
}

/* Change color of dropdown links on hover 
.container .dropdown-content a:hover {
background-color: #0056b3; 
color: #fff;
text-decoration: none;
} */

.blog-menu-item:hover .menu-link {
background-color: #0056b3; 
color: #fff;
text-decoration: none;
}

/* Muudetud: Eemaldab mummud (list-style) */
.dropdown-content ul { 
  list-style: none; /* Eemaldab mummud */
  padding: 0; /* Eemaldab vaikimisi padja */
  margin: 0; /* Eemaldab vaikimisi marginaali */
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* tags-blog lehelt siia toodud lõpp */

/* SEARCH */
@media screen and (max-width: 752px) {
  .search {
    margin-right: 40px;
  }
}

.search-inner {
  display: inline-block;
  vertical-align: middle;
}

.search-mobile {
  display: none;
}

.search-left .search-input {
  width: 128px;
  padding: 7px 10px;
  font-family: inherit;
  font-size: 14px;
  border: 1px solid #787878;
  border-radius: 3px;
}

.search-right .search-submit {
  vertical-align: middle;
}

/* FORMS */
.content-formatted form {
  max-width: 100%;
  margin-top: 25px;
  clear: both;
}

.content-formatted .form_field,
.content-formatted .edy-fe-label {
  font-size: 16px; /* oli 14px; */
}

.content-formatted .form_field {
  padding-top: 10px;
  padding-bottom: 10px;
}

.content-formatted .form_field .additional-help { /*vt seda! */
  padding-top: 10px;
  padding-bottom: 10px;
}

.content-formatted .form_field:first-child {
  padding-top: 0;
}

.content-formatted .form_field:last-child {
  padding-bottom: 0;
}

.content-formatted .form_field_required .form_field_label:after {
  content: '*';
}

.content-formatted label {
  display: block;
}

.content-formatted .form_field_label,
.content-formatted .edy-fe-label {
  font-weight: 700;
  font-family: inherit;
  line-height: 1.5; /*enne oli 1.3 *, vahepeal 2-mida mõjutas?/
    font-size: 1.0rem; /*muutsin */
    letter-spacing: .5px; /*muutsin */
    padding-bottom: 10px;
}

.content-formatted .form_field_textfield,
.content-formatted .form_field_textarea,
.content-formatted .form_field_select,
.content-formatted .form_field_file { /* eemaldasin siit .content-formatted .form_submit input */
  font-family: inherit;
  font-size: 16px; /* enne oli 14px */
}

.content-formatted .form_submit input {
  font-family: inherit;
 font-size: 16px; /* enne oli 14px */
  padding: 10px 16px; /* lisatud 18.03 */
  font-weight: 700; /* lisatud 18.03 */
  margin-top: 30px; /* lisatud 18.03 */
  transition-duration: 0.2s;  /* lisatud 18.03 */
  cursor: pointer;  /* lisatud 18.03 */
 /* background-color: var(--secondary-color); */
 /* color: white; */
}

.content-formatted .form_field_textfield,
.content-formatted .form_field_textarea,
.content-formatted .form_field_select,
.content-formatted .form_field_file {
  max-width: 100%;
}

.content-formatted .form_field_textfield,
.content-formatted .form_field_textarea {
  width: 280px;
  margin: 0;
  padding: 7px;
  border: 1px solid #787878;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 420px) {
  .content-formatted .form_field_textfield,
  .content-formatted .form_field_textarea {
    width: 100%;
  }
}
.content-formatted .form_field_textfield:hover,
.content-formatted .form_field_textfield:focus,
.content-formatted .form_field_textfield_select:hover, 
.content-formatted .form_field_textfield_select:focus, {
    box-shadow: 0 0 3px 3px #86b7fe;
    background-color: #fff;
    color: #0056b3;
}

.content-formatted .form_field_textarea {
  min-height: 98px;
}

.content-formatted .form_field_size_medium {
  width: 420px;
}

@media screen and (max-width: 420px) {
  .content-formatted .form_field_size_medium {
    width: 100%;
  }
}

.content-formatted .form_field_size_large {
  width: 580px;
}

.content-formatted .form_submit {
  margin-top: 10px;
}

.editmode .dark-background .content-formatted .form_submit input[disabled="disabled"] {
  color: red; /* enne oli white */
}

.content-formatted .form_error,
.content-formatted .form_field_error {
  color: #cc0000;
}

.content-formatted .form_error {
  color: #cc0000;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.5; /*enne oli 1.3 *, vahepeal 2-mida mõjutas?/
    font-size: 1.0rem; /*muutsin */
    letter-spacing: .5px; /*muutsin */
    padding-bottom: 10px;
}

.content-formatted .form_field_with_errors .form_field_textfield,
.content-formatted .form_field_with_errors .form_field_textarea {
  border: 1px solid #cc0000;
}

.content-formatted .form_notice {
  color: ##55bc2f; /* enne oli #60a740 */
  font-size 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.entering {
    font-family: inherit;
    font-size: 16px;
    padding: 7px 16px;
    font-weight: 700;
    transition-duration: 0.2s;
    cursor: pointer;
    background-color: #0092E1;
    color: #fff;
    border: 2px solid #0092E1;
    border-radius: 4px;
    margin-left: 8px;
}

.entering:hover {
    background-color: #41b0ee;
    color: white;
    border: 2px solid #41b0ee;
    font-weight: bold;
}


/* COMMENTS */
.comments {
  margin-top: 50px;
  display: none; /* VORMID   vt hiljem, kas see mõjutab form-i */
}

.comments .comment-title,
.comments .comment,
.comments .comment-form {
  margin-top: 25px;
}

.edys-gallery-wall-item {
    pointer-events: none;
}

.edys-gallery-wall-item .content-banner-sinine-2 {
    pointer-events: none;
    float: none;
}

/* FOOTER */
.footer {
  margin-top: 50px;
}

@media screen and (max-width: 752px) {
  .footer {
    margin-top: 35px;
  }
}

.footer .content-formatted {
  font-size: 16px;
  line-height: 1.5;
}

ul.menu-footer {
    margin-left: 0px;
    padding: 0;
    list-style: none outside;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
   }
   
@media screen and (max-width: 998px) {    /* jalusemuutus mobiilile */
  ul.menu-footer {
    margin-left: 16px;
    display: block;
   }
}

@media screen and (max-width: 1230px) {    /* jalusemuutus mobiilile */
  ul.menu-footer {
    margin-left: 16px;
   }
}
   
.menu-footer .bold-item {
  font-weight: bold;
} 

.menu-footer .regular-item {
  font-weight: normal;
}
   
ul.menu-footer li {
    margin: 16px 16px 16px 4px;
}

.footer .content-formatted .edy-texteditor-view {
  min-height: 18px;
}

.footer .voog-reference {
  margin-top: 30px;
}

.footer .voog-reference a {
  display: inline-block;
  padding: 7px 9px;
  font-size: 10px;
  color: #727272;
  opacity: .75;
  line-height: 1;
  background-color: white;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.footer .voog-reference a:hover {
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.75);
}

.signout-btn-wrap {
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 10000;
  white-space: nowrap;
  background-color: #eeeeee;
  height: 35px;
  border-radius: 3px;
  text-align: center;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.signout-btn-wrap:hover {
  background-color: #c4c4c4;
}

.signout-btn-wrap .signout-link {
  position: relative;
  z-index: 10;
  display: block;
  padding: 0 10px;
}

.signout-btn-wrap .signout-name {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  font-family: "Avenir Next", "AvenirX";
  line-height: 37px;
  padding-left: 8px;
  color: rgba(27, 33, 36, 0.8);
}

.signout-btn-wrap .signout-name:hover {
  color: rgba(27, 33, 36, 0.9);
}

.signout-btn-wrap .signout-ico {
  height: 35px;
  display: inline-block;
  color: rgba(27, 33, 36, 0.7);
}

.signout-btn-wrap .signout-svg {
  margin-top: 3px;
}

.bg_img-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.item-top {
  position: relative;
  position: relative;
  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;
  margin-top: 10px;
}

.item-top::before {
  display: block;
  width: 100%;
  padding-top: 100%;
  content: '';
}

.item-top > .aspect-ratio-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.editmode .item-top:not(.without-pointer) {
  cursor: pointer;
}

.item-top:hover .btn,
.item-top:hover .custom-btn {
  opacity: 1;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}

.item-top .custom-btn,
.item-top .btn {
  opacity: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}

.item-top .btn {
  padding: 0;
  background-color: #1B2124;
  border: 0;
}

.item-top .btn:hover svg {
  opacity: .7;
}

.item-top .bg-crop-btn {
  height: 40px;
  width: 45px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
  color: #ffffff;
}

.item-top .bg-crop-btn.is-visible {
  display: block;
}

.item-top .bg-crop-btn.is-hidden,
.without-image .editmode .item-top .bg-crop-btn {
  display: none;
}

.without-image .item-top {
  background-color: #ffffff;
  background-image: url("../assets/ico-placeholder.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.item-top .top-inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  height: 100%;
  width: 100%;
  background: transparent;
}

.without-image .editmode .item-top .top-inner {
  border: none;
}

.cms-blog-article-add-button .item-top .top-inner {
  border: none;
}

.item-top .edy-img-drop-area {
  opacity: 1;
}

.item-top .image-drop-area {
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.item-top .image-drop-area.not-cropped {
  background-size: contain !important;
}

.item-top .image-drop-area.is-cropped {
  background-size: cover !important;
}

.item-top .image-drop-area:not(.active) {
  border: none;
}

.item-top .image-drop-area:hover .btn {
  opacity: 1;
}

.item-top .image-drop-area .edy-img-drop-area-remove-image {
  display: none !important;
}

.item-top .image-drop-area .edy-img-drop-area-placeholder {
  color: #000000;
}

@media screen and (max-width: 480px) {
  .item-top .image-drop-area .edy-img-drop-area-placeholder {
    font-size: 13px;
    margin-top: 48px;
  }
}

@media screen and (min-width: 481px) {
  .item-top .image-drop-area .edy-img-drop-area-placeholder {
    font-size: 16px;
    margin-top: 64px;
  }
}

.item-image {
  border: 0;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.item-image.not-cropped {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain;';
}

.item-image.is-cropped {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.item-list-page .item-image {
  display: block;
}

.item-placeholder {
  width: 100%;
  padding: .5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-item-box:hover .image_settings {
  opacity: 1;
  pointer-events: all;
}

.image_settings {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -20px;
  z-index: 1;
  opacity: 0;
  width: 100%;
  pointer-events: none;
}

.image_settings-buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  background: black;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.image_settings-buttons .image_settings-button,
.image_settings-buttons .image_settings-remove,
.image_settings-buttons .image_settings-expand {
  width: 24px;
  height: 24px;
}

.image_settings-buttons .image_settings-button:hover,
.image_settings-buttons .image_settings-remove:hover,
.image_settings-buttons .image_settings-expand:hover {
  opacity: .7;
}

.image_settings-buttons .image_settings-button {
  background-image: url("../assets/ico-settings.svg");
}

.image_settings-buttons .image_settings-expand {
  background-image: url("../assets/ico-expand.svg");
  width: 18px;
  height: 18px;
}

.image_settings-buttons .image_settings-remove {
  background-image: url("../assets/ico-delete.svg");
}

.settings_popover {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3;
  -o-transition: opacity 0.3;
  transition: opacity 0.3;
  background: white;
  padding: 16px;
  position: absolute;
  top: 48px;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.settings_popover-arrow--up {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 128px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.settings_popover-arrow--up:after {
  position: absolute;
  z-index: 56501;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
  border-color: transparent;
  border-width: 16px;
  content: '';
  border-top-color: #fff;
  -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.05));
}

.settings_popover.active {
  opacity: 1;
  pointer-events: all;
}

.form_field-cms {
  margin-bottom: 0;
  padding: 11px 16px;
  resize: none;
  min-height: auto;
  font-family: "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: cubic-bezier(0.1, 0.6, 0, 1);
  -o-transition: cubic-bezier(0.1, 0.6, 0, 1);
  transition: cubic-bezier(0.1, 0.6, 0, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  position: relative;
}

.form_field-cms:hover {
  border-color: #ccc;
}

.form_field-cms label {
  pointer-events: none;
  position: absolute;
  top: 16px;
  left: 9px;
  font-size: 14px;
  font-weight: inherit;
  white-space: nowrap;
  padding: 0 8px;
  background-color: transparent;
  line-height: 16px;
  color: #8d9091;
  -webkit-transition: cubic-bezier(0.1, 0.6, 0, 1);
  -o-transition: cubic-bezier(0.1, 0.6, 0, 1);
  transition: cubic-bezier(0.1, 0.6, 0, 1);
}

.form_field-cms input::-webkit-input-placeholder {
  color: transparent;
}

.form_field-cms.with-input label {
  top: -8px;
  font-size: 12px;
  font-weight: 600;
  background-color: #fff;
  color: #000;
}

.form_field-cms input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font: inherit;
}

.form_field-cms label,
.form_field-cms input {
  color: black;
}

.product_item-wrap .product_item-title,
.product_item-wrap .product_item-btn,
.product_item-wrap .product_item-price {
  color: var(--primary-color);
  font-size: 18px;
  line-height: 1.3;
  word-break: break-word;
}

.dark-background .product_item-wrap .product_item-title, .dark-background
.product_item-wrap .product_item-btn, .dark-background
.product_item-wrap .product_item-price {
  color: var(--fourth-color);
}

.product_item-wrap .product_item-btn {
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
  top: 0;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.product_item-wrap .product_item-price {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  pointer-events: all;
  top: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--secondary-color);
}

.product_item-wrap:hover .product_image,
.product_item-wrap:hover .item-top,
.product_item-wrap:hover .product_item-title {
  -webkit-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: .7;
}

.product_item-wrap:hover .product_item-price {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.product_item-wrap:hover .product_item-btn {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

.product_item-details {
  position: relative;
  overflow: hidden;
  font-size: 16px;
}

.product_item-details a {
  color: var(--primary-color);
}

.product_item-details--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product_item-btn {
  cursor: pointer;
}

.product_item-btn:hover {
  opacity: .7;
}

.product_alt-attr {
  display: none;
}

.with-image .product_alt-attr {
  display: block;
}

.product-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product-content .flex_row-2--item-60,
.product-content .flex_row-2--item-40 {
  max-width: 100%;
}

.product-content .flex_row-2k--item-70,
.product-content .flex_row-2k--item-30 {
  max-width: 100%;
} /* tegin juurde 11.03  */

@media screen and (min-width: 752px) {
  .product-content .flex_row-2--item-40 > .flex_col {
    position: -webkit-sticky;
    position: sticky;
    top: 104px;
    z-index: 10601;
  }
}

@media screen and (min-width: 752px) {
  .product-content .flex_row-2k--item-30 > .flex_col {
    position: -webkit-sticky;
    position: sticky;
    top: 104px;
    z-index: 10601;
  }
} /* tegin juurde 11.03  */

.product-content .edy-buy-button-container {
  margin: 24px 0;
}

.edy-buy-button.custom-btn { /* lisasin 03.03 */
    font-family: inherit;
    cursor: pointer;
    /* border: 0; */
    position: relative;
    border: 1px solid;
    border-color: var(--third-color);
    border-radius: 4px;
}

.product-content .without-images .item-top {
  background-image: url("../assets/ico-placeholder.svg");
  background-color: #F2F2F2;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.product-content .product-gallery {
  margin-top: 10px;
}

.product-description {
  margin-bottom: 24px;
}

.product-price {
  padding: 8px 0 24px 0;
}

.product-price {
    display: flex;
    align-items: flex-end; /* center - Joondab elemendid vertikaalselt keskele */
    gap: 12px; /* Lisab väikese vahe ikooni ja teksti vahele */
}

.product-price img {
    width: 40px; /* Vajadusel kohanda ikooni suurust */
    height: auto;
}

.product-price .product-price-original {
  display: inline-block;
  padding-right: 4px;
  opacity: .4;
}

.product-price .product-price-final {
  display: inline-block;
}

.dark-background .edy-product-widget-filter-sort,
.dark-background .edy-product-widget-filter-search-input {
  opacity: .7;
}

.dark-background .edy-product-widget-filter-label {
  opacity: .5;
}

.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex_auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.flex_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 752px) {
  .flex_row.reverse-col-tablet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.flex_row-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_row-3--item {
  width: 33%;
  margin-bottom: 32px;
}

@media screen and (max-width: 900px) {
  .flex_row-3--item {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .flex_row-3--item {
    width: 100%;
  }
}

.flex_row-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_row-2k {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
} /* lisasin 11.03 */

.flex_row-2--item-60 {
  width: 60%;
  margin-bottom: 32px;
}

.flex_row-2--item-40 {
  width: 40%;
  margin-bottom: 32px;
}

.flex_row-2k--item-30 {
  width: 30%;
  margin-bottom: 32px;
  
} /* lisasin 11.03 */

.flex_row-2k--item-70 {
  width: 70%;
  margin-bottom: 32px;
}  /* lisasin 11.03 */

@media screen and (max-width: 752px) { /* oli max-width: 480px */
  .flex_row-2--item-60 {
    width: 100%;
  }
}

@media screen and (max-width: 752px) { /* oli max-width: 480px */
  .flex_row-2--item-40 {
    width: 100%;
  }
} 

@media screen and (max-width: 752px) { /* oli max-width: 480px */
  .flex_row-2k--item-30 {
    width: 100%;
  }
}  /* lisasin 11.03 */

@media screen and (max-width: 752px) { /* oli max-width: 480px */
  .flex_row-2k--item-70 {
    width: 100%;
  }
}  /* lisasin 11.03 */


.mar_0-16-neg {
  margin: 0 -16px;
}

.mar_0-32-neg {
  margin: 0 -32px;
}

.mar_0-16 {
  margin: 0 16px;
}

.mar_0-32 {
  margin: 0 32px;
}

.mar_32-0 {
  margin: 32px 0;
}

@media screen and (max-width: 900px) {
  .mar_32-0 {
    margin: 16px 0;
  }
}

.mar_b-32 {
  margin-bottom: 32px;
}

@media screen and (max-width: 900px) {
  .mar_b-32 {
    margin-bottom: 16px;
  }
}

.mar_t-16 {
  margin-top: 16px;
}

.mar_r-8 {
  margin-right: 8px;
}

.mar_t-32 {
  margin-top: 32px;
}

@media screen and (max-width: 900px) {
  .mar_t-32 {
    margin-top: 16px;
  }
}

.pad_0-4 {
  padding: 0 4px;
}

.pad_16-0 {
  padding: 16px 0;
}

.of-hidden {
  overflow: hidden;
}

.p-abs {
  position: absolute;
}

.p-rel {
  position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast !important;
  }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    img {
      image-rendering: unset !important;
    }
  }
}

.text-in-line {
  position: absolute;
  display: table;
}

/* donation areas and categories */

/* @media screen and (max-width: 1200px) {
    .donation-areas {
        padding-top: 0px;
        margin-left: 20px;
        margin-right: 20px;
    }
} */

@media screen and (max-width: 768px) {
    .donation-areas {
        padding-top: 20px;
    }
}

/* @media screen and (min-width: 768px) {
  .progress-bar-wrapper {
        max-width: 75%;
    }
}

@media screen and (min-width: 998px) {
  .progress-bar-wrapper {
        max-width: 65%;
    }
} */

.edy-ecommerce-shopping-cart-button {
    font-weight: bold;
}

html body .edy-ecommerce-shopping-cart-button {
  border-bottom: 1px solid #000;
 /*  padding-left: 0; /* nullime eelmise katse */
  display: flex;
  align-items: center;
  justify-content: center; /* hoiab sisu keskel */
  gap: 5px;  /*väike vahe teiste elementidega */
}

html body .edy-ecommerce-shopping-cart-button::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url("https://seb-heategevusfond.voog.com/assets/gift.svg");
  background-size: contain;
  background-repeat: no-repeat;
   /* nihutame ikooni eraldi */
  margin-right: 15px;   /* viib ikooni 10px vasakule */
  transform: translateY(-5%); /* viib 10px üles */
}

@media (max-width: 996px) {
  body .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-top-outer .edy-product-widget-item-top {
    width: auto;
  }
}

/* progress-bar start*/
  .donation-icon {
    width: 72px;
    height: 72px;
    margin-left: 20px;
  }

  @media (min-width: 753px) and (max-width: 900px) {
    .donation-icon {
     display: none;
    }
  }
 
  @media (min-width: 900px) and (max-width: 1025px) {
    .donation-icon {
      margin-left: 10px;
  }
  }
 /*  @media (max-width: 800px) {
    /* Vähenda teksti suurust progress-bari sees 
    #reserved-amount,
    #target-summa {
      font-size: calc(100% - 2px); vähendab fonti 2px võrra */
   

/* progress-bar end*/

body .edy-react-root .form-group__TE8VH .col__gMPVZ .stretch__S3OBL {
  display: none;
}