/*
Theme Name: _s-v2
Theme URI: http://underscores.me/
Author: JC Grey
Author URI: http://kreativ-kraft.se/
Description: Custom Underscore S Theme built for SHS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _s-v2
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 _s is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Accessibility
2.0 Alignments and Reusables
3.0 Galleries
4.0 Test Creators
5.0 Structural elements
6.0 Typography elements
7.0 Form Elements
8.0 Full left menu
9.0 Inset modules and widgets
10.0 Stick that Footer
11.0 Responsive Breakpoints for Elements
12.0 Final mixed styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

body{
    /* overflow-y:hidden; */
}


/*--------------------------------------------------------------
2.0 Alignments and Reusables
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.nopad {
	padding:0px;
	overflow-y:hidden;
	overflow-x:hidden;
}

.pad {
	padding:0px 15px;
}

.make-transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

.white {
	background-color: #FFF;
}

.shaded {
	-webkit-box-shadow: 0px 0px 20px 6px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 20px 6px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 20px 6px rgba(50, 50, 50, 0.5);
}

/*--------------------------------------------------------------
3.0 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {}

/*--------------------------------------------------------------
4.0 Test Creators
--------------------------------------------------------------*/
.r { background-color: red; }
.b { background-color: blue; }
.g { background-color: green; }

/*--------------------------------------------------------------
5.0 Structural elements
--------------------------------------------------------------*/
html,body {
	background:none;
	position: relative;
  min-height: 100%;
	height: 100%;
  margin: 0;
  padding: 0;
}

html { 
  background: url(images/bg-nytt.png) no-repeat right bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.wrap-bg img.cornered {
	position: fixed; 
	bottom: 0px; 
	right: 0px; 
	width: 220px;
	height: 220px;
}

.bx-ctr {
	z-index: 777777; 
	height:100vh; /* The future... */
	min-height: 100%;
	height:100%;
	width: 100%;
}

.site-branding {margin-top: 0px;}

.site-branding img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:21px 30px; 
}

.site-branding-mobile img {
	display: block;
  margin-left: auto;
  margin-right: auto;
  padding:10px 10px 10px 10px;
}

.featured-img {
	width: 100%;
}

.row-placed {
	position: relative;
	/* top: -35px; */
}

a#pop-link {
    display: block;
    background-color:#0078C1;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    padding:5px 0px;
}

.widgetinline {
	border-left: 2px dashed #000;
	padding: 0px 20px;
	margin: 80px auto;
	min-height:300px;
}

.widgetinlinecontact {
	background-image: url('images/border-3.png');
	background-repeat: repeat-y;
	padding: 0px 0px 0px 20px;
	margin: 0px auto 0px auto; 
	position: relative;
	top: -15px;
}

.widgetinlinecontact h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}

article {
	padding-bottom: 0px!important;
}

/*--------------------------------------------------------------
6.0 Typography elements
--------------------------------------------------------------*/
h1, h3, h2.projekt { font: normal 40px/150% 'Hiroshige W01 Book','Bodoni Old Face BE', 'Bodoni MT', Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif;}
p, .entry-content ul, .entry-content ol, .entry-content dt { font: normal 20px/130% 'Bodoni MT W01', 'Bodoni Old Face BE', 'Bodoni MT', Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif; }
p.lead, .entry-content dl { font: normal 22px/130% 'Bodoni MT W01 Italic', 'Bodoni Old Face BE', 'Bodoni MT', Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif; letter-spacing:-.5px; }
.primary>li>a { font: normal 16px/150% 'Arial Narrow', Arial, sans-serif; }
.lnkin dt, .lnkin dd, .blue-box p { font: normal 16px/120% "AvantGardeGothicITCW01M_731087","Helvetica Neue",Helvetica,Arial,sans-serif;}
.blue-box h3, .projekt h4 { font: normal 16px/130% "AvantGardeGothicITCW01B_731063","Helvetica Neue",Helvetica,Arial,sans-serif;}
.mod-ftr-mbl p {font: normal 18px/130% "Myriad W01 Regular","Helvetica Neue",Helvetica,Arial,sans-serif; }
.panel-default>.panel-heading a { font: normal 16px/150% "AvantGardeGothicITCW01M_731087","Helvetica Neue",Helvetica,Arial,sans-serif; }
.widget_text, .widgetinlinecontact p { font: normal 14px/150% "AvantGardeGothicITCW01M_731087","Helvetica Neue",Helvetica,Arial,sans-serif; }
.widget_text h1, .widget.employee h3, .category-nyckelpersoner h3 {font: normal 19px/130% "ITCAvantGardeW01-CnBd","Helvetica Neue",Helvetica,Arial,sans-serif; }
.employee p {font: normal 14px/130% "AvantGardeGothicITCW01M_731087","Helvetica Neue",Helvetica,Arial,sans-serif;}
.entry-content b {font: normal 20px/130% "AvantGardeGothicITCW01M_731087","Helvetica Neue",Helvetica,Arial,sans-serif;}
.entry-content p {padding-bottom: 20px;}

.entry-content dd {margin-bottom:20px;}
fieldset {padding:25px; background-color: #EFEFEF;}
/*--------------------------------------------------------------
7.0 Form Elements
--------------------------------------------------------------*/
h3.gform_title { display: none; }

#input_2_3_3, #input_2_3_6, #input_2_2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#input_2_3_3:focus, #input_2_3_6:focus, #input_2_2:focus, #input_2_1:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

#input_2_1 {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*--------------------------------------------------------------
8.0 Full left menu
--------------------------------------------------------------*/
.panel-default {font-size: 16px;}

.panel-group {
	padding:30px;
	margin-bottom: 0px; 
	font-size: 16px;
}

.panel-default, .panel-collapse {
	background-image: url('images/border-3.png');
	background-repeat: repeat-y;
	color: #E50042;
	background-color: #FFF;
	border: none;
}

.panel-default>.panel-heading {
	background-image: url('images/border-3.png');
	background-repeat: repeat-y;
	background-color: transparent;
}

.panel-default>.panel-heading a, .panel-default>.panel-collapse a {
	color: #0079C2;
	display: block;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px #FFF;
}

.panel-default>.panel-collapse a {
	text-indent: 17px;
	font-size: 13px;
	color: #0079C2;
}

.panel-default a:hover,
.panel-default>.panel-collapse a:hover {
	background-repeat: repeat-y;
  background-color: transparent;
  color: #E50042;
  text-decoration: none;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, div.panel-heading.active a {
	background-color: transparent;
	color: #E50042;
}
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {left: 240px;}
.cbp-spmenu-push-toleft {left: -240px;}
 
/*--------------------------------------------------------------
9.0 Inset modules and widgets
--------------------------------------------------------------*/
.lnkin h3 {
	background-image: url('images/icn-lnk.jpg');
	background-repeat: repeat-y;
	padding-left: 60px;
	margin-top: 0px;
	padding-top: 6px;
	line-height:100%;
}

.lnkin dl {
	background-image: url('images/lnk-dts.png');
	background-repeat: repeat-x;
	padding-top: 30px;
}

.lnkin dt {
	font-size: 18px;
}

.lnkin dd {
	/* padding-bottom: 30px; */
}

.lnkin a:hover {
	text-decoration:none
}

.blue-box {
	
	margin-bottom: 20px;
	color: #FFF;
}

.blue-box h3 {
	padding: 0px 20px;
	font-weight: bold;
	font-size: 34px;
}

.blue-box p {
	padding: 0px 20px;
}

/*--------------------------------------------------------------
10.0 Stick that Footer
--------------------------------------------------------------*/
footer#ftr {
	width: 100%;
	color: #47a3da; 
	height: 170px;
	position: absolute;
	bottom:0px;
	left: 0px;
	z-index:10;
	-webkit-box-shadow: 0px 0px 20px 6px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 20px 6px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 20px 6px rgba(50, 50, 50, 0.5);
}

footer#ftr .ftr-txt {
	background: #FFF; padding: 10px 0px 10px 0px;
}

footer#ftr .ftr-txt ul {
	list-style: none;
	padding:0px;
	margin:0px;
}

footer#ftr .ftr-txt ul li {
	font-size: 11px;
	color: #000;
}

/* Remove this when image full width */
.mod-frnt-bl img {
	width:100%
}

.mod-ftr-mbl {
	border-top:5px solid #FAEC21;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}

.mod-ftr-mbl p {
	padding: 0px; line-height: 80px;
}

.mod-ftr-mbl .lg1 {
	max-height: 70px;
}

.mod-ftr-mbl .lg2 {
	padding-top: 10px;
}

/*--------------------------------------------------------------
11.0 Responsive Breakpoints for Elements
--------------------------------------------------------------*/
/* big desktop */
@media (min-width:1280px){}

/* typical desktop */
@media (min-width:1024px) and (max-width:1280px){}

/* ipad landscape */
@media (min-width:768px) and (max-width:1024px){}

/* ipad portrait */
@media (min-width:480px) and (max-width:768px){}

/* iphone landscape */
@media (min-width:320px) and (max-width:480px){}

/* iphone portrait */
@media (max-width:320px) {}

@media (min-width:992px) {}
@media (min-width:768px) and (max-width:991px){}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:480px) {}

@media (min-width:992px) and (max-width:1199px){
	
	footer#ftr { height: 135px; }

	footer#ftr .ftr-txt {
		background: #FFF; padding: 0px 0px 10px 0px;
	}
	
	footer#ftr .ftr-txt ul {
		list-style: none;
		padding:0px;
		margin:0px;
	}
	
	footer#ftr .ftr-txt ul li {
		font-size: 10px;
		color: #000;
	}
	
}

@media (max-width:1280px) {
	.mod-ftr-mbl p {
		font-size: 15px;
	}
	.row-placed {
		/* top: -23px; */
	}
}

@media (max-width:1200px) {
	
	.widgetinlinecontact {
		border-top: 1px dashed #ccc;
		background-image:none;
		border-left:  none;
		padding: 0px 0px;
		margin: 30px auto 0px auto;
		min-height:30px;
	}
	
	.list-inline>li {
		width: 23%;
	}
	.widgetinlinecontact p {
		font-size: 12px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
}

@media (max-width:1024px) {
	
	.row-placed {
		top: 0px;
	}
	
	.nyckelpersoner {
		margin-top:30px;
	}
	
	.widgetinline {
		border-top: 2px dashed #000;
		border-left:  none;
		padding: 20px 0px;
		margin: 0px auto;
		min-height:30px;
	}
	
	
	
}

@media (max-width:991px) {
	
	.primary {
		padding:10px 0px 10px 20px;
	}
	
	#menu-primary {
	  -webkit-box-shadow: 0px 0px 20px 6px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 0px 20px 6px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 0px 20px 6px rgba(50, 50, 50, 0.5);
	}
	
	.primary>li>a {
		background-image: none;
		background-color: #4D4D4D;
	}
	
	.primary>li>a:hover {
		background-image: none;
	}
	
	.cbp-spmenu {
    position:absolute;
    width: 240px;
    top: 113px;
    left: -120px;
    z-index: 9999999;
    background: #FFF;
	}
	
	.cbp-spmenu-left { left: -570px; }
	.cbp-spmenu-left.cbp-spmenu-open { left: -180px; }
	
	.cbp-spmenu, .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
	
	.nav>li>a {
		margin-bottom: 3px;
		padding: 3px 7px;
	}
	
	.nav>li>a:hover {
		background-color: #2D2D2D;
		text-decoration: none;
	}
	
	.panel-group {
		padding:20px;
		padding-left: 200px;
		margin-bottom: 0px;
		width:450px;
		background: #FFF;
	}

	.site-branding img {
  		width:50%;
	}
	
}

@media (max-width:990px) {
	.panel-default>.panel-heading a, .nav-stacked a { font-size: 14px;}
	.panel-default>.panel-collapse a {
		text-indent:10px;
	}
}
	
@media (max-width:780px){
	
	.sized-small {
		width:55%;
	}
	
	.site-branding img {
  		width:35%;
	}
	
}

@media (max-width:768px) {
	
	.blue-box h3 {
		font-size: 22px;
	}
	
	.blue-box p {
		padding: 0px 20px 20px 20px;
	}
	
	.shaded {
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}
	
}

@media (max-width:640px) {
	
	.mod-ftr-mbl p {
		font-size: 14px;
		line-height: 16px;
	}
	
	.sized-small {
		width: 60%;
	}
	
}

@media (max-width:480px) {
	
	h1 {
		font-size:25px;
	}
	
	p.lead {
		font-size:19px;
	}
	
	p, li {
		font-size: 18px;
	}
	
	.panel-default>.panel-heading a, .nav-stacked a { font-size:13px }
	
	.site-branding img {
  		width: 50%;
	}
		
}

@media (min-width:1200px) {
	.panel-group {
		padding:20px;
		margin-bottom: 0px;
		width:250px;
		background: #FFF;
	}
}

@media (min-width:1024px) {
	.entry-title {
		padding-top: 0px;
		margin-top: 0px;
	}

	h1.nyckel {
		padding-left: 15px;
	}
}

/*--------------------------------------------------------------
12.0 Final mixed styles
--------------------------------------------------------------*/
.extra-margin {margin:0px 20px 20px 20px; }

.footer_edit {padding:0px 40px;}

.height-pls {min-height:100%;}

/* Projekt Listing */
.row div.projekt {padding-top:30px;}

.row .projekt.prj_grey {background-color:#F0F0F0;}

.row .projekt.prj_white {background-color:#FFF;}

.row .projekt img {
	padding-top:30px;
	min-width:100%;
}

article h3 {padding-bottom:0px!important; margin-bottom:0px!important;line-height: 18px!important;}
.nyckelpersoner {padding-bottom:30px;}