/*
Theme Name:     Saltå By
Theme URI:      http://www.jarnakommunikation.se/
Description:    Theme for Saltå By
Author:         Järna Kommunikation
Author URI:     http://www.jarnakommunikation.se/
Template:       strappress
Version:        2.0
*/

@import url("../strappress/style.css");

/*

Colors
Blå: #0065bd 0,101,189
Brun: #857363 113,115,99
148,134,113
Grön: #00af3f 0,175,63
Vit: #f4f1ec 244,241,236;

Fonts
font-family:'Cambria W01 Regular';
font-family:'Cambria W01 Italic';
font-family:'Cambria W01 Bold';
font-family:'Cambria W01 Bold Italic';

*/



footer .facebook-link {
	float: right;
	margin-left: 1.5em;
	margin-top: -2px;
}

#facebook-box {
	display: none;
}

@media screen and (min-width: 992px) {
.home #facebook-box {
	display: none;
	position: absolute;
	right: 2em;
	top: 180px;
	height: 440px;
	width: 290px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	padding: 10px 10px 10px 10px;
	background-color: rgba(233, 235, 238, 0.75);
	/*
	border-radius: 3px 0px 0px 3px;
	#e9ebee
	*/
}
}
/*
#ica100 a {
	display: none;
}
@media screen and (min-width: 992px) {
.home #ica100 a {
	display: block;
	position: absolute;
	right: 0px;
	top:260px;
	height: 279px;
	width: 344px;
	background: url('http://saltaby.se/wp-content/themes/saltaby/ica-praktik2.png');
    background-repeat: no-repeat;
    background-position: left top;
	border-radius: 3px 0px 0px 3px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
}
*/
.page-template-page-kontakt .wp-caption {
	background-color: rgba(255, 255, 255, 0.2);
	border: 0px;
	min-height: 415px;
	width: 196px!important;
	box-shadow: 0px 0px 4px rgba(133,115,99,0.1);
	text-align: left;
	padding:5px;
}
.page-template-page-kontakt .wp-caption img {
	width: 100%;
	max-width: 100%;
	border-radius: 2px;
}
.page-template-page-kontakt .wp-caption p.wp-caption-text  {
	font-size: 15px;
	line-height: 1.4em;
	margin-top: 0.5em; 
}
.page-template-page-kontakt .wp-caption p.wp-caption-text  a{
	font-size: 13px;
	display: inline-block;
	margin-top: 0.1em;
	max-width: 100%;
}
.page-template-page-kontakt .wp-caption.alignleft {
	margin: 0px 3px 15px 3px;
}
.page-template-page-kontakt hr {
	background-color: rgba(133,115,99,.5);
	height: 1px;
	margin:2em 0;
}
.page-template-page-kontakt .wp-caption.karta {
	min-height: 50px;
}
.page-template-page-kontakt-php .page-kontakt-row .col-md-12, .page-template-page-kontakt-php .page-std-row .col-md-12 {
    background-color: rgba(133, 115, 99, 0.8);
}
body {
	font-family:'Cambria W01 Regular';
	font-weight: normal;
	background-color: #f4f1ec;
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: background-image .5s ease;
	-moz-transition: background-image .5s ease;
	-ms-transition: background-image .5s ease;
	transition: background-image .5s ease;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Cambria W01 Regular';
	font-weight: normal;
	color: #0065bd;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
strong,b {
	font-family:'Cambria W01 Bold';
	font-weight: normal;
}
i,em {
	font-family:'Cambria W01 Italic';
	font-style: normal;
	font-weight: normal;
}
.container a {
	color:#0079c1;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Logo */
#logo {
	zoom: 0.5;
	-ms-zoom: 0.5;
	-webkit-zoom: 0.5;
	-moz-transform:  scale(0.5,0.5);
	-moz-transform-origin: left top;
}
#flag {
	position: relative;
	z-index: 999;
	width:384px;
	height:310px;
	margin-left:-9px;
	margin-top:-20px;
}

/* Page */
#content {
	margin-bottom: 15px;
}
.page-template-default #content {
	margin-bottom: 20px;
}
.page #content,.single #content {
	background-color: rgba(244,241,236,.85);
	padding: 15px;
	/*min-height: 252px;*/
}
h1#page-title {
	margin: 0px 0 0 0px;
	/*color: #f4f1ec; */
}
.page .post-entry {
	margin: 15px 0; 
}

/* Sida med högerspalt */
.page-template-page-std-php .page-std-row .col-md-7,
.page-template-page-std-php .page-std-row .col-md-4
.page-template-page-kontakt-php .page-kontakt-row .col-md-12{
	background-color: rgba(133,115,99,.8);
}
.page-template-page-std-php #content, .page-template-page-kontakt-php #content {
	margin-top:15px;
}
.page-std-row, .page-kontakt-row {
	margin-top: 20px;
}

/* Sida med undersidor */
.page-template-page-us-php .btn-group .btn-default {
	background: rgba(113,115,99,.8);
	border: none;
	margin-right: 8px;
	color:#fff;
	font-size: 1.9em;
	line-height: 1em;
	padding: 10px 12px 5px;
	border-radius: 0 !important;
}
.page-template-page-us-php #content a,.page-template-page-us-php #content a:hover {
	color:#f4f1ec;
	text-decoration: none;
}
.page-template-page-us-php .btn-group .btn-default:active {
	background:rgba(0,101,189,.8);
}
#description {
	color: #f4f1ec;
	text-shadow:2px 2px 8px #000;
	font-size: 1.8em;
	margin: 3px 10px 0 0;
	display: inline-block;
}
#description:hover {
	text-decoration: none;
}
.page.page-template-page-us-php #content,
.row-page .col-sm-7 #content {
	background:rgba(0,101,189,.8);
	color: #f4f1ec;
}

.row-page .col-sm-7 #content a {
	color: #f4f1ec;
}
.page.page-template-page-us-php h1#page-title,
.row-page .col-sm-7 h1#page-title {
	margin: 0;
	color: #f4f1ec;
}

/* Blog */
.blog article {
	margin:8px 0;
}
.blog article .innerdiv {
	padding: 0px 15px 15px 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: rgba(148,134,113,.85);
	border-top: 15px solid rgba(148,134,113,.85);
	border-bottom: 15px solid rgba(148,134,113,.85);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.blog .post-edit {
	margin: 0.6em 0;
}
.blog article.category-daglig-verksamhet .innerdiv {
	border-top:44px solid rgba(0,101,189,.8);
	border-bottom:22px solid rgba(0,101,189,.8);
}
.blog article.category-skola .innerdiv {
	border-top:44px solid rgba(113,115,99,.8);
	border-bottom:22px solid rgba(113,115,99,.8);
}
.blog article.category-elevboende .innerdiv {
	border-top:44px solid rgba(0,175,63,.8);
	border-bottom:22px solid rgba(0,175,63,.8);
}
.blog article.category-vuxenboende .innerdiv {
	border-top:44px solid rgba(0,101,189,.8);
	border-bottom:22px solid rgba(0,101,189,.8);
}
.post-edit a,.post-edit a:hover{
	color: #f4f1ec;
	font-style: italic;
}
.post-edit a:hover {
	text-decoration: none;
}
.innerdiv header {
	background: rgb(244,241,236);
	padding: 0px 10px 1px 10px;
}
.innerdiv header h2{
	margin-top: 0px;
}
.innerdiv .post-entry h2{
	margin-top: 10px;
}
/*.innerdiv header h2 a {
	color: #f4f1ec;
}*/
.blog .post-entry {
	position: relative;
	background: rgb(244,241,236);
	padding: 10px 10px 10px 10px;
}
.page #content {
	padding-top: 1.5em;
	padding-right: 2em;
}
/* Single */
.single .page-std-row .col-md-7,
.single .page-std-row .col-md-4,
.single .page-kontakt-row .col-md-12 {
	background-color: rgba(133,115,99,.8);
}
.single #content {
	margin-top:15px;
	padding-top: 1.5em;
	padding-right: 2em;
}
.single .page-header {
	margin: 0;
	border-bottom:0;
}
.single .post-entry {
	margin-top: 15px;
}

/* Footer */
#footer {
	background-color: rgb(244,241,236);
	width: 100%;
	bottom: 0;
	z-index: 999;
	position: fixed;
}
.footer-menu {
	padding: 0;
}
.footer-menu a {
	color: #857363;
}
.footer-menu a:hover {
	text-decoration: none;
	color: #555555;
}
.footer-menu>.active>a, .footer-menu>.active>a:hover, .footer-menu>.active>a:focus {
	color: #857363;
	background-color: #faf9f8;
}
.footer-menu li.current_page_parent a,
.footer-menu li.current-menu-item a{
	font-family:'Cambria W01 Bold';
}
.footer-menu li {
	position: relative;
}
.footer-menu>li>a {
	border-left: 1px solid #857363;
}
.footer-menu>li>ul>li>a {
	border-left:none;
}
.footer-menu>.open>a, .footer-menu>.open>a:hover, .footer-menu>.open>a:focus {
	background-color: #e7e7e7;
	color: #555555;
}
#lastblogposts {
	visibility: hidden;
}
#lastblogposts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	right: 0px;
	border-right: 1px solid #857363;
}
#lastblogposts ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#lastblogposts ul li a {
	text-decoration: none;
	color:#00af3f;
	font-size: 13px;
	padding-right: 8px;
}
#lastblogpostsnew {
	text-transform: uppercase;
	font-size: 10px;
	margin-left: -20px;
	color: #857363;
}
#lastblogpostsnew:hover {
	text-decoration: none;
}
.copyright a, .powered a, .widget-title a {
	color: #857363;
}
/* widgets */

#widgets .widget_recent_entries ul li {
	margin-left: 0px;
	margin-bottom:0.5em;
	font-size: 15px;
}

.widget-title {
	padding-top: 15px;
}
.widget_archive .screen-reader-text {
	display: none;
}

/* Misc */
.printonly {
	display: none;
}
.well {
	padding: 15px;
	margin: 15px 0 15px;
	background-color: rgba(244, 241, 236, 0.85098);
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.rsImg[style] {
	margin-top: 4px !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframeWrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 0;
	height: 0;
}
.sliderWrapper {
	position: relative;
}
.sliderWrapper .rsUni .rsBullets {
	margin: -23px auto 0 auto;
	line-height: 14px;
}
.videoWrapper iframe,
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.post-data .btn, .article-footer .post-data .btn-default, .post-data a.btn-default  {
	display: inline-block;
    padding: 0px;
    margin-bottom: 0px!important;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    border: 0px solid transparent;
    border-radius: 0px;
    white-space: nowrap;
    -webkit-user-select: none;
    background-color:transparent!important;
}
@media screen and (min-width: 768px) {
	body {
		font-size: 15px;
	}
	#logo {
		margin-left: 0;
		margin-top: -53px;
	}
	/* Navbar */
	.navbar-default {
		background-color: transparent;
		border-color: transparent;
	}
	.navbar-collapse {
		padding: 0;
	}
	.navbar-nav {
		float: right;
		background-color: rgba(250,249,248,.9);
	}
	.dropdown-menu>li>a {
		color:#857363;
		padding: 4px 20px 1px;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		color: #6d604d;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: #857363;
		background-color: #faf9f8;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background-color: #fff;
		color: #6d604d;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
		background-color: #857363 !important;
	}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
		border-color: #ccc;
	}
	.navbar-default .navbar-nav>li>a {
		color: #857363;
		font-size: 16px;
	}
	.navbar-default .navbar-nav>.dropdown>a .caret {
		border-top-color: #857363; 
		border-bottom-color: #857363;
	}
	.navbar-default .navbar-nav>.open>a .caret, 
	.navbar-default .navbar-nav>.open>a:hover .caret, 
	.navbar-default .navbar-nav>.open>a:focus .caret, 
	.navbar-default .navbar-nav>.dropdown>a:hover .caret, 
	.navbar-default .navbar-nav>.dropdown>a:focus .caret{
		border-top-color: #6d604d;
		border-bottom-color: #6d604d;
	}
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 8px;
		border-right:1px dashed #ccc;
	}
	.navbar-nav>li:last-child>a {
		border-right:none;
	}

	/* Page */
	.page #outercontainer {
		position: absolute;
		bottom: 20px;
		width: 100%;
	}
	.page.page-template-page-us-php #content,
	.row-page .col-sm-7 #content {
		position: absolute;
		bottom: -20px;
	}
	.row-page .videoOutercont {
		position: absolute;
		width: 100%;
		height:auto;
		bottom: 0;
	}

}

@media screen and (min-width: 992px) {
	/* Front Page */

	/* Page */
	.page.attachment #outercontainer {
		position: relative;
	}
	.page #wrapper {
		background: transparent;
		margin: 35px auto;
	}
	.home.page #wrapper {
		margin: 30px auto 60px;
	}

	/* Sida med högerspalt */
	.page-template-page-std-php #outercontainer, .page-template-page-kontakt-php #outercontainer {
		position: relative;
		z-index: 1;
	}

	/* Sida med undersidor */
	.page-template-page-us-php .btn-toolbar {
		position: absolute;
		bottom: 10px;
		right: 0px;
	}
	.innertube {
		position: relative;
	}

	/* Blogg */
	.blog .wp-post-image_link {
		width: 150px;
		height:150px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	.blog .wp-post-image {
		margin: 0;
		padding: 0;
	}
	.blog .post-entry {
		padding: 10px 160px 10px 10px;
		min-height: 150px;
	}

	/* Single */
	.single #outercontainer {
		position: relative;
		z-index: 10;
	}
}

@media screen and (max-width: 992px) {
	#flag {
		width:260px;
		height:auto;
		margin-top:20px;
	}
}

@media screen and (max-width: 767px) {
	.navbar-header {
		background-image:url('assets/imgs/mobile-logo.png');
		background-size: 122px 44px;
		background-position:13px 2px;
		background-color:#fff;
		background-repeat:no-repeat;
	}
	#logo-mini {
		display: block;
		width: 140px;
		height: 48px;
		float: left;
	}
	#logo-mini:hover {
		text-decoration: none;
	}
	#logo {
		display: none;
	}
	.navbar-collapse {
		background-color: #fff;
	}
	.page-template-page-std-php .page-std-row .col-md-4,.page-template-page-kontakt-php .page-kontakt-row .col-md-12  {
		margin-bottom: 90px;
		margin-top:15px;
	}
	/* Page */
	.row-page {
		margin-top: 20px;
	}
	/* Single */
	.single #content {
		margin-top:70px;
	}
	.single .post-entry {
		margin-top: 50px;
	}
	.single h1#page-title {
		margin: -75px 0 0 -15px;
	}
}

@media screen and (max-width: 480px) { 
	#footer {
		position: relative;
	}
}

@media screen and (max-width: 1200px) {
	.page-us-row {
		margin-bottom: 20px;
	}
}

@media print {
	.printonly {
		display:block;
	}
}


/* 2017-04 SEO */

#new-royalslider-1 .rsGCaption {
	font-size: 9px;
	color: #222;
	bottom: 21px;
}
/* 2018 */

blockquote {
	font-style: italic;
	padding: 10px 30px;
}