/**
 * @package Xpert CountDown
 * @version 1.2
 * @author ThemeXpert http://www.themexpert.com
 * @copyright Copyright (C) 2010 - 2014 ThemeXpert
 * @license http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3 only
 *
 */



/*Default Style*/
#xcd-countdown{
  text-align: center;
}

.countdown-wrapper{padding: 15px;}

/*pretext/welcome text*/
.default .xcd-pretext {
  padding-bottom: 20px;
}
/*post text*/
.default .xcd-posttext {
  padding-top: 0;
}

/*countdown values*/
.default #xcd-display-event span {
  font-size: 50px;
  background: #2980b9;
  padding: 5px 15px;
  color: #fff;
  display: inline-block;
  margin: 10px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 50px;
}

/*Eventex Style Starts*/
.eventx {
  background: #2c3e50;
  padding: 25px;
}
.eventx .xcd-pretext {
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #fff;
}
.eventx .xcd-posttext {
  padding-top: 0;
  color: #fff;
}
.eventx #xcd-display-event {
}
.eventx #xcd-display-event p {
  display: inline-block;
  position: relative;
  margin: 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
}
.eventx #xcd-display-event p span {
  font-size: 60px;
  color: #fff;
  padding: 5px 10px;
}
.eventx #xcd-display-event p + p:before {
  content: ":";
  position: absolute;
  color: #fff;
  left: -20%;
  top: 0;
  display: block;
  font-size: 40px;
  line-height: 40px;
}
.eventx .countdown-wrapper {
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  padding: 25px 0;
}
.eventx .countdown-wrapper:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  height: 20px;
  width: 20px;
  background: #fff;
  margin-left: -10px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.eventx .countdown-wrapper:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  height: 20px;
  width: 20px;
  background: #fff;
  margin-left: -10px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}