/*
Theme Name: Jupiter
Theme URI: http://themeforest.net/user/artbees
Author: Artbees
Author URI: http://themeforest.net/user/artbees
Version: 4.4.2
Description: A Beautiful, Professional and Ultimate Wordpress Theme Made by Artbees. Jupiter is a Clean, Flexible, fully responsive and retina ready Wordpress theme. Its smart and hand crafted environment allows you to Build outstanding websites easy and fast.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/*

Main Stylesheet file is located at stylesheet/css/styles.css

*/

.footer-notification {
  position: fixed;
  width: 100%;
  color: #FFF;
  display: none;
  z-index: 1000;
  bottom: 6.0em;
  left: 0px;
  margin:0px;
  padding: 0px;
  background: #f0a408;
}

.footer-notification .notification-icon {
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    z-index: 1001;
    display: none;
}

.footer-notification .notifcation-content-wrapper {
    position: relative;
  }

.footer-notification .notification-content {
    width:100%;
    background: #f0a408;
    margin: 0px;
    padding: 0px;
    position: absolute;
    min-height:6.0em;

  }

.footer-notification .close {
    position: absolute;
    right: 0.3em;
    top: 0.3em;
    padding: 0.2em 0.4em;
    color: #333;
    cursor: pointer;
    z-index: 1001;
  }

.footer-notification .notification-text {
    color: #FFF;
    position: relative;
    padding: 1.0em 1.5em 1.0em 1.0em;
    display: inline-block;
    cursor: pointer;
}

.footer-notification .notification-text-mobile {
    display: none;
    color: #FFF;
    position: relative;
    padding: 2.0em 1.0em 1.0em 2.0em;
}


@media screen and (min-width: 1280px) {
.footer-notification .notification-text {
    padding: 1.0em 1.0em 1.0em 1.0em;
    display: inline-block;
}

.footer-notification .notification-text-mobile {
    display: none;
    padding: 2.0em 1.0em 1.0em 2.0em;
}


}


@media screen and (min-width: 680px) and (max-width: 1279px) {


.footer-notification {
  bottom: 8.0em;
}

.footer-notification .notification-content {
    min-height: 8.0em;

  }


.footer-notification .notification-text {
    padding: 1.0em 1.5em 1.0em 1.0em;
    display: inline-block;
}

.footer-notification .notification-text-mobile {
    display: none;
    padding: 2.0em 1.0em 1.0em 2.0em;
}


}



@media screen and (min-width: 480px) and (max-width: 679px) {

.footer-notification {
  bottom: 5.5em;

}

.footer-notification .notification-content {
    min-height: 5.5em;
  }



.footer-notification .notification-text {
    padding: 2.0em 1.0em 1.0em 2.0em;
    display: none;
}

.footer-notification .notification-text-mobile {
    display: inline-block;
    padding: 0.5em 1.5em 0.5em 0.5em;
}




}




@media screen and (max-width: 479px) {

.footer-notification {
	bottom: 7.5em;
}

.footer-notification .notification-content {
    min-height: 7.5em;
}

.footer-notification .notification-text {
    padding: 2.0em 1.0em 1.0em 2.0em;
    display: none;
}

.footer-notification .notification-text-mobile {
    display: inline-block;
    padding: 0.5em 1.5em 0.5em 0.5em;
    line-height: 1.5em;
}



}