/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.event--full {
  /* .bg-dotted {
     position: absolute;
     right: -40px;
     bottom: -40px;
     width: 319px;
     height: 264px;
     z-index: -1;
   }*/
}

.event--full .event__header {
  position: relative;
  width: 480px;
  margin: 0 auto 2rem;
  max-width: 100%;
}

.event--full .event__header h3 {
  margin-bottom: 0;
}

.event--full .header__inner {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
  padding: 2.5rem 2rem;
  position: relative;
  z-index: 2;
  background: #FFF;
}

.event--full .field--name-field-webinar-countdown-subtitle {
  font-family: "Lora";
  color: #46AEF8;
  margin-bottom: 2rem;
}

.event--full .event__countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  color: #F99D25;
  font-weight: 500;
}

.event--full .event__countdown > div {
  margin: 0 1rem 1rem;
}

.event--full .countdown__number {
  display: inline-block;
  font-size: 3.125rem;
  line-height: 0.8;
}

.event--full .countdown__label {
  font-size: 1.125rem;
}

.event--full .js-hidden {
  display: none;
}

.event--full .no-counter .field--name-field-event-start-date {
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
  padding-right: 20px;
}

.event--full .no-counter .field--name-field-event-start-date:before {
  content: url("/themes/custom/compony/components/node/node--event/node--event--full/dist/calendar.svg");
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -5px;
}

.event--full .no-counter .field--name-field-event-address {
  position: relative;
  padding-left: 20px;
  padding-bottom: 10px;
}

.event--full .no-counter .field--name-field-event-address:before {
  content: url("/themes/custom/compony/components/node/node--event/node--event--full/dist/pin.svg");
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -5px;
}

/*# sourceMappingURL=maps/node--event--full.css.map */