/*
	Theme Name: From Space
	Author: Frome Space
	Author URI: http://fromspace.se
	Description: Tema från From Space
*/

/*
----------FONTS---------- */
@font-face {
    font-family: 'akzidenz-grotesk_bq_condensRg';
    src: url('assets/font/akzidenz-grotesk-bq-condensed_2812.eot');
    src: url('assets/font/akzidenz-grotesk-bq-condensed_2812.eot?#iefix') format('embedded-opentype'),
         url('assets/font/akzidenz-grotesk-bq-condensed_2812.woff2') format('woff2'),
         url('assets/font/akzidenz-grotesk-bq-condensed_2812.woff') format('woff'),
         url('assets/font/akzidenz-grotesk-bq-condensed_2812.ttf') format('truetype'),
         url('assets/font/akzidenz-grotesk-bq-condensed_2812.svg#akzidenz-grotesk_bq_condensRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('assets/font/Aller_Rg.eot');
    src: url('assets/font/Aller_Rg.eot?#iefix') format('embedded-opentype'),
         url('assets/font/Aller_Rg.woff2') format('woff2'),
         url('assets/font/Aller_Rg.woff') format('woff'),
         url('assets/font/Aller_Rg.ttf') format('truetype'),
         url('assets/font/Aller_Rg.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('assets/font/assets/font/big_noodle_titling.eot');
    src: url('assets/font/assets/font/big_noodle_titling.eot?#iefix') format('embedded-opentype'),
         url('assets/font/big_noodle_titling.woff') format('woff'),
         url('assets/font/big_noodle_titling.ttf') format('truetype'),
         url('assets/font/big_noodle_titling.svg#bignoodletitlingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('assets/font/opensans-condbold.eot');
    src: url('assets/font/opensans-condbold.eot?#iefix') format('embedded-opentype'),
         url('assets/font/opensans-condbold.woff2') format('woff2'),
         url('assets/font/opensans-condbold.woff') format('woff'),
         url('assets/font/opensans-condbold.ttf') format('truetype'),
         url('assets/font/opensans-condbold.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
----------GLOBAL STYLES----------*/

body {
	font-family: 'allerregular';
	font-size:15px;
	line-height:23px;
	color: #474747;
	background:#fff;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom:15px;
	margin-top:0;
	color:#474747;
    font-family: 'allerregular';
	font-weight:bold;
}
h1 {
	font-size:48px;
	line-height:1em;
	margin-bottom:35px;
	color:#70b272;
}
h2 {
	font-size:42px;
	line-height:1em;
	margin-bottom:25px;
}
h3 {
	font-size:32px;
	line-height:1.2em;
	margin-bottom:20px;
	color:#70b272;
}
h4 {
	font-size:25px;
	line-height:1.3em;
	margin-bottom:15px;
}
h5 {
	font-size:20px;
	line-height:1.3em;
	margin-bottom:15px;
}
a {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	color:#70b272;
}
	a:hover {
		color:#468248;
		text-decoration:none;
	}
img {
	max-width: 100%;
	height:auto;
}
.container {
	max-width: 1150px;
}

/*
----------KNAPPAR----------*/

.btn {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius:0;
	font-family: 'allerregular';
}
.btn-default {
	text-decoration: none;
	background:#70b272;
	border:none;
	color:#fff;
	margin-top:15px;
	padding:8px 35px;
	border-radius:500px;
}
	.btn-default:hover,.btn-default:focus {
		background:#468248;
		color:#fff;
		border:none;
	}

.header {
	width:100%;
	min-width:100%;
}
.alignleft {
	float:left;
	margin-right:25px;
}
.alignright {
	float:right;
	margin-left:25px;
}
.logo {
    max-width: 210px;
    padding-top: 10px;
	position:relative;
	z-index:10000;
}
.navbar-top {
	background:none;
	padding:30px 0 45px 0;
	margin:0;
	height:auto;
	min-height:auto;
	border:none;
}
.navbar-top .navbar-nav > li > a {
	padding:0 0 0 40px;
	color:#474747;
	font-size:19px;
}
.navbar-top .navbar-nav > .current-menu-item > a, .navbar-top .navbar-nav > .current-menu-item > a:hover, .navbar-top .navbar-nav > .current-menu-item > a:focus,.navbar-top .navbar-nav > li > a:hover, .navbar-top .navbar-nav > li > a:focus {
	color:#70b272;
	background:none;
}

.welcome-caption-inner {
	padding-top:170px;
}
.welcome-caption h1,.welcome-caption h2,.welcome-caption h3,.welcome-caption h4,.welcome-caption h5 {
	color:#fff;
	text-shadow: 0 1px 10px rgba(0,0,0,.3);
}
.welcome-section {
	width:100%;
	min-width:100%;
	background:url(assets/img/slide.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	z-index:10;
}
.welcome-box {
	border-top:15px solid #70b272;
	background:#fff;
	margin-top:-15px;
	webkit-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.25);
}
.welcome-inner {
	padding:30px;
}
.box-section {
	position:relative;
	z-index:100;
	width:100%;
	min-width:100%;
	padding:55px 0 0 0;
}
.box .box-inner {
	padding:30px;
	display:block;
	border:1px solid #ddd;
	color:#474747;
}
.box .box-inner ul {
	padding-left:15px;
	margin:0;
}
.color1 .box-inner {
	border-top:7px solid #70b272;
}
.color1 .box-inner h4 {
	color:#70b272;
}
.color2 .box-inner {
	background:#eee;
}
.color3 .box-inner {
	border-top:7px solid #4b90ac;
}
.color3 .box-inner h1,.color3 .box-inner h2,.color3 .box-inner h3,.color3 .box-inner h4,.color3 .box-inner h5 {
	color:#4b90ac;
}
.color3 .box-inner a.btn-default {
	background:#4b90ac;
}
.color3 .box-inner a.btn-default:hover,.color3 .box-inner a.btn-default:focus {
	background:#29667f;
}
.footer {
	padding:65px 0;
}
.footer-inner {
	text-align:right;
}
.main {
	padding:65px 0;
}
.form-holder-inner {
	border-top:3px solid #70b272;
	border-left:3px solid #70b272;
	border-bottom:3px solid #70b272;
	margin-left:25px;
	margin-bottom:45px;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
}
.form-holder .wpcf7-text,.form-holder .wpcf7-textarea {
	vertical-align: middle;
    display: inline-block;
    border: 2px solid #ddd;
    -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.05);
    padding: 10px;
    color: #666666;
    width: 100%;
    font-size: 16px;
    font-weight: inherit;
    line-height: 20px;
    background: #ffffff;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border 0.2s linear;
    -moz-transition: border 0.2s linear;
    -ms-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
}
.form-holder .wpcf7-textarea {
	height:120px;
}
#gallery-1 .gallery-item {
	padding:5px;
	margin:0 !important;
}
#gallery-1 .gallery-item img {
	border:none;
	width:100%;
}
.navbar-inverse .navbar-toggle {
	background:#70b272;
}
@media (max-width:900px) {
	.form-holder,.content-txt {
		float:none !important;
		width:100%;
	}
	.form-holder-inner {
		margin:0;
		padding:0;
		border:none;
		padding-top:25px;
	}
	.welcome-box,.welcome-caption {
		width:100%;
		float:none;
	}
	.welcome-caption {
		margin-bottom:25px;
		text-align:center;
	}
	h1,h2 {
		font-size:34px;
	}
	h3,h4,h5 {
		font-size:24px;
	}
}
@media (max-width:767px) {
	.box {
		float:none;
		width:100%;
		margin-bottom:25px;
	}
	.box-inner {
		height:auto !important;
	}
	.box img {
		width:100%;
	}
	.navbar-collapse {
		padding-top:25px;
	}
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:none !important;
  }
  .navbar-top .navbar-nav > li > a {
    padding:5px 0;
    border-bottom:1px solid #ddd;
  }
}
@media (max-width:650px) {
  .content-txt img.alignright,.content-txt img.alignleft {
    float:none !important;
    width: 100%;
    margin:0 0 15px 0!important;
  }
}
