/**
 * Theme Name:     Rowling Child
 * Author:         Svenne
 * Template:       rowling
 * Text Domain:	   rowling-child
 * Description:    Child till Rowling - a clean, simple and elegant magazine theme for WordPress. It features a responsive design, great typography, Block Editor support, social menu support, custom accent color support, custom logo support, gallery post format support, and editor styles.
 */

/*Roboto Condensed font*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.related-posts {display:none;}
.single-post .post-inner {padding-left:0px;}

/*header-delen*/
.header-wrapper {background-color:#7c4c17; text-align: center;}
.blog-title {font-family: "Roboto Condensed", sans-serif;font-size:3em;}
.blog-title a:hover {color: #cccccc;}
.blog-description {color: #fffefe;}
.navigation .section-inner {
    background-color: #513700;
}

/*inlägg*/
.single-post .post-image {display:none;}
.post-inner p, .entry-content p{font-family: "Roboto Condensed", sans-serif;font-size: 1.2em; line-height: 1.5; font-weight: 300;}

/*blockstilar*/
.entry-content .wp-block-group {padding:0 !important;}
.wp-block-column h2 {font-size:1.7em;}
.wp-block-query ul, .wp-block-query ol {margin:1%; max-width:98%;}
.wp-block-post-template li.wp-block-post {
  list-style: none;            /* ta bort standardpricken */
  background: #fff;            /* vit bakgrund, valfritt */
  border: 1px solid #ddd;      /* tunn ram */
  border-radius: 12px;         /* rundade hörn */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* lätt skugga */
  padding: 1rem;               /* lite luft inuti */
  margin-bottom: 1rem;         /* avstånd mellan korten */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-post-template li.wp-block-post:hover {
  transform: translateY(-2px); /* liten lyft-effekt vid hover */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}


/*google ads*/
.google-auto-placed {margin-top:20px; margin-bottom:40px; max-width:95%;}



/*mobiles*/
@media (max-width: 400px) {
	.blog-title {font-size:1.5em !important;}
	.wp-block-post-title {margin-top:10px;}
	    .blog-description {display: block;font-size: 9px;}
	.wp-block-post-template {    padding: 0 10px;  }
	.adsbygoogle {max-width:95% !important;}
}