/*
Theme Name:     The Fox / Opulens
Description:    Anpassat barntema för The Fox Magazine
Author:         Opulens
Template:       fox
Version:        1.0.34
Tags:           custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments
*/

/* Your CSS code goes here
-------------------------------------- */

/* Header, logo */
.main_header56__container .row {
	background-color: #000;
    border-bottom: 1px solid #000;
}

/* Header, menu */
#topbar56 .row {
	padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

h3.widget-title {
    background-color: #000;
    color: #fff;
    padding: 6px;
    text-align: center;
}

div#mailpoet_form_1 {
	width: 100%;
	
}

div#mailpoet_form_1 input.mailpoet_text {
	width: 100%;
    height: 35px;
}

#mailpoet_form_1 .mailpoet_submit {
	width: 100%;
	padding: 0px;
	margin-top: 10px;
    height: 60px;
}

div.oneliner-widget {
    margin-top: 10px;
	font-size:20px;
	text-align: left;
}
div.oneliner-widget a {
	color: #C00000 !important;
}

div.oneliner-widget:before {
	content: '► ';
}


a[rel="author"]{ color: var(--accent-color); text-transform: uppercase; font-weight: bold; }
a[rel="author"]:hover{ text-decoration: underline; color: var(--accent-color);}
a[rel="author"][href=""] { pointer-events: none; cursor: default; text-decoration: none; color: var(--accent-color);font-weight: normal; }


.mainfeed-full {
	width: 100%;
	margin: 0 auto;
}


.mainfeed-half {
	width: 50%;
	float: left;
}
.mainfeed-half-right {
	padding-left: 10px;
}
.mainfeed-half-left {
	padding-right: 10px;
}

@media (max-width: 800px) {
	.mainfeed-half {
		width: 100%;
		float: none;
	}
	.mainfeed-half-right {
		padding-left: 0px;
	}
	.mainfeed-half-left {
		padding-right: 0px;
	}
}

.mainfeed-pagination-outer {
	display: flex;
	justify-content: center;
	margin: 20px 0;
	clear: both;
}
.mainfeed-pagination {
	display: flex;
	padding:4px;
	border: 2px solid black;
}
.mainfeed-pagination .page-numbers {
    padding: 3px;
}


/******************************************************************************/
/* Single post */
/******************************************************************************/
.authorboxes56 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #000;
	clear: both;
}


.related-heading {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 22px;
    position: relative;
    padding: 12px 0 0;
    text-align: center;
}

div.entry-content {
	position: relative;
}

/******************************************************************************/
/* Premium */
/******************************************************************************/
/* --- SINGLE: huvudartikel med .tag-premium --- */
/* träffa ENDAST första figure i .entry-content för just den artikeln */
article.tag-premium .entry-content > figure:first-of-type {
  position: relative; /* fästpunkt för ::before */
}
article.tag-premium .entry-content > figure:first-of-type::before {
  content: 'Premium';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #00ff00;
  color: #000;
  z-index: 10;
  font-weight: normal;
  display: block;
}

/* --- LIST/ARKIV: kort där figure ligger direkt i artikeln --- */
article.tag-premium > figure.thumbnail56 {
  position: relative; /* fästpunkt */
}
article.tag-premium > figure.thumbnail56::before {
  content: 'Premium';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #00ff00;
  color: #000;
  z-index: 10;
  font-weight: normal;
  display: block;
}



/*******************************************************************************/
/* Sponsrade artiklar och Premium Weekend
.category-sponsrat
.category-samarbeten
.category-moten
.category-annons
*/
/*******************************************************************************/
article.category-sponsrat,
article.category-samarbeten, 
article.category-moten,
article.category-annons /*,
article.category-texter*/
{
	div.entry-content {
		background: #fffe91;
		padding: 10px;
	}

	div.entry-content figure::before { 
		content: 'Sponsrad';
		width: 100px;
		height: 25px;
		text-align: center;
		background: #fffe91;
		position: absolute;
		top: 10px;
		right: 0;
		line-height: 20px;
		z-index: 10;
		font-weight: normal;
		color: #000; /* svart text, kan justeras */
	}
}
article.category-sponsrat div.entry-content figure::before { content: 'Sponsrad'; }
article.category-samarbeten div.entry-content figure::before { content: 'Samarbete'; }
article.category-moten div.entry-content figure::before { content: 'Möten'; }
article.category-annons div.entry-content figure::before { content: 'Annons'; }
/*article.category-texter div.entry-content figure::before { content: 'Texter'; }*/



/*******************************************************************************/
/* Diverse */
/*******************************************************************************/

#wi-footer input.search-field {
	border: 1px solid black;
}

.meta56__category--fancy a {
	border-bottom: none !important;
}

@media screen and (max-width: 600px) { 
	figure.wp-caption {
    	width: 100% !important;
		float: none !important;
	}

	.wp-caption.alignright {
		margin-left: 0 !important;
	}

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

	img.size-medium {
		width: 100% !important;
		float: none !important;
		margin-left: 0px;
		margin-right: 0px;
	}	
}

/* Styling för Wordpress Popular Posts */
.wpp-list {
    padding-left: 0px;
}
.wpp-post-title {
    color: #000 !important;
}
.wpp-post-title:hover {
	color: #C00000 !important;
	text-decoration: underline;
}


/*******************************************************************************/
/* Stilar för debattartiklar */
/*******************************************************************************/
article.category-debatt h1:before {
	content: 'Debatt: ';
	color: #C00000;
}

article.category-debatt div.entry-content div.opsoc-toolbar {
	width: 100% !important;	
}
article.category-debatt div.opsoc-toolbar:after {
	content: 'Detta är ett debattinlägg och ingen redaktionell text. Åsikterna svarar skribenterna för.';
	color: rgb(192, 0, 0);
	clear:both;
	float:left;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
	font-style: italic;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	width: 100%;
}
#menu-item-32100 a {
	color: #C00000 !important;
}

/******************************************************************************
/* Utskrifter */
/******************************************************************************/
@media print {
	.secondary56.single56__element {
		display:none;
	}

	.hassidebar > .container--main > .primary56 {
	    width: 100%;
	}

	.hassidebar > .container--main > .primary56 {
	    width: 100%;
	}

	.single56__related.single56__element,
	.single56__bottom_posts.single56__element,
	.sidedock56-placement,
	footer#wi-footer,
	.single-tags.entry-tags.post-tags.tags56.single56__element.single56__tags.align-center,
	.opsoc-toolbar,
	.before-header.disable--sticky,
	.scrollup__placeholder,
	div#header56,
	.masthead {
	    display: none;
	}
}