/*.#s2-2 > div.col-12.col-md-12.p-0.special > div > div.col-6.col-md-6.col-lg-.mb-4.mb-md-1.px-3.px-md-3.clickable_div_for_page.even.bgimg-exist.box > div {
animation-delay: 2s;
}*/

/* =====================     GENERELL HANTERING AV BILDER ===========*/

/*==== Bilder anpassar sig efter förälder ====*/
.bg-img-puff img  {object-fit: cover;}

.bg-img,
.bg-img-puff,
.bg-img-puff .hero.bild,
.bg-img-puff .hero.bild,
.hero.bild,
.hero.video {height: 100%;}

.puff.topical .bg-img-puff {
  height: 240px;
}

.bg-img img,
.bg-img-puff img,
.insta-item img,
.bg-img video,
.wp-block-video video {
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%; /* default value: image is centered*/
  border: none;
  padding: 0px;
  border-radius: 0px;
  overflow: hidden;
}

.attachment .bg-img img {
  object-fit: contain;
}



/*==== Hover effect över bilder som går att klicka på ====*/

/*image opacity with background*/
.clickable_div_for_page .puff-img {
  background: #1abc9c;
}
.clickable_div_for_page .puff-img img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.clickable_div_for_page .puff-img:hover img {
  opacity: .5;
}

/* image zoom */
.clickable_div_for_page .bg-img  {overflow: hidden;}
.clickable_div_for_page .bg-img img {
  transition: transform 5.5s ease;
}

.objekt-img:hover img,
.clickable_div_for_page:hover .bg-img img {
  transform: scale(1.055);
}

/*==== Toning över bilder / gradient ====*/
/*.page-intro .hero,
.story-img .hero,
.img-part .hero,*/
.bg-img .hero  {
  max-width: 1920px;  
  /*background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100% );
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100% );
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100% );*/
  background-color: rgba(0,0,0,0.02);
}
.attachment .bg-img .hero  {
  background-color: rgba(0,0,0,0.0);
}
.hero img,
.story-img .hero img  {
  z-index: -1 !important;
  position: relative; 
}

/*==== Toning över bilder / helplatta ====*/
.img-part .hero,
.img-part .hero {
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100% );
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100% );
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100% );
}
.topical .img-part .hero {
  background-image: none;
  background-image: none;
  background-image: none;
}
.single_page_layout_related_RTIB25.nyhet .img-part .hero,
.single_page_layout_related_RTIB50.nyhet .img-part .hero {
  /*background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, .80) 0%, rgba(0, 0, 0, 0.5) 100% );
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .80) 0%, rgba(0, 0, 0, 0.5) 100% );
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .80) 0%, rgba(0, 0, 0, 0.5) 100% );*/
}


/* =====================     GENERELL HANTERING bakgrundsfärger     ========================== */ 
.section_bg_standard1 {
  background-color: #E7EAF0;
}
.section_bg_standard2,
.bg2 {
  background-color: #FAFAFA;
}
.bg1 {
  background-color: #325028;
}




/* =====================     GENERELL HANTERING av PUFFAR     ========================== */ 

.puff	{
	height: auto; 
	max-height: 100%;
  	flex-flow: row;
  	flex-wrap: wrap;
  	border-bottom:solid 0px #fff;
  	position: relative;
  	width: 100%;
}
.puff.topical {
  min-height: 240px;
  height: auto; 
  max-height: none;
}

.text-part {
  /*background-color: #f1f1f1;*/
  z-index: 2;
}



.accordion-header .puff {
  height: 300px; 
}

/*.puff.clickable_div_for_page:after,
.puff.clickable_div_for_lightbox:after,
.puff.clickable_div_for_accordion:after {
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0.4);
    -webkit-transition: opacity 300ms ease 0ms;
    transition: opacity 300ms ease 0ms;
}
.puff.clickable_div_for_page:hover:after,
.puff.clickable_div_for_lightbox:hover:after,
.puff.clickable_div_for_accordion:hover:after {
    opacity: 0.8;
}*/

/*.puff.clickable_div_for_accordion .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.puff.clickable_div_for_accordion:hover .content-overlay{
  opacity: 1;
}*/
.noscroll { 
  overflow: hidden;
}
.bgimg-not-exist {height: 210px;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: opacity .5s ease;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.20) 100% );
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 50%) 0%, rgba(0, 0, 0, 0.20) 100% );
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.20) 100% );
  z-index: 5;
}
.bgimg-exist:hover .overlay {
  opacity: 1;
}
.bgimg-exist .overlay .puff-rubrik,
.block-svg .overlay .puff-rubrik {
  position: absolute;
  bottom: 20px;
  left: 1.0rem;
  width: calc(100% - 79px);
}

.bgimg-not-exist .overlay {
  background-image: none;
  background-image: none;
  background-image: none;
  background-color: #000;
}

.box-inner  .overlay {
  /*height: calc(100% - 0px);
  width: calc(100% - 0px);*/
  height: 100%;
  width: 100%;
  top: 0rem;
  left: 0rem;
}

.scramble .overlay,
.scramble .link-icon-container  {
  display: none;
}




.story .box-inner h2,
.story .box-inner h3 {
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: left;
}

/*.novideo {
  background-color: #000;
}*/

.single_page_layout_related_RTIB25 .overlay h3 {
  font-size: 1.7rem;/*25px*/
}




.single_page_layout_related_RTIB25.bgimg-exist:hover .overlay h2 {
  bottom: 20px;
}


.puff.clickable_div_for_page:hover .overlay,
.puff.clickable_div_for_lightbox:hover .overlay,
.puff.clickable_div_for_accordion:hover .overlay {
  opacity: 0.0;
}

.bgimg-not-exist .img-part {
  background-color: #000;
}
.contact.bgimg-not-exist .img-part {
  background-color: #fff;
}
.bgimg-not-exist .overlay {
  opacity: 1;
}
.contact.bgimg-not-exist .overlay {
  opacity: 1;
  background-image: none;
}
.bgimg-not-exist .overlay .puff-rubrik {
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*hantering av absolut positionering av text på puffar*/
.text-part {
  /*bottom:40px;
  left: 6%;
  width: 86%;
  z-index: 6;*/
}

.single_page_layout_related_RTIB100 .text-part {
  /*bottom:40px;
  left: 40px;*/
  text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.utfyllnad h2,
.utfyllnad a {
  display: none;
}



.col-lg-3.px-3.even {
  padding-right: 0.5em !important;
}
.col-lg-3.px-3.odd {
  padding-left: 0.5em !important;
}

.bg-color .sektions-huvud h3 {
 color: #000;
}




/*satta höjder på RTIB100, RITB50, RTIB25 */
.box:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.scramble.box:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.box-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  color: #fff;
/*   display: flex;
  align-items: center; */
  line-height:100%;
  height:100%;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: start;
}
/*.box:nth-child(odd) .box-inner  {
  background: #999;
}*/
.box-inner .hero img {
    z-index: 1;
    position: relative;
}

a.svg-link,
.svgobject {
  height: calc(100% - 0px);
  width: 100%;
  display: block;
  overflow: hidden;
}


/*#byradescriptions > svg > g > g:nth-child(1) rect {
  fill: #f00 !important;
  fill-opacity: 0.5;
}

#byradescriptions > svg > g > g:nth-child(2) path {
  fill: #fff !important;
}*/


/* satta höjder på RTIB100, RITB50, RTIB25 */
.single_page_layout_related_RTIB100 {
    height: 343px;
    overflow: hidden;
}


.block-svg.col-md-12,
.bl-rtib50, 
.single_page_layout_related_RTIB50,
.block-svg.col-12.col-md-6,
.home .site-main .col-md-6,
.bl-rtib25,
.single_page_layout_related_RTIB25,
.block-svg.col-12.col-md-3,
.block-svg.col-12.col-lg-3,
.home .site-main .col-md-6.col-lg-3,
.img-part {
  overflow: hidden;
}

.block-svg.col-12 svg.full-height,
.block-svg.col-12.col-md-6 svg.full-height,
.block-svg.col-6.col-md-6.col-lg-3 svg.full-height  {
  width: 100% !important;
  overflow: hidden;
}



/*SLUT satta höjder på RTIB100, RITB50, RTIB25 */







/* ======= GENERELL HANTERING av ODDEVEN / color / placement  ============ */ 

.beviljat-anslag h3 {
  width:80%;
}

.first_in_year .beviljat-anslag.forskning 
{
	border-top: none!important;
}

.odd .beviljat-anslag.forskning {
  /*background-color: #E7EAF0;*/
  background-color: #fff;
  border-top: 3px solid #E7EAF0;
  padding-top: 0.5rem !important;
}
.even .beviljat-anslag.forskning {
  background-color: #fff;
   border-top: 3px solid #E7EAF0;
   padding-top: 0.5rem !important;
}

.odd .beviljat-anslag.hjalp,
.even .beviljat-anslag.hjalp  {
  background-color: #fff;
}

.beviljat-anslag p:last-child {
  margin-bottom: 0;
}


.bl-stibu.bl-oddevencolor .bl-rtib a:hover {
	color: #fff;
}

.bl-stibu.bl-oddevencolor .odd,
.bl-stibu.bl-oddevencolor div.page:nth-child(1),
.bl-stibu.bl-oddevencolor div.page:nth-child(4)  { 
	background-color: #a8ab81; 
}


.bl-stibu.bl-oddevencolor .even,
.bl-stibu.bl-oddevencolor div.page:nth-child(2),
.bl-stibu.bl-oddevencolor div.page:nth-child(3)	{ 
	background-color: #a8ab81;
}


.puff-intro h2 {
	font-size: 1.25rem;
}

.bl-stibu.bl-oddevencolor,
.bl-stibu.bl-oddevenplacement .bl-stibu,
.bl-stibu.bl-nosubdetails .bl-stibu,
.bl-stibu.bl-oddevencolor a:link,
.bl-stibu.bl-oddevenplacement .bl-stibu a:link,
.bl-stibu.bl-nosubdetails .bl-stibu a:link,
.bl-stibu.bl-oddevencolor a:visited,
.bl-stibu.bl-oddevenplacement .bl-stibu a:visited,
.bl-stibu.bl-nosubdetails .bl-stibu a:visited,	

.bl-snoneu.bl-oddevencolor,
.bl-snoneu.bl-oddevenplacement .bl-rtib50,
.bl-snoneu.bl-nosubdetails .bl-rtib50,
.bl-snoneu.bl-oddevencolor a:link,
.bl-snoneu.bl-oddevenplacement .bl-rtib50 a:link,
.bl-snoneu.bl-nosubdetails .bl-rtib50 a:link,
.bl-snoneu.bl-oddevencolor a:visited,
.bl-snoneu.bl-oddevenplacement .bl-rtib50 a:visited,
.bl-snoneu.bl-nosubdetails .bl-rtib50 a:visited {
	color: #fff; 
	text-align: center;
}

.bl-stibu.bl-oddevencolor .puff-content a:link,
.bl-stibu.bl-oddevenplacement .puff-content .bl-stibu a:link,
.bl-stibu.bl-nosubdetails .puff-content .bl-stibu a:link  {
  display: block;
  padding-top: 10px;
}

.bl-stibu.bl-oddevencolor h2,
.bl-stibu.bl-oddevenplacement .bl-stibu h2,
.bl-stibu.bl-nosubdetails .bl-stibu h2  {
  color: #fff;
}

.bl-oddevenplacement div.puff:last-child  {border-bottom: none;}
.oddevenplacement div.puff:last-child  {border-bottom: none;}

.iterator-3,
.iterator-4 {
  margin-bottom: 1rem !important;
}

/* =====================     Insta item     ========================== */ 
.insta-item {
  height: 212px;
  /*height: auto;*/
}
.instafeed-block    {
position: absolute;
    z-index: 3;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: rgba(0,0,0, 0.75);*/
    width: auto;
    height: 100px;
    /*padding-left: 40px;
    padding-top: 20px;*/
  }
  .instafeed-block a    {
    color: #fff;
  }

 


/* =====================     RTUB100     ========================== */ 
.single_page_layout_related_RTUB100 {
  background-color: #2A2B2D;
}
.single_page_layout_related_RTUB100 h1 {
  color: #fff;
}

/* =====================     RMEDIA50     ========================== */ 

.single_page_layout_related_RTIB25, .block-svg.col-md-3 {
    height: 190px;
    overflow: hidden;
}

/* =====================     RMEDIA50     ========================== */ 
.media-meta-content p   {margin-bottom: 0.25rem;}
.attachment.bl-rmedia50:nth-child(odd) {padding-right: 3rem !important;}
.attachment.bl-rmedia50:nth-child(even) {padding-left: 3rem !important;}


/* =====================     RTVB33     ========================== */ 
.SINGLECONTENT .puff.bl-rtvb33 {
  border-bottom: solid 15px #fff;
}

/* =====================     BL-RTNB50     ========================== */  
.bl-stibu .bl-rtnb50 {
	background: #faf7ed;
}


/* =====================     BL-RTIB100 / 50 / 33 / 25     ========================== */
.single_page_layout_related_RTIB a,
.single_page_layout_related_RTIB a:link, 
.single_page_layout_related_RTIB a:active,

.single_page_layout_related_RTIB p {
  color: #fff;
}

.single_page_layout_related_RTIB.arkivsida .img-part .hero {
  background-image: none;
}

.single_page_layout_related_RTIB100,
.single_page_layout_related_RTIB50,
.single_page_layout_related_RTIB25 {
  /*background-color: #000;*/
}

/*.arkiv-print.single_page_layout_related_RTIB25,
.arkiv-print.single_page_layout_related_RTIB50,
.arkiv-print.single_page_layout_related_RTIB100 
{
  background-color: #2A2B2D;
}

.arkiv-film.single_page_layout_related_RTIB25,
.arkiv-film.single_page_layout_related_RTIB50,
.arkiv-film.single_page_layout_related_RTIB100 {
  background-color: #000;
}
.arkiv-webb.single_page_layout_related_RTIB25,
.arkiv-webb.single_page_layout_related_RTIB50,
.arkiv-webb.single_page_layout_related_RTIB100 {
  background-color: #595C61;
}

.arkiv-case.single_page_layout_related_RTIB25,
.arkiv-case.single_page_layout_related_RTIB50,
.arkiv-case.single_page_layout_related_RTIB100 {
  background-color: #DFE2E3;
}
.arkiv-case.single_page_layout_related_RTIB25 h2,
.arkiv-case.single_page_layout_related_RTIB50 h2,
.arkiv-case.single_page_layout_related_RTIB100 h2 {
  color: #000;
}*/

.single_page_layout_related_RTIB25.odd,
.single_page_layout_related_RTIB50.odd {
  /*background-color: #2A2B2D;*/
}
.single_page_layout_related_RTIB25.even,
.single_page_layout_related_RTIB50.even {
  /*background-color: #595C61;*/
}


/*.bl-rtib33 .text-part,*/
.story .text-part {
  bottom: 0px;
  left: 0px;
}
/*.bl-rtib33 h3,*/
.story h3 {
  color: #fff;
}
.bl-story .story h3 {
  color: #000;
}



.bl-rtib .bg-img {
  position: relative;
  height: 100%;
}


.single_page_layout_related_RTIB25 .text-part/*,
.arkivsida .text-part */ {
  bottom:0;
  text-align: center;
  left: 0%;
  margin-left: 0px;
  top: 0%;
  
}

.arkivsida.single_page_layout_related_RTIB100 .text-part {
  width: 1140px; /*-40px kompensation för absolut position*/
  height:  469px;
  padding-top: 15%;
}

.arkivsida.single_page_layout_related_RTIB50 .text-part {
  /*width: 555px;*/ /*-40px kompensation för absolut position*/
  /*height: 555px;
  padding-top: 35%;*/
}

.single_page_layout_related_RTIB25 .text-part {
  width: 277px;  /*0px kompensation för absolut position*/
  height: 277px;
  padding-top: 40%;
}

.arkivsida.single_page_layout_related_RTIB100 h2,
.arkivsida.single_page_layout_related_RTIB50 h2 {
  font-size: 5.0rem;
}


.single_page_layout_related_RTIB25 .text-part a { 
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 35px;
  text-align: right;
}

.single_page_layout_related_RTIB25.nyhet .text-part { 
  bottom: 20px;
  left: 20px;
  right: 0;
  padding-top: 0;
  top: auto !important;
  width: 257px; /*-20px kompensation för absolut position*/
  height: auto;
  text-align: left !important;
}

.single_page_layout_related_RTIB25.nyhet .text-part h2 {
  font-size: 1.25rem /*28px*/;
}



/*====== IN USE ======*/
.bl-oddevencolor .bl-rtib:nth-child(2) .text-on-image,
.bl-oddevencolor .bl-rtib:nth-child(3) .text-on-image,
.bl-oddevencolor .bl-rtib:nth-child(6) .text-on-image {
  background-color:rgba(0,0,0,0.3);
  -webkit-transition: background-color 300ms ease 0ms;
  transition: background-color 300ms ease 0ms; 
}
.bl-oddevencolor .bl-rtib:nth-child(2) .text-on-image:hover,
.bl-oddevencolor .bl-rtib:nth-child(3) .text-on-image:hover,
.bl-oddevencolor .bl-rtib:nth-child(6) .text-on-image:hover {
  background-color:rgba(0,0,0,0.5);
}


/*====== FULL COLOR ======*/
.bl-rtib .text-on-image {
  position: absolute;
  left: 0;
  background-color:rgba(0,0,0,0);
  height: 100%;
  -webkit-transition: background-color 300ms ease 0ms;
  transition: background-color 300ms ease 0ms; 
}
.bl-rtib .text-on-image:hover {
  background-color:rgba(0,0,0,0.3);
}

/*====== GRADIENT ======*/
.bl-rtib .text-on-image {
  position: absolute;
  height: 42% !important; /*för att ge en platta*/
  bottom: 0;
  left: 0;

  background: -moz-linear-gradient(top, rgba(168,171,129,0.8) 0%, rgba(168,171,129,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(168,171,129,0.8) 0%,rgba(168,171,129,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(168,171,129,0.8) 0%,rgba(168,171,129,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6a8ab81', endColorstr='#e6a8ab81',GradientType=0 ); /* IE6-9 */

  height: 100%;
  -webkit-transition: background-color 300ms ease 0ms;
  transition: background-color 300ms ease 0ms;

  opacity: 0.5;
}
.bl-rtib .text-on-image:hover {

  background: -moz-linear-gradient(top, rgba(168,171,129,0.6) 0%, rgba(168,171,129,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(168,171,129,0.6) 0%,rgba(168,171,129,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(168,171,129,0.6) 0%,rgba(168,171,129,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6a8ab81', endColorstr='#e6a8ab81',GradientType=0 ); /* IE6-9 */

  opacity: 1;
}


/* =====================     TPK33 Text på knapp     ========================== */

/*==== Knappbox ====*/
.knapp a  {
  display: block;
  font-weight: 700; 
  color: #a8ab81;
  background-color: #999;
  -webkit-transition: background-color 300ms ease 0ms;
  transition: background-color 300ms ease 0ms;
}
.knapp a:hover  {
  background-color: #555;
  color:#fff;
}

ul.knapp  {list-style: none;}
ul.knapp li a  {
  width: 100%;
  /*color: #b9ae85;*/
  background-color: #f3efda;
  font-family: abril-text, Arial;
  font-weight: 700;
  font-style: italic;
  text-align: right;
  font-size: 1.2em;
  }

/*==== Enkel knappbox ====*/
.knapp.knapp-box a  {
  display: block;
  font-weight: 700;
}
.knapp.knapp-box a:hover  { background-color: none; color:#860331;}

ul.knapp  {list-style: none;}
ul.knapp.knapp-box li  {
  width: 100%;
  color: #a8ab81;
  background-color: #f6f7f3;
}
ul.knapp.knapp-box p  {
  font-family: abril-text, Arial;
  font-style: italic;
}
ul.knapp.knapp-box li a  {
  width: 100%;
  /*color: #a8ab81;*/
  background-color: transparent;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: left;
  font-size: 1.0em;
  }
ul.knapp.knapp-box li a:hover  {
  
}

ul.knapp.knapp-box li.enkel-link a  {
  font-weight: 400;
}