/* ======================================
   AGENDA RASPIPHIL V2
   THEME SOMBRE
====================================== */


/* CONTENEUR */

.page-container {
    color:#ffffff;
}


/* TITRES */

.page-container h1,
.page-container h2,
.page-container h3 {
    color:#ffffff;
}



/* ==========================
   FORMULAIRE ADMIN
========================== */


.agenda-form {

    max-width:700px;

}


.agenda-form label {

    display:block;

    margin-top:15px;

    margin-bottom:5px;

    color:#cccccc;

    font-weight:bold;

}



.agenda-form input,
.agenda-form textarea,
.agenda-form select {


    width:100%;

    padding:10px;

    background:#222222;

    color:#ffffff;

    border:1px solid #555;

    border-radius:6px;


}



.agenda-form textarea {

    min-height:120px;

}



.agenda-form option {

    background:#222222;

    color:#ffffff;

}



/* ==========================
   CARTES EVENEMENTS ADMIN
========================== */


.agenda-card {


    background:#1b1b1b;

    color:#ffffff;

    padding:20px;

    margin:20px 0;

    border-radius:12px;

    border:1px solid #444;

}



.agenda-card h3 {

    color:#ffffff;

}



.agenda-card p {

    color:#dddddd;

    font-size:16px;

}



/* Image */

.agenda-card img {

    max-width:220px;

    border-radius:10px;

    margin:10px 0;

}



/* ==========================
   PUBLIC AGENDA
========================== */


.agenda-public-card {


    background:#1b1b1b;

    color:#ffffff;

    padding:20px;

    border-radius:12px;

    margin-bottom:20px;

    border:1px solid #444;

}



.agenda-public-card h1,
.agenda-public-card h2 {

    color:#ffffff;

}



.agenda-public-meta {


    background:#252525;

    padding:15px;

    border-radius:8px;

}



.agenda-public-meta p {

    color:#eeeeee;

}



.agenda-public-description {


    background:#222222;

    color:#ffffff;

    padding:15px;

    border-left:5px solid #3498db;

    margin-top:15px;

}



/* ICONES */

.agenda-public-icon {

    font-size:45px;

}



/* IMAGE */

.agenda-image {

    text-align:center;

    margin-bottom:20px;

}



.agenda-image img {

    max-width:600px;

    width:100%;

    border-radius:10px;

}



/* ==========================
   IMPORTANT
========================== */


.badge-important {


    display:inline-block;

    background:#c0392b;

    color:#ffffff;

    padding:6px 12px;

    border-radius:20px;

}



/* ==========================
   PARTAGE
========================== */


.agenda-share {


    background:#252525;

    padding:15px;

    margin-top:20px;

    border-radius:8px;

}



.agenda-share h3 {

    color:#ffffff;

}



.agenda-share input {


    width:100%;

    background:#111111;

    color:#ffffff;

    border:1px solid #555;

    padding:10px;

}



/* ==========================
   BOUTONS
========================== */


.agenda-card .btn,
.agenda-public-card .btn {


    display:inline-block;

    margin-top:10px;

    margin-right:8px;


}



/* ==========================
   MOBILE
========================== */


@media(max-width:700px){


.agenda-public-header {

    text-align:center;

    flex-direction:column;

}


.agenda-card,
.agenda-public-card {

    padding:15px;

}


}