header#header
{
    max-height:100px;
    height:100px;
}

main > .container 
{
    padding: 60px 15px 0;
}


body {
    background-color: #424242;
    background-image: linear-gradient(to bottom, #424242, #212121);
    color: #ffebee;
  }

nav, footer {
    background-color: #212121;
}

header nav, header nav .brand-logo{
    height:100px;
}
#logoSite{
    max-height: 100px;
    vertical-align: middle;
    width: auto;
}

.card-content
{
    color: #212121;
}

a {
    color: #ff0000;
}

.websiteColor{ color: darkred; }
.facebookColor{ color: #1877F2; }
.youtubeColor{ color: #FF0000; }
.instagramColor{ color: #E4405F; }
.dailyMotionColor{ color: #00ADEF; }
.tiktokColor{ color: #000; }
.twitterColor{ color: #1DA1F2; }
.linkedinColor{ color: #0077B5; }
.pinterestColor{ color: #E60023; }
.flickrColor{ color: #0063DC; }
.wikipediaColor{ color: #0066CC; }

#socialBlock a{
    border: 2px solid transparent;
    display: inline-block;
    padding: 0.4rem;
}
#socialBlock a:hover{
    border: 2px solid #ff0000;
}

#mapContainer
{
  padding: 0.5rem;
  border-radius: 16px;
  border-right: 5px solid #b71c1c;
  border-bottom: 3px solid #b71c1c;
}  

#map{
    border-radius: 16px;
}

.leaflet-div-icon {
    text-align: center;
    line-height: 1;
    color: #b71c1c;
    background-color: transparent !important;
    border: none!important;
}

#mentionsLegalesBtn
{
    color:#ccc;
}

.card .card-title{
    color: #b71c1c;
    text-align: center;
}

.leaflet-top, .leaflet-bottom{
    z-index: 999!important;
}

.clearfix{
    clear: both;
}

#accueilH1
{
    font-size: 1.2rem;
}

.shojumaru{
    font-family: 'Shojumaru', cursive;
}

.dropdown-content li>a, .dropdown-content li>span, .collection a.collection-item, .collection .collection-item
{
    color: #b71c1c;
}

h1{
    font-size: 2.5rem;
    text-align: center;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

img.logoClub{
    max-width: 100%; 
    height: auto; 
    margin: auto;
}

button, a.btn, a.btn-flat{
    border-top-left-radius: 8px;
}

img.imgDojo{
    padding: 0.5rem;
    border-radius: 16px;
    border-left: 3px solid #b71c1c;
    border-top: 1px solid #b71c1c;
    border-bottom: 1px solid #b71c1c;
}

.breadcrumbs{
    padding:0;
    margin:15px 0;
    list-style:none
}
.breadcrumbs>li{
    display:inline-block
}
.breadcrumbs>li+li:before{
    padding:0 5px;
    color:#ccc;
    content:">"
}
.breadcrumbs .active{
    font-weight:normal;
    color:#999
}
.breadcrumbs-title{
    font-size:1.5rem;
    line-height:1.804rem;
    margin:18px 0 0
}
.breadcrumbs-nav{
    margin:8px 0 9px
}
.breadcrumb a{
    color: #ffebee;
}
.breadcrumb a:hover{
    color: #b71c1c;
}
.breadcrumb .divider{
    background: transparent;
    padding-left:0.2em;
    padding-right:0.2em;
}


@media only screen and (max-width: 992px)
{
    nav .brand-logo {
        left: 35%!important;
    }
}
    
.btn80{
    margin-left: 10%;
    width: 80%;
}

.btn.red.darken-4.waves-effect.waves-light:hover{
    background: #d32f2f!important;
    color: #ffebee!important;
}

ul.breadcrumb{
    display: flex;
}

.flowroot{
    display:flow-root
}

h1{
    margin-top: 0.4em!important;
}

.modal-content p, .modal-content h4 {
    color: #555;
}