.newsletter-box .btn {background: #000; height: 3em; border: none; border-radius: 0;}
.newsletter-box .inp {background: #fff; height: 3em; border: none; color: #000;}
.newsletter-box .red {color: #ff0000;}
.newsletter-box .green {color: #00ff00;}

.darkmode .maileditor-container {color: #000;}

#newsletter-popup.hidden {bottom: -300px;}
#newsletter-popup {position: fixed; bottom: 20px; right: 20px; width: 500px; background-color: white; border-radius: 5px; box-shadow: 0 0px 20px rgba(0,0,0,0.4);
   padding: 20px; z-index: 1000; display: block; transition: 0.3s ease-out; text-align: left; max-width: 100vh;}
#newsletter-popup .btn {background: var(--main-color); color: #000; border: 1px solid var(--main-color); border-radius: 0 5px 5px 0; font-weight: bold;}
#newsletter-popup .inp {border: 2px solid var(--main-color);}
#newsletter-popup-close {position: absolute; top: 10px; right: 10px; cursor: pointer;}
#newsletter-popup .newsletter-box { margin-top:15px; }

@media screen and (max-width: 600px) {
#newsletter-popup {
  width: 100%;
  right: 0;
  bottom: 0;
}
/*
  #homepage_slider_bottom {height: 50px; padding: 15px;}
  .homepage_slider { height: calc(calc(100vh - var(--height-topmenu)) - 50px);}
*/
  
}