body { background-color:#ffffff; }
#wrapper { overflow:hidden; }
.page-wrapper {
  position:relative;
  z-index:2;
  background-color:#ffffff;
}
.page-wrapper-with-aside:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:calc(50% + 300px);
  background-color:#f5f5f5;
  -webkit-transition:right 0.5s ease-out;
  transition:right 0.5s ease-out;
  z-index:2;
}
#arianne {
  width:100%;
  height:60px;
  position:relative;
  z-index:2;
}
#arianne > .inner {
  display:block;
  position:relative;
  height:100%;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  z-index:1;
}
#arianne > .inner > * {
  display:inline-block;
  margin:0 7px;
  padding:20px 0;
  font-size:18px;
  font-weight:400;
  line-height:20px;
}
#arianne > .inner > * .icon-previous { display:none; }
#arianne > .inner > * .arrow {
  display:inline-block;
  width:11px;
  height:10px;
  margin-right:10px;
}
#arianne > .inner > *:first-child { margin-left:0; }
#arianne > .inner > *:last-child { margin-right:0; }
#arianne a {
  color:#ffffff;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
#arianne a .arrow > * { fill:#ffffff; }
#arianne a:hover { color:#0e233b; }
#arianne .font-loader {
  -webkit-transition:opacity 0.5s ease-out;
  transition:opacity 0.5s ease-out;
}
#arianne:before, #arianne:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#arianne:before {
  background-color:#1db8ca;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
#arianne:after {
  background:#1db8ca url("https://www.initiativesrivers.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png") 0 0;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.page-inner {
  display:flex;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:20px 0 0;
}
.page-aside {
  width:24.5763%;
  z-index:2;
}
.page-article {
  width:75.4237%;
  padding:60px 0 0 70px;
  z-index:2;
}
.content { padding:0 0 120px 0; }
@media only screen and (max-width: 1200px) {
  .page-wrapper-with-aside:before, .page-aside { display:none; }
  .page-article {
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:60px 20px 230px 20px;
    z-index:1;
  }
  #arianne > .inner { padding:0 20px; }
}
@media only screen and (max-width: 960px) {
  #arianne > .inner { display:none; }
}