/*!
Theme Name: EngmanTak
Theme URI: http://underscores.me/
Author: Sam Ashkan
Author URI: http://mediahelp.se/
Description: Engman Tak\'s webbplats utförd utav Mediahelp
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: engmantak
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EngmanTak is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*=====[ WORDPRESS CORE ]=====*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 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%;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}.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:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}


/*=====[ * ]=====*/
*{
	padding: 0;
	margin: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;

}
a{ text-decoration: none !important; }

h1{ font-size: 50px; font-family: sans-serif; margin-top: 0;}
h2{ font-size: 45px; font-family: sans-serif; margin: 10px 0;}
h3{font-size: 35px;  font-family: sans-serif; }
h4{ font-size: 18px; font-weight: normal; }
p{ font-size: 14px; line-height: 25px; margin: 15px 0;}

button{
	border: 1px solid #006eb7;
	padding: 8px 30px;
	background: transparent;
	color: #000;
	background: rgba(255, 255, 255, 0.8);
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}

button:hover{
	color: #fff;
	background: #008ced;

}
img{
	max-width: 100%;
	transform: translateZ(0);
}

/*=====[ HEADER ]=====*/
header{
  position: fixed;
  width: 100%;
	background: #4590CD;
	border-bottom: 1px solid rgba(0,0,0,.1);
	min-height: 58px;
  z-index: 9999;
}
.header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 65px;
}
.logga{
  align-items: center;
	margin-right: auto;
	padding: 5px 0;
}
.site-title{
	margin: 0;
}
nav{
	margin-left: auto;
  align-self: center;
}
nav ul{
  list-style: none;
}
nav ul li{
	float: left;
}
nav ul li a{
	margin-left: -1px;
	border-left: 1px solid rgba(0,0,0,.05);
	border-right: 1px solid rgba(0,0,0,.05);
	padding: 25px 20px;
	color: #fff !important;
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}
nav ul li a:hover{
	background: #4590CD;
	border-bottom: 1px solid #008ced;
	color: #fff;
}
.current_page_item a {
	color: #fff;
	border-bottom: 1px solid #006eb7;
	background: rgb(82, 161, 226);
}
.offcanvas .current-menu-item a{
	background: inherit;
}
.telepost{
	align-self: center;
	justify-self:center;
	padding-left: 10px;
}
.telepost a{
	padding-right: 10px;
}
.telepost img {
/*    background: rgba(0,0,0, .015);
    border: 1px solid #ccc; */
		padding: 5px;
}
.telepost img:hover{
/*	border: 1px solid #1ba2fc;*/
	transition: .5s;
}
.bread{
	background: #fff;
}
.breadcrumb{
	padding: 3px 15px 1px 15px !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
}
/*=====[ OFF CANVAS ]=====*/
.offcanvas{
  position: fixed;
  right: -270px;
  top: 0;
  width: 270px;
	background: #4590CD;
  height: 100vh;
  z-index: 999999;
  border-left: 1px solid rgba(0,0,0, .1);
  transition: 0.3s;
	overflow-x: hidden;
}
.offcanvas a{
	color: #fff;
}
.offcanvas .current-menu-item a{
	color: #fff;
	border: 1px solid rgb(60, 131, 189);
}
.offcanvas,
.offcanvas .menu-meny-container{
  margin-top: 30px;
}
.offcanvas ul{
  list-style: none;
  padding: 0 15px;
}
.offcanvas a{
  display: block;
  padding: 10px;
}
#toggle{
	display: none;
  cursor: pointer;
}
.closebtn {
  margin: 20px 0 20px 10px;
  font-size: 20px;
}
#overlay{
  display: none;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 899999;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}

/*=====[ BX SLIDER ]=====*/
.bx-wrapper{
	border: none;
	box-shadow: none;
}
.box-slider{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bxslider img{
	width: 100%;
}
.bxslider h1{
	margin-top: 10px;
	font-size: 40px;
}
.bx-wrapper{
	margin-bottom: 20px;
}
.slider-height{
	height: 490px !important;

}
.slide-text{
	width: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: inherit;
}
.slider-sida{
	background: rgba(0, 43, 74,.7);
	color: #fff;
}
.slider-hoger{
	position: absolute;
	top: 0;
	right: 0;
	height: 490px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 43, 74,.7);
	color: #fff;
	min-width: 300px;
	border-left: 20px solid #fff;
}


/*=====[ CONTENT ]=====*/
#main-body{
	padding-top: 65px;
	min-height: 72vh;
}
.service-width{
	padding-right: 10px;
	padding-left: 10px;
}
.services{
	border: 1px solid #eee;
	margin-bottom: 20px;
	background: #fafafa;
}
.services img{
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
/* .services img:hover{
	transform: translateX(5px);
} */

.services h4{
	padding: 10px;
	font-size: 25px;
}
.service-container{
	margin-top: 60px;
	margin-bottom: 60px;
}
button {
	margin: 10px 10px 10px 0;
}
.vit button{
	margin: 20px 0;
}
.bxslider button{
	background: rgba(255,255,255,.9);
}
.bxslider button:hover{
	color: #008ced;
}
.page-id-38 button{
	margin-left: 0;
}
.services p,
.services button{
 margin-left: 10px;
}
.om-engman{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.engman{
/* 	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
	background: #fff;
	padding-bottom: 60px;
}
.personal-innehall{
	padding: 10px;
	background: #fcfcfc;
	min-height: 230px;
}
.page-id-234 h1{
	font-size: 36px;
}
.page-id-234 h2{
	font-size: 25px;
}
.anstalld{
	border: 1px solid #eee;
	max-width: 364px;
	min-width: 200px;
	margin-bottom: 20px;
}
.partner{
	background: #fff;
	text-align: center;
/* 	border-top: 1px solid #eee; */
}
.partner-titel{
	padding: 20px 0;
}
.partner-bild img{
	background: #fff;
	height: 100px;
	margin: 0 10px 20px 10px;
	border: 1px solid #eee;
	filter: grayscale(.9);
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
.partner-bild img:hover{
	filter: grayscale(0);
}
.gra{
/* 	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee; */
	background: #fbfbfb;
}
.vit{
	background: #fff;
	margin-top: 60px;
	margin-bottom: 60px;
}
.gra h3{
	margin: 20px 0;
}
.gra h4{
	margin: 10px 0;
}
.tatskikt{
	margin-top: 60px;
	margin-bottom: 60px;
}
.framsida-galleri{
	padding: 0 10px;
	margin-bottom: 20px;
}
/* .framsida-galleri img{
	border: 1px solid #eee;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
}
.framsida-galleri img:hover{
	transform: scale(1.08);
} */

.artikeln{
	background: inherit;
	border: none;
}
.personal-tele{
	position: absolute;
	bottom: 25px;
}
.frame{
	border: 1px solid #ccc !important;
}
.galleri-margin{
	margin-top: 60px;
}
.centrera{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 650px;
}
.page-id-121 #content{
	margin:30px 0;
}
/* .page-id-121 h1,
.page-id-121 h2,
.page-id-162 h1{
	margin-top: 0;
} */
.refgalleri{
	margin-top: 30px;
}
/*=====[ CF7 ]=====*/
input[type="text"],
input[type="email"],
input[type="tel"]{
	padding: 10px;
	width: 100%;
	margin: 5px 0;
	border: 1px solid #005893;
	background: rgba(197, 231, 255, 0.5);
}
input[type="submit"]{
	padding: 10px 30px;
	border: 1px solid #005893;
	background: #008ced;
	color: #fff;
	width: 100%;
}
input[type="submit"]:hover{
	transition: .5s;
	background: #005893;
}
textarea{
	width: 100%;
	margin: 5px 0 3px 0;
	padding: 10px 10px 2px 10px;
	border: 1px solid #005893;
	resize: none;
	background: rgba(197, 231, 255, 0.5);
}
::placeholder{
	color: #005893;
}
.kontakt-full{
	margin-bottom: 20px;
}
.kontakta{
	margin-top: 0;
	margin-bottom: 30px;

}
.kontakta-inner-ett{
	padding-left: 0;
	padding-right: 5px;
}
.kontakta-inner-tva{
	padding-right: 0;
	padding-left: 5px;
}
.kontaktformul{
	border: 1px solid #eee;
	background: #fafafa;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	min-height: 710px;
}
.kontaktar{
	min-height: 200px;
}
.kontaktar h2{
	margin-top: 0;
	line-height: 35px;
}
.karta-mitten{
	padding-right: 5px;
}
.karta-bak{
	min-height: 727px;
	background: #fafafa;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.kontakt-agare{
	padding: 0 0 10px 0;
	text-align: center;
	background: #eee;
	border: 1px solid #ccc;
	min-height: 395px;
	margin-bottom: 10px;
}
.kontakt-agare h4{
	padding: 10px 0 0 10px;
}
.kontakt-agare img{
	width: 100%;
}
.kontakt-agare img:hover{
	transform: translateX(10px);
	transition: .8s;
}
div.wpcf7-validation-errors{
	border: none;
	margin: 0;
	padding: 0;
}
.kontakt{
	padding-top: 30px;
	padding-bottom: 30px;
}

.wpcf7-response-output{
	clear: both;
}
/*=====[ FOOTER ]=====*/
footer{
	background: rgba(0, 0, 0, 0.8);
	padding: 30px 0;
}
footer ul{
	list-style: none;
}
footer .current_page_item a {
	background: none;
	color: #fff;
	text-decoration: none;
	border: none;
}
footer p{
	color: #ccc;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
}
footer h4{
	color: #ccc;
	padding: 10px 0;
}
.footer-bottom{
	background: rgba(0, 0, 0, 0.9);
	color: #ccc;
	padding: 10px;
}
.footer-bottom a{
	color: #fff;
}
.container-fluid{
	max-width: 1920px;
}
.widget .menu li{
	padding: 5px 0;
}
/*=====[ MEDIA QUERIES ]=====*/
@media screen and (max-width: 1201px){
	.container{
		width: inherit;
	}
}

@media screen and (max-width: 1145px){
	.container{
		width: 100%;
	}
	.tele{ display: none; }
	.epost{ display: none; }
	#toggle{
		display: block;
	}
	.telepost {
		justify-self: end;
	}
		nav{ display: none; }
}
@media screen and (max-width: 768px){
	.service-width{
		width: 50%;
	}
	.framsida-galleri{
		width: 50%;
	}
	.kontakta-inner-ett{
		padding-right: 0;
	}
	.kontakta-inner-tva{
		padding-left: 0;
	}
	.centrera{
		height: inherit;
	}
}


@media screen and (max-width: 480px){
	.framsida-galleri{
		width: 100%;
	}
	.service-width{
		width: 100%;
	}
	.anstalld-flex{
		width: 100%;
	}
	h2{font-size: 30px;}
	h3{font-size: 25px;}
}