/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* Global Styles */


body {
	
font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  }
  
  
strong  {font-weight: 600; line-height: 1.4;}

bold  {font-weight: 300; line-height: 1.4;}
  
  
h1 {font-weight: 400; font-size: 42px; line-height: 1.34; letter-spacing: .5px; margin-bottom: .5em;}

h2 {font-weight: 400; font-size: 2em;}

h3 {font-weight: 400; font-size: 1.2em; line-height: 1.4;}

p {font-size: 16px; line-height: 1.6;}

a {text-decoration: none; color: #000;  }



em {font-style: italic}


  


  
/* Navigation */

.branding img {width: 400px;}

.nav_container {display: flex; justify-content: space-between; margin: 1em auto; max-width: 1024px;}

.main-nav {
  position: relative;
}

.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 35px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  gap: 5px;
  z-index: 1001;
  margin-right: 20px;
  margin-top: 10px;
}

.hamburger span {
  display: block;
  height: 4px;
  background: #333;
  border-radius: 2px;
  transition: 0.3s;
}

/* Menyn är gömd som default */
.menu {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  padding: 10px 20px;
  border-radius: 4px;
  min-width: 150px;
  z-index: 1000;
}

.menu li {
  margin-bottom: 10px;
}

.menu li:last-child {
  margin-bottom: 0;
}

.menu li a {
  color: #333;
  text-decoration: none;
}

/* Visa menyn när den är öppen */
.menu.open {
  display: flex;
}

/* Hamburger animation */
.hamburger.active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}



/* article Styles */


.topbanner {max-width: 1024px; margin: 1em auto; }

.topbanner img {width: 100%; height: auto;}

.startpage_article {width: 90%; margin: 3em auto; max-width: 1024px}
.startpage_article h1 {font-size: 48px; line-height: 1.4; margin: auto;}

.main_article_body {margin: 1em auto; max-width: 1024px; }

.main_article_body p {padding-bottom: 1em; width: 85%}

.main_article_body h3, .main_article_body h1, .main_article_body h2 {width: 85%}

.main_article_startpage {margin: 1em auto; max-width: 1200px; display: flex; flex-wrap: wrap; gap: 1%;}

.main_article_startpage h1 {font-size: 38px;}


.main_article_info {flex: 1 1 0;;
  max-width: 100%;      
  box-sizing: border-box;
  margin-top: 2em;
  }

.main_article_image {
flex: 1 1 0;  
  box-sizing: border-box;
  margin-top: 2em;}


.main_article_image img {
    width: 100%;
    height: auto;
    display: block;
}





.post_type_ledare {display: flex; gap: 2%; }



.flex-item img {max-width: 100%; height: auto;}


.below_article {margin: 0em auto; max-width: 1024px; display: flex; gap: 3%;}

  .below_article_item {
  flex: 1 1 0; 
  min-width: 0;      /* Förhindra overflow */
  box-sizing: border-box;
  margin-bottom: 2em;
  }



  .below_article_item img {
  max-width: 100%; display: block; height: auto; margin: 0 auto;
  }


.below_article_item h3 {margin-bottom: 2em; font-weight: 500; border-bottom: 2px solid #e5eddd; padding-bottom: 2em; }




.below_article a:not(:has(img)) {
  position: relative;
  text-decoration: none;
}

.below_article a:not(:has(img))::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #000;
  transition: width 0.5s ease;
}

.below_article a:not(:has(img)):hover::after {
  width: 100%;
}




h4.posttyp {color:#f9302b; padding-top:.5em; font-size: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
 
ul.post-categories li a {color:#f9302b; font-size: 20px; z-index: -999999;}

ul.post-categories {padding-top:.5em; padding-bottom: .5em;}


.border {border: 2px solid #e5eddd; border-radius: 8px; padding: 2em;}

ul.latest-post li {margin-top: 1em;}

.wp-block-media-text {max-width: 1200px; margin: 10px auto; column-gap: 40px;  }
.wp-block-media-text>.wp-block-media-text__media {
   align-self: flex-start;
}



.wp-block-media-text .full-width {max-width: 1200px; }

h4.has-text-align-center {max-width: 890px; font-size: 18px; line-height: 1.4; margin: auto;}


.wp-block-media-text>.wp-block-media-text__content {
    grid-row: 1;
    padding: 0;
    word-break: break-word;
    margin-bottom: 100px;
}

.wp-block-heading h3  {padding-bottom: 4%; font-size: 2em;}



.wp-block-media-text p {font-size: 20px; line-height: 1.7;}

ul.wp-block-list li  {font-weight: 400; font-size: 18px; line-height: 2; list-style-type: circle; margin-left: 10px;}

ul.wp-block-list {margin-bottom: 2em;}



h1.has-text-align-center  {width: 65%; margin: 0 auto .2em auto; font-size: 4em; }


.wp-block-columns {margin: 2em auto; max-width: 1400px;}

.wp-block-column {padding: 3%; margin: 5%;}


.wp-block-column a {text-deccoration: none; color: #000;}








.wp-block-media-text__content a {color: #f9302b; margin-top: 3em;}









/* Single */

.entry_single {margin: 3em auto; max-width: 890px; }

.entry_single h1, .entry_single p, .entry_single h2, .entry_single h3, .wp-block-list {margin-bottom: 1em;}


.wp-block-list {list-style: circle; font-weight: 400; font-size: 18px; line-height: 1.9; margin-left: 1em;}




.category-okategoriserade {display:none;}


.blogg_container .has-post-thumbnail {display: block; margin: auto; }

.nav-links {margin: auto; max-width: 890px; display: flex; justify-content: space-between;  }

.nav-links a, span.more {color: #F15B5B; margin-left: 5px;}



.header {margin: 1em auto 0; max-width: 1024px; text-align: center;}


/* Section Vetenskap  */

#two_columns {max-width: 1024px; margin: 2em auto; }

#two_columns h2 {border-top: 4px solid #e5eddd; padding: 3em 0 0;}

#two_columns h3 {font-size: 48px; line-height: 1.4; width: 90%; font-weight: 400;}
.separator {max-width: 1024px; margin: 2em auto; border-top: 5px solid #e5eddd; padding-top: 3em;}

.row {display: flex; margin: 2em 0;} 

.column:first-child {
  flex: 0 0 70%; /* tar 60% av bredden utan att växa eller krympa */
}

.column:last-child {
  flex: 0 0 30%; /* tar 40% av bredden */
}

.column h3 {font-size: 48px; line-height: 1.4; width: 90%; font-weight: 400;}

.column p {font-size: 1.2em; width: 90%; font-weight: 400;}

.column h4 {font-size: 1.1em; width: 90%; margin: 5px 0 2em; border-bottom: 2px solid #e5eddd; padding-bottom: 1em;}

/* Footer */


#footer  {max-width: 1024px; margin: 100px auto; padding-top: 20px; border-top: 1px solid #908FB2;}

#footer img {width: 200px;}

.footer_container {display: flex; max-width: 1024px; margin: 0 auto; padding-top: 20px;  }

.contact_info {flex: 1;}
.contact_info h3 {padding-bottom: 1em;}

.contact_info a{
  position: relative;
  text-decoration: none;
	line-height: 1.6;
}

.contact_info a:hover {
  color: #f9302b;

}




#copyright {text-align:center; border-top: 1px solid #908FB2; max-width: 1024px; margin: 100px auto; padding-top: 20px; }









/* Contact Form */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
   border-bottom: 1px solid #908FB2; padding: 1em;
   border-left: 0;
   border-right: 0;
   border-top: 0;
   letter-spacing: 1px;
}

.wpcf7 input[type="submit"]
{
   border-radius: 9999px;
   border: 0;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.123em + 2px);
    font-size: 1.125em;
    color: #fff;
    background-color: #F15B5B;
    cursor: pointer;
    transition: background-color 5s ease-out 100ms; }



/* Testimonials */

#metaslider_2713 .metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent;
    color: black;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
}



@media (max-width: 768px) {
	


.main_article_startpage {
        flex-direction: column; /* Staplar */
        flex-wrap: wrap;
    }
   .main_article_startpage > .main_article_image {
        order: 1; /* Bilden visas först */
        flex: 1 1 100%;
    }
  	.main_article_startpage > .main_article_info {
        order: 0; /* Utdraget visas efter */
        flex: 1 1 100%;
    }

.main_article_startpage h1 {font-size: 24px;}	

.main_article_body {margin: 1em auto; width: 95%;}	

.main_article_body h1 {font-size: 24px;}


	
.below_article, .footer_container {
    display: block; margin: auto; width: 90%;
}
  .below_article_item {
    flex-direction: column;
  }
  

  
}