/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
            url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
            url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
            url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
            url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
            url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* pt-serif-regular - latin */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pt-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('PT Serif'), local('PTSerif-Regular'),
         url('../fonts/pt-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/pt-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/pt-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/pt-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/pt-serif-v9-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}

body {font-size: 19px; font-family: 'Roboto'; font-weight: 300; background-color: #e7ba3a; color: #675B39;}

/* Font Definitions */
h3 {font-weight: 600}
h2 {margin-bottom: 30px; color: #e7ba3a;  font-family: "PT Serif"}
h4.subtitle {color: #e7ba3a; margin-bottom: 15px; font-size: 20px; line-height: 30px;}
h5 {font-size: 19px; margin-top: 30px;}
h5.subtitle {color: #e7ba3a; font-weight: bold; font-size: 20px; margin-bottom: 15px;}

/* Changed Bootstrap Standards */
.container-fluid {padding-left: 0; padding-right: 0;}
.container {padding-right: 0; padding-left: 0; background-color: #fff; padding-bottom: 60px;}
.img-responsive {width: 100%; height: auto;}
hr {margin-top: 60px; margin-bottom: 60px; border: 0; border-top: 3px solid #e7ba3a; width: 90px;}

/* Basic Layout */
.content-row, .content-container {padding-top: 60px; padding-bottom: 60px;}

/* Header + Navigation */
.header {margin-top: 60px;}
.header > * > h1 {color: #e7ba3a; margin-top: 78px; font-family: "PT Serif"}
ul.nav-pills {margin-top: 45px; display: inline-block; font-weight: 400;}
.nav-pills > li > a {border: none; padding-left: 17px; padding-right: 17px; font-size: 19px; padding-top: 5px; padding-bottom: 5px; color: #675B39;}
.nav-pills > li > a:hover {background-color: transparent; color: #000; font-weight: 400}
.nav-pills > li {border-right: 1px solid #ccc; }
.nav-pills > li:last-child {border-right: none;}
.nav-pills > li:first-child {margin-left: 0px;}
.nav-pills > li > a:after {content: ''; display: block; margin: auto; height: 2px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; }

/* Section: Generic Content */
.teaser-img-row {margin-top: 60px;}
.cite-block {border: 2px solid #EBD082; margin-bottom: 30px; padding: 30px;}
.intro-questions {margin-top: 30px; margin-bottom: 30px; }
.intro-questions > p {font-size: 20px;}
.intro-questions > p:last-of-type {margin-bottom: 30px;}
span.youtube-link {line-height: 25px;}
span.youtube-link > a {color: #675B39; margin-left: 15px; font-weight: 400}

/* Section: Contact */
form.form-horizontal {margin-top: 60px;}
.contact-infotext > p {margin-top: 30px; margin-bottom: 60px;}
input.form-control, textarea.form-control {border-radius: 0; font-size: 16px; border-color: #675B39;}
input.btn {background-color: #675B39; border: none; border-radius: 0; font-size: 16px;}
.form-group > label {font-size: 16px;}

/* Scroll to Top */
#toTop-right {display: none; text-decoration: none; position: fixed; bottom: 20px; right: 20px; outline: none;}
#toTop-left {display: none; text-decoration: none; position: fixed; bottom: 20px; left: 20px; outline: none;}
#toTop-center {display: none; text-decoration: none; position: fixed; bottom: 10px; left: 50%; margin-left: -20px; outline: none;}
.btn-danger {color: #fff; background-color: #675B39;}
.btn-danger:hover {background-color: #675B39}

/* Footer */
a.meta-nav {
    color: #675B39;
}

a.meta-nav:first-of-type {
    margin-right: 15px;
}