/* Color pallete - https://coolors.co/9f4000-ff6700-191a24-2d2f3a-717885-b4c1cf-7d97b3-172e61 */

/* Colors */
nav {background-color:#172e61;border-bottom: 2px solid #7d97b3;}
section#links {background-color:#2d2f3a;border-top: 2px solid #717885;color:#b4c1cf;}
section#links a {color:#b4c1cf;}
section#links h5 {color:#b4c1cf;}
footer, footer a, footer a:hover {background-color:#191a24;color:#717885;}

nav .navbar-nav .nav-item a.nav-link {color:#b4c1cf;}
nav .navbar-nav .nav-item a.nav-link:hover {color:#fff;}
a.navbar-brand {color:#b4c1cf!important;}
a.navbar-brand span {color:#fff;}

.latest_issue, .latest_issue .list-group-flush div {background-color:#b4c1cf;}
.latest_issue .list-group-flush div {backgroun-color:#fff;}
a, a:hover {color:#172e61;}
h1, h2, h3, h4, h5, h6 {color:#314976;}

.sub, .pages {color:#717885;}

/* Fonts */
nav {font-weight:400;}
section#content a {text-decoration:underline;}
section#content .latest_issue h5 {font-weight:200;}
section#content .latest_issue a {text-decoration:none;}
section#links {font-size:0.8rem;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica,Arial,sans-serif;}
a.navbar-brand {font-family: 'Open Sans', sans-serif;letter-spacing:0;font-size:1.2rem;}
section#content .latest_issue div.list-group div.list-group-item a:hover {text-decoration:underline;}
footer {font-size:0.8rem;}
footer a {text-decoration:underline;}

/* Positions */
header {padding: 156px 0 100px;margin: 0 0 2em 0;}
section {padding:20px 0;}
section#content {margin-top:4rem;}
section#content .latest_issue div.list-group div.list-group-item {padding:0.5rem 0;}
section#content .latest_issue div.list-group div.list-group-item  p.authors {line-height:1rem;}
div.frontpage {text-align:center;}

div#mycookies {position:fixed;bottom:0;left:0;right:0;background-color:#fff;text-align: center;border-top: 1px solid #2d2f3a;background-color:#b4c1cf;}
div#mycookies p {margin: 0.5em 0;}
div#mycookies a {text-decoration: underline;}

/* Fix Logo for mobile/narrow sites*/

@media (min-width: 992px) {
  a.navbar-brand {font-size: 2.5rem;}
  section#content {margin-top:6rem;}
}

@media (min-width: 1200px) {
  a.navbar-brand {font-size: 3rem;}
  section#content {margin-top:7rem;}
}