/* Fonts
=====================================================================*/
@import url("font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@font-face {
  font-family: 'Liszt';
  src: url('../fonts/lisztfy-bold_s-webfont.woff2') format('woff2'),
       url('../fonts/lisztfy-bold_s-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Utilities
=====================================================================*/
.red {background:red;}
.blue {background:blue;}
.yellow {background:yellow;}
.green {background:green;}
.purple {background:purple;}
.pink {background:pink;}

/* Globals
=====================================================================*/
html, body {
  max-width: 100%;
}
body {
  background: #fff;
  color: #333;
  font-family: Arial,sans-serif;
  font-size: 14pt;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 1.75em;
}

/* Typography - Links - Lists
=====================================================================*/
.bold-blue-text {font-weight: bold;color:#1b75b9;}
a {color:#26a7de;}
a:hover {color:#26a7de;text-decoration: underline;}
.inline-list {list-style: none;margin:0;}
.interior-list li span {position: relative; left: 20px;}

/* Header and Navigation
=====================================================================*/
.header {
  width:100%;
  height:175px;
  background:rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  z-index: 1000;
  padding: 0;
  margin:0;
}
.header-left, .header-right {
  background:rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #333;
}
.logo{line-height: 170px;}
.logo img {max-width:170px;}
.header-disclaimer {
  padding:40px 0 0 0;
  font-size: .6em;
  line-height: 1em;
}
.large-navigation {
  padding: 40px 0 0 0;
}
.menu.simple li {
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0;
  margin-left: 30px;
  cursor: pointer;
  font-family: 'Liszt';
}
.slide-down-menu {
  display: none;
  padding-right: 10px;
  width:100%;
  background:rgba(255, 255, 255, 0.95);
  border-bottom:1px solid #999;
}
.slide-down-menu ul li{
  padding:0 0 10px 0;
}

/* Sections
=====================================================================*/
section {margin: 0 0 10em 0;}
#home{padding-top:175px;}
.section-image{
  position: relative;
}
.section-image img {
  max-width:100%;
}
.section-content {
  padding:2em 3em 5em 3em;
}

/* Section Header Images
=====================================================================*/
.section-image-caption {
  color:#fff;
  width:100%;
  font-size: 2.25em;
  font-weight: bold;
  font-family: 'Liszt';
  position: absolute;
  text-align: center;
  top: 48%;
  left:50%;
  transform: translate(-50%, -50%);
}
#contact .section-image-caption {color:#000;}


/* About and Contact Sections
=====================================================================*/
.about-right{
  padding-left: 40px;
}
.headshot img {
  max-width: 100%;
}
.headshot-caption {
  line-height: 1.2em;
  margin:20px 0 0 0;
  font-size: .9em;
}
#contact {
  padding-bottom: 10em;
}
.contact-info{
  font-size: .9em;
  line-height: 1.5em;
}
.contact-info img {
  margin-bottom: 20px;
}

/* Forms
=====================================================================*/
.submit-button {
  padding:10px 20px;
  color:#fff;
  background-color: #1b75b9;
  border:none;
}
.alert, .alert-danger {
  background:#1b75b9;
  font-weight: bold;
  padding:1em;
  font-size: 1em;
}
.alert, .alert-danger h2  {
  font-weight: bold;
}
.alert, .alert-danger ul  {
  color:#fff;
}
div.alert.alert-success, div.alert.alert-danger {
  margin-bottom: 20px;
}

/* Mobile Styles
=====================================================================*/

@media only screen and (max-width: 60em){
  body{font-size: 12pt;}
  #home{padding-top:90px;}
  #forms{margin-bottom: 12em;}
  section {margin: 0;}
  .section-image-caption {font-size: 1.5em;}
  .logo{line-height: 75px;}
  .logo img {max-width:100px;}
  .header {
    height:75px;
  }
  .header-left, .header-right {
    border: none;
  }
  .small-navigation {line-height: 90px;}
  .section-content {
    padding:2em 20px;
  }
  .contact-info {text-align: center;}
  .about-right{
    padding-left: 0;
  }
  .headshot-caption {
    margin:20px 0;
    font-size: .8em;
  }
  .section-image-caption {
    font-size: .9em;
  }
  .alert ul li, .alert-danger h2 {
    font-size: .9em;
    font-weight: bold;
  }
}