/*------------------
	
	CSS overview: 

	1. STRUCTURE
	2. MAIN CONTENT
	3. PRIMARY MENU 
	4. FOOTER
	5. GROUP COLORS
	6. WIDGET
	7. KONTAKT
	8. CUSTOM

-------------------*/

/*--------------------------------------------------
			Structure 
---------------------------------------------------*/
body {
	font-family: "asap", sans-serif;
	font-size: 11px;
	line-height: 1.5;
	color: #676767;
	background: #fff;
}
body {
	background: url(https://personcoaching.dk/wp-content/uploads/2015/12/top_bg.jpg) repeat top left !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
html, body {
	height: 100% !important;
	width: 100%;
	margin: 0px;
}

html {
	overflow: visible !important;
}

#inner-content { 
	padding: 0 0 30px;
	width: 700px;
	float: left;
}
#sidebar {
	margin-top: 25px;
	width: 220px;
	float: right;
    font: normal 14px/1.5  sans-serif;
}
/*--------------------------------------------------
			WRAPPERS
---------------------------------------------------*/
#wrapper {
	width: 100%;
}
.content-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 30px;
	background: white;
}
#header-wrapper {
	width: 100%;
}	
.header {
	width: 960px;
	padding: 0px 20px;
	margin: 0 auto;
	position:relative;
	border-bottom: none;
	background: white;
}
#logo, #logo a {
	float: left;
}
#logo img { 
	display:none;
}

/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#primary-menu {
	float: right;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	width: 100%;
	margin-bottom: 20px;
}
#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
    cursor: pointer;
    width: 100%;
	padding: 7px;
	margin: 38px 0;
/*	box-shadow:0 0 0 rgba();
	-moz-box-shadow:0 0 0 rgba();
	-webkit-box-shadow:0 0 0 rgba();*/
	color: #676767;
}
#primary-menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: right;
	width: 100%;
}
#primary-menu ul li:hover { 
	visibility: inherit; 
}
#primary-menu ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	/* background: url(../images/sprite.png) no-repeat scroll right -158px transparent; */
}
#primary-menu ul li:last-child {
    background: none;
}
#primary-menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 400;
	color: #787878;
	padding: 6px 12px;
	display: block;
	float: left;
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {
	color: #506c82;
}

#primary-menu .current-menu-item > a {
	color: #787878;
}

#primary-menu .current-menu-ancestor > a {
	color: #506c82;
}

#primary-menu ul li a.logo {
	display: none;
	margin: 0;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	width: 180px;
	z-index: 9999;
}
#primary-menu ul ul li { 
	width: 100%; 
}
#primary-menu ul li:hover ul {
	left: 0;
	top: 29px;
}
#primary-menu ul li:hover li ul { 
	top: -9999em; 
}
#primary-menu ul li li:hover ul {
	left: 180px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0;
	background: #f0f0f0;
}
#primary-menu ul ul li {
	margin: 0;
	background: none;
	/* border-bottom: 1px solid #555; */
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size: 12px;
	text-transform: none;
	padding: 10px 15px;
	float:none;
	display:block;
}

#primary-menu ul li:hover ul li a {
    color: #787878;
    background: white;
}


#primary-menu .burger-menu {
	display: none;
	background: url(../images/burger-ikon.svg) no-repeat 8px center;
	height: 40px;
	cursor: pointer;
	border-bottom: none;
}

#primary-menu ul li:hover ul:after {
background: transparent;
content: " ";
display: block;
position: relative;
height: 10px;
width: 100%;
left: 0px;
top: -10px;
}
/*--------------------------------------------------
					FOOTER
---------------------------------------------------*/
#footer {
	color: #999;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/* background-color:#F9F9F9; */
	font-size: 12px;
}
#footer a {
	color: #ccc;
	font-weight: bold;
}
#footer a:hover {
	color:white;
}
#footer h3 {
	font-size:20px;
	font-weight: 400;
	color: #fff;
	display: block;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	margin-bottom:15px;
}
#footer ul li .date {
	font: normal 11px/20px Helvetica,Arial,sans-serif;
    display: block;
}
#footer-content {
	padding: 0px 20px;
	width: 960px;
	margin: 0 auto;
	background: white;
	text-transform:uppercase;
}
#footer-bottom, #footer-top {
	overflow: hidden;
	position: relative;
}
#footer-bottom {
	padding: 21px 0px;
}
#footer-bottom p {
	margin-bottom: 0;
}
#footer-bottom .one-half:first-of-type {
	width:100%;
	border-top: 1px solid #C7D2D8;
	text-align:center;
	padding-top: 10px;
	color: #146995;
}
#footer-bottom .one-half:last-of-type { 
	width:24%;
	float: right;  
	font-size:10px;
	display:none;
}
#footer-bottom .one-half:first-of-type a {
    color: #146995;
    text-decoration:underline;
}
/*--------------------------------------------------
				      Group Colors
---------------------------------------------------*/

input.submit, input.submit:focus, input.submit:active {
	background: #506c82;
}
a { 
	color: #506c82;
}
#footer a:hover {
	color: #506c82;
}
.contact-success {
	background-color: #506c82;
}
.form .contact-error {
    color: #506c82;
}
.widget a:hover {
	color: #506c82;
}
.widget ul#recentcomments a.author:hover {
	color: #506c82;
}
.post-title h2.title a:hover {
	color: #506c82;
}
.wp-pagenavi span.current {
	background-color: #506c82;
}
.tagcloud a:hover {
	background-color: #506c82;
	color:white;
}
.button {
	background: #506c82;
}
/*--------------------------------------------------
					WIDGET
---------------------------------------------------*/
.widget {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.widget h3.title {
	font-size:18px;
	line-height: 1.5;
	font-weight: 400;
	text-transform: initial;
	display: block;
	margin: 0 0 16px 0;
}
.widget ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
    color: #aaa;
}
.widget ul li {
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
}
.widget ul li a {
	color: #676767;
	font-weight: bold;
}
.widget a:hover {
}
.widget ul li span.date {
	color: #aaa;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}
.widget img.alignleft {
	margin: 5px 15px 0 0;
	padding: 6px;
	background-color: #f4f4f4;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.widget.widget_archive li {
	float: left;
	margin-bottom: 5px;
}
.widget ul#recentcomments a {
	font-size: 12px;
	text-transform: none;
	font-weight: bold;
}
.widget ul#recentcomments a.url:hover {
	color: orangered;
}
.widget ul#recentcomments, .widget ul#recentcomments li a.url {
	color: #aaa;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
}
.tagcloud a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 16px;
	float: left;
	padding: 6px 6px;
	margin: 0 4px 4px 0;
	background-color: #444;
	display: inline;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
ul#recentcomments li, ul.bra_recent_entries li {
	margin: 0 0 15px 0;
}
#searchform label {
	display: none;
}
/*--------------------------------------------------
				     KONTAKT
---------------------------------------------------*/
.knappen {
	background-color: #444;
	width: 120px;
}
.formerror {
	background: #ffd0d0;
	border: 1px solid #ce4f4f;
	padding: 10px;
	color: #912020;
	margin-top: -20px;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.fejl_besked {
	background: #f4e580;
	border: 1px solid #c9bb5f;
	padding: 5px;
	color: #827627;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	top: -2px;
	right: 150px;
}
#kontakt p {
	position: relative;
	margin-bottom: 10px;
}
#kontakt  {
	padding-bottom: 20px;
}
#infowindow {
	width: 260px;
	height: 130px;
	overflow: auto;
}
#infowindow p {
	font-size: 13px !important;
	color: #797979;
}
#map-canvas {
	height: 342px;
	width: 100%;
	margin-bottom: 10px;
}
#map-canvas img {
	max-width: none !important;
}
.ermsg {
	display: block;
	padding-bottom: 8px;
}
/*--------------------------------------------------
				     _CUSTOM
---------------------------------------------------*/
.wpcf7{
	width: 300px !important;
	float: left;
}
.wpcf7 input, .wpcf7 textarea{
	padding: 2px !important;
	border: 1px solid gray;
	margin: -5px 0px 3px 0px !important;
}
.wpcf7 input{
	width: 300px !important;
}
.wpcf7 textarea{
	margin-top: 2px !important;
	width: 300px !important;
}
input.form7submit{
	width: 100px !important;
	padding: 4px !important;
}
span.inputText{
	width: 100%; float: left;
}
.slider-tekst {
	position: absolute;
	right: 20px;
	width: 420px;
	top: 100px;
	background: black;
	background: rgba(0, 0, 0, 0.8);
	font-size: 18px;
	padding: 12px 15px;
	line-height: 1.4;
}
.home .wp-caption {
	float: left;
	position: relative;
	margin-right: 2%;
	width: 32% !important;
}

.home .wp-caption img {
	display: block;
	width: 100% !important;
	height: auto !important;
}

.home .wp-caption:last-child {
	margin-right: 0;
}

.home .wp-caption.last {
	margin-right: 0;
}

.home .wp-caption a {
	position: relative;
	display: block;
}

.home .wp-caption p a {
	position: absolute;
	padding: 15px 10.1%;
	background: #6D5B56;
	background: rgba(109, 91, 86, 0.8);
	color: #FFF;
	z-index: 1;
	font-weight: bold;
	font-size: 16px;
	bottom: 0px;
	width: 80%;
}
/* Nextgen Gallery IE8 thumbnail fix */
.ngg-gallery-thumbnail img {
	height:auto;
	width:auto;
}

.stom-felt.error input,
.stom-felt.error textarea {
	background: #AC0000;
	color: #fff;
}

/*debug*/

/*.one {background-color: pink;}
#inner-content {background-color: red;}
#sidebar { background-color: blue;}
.content-wrapper {background-color:yellow;}
*/

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

#sb-site {
	height: 100%;
}

.partnerlogo {
  position: absolute;
  right: 30px;
  background: url(https://personcoaching.dk/wp-content/uploads/2015/12/pf.jpg);
  top: 10px;
  height: 80px;
  width: 150px;
  }

  div#logo {height:100px;}


  .headtitle { color: #506c82;   font-size: 24pt;font-weight:900;margin-top: 10px;}

    .headsubtitle {
    font-size: 18pt;
    color: #506c82;
    margin-top: -10px;
    }



    h2 {
    color: #506c82;
    font-weight: bold;
    font-size: 13px;
}

.home .stom-cols-3 {
    background: #F1F1F1;
    min-height: 390px;
    position: relative;
    margin-top: 20px;
    }

.home .stom-cols-3 a {
    position:absolute;
    top: 280px;
    background:#517486;
    color:white;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    left: 10px;
    }

    .home .stom-cols-3 img {  }

	.home .stom-cols-3 div { 
    padding:12px;
    box-sizing:border-box
	}


.home .stom-cols-3 div h2 {
	padding:0px;
	margin:0px;
	margin-top:-20px;
	font-weight: bold;
	font-family: asap;
	}


.home .stom-cols-3.last div h2 { 
	margin:0px;
		}

.home .stom-cols-3.last div { 
    background-color: #333333;
    color: #fff;

		}

.section-title h1.title {     color: #506c82!important; }

.content-wrapper li {    list-style-image: url('https://personcoaching.dk/wp-content/uploads/2015/12/bullet.png');  }
	
h3 {font-size: 18px; }
	h3, b, strong { color:#506c82!important;}

	.section-title {

    padding: 5px 0 20px;

}