/* Box sizing for all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/site/templates/styles/boxsizing.htc); }

/* clearfix */
.clear:after {
  content: "";
  display: table;
  clear: both;
}

iframe {
  max-width: 100%;
}

h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,
cite,code,del,dfn,
em,img,q,s,samp,
small,strike,strong,
sub,sup,tt,var,
dd,dl,dt,
li,ol,ul,
fieldset,form,label,legend,button,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1.4em;
  font-family: inherit;
}

section, nav, header, article, aside {
    display: block;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', Helvetica, arial;
    color: #434448;
    background: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4em;
}

/* Basic colors */
h1,h2,h3,h4,h5,h6 {
    color: #434448;
}

a {
    color: #434448;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Typography
 * Mainly from Twitter bootstrap
 * ---------------------------------------------------------------------------------------- */
a {
  color: #023e7c;
}

p {
    font-family: 'Open Sans', Helvetica, arial;
    font-size: 0.933em;
    margin-bottom: 1.4em;
}

p small {
  font-size: 11px;
  color: #bfbfbf;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans', Helvetica, arial;
  line-height: 1.2em;
}

h1 {
  font-size: 34px;
  font-weight: 600;
  color: #323232;
  margin-top: 5px;
  margin-bottom: 30px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 21px;
}
h2 small {
  font-size: 14px;
}
h3 {
  font-size: 18px;
  font-weight: normal;
}
#content h2,
#content h3,
#content h4,
#content table {
  margin-bottom: 10px;  
}
#content table td {
  padding: 4px;
}
.template-basic-page h3 {
  margin: 0.6em 0 1em 0;
}
h3 small {
  font-size: 14px;
}
h4 {
  font-size: 16px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  text-transform: uppercase;
}
ul, ol {
  margin: 0 0 0.5em 1.8em;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
dl {
  margin-bottom: 18px;
}
dl dt, dl dd {

}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 9px;
}
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: #bfbfbf;
}
blockquote {
  margin-bottom: 18px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}
blockquote p {
  font-weight: 300;
  margin-bottom: 0;
}
blockquote small {
  display: block;
  font-weight: 300;
}
blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  margin-bottom: 1em;
}
.clear {
    clear: both;
}

input {
  -webkit-appearance: none;
}

/* Fluid images & embeds */
p > img,
embed,
object,
video {
  max-width: 100%;
  margin-bottom: 1em;
}

.align_left {
    float: left;
    margin-right: 10px;
}

.align_right {
    float: right;
    margin-left: 10px;
}

/* layout */

#masthead {
    position: relative;
    clear: both;
    background: #f3f8f9 url(img/bg-top.jpg) repeat-x bottom;
}

#container, .footer .wrap {
    margin: 20px 20px;
    padding: 10px;
}

/* logo */

#logo {
    font-size: 22px;
    line-height: 22px;
    text-decoration: none;
}

a#logo img {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

a#logo img:hover {
  opacity: 0.8;
}

/* top */

#top {
    position: relative;
}

#top .wrap {
  overflow: hidden;
  min-height: 36px;
}

#login-form {
    /* width: 217px; */
    color: #fff;
    background: #1E2442;
    border: 1px solid #ddd; 
    border-radius: 4px;
}

#login-form .q {
    float: left;
    height: 29px;
    color: #666 !important;
    background: #fff;
    border: none;
    color: #fff;
    padding: 3px 6px;
    margin: 0;
    width: 95px;
}

#login-form .pw {
    float: left;
    border-left: 1px solid #ddd; 
}

#login-form .go {
    float: right;
    height: 29px;
    width: 25px;
    background: #fff url(img/lukko.png) no-repeat center center;
    font-size: 0;
    text-indent: -999px;
    border: none;
    cursor: pointer;
    line-height: 24px;
    padding-top: 2px;
    margin: 0;
}

#login-form p, #login-form a {
    font-size: 0.867em;
    color: #fff;
    padding: 5px;
    margin: 0;
    }

#top ul {
    padding-top: 8px;
    margin: 0;
}

#top ul.group-right li:last-child {
    padding-right: 0;
    margin-right: 0;
}
    
#top li,
.topnav li {
	list-style: none;
	display: inline;
}

#top li {
	padding-right: 10px;
}
#top li a {
	font-size: 14px;
	color: #023e7c;
}

/* topmenu */

#topmenu {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    background: #666;
}

#topmenu li {
    list-style: none;
}

#topmenu li a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 10px 15px;
    text-shadow: 1px 1px 2px #444;
    border-bottom: 1px solid #444;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#topmenu li a:hover {
    background: #777;
}

#topmenu li a.on {
    background: #888;
    text-shadow: 1px 1px 2px #111;
}

/* topnav */

.topnav {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.topnav li {
	display: inline;
  float: none !important;
}

ul.nav-horizontal li a {
  display: inline !important;
}

.topnav a {
  font-family: 'Oswald', Helvetica, Arial;
	color: #fff;
	font-size: 18px;
  font-weight: 300;
	text-transform: uppercase;
	padding: 8px 11px 11px 11px;
  margin-left: -4px;
  line-height: 43px;
}

.topnav a:hover,
.topnav .current a, 
.topnav .parent a {
  color: #fff !important;
	background: #023e7c;
  text-decoration: none;
}

.section-extra .topnav a:hover, 
.section-extra .topnav .current a, 
.section-extra .topnav .parent a {
  color: #fff !important;
  background: #000;
  text-decoration: none;
}

/* vertical nav */

.nav-vertical {
	list-style: none;
	margin: 0 0 20px 0;
}

.nav-vertical ul {
	list-style: none;
	padding: 10px 5px 5px 5px;
}

.nav-vertical li {
	line-height: 170%;
}

.nav-vertical li a {
  font-family: 'Oswald';
  font-size: 20px;
  font-weight: 300;
  color: #023e7c;
	display: block;
	padding: 8px;
}

.nav-vertical li:nth-child(even) {
  background: #f7fafb;
}

.nav-vertical .current > a, .nav-vertical .parent > a {
 font-weight: 400;
}

.nav-vertical li ul,
.nav-vertical li ul li ul {
	margin: 0;
	padding: 5px;
}

.nav-vertical li li a {
	font-size: 0.833em;
}

.nav-vertical li li li a {
	font-size: 0.733em;
}

.nav-vertical ul li.current a,
.nav-vertical ul li.parent a {
	background: none;
}

/* themeimage */

.themeimage {
  max-width: 100%;
  margin-bottom: 6px;
}

.themeimage-description {
  font-style: italic;
  text-align: right;
  margin-top: -5px;
}

/* sidebar */

#sidebar nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar nav li.level-2 {
    border-bottom: 1px solid #434448;
}

#sidebar nav a.on {
  
    font-weight: bold;
}

#sidebar nav a:hover {
    text-decoration: underline;
}

#sidebar nav a {
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0.3em 1em;
}

#sidebar nav a.level-3 {
    font-size: 1em;
    padding-top: 0;
    padding-left: 2em;
}

/* search */

#search-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 29px;
    margin-bottom: 1em;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#search-form #search_query {
    border: none;
    width: 145px;
    height: 26px;
    padding-left: 8px;
    position: absolute;
    left: 0;
}

#search-form button {
    cursor: pointer;
    border: none;
    color: #fff;
    padding: 0 2px;
    width: 32px;
    height: 27px;
    background: #333;
    font-size: 0;
    text-indent: -999px;
    background: url(./img/search.jpg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
}

body .mean-search {
    display: none;
}

#content-inner #searchform {
    margin-bottom: 1em;
}

/* breadcrumb */

#breadcrumb {
    margin: 0;
	margin-bottom: 0.5em;
}
#breadcrumb li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-right: 5px;
	font-size: 11px;
	text-transform: uppercase;
	color: #bbb;
}

#breadcrumb li a {
	color: #444;
}

#breadcrumb li a:hover {
	color: #666;
	text-decoration: underline;
}

/* main */

#main {
	position: relative;
}

/* content */

#nav-container {
  position: relative;
  width: 100%;
  clear: both;
  padding: 35px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}

#main #nav-container .nav-title a {
  font-family: 'Oswald';
  font-size: 20px;
  font-weight: 300;
  color: #323232 !important;
  text-transform: uppercase;
  text-decoration: none;
}

#content .summary {
  font-size: 18px;
  font-style: italic;
  color: #323232;
  margin-bottom: 30px;
}

#content {
  color: #323232;
  padding-bottom: 10px;
}

#body {
  border-bottom: 1px solid #d5d2ca;
  margin-bottom: 1em;
}

/* items */

.item {
    clear: both;
    overflow: hidden;
    margin-bottom: 1em;
}

a.item-title {  
    display: block;
    font-weight: bold;
    margin-bottom: -5px;
}

.item h2 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.item ul {
  margin: 0;
}

.item li {
  list-style: none;
}


/* tags */

.tags {
    font-size: 0.7em;
    margin: 0 0 2.5em 0;
    background: url(./img/tag.png) top left no-repeat;
    padding-left: 30px;
}

.tags li {
    list-style: none;
    display: inline;
}

.tags a {
  font-size: 14px;
    color: #023e7c;
}

.item .tags {
    display: inline;
}

/* PAGINATION */

.MarkupPagerNav {
        margin: 1em 0;
	overflow: hidden;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none !important;
	margin: 0 !important;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left !important;
	padding: 5px 9px;
	color: #fff !important;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;	
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #434448;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}

/* calendar */

table.calendar {
    width: 100%;
}

table.calendar th, table.calendar td {
    width: 14%;
    text-align: left;
}

table.calendar td {
    background: white;
}

.calendar-nav a {
  display: block;
}

.calendar-nav .next {
  float: left;
}

.calendar-nav .prev {
  float: right;
}


/* FRONTPAGE */

/* slider */

.flexslider .slider {
	margin: 0 auto;
	margin-bottom: 20px !important;
	width: 100%;
	position: relative;
}

.flexslider .slides img {
	max-width: 1050px;
}

.flex-direction-nav {
	display: none;
}

.flexslider .slides {
	overflow: hidden;
}

.flexslider .slide img {
	float: left;
}

.flexslider .slide {
	display: none;
}

.flexslider .slide .readmore {
    display: block;
    font-size: 1.067em;
}

.flexslider .slide h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
}

.flexslider .slide .summary {
    color: #fff;
    font-size: 15px;
    margin: 0;
}

.flexslider .slide:first-child {
	display: block;
}

#front-left, #front-content {
  margin-top: 40px;
}

.template-home #body .event-item {
  margin-bottom: 6px;
}

.template-home #body .highlights {
  margin-bottom: 20px;
}

.template-home #body .highlights h2 {
  color: #db4d69;
  border-top: 1px solid #db4d69;
}

.template-blog #content h4,
.template-news #content h4,
.template-news-category #content h4,
.template-taglist #content h4 {
  margin-bottom: 0;
}

.template-blog #content .date,
.template-news #content .date,
.template-news-category #content .date,
.template-taglist #content .date {
  margin-bottom: 0.5em;
}

.readmore {
    color: #434448;
}

.summary {
    text-transform: none;
}

.template-home #body .highlights .readmore {
    display: block;
    clear: both;
    margin-bottom: 5px;
    color: #434448;
    text-transform: uppercase;
}

/* footer */

.footer {
    color: #fff;
    margin-top: 40px;
    padding: 30px 0 60px;
    background: #1e2442;
}

.footer .wrap {
    position: relative;
    padding: 20px 0 0 0;
    margin-bottom: 0;
}

.footer .wrap .people {
  position: absolute;
  left: 48.5%;
  top: -20px;
  width: 33px;
  height: 33px;
}

.footer h2 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 5px;
}

.footer p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0.7em;
}

.footer a, .footer {
	color: #fff;
	text-shadow: none;
  font-weight: 600;
}

.footer ul {
  float: left;
  width: 50%;
  margin: 0;
  overflow: hidden;
}

.footer ul li {
  display: block;
  text-align: left;
  margin-right: 2%;
}

.footer li.mainlist {
  margin: 0 2% 2% 0;
}

.footer ul li a {
  display: block;
  font-size: 0.933em;
  margin-bottom: 5px;
}

.footer a.main {
  font-size: 18px;
  color: #8fdfe2;
  text-transform: uppercase;
}

.footer ul li ul li {
  float: none;
}

.footer ul li ul li a {
  font-weight: normal;
  margin-bottom: 0;
}

.footer ul li ul li a:before {
  content: '› ';
}

.footer .size1of3 img {
  margin: -15px 0 15px 0;
}

.footer #contact p img {
  margin: 0 6px -4px 0;
}

/* fixed menu */

.fixedMenu .topnav {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0
}
.fixedMenu {
  margin-top: 42px
}

/* highlights */

.image-highlights {
  margin-bottom: 38px;
}

.image-highlights .content {
  padding: 20px;
}

.image-highlights .summary {
  margin-bottom: 0;
}

.image-highlights .image {
  position: relative;
}

.image-highlights img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.image-highlights a {
    color: inherit;
    display: block;
}

.image-highlights *:hover {
    text-decoration: none;
}

.image-highlights h2 {
    font-size: 18px;
    font-weight: 600;
    color: #323232;
    margin-bottom: 8px;
}

.image-highlights .date {
    font-size: 14px;
    color: #fff;
    padding: 5px;
    background: #cead00;
}

.image-highlights .image .date {
    position: absolute;
    left: 0;
    bottom: 10px;
}


.highlights-1 .image-highlights {
    padding: 0;
}

.highlights-1 .image-highlights .summary {
    font-size: 14px;
}

.highlights-2 .image-highlights {
    background: #f3f8f9;
    border-top: 3px solid #cead00;
    border-bottom: 1px solid #e7e7e7;
}

.highlights-2 .image-highlights h2 {
    font-size: 18px;
    font-weight: 600;
    color: #023e7c;
}

.highlights-2 .image-highlights .summary {

}

/* news */

.news {
    border-top: 3px solid #cead00;
}

.news-container > div {
    margin-bottom: 30px;
}

.news h2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #323232;
    padding: 10px 0;
    position: relative;
}

.news .readmore {   
    display: block;
    width: 100%;
    clear: both;
    padding-top: 5px;
}

.news .item {
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #e7e7e7;
}

.news .item a {
    font-size: 15px;
    font-weight: 600;
    color: #023e7c;
}

.news .item .date {
    display: inline;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: #666;
}

.more {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-right: 23px;
    background: url(img/list.png) no-repeat right center;
    position: absolute;
    right: 0;
    top: 10px;
}

.r {
    font-size: 14px;
  font-weight: bold;
  padding-right: 43px;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 80px;
  top: 10px;
  background: url(img/rss.png) no-repeat right center;
}

/* arkisto */

.archive {
   margin: 0;
}

.archive li {
   list-style: none;
}

/* banners */

.banners {
  position: relative;
  padding: 0 15px;
  overflow: hidden;
}

.banners #next,
.banners #prev {
  display: block;
  width: 13px;
  height: 34px;
  font-size: 0;
  text-indent: -999px;
  position: absolute;
}

.banners #next {
  top: 27%;
  right: 0;
  background: url(../images/next-carousel.png) no-repeat;
}

.banners #prev {
  top: 27%;
  left: 0;
  background: url(../images/prev-carousel.png) no-repeat;
}

.banners #next:hover,
.banners #prev:hover {
  opacity: 0.8;
}

.banner-item {
    width: 33.3%;
    float: left;
    text-align: center;
}

.banner-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* shares */

#shares {
  background: url(img/share.jpg?3) no-repeat right center;
  width: 147px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 10px;
}

#shares p {
  display: block;
  float: left;
  text-transform: uppercase;
  line-height: 30px;
  margin-right: 15px;
}

#shares a,
a.rss {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -999px;
  margin-left: 5px;
}

a.rss {
  background: url(img/rss.jpg) no-repeat right center;
  float: none;
  display: inline-block;
}

/* blog */

.blog-new {
	position: relative;
	background: #f2f1ef;
	min-height: 140px;
	padding: 1.333em;
	margin-bottom: 25px;
	overflow: hidden;
}

.template-home #body .blog-new h2 {
    padding: 0;
    margin-top: -4px;
    border: none;
}

.template-home #body .blog-new h2 a {
    color: #434448;
}

.template-home #body .blog-new h2 span {
    color: #434448;
}

.blog-new img {
    float: left;
    margin-right: 1.33em;
}

/* comments */

#CommentForm_form label {
  display: block;
  clear: both;
}

.CommentList {
  margin: 1em 0;
}

.CommentList li {
  list-style: none;
}

.CommentHeader {
  
}

#commentsHeadline {
  margin: 20px 0 10px 0;
}

#CommentForm {
  margin: 20px 0 10px 0;
}

/* gallery */

.gallery {
  width: 100%;
  overflow: hidden;
}

.gallery .bd {
  width: 102%;
  margin-bottom: 1em;
}

.gallery a {
  display: block;
  float: left;
  margin: 0 2% 2% 0;
  max-width: 23%;
}

.gallery img {
  display: block;
  max-width: 100%;
  height: auto;
}

.gallery .description {
  display: none;
}

/* files */

.mod-filelist ul {
  margin: 1em 0;
}

.mod-filelist li {
  list-style: none;
  padding-left: 5px;
}

.mod-filelist a:before {
  content: '› ';
}

/* contacts */

#contacts .item {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px dotted #d5d2ca;
}

#contacts .item:last-child {
  border-bottom: none;
}

#contacts .item img {
    float: left;
    margin-right: 1em;
}

#contacts .item .summary {
  font-size: 0.95em;
  margin-left: 120px;
  margin-bottom: 0;
}

/* persons */

ul.persons {
  margin: 0;
}

ul.persons * {
  font-size: 14px !important;
}

li.person {
  list-style: none;
  color: #323232;
  border-top: 3px solid #cead00;
}

li.person .title-row {
    background: #f3f8f9;
}

li.person .title-row p {
  padding: 0 10px 10px 0;
  margin: 0 0 0 15px;
  font-weight: normal;
}

li.person .title-row .fullname {
  font-size: 14px;
  font-weight: 600;
  padding: 16px 10px 10px 0;
}

li.person img {
  float: left;
  margin: 0 5% 0 0;
}

#content li.person .summary {
  font-style: italic;
  margin: 10px 10px 15px 0;
}

li.person .contact-row {
  border-top: 1px solid #ebebeb;
  overflow: hidden;
  margin-bottom: 20px;
}

li.person .contact-row > * {
  display: block;
  float: left;
}

li.person .contact-row p {
  padding: 6px 10px 0 0;
}

li.person .twitter,
li.person .letter {
  font-size: 0 !important;
  text-indent: -999px;
  width: 33px;
  height: 30px;
  border-left: 1px solid #ebebeb;
}

li.person .twitter {
  background: url(img/twitter.png) no-repeat center;
}

li.person .letter {
  background: url(img/letter.png) no-repeat center;
}

.template-yhteystiedot li.person {
  overflow: hidden;
}

.template-yhteystiedot li.person img {
  float: left;
  margin: 0 2% 0 0;
}

/* julkaisut */

#content h2.julkaisut-title {
  border-bottom: 3px solid #cead00;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
}

ul.julkaisut {
  margin: 0;
}

ul.julkaisut li {
  background: #fff;
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 1px solid whiteSmoke;
}

ul.julkaisut li:last-child {
  border-bottom: none;
}

ul.julkaisut h3 {
  margin: 0 0 0.5em 0;
  font-size: 16px;
  font-weight: bold;
}

ul.julkaisut p {
  margin-bottom: 0.5em;
}

ul.julkaisut .julkaisu img {
float: right;
margin: 5px 0 0 20px;
}

/* pages */

.pages li a {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0;
  border-top: 1px solid #e7e7e7;
}

/* tag-cloud */

.tags-cloud {
  text-align: center;
  padding-top: 10px;
  margin: 20px 0;
  border-top: 3px solid #cead00;
}


/* custom */

.date {
    font-size: 0.8em;
    font-weight: bold;
    color: #434448;
    margin-right: 0.5em;
    margin-bottom: 0;
}

.back {
  display: block;
  clear: both;
  margin: 1em 0;
}

button {
  border: 0;
  border: none;
  cursor: pointer;
  overflow: visible;
  &::-moz-focus-inner;
  color: #fff;
  background: #434448;
  cursor: pointer;
  margin: 0;
  padding: 0 10px 2px 10px;
}

#mapContainer {
  margin: 20px 0 40px 0;
  border: 3px solid #cead00;
}

.prev-link:after {
  content: "\00a0»";
}