/*
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; font-size: 16px; color: #000000; }

*{box-sizing: border-box; -webkit-font-smoothing: antialiased;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
    float: left;
    padding: 15px;
    position: relative;
}




.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:2em; 
	margin-bottom:0; 
	text-align: left; 
	display:block; 
	margin-top: 0; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	color: #373737; 
	-webkit-font-smoothing: antialiased;

}



.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;}


.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;}




ul.menu {width: 100%; float: left; list-style-type: none; margin: 0; padding: 0; font-family: 'Gill Sans W01', sans-serif; font-weight: 300;}
ul.menu li{display:block; float:left; width: 100%; padding: 0; height: 90px; border-bottom: 1px solid #000; position: relative; line-height: 1em; font-size: 30px;}
ul.menu li a{color:#000; text-decoration: none; display: block; width: 100%; padding: 30px; height: 90px;}
ul.menu li::after{
	font-size: 30px; 
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 300; 
	display: block; 
	width: 30px; 
	height: 30px; 
	border-radius:20px; 
	text-align: left; 
	color: #000; 
	text-align: center;
	content:'\f061';
	position: absolute;
	right: 30px;
	top:30px;
	line-height: 1em;
}



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:50px 0 150px 0;  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; }
.objheader{width:100%; float:left; padding:30px;  box-sizing: border-box;}
a.objsymbol{text-align: right; font-size: 2em;}

.audioplayer{width: 100%; height: 120px; position: fixed; bottom:0; left:0; background: #222222; color: #fff; box-sizing: border-box; padding: 10px; z-index: 10;}
.audioplayer h2{ 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;}




.icon::before{
	font-size: 20px; 
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 300; 
	display: inline-block; 
	width: 20px; 
	height: 20px; 
	border-radius:20px; 
	background: #fff; 
	text-align: left; 
	margin:10px; 
	padding:10px; 
	color: #000; 
	text-align: center;
	}
	
.socialicon::before{
	font-size: 30px; 
	font-family: "Font Awesome 5 Brands";  
	display: block; 
	width: 30px; 
	height: 30px; 
	text-align: left; 
	margin:0; 
	padding:0; 
	color: #fff; 
	text-align: center;
	line-height: 1em;
	}

.telefon::before{content: '\f10b'; }
.e-post::before{content: '\f2b6';}
.adress::before{content: '\f041';}
.headphones::before{content: '\f025';}

.facebook::before{content: '\f39e';}
.google::before{content: '\f0d5';}
.instagram::before{content: '\f16d';}
.linkedin::before{content: '\f0e1';}
.pinterest::before{content: '\f0d2';}
.twitter::before{content: '\f099';}
.youtube::before{content: '\f167';}









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



.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%;
}