/*
 * CSS style for readmore-js
 * http://jedfoster.com/Readmore.js/
 * 
 * Used on page "Text" to hide textblock with fade at bottom.
 *
*/
.fade {
    max-height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 2rem;
}

.fade:before {
    content: "";
    width: 100%;
    height: 100%;    
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(248,248,248,0) 50%, rgba(241,241,241,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(248,248,248,0) 50%,rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(248,248,248,0) 50%,rgba(241,241,241,1) 100%);
}

/*
 * Custom CSS for polylang plugin, see https://polylang.pro/
 * Changes style of ul li in widget in frontend
*/
.widget_polylang {
    padding: 1rem;
}

.widget_polylang ul {
    list-style-type: none;
}

.widget_polylang li {
    float: left;
}

.widget_polylang li a {
    color: #999;
    text-decoration: none;
}

.widget_polylang li a:hover {
    color: #343434;
    text-decoration: none;
}

.widget_polylang .current-lang a {
    color: #343434;
}

.widget_polylang .lang-item-first:after {
    color: #999;
    content: '/';
}

/*
 * Standard CSS for Wordpress elements in page content from WPs WYSIWYG editor.
*/

/* 
 * Alignments
*/
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

/**
 * Captions
 */
.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #343434;
	font-size: 0.9rem;
	font-style: italic;
	margin-top: 0.3rem;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

/* 
* Costumisations to get closer to old page layout 
*/
.post-title {
    font-size: 1.7rem;
    font-weight: 450;
    letter-spacing: 1px;
}

h2 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 200;
    letter-spacing: 1.5px;
}

h3 {
    font-size: 1.1rem;
}

p {
    line-height: 23px;
	letter-spacing: 1px;
}

ul li {
    letter-spacing: 1px;
}

strong {
    font-weight: 450;
}

.torsten-nav .uk-active {
    font-weight: 600;
}

.torsten-nav ul li a {
    font-size: 0.9rem;
    color: #343434;
}

.site-title {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.8px;
}

.site-title-small {
    font-weight: 500;
    letter-spacing: 0.8px;
}

.samling-caption {
    width: 225px;
    margin-top: 5px;
    font-size: 0.7rem;
    letter-spacing: 0.2px;
    word-break: break-all;
}

.front-page-caption {
    font-size: 0.8rem;
}

.torsten-front-page-content {
    font-family: 'Fira Sans', sans-serif;
}

.torsten-front-page-content blockquote {
    text-align: left;
    padding: 1rem;
}

.torsten-front-page-content blockquote p {
    display: inline;
    font-size: 2rem;
    font-style: normal;
    font-weight: 200;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.torsten-front-page-content blockquote:before {
    position: absolute;
    margin-top: -0.5rem;
    margin-left: -1rem;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 200;
    content: open-quote;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.torsten-front-page-content blockquote:after {
    position: relative;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 200;
    content: close-quote;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.special-nav-topbar-left ul li a {
    font-size: 0.9rem;
    padding-top: 15px;
    height: 25px;
    color: #343434;
}

.special-nav-topbar-left ul li:first-child a {
    padding-left: 0px;
}

.special-nav-topbar-left .uk-active {
    font-weight: 600;
}