@font-face {
    font-family: 'InriaSerif-Regular';
    src: url('fonts/InriaSerif-Regular.woff2') format('woff2'),
         url('fonts/InriaSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'InriaSerif-Bold';
    src: url('fonts/InriaSerif-Bold.woff2') format('woff2'),
         url('fonts/InriaSerif-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linotype-UniversLTStd';
    src: url('fonts/Linotype-UniversLTStd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linotype-UniversLTStd-Black';
    src: url('fonts/Linotype-UniversLTStd-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linotype-UniversLTStd-Cn';
    src: url('fonts/Linotype-UniversLTStd-Cn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PeridotDemoPE-Light';
    src: url('fonts/PeridotDemoPE-Light.woff2') format('woff2'),
         url('fonts/PeridotDemoPE-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PeridotDemoPE-WideExtraBoldItalic';
    src: url('fonts/PeridotDemoPE-WideExtraBoldItalic.woff2') format('woff2'),
         url('fonts/PeridotDemoPE-WideExtraBoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{
  font-family: 'InriaSerif-Regular';
  background-image: url("img/bwf_tile-01.gif");
  background-repeat: repeat;
  background-position: center;
}
h5{
  font-family: 'Linotype-UniversLTStd';
  color:#307057;
  letter-spacing: 3px;
  font-size: 1.5rem;
}

#index-banner{
  background-image: url("img/cover_illutrstration_03.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
nav ul a,
nav .brand-logo {
  color: #444;
}

h1 {
  color: #4db6ac;
}

h2 {
  color: #795548;
}

.partner li{
  font-size:1.2em;
  color:#000000;
}
p {
  line-height: 1.5rem;
  color:#000000;
  font-size:1.2em;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  min-height: 700px;
  height: auto;
  color: rgba(255,255,255,.9);
}

.parallax-container .section {
  width: 100%;
}

.nav-wrapper{
  position: relative;
  height:100%;
}
.nav-height{
  height:100%;
}
.sidenav-mobile{
  display:none;
}
.hero-title{
  position:absolute;
  top:3em;
}
.footer-title,
p.copyright{
  color:#e7d0b0;
}
p.copyright{
  font-size:0.9em;
}
.footer-title{
  font-size:1em;
}
.footer-title,
.logo-title{
  font-family: 'Linotype-UniversLTStd';
}
.logo-title{
  /*color:#b4230b;*/
  color:#f1f1f1;
  font-size: 1.2rem;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  padding-left: 2px;
  letter-spacing: 3px;
  font-family: 'Linotype-UniversLTStd';
}
.footer-subtitle,
.logo-subtitle{
  font-family: 'InriaSerif-Bold';
}
.footer-subtitle{
  font-size:2.5em;
}
.logo-subtitle{
  color:#d5b47c;
  font-size: 5.5em;
  line-height: 70px;
  padding-top: 0.5em;
}

@media only screen and (max-width: 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

nav{
  height:140px;
}
ul.nav-items{
  font-family: 'PeridotDemoPE-Light';
  list-style-type: none;
  margin: 0;
  padding: 0;
  position:absolute;
  bottom:0;
}
ul.nav-items li{
  float:left;
  padding:2em;
  text-transform: uppercase;
}
ul.nav-items a{
  font-weight:bold;
}
.page-footer {
  margin: 0;
  background-image: url("img/footer-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 0;
}

.page-footer a {
  color: white;
}
.top-container{
  padding-top:2em;
}
.year-vertical{
  writing-mode: vertical-rl;
  /*text-orientation: upright;*/
  transform: rotate(0deg);
}
h5{
  text-transform: uppercase;
}
.date-display{
  font-family:'PeridotDemoPE-Light';
  font-weight:bold;
  color:#a51f09;
  letter-spacing:0;
}
.date-display img{
  width: 40%;
}
.dates{
  font-size:3.2em;
  text-transform: uppercase;
  letter-spacing: -2px;
}
.dates-and{
  font-size: 1.5em !important;
}
.dates-right{
  margin-left:-10px;
}
.page-footer{
  color:#e7d0b0;
}
.page-footer .container{
  padding-bottom:3em;
}
.page-footer ul{
  list-style-type: none;
  padding: 0; 
}
.page-footer li{
  float:left;
}
.footer-fb{
  padding-right:1em;
}
.footer-x{
  padding-top: 6px;
  padding-left: 1em;
  padding-right: 1em;
}
.footer-insta{
  padding-left:1em;
  padding-top:4px;
}
.exp-row{
  padding-top:2em;
  padding-bottom:2em;
}
.vision-row{
  padding-top:10em;
  padding-bottom:2em;
}
.partner-row{
  padding-top:2em;
  padding-bottom:2em;
}
.vision-row img,
.partner-row img{
  width:100%;
}
ul.partner{
  margin-top:1em;
  list-style-type: none;
  padding-left:0;
}
ul.partner li{
  padding-bottom:1em;
  padding-left:1em;
  padding-right:1em;
  text-indent: -10px;
}
ul.partner > li:before {
  content: "\25CA";
  text-indent: -10px;
}

.experience-section{
  padding-top:4.5em;
}
.exp-bg{
  background-image: url("img/experiences-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.exp-img{
  position: absolute;
  z-index: -1;
  left:-200px;
}
.exp-food,.exp-mic,.exp-hands{
  font-family: 'Linotype-UniversLTStd-Cn';
}
.exp-food{
  color:#7d1f0c;
}
.exp-mic{
  color:#703801;
}
.exp-hands{
  color:#2f5e40;
}
.vision-content{
  padding-left:2em;
}
.contact-row{
  margin-bottom: 2em;
}
.cog-form,
.contact-row form{
  margin-left: 0;
}
.hero-link{
  color:#a1301c;
}


@media only screen and (max-width: 600px) {
  #index-banner .section {
    top: 0;
  }
}

@media only screen and (max-width: 500px) {
  .sidenav-mobile{
    display:block;
    position: fixed;
    top: 0;
    right: 0;
    padding: 1em;
  }

  .exp-section-img{
    height:800px;
  }
  .exp-img{
    left:-300px;
    height:105%;
  }
}