/*
 * $Rev: 26 $
 */
@font-face {
    font-family: '24 Janvier';
    src: url('../fonts/24Janvier.eot');
    src: url('../fonts/24Janvier.eot?#iefix') format('embedded-opentype'),
    url('../fonts/24Janvier.woff2') format('woff2'),
    url('../fonts/24Janvier.woff') format('woff'),
    url('../fonts/24Janvier.ttf') format('truetype'),
    url('../fonts/24Janvier.svg#24Janvier') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: '24 Janvier';
    src: url('../fonts/24Janvier-Light.eot');
    src: url('../fonts/24Janvier-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/24Janvier-Light.woff2') format('woff2'),
    url('../fonts/24Janvier-Light.woff') format('woff'),
    url('../fonts/24Janvier-Light.ttf') format('truetype'),
    url('../fonts/24Janvier-Light.svg#24Janvier-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/**
 * Smooth scrolling on the whole document
 */
html {
    scroll-behavior: smooth;
}
/*
@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
*/
.hidden { display: none; }

.sidebar .nav-link {
    color: var(--dark);
    font-family: "24 Janvier";
    font-size:1.55em;
    font-weight:300;
}
.sidebar .nav-link:hover {
    background: var(--red);
    color: var(--white);
}
aside {
    background-color: var(--yellow);
}

.sidebar li.active a.nav-link {
    background-color: var(--blue);
    border-radius: 3px;
    color:var(--white);
}

/* ------------- */
div.mhd {
    height: 220px;
    display: none;
}
div.mhs {
    background-color: var(--blue);
    color:var(--white);
}

main section {
    padding: 3% 0;
    border-bottom: solid 1px var(--blue);
}

@media (min-width: 768px) {
    div.row.content {
        min-height: 600px;
    }
    div.mhd {
        display: flex;
    }
    div.mhs {
        display:none;
    }
    main section {
        min-height: 300px;
    }
}



div.blue {
    background-color: var(--blue);
    margin: 5% 0 5% -35%;
    padding: 3% 3% 1% 38%;
    border-radius: 3px;
    z-index : 0;
}

div.hd-right {
    background: url("hdr.jpg") no-repeat center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
img.hd.logo {
    width:160px;
    height:160px;
    border-radius:80px;
    background-color:var(--white);
    position:relative;
    z-index:10;
}

img.hs.logo {
    width:60px;
    height:60px;
    border-radius:30px;
    background-color:var(--white);
}

h1, h2, h3 {
    color:var(--red);
    font-family: "24 Janvier";
}

h4, h5, h6 {
      color:var(--blue);
      font-family: "24 Janvier";
      font-weight: 300;
  }

.mhs h1, .blue h1 {
    color:var(--white);
    font-size: 3em;
    font-weight:500;
}

.btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}
.btn-close:hover{color:#000;text-decoration:none;opacity:.75}
.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
/* .btn-close-white{filter:invert(1) grayscale(100%) brightness(200%) */
.btn-close{margin-right:-.375rem;margin-left:.75rem}
.btn-close{
    padding: .5rem .5rem;
    margin: -0.3rem -.3rem -.5rem auto;
    font-size: 80%;
}

div.required > label:before {
    content: "* ";
    font-weight: bold;
    color: var(--red);
}
div.error-message {
    margin-top: -4px;
    font-weight: bold;
    color : var(--red);
    font-size:90%;
}
.form-error{
    border-color: var(--red);
}

fieldset {
    border: solid 1px var(--blue);
    border-radius: 0.25rem;
    padding: 1rem;
}
legend {
    width: auto;
    max-width: none;
    margin: 0 1rem;
    padding: 0 1rem;
    color:var(--blue);
    font-family: "24 Janvier";
    font-weight: 400;
    font-size: 1.3rem;
}

#mngr_lnk {
    font-size:13px;
    color:#ccccaa;
}
#mngr_lnk:hover {
    color:var(--blue);
}

dl.mh {
    margin-top: 0.5em;
}
dl.mh > dt {
    width: 33%;
    min-width: 70px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-right: 3%;
}
dl.mh > dd {
    width: 66%;
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
}

/* MANAGER */
/*
@media (min-width: 768px) {
*/
#navbarCollapse  {
    z-index: 99;
    background-color: var(--blue);
}

@media (min-width: 768px) {
    #navbarCollapse {
        z-index: inherit;
    }
}

#navbarCollapse a {
    color:var(--light);
    font-weight: bold;
}
#navbarCollapse a:hover {
    color:var(--red);
}
#navbarCollapse .dropdown-menu a {
    color:var(--dark);
    font-weight: normal;
}
#navbarCollapse .dropdown-menu a:hover {
    color:var(--red);
}


a.asc:before {
    content: "\2191 ";
}
a.desc:before {
    content: "\2193 ";
    color:var(--dark);
}

td.td-list {
    font-size: 90%;
}
td.td-list ul {
    padding-inline-start: 20px;
    margin-block-end: 5px;
}
td.address {
    font-size: 90%;
}

td.counts {
    width: 17%;
    text-align: right;
}
td.counts span.badge {
    font-size: 110%;
    min-width: 50px;
    margin-bottom: 6px;
}
td.counts span.badge > span {
    font-size: 80%;
}


/* DEBUG */
div.container, div.container-lg {
	background-image: url("test-bg.jpg");
	background-repeat: repeat;
}