/*
Theme Name:   AoE
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Åhlin & Ekeroth Theme
Author:       Jonas Aspegren
Author URI:   http://example.com
Template:     twentyseventeen
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain:  twenty-seventeen-child
*/

body {background:#000;}
body, button, .read_more, input, .search-field, .button {font-family:"Lato","Helvetica Neue", helvetica, arial, sans-serif; font-size:14px; line-height:22px}

p{margin: 0 0 1em;}

button {background-color: #cb000f;}

h1,h2,h3,h4,h5,h6,.navigation-top,.postgrid_post {font-family:"Titillium Web","Helvetica Neue", helvetica, arial, sans-serif;margin-bottom: 0.9em;}

h4{font-weight: 700; margin-bottom:0.4em; padding:1em 0 0}

h1, h1.entry-title{font-size: 3rem; letter-spacing: 0!important;}

h2, h2.entry-title{color: #000; font-size: 2.2rem; margin-bottom: 1em;}

h2.widget-title{font-size:1.15rem!important; text-transform: none; letter-spacing: 0; color: #000; font-weight: 700;}

p.small{font-style: italic; font-size: 0.8rem; line-height:1.2rem;}
p.ingress{font-size:1.1rem; font-weight:300; margin-bottom:0.5em!important; line-height: 150%;}
p.quote{font-size:1.1rem; line-height:1.6rem; color: #A5A5A5; font-family: "Titillium Web","Helvetica Neue", helvetica, arial, sans-serif; font-weight:200; font-style:italic;margin-bottom:0!important;width:80%; padding-left: 1.5em; border-left: 1px solid #e30613;margin-top:1.5em;}
p.quote_person{padding-left: 2em; border-left: 1px solid #e30613; line-height:2rem}

.site-header{background-color:#fff; margin-bottom: 70px}

.twentyseventeen-front-page.page-one-column .site-header{margin:0!important}

.navigation-top {background:#313131;color:#FFF;}

#top-menu b, .navigation-top b{font-weight:500!important;}

.navigation-top button,.navigation-top a {color: #FFF; text-transform: uppercase; font-weight:500;}

.navigation-top button:hover, .navigation-top a:hover{color:#bbb;}

/*.main-navigation ul {background:#313131}*/

.navigation-top .logo {float:left; /*width:200px;*/ height:35px; margin-top:5px;}

.navigation-top .menu-btn {font-weight:500}

.main-navigation {clear:none; /*float:right*/}

.main-navigation ul {background:#313131}

.main-navigation ul ul {background:#313131}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{color: #fff; border-bottom:1px solid #fff;}

li.menu-item.menu-search-form{padding: 1em;}

#main ul{position:relative; left:17px;}

.search-form .search-submit .icon{height: 18px; width: 18px}

.fp-btn, .fp-btn-kontakt {float:right; /*width:28vw;*/}
.fp-btn.red {border-color:#cb000f; color:#cb000f;}
.fp-btn.red:hover{border-color:#cb000f; background-color:#cb000f;color:#fff;}

.content-area button {background-color:transparent; border:1px solid #FFF; font-weight:300;}

#header-only-title {background:#FFF;}
#headerimage {padding:1em}
#headerimage.single-featured-image-header {height:300px;background-position: center; background-size:cover; background-repeat: no-repeat;}
.page-template-default #headerimage .wrap >div {margin-left: auto; margin-right: auto; max-width: 740px;}
.page-template-default #headerimage .wrap h1 {font-size: 3.4rem;}
.site-content a {color: #cb000f;}

#cookie-notice .button { border: 1px solid #FFF; font-weight: 300; padding: 6px 16px; white-space: nowrap; border-radius: 2px; color: #FFF; margin-top: 10px;}
#cookie-notice .button:hover{background-color: #FFF; color:#000;}
#cookie-notice .cn-text-container {margin:20px;}
#cookie-notice .cn-buttons-container a {display:block;}

/*boxes*/
.fp-red-box {background:#cb000f;color:#FFF;padding:30px 10px}
.fp-red-box h2 {color:#FFF;clear:none;}
.fp-red-box h3 {padding-top:10px;margin-bottom:10px;color:#FFF;}
.fp-red-box button {border-color:#fff;}
.fp-red-box .searchbox {width:60vw}
.fp-red-box button:hover,.fp-white-box button:hover {background-color:#fff; color: #cb000f; border-color:#cb000f;}
.fp-red-box a {color:#FFF;}

.fp-white-box {height:370px;padding:10px}
.fp-white-box h2 {color:#000;clear:none;}
.fp-white-box button {border-color:#cb000f; color:#cb000f}
/*.fp-white-box button:hover {background-color:#fff; color: #cb000f; border-color:#cb000f;}
/*.fp-white-box p, #content .page-id-340 p{color:#9a9a9a}
.fp-white-box b, #content .page-id-340 b{color:#333}*/

#fp-tra-projekt {
	background-image: url(assets/images/bakgrund_traprojekt.jpg);
	background-position-y: 200px;
    background-repeat: no-repeat;
    background-size: contain;
	min-height: 320px;
}

#fp-energi {
	background-image: url(assets/images/bakgrund_energieffektivisering3.jpg);
	background-repeat: no-repeat;
	background-color:#c6c6ce;
	background-position-x:-90px;
	min-height: 320px;
}
#fp-energi p,#fp-energi a{
	padding-left: 180px;
}

#fp-typhuset {
	background-image: url(assets/images/bakgrund_typhuset.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#fp-pagaende .pagaende-list {margin: 0 -3%;}
#fp-pagaende .col {width:100%; float:left; white-space: nowrap; overflow: hidden; padding: 0 3%}


#fp-projects p, #content .page-id-340 p{color:#9a9a9a}
#fp-projects b, #content .page-id-340 b{color:#333}

.postgrid_thumb img {width:100%;}
.postgrid_grid a {color:#000;}
.postgrid_date{color:#9a9a9a;}
.postgrid_title{font-size: 1.1rem;}

#fp-news {background:#313131;color:#FFF;padding:50px 10px}
#fp-news h2 {color:#FFF;clear:none;}
#fp-news a {color:#FFF}
/*#fp-news .grid-nav-bottom {display:none}*/

#fp-referens {color:#000;padding:50px 10px 10px}
#fp-referens h2 {color:#000;clear:none;}
#fp-referens button.fp-btn {border-color:#cb000f; color:#cb000f}
#fp-referens button.fp-btn:hover,
#fp-projects button:hover{background-color: #cb000f; border-color:#fff; color:#fff;}

.skin.flat .layer-content{padding: 20px 0px}

.element {padding-left: 0px!important;}

.entry-content a, .entry-content a:hover{box-shadow:none;}

/*news*/ 

#post-666 .postgrid_thumb img{/*margin-bottom:2em;*/ border-top: 1px solid #e3e3e3;}

.archive .entry-content{display: none}

p img{margin: 2em 0}

div.entry-meta{padding-top:2em}

/*project*/

.single-featured-image-header{background-color: #fff; border: none;}

.search-results .site-content{padding:5.5em 0 0}

.page .site-content{padding:0}
.archive .page-header{display: none;}

.search:not(.has-sidebar) #primary article{padding-top:0;}

.archive .site-content, .single-post .site-content{padding:3em 0 0!important;}

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header{margin-bottom:2em}

.twentyseventeen-front-page .site-content{padding:0!important}

.single .byline, .group-blog .byline{display: none;}

.entry-footer .cat-links, .entry-footer .tags-links, .entry-meta, .nav-subtitle {letter-spacing:0.05em;}

.page-id-1030 h1,.page-id-340 h1, .page-id-340 h1 b, .page-id-134 h1, .page-id-134 h1 b, .page-id-342 h1, .page-id-342 h1 b, .page-id-132 h1, .page-id-132 h1 b, .page-id-3073 h1, .page-id-3073 h1 b{color:#fff;}

.page-id-3117 .site-content .wrap {padding:0}
.page-id-3117 header.entry-header {display:none}


/*footer*/

.social-navigation{display:none;}

.site-footer a{color: #fff;}

.site-footer a:hover{color:#cb000f!important;}

.site-footer {background:#313131; color:#FFF;}
.site-footer .aoe-logo {width:30%;float:left; padding-right: 1.7rem; margin-top: 0.3rem}
.site-footer .aoe-adress {float:left; width:70%;}
.site-footer .typhuset-logo {width:40px;margin-bottom: 7px;}

.site-footer .widget-area{margin-bottom: 0; padding-bottom: 0; padding-top:3em;}
.site-footer .widget-column {float:left}
/*.site-footer .widget-column .widget-column {width:50%;}*/
.site-footer .widget-column .widget-column:first-child {width:60%;}
.site-footer .footer-col-2 .fab {margin-bottom: 1rem}
.site-footer .footer-col-2 .fa-linkedin {margin-left: 1rem}
.site-footer .widget-column.footer-col-1,.site-footer .widget-column.footer-col-2,.site-footer .widget-column.footer-col-3 {width:100%; margin-bottom:3rem}

.site-footer .fa-facebook,.site-footer .fa-linkedin {font-size:2.5rem}





#footer-certs {/*line-height:60px;*/margin-bottom:5px }
#footer-certs img {height:45px; margin:0 5px; width: auto}
#footer-certs svg {height:30px; width:40px; margin:0 3px; vertical-align:baseline}
svg.icon.icon-facebook{margin-left:8%!important}
#colophon .icon{top:-0.6em}

p.footer-header{font-family: "Titillium Web","Helvetica Neue", helvetica, arial, sans-serif; color: #fff; font-size: 1.15rem!important; font-weight: 700; margin-bottom: 0!important;}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{box-shadow: none!important}

/*forms*/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{font-family: 'Lato', sans-serif; border: 1px solid #ddd;}

/*search*/

.search-results h1:first-child{display:none}

.search-results h2, .search-result h2.entry-title, .search-results h1.page-title{ font-size:1.1rem!important; line-height:24px; font-weight:400; margin-bottom: 0!important; padding: 0.25em 0 0!important; display:inline-block}

.search .site-main > article{padding-bottom: 1em!important;}

.search .entry-meta, .search .entry-summary{display:none;}

/* kontaktsidan */

.kontakt_search_container {background:#cb000f;margin:0 0 1em 0;padding:1.5em;}
.kontakt_search {width:100%; margin:0 auto; max-width:600px;}
.kontakt_search .searchbox {width:65%;padding: 8px 16px;}
.kontakt_search .searchbutton {float:right; width:30%; border: 1px #fff solid;padding: 8px 16px;}
.kontakt_search .searchbutton:hover {background-color:#fff; color: #cb000f; border-color:#cb000f;}

.content-area .kontakt_btn {background-color:#000;}
.content-area .kontakt_btn.active, .content-area .kontakt_btn:hover {background-color:#cb000f; color:#fff; border-radius: 0 }
.content-area .kontakt_btn .fa {margin-top:3px}
.content-area .kontakt_btn.active .fa::before {content: "\f106";}
#kontakt_ao_grupp .fa, .fa {margin-top:0; font-size:1rem}
.content-area .kontakt_btn .fa{font-size:1.1rem}

.kontakt_panel {display:none}
#kontakt_kontor {display:block}

.kontakt_btn,.kontakt_panel { flex: 100%; }
.kontakt .site-main {
	display: flex;
	flex-flow: row wrap;
}
/*
.staff-directory{display:flex;flex-flow: row wrap;/*justify-content: space-between;*//*}*/
/*.staff-directory.staff-few-items{/*justify-content: space-around;*//*}*/

div.single-staff {
    width: 47.5%;
	display:inline-block;
	margin: 1em 5% 1em 0;
	vertical-align: top;
}

div.single-staff img {width:100%;}

#text-5.single-staff img{width:auto!important}
div.single-staff button {background:#cb000f; border:1px solid #cb000f!important; margin-top:10px; padding: 5px 12px!important; font-size:0.9em; margin-right:5px}
div.single-staff button:hover{background:#fff; border:1px solid #cb000f; color:#cb000f}
div.single-staff button.vcfbutton {background-color:#fff; color: #cb000f; border:1px solid #cb000f;padding: 5px 12px; margin-left:-2px;}
div.single-staff button.vcfbutton:hover{background:#cb000f; color:#fff; border:1px solid #cb000f}
div.single-staff p {line-height: 120%; margin:5px 0;}
div.single-staff b {font-size:0.9rem;}
div.single-staff h1:first-child{display:none}
div.single-staff h1, div.single-staff h1.entry-title{display:block}


div.single-staff-single .name {font-size:1.1rem; font-weight:bold;}
div.single-staff-single .titlegroup {margin-bottom:15px; line-height:140%;}


.ao_button_container {display:flex;flex-flow: row wrap; margin: 1.5em 0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.ao_button_container .affarsomrade_btn {color:#000; font-weight:700; flex:1 50%}
.ao_button_container .affarsomrade_btn.active, .ao_button_container .affarsomrade_btn:hover {color:#cb000f}

.kontor_button_container {display:flex;flex-flow: row wrap; margin: 1.5em 0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.kontor_button_container .kontor_btn {color:#000; font-weight:700; flex:1 50%}
.kontor_button_container .kontor_btn.active, .kontor_button_container .kontor_btn:hover {color:#cb000f}
.kontor_button_container button{padding:1em;}
.kontor_karta_container {display:flex; margin: 1.5em 0;flex-flow: row wrap;}

.kontor_info {width:100%}
.kontor_adress {display:flex;}
.kontor_adress p {flex:1}
.kontor_karta {height:331px; width:100%}
.kontor_infotext {display:none; margin-top:1.5em;}
#kontor-0 {display:block}

.single-job_post:not(.has-sidebar) #primary {
	margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}
.single-job_post h1:first-child{display:none;}
.single-job_post h1{padding:0;}
.single-job_post .site-content{padding: 2.5em 0 0; }
.job_post_list a{font-size:1.2em;}

.pagaende-projekt div.pagaende-projekt-single {margin:1em 0;}
.pagaende-projekt .title {font-weight:700; font-style: italic;}
.pagaende-projekt .pagaende-projekt-info {color:#9a9a9a}

.project-infobox {margin-top:40px; border: 1px #cb000f solid;}
.project-infobox .infobox-header {border-bottom:1px #cb000f solid; font-weight:700}
.project-infobox div {padding:1em 1.75em;}

button.readmore_button {margin: 1em 0 2em 0; background-color:#cb000f; color: #fff; border: 1px solid #fff;}
button.readmore_button:hover {background-color: #fff; color:#cb000f; border: 1px solid #cb000f;}
.entry-content .more-link:before {
	content: "";
    display: block;
    margin-top: 0px;
}
.so-widget-sow-blog-grid-7a8e73697d23-3117 .sow-blog-layout-grid .sow-blog-posts article .sow-entry-content a.sow-more-link.excerpt {padding: 0.5rem; background-color:#cb000f; color: #fff; border: 1px solid #fff; width:80px; text-align:center}
.so-widget-sow-blog-grid-7a8e73697d23-3117 .sow-blog-layout-grid .sow-blog-posts article .sow-entry-content a.sow-more-link.excerpt:hover{background-color: #fff; color:#cb000f; border: 1px solid #cb000f;}
.sow-blog article .sow-more-link span.sow-more-link-arrow {display:none}

.medarbetarportratt-footer {background: #EEE}
.medarbetarportratt-footer .wrap {margin-left: auto; margin-right: auto; max-width: 740px; text-align:center; padding:2rem 0 2rem 0}
.medarbetarportratt-footer .wrap p {text-align:left}

/* ------------------
olika skärmstorlekar 
--------------------*/

/* 767px */
@media screen and (max-width: 47.9375em){
	body, p{font-size:16px;}
	p.ingress{font-size:1.1rem; font-weight:400; color:#333; margin-top:0.5em}
	h4{font-size:1.1rem}
	h3{font-size:1.5rem; margin:0 0 0.25em;padding:1em 0 0}
	h2, h2.entry-title{font-size:1.75rem; line-height:120%}
	h1, h1.entry-title{margin-top:0!important; font-size:2rem; line-height:120%;padding-bottom:0;}
	p.quote{width:100%;}
	/*h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{padding:1.15em 0 0}*/
	h1, h2, h3, h4, h5, h6, .navigation-top, .postgrid_post{margin-bottom:0.5em}
	
	.menu-toggle{float:right!important;margin: 7px auto 2px auto; background:#313131!important}
	button.dropdown-toggle{background:#313131!important}
	.navigation-top .logo{margin: 14px 0 0 5px}
	#top-menu .menu{padding-top:20px}
	.main-navigation > div > ul{padding: 4em 1em 0.5em 1em; z-index: 99;}
	.navigation-top .wrap{padding:0 1.2em}
	.wrap{padding:0 2em!important}
	.main-navigation a{line-height:35px}
	.main-navigation ul ul{padding: 0 1.5em;}
	li.menu-item.menu-search-form{padding: 0 0 1.5em 0!important;}
		
	/*#fp-search, #fp-projects*/
	.fp-red-box,.fp-white-box {padding:25px 25px 55px 25px; height: auto}
	
	.page .site-content, .archive .site-content, .search-results .site-content{padding:2em 0 0}
	.page:not(.home) #content{padding-bottom: 1.5em!important;}
	.page-header{margin-bottom:0.75em!important; padding-bottom:0!important;}
	
	.site-header, .navigation-top{margin-bottom: 0!important;}
	
	#headerimage { background:url(https://ahlin-ekeroth.se/wp-content/uploads/2026/04/startbild2026.webp); background-position: center; background-size:cover; background-repeat: no-repeat;}
	.home #headerimage { height:30vh;}
	#headerimage.single-featured-image-header {height:600px;}
	
	div#headerimagetext {background-color:#313131; padding:2em 0}
	div#headerimagetext h2.entry-title {color:#FFF; margin-bottom: 0}
	div#headerimagetext > div {margin:0 auto; padding:0 28px; text-align:center}
	div#headerimagetext > div p {margin:0; color:#FFF}
	
	
	#fp-energi {padding-bottom:16px;}
	
	#fp-news, #fp-referens{padding: 25px 0 35px 0}
	#fp-news h2{margin-right:50px;color:#fff}
	#fp-news button{margin-right:-50px;margin-bottom: 2em;}
	#fp-referens button{margin-bottom: 2em;}
	
	button, input[type="button"], input[type="submit"]{padding: 6px 10px; /*width: auto!important;*/ font-weight:400!important}
	
	.fp-btn-kontakt{margin-top:35px}
	.kontor_button_container{display: block!important; margin: 1em 0 0}
	.kontor_infotext{margin-top:0!important}
	.kontakt_search_container {margin-top:-2.5em;}
	.kontor_button_container button{padding:6px 10px;}
	.kontakt_panel{margin: 0.5em 0;}
	.kontor_karta_container{margin: 0 0 1.5em}
	.kontor_karta{margin-top:1.25em;}
	.content-area .kontakt_btn{padding:10px}
	div.single-staff b{font-size:1rem}
	
	input[type="search"]{padding: 0.43em!important}
		
	.site-content{padding:0}
	h1.entry-title{margin-bottom:0; margin-top:1em;}
	.page.page-one-column .entry-header{margin-bottom: 1em}
	body:not(.twentyseventeen-front-page) .entry-header{padding:0}
		
	div#headerimage {background-position: center; background-size:cover!important; background-repeat: no-repeat; margin-bottom:0; padding-top:45px;}
	li{margin-top:1em;}
	#top-menu li{margin-top:0}
	.single-job_post h1{padding-bottom:0!important; margin-bottom:0!important; padding-top:1.5em;}
	.single-job_post .site-content{padding: 1.5em 0}
	.jobcontactdiv {margin-bottom:2em;}
		
	#footer-certs{float:left; width:100%; text-alight:left}
	#footer-certs img{height:35px; width:auto}
	#colophon .icon{top:0}
	
	.pagaende-projekt div.pagaende-projekt-single{margin: 2em 0;}
	.page-id-340 .site-content-contain{padding-top:0}
	
	div.single-staff:nth-child(2n+0) {margin-right:0;}
}

/*mobile 320px*/
@media screen and (max-width: 20em){
	.site-footer .footer-col-1 {text-align:center}
	.site-footer .aoe-logo {width:33%; float:none; padding:0;margin:0 0 1rem 0}
	.site-footer .aoe-adress {width:100%; text-align:left}
	.site-footer .widget-column .widget-column {width: 100%; margin-bottom:1.5rem}
	.search-form .fp-btn {width: 25vw}
	.fp-red-box .searchbox { width: 59vw; }
	.fp-btn-kontakt {margin:3px 0 0 0;}
	#fp-kontakt p {margin-top: -1.5rem}
	#fp-kontakt p b {display:block}
	#fp-tra-projekt button {font-size:11px}
	h2, h2.entry-title { font-size: 1.7rem; }
}

/*mobile 517px*/
@media screen and (max-width: 32.3125em){
	.navigation-top .logo{margin: 14px 0 0 -10px}
	svg.icon.icon-facebook{margin-left:0!important; margin-top:2em}
	#colophon .icon{top:0}
	div.single-staff p {font-size:0.8rem}
}

/* ikoner 500px-767px*/
@media screen and (min-width: 31.25em) and (max-width: 47.9375em){
	img.tjanster_ikon.alignleft {max-width:200px}
}

/* 768px */
@media screen and (min-width: 48em) { 
	
	.main-navigation {float:right}
	.navigation-top {bottom:auto;}
	.navigation-top .wrap { padding: 0.875em 0.2em; }
	.main-navigation a { margin: 1.25em 0.6em 0.6em; padding:0; font-size:0.75rem }
	.main-navigation ul ul a {margin: 0}
	.navigation-top .logo{/*width:220px;*/ margin: 5px 0 0 0 }
	.main-navigation ul li.menu-left:hover > ul, .main-navigation ul li.menu-left.focus > ul {right: 0em; left: auto;}
	li.menu-item.menu-search-form{width:400px;}
	.menu-toggle{float:right!important;}

	#headerimage {margin-top:70px;background:url(https://ahlin-ekeroth.se/wp-content/uploads/2026/04/startbild2026.webp);background-position: center; background-size:cover; background-repeat: no-repeat;}
	/*#headerimage{padding-bottom:1em!important;}*/
	
	.home #headerimage { height:60vh; }
	#headerimage.single-featured-image-header {height:600px;}
	
	div#headerimagetext {background-color:#313131; padding:1.5em 0 2em 0; color:#FFF}
	div#headerimagetext h2.entry-title {color:#FFF; margin-bottom: 0}
	div#headerimagetext > div {margin:0 auto; width:830px; padding:0 28px; text-align:center}
	div#headerimagetext > div p {margin:0}
	div#headerimagetext > div {width:830px;}
	
	.single-featured-image-header{max-height: 600px;}
		
	/*#fp-search, #fp-projects*/
	.fp-red-box,.fp-white-box {padding: 40px 50px; height:auto}
	#fp-tra-projekt { background-size: cover; }
	/*#fp-energi {background-position-x: unset;}
	#fp-energi p,#fp-energi a{margin-left:40%}*/
	
	#fp-pagaende .col {width:50%; }
	
	img.tjanster_ikon.alignleft {max-width:88px}

	/*kontakt i 768px*/
	.kontakt_search_container {margin-top:-0.5em; padding:4em 1.5em}
	.kontakt_btn-1{order:1}
	.kontakt_btn-2{order:2}
	#kontakt_kontor {order:3}
	#kontakt_faktura{order:4}
	.kontakt_btn-3{order:5}
	.kontakt_btn-4{order:6}
	#kontakt_affarsomraden{order:7}
	#kontakt_hallbarhet {order: 8;}
	.kontakt_btn-5{order:9}
	.kontakt_btn-6{order:10}
	#kontakt_administration-ekonomi {order: 11;}
	#kontakt_inkop-anbud {order: 12;}
	.kontakt_btn-7{order:13}
	.kontakt_btn-8{order:14}
	#kontakt_forrad {order: 15;}
	#kontakt_ledning {order: 16;}
	.kontakt_btn-9{order:17}
	#kontakt_styrelse {order: 18;}
	
	#kontakt_faktura {padding: 1.5em 0;}
	#kontakt_faktura div {display:inline-block; width:50%;}
	
	.ao_button_container .affarsomrade_btn {flex:1}
	
	.kontor_button_container .kontor_btn {flex:1}
	.kontor_info {flex:1}
	.kontor_adress {display:block;}
	.kontor_karta {flex:2}
	
	.content-area .kontakt_btn { flex: 40%; margin:auto;}
	
	.faculty-main img{max-width: 50%; max-height:50%; padding-right: 2em}
	
	div.single-staff {width: 23%; margin: 1em 2.66667% 1em 0;}
	div.single-staff-single {width:40%}
	
	#kontakt_ao_grupp p{font-size:0.8rem;}
	
	#lediga_jobb #headerimage {margin-top:-2.3em;margin-bottom:10px;padding-top:55px;background:url(/wp-content/themes/twentyseventeen_child/assets/images/aoe_ledigajobb_topbild.jpg);}
	#lediga_jobb #main {display:flex; justify-content: space-between;}
	#lediga_jobb #main div {flex: 0 45%;}
	ul.job_post_list {list-style:none;}
	ul.job_post_list li {margin-bottom:1em;}
	#lediga_jobb .wrap{ padding: 4em;}
	.jobcontactdiv {width:50%; display:inline-block; margin-bottom:2em;}
	
	.page-id-340 .site-content-contain{padding-top:3em}

	#footer-certs img{height:45px; width: auto}
	.widget{padding-bottom:2em!important;}
	.pagaende-projekt {columns: auto 2;}
	.pagaende-projekt div.pagaende-projekt-single {display:inline-block;  width:100%}
	/*.postgrid_grid {border: 1px #F00 solid;}*/
	.postgrid_post {width:49%;margin: 0 2% 2em 0;display:inline-block;vertical-align:top;}
	
	.medarbetarportratt-footer {margin-bottom: -3em}
}

/*grid 768px-1040px*/
@media screen and (min-width: 48em) and (max-width: 65em){
	/*.site-footer .widget-column.footer-widget-1{width:40%}
	.site-footer .widget-column.footer-widget-2{width:55%}*/
	#footer-certs img{height:45px; width: auto}
}

/*grid 768px-1200px*/
@media screen and (min-width: 48em) and (max-width: 74.9375em){
	/*
	.postgrid_thumb, .post-grid_title{width: 250px; max-width: 250px}
	.postgrid_post{padding:0}
	*/
	div.single-staff:nth-child(4n+0) {margin-right:0;}
	.postgrid_grid .postgrid_post:nth-child(2n+0) {margin-right:0;}
	.site-footer .widget-column {float:left}
	.site-footer .widget-column.footer-col-1 {width:50%; padding-right:2%;}
	.site-footer .widget-column.footer-col-2 {width:50%; padding-left:2%;}
	.site-footer .widget-column.footer-col-3 {width:100%;}
	.site-footer .aoe-logo {width:40%;}
	.site-footer .aoe-adress {width:60%;}
}

/* 1200px */
@media screen and (min-width: 75em) { 
	.home h2.entry-title{font-size:2.2rem!important}
	
	.content-area button { border:1px solid #FFF; font-weight:300; padding: 6px 16px; white-space: nowrap;}
	.content-area input[type="search"] {padding: 8px;}

	.fp-btn, .fp-btn-kontakt {float:right; width:auto;}

	.navigation-top {background:#313131;color:#FFF;}
	.navigation-top a {color: #FFF;}
	/*.navigation-top .logo {float:left; width:150px; margin-top:5px;}*/
	.navigation-top .menu-btn {font-weight:normal}
	.main-navigation a { margin: 1em 1.25em 0.65em 1.25em; padding:0; font-size:0.875rem }
	.main-navigation ul ul a {margin: 0}

	.menu-search-form {width:250px}
	.menu-toggle {color:#FFF;}
	
	/*.postgrid_thumb img {width:350px}*/
	.postgrid_post {width:32%;margin: 0 2% 2em 0}
	.postgrid_grid .postgrid_post:nth-child(3n+0) {margin-right:0;}
	.page-id-3117 .postgrid_post {width:49%;margin: 0 2% 2em 0}
	.page-id-3117 .postgrid_grid .postgrid_post:nth-child(2n+0) {margin-right:0;}
	
	.fp-red-box {width:50%;height:370px; float:left; }
	.fp-red-box div.box {width:500px; margin-top:20px; margin-bottom:10px;}
	.searchbox { width:300px; padding: 6px 8px;}
	
	.fp-red-box .searchbox {width:350px}
	.fp-red-box p{line-height:1.3rem}
	
	.fp-white-box {width:50%;height:370px; float:left;}
	.fp-white-box div {width:500px; margin-top:20px;}
	#fp-energi .box {width:350px;}
	#fp-energi p,#fp-energi a{padding-left: 0px;}
	.fp-white-box h2 {color:#000;clear:none;}
	.fp-white-box button {background-color:#cb000f;border-color:#cb000f; color:#fff}
	
	#fp-tra-projekt {width:50%;height:370px; float:left;}
	#fp-tra-projekt div {width:500px; margin-top:20px;}
	#fp-tra-projekt h2 {color:#000;clear:none;}
	#fp-tra-projekt button {background-color:#cb000f;border-color:#cb000f; color:#fff}
	/*
	#fp-energi {clear:both; width:100%;}
	#fp-energi .box {width:100%}
	*/
	
	.box.left {float:right;margin-right:0;}
	.box.right {margin-left:0;}
	
	#fp-news {background:#313131;color:#FFF;padding-top:70px}
	#fp-news h2 {color:#FFF;clear:none;text-align:center;}
	#fp-news .wrap {position:relative;}
	#fp-news button.fp-btn {position:absolute; right:3.42em;}
	#fp-news button:hover{background-color:#fff; color: #313131; border-color: #313131;}

	#fp-referens {color:#000;padding-top:70px}
	#fp-referens h2 {color:#000;clear:none;text-align:center;}
	#fp-referens .excerpt {color:#888}
	#fp-referens .wrap {position:relative;}
	#fp-referens button.fp-btn {position:absolute; right:3.42em;}

	/*#footer-certs img {height:75px; margin:0 5px; max-width:100%; max-height:100%}*/
	
	.site-footer .widget-column {float:left}
	.site-footer .widget-column.footer-col-1 {width:33.333%; padding-right:2%;}
	.site-footer .widget-column.footer-col-2 {width:33.333%; padding-left:2%; padding-right:2%;}
	.site-footer .widget-column.footer-col-3 {width:33.333%; padding-left:2%;}
	.site-footer .fa-facebook,.site-footer .fa-linkedin {font-size:2.5rem}
	.site-footer .aoe-logo {width:130px;float:left; margin-right: 1.7rem; margin-top: 0.3rem}
	.site-footer .aoe-adress {float:left; width:auto}
	.site-footer .typhuset-logo {width:40px;margin-bottom: 7px;}

	.site-footer .widget-area{margin-bottom: 0; padding-bottom: 0; padding-top:3em;}
	.site-footer .widget-column .widget-column,.site-footer .widget-column .widget-column:first-child {width:50%;}
	.site-footer .footer-col-2 .fab {margin-bottom: 1rem}
	.site-footer .footer-col-2 .fa-linkedin {margin-left: 1rem}

	
	.navigation-top .wrap {
		max-width: 1200px;
		padding: 0.8125em 3.4166666666667em;
	}

	.site-footer .wrap {
		max-width: 1200px;
		padding: 0.75em 3.4166666666667em;
	}

	.wrap {
		max-width: 1200px;
		padding: 0.75em 3.4166666666667em;
	}
	/*kontakt fullskärm*/
	/*.kontakt_search_container {margin:-3.4em 0 1em 0;}*/

	.kontakt_btn-1{order:1}
	.kontakt_btn-2{order:2}
	.kontakt_btn-3{order:3}
	#kontakt_kontor {order:4}
	#kontakt_faktura{order:5}
	#kontakt_affarsomraden{order:6}
	.kontakt_btn-4{order:7}
	.kontakt_btn-5{order:8}
	.kontakt_btn-6{order:9}
	#kontakt_hallbarhet {order: 10;}
	#kontakt_administration-ekonomi {order: 11;}
	#kontakt_inkop-anbud {order: 12;}
	.kontakt_btn-7{order:13}
	.kontakt_btn-8{order:14}
	.kontakt_btn-9{order:15}	
	#kontakt_forrad {order: 16;}
	#kontakt_ledning {order: 17;}
	#kontakt_styrelse {order: 18;}
	
	#kontakt_faktura {margin:0;}
	#kontakt_faktura div {width:31%; margin:0 1em;}
	
	.kontakt_panel {padding:0 1em; margin-bottom: 15px;}
	
	.kontor_info {flex:1}
	.kontor_karta {flex:3}
		
	.content-area .kontakt_btn { flex: 27%; margin:1em;}
	div.single-staff {width:15%; font-size: 0.83rem; margin: 1em 2% 1em 0;}
	div.single-staff-single {width:40%}
	div.single-staff:nth-child(6n+0) {margin-right:0;}
	
	.pagaende-projekt {columns: auto 3;}
	.pagaende-projekt div.pagaende-projekt-single {width:100%}
}

/* 1392px */
@media screen and (min-width: 87em) { 
	/*#fp-kontakt2 {width:calc(50% - 220px); padding:20px 30px}*/
	#fp-energi {width:50%;background-position-x:unset; clear:none; padding: 40px 50px; }
	#fp-energi .box {width:500px; margin-left:0}
	#fp-tra-projekt {width:50%; padding:20px 30px; background-position-y: 150px; background-size:130% }
	/*#fp-tra-projekt.new {width:440px;}*/
	#fp-tra-projekt .box {width:400px}
	#fp-tra-projekt { background-size: cover; }
}

/*jubileumslogga*/
@media screen and (min-width: 767px) and (max-width: 850px){
	.navigation-top .logo{width:190px}
	.main-navigation a{margin:1.25em 0.5em; font-size: 0.7rem}
}