/*
Theme Name: AVOH BLocks
Theme URI: https://vetenskaphalsa.se
Author: Ingemar Hultquist
Author URI: https://vetenskaphalsa.se
Description: Tema för Vetenskap och hälsa
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avoh-blocks
Tags: 

/* Main manu */

/* Main manu */

ul.wp-block-navigation-submenu li{
    font-weight: normal !IMPORTANT;
}

/* Inline fact boxes */

details > summary {
	font-weight:bold;
	font-family: "Noto Serif", serif;
	font-size: 18px;
}

.hidden, .wp-block-post-terms__prefix {
    visibility: hidden;
    display: none;
}


/* Articles excerpts in archives and lists */

p.wp-block-post-excerpt__excerpt::before {
    content: '';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-color: #e0d250;
    margin-right: 0.5em;
    vertical-align: middle;
    position: relative;
    top: -0.1em; /* Justerar kvadraten lite uppåt */
}

/* For Teman */

div.flerteman-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem 1rem 2rem;
    background-color: #fff;

}

div.temafler{
    background: blue;
}

.tema-fler details {
 
    border-radius: 9px;
}
    
.tema-fler summary {
    padding-top: 1.5em;
    padding-left: 2.5rem;
}


ul.flerteman {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

ul.flerteman li {
    background-color: white; 
    border-radius: 6px; 
    padding: 10px 15px;

}

ul.flerteman li:hover {
    background-color: #f0f0f0; 
}

ul.flerteman li a {
    text-decoration: none; 
    color: black; 

}

ul.flerteman li a:hover {
    color: #bd684b; 
}


ul.temaartiklar {
    margin-top: 0;
}



/* Promo boxes in second column on frontpage nad archives */

/*
.promo {
    margin-bottom: 4px;
    position: relative;

}

.promo_image {
    position: relative;
    background-size: cover;
}

.bg_green {
    background-color: #DBE238;
}

.bg_green2 {
    background-color: #C1E0AB;
}

.bg_green3 {
    background-color: #D4D226;
}

.bg_orange {
    background-color: #F1CC16;
}

.bg_pink {
    background-color: #FEF4F8;
}

.bg_lime {
    background-color: #E0D250;
}

.bg_grey {
    background-color: #ccc;
}

.bg_black {
    background-color: #000;
    color: #fff;
}

.bg_black .promo_title, .bg_black .promo_lead {
    color: #f1cc01;
}

.bg_black .promo_icon, .bg_black .promo_lead {
    color: #fff;
}

.bg_black .promo_icon {
    background-color: #fff;
    color: #000;
}

.promo_icon {
    top: 4px;
    padding: 2px 4px 2px 4px;
    background-color: #F26E28;
    color: #fff;
    font-family: 'helvetica neue', helvetice, arial, sans-serif;
    font-size: 11px;
    position: absolute;
    right: 4px;
    text-transform: uppercase;
}


.promo_title {
    color: #000;
    font: 18px museo-slab, serif;
    margin: 0;
    padding: 32px 16px 5px;
    font-weight: bold;
}

.promo_lead {
    color: #000;
    font: 12px museo-slab,'helvetica Neue', helvetica, Arial,sans-serif;
    margin: 0;
    padding: 0 16px 16px;
}

.promo_img .promo_title, .promo_img .promo_lead {
    color: #fff;
    text-shadow: 1px 0px #000;
}

.promo_txt_large a, .promo_img a, .promo_video a {
    display: block;
    min-height: 180px;
}

.promo a {
    text-decoration: none;
}

.promo a:hover {
    text-decoration: underline;
}

.promo_img a {
    background-image: url(http://2.bp.blogspot.com/-Aeo_l-5dveA/VavKX915pvI/AAAAAAAAQQA/8bb1b0ZtVpI/s1600/P1510760.jpg);
    background-size: cover;
}

.promo_img a:hover {
    color: #000;
}
*/

/* Fix me! */

 .posts-poddinfo{
     margin-left: 6px;
     margin-right: 6px;
     
 }

/* List styles */

.no-dots {
  list-style-type: none;
  padding: 0;
  margin: 1rem 0;
}

.no-dots li {
  margin-left: 0;
  margin-bottom: 0.5rem;
}


/* Inline images on mobile should not float */

@media (max-width: 768px) {
    figure.alignright,
    figure.alignleft {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !IMPORTANT;
        display: block;
    }
    
    figure.alignright img,
    figure.alignleft img {
        max-width: 100%;
        height: auto;
    }
}


ul.wp-block-navigation__container a:hover{
    text-decoration: underline !IMPORTANT;
}



/* Hide by default */
.sm-only {
  display: none !important;
}

/* Show only on small screens */
@media (max-width: 768px) {
  .sm-only {
    display: block !important; /* or flex/inline-block depending on your layout */
  }
  .alt_promo_icon, .alt_promo_lead {
      display: none;
  }
  h2.alt_promo_title {
      margin: 0;
      padding: 9px;
      font: bold 0.8rem'Noto sans';
  }
}


/* Fix för gamla artiklar */

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

figure.wp-caption img, .faktaruta img, .entry-content img {
    border-radius: 9px;
}