/*
Theme Name: Daminax
Theme URI: http://damina.net
Description: This is the first theme created by Damina with the purpose of having a clean canvas for theme building. Simple without too many functions and unnecessary code. In need of tweaking in order to be more advanced, but no code should hurt the basics. Code is poetry.
Author: Gabriella Fransson
Author URI: http://damina.net
Version: 1.0
Tags: new, basic, boring, naked, blank, canvas, parallax

License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html

This is the first theme created by Damina with the purpose of having a clean canvas for theme building.

Code is poetry.
*/



/* THE START... */
body {  
	font-family: Garamond, "Adobe Garamond Pro", serif;
	background: #D8D6D1;
	font-size: 18px;
	line-height: 23px;
	color: #4a4138;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 100%;
	max-width: 1920px;
	text-align: left;
	background: #D8D6D1;
}

_::-webkit-full-page-media, _:future, :root #wrapper {
       -webkit-transform: translate3d(0,0,0);
}

#content, .content {
	max-width: 1000px;
	padding: 0 60px;
	margin: 0 auto;
	margin-bottom: 60px;
	z-index: 666;
//	position: relative;
}

strong, b {
	font-weight: bold !important;
}


/* LAYOUT: Page w. sidebar */
#main {
	float: left;
	width: 80%;
	padding: 0 2%;
	text-align: left;
}
.sidebar {
	float: left;
	width: 12%;
	padding: 0 2%;
	list-style: none;
}


/* LAYOUT: Page w. no sidebar (default) */
#mainSec {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}


p.p1, .p1 {
	-webkit-margin-after: 0em !important;
	display: inline !important;
}


/* MENU + OVERLAY */

#menuoverlay {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
//	background-color:rgba(216,214,209,0.8);
	background-color:rgba(0,0,0,0.3);
}
#box {
//	position: absolute;
	position: fixed;
	width: 15%;
	background: #D8D6D1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 0px #000 solid;
	margin-top: 80px;
	padding: 50px;
	z-index: 998;
}

#boxTop {
	width: 100%;
	text-align: right;
}
#boxTop a:link, #boxTop a:visited, #boxTop a:hover, #menuclose {
	font-size: 17px;
	font-family: sans-serif;
}

#menues table {
	width: 100%;
}
#menues table tr td:nth-child(1) {
	width: 48%;
	vertical-align: top; 
	padding-right: 2%;
}
#menues table tr td:nth-child(2) {
	width: 48%;
	vertical-align: top; 
	padding-left: 2%;
}
#menues table tr td ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menues table tr td a:link, #menues table tr td a:visited {
//	color: #fff;
}
#menues table tr td a:hover {
//	color: #fff;
}
#menubutton, #menuclose {
	cursor: pointer;
}

#pagelogo {
	float: left;
	width: 50%;
}
#pagelogo img {
	height: 90px; 
}
#pagemenu {
	float: left;
	width: 50%;
	text-align: right;
	margin-top: 35px;
}
#pagemenu ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#pagemenu ul li {
	float: right;
	display: inline-block;
}
#pagemenu ul li:nth-child(2), #pagemenu ul li:nth-child(3) {
	padding-right: 25px;
}
#pagemenu li a {
	font-size: 16px;
	text-decoration: none;
	color: #8FD4BC;
}
#pagemenu li a:active {
	color: #8FD4BC;
}
#pagemenu li a:hover {
	color: #8FD4BC; 
}

.access ul {
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}
.access ul li {
	font-size: 20px;
	margin-top: 5px;
	color: #4a4138;
}
.access ul li:first-child {
	margin-top: 0px;
}
.access ul li ul li {
	padding-left: 30px;
	margin-bottom: 0;
	margin-top: 0px;
}
.access ul li a:link, .access ul li a:visited {
	color: #4a4138;
}
.access ul li a:hover {
	color: #E02A30;
}
.access ul li ul li a:link, .access ul li ul li a:visited {
	font-family: garamond;
	font-size: 18px;
}
.access .menubottom {
	margin-bottom: 20px;
}



/* AND MORE... */
#headwidth {
	max-width: 1020px;
	margin: 0 auto;
}
#sitetitle {
	position: fixed;
	top: 0px;
	z-index: 999;
	color: #fff;
	text-decoration: none;
	float: left;
	font-size: 30px;
	margin-left: 10px;
}
#access {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
}
#access table tr td a:link, #access table tr td a:visited, #access table tr td a:hover {
	color: #fff;
	text-transform: uppercase;
}
#access table tr td {
	padding-left: 30px;
}
.wpml-ls-statics-shortcode_actions, .wpml-ls, .wpml-ls-legacy-list-horizontal {
	padding: 0px !important;
}

header {
	width: 100%; 
	max-width: 1920px;
	background: rgba(34,34,34,0.4); 
	height: 30px; 	
	position: fixed;
	padding: 20px 0;
	z-index: 888;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	overflow: hidden;
	top: 0px;
}
header.smaller {
	height: auto;
	padding: 5px 0;
}
header.smaller #sitetitle {
	display: none;
}
header.smaller #access {
	margin-top: 5px;
}

#footer {
	clear: both;
	text-align: center;
	margin-bottom: 30px;
}
#footer a:link, #footer a:visited, #footer a:link {
	color: #4a4138;
}
#footerbar {
	background: #979797;
	padding: 10px 0 5px 0;
}
#footerbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerbar ul li {
	display: inline;
	margin-left: 50px;
}
#footerbar ul li:first-child {
	margin-left: 0px;
}
#footerbottom {
	margin: 20px 0 30px 0;
}
#footerlogos {
	margin-top: 40px;
}
#footerlogos img {
	height: 60px;
}
#footerlogos ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerlogos ul li {
	display: inline;
	margin-left: 20px;
}
#footerlogos ul li:first-child {
	margin-left: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #E02A30;
}
a:hover {
	color: #E02A30;
}
h1, h2, h3, h4, h5 {
	font-family: JustLovely;
	font-weight: normal;
	font-style: normal;
	color: #000;
	-webkit-margin-before: 0em;
}
h1 {
	font-size: 72px;
	line-height: 72px;
	margin-bottom: 0;
}
h2 {
	font-size: 62px;
	line-height: 62px;
	margin-bottom: 0;
}
h3 {
	font-size: 52px;
	line-height: 52px;
	margin-bottom: 0;
}
h4 {
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 0;
}

em {
	font-size: 110%;
}

ul {
	margin: 0;
	padding: 0;
	margin-left: 16px;
}

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	padding-bottom: 20px;
}
.postmetadata {
	font-style: italic;
}

.knapp {
	display: inline-block;
	position: relative;
	background: #666;
	border: 1px #fff solid;
	outline: 5px solid #666;
	padding: 10px 15px;
	min-width: 100px;
	color: #fff;
	font-size: 16px !important;
	text-transform: uppercase;
	font-family: Garamond, "Adobe Garamond Pro", serif !important;
	cursor: pointer;
}
#bokabord-button {
	display: inline-block;
    position: relative;
    background: #666;
    border: 1px #fff solid;
    outline: 5px solid #666;
    padding: 20px 25px;
    min-width: 100px;
    color: #fff;
    font-size: 22px !important;
    text-transform: uppercase;
    font-family: Garamond, "Adobe Garamond Pro", serif !important;
    cursor: pointer;
}


* {word-wrap: break-word;}

.clear {
	clear: both;
}


.center { 
	margin: 0 auto;
}
.clear {
	clear: both;
}


/* SLIDESHOW OVERWRITES */
.slideshow_container .slideshow_pagination .slideshow_pagination_center ul li {
	margin-left: 10px;
}
.slideshow_container .slideshow_pagination .slideshow_pagination_center ul li:first-child {
	margin-left: 0px;
}
.slideshow_container .slideshow_pagination .slideshow_pagination_center {
	margin-top: 40px !important;
}


/* STANDARD TEMPLATE STUFF */
#window {
	top: 0; 
}
#media {
	min-height: 100px;
}
#media, #media img {
	max-height: 850px; 
	z-index: 666;
	width: 100%;
	height: auto;
	position: relative;
}
#pagebody {
	padding: 10px 0; 
	padding-top: 70px;
}
.puffview, #pageintro {
	padding-bottom: 30px;
}
#pageintro {
	width: 60%;
	margin: 0 auto;
}

#sektionTwo {
	text-align: left;
	margin-bottom: 30px;
}
#sekTwoContent {

}
#sekTwoText {
	float: left;
	width: 60%;
}
#sekTwoBild {
	float: left;
	width: 35%;
	padding-left: 5%;
	margin-top: 20px;
}
#sekTwoBild img {
	max-width: 350px;
//	height: 300px;
	height: auto;
}
#sekTwoBildOne {
	margin-bottom: 30px;
}
#sekTwoBildTwo {

}

#puffar {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1000px;
}
#puffar li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	padding-bottom: 30px;
}
#puffar li img {
	width: 300px; 
	height: 200px;
}
#puffar li:nth-child(3n), #puffar li:nth-child(3n-1) {
	padding-left: 45px;
}
#puffar li:nth-child(3n+1) {
	clear: both; 
}
#puffar li a:link, #puffar li a:visited, #puffar li a:hover {
	color: #000;
}
#puffar h4 {
	-webkit-margin-before: 0em !important; 
	margin-bottom: 10px;
	padding-top: 10px;
}
#puffar p {
	-webkit-margin-before: 0em !important;
}
.puffbild {
	display: block;
	background: #D8D8D8;
	width: 298px;
	height: 198px;
	border: 1px #979797 solid;
}

/* Shine */
#puffar li figure {
	position: relative;
    overflow: hidden;
    margin: 0;
}
#puffar li figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#puffar li figure:hover::before {
	-webkit-animation: shine .9s;
	animation: shine .9s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
figure {
	margin: 0;
}

.nyhet {
	margin-bottom: 50px;
}
#tillbaka {
	margin-top: 50px;
}

#faktaruta {
	display: block;
	text-align: left;
	background: url('/wp-content/uploads/2017/07/ram_400.png');
	height: 260px;
	width: 180px;
	padding-top: 140px;
	padding-left: 30px;
}
@-moz-document url-prefix() {
    #faktaruta {
        height: 320px;
		padding-top: 80px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #faktaruta {
        height: 320px;
		padding-top: 80px;
    }
}

#personal {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1000px;
}
#personal li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	padding-bottom: 30px;
}
#personal li img {
	width: 200px; 
	height: 200px;
//	margin-left: 50px;
	margin-bottom: 10px;
}
#personal li:nth-child(3n), #personal li:nth-child(3n-1) {
	padding-left: 45px;
}
#personal li:nth-child(3n+1) {
	clear: both; 
}
#personal li a:link, #personal li a:visited, #personal li a:hover {
	color: #000;
}
#personal h4 {
	-webkit-margin-before: 0em !important; 
	margin-bottom: 10px;
	padding-top: 10px;
}
#personal p {
	-webkit-margin-before: 0em !important;
}
.personalbild {
	display: block;
	background: #D8D8D8;
	width: 198px;
	height: 198px;
	border: 1px #979797 solid;
}

#enskild {
	margin-bottom: 100px; 
}
#text {
	width: 60%;
	margin: 40px auto; 
}
.smallwidth {
	width: 60%;
	margin: 0 auto;
}

.galleri {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1000px;
}
.galleri li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	padding-bottom: 30px;
}
.galleri li img {
	width: 300px; 
	height: 200px;
}
.galleri li:nth-child(3n), .galleri li:nth-child(3n-1) {
	padding-left: 45px;
}
.galleri li:nth-child(3n+1) {
	clear: both; 
}
.galleri h4 {
	-webkit-margin-before: 0em !important; 
	margin-bottom: 10px;
	padding-top: 10px;
}
.galleri p {
	-webkit-margin-before: 0em !important;
}

/* Shine */
.galleri li figure {
	position: relative;
    overflow: hidden;
    margin: 0;
}
.galleri li figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.galleri li figure:hover::before {
	-webkit-animation: shine .9s;
	animation: shine .9s;
}


#form {
//	float: left;
//	text-align: left;
	width: 100%;
}
#form input[type=text], #form input[type=email] {
	background: #D8D8D8;
	border: 1px solid #979797;
	padding: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	width: 100%;
//	float: left;
}

#konfsiffror {
	text-align: left;
	margin-bottom: 80px;
}
#konfsiffror table {
	width: 100%;
	margin-bottom: 40px;
}
#konfsiffror table tr td {
	padding-right: 10px;
	width: 5%;
}
#konsiffror table tr td:nth-last-child() {
	padding-right: 0px;
}

#sb_instagram .sbi_follow_btn a {
  font-size: 100% !important;
}


@media only screen 
  and (min-device-width: 485px) 
  and (max-device-width: 1100px)
  and (-webkit-min-device-pixel-ratio: 2) {

#puffar li:nth-child(3n), #puffar li:nth-child(3n-1) {
	padding-left: 0px;
}
#puffar li:nth-child(2n) {
	padding-left: 45px;
}

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

#body {
	margin: 0 !important;
	padding: 0 !important;
}
#pageintro {
	width: 100%;
}
#sekTwoText {
	float: left;
	width: 100%;
}
#sekTwoBild {
	float: left;
	width: 100%;
	padding-left: 0%;
}

#box {
	width: 50%;
	margin-top: -20px;
	padding: 20px 40px 20px 40px;
}
.access ul li a:link, .access ul li a:visited {
	font-size: 16px;
	line-height: 14px !important;
}

.slideshow_container {
	margin-top: 0px !important;
}

header {
	top: 0px !important;
	height: 20px;
}
#access {
	float: right;
	margin-top: 1px;
	margin-right: 10px;
}
#sitetitle img {
	width: 90px;
	height: auto;
//	margin-top: -20px;
	margin-top: 0px;
}
#access {
	margin-top: -10px;
}

#content, .content {
    padding: 0 30px;
}

#text {
	width: 100%;
}
.smallwidth {
	width: 100%;
}

#media {
//	margin-top: 60px;
	margin-top: 0px;
}

#puffar li {
	display: block;
	width: 100%;
}
#puffar li:nth-child(3n), #puffar li:nth-child(3n-1) {
	padding-left: 0px;
}

#sekTwoBild img {
	width: 100%;
}

.galleri li {
	display: block;
	width: 100%;
}
.galleri li:nth-child(3n), .galleri li:nth-child(3n-1) {
	padding-left: 0px;
}

#personal li {
	display: block;
	width: 100%;
}
#personal li:nth-child(3n), #personal li:nth-child(3n-1) {
	padding-left: 0px;
}
#karta {
	display: none;
}
#konfsiffror {
	display: none;
}
	  

	  
}