@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28 avr. 2015, 10:44:23
    Author     : gdeoliveira
*/
YucaConfig {
  content: "";
}

/* Customisation globale */
body {
  background-color: #dadada;
  background-image: none;
  background-size: cover;
}

.lte-ie8 body {
  -ms-behavior: url(/assets/backgroundsize.min.htc);
}

a {
  color: #ffffff;
}

.logo-yuca,
.light-back .logo-yuca {
  background-color: #2f2354;
}
.logo-yuca .font.customColor,
.light-back .logo-yuca .font.customColor {
  color: #2f2354;
}
.logo-yuca .vecto .customColor,
.logo-yuca .vecto .customColor *,
.light-back .logo-yuca .vecto .customColor,
.light-back .logo-yuca .vecto .customColor * {
  fill: #2f2354;
}

.header-link:before {
  border-left-color: #2f2354;
}

.with-link .header-link {
  color: #ffffff;
}
.with-link .header-link .link {
  background-color: #2f2354;
}
.with-link .header-link:hover {
  color: #2f2354;
}
.with-link .header-link:hover .link {
  background-color: #e54529;
}

.header .title {
  background-color: #2f2354;
}

/* remove .active car classe interferant avec le player */
.active-box, .room.active, .picto.active, .plugin.active {
  color: #2f2354;
  background-color: #2f2354;
}
.active-box > .button .font, .room.active > .button .font, .picto.active > .button .font, .plugin.active > .button .font {
  color: #ffffff;
}
.active-box > .button .vecto, .room.active > .button .vecto, .picto.active > .button .vecto, .plugin.active > .button .vecto {
  background-color: #2f2354;
}
.active-box > .button .vecto *, .room.active > .button .vecto *, .picto.active > .button .vecto *, .plugin.active > .button .vecto * {
  fill: #ffffff;
}

@media screen and (max-width: 479px) {
  .plugin.active .subplugin.single,
  .plugin.active .subplugin.active {
    color: #2f2354;
    background-color: #2f2354;
  }
  .plugin.active .subplugin.single > .button .font,
  .plugin.active .subplugin.active > .button .font {
    color: #ffffff;
  }
  .plugin.active .subplugin.single > .button .vecto,
  .plugin.active .subplugin.active > .button .vecto {
    background-color: #2f2354;
  }
  .plugin.active .subplugin.single > .button .vecto *,
  .plugin.active .subplugin.active > .button .vecto * {
    fill: #ffffff;
  }
}
.off {
  color: #ffffff;
  background-color: #2f2354;
}
.off > .button .font {
  color: #ffffff;
}
.off > .button .vecto * {
  fill: #ffffff;
}
.off > .button:hover {
  color: #2f2354;
  background-color: #e54529;
}
.off > .button:hover .font {
  color: #ffffff;
  background-color: #e54529;
}
.off > .button:hover .vecto {
  background-color: #e54529;
}
.off > .button:hover .vecto * {
  fill: #ffffff;
}
.off.single > .button:hover {
  color: #ffffff;
  background: none;
}
.off.single > .button:hover .font {
  color: #ffffff;
  background: none;
}
.off.single > .button:hover .vecto {
  background: none;
}
.off.single > .button:hover .vecto * {
  fill: #ffffff;
}

.rooms .room.off:hover {
  background-color: #e54529;
}

.block.timer .date:hover {
  background-color: #2f2354;
}

.block,
.light-back .block {
  color: #ffffff;
  background-color: #2f2354;
}

.room:hover {
  background-color: #e54529;
}
.room.active {
  background-color: #ffffff;
}

.sharers {
  border-top-color: #ffffff;
}

.footer-links .link:hover {
  color: #2f2354;
}

/* Customisation spécifique à la landing/company */
.event-block.pendant .info {
  color: #ffffff;
  background-color: #2f2354;
}
.event-block:hover .action {
  background-color: #2f2354;
}
.event-block:hover .poster:before {
  border-right-color: #2f2354;
}