/* Numerique colors and fixes */


/**
 * Fixes
 * 
 * body padding when using navbar
 * jumping to padding
 */

.navbar-body-padding {
    padding: 45px 0 0 0;
}

/* See: github.com/twbs/bootstrap/issues/1768 */
/* Alternatively: 
 *  *[id]:before { 
 *       display: block; 
 *       content: " "; 
 *       margin-top: -75px; 
 *       height: 75px; 
 *       visibility: hidden; 
 *  }
 */
.navbar-anchor-padding {
    padding-top: 40px;
    margin-top: -40px;
}


/**
 * Typography
 *
 * Latin Modern Mono Prop
 * Latin Modern Mono Prop Light
 * Latin Modern Mono Caps
 **/



body {
    font-family: 'Latin Modern Mono Prop Light', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.2rem; /* 1rem =10px 1.2rem=12 px, given that .html sets font-size: 62.5% */
/*    font-size: 1rem;
    line-height: 1.6;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
*/
    color: #e05050; /* #00d455; */
    background-color: #d8d8d8; /* #181818; */
}

.caps {
    font-family: 'Latin Modern Mono Caps';
}

.border-3 {
    border-width:3px !important;
}

.card {
    background-color: #181818;
    color: #00d455;
}

.card-header {
    color: #181818;
    background-color: #d8d8d8; 
}

.tabular-header {
    color: #181818;
    background-color: #d8d8d8; 
}

.tabular-body {
    background-color: #181818;
    color: #00d455;
}    

.welcome {
    color: #181818;
    background-color: #d8d8d8; 
}

.welcome p {
    margin-left: 1rem;
}

.welcome h1 {
    color: #00d455;
}

.welcome h2 {
    margin-bottom: 0px; 
}

.call-to-action {
    color: #181818;
    background-color: #d8d8d8;
}


/**
 * Numerique colour
 *
 */

.bg-dark {
    background-color:#181818!important;
}

/* New bg colour */
.bg-grey {
    background-color:#808080!important;
}

/* Digade-blue: #00b7fd (0, 183, 253) */
.bg-digade {
    background-color:#00b7fd!important;
}

.bg-numerique {
    background-color:#181818!important;
}

.text-grey {
    color:#e0ffe0!important;
}

.text-digade {
    color:#00b7fd!important;
}

.text-numerique {
    color:#00d455!important;
}

/* first capitalised character */
.text-firstC {
    color:#00d455!important;
}    


/* Image scaling */
img.broad-width {
    width: 88%;
}

img.medium-width {
    width: 64%;
}

img.narrow-width {
    width: 24%;
}

/* wider border */

.border-4 {
        border:4px solid #00d455!important
}
.border-top-4 {
        border-top:4px solid #00d455!important
}
.border-right-4 {
        border-right:4px solid #00d455!important
}
.border-bottom-4 {
        border-bottom:4px solid #00d455!important
}
.border-left-4 {
        border-left:4px solid #00d455!important
}



/* button for digade old values: btn-info */
.btn-digade {
      color:#fff;
      background-color:#00b7fd; /* #17a2b8; */
      border-color:#00b7fd;     /* #17a2b8  */
}

.btn-digade:hover {
      color:#fff;
      background-color:#0082d8; /* #138496; */
      border-color:#0078c8;     /* #117a8b; */
}

.btn-digade.focus,.btn-digade:focus {
      box-shadow:0 0 0 .2rem rgba(0, 183, 253, .5)   /* rgba(23,162,184,.5) */

}

.btn-digade.disabled,.btn-digade:disabled {
      color:#fff;
      background-color:#00b7fd; /* #17a2b8; */
      border-color:#00b7fd;     /* #17a2b8; */

}

.btn-digade:not(:disabled):not(.disabled).active,.btn-digade:not(:disabled):not(.disabled):active,.show>.btn-digade.dropdown-toggle {
      color:#fff;
      background-color:#0078c8;  /* #117a8b; */
      border-color:#0068c0;      /* #10707f  */

}

.btn-digade:not(:disabled):not(.disabled).active:focus,.btn-digade:not(:disabled):not(.disabled):active:focus,.show>.btn-digade.dropdown-toggle:focus {
      box-shadow:0 0 0 .2rem rgba(0, 183, 253, .5)   /* rgba(23,162,184,.5) */

}

.btn-outline-digade {
      color:#00b7fd;     /* #17a2b8; */
      background-color:transparent;
      background-image:none;
      border-color:#00b7fd;   /* #17a2b8 */
}

.btn-outline-digade:hover {
      color:#fff;
      background-color:#00b7fd;   /* #17a2b8; */
      border-color:#00b7fd;       /* #17a2b8 */
}

.btn-outline-digade.focus,.btn-outline-digade:focus {
      box-shadow:0 0 0 .2rem rgba(0, 183, 253, .5)  /* rgba(23,162,184,.5) */
}

.btn-outline-digade.disabled,.btn-outline-digade:disabled {
      color:#00b7fd;   /* #17a2b8; */
      background-color:transparent
}

.btn-outline-digade:not(:disabled):not(.disabled).active,.btn-outline-digade:not(:disabled):not(.disabled):active,.show>.btn-outline-digade.dropdown-toggle {
      color:#fff;
      background-color:#00b7fd;   /* #17a2b8; */
      border-color:#00b7fd;       /* #17a2b8  */
}

.btn-outline-digade:not(:disabled):not(.disabled).active:focus,.btn-outline-digade:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-digade.dropdown-toggle:focus {
      box-shadow:0 0 0 .2rem rgba(0, 183, 253, .5)  /* rgba(23,162,184,.5) */
}


footer a {
    color: #101080;
}


.terminal {
    background: #181818;
    color: #00d455;
    white-space: pre;   /* save spaces .. .*/
    font-family: monospace; /* -- by default HERE toch? */
}

/* t terminal styles */
ins, del {
    text-decoration:none;
}
kbd {
    font-family:inherit;
    color:inherit;
    background:inherit;
}
s {
    display:none;
}

.svg-icon {
    display: inline;
    width: 16px;
    height: 16px;
    viewBox: "0 0 16 16";
    stroke: #00b7fd;
    fill: #00d455;
    /* background: #a0a0e0; */
}

.svg-icon-2 {
    display: inline;
    width: 32px;
    height: 32px;
    viewBox: "0 0 32 32";
    fill: #00b7fd;
    stroke: #00d455;
    /* background: #a0a0e0; */
}

# fill my icon
use.ic-blue {
    fill: blue;
}

svg path {
    fill: inherit;
    transform: inherit;
}

/* old stuff
 *
.icon-for-background-images {
  display: inline-block;
  width: 64px;
  height: 64px;
  stroke: green;
  fill: yellow;
  background: black;
  background-size: cover;
}

.icon-for-background-images:hover,
.icon-for-background-images:focus {
  background-color: red;
}
 *
 * old stuff */