/**
 *
 * Custom css design which overwrites reveal.css file
 * Tested with white thème given by reveal repository
 * 
 * @author Justin Bussery <justin.bussery@cc.in2p3.fr>
 * @version 0.1
 * @copyright (C) 2016 Justin Bussery <justin.bussery@cc.in2p3.fr>
 * @license GNU
 */
 
@font-face { font-family: Serpentine; src: url(../font/serpentine-light.otf); }

/*********************************************
 * HEADER
 *********************************************/
.reveal header { 
    background-color: #52C3F1; 
    height: 40px; 
    color: white; 
    padding: 10px 10px 10px 50px;
}


/*********************************************
 * FOOTER
 *********************************************/
.reveal footer {
    position: fixed;
    bottom: 3px;
    z-index: 10;
    font-size: 14px;
    border-top: 1px solid grey;
    width: 100%;
    padding: 0px 30px 0px 30px;
    font-family: Helvetica, sans-serif;
    box-sizing: border-box;
} 

.reveal footer p {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    width: 35%;
}

.reveal footer .footer_date {
    text-align: center;
}

.reveal footer .footer_special {
    text-align: right;
    font-family: Serpentine;
    font-weight: bold; 
    font-size: 25px;
    width: 27%;
}


/*********************************************
 * FIRST SLIDE
 *********************************************/
.reveal .first_header {
    display: none;
}

.reveal .first_header div { 
    background-color: #52C3F1; 
    color: white; 
    padding: 10px 50px 10px 50px;
    right: 0;
    top: 10%;
    font-size: 65%;
    position: fixed;
}

.reveal .first_header img {
    width: 100%;
    max-width: 100%;
    max-height: 350px;
}

.reveal .first_footer {
    display: none;
    position: fixed;
    bottom: 3px;
    box-sizing: border-box;
    width: 100%;
}

.reveal .first_footer img:first-child {
    width: 160px;
    display: inline-block;
    padding-left: 15px;
}
.reveal .first_footer img:last-child {
    width: 70px;
    display: inline-block;
    right: 5%;
    position: fixed;
}

.reveal .slides .first_section {
    top: 40%!important;
    text-align: right;
}

.reveal .slides .first_section h1 {
    color: #52C3F1;
}

.reveal .slides .first_section h3 {
    color: grey;
}


/*********************************************
 * SLIDE NUMBER
 *********************************************/
.reveal .slide-number {
    height: 15px;
    width: 3%;
    color: #fff;
    background-color: #52C3F1;
    bottom: 3px;
    right: 0;
    text-align: center;
    padding: 17px 0 0 0 ;
    line-height: 0;
}

.reveal .slide-number span {
    font-weight: bold;
}


/*********************************************
 * SLIDE CONTROLS
 *********************************************/
.reveal .controls {
    bottom: 30px;
}


/*********************************************
 * SLIDES
 *********************************************/
.reveal .slides .slide_title {
    width: 0;
    height: 0;
    display: none;
}

.reveal .slides img {
    background: none;
    border: none;
    box-shadow: none;
}

.reveal .slides p { 
    text-align: left;
}

.reveal .slides ul { 
    width: 100%;
}

.reveal .slides li>ul>li {
    font-size: 30px;
}

.reveal .slides pre { 
    width: 100%;
}