/*

Theme Name: ABSBF

Theme URI: http://www.absbf.se/

Author: Fredrik Spännar, Media & Webbsupport

Author URI: http://www.mediawebbsupport.se/

Description: Respontivt tema till ABSBF

Version: 1.0

*/



@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic");



body {

	font-family: 'Open Sans', sans-serif;

}



/* meny */

.navbar {

	background-image: none !important;

}



.navbar-nav, .navbar-nav > li > a {

	color: #000;

}



.navbar-collapse ul,

.navbar{

	border: 0 !important;

	box-shadow: 0px 0px 0px !important;

}



.sidebar .navbar-nav > li.current_page_item > a,

.navbar-nav > li.active > a {

	font-weight: bold;

	background-color: #dfdfdf;

}



.navbar-nav > li:hover > a {

	font-weight: bold;

	background-color: #BABABA;

}



.sidebar .navbar-default,

.header-navigation .navbar-default {

	background-color: inherit !important;

}



.header-navigation .navbar-toggle {

	top: 10px;

	position: relative;

}



.sidebar h2 a {

	color: #000;

	text-decoration: none;

}





/* bildspel med bootstrap carousel  */

.carousel {

	width: 100%;

	height: auto;

	margin: 0 auto;

}



.carousel-inner > .item > img {

	margin: 0 auto; /* centrera bild */

}



a.carousel-control,

.carousel-inner {

	background-color: #000; /* svart bakgrundsfärg */

}



a.right.carousel-control,

a.left.carousel-control {

	width: 60px;

	background: inherit !important;

}



a.right.carousel-control span,

a.left.carousel-control span {

	background: url('images/carousel-arrows.png') no-repeat; /* andra kontroller */

	width: 50px;

	height: 40px;

	background-position: 0px 0px;

}



a.right.carousel-control span {

	background-position: -50px 0px;

	left: 5px;

}



a.left.carousel-control span.icon-prev:before,

a.right.carousel-control span.icon-next:before {

	content: ""; /* ta bort orginal-ikonen */

}



.carousel-indicators {

	display: none;

}





/* header */

.container-fluid.header {

	background-color: #000;

	border-bottom: #FFDE00 solid 10px;

	padding-bottom: 10px;

	padding-top: 10px;

}



.container-fluid.header-navigation {

	background-color: #f2f2f2;

}





/* footer */

.container-fluid.footer {

	background-color: #000;

	padding-bottom: 10px;

	padding-top: 10px;

	color: #fff;

	font-size: 0.9em;

}



.container-fluid.footer h2.widgettitle {

	font-size: 1em;

	font-weight: bold;

}



.container-fluid.footer ul {

	padding: 0;

	padding-left: 15px;

}



.container-fluid.footer ul li > a,

.container-fluid.footer ul li > a:visited {

	color: #fff;

}



.footer-copyright {

	border-top: 1px solid #fafafa;

	padding-bottom: 10px;

	margin-top: 15px !important;

}



.footer-copyright a {

	color: #b9b9b9;

}







/* innehåll */

.modal {

	margin-top: 5%;

}



.page-with-sidebar .sidebar {

	margin-top: 5px;

}



.page-with-sidebar .sidebar h2 {

	padding-bottom: 5px;

	border-bottom: 2px solid #000;

	font-size: 1.5em;

}



.page-image {

	padding-top: 15px;

	max-height: 200px;

	overflow: hidden;

}



.page-image img {

	width: 1070px;

	height: auto;

}



h3 {

	border-bottom: 1px solid #000;

	margin-bottom: 10px;

}



.page-two-columns table tr td {

	padding-bottom: 15px;

}



.frontpage-selected-references .ref-item a,

.frontpage-selected-references .ref-item a:visited {

	color: #000;

}



.frontpage-selected-references .ref-item {

	float: left;

	margin-right: 30px;

	text-align: center;

}



.frontpage-selected-references .ref-item img {

	height: 70px;

	width: auto;

}

.frontpage-apps-table tr td {
	padding: 10px 20px;
}

img.alignleft {

	display: inline-block;

	float: left;

	margin: 10px;

}



img.alignright {

	display: inline-block;

	float: right;

	margin: 10px;

}



.small-screens-sidebar,
.responsive-title {

	display: none;

}

.row_no_padding .col-lg-6,
.row_no_padding .col-md-6 {
	padding: 0;
	margin: 0;
	
	padding-right: 15px;
}


/* shortcode generera navigation undersidor på förälder */

.child-page-navigation table {

	width: 100%;

}



.child-page-navigation table tr td {

	background-color: #fdfdfd;

}



.child-page-navigation table tr td.contents {

	padding: 10px;

	

}



.child-page-navigation table tr td.image_contents {

	width: 75px;

}



.child-page-navigation table tr td.image_contents img {

	width: 75px;

	height: auto;

}





.child-page-navigation table tr td a,

.child-page-navigation table tr td a:visited {

	text-decoration: none;

	color: #000;

}



.child-page-navigation table tr td.contents:hover {

	background-color: #ffde00;

}



.child-page-navigation table tr td .link-style {

	text-decoration: underline;

	color: #3e46e7;

}

.small-screens-sidebar {
	display: none;
}



/* slideshow frontpage */

.slideshow {

    margin-left: -20px;

    margin-right: -20px;

}



.slideshow .carousel-indicators {

	display: none;

}



.carousel .carousel-control {

    background: none;

    border: none;

    top: 50%;

}



.slideshow,

.slideshow .carousel.slide,

.slideshow .carousel-inner {

	padding: 0;

	margin: 0;

	width: 100%;

}



.slideshow .carousel-inner .item img {

	width: 100%;

	height: auto;

}



.slideshow .carousel-inner .item {

	width: 100%;

	max-height: 550px;

	overflow: hidden;

}



.slideshow .slideshow-over h3 {

	border: 0;

	margin-top: 0;

	font-size: 1.4em;

}



.slideshow .slideshow-over ul {

	padding-left: 20px;

	list-style-type: disc;

}



.slideshow .slideshow-over ul li {

	display: list-item;

	margin-bottom: 10px;

}



.slideshow .slideshow-over ul li button {

	display: inline-block;

	float: right;

}



.slideshow .slideshow-over ul li button.btn-has-categories {

	margin-top: -10px;

}





/* Small devices (tablets, 767px and below) */

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

	
	.frontpage-apps-table tr td {
		padding: 0px;
		display: block;
	}


	.col-logo img {

		width: 97%;

		height: auto;

	}



	.col-going-green img {

		width: 80%;

		height: auto;

		display: inline-block;

		float: right;

	}



	.slideshow .slideshow-over {

		margin-top: 20px;

		margin-bottom: 20px;



		padding: 15px 10px;



		border-top: 2px solid #444;

		border-bottom: 2px solid #444;

	}



	.footer-item a img {

		display: inline-block;

		width: 100%;

		height: auto;

	}



	.modal {

		margin-top: 2%;

	}



	.page-with-sidebar .content {

		margin-top: -30px;

	}


	.page-image img {

		width: 100%;

		height: auto;

	}	



	.responsive-title {

		display: inline-block;

		float: right;

		margin: 15px 20px 0px 0px;

	}



	.header-navigation .responsive-title {

		margin-top: 25px;

	}



	.sidebar .navbar-toggle {

		display: inline-block;

		float: right;

	}



	.sidebar .navbar-header {

		border-bottom: 1px solid #aaa;

	}



	.footer-copyright .left {

		margin-top: 10px;

	}



	.footer-copyright .right {

		margin-top: 20px;

	}



	.footer .col-md-3 {

		width: 50%;

		float: left;

	}


	.small-screens-sidebar {
		display: block;
		border-top: 2px solid #444;

		padding-bottom: 20px;

	}

	.large-screens-sidebar {  display: none; }
}



/* Fill in the gap */

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


	.small-screens-sidebar {
		display: block;
		border-top: 2px solid #444;

		padding-bottom: 20px;

	}

	.large-screens-sidebar {  display: none; }
	.col-logo img {

		width: 97%;

		height: auto;

	}



	.col-going-green img {

		width: 70px;

		height: auto;

		display: inline-block;

		float: right;

	}



	.slideshow .slideshow-over {

		margin-top: 20px;

		margin-bottom: 20px;



		padding: 15px 10px;



		border-top: 2px solid #444;

		border-bottom: 2px solid #444;

	}	



	.footer-copyright .left {

		margin-top: 10px;

	}



	.footer-copyright .right {

		margin-top: 20px;

	}



	.footer .col-md-3 {

		width: 50%;

		float: left;

	}	

}



/* Medium and large devices (desktops, 992px and up) */

@media (min-width: 992px) {



	.col-logo img {

		width: 300px;

		height: auto;

	}



	.col-going-green img {

		width: 85px;

		height: auto;

		display: inline-block;

		float: right;

	}



	.header .row,

	.header-navigation .row,

	.main-content .row,

	.container-fluid.footer .row {

		width: 1100px;

		margin: 0 auto;

	}



	.container-fluid.header-navigation .row,

	.container-fluid.header-navigation div[class*="col-"]{ 

		padding: 0;

	}



	.container-fluid.header-navigation .navbar {

		margin: 0;

	}



	.container-fluid.footer div[class*="col-"]  {

		padding: 0;

	}	



	.container-fluid.footer div[class*="col-"] .row div[class$="-3"] {

		/* nested columns */

		width: 17%;

	}



	.navbar-item > a {

		padding: 6px 20px !important;

	}



	.sidebar .navbar-nav {

		list-style-type: disc !important;

	}



	.sidebar .navbar-collapse {

		padding: 0;

	}



	.sidebar .navbar-nav > li {

		width: 100%;

  		list-style-type: disc;

  		display: list-item;	

  		margin-left: 20px;

	}



	.sidebar .navbar-nav > li > a {

		padding: 3px 6px;

	}



	.sidebar .navbar-nav > li:hover > a {

		font-weight: bold;

		background-color: #BABABA;

	}



	.sidebar {

		padding-bottom: 40px;

	}



	.page-one-column,

	.page-two-columns {

		padding-bottom: 40px;

	}



	.footer-copyright .left {

		text-align: left;

		margin-top: 10px;

	}



	.footer-copyright .right {

		text-align: right;

		margin-top: 10px;

	}





	.slideshow {

		position: relative;

	}



	.slideshow .slideshow-over {

		width: 400px;

		padding: 10px;

		background-color: #fff;



    	position: absolute;

		right: 10%;

		float right;



		margin-bottom: 20px;



		-webkit-border-radius: 10px;

		-moz-border-radius: 10px;

		border-radius: 10px;



		-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);

		-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);

		box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);		

	}



	.slideshow .current-projects {

		top: 5%;

	}



	.slideshow .current-references {

		top: 50%;

	}



	.frontpage.main-content {

		clear: both;

	}



}