/*
Theme Name: Ante Fastigheter
Theme URI: http://mediacad.se
Author: Mediacad cgi AB
Author URI: http://mediacad.se/
Description: Ante Fastigheter
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: fastigheter, ante
Text Domain: ante
*/

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





html, body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	margin:0; 
	padding: 0;
	font-size: 16px;
}

body {
	background-color: #f2f6f8;
}

h1, .h1, h2, .h2, h3, .h3 {
 	padding: 0px; margin: 0px;
}

h1 {
	font-size: 26px; color: #787878; font-weight: 400; margin-bottom: 13px;
}

body.page-template-page-home h1, #site-title h1 {
	font-size: 36px;
}

h2, h3.widget-title {
	font-size: 26px; color: #787878; font-weight: 400; margin-bottom: 0.7em; line-height: 1.2;
}

h3.widget-title {
	margin-bottom: 0.2em;
}

h3 {
	font-size: 19px; color: #787878; font-weight: 400; line-height: 1.3;
}

/*Används på om oss-sidan*/
h4 {
	font-size: inherit; font-weight: 400; margin-top: 22px; margin-bottom: 8px;
}

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

a:hover {
	/*color: #386e21;	*/text-decoration: underline;
}

a:focus {
	color: #787878;	
}

p {
	margin: 0 0 1.1em; font-size: 1em; margin-bottom: 0.3em; line-height: 1.4em;
	/*line-height: 1.5em;*/
}

em {
	font-style: italic;	
}

sup { 
	font-size: 0.75em; vertical-align: super; line-height: 0;
}

strong{
 	font-weight: bold;
}

img {
	max-width: 100%; height: auto;	
}

.entry-content {
	position: relative;                      
}

.clearfix:after, .clear:after { 
	content: "."; visibility: hidden; display: block; height: 0; clear: both;
}

#content {
	margin-top: 145px;	
}


/*Header*/
#header {
	width: 100%; margin: 0 auto; background: #ffffff url(img/border_top.png) bottom repeat-x; padding-bottom: 3px; position: fixed; top: 0px; z-index: 10000;
}

body.admin-bar #header {
	top: 32px;	
}

.headerinner {
	position: relative; height: 142px;	
}

.headerTop {
	width: 100%; height: 27px; line-height: 27px; border-bottom: 1px solid #d2d2d2; position: relative;
}

.headerTop ul {
	margin: 0px;	
}

.headerTop .menu ul li {
	padding: 0px;	
}

#branding {
	width: 24%;
}

.headerImage {
	width: 1800px; margin: 0 auto; background: none;
}

.header_info {
	float: left; width: 50%; font-size: 13px; margin-top: 4px;
}

.header_top {
	float: right; width: 50%;
}

.header_info p {
	margin-bottom: 0px; line-height: 27px !important;	
}


.header_top ul li {
	margin-right: 20px;
}

.header_top ul li a {
	font-size: 16px; line-height: 27px !important;
}

.header_top ul li:first-child a{
	font-weight: 600;
}

.header_top .current-menu-item a {
	font-size: 20px; color: #769690; 
}

#site-logo {
	margin-bottom: 7px; margin-top: 10px;	
}


/*Other general styles*/
#wrapper {
	margin: 0 auto;
}

#container {
	width: 1170px; margin: 0 auto; padding-top: 20px; background: #ffffff; position: relative;
}

#container_cat {
	width: 1170px; margin: 0 auto; padding-top: 20px; position: relative;
}

/*body.page-template-page-home*/ .startcontent {
	padding-left: 11px; padding-right: 11px; padding-top: 60px;
}

.inner_content {
	padding-left: 11px; padding-right: 11px; padding-top: 10px;
}

#breadcrumbs {
	margin-left: 1px; padding-bottom: 30px; font-size: 0.8em; color: #787878;
}

#breadcrumbs a, #breadcrumbs a:link {
	color: #787878;	
}

/*#breadcrumbs .breadcrumb_last {
	font-weight: 500;	
}
*/
.hide {
	display: none;	
}




/*Menyer*/
.menu_container {
	width: 1170px; margin: 0 auto; position: relative; height: 100%;
}

#menu {
    position: absolute; height: 100%; width: 76%; top:0; right:0; height: 104px;
}

.menuwrapper {
    position: absolute; bottom: 7px; right: 0;
}

#menu ul {
	margin-bottom: 0px; font-weight: 400;
}

.menu {
	text-align: right;
}

.menu li {
	display: inline-block; vertical-align: middle; position: relative;
}

.menuwrapper .menu li {
	 margin-left: 27px; margin-right: 6px; font-size: 1em;
}

.menuwrapper .menu li:after {
    content: '';
    position: absolute;
    right: -19px;
    top: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #769690;
    clear: both;
}

.menu li:last-child {
	margin-right: 0px;	
}

.menuwrapper .menu li:last-child {
	margin-right: 10px;	
}

.menu li:hover a, .menu li:hover a:link, .menu li.current_page_item:hover a, .menu li.current-page-ancestor:hover a,  .menu li.current-post-parent:hover a, .menu li.current-menu-item:hover a {
	/*color: #fff;*/
}

.menu li.loggain {
	background: #78ba63;
}

.menu li.loggain a, .menu li.loggain a:link {
	color: #fff;
}

.menuwrapper li a, .menuwrapper li a:link {
	text-decoration: none;	
}

.menuwrapper li.current-menu-parent a, .menuwrapper li.current-menu-item a, .menuwrapper li.current-category-ancestor a {
	text-decoration: underline;
}



.menu li.current-menu-ancestor a, .menu li.current-menu-ancestor li a:link, .menu li.current_page_item a, .menu li.current_page_item li a:link, .menu li.current-page-ancestor a, .menu li.current-page-ancestor li a:link, .menu li.current-post-parent a, .menu li.current-post-parent a:link, .menu li.current-menu-item a, .menu li.current-menu-item a:link   {
	/*color: #9c9c9c;*/
}

#menu ul li .sub-menu {
	position: absolute;
	height: auto;
	line-height: normal;
	font-size: 1em;
	text-align: left;
	display: block;
	width: 100%;
	display: none;
	margin-bottom: 1px;
	z-index: 9999;
	left: 0px;
	margin-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	
	background: #acd299;
}

#menu ul li .sub-menu a, #menu ul li .sub-menu a:link {
	color: #fff;
}

#menu li:hover .sub-menu {
	display: block; 
}

#menu li .sub-menu li {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 1px solid #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
}

#menu li .sub-menu li:first-child {
	padding-top: 10px;	
}

#menu li .sub-menu li:last-child {
	border-bottom: 0px solid #9c9c9c;
	padding-bottom: 10px;	
}

#menu .sub-menu li.current-menu-item {
	text-decoration: underline;
}


/*Hem*/
.startcontent {
	padding-top: 40px;	
}

.start_boxes {
	margin: 27px auto;

    width: -webkit-calc(100% - 4px);
    width:    -moz-calc(100% - 4px);
    width:         calc(100% - 4px);
}

.start_box {
	float: left; width: 32%; background: #a3c4aa; height: 385px; position: relative;
}

.start_box:nth-child(2) {
	margin-left: 2%; margin-right: 2%; background: #abc380; background: #769690;
}

.start_box:nth-child(2) .start_image img {
	position: absolute; bottom: 0px;	
}

.start_text {
	padding-left: 2%; padding-right: 2%;	
}

.start_text p {
	color: #fff;
}

.start_text h3 {
	font-size: 28px; padding-top: 0.5em; font-weight: 500; color: #fff;
}

.start_box a:hover {
	text-decoration: underline;	
}

.start_box:first-child a:hover, .start_box:last-child a:hover {
	text-decoration: none !important;	
}

.start_image img {
	width: 100%; height: auto;	
}

.start_text a, .start_text a:link {
	color: #fff;	
}

/*Om*/
.omanders {
	background: #e5edf2; padding: 14px;	
}

/*Kontakt*/
.contact_container {
	margin-left: -27px !important; margin-right: -27px !important;	
}

.contact_container .vc_column_container > .vc_column-inner {
	/*padding-left: 15px; padding-right: 15px;*/
}

.contact_container p {
	margin-bottom: 10px; font-size: 0.88em; line-height: 1em;
}

.contact_container p:first-child {
	font-size: 1em; 
}

.contact_container p:nth-child(3) {
	line-height: 10px; margin-bottom: 0px;
}

.contact_container p a, .contact_container p a:link {
	color: #000; font-weight: 500;
}

/*Bostäder etc.*/
.post_container {
	padding-bottom: 30px;	
}

.post_header {
	padding-left: 11px;	
}

.post_header h1 {
	margin-bottom: 6px;
}

.post_header h2 {
	font-size: 19px; margin-bottom: 20px;	
}

.inner_content_post {
	padding-left: 1px; padding-right: 1px;
}

.post_image {
	float: left; width: 65%; position: relative;
}

.post_image .gallery-item {
	margin-top: 0px !important; width: 100% !important;
}

.post_image .gallery-item img {
	border: 0px solid !important;
}

/*body dl.gallery-item + br { display: none; }*/

.slider_controls {
	position: absolute; top: 0px; right: 0px; width: 210px; height: 35px; line-height: 35px; border: 1px solid #d2d2d2; z-index: 5000; background: #fff;
}

.slider_controls_inner {
	 position: relative; width: 100%; height: 35px; line-height: 35px;
}

.slider_controls .prev_image, .slider_controls .next_image {
	width: 35px; border-left: 1px solid #d2d2d2; background: none; float: right; position: relative; left: 0; right: 0; height: 35px;
}

.slider_controls .prev_image:hover, .slider_controls .next_image:hover {
	cursor: pointer;
}

.slider_controls .prev_image:after {
    content: '';
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    top: 10px;
	
    width: 0;
    height: 0;
  	border-top: 7px solid transparent;
  	border-bottom: 7px solid transparent;
  	border-left: 8px solid #787878;
    clear: both;
}

.slider_controls .next_image:after {
    content: '';
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    top: 10px;
	
    width: 0;
    height: 0;
  	border-top: 7px solid transparent;
  	border-bottom: 7px solid transparent;
  	border-right: 8px solid #787878;
    clear: both;
}

.slider_controls .more_images {
	float: left; width: 136px; text-align: center;
}

.bss-prev, .bss-next {
	visibility: hidden;
}

.description {
	float: right; width: 32.7%;	
}

.description > h3, .facts > h3 {
	border-bottom: 1px solid #d2d2d2; padding-bottom: 5px; color: #000; margin-bottom: 15px;
}

.description .description_content {
	width: 83%;
}

.description .description_content p {
	font-size: 14px;
}

.map, .facts, .interest {
	float: left; width: 31%;
}

.map #map, .headermap #map {
	width: 100%; height: 430px;	
}

.facts {
	margin-left: 2.5%; margin-right: 2.5%; font-size: 14px; line-height: 1.4em; min-height: 1px; width: 31.5%;
}

.interest {
	width: 32.5%;	
}

.facts tr > td:first-child {
	width: 46%;	
}

.interest {
	min-height: 1px; margin-top: 29px;
}

.interest p {
	margin-bottom: 0px; background: #f8fafb; padding-top: 15px; padding-bottom: 15px; padding-left: 27px; padding-right: 45px; color: #000; margin-right: 13px; border: 1px solid #bbbbbb; font-size: 14px;
}
.interest a, .interest a:link {
	color: #932032;	
}


/*Felanmälan*/
.inner_content_left {
	float: left; width: 64.6%; position: relative;
	padding-left: 11px; padding-top: 10px;
}

.inner_content_right {
	float: right; width: 27%;  position: relative;
	margin-right: 11px; padding-top: 10px;
}

body.page-template-page-fel h2 {
	font-size: 30px; color: #769690;	
}


/*Sidebar*/
.inner_content_right {
	background: #e5edf2; padding-bottom: 20px; padding-right: 25px; padding-left: 17px; padding-top: 30px; margin-bottom: 60px;
}

.inner_content_right p {
	font-size: 19px; font-style: italic;
}

.inner_content_right h3 {
	
}

.inner_content_right h4 {
	/*font-size: 22px;*/
	font-style: italic; color: #769690; font-weight: 600; font-size: 22px;
}

/*Kontakt*/
.red {
	color: #a45248;	font-weight: 600;
}

.small {
	font-style: italic; font-size: 11px;	
}

.wpcf7 .clearfix {
	margin-bottom: 15px; position: relative;	
}

.wpcf7-text, .wpcf7-select {
	height: 40px; line-height: 40px; width: 100%; border: 0; border-bottom: 1px solid #a6a5a6; padding-bottom: 1px; background: #faf9fc;
}

.wpcf7-select  {
	background: #faf9fc url(img/downarrow.jpg) no-repeat; background-position: right; color: #787878; padding-left: 5px;
}

.wpcf7-select option {
	
}

.wpcf7-textarea {
	height: 139px; width: 100%; border: 0; border-bottom: 1px solid #a6a5a6; background: #faf9fc; margin: 0px; padding: 0px;
}

.wpcf7 .textarea label {
	float: none; width: 100%; margin-bottom: 8px; display: block;
}

.wpcf7 .textarea .wpcf7-form-control-wrap {
	float: none; width: 100%; display: block;
}

/*
.wpcf7 .wpcf7-text::after {
	height: 1px; background: #000; content: " "; display: block; width: 100%;
}*/

.wpcf7 wpcf7-textarea {
	height: 40px; width: 100%; border: 0; border-bottom: 1px solid #a6a5a6; background: #faf9fc; 
}

body.page-template-page-fel {}

.wpcf7 div label {
	float: left; width: 21.1%; margin-top: 12px; /*position: absolute; bottom: 0px;*/ position: relative;
}

.wpcf7 .wpcf7-form-control-wrap {
	float: right; width: 78.9%;
}

/*Dual field*/
.wpcf7 .dualfield .wpcf7-form-control-wrap, .wpcf7 .triplefield .wpcf7-form-control-wrap {
	width: 26.3%; float: left;
}

.wpcf7 .dualfield .wpcf7-form-control-wrap:nth-child(2) {
	margin-right: 5%;
}

.wpcf7 div.dualfield label:last-child {
	margin-left: 3%;
}



/*Small field*/
.wpcf7 .smallfield .wpcf7-form-control-wrap {
	width: 26.3%; float: right;
}

.wpcf7 .smallfield label{
	width: 73.7%;
}

/*Checkbox*/
.wpcf7 .checkbox .wpcf7-checkbox {
	width: 100%;	
}

.wpcf7 .checkbox .wpcf7-form-control-wrap {
	float: none; width: 100%;
}

.wpcf7 .checkbox .wpcf7-list-item-label {
	float: left; width: calc(100% - 60px); line-height: 40px;
}

.wpcf7-checkbox label {
	width: 100% !important;	
}

.wpcf7 input[type="checkbox"] {
	width: 40px; height: 40px; border: 1px solid #a6a5a6; background: #faf9fc; background-color:#faf9fc;
    /*-webkit-appearance: none;*/    
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;
	float: right;
	margin-right: 0px;
}

.wpcf7 input[type="checkbox"]:checked {
    background-color:#000;
    border-left-color:#06F;
    border-right-color:#06F;
}

.wpcf7 input[type="checkbox"]:hover {
    /*box-shadow:0px 0px 10px #1300ff;*/
}

span.wpcf7-list-item {
	width: 100%; margin: 0em !important;
}

.wpcf7-list-item-label {
	line-height: 40px;
}


.select .wpcf7-form-control-wrap {
	width: 26.3%;	
}

.select .wpcf7-form-control-wrap select {
	width: 100%; line-height: 40px; height: 40px;
}

.wpcf7-select {
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */	
}

.wpcf7 .select div label {
	
}

.right {
	float: right; width: 47.4%;
}

.right label {
	margin-top: 0px; float: none;	
}

.wpcf7 .triplefield .right .wpcf7-form-control-wrap:last-child {
	width: 44%; margin-left: 6%;
}

.wpcf7 .triplefield .right .wpcf7-form-control-wrap:first-child {
	width: 44%; margin-right: 6%;
}

.contactheader {
	margin-top: 50px; background: #769690; height: 40px;
}

.contactheader div {
	color: #fff; line-height: 40px; font-size: 20px;	
}

.contactheader .wpcf7-form-control-wrap {
	width: auto; float: left; position: relative; width: 30px;
}

.wpcf7 div.contactheader label {
	margin-top: 12px;	
}

.wpcf7 .contactheader input[type="checkbox"] {
	visibility: hidden; height: 0px;
}

.contactheader .wpcf7-checkbox  .wpcf7-list-item-label {
  	font-size: 0; display: block; margin: 0px;
  	width: 14px;
  	height: 14px;
  	position: relative;
	margin-left: 5px;
  	background: #ffffff;
  	/*background: linear-gradient(top, #ffffff 0%, #a45248 40%, #a45248 100%);*/
  	border-radius: 50px;
  	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  	label {
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    &:after {

    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }
  }    
}
.contactheader .wpcf7-form-control-wrap input[type="checkbox"]:checked + span.wpcf7-list-item-label {
	display: block;
	content: '';
	width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
	border: 2px solid #ffffff;
	background: #a45248;

}

.wpcf7 .twocolumn .wpcf7-form-control-wrap {
    width: 26.3%; float: left;
}

.wpcf7 .twocolumn .wpcf7-form-control-wrap:nth-child(2) {
	margin-right: 5%;
}

.wpcf7 .twocolumn .right .wpcf7-form-control-wrap {
	/*width: 50%;*/
}


/*Submit*/
.wpcf7 .wpcf7-submit {
	float: right; width: 106px; height: 50px; border: 0; /*background: #76ae3e;*/ color: #fff; text-transform: uppercase; font-size: 19px; margin-top: 15px;
	
	border-radius: 25px;
	-webkit-appearance: push-button !important;
	appearance: button !important;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,81aa55+20,76ae3e+60,76ae3e+60,76ae3e+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #81aa55 20%, #76ae3e 60%, #76ae3e 60%, #76ae3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#81aa55 20%,#76ae3e 60%,#76ae3e 60%,#76ae3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#81aa55 20%,#76ae3e 60%,#76ae3e 60%,#76ae3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#76ae3e',GradientType=0 ); /* IE6-9 */
}

.headermap {
	width: 100%;	
}

.logged-in div.wpcf7 {
	margin-top: 0px !important;	
}




/*Categories*/
.categories {
	margin-top: 30px; margin-bottom: 30px;	
}

.catitem {
    width: -webkit-calc(32% - 2px);
    width:    -moz-calc(32% - 2px);
    width:         calc(32% - 2px);
	
	float: left; background: #fff; border: 1px solid #d0d0d0; border-bottom: 3px solid #d0d0d0; min-height: 28em; margin-bottom: 36px;
}

.middle {
	margin-left: 2%; margin-right: 2%;
}

.cat_info {
	margin-top: 20px; margin-left: 14px; margin-right: 14px;
}

.cat_title {
	float: left; width: 85%; margin-bottom: 10px; min-height: 49px;
}

.cat_title h2 {
	font-size: 20px; color: #787878; margin-bottom: 5px;	
}

.cat_title h3 {
	font-size: 16px; color: #787878;	
}

.cat_img {
	text-align: center;	position: relative; z-index: 50;
}

.empty_img {
	background: #eaeaea; min-height: 244px;
}

.flag {
	float: left; width: 13.2%;
}

.flag img {
	max-width: 28px; width: 100%; height: auto;
}

.cat_summary {
	font-size: 14px; margin: 14px; margin-right: 17px;
}

.archive-meta {
	margin-bottom: 50px;	
}

.archive-meta h3 {
	font-size: 17px; font-weight: normal; margin-bottom: 10px; font-style: italic;
}

.archive-meta p {
	font-size: 15px; margin-bottom: 10px; color: #787878;
}

.sub_categories {
	text-align: center; text-transform: uppercase; font-weight: 500;
}

.sub_cat {
	display: inline-block; width: calc(15% - 2px); font-size: 22px; line-height: 46px; text-align: center; border: 1px solid #d0d0d0; margin-right: 0.85%; margin-left: 0.85%;
}

.current_cat {
	background: #c8d3cf;
}

.ledig_img {
	position: absolute; top: 0; left: 0;
}




/*P-platser*/
.catitem.parkering {
	width: 100%; min-height: inherit; background: none; border: 0px; margin-bottom: 10px;
}

.middle.parkering {
	margin-left: inherit; margin-right: inherit;
}

body.category-p-platser .inner_content {
}

.p-header {
	font-size: 20px; margin-bottom: 24px; font-weight: 500;
}

.p-header > div, .p-items > div  {
	float: left; color: #787878;
}

.p-items {
	font-size: 18px;	
}

.p-marker {
	width: 2.8%;
}

.p-marker img {
	max-width: 18px; height: auto;
}

.p-area, .p-address, .p-type, .p-spaces {
	margin-top: 12px;	
}

.p-area {
	width: 23.4%;
}

.p-address {
	width: 23.4%;
}

.p-type {
	width: 23.4%;
}

.p-spaces {
	width: 22%; text-align: center; margin-right: 5%;
}



/* Footer */
footer {
	display: block;
	height: auto;
}

footer p {
	margin: 0;	
}

footer.entry-footer {
	text-align: left;	
}

footer[role="contentinfo"] {
	width: 100%; background: #cdd9d9;
}

.footer_inner {
	width: 1170px; position: relative; margin: 0px auto;
	
	height: auto; display: block; bottom: 0px;

	padding-top: 25px; padding-bottom: 25px; color: #646464;
	
	background: #d6dfdd; padding-left: 2px;	
}

#copyright {
	margin-top: 23px;	
}



/*Mindre helskärm*/
@media screen and (max-width: 1799px) {
	.headerImage {
		width: 	1170px;
	}	
}

/*Mobilanpassningar*/
/*iPad gammal dator*/
@media screen and (max-width: 1250px) {
	.headerImage, #container_cat, #container, .menu_container, .footer_inner {
		width: 	990px;
	}	
	
	.menuwrapper .menu li {
		margin-left: 15px;
	}
	
	.menuwrapper .menu li:last-child {
		margin-right: 20px;	
	}
	
	#menu {
		height: 89px;
	}
	
	.headerinner {
		height: 130px;	
	}
	
	#content {
		margin-top: 130px;	
	}
	
		
	.menuwrapper .menu li:after {
		right: -15px;
	}
}


@media screen and (max-width: 980px) {
	#container_cat, #container, .menu_container, .footer_inner {
		width: 	98%; padding-left: 1%; padding-right: 1%;
	}
	
	.headerImage {
		width: 100%;
	}	
	
	
	
}



@media screen and (max-width: 800px) {

/*	.menuwrapper, #menu {
		display: none;	
	}*/
	
	.start_box:nth-child(2), .start_box {
		/*height: auto;	*/
	}
	
	.start_image {
		/*position: relative;	*/
	}
	
	#branding {
		width: 50%; margin: 0 auto;	
	}
	
	.inner_content_left {
		width: 98%; padding-right: 0px; padding-left: 0px; margin-right: 1%; margin-left: 1%;
	}
	
	.inner_content_right {
		width: 96%; padding-right: 1%; padding-left: 1%; margin-right: 1%; margin-left: 1%;
	}
	
	.menu {
		text-align: left;	
	}
	
	#header {
		position: relative;	
	}
	
	body.admin-bar #header {
		top: 0px;	
	}
	
	.headerinner {
		height: auto;	
	}
	
	#menu {
		height: auto; position: relative; width: 100%; margin-top: 15px;
	}
	
	.menuwrapper {
		 width: 100%; height: auto; position: relative; bottom: none;
	}
	
	.menuwrapper .menu li {
		margin-left: 0px; margin-right: 23px; padding-top: 10px;
	}
	
	.menuwrapper .menu li:after {
		top: 16px;
	}
	
	
	.catitem {
		width: calc(100% - 2px); /*margin-right: 2%;*/
	}
	
	.sub_cat {
		width: calc(25% - 2px);	
	}
	
	#content {
		margin-top: 0px;
	}
	
	.post_image, .description, .post_container {
		width: 100%; padding-bottom: 20px;
	}
	
	.middle {
		margin-left: 0px; margin-right: 2%; 	
	}
	
	.footer_inner {
		padding-left: 5px; width: calc(100% - 5px) !important;	padding-right: 0px;
	}
}


/*Mobile*/
@media screen and (max-width: 640px) {
	html {
		overflow-x: hidden;	
	}

	#header {
		position: relative; height: auto;
	}
	
	#content {
		margin-top: 0px;	
	}
	
	body.admin-bar #header {
		top:inherit;	
	}
	
	.headerinner {
		height: auto;	
	}
	
	.headerTop {
		height: auto;
	}
	
	.header_top .menu {
		text-align: left;	
	}	
	
	#menu {
		display: none;	
	}

	.header_top li {
		margin-left: 0px; padding-left: 0px;
	}
	
	.inner_content {
		padding-left: 3px; padding-right: 3px;	
	}
	
	.start_box, .map, .facts, .interest  {
		width: 100%; margin-bottom: 25px; margin-left: 0px; margin-right: 0px;
	}
	
	.start_box:nth-child(2) {
		margin-left: 0px; margin-right: 0px;	
	}
	
	.start_box {
		height: auto; width: 100%; 
	}
	
	.start_box:nth-child(2) .start_image img, .start_image {
		position: relative;	
	}
	
	.sub_cat  {
		width: 100%; margin-bottom: 10px; margin-right: 0px; margin-left: 0px;
	}
	
	.interest p {
		margin-right: 0px;	
	}
	
	.p-spaces {
		margin-right: 0px;	
	}
	
	.p-items, .p-items p {
		font-size: 0.9em;	
	}
	
	.p-marker {
		width: 6%;	
	}
	
	.p-spaces {
		width: 14%; margin-right: 0px;	text-align: right;
	}
	
	.p-area, .p-address, .p-type {
		padding-right: 1%;
	}
	
	.p-area, .p-address, .p-type {
		width: 25.4%;
	}
	
	.header_info, .header_top {
		width: 100%; float: left;	
	}
	
	
	.right {
		width: 100%; margin-top: 15px;	
	}
	
	.wpcf7 .twocolumn .wpcf7-form-control-wrap {
		/*width: 100%;*/
	}
	
	.wpcf7 .twocolumn label {
		margin-bottom: 5px;	
	}
	
	.wpcf7 .triplefield label:first-child {
		margin-bottom: 5px;	/*width: 100%; font-weight: 500;*/
	}
	
	.wpcf7 .dualfield .wpcf7-form-control-wrap, .wpcf7 .triplefield .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form-control-wrap, .wpcf7 .twocolumn .wpcf7-form-control-wrap {
		width: 65%;	
	}
	
	.wpcf7 .dualfield .wpcf7-form-control-wrap:nth-child(2),.wpcf7 .twocolumn .wpcf7-form-control-wrap:nth-child(2) {
		margin-right: 0px;/* margin-bottom: 12px;*/
	}
		
	.wpcf7 .triplefield .right {
		width: 100%;	margin-top: 0px;
	}
	
	.wpcf7 .triplefield .right .wpcf7-form-control-wrap:first-child {
		/*margin-left: 6%; */margin-right: 0px;	
	}
	
	.wpcf7 div label {
		width: 35%;
	}
	.wpcf7 .wpcf7-form-control-wrap {
			
	}
	
	.contactheader .wpcf7-form-control-wrap {
		width: 10%;	
	}
	
	.wpcf7 .onskemal label:first-child {
		width: 100%;
	}
	
	.wpcf7 .onskemal .wpcf7-form-control-wrap {
		width: 100%;	
	}
		
	.wpcf7 .onskemal .wpcf7-form-control-wrap:last-child {
		width: 65%;	
	}
	
	
	.wpcf7 .triplefield .right .wpcf7-form-control-wrap:last-child {
		margin-left: 0px;	
	}
	
	.wpcf7 .triplefield .right .wpcf7-form-control-wrap:first-child, .wpcf7 .triplefield .right .wpcf7-form-control-wrap:last-child {
		width: 100%;	
	}
	
	.wpcf7 .wpcf7-select {
		margin-bottom: 12px;	
	}
	
	.wpcf7 .smallfield label {
		width: 35%;
	}
	
	.wpcf7 .smallfield .wpcf7-form-control-wrap {
		width: 65%;
	}
	
/*	.wpcf7 .onskemal .wpcf7-form-control-wrap:first-child {
		width: 100%;	
	}*/
}


@media screen and (max-width: 360px) {

}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0px auto 5px auto;
}

.alignright {
    float:right;
    margin: 0px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}