/*   
Theme Name: Lira 2.0
Theme URI: http://lira.se
Description: Originally developed by Tigerton. Improved and chizzled into responsiveness for THE FUTURE (*play Also Sprach Zarathustra here*) by swedish boy prod.
Author: swedish boy, Tigerton 
Author URI: http://www.swedishboy.se
Org Author URI: http://tigerton.se
Version: 2.1.62
GitHub Theme URI: swedishboy/lira2
GitHub Theme URI: https://github.com//swedishboy/lira2
*/

/*
	Great thanks to:
	
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
iframe,
embed,
.issuuembed { max-width: 100%; }

.issuuembed { width: 100%; }

img { height: auto; }
#searchresult article img.omslag {
	width: 110px;
}
html {
	/* force a vertical scrollbar to prevent a jumpy page */
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; 
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}


a[href $='.pdf'] { 
   padding-left: 20px;
   background: transparent url(images/pdf.png) no-repeat center left;
}
a.small {
	font-size: 0.9em;
}

em.mark {
	font-style: inherit;
	background: #ff0;
}
del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select { 
	vertical-align: middle; 
	outline: none;
	/*-webkit-appearance: ?? */
}

input[type='text'],
textarea,
select {
	font-size: 12px;
}


pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] { 
	vertical-align: bottom; 
	vertical-align: baseline;
}


table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}

/* make buttons play nice in IE */
button {
	width: auto; 
	overflow: visible;
}

.clearfix:after,
.clear:after {
  content: " ";
  display: table;
  clear: both;
  visibility: hidden;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {
	font: 15px Lato, sans-serif; 
	background:#eeeeee; 
	background-image: url('images/handmadepaper.png');
}
body, select, input, textarea {color: #333;}

a {color: #9C160B;}
a:hover {color: #9C160B;}
.boxlink	{
	background: #9C160B;
	color: #ffffff;
	padding: 2px 6px;
	margin: 3px 3px 0 0;
	font-size: 0.8em;
	text-decoration: none;
}
.boxlink:hover	{
	color: #ffffff;
}

.oicon {
	font-family: "Icons";
}

h1	{
	font-family: Bitter, 'serif';
	font-size: 30px;
	line-height: 110%;
	margin-bottom: 15px;
}

h2	{
	font-family: Bitter, 'serif';
	font-size: 18px;
	font-weight: normal;
}

h3	{
	font-family: Bitter, 'serif';
	font-size: 16px;
	font-weight: 700;
}

h4 {
	font-size: 1em;
}
h5 {
	font-size: .8em;
	font-weight: normal;
}
h6 {
	margin: 1em 0;
	font-size: .7em;
	font-weight: 400;
}
.handwriting	{
	font-family: 'Frente regular', sans-serif;
}

.royalSlider	{
	margin: 0 0 20px 0;
}

.royalSlider .royalHtmlContent	{
	margin-top: 20px;
	padding: 8px 12px;
	background: #9C160B;
	color: #ffffff;
	font-size: 1.2em;
	font-family: Bitter,'serif';
}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#pattern	{
	position: fixed;
	width: 65px;
	left: -30px;
	top: 0;
	bottom: 0;
	background-image: url(images/monster.png);
	background-repeat: no-repeat;
	z-index: 999 !important;
}

#sidePanel{
    width: 345px;
    position: fixed;
    display: none; /* side panel should be removed */
    left: -302px;
    top: 180px;
    z-index: 999 !important;
}

#panelHandle{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image: linear-gradient(center top , #333333, #222222);

    height: 140px;
    width: 40px;
    border-radius: 0 5px 5px 0;
    float: left;
    cursor: pointer;
}
#panelContent{
    float: left;
    border: 1px solid #333333;
    width: 300px;
    height: 500px;
    background-color: #333333;
}

#panelHandle p {
	transform: rotate(90deg);
    color: #FFFFFF;
    font: 22px Bitter, serif;
    left: 0px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}

/* cookies accept */

#cookies-accept,
#cookies-warning {
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	box-shadow: 0 -1px 18px rgba(0,0,0,.4);
	border-top: 1px solid #ddd;
}

#cookies-warning {
	background: #f00;
	color: #fff;
}

#cookies-warning .wrap {
	padding: 15px;
}

#cookies-accept .wrap {
	font-size: inherit;
	padding: 12px;
	color: #555;
}
#cookies-accept .cookies-opt {
	display: flex;
	flex-direction: column;
}
#cookies-accept .cookies-opt h2 {
	margin-bottom: .5em;
}
#cookies-accept .cookies-opt h2 input {
	margin-right: .5em;
}

#cookies-accept .cookies-opt .cookie-choice {
	margin-bottom: 1em;
}
#cookies-accept .cookies-opt .cookie-choice+.cookie-choice {
	padding-top: 1em;
	border-top: 1px solid #ddd;
}
button#opt-cookies-btn {
	margin-right: 1em;
}
#cookies-accept .cookie-buttons {
	margin-top: 1em;
	display: flex;
	justify-content: space-around;
}
#cookies-accept .cookie-buttons button {
	white-space: nowrap;
}
/* main wraps and content areas */

.inner-wrap,
#page-wrap {
	position: relative;
	margin: 0 auto;
}

header .inner-wrap {
	padding: 12px;
}

.contain {
	width: 100%;
	max-width: 100%;
}


/* header */

header	{
	position: relative;
	margin: 0;
	background: #111111;
	background-position: bottom left;
	color: #ffffff;
}


header #logo	{
	margin: 10px 0 4px 8px;
	float: left;
}

header #logo img {
	height: 50px;
	width: auto;
}

header #search	{
	display: none;
}

.search-results header #search {
	display: block;
}

#search input {
	box-sizing: border-box;
}
#search input[type="text"]	{
	background: white;
	border: 0 none;
	border-radius: 0;
	display: inline-block;
	width: 85%;
	padding: 12px;
	font: 15px Bitter, serif;
	color: #000;
}

#search input[type="submit"]	{
	background: none;
	border: 0 none;
	border-radius: 0;
	width: 15%;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font: 15px Bitter, serif;
}


/* navigation */

header .nav-icons {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 35px;
	color: white;
}

.search-icon {
	font-size: 20px;
	position: absolute;
	right: 35px;
	top: 0;
	padding: 5px;
}
.menu-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 33px;
}

.menu-icon div {
	background: #fff;
	width: 20px;
	height: 2px;
	margin: 0;
	position: absolute;
	left: 5px;
	transition: all ease-in 0.6s;
	-webkit-transition: all ease-in 0.5s;

}
.menu-icon .a {
	top: 10px;
}
.menu-icon .b {
	top: 20px;	
}
.menu-toggled-on .a {
	top: 15px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.menu-toggled-on .b {
	top: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

header nav	{
	font-family: Bitter, 'serif';
	width: 100%;
	float: none;
	clear: both;
	border-top: 1px solid #444;
}

#menu-toppmeny	{
	list-style: none;
	display: none;
	width: 100%;
}

#menu-toppmeny li	{
	display: block;
	font-size: 14px;
	padding: 14px;
	text-transform: uppercase;
}

#menu-toppmeny li+li {
	border-top: 1px solid #444;
}


#menu-toppmeny li a	{
	color: #fff;
	text-decoration: none;
}

#banner {
	display: none;
}

#section-header {
	display: none;
}

#section-header h5	{
	margin: 0;
	padding: 0 0 34px 0;
	color: #999999;
	text-transform: uppercase;
	font-size: 14px;
	background-image: url('images/section_arrow.png');
	background-repeat: no-repeat;
	background-position: 2% 86%;
}

#section-header .section-header-meta	{
	float: right;
	font-size: 1.0em;
	color: #999999;
}

.wrap {
	padding: 0 12px;
}



/* Sektioner */

#page-wrap {
	margin-bottom: 2em;
/*	font-weight: 400; 
	z-index: 2; 
	min-height: 400px;*/
}

#page-wrap p	{
	margin: 0 0 1em 0;
	line-height: 150%;
}


.gform_wrapper	{
	background: #ffffff;
	padding: 20px;
	border: 1px solid #dddddd;
}

.gfield {
	margin: 0.5em 0;
}
.gfield_description {
	font-size: 12px;
	margin: 1em 0;
}
.gform_wrapper input[type='text'],
.gform_wrapper textarea,
.gform_wrapper select {
	width: 99%;
	margin: 3px 0;
}
.validation_error {
	color: red;
	font-weight: bold;
	margin: 1em 0;
}
.validation_message {
	background: #b00;
	color: white;
	padding: 5px;
	margin: 0 0 5px 0;
}

form label {
	font-size: 12px;
	color: #555;
	margin: 5px 0;
}


h2.section-title,
#sidebar h2	{
	padding: 7px 0;
	margin: 5px 0 0 0;
	color: #999999;
	text-transform: uppercase;
	font-size: 14px;
}

h2.section-title a	{
	color: #999999;
	text-decoration: none;
}

/* Startsidan, blogfeed */

.blogentry	{
	line-height: 150%;
	padding: 10px 0;
}

.blogentry+.blogentry,
.hidden-ad+.blogentry {
	padding: 15px 0 10px 0;
	margin-top: 5px;
	border-top: 1px solid #ddd;
}
.blogentry img, #reviewheader img	{
	-webkit-box-shadow:  0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin: 0 0 10px 0;
    max-width: 100%;
    height: auto;
}

.blogentry h3 a	{
	color: #333333;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 120%;
}

.blogentry .meta	{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 0.8em;
	margin: 0;
}

.blogentry .meta .date, article .meta .date	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #999999;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blogentry .meta .category, article .meta .category	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #cccccc;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blogentry .meta .commentsnr, article .meta .commentsnr	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #9C160B;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.blogentry .meta .category a, article .meta .category a	{
	color: #ffffff;
	text-decoration: none;
}

.page-section,
.main-section,
.wide-section {
	float: left;
	width: 100%;
	clear: both;
}
.page-section article {
	margin-top: 10px;
}

article .meta .category, article .meta .date	{
	margin: 0px 12px 4px 0;
}

.blogentry p	{
	margin: 0 0 10px 0;
}

.blogentry .readmore	{
	margin: 10px 0 0 0;
	font-size: 10px
}

.currentissue {
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
	width: 100%;
}

.right-column {
	float: left;
	margin-bottom: 10px;
}

/* Lista med skivrecensioner */

.recordlist {
	list-style: none;
	padding: 0;
	margin: 0;
}
.recordreview	{
	line-height: 150%;
	padding: 10px 0 20px 0;
	margin: 0;
	font-size: 0.8em;
}

.recordreview+.recordreview {
	padding: 20px 0;
	border-top: 1px solid #ddd;
}

.recordreview h3	{
	font-size: 1.1em;
}

.recordreview a		{
	color: #333;
	text-decoration: none;
}

.recordreview img	{
	float: left;
	width: 60px;
	margin: 0 14px 0 0;
}

/* Skivrecensioner startsida */

#options	{
	margin: 20px 0 20px 0;
}

#filters li	{
	float: left;
	margin: 0 10px 10px 0;
}

#filters li a,
.navigation a,
a.order-this,
input[type="button"].order-this,
#moreposts	{
	font-family: Bitter, 'serif';
	padding: 3px 6px 2px 5px;
	margin: 0;
	background: #9C160B;
	color: #ffffff !important;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 0 none;
	border-radius: 2px;
}
input[type="button"].order-this {
	appearance: none;
	-webkit-apperance: none;
}
#moreloader, #loading {
	margin: 0 auto;
}
#moreloader {
	display: none;
}
#moreposts {
	font-size: 14px;
	padding: 4px 8px;
}



/* isotope lists */

.lira-lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.lira-lista li	{
	width: 150px;
	box-sizing: border-box;
	font-size: 0.8em;
	position: relative;
	padding-bottom: 2em;
}

#issues li.number {
	padding-bottom: 2em;
}

#issue_order .section-title {
	display: none;
}
#issue_order > div {
	background: #fff;
	padding: 18px 12px;
}
#issue_order .wp-block-jetpack-contact-form .grunion-field-checkbox-multiple-wrap {
	height: 220px;
	box-sizing: border-box;
	overflow-y: scroll;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 10px rgba(0,0,0,.1);
	padding: 5px;
}
#issue_order .grunion-field-wrap {
	border-right: 0 none;
}

.lira-lista h3 {
	font-size: 14px;
}

.lira-lista li a {
	color: #333;
	text-decoration: none;
}

#skivor li a	{
	display: block;
	padding-bottom: 10px;
}


.lira-lista img {
	width: 100%;
	max-width: 150px;
	height: auto;
	transition: opacity .4s ease-in;	
	-webkit-transition: opacity .4s ease-in;	
}

.lira-lista .img-holder {
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom: 0.75em;
}

#skivor img {
	position: absolute;
	width: 100%;
	height: auto;
}

#recordreviews_start {
	background: white;
	float: left;
	width: 100%;
}

#recordreviewarchive li	{
	margin: 10px 0 10px 0;
}

#recordreviewarchive a	{
	text-decoration: none;
	font-size: 11px;
	font-family: Bitter, 'serif';
	text-transform: uppercase;
}
	
/* Skivrecension single */

#reviewheader {
	float: left;
	font-size: 0.9em;
	position: relative;
}

#reviewheader h1	{
	font-size: 1.8em;
	line-height: 100%;
	margin-bottom: 0;
}
#reviewheader h3	{
	font-size: 1.4em;
	margin: 4px 0 10px 0;
}

#reviewheader p	{
	margin: 10px 0;
}

#reviewheader img.cover	{
	float: left;
	clear: both;
	width: 100%;
	max-width: 300px;
}

#reviewheader img.liragillar	{
	float: right;
	-webkit-box-shadow:  none;
    box-shadow:  none;
}

#reviewcontent	{
	float: left;
	width: 100%;
	font-size: 1.0em;
	line-height: 150%;
}

#reviewcontent p	{
	margin: 20px 0 0 0;
}


/* Social */

.addthis_toolbox	{
	margin: 10px 0 10px 0;
}

.fb_iframe_widget	{
	max-width: 100%;
	background: #ffffff;

}
.entry-content iframe {
	width: 100%;
}

/* ÅF */

.stad	{padding-top: 20px; margin: 0 20px 20px 0}
.stad h3	{border-bottom: 1px solid #ddd; margin: 0 0 10px 0}
.stad li	{margin: 0 0 20px 0}

/* Provläs */

.rep	{padding-top: 20px; margin: 0 20px 20px 0}
.rep h3	{float: left; width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0}
.rep li:first-child {float: left; width: 300px; margin: 0 0 20px 0}
.rep li	{float: right; width: 300px; margin: 0 0 20px 0}
.rep li a.readmore	{
	display: block;
	float: left; 
	background: none repeat scroll 0 0 #9C160B;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-family: Bitter,'serif';
    font-size: 11px;
    margin: 6px 14px 0 0;
    padding: 5px 14px 4px;
    text-decoration: none;
    text-transform: uppercase;}

/* Blogg */

#sidebar {
	float: left;
}
#sidebar ul	{
	margin: 0 0 20px 0;
}

#sidebar ul li	{
	margin: 10px 0 5px;
	font-size: 0.8em;
}

#sidebar ul li a	{
	text-decoration: none;
	font-size: 11px;
	font-family: Bitter, 'serif';
	text-transform: uppercase;
}


.rightcol	{
	font-size: 0.9em;
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 20px;
	margin: 20px 0;
}

/*.entry-content {padding: 20px 0 0 0}*/

.entry ul,
.entry-content ul	{
	list-style-type: disc;
	padding: 0 0 0 1.25em;
}

.entry-content ul li	{
	margin: 0 0 1em 5px;
	padding: 0;
}


.imagearea	{position: relative}

.bildtext	{
	position: absolute;
	background: #000000;
	color: #ffffff;
	font-size: 10px;
	padding: 4px 10px 3px;
	float: left;
	bottom: 20px;
	left: 0;
}

.bildbyline	{
	font-size: 12px; color: #777777;
}

div.navigation {
	clear: both;
	margin: 20px 0;
	height: 50px;
	font-size: 1.3em;
	text-align: center; 
}
.navigation .prev-posts {float: left; text-align: left; }

#puff-sidebar {
	position: relative;
	padding: 0;
	margin: 1em 0;
	box-shadow: 2px 6px 12px 1px rgb(0 0 0 / 10%);
    border: 1px solid #ddd;
}

#puff-sidebar .puff {
	position: relative;
	z-index: 3;
	margin: 0;
}
#puff-sidebar .has-white-color::after {
	content: ' ';
	display: block;
	position: absolute;
	width: 120px;
	top: 0; right: 0; bottom: 0;
	background: url('images/pattern_white.png') repeat-y;
	background-size: 100% auto;
	opacity: .15;
	z-index: 1;
}
#puff-sidebar .wp-block-group__inner-container {
	position: relative;
	z-index: 5;
}
#puff-sidebar .wp-block-group {
	padding: 20px;
	position: relative;
	z-index: 3;
}
#puff-sidebar h2, 
#puff-sidebar h3	{
	font-weight: 700;
}
#puff-sidebar h2 {
	font-size: 2em;
}
#puff-sidebar h3 {
	font-size: 1.6em;
}

/* @annonser */

#top-ad {
	margin: 0 auto;
	display: none;
	max-width: 1000px;
}
#ads {
	float: left;
	display: none;
}

.mobile-ad-wrap {
	display: none;
}

#ads .ad img {
	max-width: 180px;
	height: auto;
}

.loading {
	text-align: center;
}

.loading img.loader {
	margin: 20px auto;
}
.ads-container {
	margin-top: 5px;
}
.ad-mark {
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 6px;
}
#page-wrap .mobile-ad {
	margin: 10px -12px;
	background: white;
	padding: 1px 0 7px 0;
	text-align: center;
}
.hidden-ad {
	display: none;
}


/* Sökresultat */

#page-wrap #searchresult article	{
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	width: 100%;
	border-bottom: 2px solid #eeeeee;
	min-height: 120px;
}

#page-wrap #searchresult article img	{
	float: left;
	margin: 0 20px 0 0;
}

#searchresult article+article {
	border-top: 1px solid rgba(0,0,0,.1);
}

/* Sidfot */

#footer	{
	background: #000000;
	color: #ffffff;
	display: block;
	min-height: 250px;
}

#footer a	{
	color: #ffffff;
	font-weight: 400;
}


#footer .footerfield	{
	margin: 15px 10px 15px 0;
	width: 220px;
	float: left;
	font-size: 0.8em;
	font-weight: 300;
}

#footer .newsletter input[type="email"]	{
	float: left;
	width: 120px;
	padding: 3px;
	height: 16px;
	margin: 5px 0 0 0;
	border: none;
}

#footer .newsletter input[type="submit"],
input[type='submit'].button,
button[type='submit'],
.wp-block-jetpack-button button,
.lira-button	{
	border: none;
	height: 22px;
	font-family: Bitter, 'serif';
	background: #9C160B;
	color: #ffffff;
	line-height: 1em;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.lira-button {
	height: auto;
	padding: 10px;
	margin-bottom: .5em;
}
.lira-optcookies-button {
	background: #ccc;
	color: #000;
}
.wp-block-jetpack-button button {
	font: 11px Bitter, "serif" !important;
	padding: 6px 10px !important;	
}
#footer .newsletter input[type="submit"] {
	margin: 5px 0 0 6px;
	float: left;
}

#footer .inner-wrap div h2	{
	font-size: 14px;
	border-bottom: 1px solid #333333;
	margin: 0 0 10px 0;
	padding: 0 0 3px;
	color: #cccccc;
	text-transform: uppercase;
}

#copyright {
	text-align: center;
	margin: 10px 0;
	font-size: 0.8em;
	color: #999999;
}

#copyright a {
	color: #999999;
}

/* Print styles!
there were no print styles before may 2015. swedish boy to the rescue!
-------------------------------------------------------------------------------*/
@media print {



}


/* here comes that magically silly thing we call media queries. which is what makes our 
world (site) responsive.
-------------------------------------------------------------------------------*/

/* small screens iphone etc ...
--------------------------------------------- */


@media only screen and (max-width: 320px) {
	.lira-lista li {
		width: 48%;
	}
	.lira-lista .img-holder {
		width: 100%;
		height: 140px;
	}

}

/* added for skivrecension fix */

@media only screen and (min-width: 340px) {

	
}
/* min widths ---- */

@media only screen and (min-width: 500px) {
	
	#footer .footerfield	{
		margin: 15px 2% 15px 0;
		width: 48%;
	}

	
}

@media only screen and (min-width: 600px) {

	
	#footer .footerfield	{
		margin: 15px 30px 15px 0;
		width: 220px;
	}
}

/* ------------------
> 720: leaving mobile layouts ...
---------------------
*/
@media only screen and (min-width: 720px) {

	#cookies-accept .wrap {
		display: flex;
		justify-content: space-between;
		padding: 20px;
	}
	
	#cookies-accept .cookie-buttons {
		margin-top: 0;
		margin-left: 1em;
	}

	#cookies-accept .cookies-opt {
		display: flex;
		flex-direction: row;
	}
	
	#cookies-accept .cookies-opt .cookie-choice {
		max-width: 300px;
		padding: 1em 0;
	}
	#cookies-accept .cookies-opt .cookie-choice+.cookie-choice {
		padding-left: 15px;
		border-top: 0 none;
		border-left: 1px solid #ddd;
	}

	#issues li.number:last-child {
		margin-right: auto;
		margin-left: 1.33%;
	}

	.mobile-only {
		display: none;
	}
	
	header #search	{
		position: absolute;
		display: block;
		top: 52px;
		padding: 5px;
		right: 0;
	}

	#search input[type="text"]	{
		width: 160px;
		padding: 3px 5px;
		font: 13px Bitter, serif;
	}

	#search input[type="submit"]	{
		font: 13px Bitter, serif;
		padding: 0 4px;
		width: auto;
	}	

	header #logo img {
		height: 70px;
		width: auto;
	}
	

	#menu-toppmeny {
		display: block !important;
		float: left;
	}

	#menu-toppmeny li:first-child {
		display: none;
	}

	#menu-toppmeny li	{
		display: inline-block;
		font-size: 12px;
		margin: 0 8px;
		padding: 0;
	}

	#menu-toppmeny li+li {
		border-top: 0 none;
	}

	#menu-toppmeny a:hover	{
		border-bottom: 3px solid #666;
	}

	#menu-toppmeny .current-menu-item a	{
		border-bottom: 3px solid #9C160B;
	}

	#menu-toppmeny li a	{
		color: #fff;
		display: block;
		padding: 10px 6px 7px 6px;
		border-bottom: 3px solid #000;
		text-decoration: none;
		transition: all linear 0.6s;
		-webkit-transition: all linear 0.6s;
	}


/* Banner */

	#banner	{
		margin: 0 auto;
		display: block;
		height: 340px;
		background: #111111;
		background-image: url('images/black_paper.png');
		font-size: 1.0em;
		font-weight: 300;
	}

	#banner .inner-wrap ul.slides {
		width: 100%;
	}

	#banner .inner-wrap #about	{
		position: relative;
		float: left;
		margin: 70px 0 0 0;
		width: 600px;
		color: #ffffff;
		line-height: 130%;
		text-shadow: 1px 1px 1px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
	}

	#banner .inner-wrap #about h1	{
		font-size: 40px;
		color: #ffffff;
		font-weight: 400;
		line-height: 110%;
		margin: 0 0 20px 0;
	}

	#banner .inner-wrap #about p	{
		margin: 0 0 20px 0;
	}

	#banner .inner-wrap #about a, .readmore, .readmore:hover	{
		font-family: Bitter, 'serif';
		padding: 5px 14px 4px;
		margin: 0 14px 0 0;
		background: #9C160B;
		color: #ffffff;
		text-decoration: none;
		font-size: 11px;
		text-transform: uppercase;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	#banner .inner-wrap #latest_issue	{
		position: relative;
		margin: 20px 0 0 70px;
		float: right;
		width: 330px;
		color: #ffffff;
		line-height: 130%;
		text-align: right;
		text-shadow: 1px 1px 1px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
	}

	#banner .inner-wrap #latest_issue img	{
		margin: 0 0 0 0;
		float: left;
	}

	#banner .inner-wrap #latest_issue img.rotate	{
		margin: 30px 0 0 0;
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		transform: rotate(3deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.1);
	}

	#banner .inner-wrap #latest_issue h2	{
		position: absolute;
		top: 60px;
		right: 0;
		font-size: 1.5em;
		color: #ffffff;
	}

	#banner .inner-wrap #latest_issue p	{
		position: absolute;
		top: 100px;
		right: 0;
		font-size: 1.0em;
	}

	#banner .inner-wrap #latest_issue a	{
		color: #ffffff;
	}


	.main-section {
		float: left;
		width: 60%;
		max-width: 520px;
	}
	
	.page-section {
		float: left;
		width: 63%;
	}
	
	.wide-section {
		float: left;
		width: 70%;
	}

	#recordreviews_start,
	.middle-area {
		float: right;
		display: block;
		width: 35%;
		margin: 0 0 15px 2%;
	}


	#ads {
		float: right;
		width: 180px;
		display: block;
		margin: 0 20px 15px 0;
	}

	#top-ad {
		display: block;
		min-height: 140px;
	}
	
	#ads.lefty {
		float: left;
		width: 180px;
		margin-left: 15px;
	}
/* */
		
	#sidebar {
		border-left: 1px solid #ddd;
	}

	.right-column {
		float: right;
		width: 37%;
		margin: 0 0 15px 0;
	
	}


	#recordreviewarchive	{
		float: left;
		padding: 0;
		display: block;
		max-width: 180px;
		margin: 0 0 0 9px;
	}

	#ads .ad	{
		margin: 10px 0;
	}
	


	.lira-lista li.number	{
		width: 48%;
	}	


	#page-wrap #currentissue_order	{
		float: right;
		width: 200px;
	}


	/* order forms */
	
	.gform_wrapper	{
		padding: 20px 80px;
	}
	
	/* Nummer */

	#issue_order .section-title {
		display: block;
	}

	#issue_order > div {
		border: 1px solid #DDDDDD;
		padding: 20px;
	}
	
	#issue_order form {
		font-size: 0.9em;
	}


	.entry-content ul.smakprov { 
	  border: 1px solid #dddddd;
	  background: #fff;
	  list-style: none;
	  padding: 20px;
	  margin: 0 0 20px 0;
	}


	.entry-content ul.smakprov li { 
	  list-style: none;
	  font-size: 0.9em;
	  padding: 10px 0 0 0;
	  margin: 0;
	}
	
	#reviewheader img.cover	{
		float: left;
		clear: left;
		width: 300px;
		max-width: 45%;
		margin: 0 5% 0 0;
	}
	
	#reviewheader .headertext {
		float: left;
		width: 50%;
	}

	
	#footer .wrap {
		padding: 10px 10px 20px 10px;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 900px) {

	#menu-toppmeny li:first-child {
		display: inline-block;
		margin-left: 5px;
	}

	.lira-lista li.number	{
		width: 32%;
	}	

	#recordreviews .navigation .next-posts {
		margin-right: 40px;	
	}
	
	.rightcol {
		float: right;
		width: 220px;
		margin: 5px 0 40px 20px;
	}


}

@media only screen and (min-width: 1020px) {

	header #logo	{
		margin: 10px 0 4px 0;
	}

	#menu-toppmeny li:first-child {
		margin-left: 0px;
	}

	#section-header	{
		background: #ffffff;
		height: 40px;
		display: block;
		border-bottom: 1px solid #e1e1e1;
	}

	h2.section-title,
	#sidebar .widget:first-child h2:first-child {
		color: #999999;
		text-transform: uppercase;
		font-size: 14px;

		margin: -69px 0 0 0;
		padding: 0 0 34px 0;
		background: transparent url('images/section_arrow.png') no-repeat 0% 86%;
	}
	
	.page-section h2.section-title,
	.main-section h2.section-title,
	.wide-section h2.section-title {
		margin-left: 5px;
	}
	
	.inner-wrap,
	#page-wrap,
	#footer .wrap {
		width: 1000px;
	}

	#page-wrap {
		margin: 40px auto;
	}
	
	.wrap {
		padding: 0px;
	}
		
	.main-section {
		width: 700px;
		margin: 0;
	}	

	.wide-section {
		width: 800px;
	}

	.page-section {
		width: 750px;
		margin-right: 40px;
	}

	/* start */
	
	#blog,
	#review,
	.front-page .main-section {
		width: 520px;
		margin-right: 15px;
	}

	#recordreviews_start,
	.middle-area	{
		float: left;		
		width: 240px;
		background: transparent;
		padding: 0 15px;
		margin: 0;
		border-left: 1px solid #ddd;
	}
	
	#currentissues {
		width: 680px;
	}
	
	#issue_order {
		width: 280px;
	}

	.currentissue	{
		float: left;
		clear: none;
		width: 380px;
		margin: 0 0 0 30px;
	}
	
	#ads,
	.front-page #ads,
	#recordreviewarchive	{
		float: left;
		padding: 0;
		width: 180px;
		margin: 0 0 0 9px;
	}

}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 34px;
}
.lds-ring i {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 5px;
  border: 5px solid #9C160B;
  border-radius: 50%;
  animation: lds-ring 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #9C160B transparent transparent transparent;
}
.lds-ring i:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring i:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring i:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* these should not be used, ever ....

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

*/