/**
 * weeblrAMP - Accelerated Mobile Pages for Wordpress
 *
 * @author       weeblrPress
 * @copyright    (c) WeeblrPress - Weeblr,llc - 2020
 * @package      AMP on WordPress - weeblrAMP CE
 * @license      http://www.gnu.org/copyleft/gpl.html GNU/GPL
 * @version      1.12.5.783
 *
 * 2020-05-19
 */
/*! Copyright WeeblrPress - Weeblr,llc @_YEAR_@ - Licence: http://www.gnu.org/copyleft/gpl.html GNU/GPL */

@import 'weeblramp_fe.lessinc';

/*************************************
*
* AMP Notifications
*
**************************************/

amp-user-notification {
  box-sizing: border-box;
  padding: 0;
  text-align: center;
}

amp-user-notification.amp-active {
  padding: 1em;
}

amp-user-notification.amp-active button {
  padding: 0.35em 0.5em;
  margin: 0 0.5em;
  font-size: 1em;
  font-weight: 700;
  border: none;
  border-radius: 0.2em;
}

.wbamp-notification-light {
  amp-user-notification {
    background: #ffffff;
  }

  button {
    background: #6e97cc;
    color: #FFFFFF;
    &:hover {
      background:#ffac2f;
      color: #333333;
    }
  }
}

.wbamp-notification-dark {
  amp-user-notification {
    background: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
  }

  button {
    background: #ffac2f;
    color: #333333;
    &:hover {
      background:#6E97CC;
      color: #FFFFFF;
    }
  }
}