/*  
Theme Name: Blondie Logistic
Theme URI: http://www.blondie.se
Version: 1.0
Description:
Author:
Author URI:
Tags: Blondie Logistic, responsive, bootstrap
*/

html{
    position: relative;
    min-height:100%;
}

html, body {
    overflow-x: hidden;
}

body{
	background: #fff;	
	margin-bottom:300px;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color:#000;	
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top:62px;
}

h1, h2, h3 {
	font-family: 'Raleway';
	font-weight:800;	
}

.first h1 {
	text-shadow: 1px 1px 3px #000;
}

.main h1,
.main h2,
.main h3{
	color: rgb(228, 12, 12);
}

.font-white .main h1,
.font-white .main h2,
.font-white .main h3 {
	color: #fff;
}

.block-red{
	background-color: rgb(228, 12, 12);
	opacity: 0.90;
}

.font-white {
	color:#fff;
}

#map_canvas {
    height: 100px;
    position: absolute;
}

.overlay.red{
	background-color: rgb(228, 12, 12);
	opacity: 0.90;
}

.full-overlay{
	background-color: #fff;
	opacity: 0.90;
	height: 100%;
	width:100%;
	display: block;
	z-index:0;
	position: absolute;
}

.overlay.white{
	background-color: #fff;
	opacity: 0.90;
}

.error{
	color:rgb(228, 12, 12);
}

/* -------------------------------------MENU------------------------------------------------- */

.navbar-brand{	
	height:62px;
	padding:10px 15px;	
	text-shadow: 1px 1px 3px #000;
}

.navbar-brand .glyphicon{
	top:-8px;
	font-size: 8px
}
.glyphicon:empty {
	width: 3px;
}

.navbar-brand .brand{
	font-size:18px;
	line-height: 16px;
	font-family: 'Raleway';
	font-weight:800;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
	color: #fff;
}
.navbar-default .navbar-nav>li.current-menu-item>a{
	color: #333;	
}


.logistic {
	padding:0 0 0 77px;
}

.navbar {
	text-transform: uppercase;	
	font-size:14px;
	margin: 0;	
	background-color: rgb(228, 12, 12);
	border-radius: 0;
	font-weight:bold;
}

.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border-color:transparent;
}

.navbar-default .navbar-toggle{
	border-color:#fff;	
}

.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
}


/* -------------------------------------END-MENU--------------------------------------------- */


/* -------------------------------------START-FOOTER----------------------------------------- */

#footer {	
	position: absolute;
	padding-top: 20px;
	padding-bottom: 20px;
	bottom: 0;
	width: 100%;
	color: #fff;
	background-color: rgb(228, 12, 12);
	opacity: 0.90;
}

#footer a,
#footer a:hover,
#footer a:visited,
#footer a:active{
	color:#fff;
	text-decoration: underline;
}

#footer a:hover{
	color:#000;	
}

/* -------------------------------------END-FOOTER------------------------------------------- */

/**
 *iPhone is 320×480
 *iPhone 4 is 640×960 
 *iPhone 5 is 640×1136 
 */

/* Small devices (tablets, 768px and up) */
/* col-sm */
@media (min-width: 768px) {
	.navbar-brand{	
		height:75px;		
	}

	.navbar-brand .glyphicon{
		top:-14px;
		font-size: 11px
	}
	.glyphicon:empty {
		width: 5px;
	}

	.navbar-brand .brand{
		font-size:30px;
		line-height: 30px;
	}	

	.navbar-default .navbar-nav>li>a {
		padding-top:30px;
		text-shadow: none;		
	}

	.logistic {
		padding:0 0 0 111px;
	}

	.jumbotron{
		padding-top:90px;
	}	

	body{
		margin-bottom:140px;
		padding-top:72px;
	}
}

/* Medium devices (desktops, 992px and up) */
/* col-md */
@media (min-width: 992px) {
	.jumbotron{
		padding-top:150px;
	}	
}

/* Large devices (large desktops, 1200px and up) */
/* col-lg */
@media (min-width: 1200px) {
	h1 {
		font-size: 63px;
	}
	h2 {
		font-size: 43px;
	}
	.jumbotron{
		padding-top:180px;
	}	
}