/*
Theme Name: Makromedia 2018
Theme URI: http://www.makromedia.se/
Author: Pixelbruket
Author URI: http://www.pixelbruket.se/
Description: Ett skräddarsytt tema från Pixelbruket
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column
Text Domain: pxlbrk

*/




@media screen and (max-width: 720px) {



    }
@media (min-width: 721px) and (max-width: 960px) {

   }
@media (min-width: 961px) and (max-width: 1152px) {
    }
@media screen and (max-width: 1152px) {
    }   
    
    

    

body {padding: 0; margin: 0; background: #fff; background-attachment: fixed; font-family: 'Gill Sans W01', sans-serif; font-weight: 100; color: #000000; }




.mysterybox{position: fixed; top:0; right:0; z-index: 10000; background: yellow; width:10px; height: 10px;}
 

a img { border: none; }
p {font-size: 1.4em; line-height: 1.8em; margin-top: 0;}
h1 { 
	font-family:'Gill Sans W01', sans-serif; 
	font-weight: 300; 
	font-size:2.5em; 
	margin-bottom:0.5em; 
	text-align: left; 
	display:block; 
	margin-top: 0; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	color: #373737; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
}
	
h2 {
	font-family:'Gill Sans W01', sans-serif; 
	font-weight: 300; 
	font-size:1.8em; 
	margin-bottom:0; 
	text-align: left; 
	display:block; 
	margin-top: 0; 
	text-transform: none; 
	letter-spacing: 1px; 
	color: #373737; 
	-webkit-font-smoothing: antialiased;

}

h2.block{display: block; width:100%; padding:30px; box-sizing: border-box; border-bottom: 1px solid #666;  position: relative;}

h2.block:active{background: #d0d0d0;}

.rightarrow{ position: absolute; right:20px; top:30px; text-align: right; font-size: 1.3em; left: 50%; }

h3 { font-family: 'Gill Sans W01', sans-serif; font-style: normal; font-weight: 300; font-size:1em; margin-bottom:0.5em; text-align: left; display:block; margin-top: 0; padding-top: 0; text-transform: uppercase;}
a { color: #3e3e3e; text-decoration: none; }
a:hover { color: #555; }
b, strong{font-weight: 700;}


p.caption{font-size: 9px;}

header{ width: 100%;  padding:0;  z-index: 10; position: fixed; top:0; left:0;}
.menubar{width:300px; height: 100%; position:fixed; left:-300px; top:0; background: #141414;}
.container{width: 100%; float:left;  overflow: hidden; position: relative;}

.logo{width: 150px; padding: 20px; background: #fff; position: absolute; top:0; left:50px;}
.logo img{width: 100%; height: auto;}


.hand{position: fixed; 
	z-index: 999999999999999999; 
	top:30vh; 	
	left: calc(50% - 150px); 
	font-size: 300px;
	color:#fff;
	text-align: center;
	display: block;
	width:300px;
	height: 300px;
	background: url(images/hand.svg) no-repeat;
	background-size: 300px; 
}

.overlay{ position: fixed; bottom: 0; left: 0;  right: 0; height: 100vh; width: 100%; padding: 0; box-sizing: border-box; background:rgba(0, 0, 0, 0.9); overflow: auto; display: block; z-index: 10; text-align: center;}

.flags{width: 100px; position: fixed; top:20px; right:20px; z-index: 100;}
.flag{width: 40px; float:left; margin-left: 10px;}
.flag img{width:100%; height: auto; display: block;}



.menu-huvudmeny-container{width: 100%; float: left;  margin: 0; padding: 0; text-align: left;  box-sizing: border-box; }

ul.menu {width: auto; list-style-type: none; margin: 0; padding: 0 10px; font-wight:500; font-style: normal; font-size:0.8em; text-align: right; text-transform: uppercase; box-sizing: border-box; letter-spacing: 2px; background: #fff; display: inline; position: absolute; right:50px; top:0;}
ul.menu li{list-style-type: none; display: inline-block;  margin:0 !important;  box-sizing: border-box; position: relative; padding: 15px 10px 12px 10px; background: transparent;}
ul.menu li.social{ padding: 15px 5px 12px 5px; }
ul.menu li a{color:#b2a98a; text-decoration: none;}
ul.menu li:hover a{color:#fff; }
ul.menu li:hover {background:#b2a98a;  }

button.tillbaka{width: 50px; height: 50px; background: #222222; color:#fff; position: fixed; top:0; left:0; font-size: 1.8em; z-index: 100000; border: 0; box-sizing: border-box; padding: 10px; text-align: center;}


.toppbild{width:100%; float:left;}
.toppbild img{width:100%; height: auto;}


.wrapper{ width: 100%; float:left; padding:30px;  box-sizing: border-box;}
.menuwrapper{ width: 100%; float:left; padding:0;  box-sizing: border-box;}
.content{float:left; width:100%; }
.frontpagecontent{float:left; width:45%; margin: 200px 5% 5% 50%;}

.utstheader{width:100%; float:left; padding:50px; border-bottom: 5px solid #000; box-sizing: border-box;}
.objheader{width:100%; float:left; padding:30px;  box-sizing: border-box;}
a.objsymbol{text-align: right; font-size: 2em;}

.audioplayer{width: 100%; position: fixed; bottom:0; left:0; background: #222222; color: #fff; box-sizing: border-box; padding: 10px; z-index: 10;}
.audioplayer h3{ color: #fff;}
#mylightbox{width: 95%; margin: 2.5%;}

.gallerybox{width:100%; float:left; margin-bottom:20px; box-sizing: border-box;}

ul.gallery{list-style-type: none; margin: 0; padding: 0; width: 100%; box-sizing: border-box; text-align: center;}
ul.gallery li{width: 24%; padding:0.5% !important; box-sizing: border-box; display: inline-block; margin: 0 !important;}
ul.gallery img{width: 100%; height: auto; box-sizing: border-box; display: block; margin: 0;}





.postwrapper{width:70%; float:left; padding: 0; box-sizing: border-box;}

.post{width:100%; float:left; padding: 0 0 60px 0; margin:0 0 20px 0; box-sizing: border-box;}
.kommentarer{width:100%; float:left;}
.sidebar{width:30%; float:left;  box-sizing: border-box; padding: 0 5% 0 0;}
.sidebar p{font-size: 0.9em;}


.wp-video{width: 100% !important;}


.frontpostwrapper{width:50%; padding: 0; float:left; box-sizing: border-box; border: 4px solid #fff;}
.frontpost{width:100%; float:left; padding: 0 0 0 30px; box-sizing: border-box; border-left: 8px solid #b2a98a; margin-bottom: 50px;}
.postmeta{width:80px; height: 60px; float:left; border-bottom: 2px solid #fff; border-right: 2px solid #fff; box-sizing: border-box; padding: 10px;}
.posttitle{width:calc(100% - 80px); height: 60px; float:left; border-bottom: 2px solid #fff; box-sizing: border-box; padding: 10px;}
img.skull{width: 60px; height: 60px;}
.footer{float:left;width: 100%; box-sizing: border-box; padding: 50px 0; position: relative; background: #fff;}
.partners{width:100%; float:left; padding:0; box-sizing: border-box;}
.partnerbox{width:20%; float:left; padding: 0; box-sizing: border-box;}
.partnerbox img{width:100%; height: auto;}
.postheader{border-bottom: 4px solid #fff; height: 80px;}


input.wpforms-field-large{border: 1px solid #303030; padding: 10px; background: transparent;}
label.wpforms-field-label{font-weight: 200 !important; font-size: 11px;}
button.wpforms-submit{border:none; background: #b2a98a; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; padding:10px 20px;}
.wpforms-payment-price{border:none; background:#b2a98a url('images/select-arrow.svg') no-repeat; background-position: right center; color:#fff; min-width: 260px !important; width: 100% !important; height:40px; padding: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom: 0; -webkit-appearance: none; font-family:inherit; text-transform: uppercase; font-size: 1.2em;}

.acf-map {
    width: 100%;
    height: 400px;
    border: none;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


#map{width:100%; height: 100%;}



::-webkit-input-placeholder {
   color: #2c2c2c;
}

:-moz-placeholder { /* Firefox 18- */
   color: #2c2c2c;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #2c2c2c;  
}

:-ms-input-placeholder {  
   color: #2c2c2c;  
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.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-size: 0.875rem;
	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. */
}
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.responsive-container {
        position: relative;
        padding-bottom: 50.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 1em;
}
.responsive-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}