@import url(//fonts.googleapis.com/css?family=Noto+Sans|Rochester);

body {font: normal 14px 'Noto Sans'; color: #666; background: #fff; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #333;}
h1, h2, h3 {font: normal 24px 'Noto Sans'; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #9F98B5;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #9F98B5;text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #645C6C;text-decoration: none;}

a, a:visited {color: #A498B4;text-decoration: underline;}
a:hover {color: #645C6C;text-decoration: none;}
a img {border: none;}
ul, ol {padding-left: 25px;}

#header_wrapper {padding: 30px 0; background-color: lightgrey; border-bottom: 3px solid #eee;}
/* Havde tidligere: background: url(/assets/images/background.jpg) top center no-repeat; background-size: cover; */

#header_text {padding-bottom: 5px;}
#header_text h1#site_heading {font: normal 30px 'Noto Sans';color: fff; margin: 0px; display: inline-block; text-transform: uppercase; padding-right: 5px;}
#header_text h1#site_heading a {color: #fff;}
#header_text h2#site_subheading {font: normal 18px 'Noto Sans';color: #fff; margin: 0px;display: inline-block;}

#header_photo {padding: 30px 0px; text-align: center;}
#header_photo img {max-width: 90%; border: 12px solid #fff; background: #fff;}

#primary_navigation {font: normal 16px 'Noto Sans'; zoom: 1; overflow: hidden; background: #fff;}
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0; text-align: center; text-transform: uppercase;}
#primary_navigation ul li {display: inline-block;}
#primary_navigation ul li a {display: inline-block; text-decoration: none; color: #666; padding: 15px 20px;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {color: #A498B4;}
#primary_navigation ul li .sf-sub-indicator {color: #A498B4;}

#primary_navigation ul.sf-menu ul.sub_navigation {border-radius: 0px;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {color: #666;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a:hover {color: #A498B4;}

#top_wrapper {padding-bottom: 10px;}
.location {padding: 10px;}

.navigation_component ul {list-style-type: none; font-size: 15px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 25px; list-style-type:circle;}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}

.metadata {font-size: 11px; border-top: 2px solid #ccc;}

.comment.owner {border: none; background: #eee;}
.comment {border-bottom: 2px solid #ccc;}

.component input {min-height: 20px}
.component input, .component textarea {border: none; background: #eee; border: none; color: #666;}
input.form_field_submit_button, .submit_wrapper input {padding: 5px 10px; background: #A498B4; color: #fff;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #645C6C; color: #fff;}

h2.component_heading {
  color: white !important;
}

#footer_wrapper {background: url(../images/fabric_of_squares_gray.png) top left repeat; padding: 20px 10px; text-align: center; border-top: 3px solid #eee; color: #666;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #666;}
#footer_wrapper #powered_by {padding: 10px 0 20px 0;}






@media screen and (max-width: 650px) {
  #header_text {text-align: center; float: none;}
  #header_text h1#site_heading {padding-left: 0px;}
  #primary_navigation ul li a {padding: 10px;}

}

.image img {
  border: 18px solid white !important;
}

label {
  color: lightgrey !important;
}