/****************************************************************************** font */
@font-face { font-family: "PT Sans"; src: url("../../assets/fonts/PT-Sans/PTSans-Regular.ttf"); }

@font-face { font-family: "PT Sans"; src: url("../../assets/fonts/PT-Sans/PTSans-Bold.ttf"); font-weight: bold; }

@font-face { font-family: "PT Sans"; src: url("../../assets/fonts/PT-Sans/PTSans-Italic.ttf"); font-style: italic; }

@font-face { font-family: "PT Sans"; src: url("../../assets/fonts/PT-Sans/PTSans-BoldItalic.ttf"); font-weight: bold; font-style: italic; }

/****************************************************************************** variables */
/****************************************************************************** general styles */
html { scroll-behavior: smooth; font: normal 400 0.9rem/1.5 "PT Sans", Helvetica, Arial, sans-serif; }

body { color: #444444; background-color: #ededed; margin: 0 1em; padding: 0; }

a { color: #00639c; text-decoration: none; }

a:hover { text-decoration: underline; }

h1, h2, h3 { color: #c00; line-height: 1.1; }

hr { border-width: 0; border-top: 1px solid #b8b8b8; }

a.link-button { display: inline-block; padding: 0.5em 1em; margin-right: 1em; margin-top: 0.5em; margin-bottom: 1em; border: 2px solid white; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; text-decoration: underline; white-space: nowrap; box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.18); color: #fff; background-color: #00639c; }

a.link-button:hover { text-decoration: none; background-color: #00304d; box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.18); }

/****************************************************************************** general layout */
header, section, nav, .nav-wrapper, footer { max-width: 63em; margin: auto; position: relative; }

section, nav { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); border-radius: 6px; }

section { background-color: #fff; text-align: left; display: block; overflow: auto; }

header { margin: 1em auto 2em; display: flex; align-items: center; justify-content: center; }

header > h1 { color: #c00; font-size: 1.8em; margin: 0; }

header > img { max-height: 5em; margin-right: 1em; flex-shrink: 0; }

.nav-wrapper { position: sticky; top: 0px; z-index: 1; }

.nav-wrapper, nav { padding: 0; margin-top: 2em; margin-bottom: 2em; }

nav { background-color: #00639c; margin: 0 auto; list-style-type: none; box-shadow: 0 0 10px 0px #767676; }

nav ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; padding-left: 0px; }

nav li { display: block; float: left; border-top: 0.3em solid #00639c; border-right: none; }

nav li a { display: block; width: 8.5em; height: 4em; padding: 0.8em 0 1em 1em; margin: 0; line-height: 1.3; text-decoration: none; color: #ccc; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

nav li a strong { font-size: 105%; letter-spacing: 0.04em; display: block; text-transform: uppercase; color: #fff; margin-bottom: 0.2em; line-height: 1.2em; }

nav li a span { font-size: 95%; }

nav li:hover, nav li a:hover, nav li.active, nav li.active a { border-color: white; color: #fff; }

.content-wrapper { padding: 1em; }

footer { margin: 2em auto; color: #666; font-size: 80%; text-align: center; }

p img { width: 100%; }

/****************************************************************************** mobile layout */
@media screen and (max-width: 810px) { body { margin: 0 1em; }
  header { margin-bottom: 2em; }
  header > h1 { font-size: 1.5em; }
  header > img { max-height: 4em; }
  .nav-wrapper { position: relative; margin: 0; }
  nav { background-color: #ededed; box-shadow: none; }
  nav ul { justify-content: center; }
  nav li { text-align: center; margin-bottom: 0.5em; margin-right: 1em; background-color: #00639c; border-top: none; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); }
  nav li a { width: auto; height: auto; padding: 0.7em; }
  nav li a span { display: none; }
  nav li:hover, nav li a:hover, nav li.active, nav li.active a { background-color: #0094e9; border-radius: 6px; }
  .book .cover { margin-right: 1em; }
  .book .title, .book > p { margin-left: 0 !important; } }

/****************************************************************************** Books section layout */
.book .cover { clear: left; float: left; }

.book .cover img { box-shadow: 0 0 3px 0px #b8b8b8; border-width: 0; }

.book .title, .book > p { margin-left: 175px; line-height: 150%; }

/****************************************************************************** Steering Committee section layout */
.portraits { display: flex; flex-flow: row wrap; }

.portrait { position: relative; float: left; width: 28.5em; margin: 0.5em 1em; }

.portrait img { float: left; width: 90px; box-shadow: 0 0 3px #b8b8b8; background-color: #b8b8b8; }

.portrait .bio { margin: 0 0 0 110px; line-height: 150%; }

/****************************************************************************** News section layout */
.newsletters span { display: inline-block; width: 350px; }

/****************************************************************************** Sendinblue styling */
div.sib-form { font-family: inherit !important; border-color: transparent !important; padding: 1em 0em !important; background-color: transparent !important; text-align: left !important; }

div#sib-container, div.sib-form div#success-message, div.sib-form div#error-message { border: 1px solid rgba(0, 0, 0, 0.18); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); border-radius: 6px; }

div.sib-form-block { padding: 0 1em; }

div.sib-divider-form-block > div { border-bottom: 1px solid rgba(0, 0, 0, 0.18); margin: 1em 0; }

div.sib-form__declaration div.declaration-block-icon { flex-basis: 10em; flex-grow: 0; }

div.sib-form__declaration div.declaration-block-icon svg.svgIcon-sphere { min-width: 3em; max-width: 10em; }

/*# sourceMappingURL=style.css.map */