/*
Theme Name: Horisont (beta)
Text Domain: Horisont
Author: Shorebird AB
Author URI: https://www.shorebird.se
Version: 5.53
Requires at least: 5.6
Requires PHP: 7.3
Description: Designed for Horisont Magasin
Tags: featured-images, custom-background, custom-colors, custom-logo, custom-menu, sticky-post
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/


    .big-article-header {
            margin-top: 50px;
        }
        
   

        .big-article-author {
            color: gray;
            font-size: 0.9rem;
        }

        .big-article-content {
            padding: 20px 0;
        }
 
        .big-article-social-icons {
            display: flex;
            flex-direction: row;
        }

        @media (min-width: 768px) {
            .big-article-social-icons {
                flex-direction: column;
            }
            .big-article-social-icons a {
                margin-right: 20px !important;
                margin-bottom: 0;
            }
            .big-article-header-margin-top {
                margin-top:-200px !important;
            }
        }
        
        .big-article-social-icons a {
            color: #333;
            text-decoration: none;
            margin-bottom: 10px;
        }
 


/* Misc */

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* Logotyp i sidhuvudet */
/* Standardstorlek (liten skärm) */
.responsive-logo img {
    width: 250px; /* Liten logotyp */
}

/* För skärmar 992px och större (stor skärm) */
@media (min-width: 992px) {
    .responsive-logo img {
        width: 300px; /* Stor logotyp */
    }
}

/* Newsletter bakgrundsfärg och styling */
.bg-newsletter,
div.bg-newsletter,
.col-12.bg-newsletter {
    background-color: #FFF7DF !important;
    background: #FFF7DF !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.bg-newsletter h3 {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
}

.bg-newsletter p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1rem !important;
}

.bg-newsletter .btn-danger {
    background-color: #DC3545 !important;
    border-color: #DC3545 !important;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.bg-newsletter .btn-danger:hover {
    background-color: #C82333 !important;
    border-color: #BD2130 !important;
    color: #fff !important;
}

/* Global styling för rubriker - säkerställ mörk svart färg som standard */
h1, h2, h3, h4, h5, h6 {
	color: #212529 !important;
}

/* =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 {
    color: #C0C0C0 !important;
    border: 0px;
    max-width: 96%; /* Image does not overflow the content area */
 
}

.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 {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/* Skip-links för tillgänglighet */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
	text-decoration: none;
	padding: 8px 16px;
	background: #000;
	color: #fff;
	font-weight: bold;
}

.skip-link:focus {
	left: 6px;
	top: 7px;
}

/* Förbättra fokus-synlighet */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 1px solid #0d6efd;
	outline-offset: 1px;
}

/* Mindre störande fokus för navigationslänkar */
.nav-link:focus,
.nav-link:active {
	outline: 1px solid #0d6efd;
	outline-offset: 1px;
	box-shadow: none;
}

/* Ta bort fokus-styling för klickade länkar */
.nav-link:focus:not(:focus-visible) {
	outline: none;
}

/* Förbättra kontrast för länkar */
a {
	color: #0d6efd;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #0a58ca;
	text-decoration: none;
}

/* Styling för aria-current - Överskriver Bootstrap */
a[aria-current="page"],
a[aria-current="page"]:hover,
a[aria-current="page"]:focus {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
	font-weight: bold !important;
}

/* Förbättra synlighet för aktiv sida */
.nav-link[aria-current="page"],
.nav-link[aria-current="page"]:hover,
.nav-link[aria-current="page"]:focus {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
	font-weight: bold !important;
}

/* Överskriv Bootstrap active-klass */
.nav-link.active,
.nav-link.active:hover,
.nav-link.active:focus {
	background-color: transparent !important;
	color: inherit !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
	font-weight: bold !important;
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Styling för relaterade artiklar */
.related-articles-wrapper {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #dee2e6;
}

.related-articles-title {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #6c757d;
	margin-bottom: 1rem;
}

.related-article-item {
	margin-bottom: 1rem;
}

.related-article-item:last-child {
	margin-bottom: 0;
}

.related-article-thumbnail {
	flex-shrink: 0;
	margin-right: 1rem;
}

.related-article-thumbnail img {
	width: 120px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
}

.related-article-content {
	flex-grow: 1;
}

.related-article-heading {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 0.25rem;
}

.related-article-excerpt {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.4;
	margin-bottom: 0;
}

.related-article-category {
	font-size: 0.85rem;
}

.related-article-lock-icon {
	font-size: 0.9rem;
}

/* Responsiv design för relaterade artiklar */
@media (max-width: 768px) {
	.related-article-thumbnail {
		margin-right: 0.75rem;
	}
	
	.related-article-thumbnail img {
		width: 100px;
		height: 70px;
	}
	
	.related-article-heading {
		font-size: 1rem;
	}
	
	.related-article-excerpt {
		font-size: 0.85rem;
	}
}

/* Rubriktypsnitt-alternativ */
/* Standardtypsnitt - används när inget annat typsnitt är valt */
/* Stöd för när klassen läggs direkt på h1-h5 element */
h1.heading-font-default,
h2.heading-font-default,
h3.heading-font-default,
h4.heading-font-default,
h5.heading-font-default,
.heading-font-default h1,
.heading-font-default h2,
.heading-font-default h3,
.heading-font-default h4,
.heading-font-default h5 {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700 !important;
}

h1.heading-font-quicksand,
h2.heading-font-quicksand,
h3.heading-font-quicksand,
h4.heading-font-quicksand,
h5.heading-font-quicksand,
.heading-font-quicksand h1,
.heading-font-quicksand h2,
.heading-font-quicksand h3,
.heading-font-quicksand h4,
.heading-font-quicksand h5 {
	font-family: "Quicksand", sans-serif !important;
	font-weight: 300 !important;
}

h1.heading-font-pr-serif,
h2.heading-font-pr-serif,
h3.heading-font-pr-serif,
h4.heading-font-pr-serif,
h5.heading-font-pr-serif,
.heading-font-pr-serif h1,
.heading-font-pr-serif h2,
.heading-font-pr-serif h3,
.heading-font-pr-serif h4,
.heading-font-pr-serif h5 {
	font-family: "Playfair Display", serif !important;
	font-weight: 400 !important;
}

/* Styling för mixade typsnitt i rubriker */
.heading-font-quicksand .bold-text,
.heading-font-quicksand h1 .bold-text,
.heading-font-quicksand h2 .bold-text,
.heading-font-quicksand h3 .bold-text,
.heading-font-quicksand h4 .bold-text,
.heading-font-quicksand h5 .bold-text {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 1em !important;
}

.heading-font-pr-serif .bold-text,
.heading-font-pr-serif h1 .bold-text,
.heading-font-pr-serif h2 .bold-text,
.heading-font-pr-serif h3 .bold-text,
.heading-font-pr-serif h4 .bold-text,
.heading-font-pr-serif h5 .bold-text {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 1em !important;
}

.heading-font-default .light-text,
.heading-font-default h1 .light-text,
.heading-font-default h2 .light-text,
.heading-font-default h3 .light-text,
.heading-font-default h4 .light-text,
.heading-font-default h5 .light-text {
	font-family: "Quicksand", sans-serif !important;
	font-weight: 300 !important;
}

.heading-font-quicksand .light-text,
.heading-font-quicksand h1 .light-text,
.heading-font-quicksand h2 .light-text,
.heading-font-quicksand h3 .light-text,
.heading-font-quicksand h4 .light-text,
.heading-font-quicksand h5 .light-text {
	font-family: "Quicksand", sans-serif !important;
	font-weight: 300 !important;
}

.heading-font-pr-serif .light-text,
.heading-font-pr-serif h1 .light-text,
.heading-font-pr-serif h2 .light-text,
.heading-font-pr-serif h3 .light-text,
.heading-font-pr-serif h4 .light-text,
.heading-font-pr-serif h5 .light-text {
	font-family: "Quicksand", sans-serif !important;
	font-weight: 300 !important;
}