/*GRAY THUNDER Y GRAY PUBLISHER*/
/*---------------------------------------------GRAY THUNDER--------------------------------------*/
 
:root {
    --main-bg-color: #696969;
    --second-bg-color: #9d9d9d;
    --third-bg-color: #545454;
    --third-bg-color-opacity: #6969692e;
    --foreground-text-color: #fff;
    --resources-bg-color: #afafaf;
}
 
#second_page .unit {
    border: 6px solid #aeaeae;
    background: #aeaeae;
}
 
#slider .unit {
    border: 6px solid #00122b;
    background: #00122b;
    color: var(--foreground-text-color);
}
 
#slider #third_page .unit_content {
    background: #aeaeae;
}
 
#slider #third_page .unit_content .activities-list .subunit:first-of-type {
    border-top: 1px solid var(--main-bg-color);
}
 
 
#slider #third_page .unit_content .activities-list .subunit {
    background: #9d9d9d;
    border: 1px solid var(--main-bg-color);
    color: #ffd5ff;
    border-left-width: 8px;
}
 
/*------------------------otros elementos---------------------------*/
 
/*flipbox*/
 
body:not(.edit) .bck-flipbox-face.front {
    border: 1px solid var(--main-bg-color);
    background: var(--main-bg-color);
}
 
body:not(.edit) .bck-flipbox-face.back {
      background: var(--second-bg-color);
}
 
/*audio*/
 
.body_clase #actividad .player.audio {
      background-image: none;
      background-color: transparent;
      border-radius: unset;
      cursor: pointer;
      border:0px;
    }
 
 
    .body_clase:not(.edit) #actividad .player.audio {
      height: auto !important;
      width: auto !important;
      vertical-align: baseline;
    }
    .body_clase:not(.edit) #actividad .slide-wrapper .player.audio.js-audio-player {
      text-decoration: none;
    }
    .body_clase #actividad .player.audio::before {
      font-family: FontAwesome;
      font-size: revert;
      font-weight: 400;
      content: "\f028";
      color: rgb(var(--main-color));
      text-decoration: none;
    }
    .body_clase #actividad .player.audio:hover {
      opacity: 0.7;
      color: #666;
    }
 
/*hover*/
    a:hover, a:active, a:focus, .info-button.fa-info:before, .info-icon.fa-info:before, .info-template div.info-title {
    color: #666;
}
 
/*---------------------------------------------GRAY PUBLISHER--------------------------------------*/
 
/*Logo navbar*/
.navbar-content:before {
    display: none;
}
 
/*Navbar*/
.slider-indicators li.active, 
.publisher-navbar li:hover, 
.publisher-navbar .dropdown button:hover {
    background-color: #909090;
    color: #FFF;
}
 
.publisher-navbar .dropdown button, 
.publisher-navbar li {
    color: #909090;
}
 
.publisher-navbar .dropdown .caret {
    border-color: #909090 transparent transparent transparent;
}
 
#top-navigator.show_right:after,
#top-navigator.show_left:before {
    color: #909090;
}
 
.publisher-navbar .dropdown li a {
    color: #909090;
}
 
/*----------------------ELEMENTOS----------------------*/
 
/*Desplegable*/
 
.bck-dropdown-content {
    background-color: #eaeaea;
}
 
/*Flipbox*/
 
body:not(.edit) .front .bck-flipbox-title, 
body:not(.edit) .front .bck-flipbox-section {
    color: #FFF;
}
 
body:not(.edit) .bck-flipbox-face.front {
    color: #fff;
    background-color: #aeaeae;
    border-color: #aeaeae;
}
 
body:not(.edit) .bck-flipbox-face.back {
    color: #414141;
    background-color: #eaeaea;
    border-color: #aeaeae;
}
 
body:not(.edit) .back .bck-flipbox-title, 
body:not(.edit) .back .bck-flipbox-section {
    color: #414141;
}