/*
* @package Aaika
* @copyright (C) 2017 by Joomlastars - All rights reserved!
* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)
* @author Joomlastars <author@joomlastars.co.in>
* @authorurl <http://themeforest.net/user/joomlastars>
*/

/* You can add new css here */
div.slide-up {
  height:200px;
  overflow:hidden;
}
div.slide-up p {
  animation: 10s slide-up;
  margin-top:0%;
}

@keyframes slide-up {
  from {
    margin-top: 100%;
    height: 300%; 
  }

  to {
    margin-top: 0%;
    height: 100%;
  }
}

.notify-blink {
  display: inline-block;
  background-color: #fffa90;
  color: #d80000;
  font-weight: bold;
  padding: 4px 10px;
  border: 1px solid #d80000;
  border-radius: 4px;
  animation: blinkAnim 1s step-start infinite;
}

@keyframes blinkAnim {
  50% {
    opacity: 0;
  }
}

@keyframes blink-color { 0%{color:#222} 50%{color:#ff4500} 100%{color:#222} }

.blink-flash {
  animation: blink-color 1s steps(2, start) infinite;
}

@keyframes blink-color {
  0%   { color: #111; }      /* starting color */
  50%  { color: #e63946; }   /* blink color */
  100% { color: #111; }      /* back to starting color */
}