:root {
    --accent: #1b959b;
}

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

html {overflow-y: scroll;}
body {background: #eee; font-family: 'Tinos'; font-size: 19px; line-height: 1.5em; color: #181818;;}
.innerbody {background: #eee; min-height: 100vh; max-width: 1300px; margin: 0 auto; }
.main { max-width: 720px; position: relative; margin: 0 auto; padding-bottom: 43vw; font-size: 19px; line-height: 1.4em;}
body.home .main {max-width: 100%;}
@media screen and (min-width: 1300px) {
    .main {padding-bottom: 535px;}
}
.main p, .main ul, .main ol {margin-bottom: 1.4em;}
.innerinnerbody {position: relative; background: #fff url(/img/footer.jpg) center bottom no-repeat; background-size: contain;}
.container {max-width: 100%; width: 1024px!important;}
h2 {padding-top: 15px;}
h1 + h2, h2:first-child {padding-top: 0;}
.navbar-default {border: 0; background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: var(--accent);}
.navbar-default .navbar-nav > li > a {font-size: 16px; color: #fff; padding-top: 0!important; padding-bottom: 0!important; height: 52px; line-height: 48px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: rgb(114, 114, 114);}
.navbar {margin-bottom: 0px; border: 0; border-radius: 0;}
.navbar-nav {float: right; margin-top: 0px; margin-bottom: 0; margin-right: -15px;}
#mobile-menu.open .navbar-nav {margin-top: 0px; border-bottom: 10px solid #292929; border-top: 4px solid #292929; background: #292929; width: calc(100% + 30px); margin-right: 0;}
#mobile-menu-toggler {opacity: 0.5;}
#mobile-menu.open .navbar-nav > li > a {height: 46px; line-height: 44px;}
.container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.site-header {border-top: 5px solid var(--accent); position: fixed; top: 0; max-width: 100%; width: 1300px!important; z-index: 99;}
.navbar, .site-footer {background: #181818; min-height: 52px; line-height: 48px; color: white;}
.navbar-header, .navbar-header h1 {height: 52px; font-size: 19px; padding: 0; margin: 0; line-height: 48px; font-weight: bold; white-space: nowrap;}
.navbar-header a {position: relative; bottom: 1px;} 
.navbar-header a, .site-footer a {text-decoration: none!important; color: white!important;}
.navbar-header .pull-right {font-size: 16px; font-style: italic; font-weight: normal;}
.navbar-header {max-width: calc(100% - 35px);}
.navbar-header a {overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; line-height: 50px; height: 52px}
.site-footer {position: absolute; width: 100%; display: block; overflow: auto; font-size: 17px; min-height: 30px; line-height: 24px; padding-top: 21px; padding-bottom: 19px; background: #292929;}
.site-footer > div:last-child {line-height: 15px; position: relative; bottom: 3px;}
.site-footer > div:first-child {background: #181818; min-height: 200px; position: relative; bottom: 21px; padding: 20px 0 1px; font-size: 16px;}
.site-footer > div:first-child h3 {font-size: 16px;}
.site-footer > div:first-child ul, .site-footer > div:first-child li {margin: 0; padding: 0;}
.site-footer > div:first-child li {list-style: none;}
.site-footer > div:first-child > div > div > div {padding-bottom: 30px;}
.site-footer > div:first-child > div > div > div > * {opacity: 0.4; font-size: 14px;}
.site-footer > div:first-child > div > div > div > h3 {opacity: 1; font-size: 16px; padding-bottom: 0px; margin-bottom: 10px;}
.site-footer > div:first-child li a {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#breadcrumbs, #breadcrumbs a {color: var(--accent); text-decoration: none;}
#breadcrumbs {position: relative; margin-top: 0px; font-size: 16px; line-height: 1.2em;}
.main h1 {font-weight: bold; line-height: 1em; font-size: 55px; margin-bottom: 38px; margin-top: 3px;}
.main a {color: var(--accent)!important;}
.post-header {margin-top: calc(60px + 52px);}


@media screen and (max-width: 999px) {
    .hiddenmobile {display: none;}
}
@media screen and (min-width: 800px) {
    .post-header {margin-top: calc(85px + 52px);}
}
.home .main h1 {font-size: 100px; margin-bottom: 60px; margin-top: calc(10.7vw + 52px);}
@media screen and (min-width: 1200px) {
    .home .main h1 {margin-top: calc(130px + 52px);}
}
.home .main h2 {font-size: 28px;}

@media screen and (max-width: 791px) {
    .home .main h1 {font-size: 12.5vw; margin-bottom: 7.5vw;}
    .home .main h2 {font-size: 3.5vw;}
}

img {max-width: 100%;}
.book {max-width: 300px; border: 4px solid white; box-shadow: 0 0 1px rgba(0,0,0,0.5);}


@media screen and (max-width: 400px) {
    .mobile-menu-text {display: none;}
}