/*
	Theme Name: ExactaStart™
	Theme URI: https://exacta.se
	Author: Exacta Logistics AB
	Description: Tema utvecklat av Exacta Logistics AB
	Version: 1.0

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN & GENERAL
\*------------------------------------*/

	body {width:100%; margin:0; padding:0; font-size:17px; font-weight:400; line-height:28px; -webkit-font-smoothing:antialiased;}

	img {max-width:100%;}
	iframe {max-width:100%;}

	* {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
	*:focus, *:active {outline:0; border:0; -moz-outline-style:none;}
	a:focus, a:active {outline:0; border:0; -moz-outline-style:none;}
	div:after {content:''; clear:both; display:table;}
	a {color:inherit;}
	a, a:hover {transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s;}

	h1, h2, h3, h4, h5, h6 {line-height:130%; font-weight:400; margin:0 0 .7em;}
	h1 {font-size:48px;}
	h2 {font-size:36px;}
	h3 {font-size:30px;}
	h4 {font-size:24px;}
	h5 {font-size:18px;}

	.main {padding-top:130px;}
	.main.sub.no_pagebuilder {padding-top:130px;}

	.wrapper:not(header .wrapper):not(.topbar .wrapper):not(.end .wrapper):not(footer .wrapper) {width:90%; max-width:1360px; margin:0 auto; padding:70px 0 0 0;}
	.absolute_positioner_center {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center;}

	a.tablet_menu {display:none;}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

	.topbar {height:40px; position:fixed; top:0; left:0; width:100%; text-align:center; z-index:99;}
		.topbar .wrapper {width:90%; height:40px; max-width:1360px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-content:center; align-items:center;}
			.topbar .wrapper p {}

	header {height:90px; position:fixed; top:40px; left:0; width:100%; z-index:99;}
		header .wrapper {width:90%; height:90px; max-width:1360px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-content:center; align-items:center;}
			header .wrapper .nav {margin-left: auto;}
				header .wrapper .nav ul {list-style-type:none; margin:0; padding:0;}
					header .wrapper .nav ul li {display:inline-block; margin:0 0 0 20px;}
						header .wrapper .nav ul li a {text-decoration:none; font-size:0.9em; font-weight:600;}
			header .wrapper .logo {}
				header .wrapper .logo a {display:flex;}
					header .wrapper .logo a img {height:27px; width:auto;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

	section.hero {background-size:cover !important; height:675px; background-position:center !important; position:relative; margin:70px 0 0;}
	section.hero.no_margin {margin:0;}
		section.hero .wrapper {background-size:cover !important; height:675px; background-position:center !important; position:relative;}
			section.hero .wrapper h1 {}
			section.hero .wrapper a {border:2px solid; padding:10px; text-decoration:none;}

	section.content_column {}
		section.content_column .wrapper {}
			section.content_column .wrapper .column_image {height:300px; background-size:cover !important; background-position:center !important; margin:0 0 20px;}

	section.content_column.single {}
		section.content_column.single .wrapper {}

	section.content_column.double {}
		section.content_column.double .wrapper {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-content:stretch; align-items:flex-start;}
			section.content_column.double .wrapper .one_half {flex:1 1 0px;}
			section.content_column.double .wrapper .one_half.first {padding:0 15px 0 0;}
			section.content_column.double .wrapper .one_half.last {padding:0 0 0 15px;}

	section.content_column.triple {}
		section.content_column.triple .wrapper {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-content:stretch; align-items:flex-start;}
			section.content_column.triple .wrapper .one_third {padding:0 15px; flex:1 1 0px;}
			section.content_column.triple .wrapper .one_third.first {padding:0 15px 0 0;}
			section.content_column.triple .wrapper .one_third.last {padding:0 0 0 15px;}

	section.image_gallery {}
		section.image_gallery .wrapper {}
			section.image_gallery .wrapper .grid {}
				section.image_gallery .wrapper .grid .grid-item {width:20%;}
					section.image_gallery .wrapper .grid .grid-item a {}
					section.image_gallery .wrapper .grid .grid-item a:hover {filter:brightness(120%);}
						section.image_gallery .wrapper .grid .grid-item a img {padding:0 4px 0;}

	section.contact_form {}
		section.contact_form .wrapper {}
			section.contact_form .wrapper form {text-align:left; display:inline-block;}
				section.contact_form .wrapper form p {}
				section.contact_form .wrapper form label {font-size:0.9em; font-weight:600;}
				section.contact_form .wrapper form input[type="text"] {width:100%; border:2px solid #ccc; padding:10px; font-size:1em; border-radius:2px; font-family:inherit;}
				section.contact_form .wrapper form input[type="email"] {width:100%; border:2px solid #ccc; padding:10px; font-size:1em; border-radius:2px; font-family:inherit;}
				section.contact_form .wrapper form select {width:100%; border:2px solid #ccc; padding:10px; font-size:1em; border-radius:2px; font-family:inherit;}
				section.contact_form .wrapper form textarea {width:100%; resize:none; height:140px; border:2px solid #ccc; padding:10px; font-size:1em; border-radius:2px; font-family:inherit;}
				section.contact_form .wrapper form input[type="submit"] {border:0px; border-radius:2px; font-size:0.9em; font-weight:600; background:#333; color:#fff; font-family:inherit; padding:15px 25px;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

	footer {margin:70px 0 0;}
		footer .wrapper:not(.website_end .wrapper) {width:90%; max-width:1360px; margin:0 auto; padding:70px 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content: space-between; align-items: flex-start;}
			footer .wrapper .footer_column {flex:1 1 0px; padding:0 15px;}
			footer .wrapper .footer_column.first {padding:0 15px 0 0;}
			footer .wrapper .footer_column.last {padding:0 0 0 15px;}
				footer .wrapper .footer_column a {}

		footer .website_end {filter:brightness(80%);}
			footer .website_end .wrapper {width:90%; max-width:1360px; margin:0 auto; padding:10px 0;}
				footer .website_end .wrapper small {}
				footer .website_end .wrapper a {text-decoration:none; font-size:12px; font-weight:600; line-height:24px; float:right; filter:brightness(120%); padding:5px 12px 5px 10px; border-radius:5px;}
					footer .website_end .wrapper a img {width:24px; float:left; margin:0 6px 0 0;}
					footer .website_end .wrapper a span {float:left;}

/*------------------------------------*\
    FORMS
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {margin:0;}
.aligncenter, div.aligncenter {display:block; margin:5px auto 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 .wp-caption-text, .gallery-caption {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after, a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999; page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p, h2, h3 {orphans:3; widows:3;}
	h2, h3 {page-break-after:avoid;}
}