/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: "Arial", Helvetica, sans-serif;
  color: #3d3536;
  background-color: white;
}

body, html {
  /* important */
  height: 100%;
}

a {
  color: #4f7b3f;
  text-decoration: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.cd-fixed-bg>div, .cd-fixed-bg>p {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 1170px;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}
.cd-fixed-bg.cd-bg-1 {
  background-image: url("/images/bg-01.jpg");
}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("/images/bg-05.jpg");
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("/images/bg-03.jpg");
}
.cd-fixed-bg.cd-bg-4 {
  background-image: url("/images/bg-04.jpg");
}
.cd-fixed-bg.cd-bg-5 {
  background-image: url("/images/bg-02.jpg");
}
.cd-fixed-bg.cd-bg-6 {
  background-image: url("/images/bg-06.jpg");
}
.cd-fixed-bg.cd-bg-7 {
  background-image: url("/images/bg-07.jpg");
}
.cd-fixed-bg.cd-bg-8 {
  background-image: url("/images/bg-08.jpg");
}
.cd-fixed-bg.cd-bg-9 {
  background-image: url("/images/bg-09.jpg");
}

@media only screen and (min-width: 768px) {
  .cd-fixed-bg h1, .cd-fixed-bg h2 {
    font-size: 72px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
  .cd-fixed-bg h1, .cd-fixed-bg h2 {
    font-size: 64px;
    font-weight: 300;
  }
}

.cd-scrolling-bg {
  position: relative;
  min-height: 30%;
  padding: 4em 0;
  line-height: 1.6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.cd-scrolling-bg.cd-color-1 {
  background-color: rgba(63, 129, 169, 0.2);
  color: #425656;
}
.cd-scrolling-bg.cd-color-2 {
  background-color: #99a478;
  color: #3d3536;
}
.cd-scrolling-bg.cd-color-3 {
  background-color: #b4d7a8;
  color: #3d3536;
}
@media only screen and (min-width: 768px) {
  .cd-scrolling-bg {
    // padding: 6em 0;
    padding-top: 6em;
    padding-bottom:4em;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    font-weight: 300;
  }
}

.scroll{
  margin-top: 30px;
  margin-left: 47%;
  margin-right: 50%;
  text-align: center;
  content: url(data:image/png;base64,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);
  align-content: center;
  cursor: pointer;
}

header{
  background-color: rgba(32,16,0,0.7);
  color: rgb(232,232,232);
  text-align: center;
  font-size: 1.2em;
  padding: 8px;

  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  padding-left: 40px;
  padding-right: 40px;
}

header img{
  max-height:14px;
}

footer{
  height: 5px;

  background-color: rgba(32,16,0,0.7);
  color: rgb(232,232,232);
  text-align: center;
  font-size: 0.8em;
  padding-top: 6px;

  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;

  display: grid;
  grid-template-columns: 1fr 6fr 1fr;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-transition: height 0.8s;
  -moz-transition: height 0.8s;
  transition: height 0.8s;
}

footer:hover{
  height:1.7em;
  -webkit-transition: height 0.8s;
  -moz-transition: height 0.8s;
  transition: height 0.8s;
}

@media only screen and (max-width: 1169px) {
  footer{
    height:1.7em;
  }
}

h1{
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-bottom: 2px white dotted;
}

h2{
  font-weight: bold;
}

a.internal{
  color: inherit;
}
a.internal:hover{
  text-shadow: 0 3px 5px rgba(255, 0, 32, 0.5);
}
.lang-button{
  cursor: pointer;
}
.lang-button:hover{
  cursor: pointer;
  color: red;
}

ul{
  list-style: initial;
}

li{
  margin-left: 20px; margin-right: 20px;
}

img.drawing{
  filter: brightness(0);
  -ms-filter: brightness(0);
}

img.drawing.invert{
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}

img.px100{
  height:100px;
  margin: 20px;
}

.illustration{
  margin-top:50px;
  margin-bottom: 50px
}

.illustration>img{
  margin-left: 10px;
  margin-right: 10px;
}

.flex-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: top;
}

.flex-container>div{
    width: 65%;
}

.flex-container>div.rightbar{
    width: 34%;
    border-left: 1px dotted white;
    padding-left: 1.5em;
    font-size: 0.8em;
    line-height: 1.2em;
}
@media (prefers-color-scheme: dark) {
  .cd-scrolling-bg.cd-color-1, .cd-scrolling-bg.cd-color-2, .cd-scrolling-bg.cd-color-3 {
    background-color: #425656 !important;
    color: rgba(205,217,226, 0.8) !important;
  }
  a{
    color: #d4e3ce !important;
  }
}