/* customize le template Cassiopeia pour HOPE */

:root {
    --cassiopeia-color-primary: #d6effb;
    --cassiopeia-font-family-body: "Open Sans", sans-serif;
    --cassiopeia-font-weight-headings: 600;
    --body-font-size: 13px;
    --body-line-height: 16px;
    --body-color: #333333;
    --body-bg: var(--cassiopeia-color-primary);
    --hope-content-bg: #ffffff;
    --hope-color-bluelogo: #176fc1;
    --hope-content-max-width: 982px;
    --template-link-color: var(--hope-color-bluelogo);
}
/*** cache "Powered by BreezingForms" ***/
.bfClearfix > div:last-child {
    display: none !important;
  }
/************************************/

/**** HEADER ****/
#hope-logo img {
    min-height: 120px;
}
.container-header {
    background-image: none;
}
.container-header .container-nav {
    align-items: end;
}
/*.container-header .navbar {
    margin-left:auto;
    margin-right:auto;
    
}*/
.metismenu.mod-menu {
    justify-content: center;
    margin-top: 0.5em;
}
.metismenu.mod-menu .metismenu-item {
    font-size: 0.9rem;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0;
}
.metismenu.mod-menu .metismenu-item > a {
    color: #98b5d9; /*var(--template-link-color);*/
}
.metismenu.mod-menu .metismenu-item > a:focus {
    text-decoration: none;
    outline: none;
}
.metismenu.mod-menu .metismenu-item > a:hover {
    text-decoration: none;
    color: #c1cfe1;
}
.metismenu.mod-menu .metismenu-item.active > a {
    color: var(--hope-color-bluelogo);
    text-decoration: none;
}
.container-header .navbar-toggler {
    color: var(--hope-color-bluelogo);
    border-color: var(--hope-color-bluelogo);
}
.container-header .navbar-toggler:focus {
    box-shadow: none;
}
.metismenu.mod-menu .metismenu-item > a::after {
	display: none; /* enlève la ligne claire sous l'élément de menu quand actif ou hover */
}
@media (min-width: 992px) {
    .container-header .container-nav  {
        margin-top: 1rem;
    }
}
@media (max-width: 991px) {
    .container-header .container-nav  {
        padding-bottom: 0;
    }
}
/**** CONTENT ****/
.site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    background-color: var(--hope-content-bg);
}

.site-grid {
    background-color: var(--hope-content-bg);
    margin-bottom: 0;
    border-style: solid;
    border-color: rgb(184, 215, 215);
    padding-left: 1rem;
    padding-right: 1rem;
    border-width: 1px 0 1px 0;
}
.site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    border-radius: 0 0 4px 4px;
    border-width: 0px 1px 1px 1px;
}

.grid-child, 
.site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    max-width: var(--hope-content-max-width);
}

.site-grid {
    grid-gap: 0;
}

/**** FOOTER ****/
.footer {
    color: var(--hope-color-bluelogo);
    background-image: none;
}
.footer .grid-child {
    padding: 0 1rem 0 1rem;
    align-items: stretch;
}
#chuv-logo img {
    max-width:300px;
    height: auto;
}

/**** TEXT STYLE ****/
h1, .h1 {
    font-size: calc(1rem + 0.6vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
      font-size: 1.5rem;
    }
}
h2, .h2 {
    font-size: calc(1rem + 0vw);
    margin-bottom: 1.2rem;
}
@media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.2rem;
    }
}
p {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

/*** Style des formulaires ***/
/* affiche les boutons à droite */
#bfElemWrap99 button, #bfElemWrap477 button { 
    float: right !important;
}
/*** form HOPE et Vital signs ***/
/* style du message d'erreur pour le champ email 'med' */
.hope-email-validmsg {
    font-weight: bold;
    color: red;
    display: inline-block;
}
/* cache le champ 'firstname' */
/* cache le champ 'hoperesult' qui sert à calculer et  à envoyer le score si l'utilisateur envoie ses données */
#bfElemWrap21, #bfElemWrap65 {
    display: none;
}

#hoperesulttxt {
    margin-bottom: 1.5em;
	white-space: nowrap;
}

.hope-basdepage {
     margin-top: 0;
}

.hope-warning p {
	margin-top: 2em;
	font-size: 0.8em;
}

/*  élément 'Hypothermia' */
#bfElementGroup40 input {
  float: left;
}
/* met en évidence la section summarize avec le résultat de hope */
#bfElemWrap86, #bfElemWrap86:hover {
    border : 1px solid var(--hope-color-bluelogo);
    background-color: var(--cassiopeia-color-primary) !important;
    color: var(--hope-color-bluelogo);
    pointer-events: none !important;
}
#bfElemWrap86 .bfNotAvailable {
    color: #96b8d9;
}

/* version mobile */
#fieldcontainfirstname, #fieldcontainhoperesult  {
    display: none;
}
#fieldcontainhoperesultshow {
    border : 1px solid var(--hope-color-bluelogo);
    background-color: var(--cassiopeia-color-primary) !important;
    color: var(--hope-color-bluelogo);
    pointer-events: none !important;
    padding-left: 0.2rem;
}
#fieldcontainhoperesultshow .ui-grid-a {
    display: flex;
    align-items: center;
    justify-content:space-between;
}
#fieldcontainhoperesultshow .ui-block-a {
    float: none;
}
#fieldcontainhoperesultshow .ui-block-b {
    float: none;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}
#fieldcontainhoperesultshow .bfNotAvailable {
    color: #96b8d9;
}

#ff_form2 .ui-mobile-viewport .bfNotAvailable { /* ff_form2 = form vital signs */
    font-weight: bold;
    color: #cccccc;
}

/*** CookieHint and Consent ***/
#redim-cookiehint-bottom, #redim-cookiehint {
    background-color: #d9d9d9;
}
#redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons button {
  font-size: 14px;
  line-height: 12px;
}