/*
Theme Name: atweb-theme
Theme URI: http://www.atriumweb.dk
Description: Top menu, boxed design
Author: Martin G. Larsen
Author URI: http://www.atriumweb.dk
Version: 1.1
Tags: clean, light, responsive

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

a.logo {
position: relative;
z-index: 2;
}


/******************* 
	  GENERELT
*******************/

body, h1, p, a, h2, h3, h4, h5, h6 {
font-family: 'open sans';
font-weight: 400;
line-height: 19pt;
}

h1 {
padding: 15px 0 20px 0;
border-bottom: 1px dashed #999;
margin-bottom: 25px;
font-size: 25px;
}

h2 {
padding: 15px 0 20px 0;
border-bottom: 1px dashed #999;
margin-bottom: 25px;
font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
line-height: 30pt;
}

p {
font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}

.row {
margin-top: 25px;
}

/*******************
	  TYPOGRAFI
*******************/

.toplunk {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1;
background-color: #eaeaea;
padding: 20px;
font-weight: 600;
text-decoration: none;
}

.toplunk {
background-color: red !important;
}

/*******************
	   HEADER
*******************/

header {
height: 250px;
background-color: #222;
padding: 10px;
}

a.logo {
margin: 10px auto;
display: block;
width: 159px;
}

/******************* 
	    MENU
*******************/

.navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 0px;
margin-top: 9px;
}

.navbar .navbar-nav {
display: inline-block;
float: none;
}

.navbar .navbar-collapse {
text-align: center;
}

.navbar-header {
display: none;
}

.menu-item a {
font-family: 'oswald';
text-transform: uppercase;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ccc;
background-color: #fff;
}

.navbar-collapse {
padding-left: 0px;
}

.navbar.navbar-default {
background-color: transparent;
}

navbar-toggle {
top: 400px;
z-index: 99999;
}

.navbar-default {
border: none;
}
.navbar-default a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
text-decoration: none;
}


/******************* 
	    FORSIDE
*******************/

div#frontpagepostimage {
padding: 50px;
background-size: cover;
background-position: center;
height: 200px;
opacity: 0.8;
margin-bottom: 30px;
}

div#frontpagepostimage p, div#frontpagepostimage h3, div#frontpagepostimage a {
color: #fff;
font-weight: 600;
font-family: 'oswald';
text-align: center;
text-decoration: none;
line-height: 30pt;
}

div#frontpagepostimage h3 {
font-size: 30px;
}


/******************* 
	    MAIN
*******************/

a {
text-decoration: underline;
color: #111 ;
}

p {
color: #111;
}

/*******************
	   FOOTER
*******************/

footer {
background-color: #222;
height: auto;
position: relative;
padding-top: 15px;
}

.sidebar h5 {
font-family: 'oswald';
text-transform: uppercase;
border-bottom: 1px dashed #999;
margin-bottom: 10px;
padding-bottom: 4px;
}

.textwidget a {
text-decoration: underline;
}

#footerrow label.gfield_label, #footerrow label {
font-family: 'oswald';
color: #ffffff;
}

#footerrow .sidebar h5 {
font-family: oswald;
text-transform: uppercase;
border-bottom: 1px dashed #ffffff;
color: #ffffff;
margin-bottom: 10px;
padding-bottom: 4px;
}

#footerrow p, #footerrow a {
color: #ffffff;
}

.nav > li {
float: left;
}

/*******************
	   Media Query
*******************/

@media only screen and (max-width: 1199px) {
div#frontpagepostimage h3 {
font-size: 20px;
line-height: 20pt;
}
}

@media only screen and (max-width: 991px) {
div#frontpagepostimage h3 {
font-size: 30px;
line-height: 30pt;
}
.sidebar {
padding: 0px;
}
.sidebar h5 {
padding: 15px 0 20px 0;
border-bottom: 1px dashed #999;
margin-bottom: 25px;
font-size: 25px;
font-family: 'open sans';
text-transform: none;
}
}

.nav > li > a {
padding: 10px 30px;
font-size: 14px;
}

@media only screen and (max-width: 767px) {
.nav > li > a {
position: relative;
display: block;
padding: 10px 5px;
font-size: 11px;
}
}