/*Mailchimp email subscription added by HAM (01/07/2020) 

  For footer and popup */



@media (min-width: 1px){

  #mailchimp{ background-color: #081d14; font-size: 12px; overflow: hidden; padding: 30px 0px;}

  #mc-col {text-align: center; margin: 0% 20%; }

  .mc-join{ word-wrap: break-word; font-size: 20px; color: #5fe4a9; padding: 5px 0px; display: inline;}

  .mc-join-m{ word-wrap: break-word; font-size: 12px; color: #c9c9c9; padding-bottom: 10px; }

  #mc-embedded-subscribe-form{ padding: 2%; text-align: center; margin: 0 auto;}

  #mce-EMAIL{ padding: 5px; width: 60%; border-radius: 0px; border: none; }

  #mc-embedded-subscribe{ -webkit-appearance: none; -moz-appearance: none; padding: 5px; width: 63.5%; margin-top: 10px; font-size: 12px; color: #ffff; background-color: #c61118; border: none; cursor: pointer; border-radius: 0px; }

  .success-message { color: green; font-style: italic; margin-bottom: 1em; }

  .error-message { color: red; font-style: italic; margin-bottom: 1em; }



  /*Pop up*/

  #boxes #dialog { width: 315px; height: 350px; position: fixed; z-index: 9999; left:0; top: 0; bottom: 0; right: 0; margin: auto; }

  #boxes .window { text-align: center;}   

  #mailchimp-pops{ background-color: rgb(8,29,20,0.9) !important; background-color: rgb(8,29,20); font-size: 12px; overflow: hidden; padding: 25px 30px;}

  .mc-join-pops {display: block; padding: 0px; line-height: 1; word-wrap: break-word; font-size: 20px; color: #5fe4a9; text-align: center;}

  .mc-join-m-pops { word-wrap: break-word; font-size: 12px; color: rgb(255,255,255, 0.5) !important; color: rgb(255,255,255); padding: 10px;}

  .osren-popup {padding: 3%; margin: 0 auto; width: 120px ; display: block;}

  #email-pops {padding: 5px; border-radius: 0px; border: none; width: 80%; }

  #mc-embedded-subscribe-form-pops{ padding: 2%; text-align: center; margin: 0 auto;}

  #subscribe-pops {-webkit-appearance: none; -moz-appearance: none; padding: 5px; margin-top: 10px; font-size: 12px; color: #ffff; background-color: #c61118; border: none; width: 80.5%; cursor: pointer; border-radius: 0px;}

  .close-pop{ position: absolute; right: 4%; top: 6%; width: 32px; height: 32px; opacity: 0.5; cursor: pointer;}

  .close-pop:hover { opacity: 1;}

  .close-pop:before, .close-pop:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #ffffff; }

  .close-pop:before { transform: rotate(30deg); }

  .close-pop:after { transform: rotate(-30deg); }

  .success-message-pops { color: green; font-style: italic; margin-bottom: 1em; }

  .error-message-pops { color: red; font-style: italic; margin-bottom: 1em; }

  /*#mc-col-popup #mc-embedded-subscribe-form {text-align: center; margin: 0 auto; width: 100%}*/

  

}





@media (min-width: 480px) {

  .mc-join{ font-size: 22px; }

}





@media (min-width: 600px){

  #mc-embedded-subscribe { width: 62%; }



  /*Pop up*/

  #boxes #dialog { width: 440px;}

  #mailchimp-pops{ padding: 15px 30px; width: auto; height: auto;}

  .mc-join-pops { font-size: 25px; }

  #subscribe-pops {width: 80.5%;}

  .close-pop{ right: 0%; }

  #mc-col-popup{ height: auto; }



}





@media (min-width: 768px) {

  #mailchimp-signup { margin: 0 auto; width: 670px; }

  #mc-col{ width: 330px; float : left; padding-right: 70px; margin: 0%; text-align: unset;}

  #mc-embedded-subscribe-form {padding: 2% 0%; width: 220px; text-align: center; float: left; overflow: hidden;}

  #mc-embedded-subscribe { width: 100%; }

  #mce-EMAIL {width: 100%;}

  .mc-join{ word-wrap: break-word; font-size: 18px; color: #5fe4a9; padding: 0; display: inline; }

  .mc-join-m{ word-wrap: break-word; font-size: 12px; color: #c9c9c9; padding: 10px 10px 0px 0px;}



  /*Pop up*/

  #boxes #dialog { width: 500px;}

  #mailchimp-pops{ padding: 20px 30px 40px; }

  .mc-join-pops { font-size: 25px; display: block;}

  #email-pops{ width: 60%; }

  #subscribe-pops {width: 60.5%;}

  .mc-join-m-pops {padding: 10px 50px;}

  

}





@media (min-width: 1280px) {

  #mailchimp-signup { margin: 0 auto; width: 810px; }

  #mc-col{ width: 395px; float : left; padding-right: 70px; margin: 0%; text-align: unset;}

  #mc-embedded-subscribe-form {padding: 45px 0px 0px; width: 275px; text-align: center; float: left; overflow: hidden; margin: auto;}

  .mc-join { font-size: 33px; display: block; }



  /*Pop up*/

  #mc-embedded-subscribe-form-pops{ padding: 0px !important; }

}