/*
	Theme Name: Parsells
	Author URI: http://2creative.se/
	Author: 2Creative

*/

/************************************************************************************
RESET
*************************************************************************************/
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, font, 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 {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	margin:0px;
	padding:0px;
}
h1, h2, h3, p{
margin:0px;
padding:0px;
line-height:1;	
	
}
textarea { overflow: auto; }
input { border: 0px solid white; margin: 0; padding: 0; }

ol, ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
blockquote, q { 	
quotes: none; 
} 
blockquote:before, blockquote:after, q:before, q:after { 	
content: ""; 
content: none; 
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/************************************************************************************
RESET END
*************************************************************************************/
/*=========================----- CLEAR -----=================================*/
.clear-both{
clear:both;		
}
/*========================----- FONTS -----=================================*/
h1, h2, h3, h4{
color:#575757;
text-transform:uppercase;
font-weight:300;	
font-family: 'Spinnaker', sans-serif;
line-height:1.2;	
}
ul li{
font-family:'Maven Pro', Sans-serif;
font-size:15px;	
}
h1{
font-size:25px;
float:left;
}
.entry-title{
text-align:center;
width:100%;
margin-bottom:3%;
margin-top:40px;
}
h2{
font-size:20px;
text-align:center;
margin-bottom:10px;	
margin-top:20px;
width:100%;
float:left;
}
h3{
font-size:10px;	
text-align:center;
}
h3.widget-title{
font-size:15px;
font-style:normal;
text-align:left;
width:100%;	
}
h4{
font-family:'Maven Pro', Sans-serif;
font-size:18px;		
line-height:1.3;
text-transform: none;
color:#202020;
margin-bottom:4%;
float:left;
}
p{
font-family:'Maven Pro', Sans-serif;
color:#575757;
font-size:15px;
line-height:1.4;
margin-bottom:20px;
float:left;	
}
a{
font-family:'Maven Pro', Sans-serif;	
color:#be6602;
text-decoration:none;
}
a:hover{
text-decoration:underline !important;	
}
/*========================-----NAV -----=================================*/
#nav{
margin:auto;
margin-top:30px;
#width:550px;
margin-bottom:10px;	
}
#nav ul{
margin-left:0px !important;
padding:0px;
}
#nav ul li{
float:left;
padding-left:3%;
padding-right:3%;
padding-top:0px;
list-style-type:none;
margin:0px;
line-height:1;
}
#nav ul li a{
text-transform:uppercase;
color:#575757;
font-family:'Maven Pro', Sans-serif;
text-decoration:none;	
font-size:15px;	
font-style:normal;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;	
}
#nav ul li a:hover{
color:#be6602;	
border-radius: 4px 4px 4px 4px;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
background:#fff;
color:#575757;
text-decoration:none!important;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
}
#nav ul .current_page_item a{
color:#be6602;	
border-radius: 4px 4px 4px 4px;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
background:#fff;
color:#575757;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;	
}
/*========================-----SLIDER -----=================================*/
#new-royalslider-1{
float:right;	
width:350px;
}
#new-royalslider-2{
float:left;	
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs{
background:none !important;	
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
background:#fefefe !important;
}
.rsContentSlider h3, .rsContentSlider p{
margin-left:0% !important;	
}
.rsDefaultInv .rsTmb{
display:none !important;	
}
.rsContentSlider img{
/*box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1) !important;*/
}
.rsUni .rsTmb{
display:none !important;	
}
.rsContentSlider img{
height:350px !important;
width:auto !important;
}
#slider{
width:100%;
float:left;
background:#fff;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
}
#hide-slider{
display:none;  
}
#slider-wrap{
width:350px;
float:right;  
overflow:hidden;
}
#intro-text{
width:49%;
padding:5%;	
padding-left:6%;
padding-top:5%;
padding-bottom:1%;
padding-right:2%;
float:left;
}
#intro-text h1{
text-align:center;	
width:98%;
margin-bottom:20px;
}
#pic{
width:40%;
float:right;	
}
#intro-text p{
line-height:1.5;	
width:100%;
margin-top:1%;
}
.point{
float:left;
width:100%;
height:10px;
margin-bottom:20px;
background:url(images/point.jpg) no-repeat center;
}
#intro-text .point{
margin-bottom:3%;	
}
/*========================-----MAIN -----=================================*/
body{
background:url(images/bg.jpg) repeat;	
}
header{
width:100%;
float:left;	
margin-bottom:10px;
}
#logo{
margin:auto;
width:195px;
height:52px;
margin-top:20px;	
}
#container{
margin:auto;
width:90%;
max-width:1024px;	
}
#logos{
padding-bottom:20px;  
}
#boxes, #logos{
float:left;
width:100%;
  padding-bottom:20px;
background:#fff;
margin-top:20px;	
padding-top:20px;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 4px 4px 4px 4px; 
}
#boxes p{
text-align:center;	
margin-bottom:0px;
}
#boxes a{
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-size:14px;
display:block;
margin:auto;
clear:left; 
}
#boxes h2 a{
font-size:20px;
text-align:center;
width:100%;
  color:#575757;
float:left;
}

.box1{
float:left;
width:30%;
margin-left:2%;
min-height:280px;	
}
.box{
margin-left:2%;
border-left:1px solid #eeeeee;
padding-left:2%;
float:left;	
width:29%;
min-height:280px;
}
.pic{
max-width:80%;
margin-bottom:10px;	
margin:auto;
position:relative;
}
.pic img{
max-width:100%;
margin:auto;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#logos-wrap{
margin:auto;
width:80%;
}
#logos .point{
margin-bottom:20px;	
}
.lankbox{
float:left;
width:11%;
margin-left:1.5%;	
}
.lankbox a h3{
width:100%;
 float:left;
  text-align:center;
  }
.logo{
margin-left:0px;	
}
.lankbox img{
width:60%;	
opacity:0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80); 
  display:block;
  margin:auto;
    margin-bottom:5px;
}
/*========================-----PAGE-----=================================*/
#content{
background:#fff;
width:100%;
float:left;
padding-bottom:40px;
background:none/*url(images/cream_dust_2X.png) repeat*/;
}
.home #content{
background:none;
box-shadow:none;	
}
.page-pic img{
width:100%;
border-bottom:1px solid #eee;
}
.entry-content{
margin:auto;
width:65%;	
position:relative;
padding:7%;
padding-top:4%;
}
.page-template-nyheter-php .entry-content{
border-bottom:1px solid #eee;	
}
.page-pic, .page-map{
display:block;
overflow:hidden;
width:70%;
margin:auto;
padding:3%;
padding-bottom:0px;
}
.page-map{
opacity:0.8;	
}
continue-reading{
float:left;
width:100%;	
}
.continue-reading a{
text-align:left;
display:block;	
clear:left;
}
.date{
display:block;
margin:auto;
width:100%;
margin-top:10px;
margin-bottom:10px;	
}
.single .date{
text-align:center;	
}
.page-template-nyheter-php h2, .archive h2{
text-align:left;
}
#content{
background:#fff;	
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
}
.page-template-nyheter-php .point{
margin-bottom:0%;
}
.single .entry-content{
padding:0%;
width:100%;
float:left;
}
.entry-content-wrap{
float:left;
width:100%;		
}
.page ul{
padding-top:20px;
float:left;
width:100%;
line-height:1.2;	
margin-left:20px;
}
.page ul li{
color:#575757;
margin-bottom:20px;	
font-style:italic;
list-style-type:disc;
}
.employ-wrap{
float:left;
width:16%;
margin-right:5%;
margin-bottom:20px;
min-height:270px;
}
.employ-wrap h3{ 
color:#BE6602;
padding:3px;
margin:0px;
font-size:13px;
}
.employ-wrap img{
width:100%;  
}
.employ-wrap p{
text-align:center;
padding:0px;
margin:0px;	
float:none;
font-size:12px;
line-height:1.2;
margin-bottom:5px;
}

.widget-container{
list-style-type:none;	  
	  }
.fifth{
margin-right:0px;  
 }

/*========================-----TJÄNSTER-----=================================*/
#column1{
float:left;
width:380px;  
}
#column2{
float:right;
width:200px; 
background:#f8f8f8;
padding:20px;
padding-top:0px;
}
#column2 ul{
width:auto; 
padding:0px;
margin:0px;
}
#column2 ul li{
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  padding-top:10px;
 list-style-type:none; 
  font-size:13px;
  color:#777;
  border-bottom:2px dotted #eaeaea;
}
#column2 h2{
font-size:15px;  
}
/*========================-----SIDEBAR-----=================================*/
#sidebar{
margin:auto;
margin-top:20px;
width:65%;
}
#sidebar p{  
font-size:12px; 
}
.right{
margin-right:20px;	
  }
#sidebar ul{
float:left;	
padding-top:10px;
margin-bottom:4%;
margin-left:0px;
}
#sidebar ul li{
clear:left;	
text-align:left;
line-height:1.2;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #eee;
font-style:normal;
list-style-type:none;
}
#sidebar .widget-container{
border:none;	
}
#sidebar ul .current_page_item{
font-weight:bold;	
}
#sidebar .pagenav{
border:none;	
}
.margin-top{
clear:left;
}
/*========================-----KONTAKT-----=================================*/
.page-template-kontakt-php .entry-content{
width:80%; 
}

/*========================-----FOOTER-----=================================*/
footer{
width:100%;
max-width:1024px;
height:100px;
background:#fff;
float:left;	
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 4px 4px 4px 4px; 
}
footer address{
font-family:'Maven Pro', Sans-serif;
color:#575757;
margin-left:20px;
margin-right:20px;
font-style:normal;	
margin-top:20px;
line-height:1.3;
font-size:12px;
}
/************************************************************************************
MOBIL
*************************************************************************************/	
#mobil-nav{
	display:none;
	margin-top:30px;
	width:100%;
	background:#fff;
	float:left;
  box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom:20px;
}
#mobil-nav a{
	font-weight:600;
	color:#BE6602;
	width:90%;
		float:left;
		padding:5%;
		padding-top:20px;
		padding-bottom:20px;}		
#mobil-nav .menu a{
	font-weight:400;
	text-transform:uppercase;}	
		#mobil-nav ul{
			float:left;
				width:100%;}
#mobil-nav ul{
margin:0px;
padding:0px;  
}
#mobil-nav li{
 list-style-type:none;
 font-style:normal;
}
	#mobil-nav li a{
		width:90%;
		float:left;
		padding:5%;
		padding-top:15px;
		padding-bottom:15px;}	
#mobil-nav li a:hover{
background:#ededed;}	
#mobil-nav ul.children{
display:none !important;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:1100px) {
h1{
font-size:25px;	
}
#intro-text h1{
font-size:20px;	
}  
.right{
margin-right:20px;
		
	  }
#sidebar p{
margin:0px;
text-align:center;
float:left; 
width:100%;
}
#column1{
	width:100%;
}
#column2 ul{
width:100%;
text-align:center;  
  
}
#column2{
margin:auto;
float:none;
min-height:250px;  
clear:left;	
  width:auto;
}
}
@media screen and (max-width:950px) {
h1{
font-size:20px;	
}
.single h1{
font-size:18px;	
}
.page h1{
font-size:25px;		
}
#lower-content p{
height:inherit;	
margin-bottom:20px;
}
#logos-wrap{
width:90%;
margin:auto;
}
.employ-wrap{
min-height:290px;
width:20%;
}
h3{
font-size:11px;	
}
#slider-wrap{
display:none;		
}
#hide-slider{
display:block;  
margin:auto;
float:none; 
width:50%;
}
#intro-text{
width:70%;
margin:auto;
 position:relative;
 float:none;
 padding:0px;
 padding-top:20px;
  padding-bottom:20px;

}
.fifth{
margin-right:5%;  	
}
.fourth{
margin-right:0px;	
}
}
/*--------IPAD---------*/
@media screen and (max-width:760px) {
h1{
font-size:25px;	
width:90%;
}
#nav{
width:280px;
overflow:hidden;
background:#fff url(images/arrow.jpg) no-repeat right;  
}
#nav ul li{
padding-left:4%;
padding-right:4%;	
}
#pic{
width:50%;
max-height:240px;
overflow:hidden;
}	
#nav{
display:none;	
}
#mobil-nav{
display:inline;
}
#mobil-nav ul{
display:none;
} 
#lower-content p{
height:inherit;	
margin-bottom:20px;
}
footer address{
font-size:12px;	
text-align:center;
}
#intro-text{
width:90%;
}
.employ-wrap{
width:30%;
}

.third{
margin-right:0px;	  
}
.fourth{
margin-right:5%;  
}
.fifth{
margin-right:0px;  
  }
}
@media screen and (max-width:680px) {
#pic{
overflow:hidden;
}
h1{
font-size:25px;	
}
h2{
font-size:18px;		
}
.employ-wrap h3{
display:block; 
}
.widget-title{
display:block;	
}
.box1, .box{
width:60%;
margin:auto;	
float:none;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.lankbox a h3{
  display:none;
  }
.box{
 border-top:1px solid #eeeeee; 
padding-top:40px;
}
#boxes p{
height:inherit;	
}
.entry-content-wrap{
width:100%;
border:none;
}
.single .entry-content-wrap{
border-bottom:1px solid #eeeeee;	
}
#sidebar ul{
float:left;	
clear:none;
}
#sidebar ul li{
clear:none;
float:left;
margin-right:20px;
}
#sidebar ul li a{
float:left;	
}
.wp-customtype-archive-2{
float:left;	
}
.rcp_recent_custom_posts-2{
float:left;	
}
#pic{
width:100%;	
}
#hide-slider{
width:100%;  
}
.employ-wrap{
width:45%;  
min-height:340px;
}
.box1, .box{
min-height:inherit;	
}
}
@media screen and (max-width:500px) {	
footer address{
font-size:12px;	
}
.rsUni.rsHor .rsArrowLeft .rsArrowIcn, .rsUni.rsHor .rsArrowRight .rsArrowIcn{
display:none;  
}
.employ-wrap{
width:45%;  
min-height:290px;
}
.second{
 margin-right:0px; 
 }
  .third{
  margin-right:5%;
	}
}
@media screen and (max-width:390px) {
.employ-wrap{
min-height:250px;
}
.entry-content{
width:auto;	
}
}
/*--------IPHONE---------*/
@media screen and (max-width:320px) {
#nav{
width:100%;	
}
h1{
font-size:20px;	
}
#nav ul li{
line-height:0;
margin-top:25px;
float:none;
text-align:center;
}
#boxes p{
height:inherit;
padding-bottom:20px;	
}
footer{
padding:2%;	
}
footer address{
margin-left:0px !important;	
}
.employ-wrap{
float:none;
width:100%;
margin:auto;
margin-bottom:35px;
}
.employ-wrap img{
width:100%;
}
}