/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 







/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	
}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {

}




/*------------------------------------- Anpassning av fontfamiljer --------------------------------------------*/



h1,
h1 a {
	font-family: helvetica-neue-pro;
	font-weight: 700;
	line-height: 120%;

}

h2, 
h2 a {
	font-family: helvetica-neue-pro;
	font-weight: 700;
	line-height: 120%;
}


h3,
h3 a {
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height: ;
}

h4,
h4 a {
	font-family: helvetica-neue-pro;
	font-weight: 700;
	line-height: ;
}

h5,
h5 a{
	font-family: helvetica-neue-pro;
	font-weight: 700;
	line-height: ;
}

h6, 
h6a {
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height: ;
}

.courier h1,
.courier h1 a,
.courier h2,
.courier h2 a,
.courier h3,
.courier h3 a,
.courier h4,
.courier h4 a,
.courier h5,
.courier h5 a,
.courier h6,
.courier h6 a,
.courier p,
.courier p a
{
	font-family: "courier-std", monospace !important;
}




p, li, ul, .och-text {
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height:120%;
	
}

.fl-main-content a span {
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height:120%;
	
}

.fl-button-wrap a   {
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height:120%;
}

.menu-item a { 
	font-family: helvetica-neue-pro;
	font-weight: 400;
	line-height:120%;
}


/*------------------------------------- Här ställer du in fonternas storlek i olika responsiva enheter --------------------------------------------*/

/*FONTER STORLEKSANPASSNING - STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {

	h1,
	h1 a {
		font-size:3.5rem;
	}

	.h1-langre-rubrik h1 {
		font-size:3.5rem;
	}

	h2,
	h2 a {
		font-size:3.5rem;
	}

	.mindre-h2a h2 {
		font-size:2.6rem;
		font-weight:400;
	}

	h3,
	h3 a {
		font-size:2.6rem;
	}

	h4,
	h4 a {
		font-size:2.6rem;
	}

	h5,
	h5 a {
		font-size:2.4rem;
	}

	h6,
	h6 a {
		font-size:2.2rem;
	}

	.rubrik-rad h1,
	.rubrik-rad h2,
	.rubrik-rad h3 {
		font-size:3.5rem;
	}

	.fl-builder-content p,
	.fl-builder-content p a,
	.fl-builder-content p span,
	.fl-builder-content li,
	.fl-builder-content li a,
	.fl-builder-content li span,
	.fl-builder-content ul,
	.fl-builder-content ul a,
	.fl-builder-content ul span,
	.och-text {
		font-size:1.8rem !important;
	}
}


/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {

	h1,
	h1 a {
		font-size:3.5rem;
	}

	.h1-langre-rubrik h1 {
		font-size:3.5rem;
	}

	h2,
	h2 a {
		font-size:3rem;
	}

	.mindre-h2a h2 {
		font-size:2.4rem;
	}

	h3,
	h3 a {
		font-size:2.4rem;
	}

	h4,
	h4 a {
		font-size:2.2rem;
	}

	h5,
	h5 a {
		font-size:2.1rem;
	}

	h6,
	h6 a {
		font-size:2.1rem;
	}

	.rubrik-rad h1,
	.rubrik-rad h2,
	.rubrik-rad h3 {
		font-size:3.5rem;
	}

	.fl-builder-content p,
	.fl-builder-content p a,
	.fl-builder-content p span,
	.fl-builder-content li,
	.fl-builder-content li a,
	.fl-builder-content li span,
	.fl-builder-content ul,
	.fl-builder-content ul a,
	.fl-builder-content ul span,
	.och-text {
		font-size:1.8rem !important;
	}
}


/*FONTER STORLEKSANPASSNING - SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {

	h1,
	h1 a {
		font-size:3.5rem;
	}

	.h1-langre-rubrik h1 {
		font-size:3.5rem;
	}

	h2,
	h2 a {
		font-size:2.6rem;
	}

	.mindre-h2a h2 {
		font-size:2.2rem;
	}

	h3,
	h3 a {
		font-size:2.2rem;
	}

	h4,
	h4 a {
		font-size:2.2rem;
	}

	h5,
	h5 a {
		font-size:2.6rem;
	}

	h6,
	h6 a {
		font-size:2.2rem;
	}

	.rubrik-rad h1,
	.rubrik-rad h2,
	.rubrik-rad h3 {
		font-size:3.5rem;
	}

	.fl-builder-content p,
	.fl-builder-content p a,
	.fl-builder-content p span,
	.fl-builder-content li,
	.fl-builder-content li a,
	.fl-builder-content li span,
	.fl-builder-content ul,
	.fl-builder-content ul a,
	.fl-builder-content ul span,
	.och-text {
		font-size:1.8rem !important;
	}
}


/*FONTER STORLEKSANPASSNING - MOBILER*/
@media only screen and (max-width: 768px) {

	h1,
	h1 a {
		font-size:3.5rem;
	}

	.h1-langre-rubrik h1 {
		font-size:3rem;
	}

	h2,
	h2 a {
		font-size:2.6rem;
	}

	.mindre-h2a h2 {
		font-size:2.2rem;
	}

	h3,
	h3 a {
		font-size:2.2rem !important;
	}

	h4,
	h4 a {
		font-size:2.1rem;
	}

	h5,
	h5 a {
		font-size:2.1rem;
	}

	h6,
	h6 a {
		font-size:1.9rem;
	}

	.rubrik-rad h1,
	.rubrik-rad h2,
	.rubrik-rad h3 {
		font-size:3.5rem;
	}

	.fl-builder-content p,
	.fl-builder-content p a,
	.fl-builder-content p span,
	.fl-builder-content li,
	.fl-builder-content li a,
	.fl-builder-content li span,
	.fl-builder-content ul,
	.fl-builder-content ul a,
	.fl-builder-content ul span,
	.och-text {
		font-size:1.6rem !important;
	}
}



/*------------------------------------- Knappar --------------------------------------------*/


/*FONTER STORLEKSANPASSNING - Allt utom MOBILER*/
@media only screen and (min-width: 769px) {
.svart-knapp a,
.svart-knapp a span,
.svart-knapp button,
.vit-knapp a,
.vit-knapp a span,
.vit-knapp button,
.mot-mork a,
.mot-mork a span,
.mot-mork button,
.mot-ljus a,
.mot-ljus a span,
.mot-ljus button,
.wpcf7-submit.mot-ljus,
.wpcf7-submit.mot-ljus span {
	padding-block:5px !important;
	padding-left:0px !important;
	border-radius: 0px !important;
	margin-top: 5px;
	
}
}

/*FONTER STORLEKSANPASSNING - MOBILER*/
@media only screen and (max-width: 768px) {
.svart-knapp button,
.vit-knapp button,
.mot-ljus button,
.mot-mork button,
.wpcf7-submit.mot-ljus,
.wpcf7-submit.mot-ljus span {
	padding-block:5px !important;
	padding-inline:0px !important;
	border-radius: 0px !important;
	margin-top: 5px;
	
}
}
/* Grundstil: endast text, utan bakgrund */
.mot-ljus a,
.mot-ljus button,
.wpcf7-submit.mot-ljus,
.wpcf7-submit.mot-ljus span {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: none;
  cursor: pointer;
}

/* Texten */
.mot-ljus a span,
.mot-ljus button span,
.wpcf7-submit.mot-ljus,
.wpcf7-submit.mot-ljus span {
  position: relative;
  display: inline-block;
  color: #2D2E2E !important;
  font-weight: 700;
  font-size: 1.8rem;
  transition: color 0.3s ease;
}

/* Understrecket */
.mot-ljus a span::after,
.mot-ljus button span::after,
.wpcf7-submit.mot-ljus span::after 
{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px; /* avstånd från texten */
  height: 1px;
  width: 100%;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease;
}

/* Hover-effekt */
.mot-ljus a:hover span::after,
.mot-ljus button:hover span::after,
.wpcf7-submit.mot-ljus:hover span::after {
  transform: scaleX(1);
}

/* Valfritt: färgförändring på text vid hover */
.mot-ljus a:hover span,
.mot-ljus button:hover span,
.wpcf7-submit.mot-ljus:hover span {
  color: #2D2E2E !important; /* behåll samma färg eller byt till annan */
}



/* Knapp mot mörk */

.ladda-fler-knapp .pp-content-grid-load-more a,
.seo-knapp-mot-mork a,
.mot-mork a,
.mot-mork button,
.pp-accordion-content button {
	background:#fbcbab !important; 
	border:solid 1px #fbcbab !important;
}


.ladda-fler-knapp .pp-content-grid-load-more a,
.seo-knapp-mot-mork a span,
.mot-mork a span,
.mot-mork button,
.pp-accordion-content button {
	color:#2D2E2E !important; 
}

.ladda-fler-knapp .pp-content-grid-load-more a:hover,
.seo-knapp-mot-mork a:hover,
.mot-mork a:hover,
.mot-mork button:hover,
.pp-accordion-content button:hover {
	background:white !important; 
	border:solid 1px #fbcbab !important;
}

.ladda-fler-knapp .pp-content-grid-load-more a:hover,
.seo-knapp-mot-mork a:hover span,
.mot-mork a:hover span,
.mot-mork button:hover,
.pp-accordion-content button:hover {
	color:#2D2E2E !important; 
}


/* Vit Outline-knapp*/

.vit-knapp a,
.vit-knapp button {
	background:none !important; 
	border:solid 1px white !important;
}



.vit-knapp a span,
.vit-knapp button {
	color:white !important; 
	text-align: center;
	
}


.vit-knapp a:hover,
.vit-knapp button:hover {
	background:white !important; 
	border:solid 1px white !important;
}


.vit-knapp a:hover span,
.vit-knapp button:hover {
	color:#2D2E2E !important; 
}

/* Svart Outline-knapp*/

.svart-knapp a,
.svart-knapp button {
	background:none !important; 
	border:solid 1px #2D2E2E !important;
}

.svart-knapp a span,
.svart-knapp button {
	color:#2D2E2E !important; 
}

.svart-knapp a:hover,
.svart-knapp button:hover {
	background:#2D2E2E !important; 
	border:solid 1px #2D2E2E !important;
}

.svart-knapp a:hover span,
.svart-knapp button:hover {
	color:white !important; 
}


/*------------------------------------- Header --------------------------------------------*/




.fl-theme-builder-header-shrink .scrolled-header img{
  
	filter: invert(0);
	transition: filter 1s ease;
}




.fl-theme-builder-header-shrink .scrolled-header > .fl-row-content-wrap {
	background-color:#FCCBAB !important; 
	
}



.fl-theme-builder-header-shrink-module-bottom, 
.fl-theme-builder-header-shrink-module-top {
	margin-left:0px !important;
}


/*MEDIASCREEN NER TILL MOBILER*/
@media only screen and (min-width: 769px) {
	.visa-mobil {
	display:none !important; 
	}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	
	
	.gom-mobil {
	display:none !important; 
	}
}





/*------------------------------------- Söket --------------------------------------------*/

.fl-search-post-item {
	display:flex;
	align-items:center;
}

.fl-search-post-item a{
	font-size:20px;
}

/*------------------------------------- Generellt --------------------------------------------*/

.hide {
	display: none;
}


.wpb_category_n_menu_accordion_list a {
    display: flex;
    align-items: center;
}

.wpb-wmca-cat-name {
    order: 1; /* Se till att texten visas först */
}

.wpb-submenu-indicator {
    order: 2; /* Flyttar indikatorn efter texten */
    margin-left: 0px; /* Skapa mellanrum om nödvändigt */
}

.wpb_category_n_menu_accordion span.wpb-submenu-indicator {
	width:10px !important;
}

.wpb_wmca_theme_minimal > ul > li > a {
	gap:10px;
}


.underline {
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color:currentColor;
text-underline-offset:12px;
transition: 0.5s;
}

.underline:hover {
transition: 0.5s;
text-underline-offset:16px;
}


/*MEDIASCREEN STOR DATOR & BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) {

.rad-innehall {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

.rad-innehall-no-bottom-padding {
	padding-left:15px;
	padding-right:15px;
}
	

.kolumn-header {
	padding-inline:60px;
	padding-block:15px !important;
}

.kolumn-rubrikrad {
	padding-inline:60px;
	padding-top:60px;
}

.kolumn-helrad {
	padding-inline:60px;
	padding-block:3vw;
}
	
	.kol-pad-inl {
	padding-inline:60px;
}


.kolumn-halvrad {
	padding-inline:60px;
	padding-block:3vw;
}

}
	
/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {

.rad-innehall {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

.rad-innehall-no-bottom-padding {
	padding-left:15px;
	padding-right:15px;
}
	


.kolumn-header {
	padding-inline:20px;
	padding-block:20px;
}

.kolumn-rubrikrad {
	padding-inline:20px;
	padding-top:50px;
}

.kolumn-helrad {
	padding-inline:20px;
	padding-block:3vw;
}
	
	.kol-pad-inl {
	padding-inline:20px;
}


.kolumn-halvrad {
	padding-inline:20px;
	padding-block:3vw;
}

}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	
.rad-innehall {
	padding-left:10px !important;
	padding-right:10px !important;
	padding-bottom:10px !important;
}
	
.rad-innehall-no-bottom-padding {
	padding-left:10px;
	padding-right:10px;
}
	

	
.kolumn-header {
	padding-inline:20px;
	padding-block:5px;
}

	
.kolumn-rubrikrad {
	padding-inline:20px;
	padding-top:30px;
}

.kolumn-helrad {
	padding-inline:20px;
	padding-top:20px;
	padding-bottom:25px;
}
	
.kol-pad-inl {
	padding-inline:20px;
}
	
.kolumn-halvrad {
	padding-inline:20px;
	padding-top:20px;
	padding-bottom:25px;
	
}

}





/*Dragspel*/

.pp-accordion-item:hover .pp-accordion-button-icon,
.pp-accordion-item:hover h6{
	color:#FBCBAB !important;
}


.dragspel-huvud-div .efter-hover {
	display:none;
}

.pp-accordion-item:hover .dragspel-huvud-div .innan-hover {
	display:none;
}

.pp-accordion-item:hover .dragspel-huvud-div .efter-hover {
	display:block;
}


.pp-accordion-button-icon.pp-accordion-icon-right {
	padding-left:20px !important;
}

.dragspel-bild-div {
	min-width:30px !important;
}

.dragspel-huvud-div img {
	height:30px !important;
	width:30px !important;
	filter:invert(1);
}

.dragspel-text-div {
	margin-left:30px;
}

.dragspel-huvud-div {
	display:flex;
	 align-items: center;
}

/*dragspelet-människor-om-mig*/
.dragspel-om-manniska .dragspel-text-div {
	margin-left:10px;
}

.dragspel-om-manniska .pp-accordion-content {
	padding-left:0px !important;
}

/*UNDERLINE-knapp*/

.understruken-lank span,
.understruken-lank a {
	text-decoration-line: underline !important;
	text-decoration-style: solid;
	text-decoration-color:currentColor;
	text-decoration-thickness:2px;
	text-underline-offset:0.1em;
	background:none;
	border:none;
	margin:0px;
	padding:0px !important;
	transition: all 0.5s ease-out;
}



.no-underline,
.no-underline a {
	text-decoration:none;
}

.ladda-fler-knapp .pp-content-grid-load-more a{
	width:100%;
	border-radius:0px !important;
}


a .fl-module:hover {
  cursor: pointer !important;
}


.svart-vit img,
.svart-vit video {
	  filter: grayscale(100%);
	transition: all 3s ease-out;
}

.svart-vit:hover img,
.svart-vit:hover video
{
	  filter: grayscale(0%);
	
	transition: all 0.3s ease-out;
}

.h3-marginaler h3 {
	margin-bottom:0px;
}


/*------------------------------------- Tjänsterna-startsidan --------------------------------------------*/

.tjansterna-arkiv-text-div h3 {
    color:white;
	font-weight: 700;
	font-size: 3rem;
	
}

a   {
    text-decoration: none !important;
}

.tjansterna-arkiv-huvud-div {
     background: rgba(106,180,169,1) !important;
}

.tjansterna-arkiv-huvud-div .tjansterna-arkiv-text-div {
    z-index: 1;
    position: relative;
    text-align: left;
    color: #6ab4a9;
	 top: 50px;
	 transform: translateY(-50%);
    padding-left: 60px;
    width: 100%;
	display: inline-block; /* bredd = titelns bredd */
  	background: transparent;
  
}

/* Själva H2: bara så bred som texten */
 .tjansterna-arkiv-text-div h3 {
  position: relative;     /* behövs för ::after */
  margin: 0;
  display: inline-block;  
  color: #fff;
}

/* Understreck – längd = H2-bredd */
 .tjansterna-arkiv-text-div h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 2px;
  width: 100%;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
}
.tjansterna-arkiv-huvud-div:hover .tjansterna-arkiv-text-div h3::after {
  transform: scaleX(1);
}

.pp-category {
	transition: all 0.5s ease-out;
	
}



/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	.tjansterna-arkiv-huvud-div {
    min-height: 220px;
}
}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	.tjansterna-arkiv-huvud-div {
    min-height: 200px;
}
	.tjansterna-arkiv-huvud-div .tjansterna-arkiv-text-div {
		top:50px;
	}
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
	.tjansterna-arkiv-huvud-div .tjansterna-arkiv-text-div {
    padding-left: 20px;
   top: 45px;
}

	
	.tjansterna-arkiv-huvud-div {
    min-height: 150px;
		
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
		
	.tjansterna-arkiv-huvud-div .tjansterna-arkiv-text-div {
    padding-left: 20px; 
		top:45px;
}	
	.tjansterna-arkiv-huvud-div {
    min-height: 120px;		
}
}

/*---------------Kundrecensioner - Startsida------------------*/
a:hover .kund-recensioner {
 color: #0A0505;   
}

.kund-recensioner-huvud-div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-content: center;  
    gap: 10px;  
}

.kund-recensioner-text {
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center; 
    text-align: left;
}

.kund-recensioner-text-innehall {
    font-style: italic;
}

.kund-recensioner-text-avsandare {
 margin-bottom: 0px;
 text-align: left;   
}


 /* Själva bildspelet och dess innehåll fyller ut */
 .bildspel-rad .bildspel,
.bildspel .fl-slideshow-container,
.bildspel .fl-module-content,
.bildspel .fl-slideshow-base,
.bildspel .fl-slideshow-frame,
.bildspel .fl-slideshow-main-image,
.bildspel .fl-slideshow-image,
.bildspel .fl-slideshow-image-content,
.bildspel .fl-slideshow-image {
  
  height: 100% !important;
  
}

.bildspel img {
	object-fit: cover !important;
	top: 0px !important;
	left: 0px !important;
	width:100% !important;
	height: 100% !important;
}		

@media and (max-width: 1099px) {

.bildspel .fl-slideshow-container,
.bildspel .fl-module-content,
.bildspel .fl-slideshow-base,
.bildspel .fl-slideshow-frame,
.bildspel .fl-slideshow-main-image,
.bildspel .fl-slideshow-image,
.bildspel .fl-slideshow-image-content,
.bildspel .fl-slideshow-image {
    height: auto !important;
   
  }

  .bildspel img {
    position: relative !important;
    height: auto !important;
    
    object-fit: cover !important;
  }
}

/*------------------------------------- Uppdrag-arkiv-vy --------------------------------------------*/

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	.post-4428 {
		display:none;
	}
}

a {
    text-decoration: none !important;
}

.uppdrag-arkiv-huvud-div {
    width: auto;
    aspect-ratio: 2000 / 1200; /* Adjust the ratio to match your background image */
    display: flex;
    align-items: end;
    background-position: center;
    padding:0px;
    background-size: cover;
}

.uppdrag-arkiv-text-div {
    padding-bottom:0px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 80px;
    width: 100%;
}

.uppdrag-arkiv-text-div h4 {
    color:white;
    margin-bottom:-600px;
    transition-duration: 1s;
	font-size:2.0rem;
}

.uppdrag-arkiv-huvud-div .uppdrag-arkiv-text-div {
    background: rgba(0,0,0,0);
	transition-duration: 1s;
}

.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div {
    opacity: 1;
    background: rgba(106,180,170,0.95);
	transition-duration: 1s;
}


.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div h4 {
    margin-bottom:0px;
	padding-bottom:10px;
	transition-duration: 0.5s;
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {

.uppdrag-arkiv-huvud-div {
    height:300px;
}
	
	.uppdrag-arkiv-text-div h4 {
    	margin-bottom:0px;
		font-size:1.6rem;
		color:white;
}
	.uppdrag-arkiv-huvud-div .uppdrag-arkiv-text-div {
		background: rgba(106,180,169,0.8);
	}
	
	.uppdrag-arkiv-text-div {
    padding-bottom:5px;
    padding-left: 20px;
    padding-top: 0px;
    padding-right: 30px;
}

.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div {
		background: rgba(251,203,171,0.8);
	}
.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div h4 {
    color:#2D2E2E;
	}
	
	.akriv-filter-dragspel-surfplatta-mobil .pp-accordion-button
	{
		padding-inline:20px;
	}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
.uppdrag-arkiv-huvud-div {
    height:250px;
}
	
.uppdrag-arkiv-text-div h4 {
    	margin-bottom:0px;
		font-size:1.6rem;
		color:white;
}
	
.uppdrag-arkiv-huvud-div .uppdrag-arkiv-text-div {
		background: rgba(106,180,169,0.8);
	}
	
.uppdrag-arkiv-text-div {
    padding-bottom:5px;
    padding-left: 20px;
    padding-top: 0px;
    padding-right: 30px;
}
	
.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div {
		background: rgba(251,203,171,0.8);
	}
.uppdrag-arkiv-huvud-div:hover .uppdrag-arkiv-text-div h4 {
    color:#2D2E2E;
	}
	
.akriv-filter-dragspel-surfplatta-mobil .pp-accordion-button
	{
		padding-inline:20px;
	}

}




/*------------------------------------- Uppdrag singel --------------------------------------------*/

.youtube-lank {
	min-width:100% !important;
}

/*film*/
.case-film {
	width:100%;
	display: block;
	
	
}

.hide-before-hover {
	opacity: 0;
	transition: all 0.7s ease-out;
	
	transform: scale(0.3);
}

.hover-text:hover .hide-before-hover {
	opacity: 100;
	transition: all 0.7s ease-out;
	
	transform: scale(1);
}


.hover-text h2 {
	opacity: 100;
	transition: all 0.4s ease-out;
	
	text-decoration:none !important;
}


.hover-text:hover h2 {
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.4s ease-out;
	text-decoration:none !important;
	letter-spacing: 1.5rem;
}

/*------------------------------------- Tjänsterna Singel ! --------------------------------------------*/

.dragspel-tjanster button {
	
	padding:18px 15px 15px 15px 
}

.dragspel-tjanster .pp-accordion-button-label:before{
content: "";
display: inline-block;
background: url(/wp-content/uploads/2024/11/003-next.png.webp) no-repeat;
width: 23px;
background-size: contain;
height: 23px;
margin-right:5px !important;
filter:invert(1);
margin-bottom:-5px;
}

.dragspel-tjanster .pp-accordion-button-label {
	font-size:2.0rem;
	font-weight:700;
	display:inline;
}




.dragspel-tjanster .pp-accordion-content button {
	margin-top: 10px;
}

.dragspel-tjanster .pp-accordion-content {
	margin-top:10px;
}

.dragspel-tjanster .pp-accordion-item {
	margin-bottom:5px;
}


/*ACCORDIANS*/
.dragspel-tjanster .pp-accordion-content {
	padding-left:0px !important;
}

.dragspel-tjanster .fl-builder-content {
	padding-top:10px !important;
}


.tjanster-langre-besk-huvud-div {
	display:flex;
	margin-bottom:15px;
	gap:15px;
	
}

.tjanster-langre-besk-huvud-div:nth-child(odd) {
	flex-direction: row-reverse;
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (max-width: 1099px) {

.tjanster-langre-besk-huvud-div {
	display:block !important;
}
.tjanster-langre-besk-text-div,
.tjanster-langre-besk-bild-div  {
	display:block !important; 		
}
	

}


/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	.tjanster-langre-besk-bild-div {
	min-height:300px !important;
}
	.tjanster-langre-besk-huvud-div {
	margin-bottom:15px;
	gap:0px;
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	
	.tjanster-langre-besk-huvud-div {
	margin-bottom:10px;
	gap:0px;
}
	
.tjanster-langre-besk-bild-div {
	min-height:250px !important;
}
}
    
.tjanster-langre-besk-text-div,
.tjanster-langre-besk-bild-div  {
	display:inline-block; 
  	flex: 50%; 
	align-self: stretch;
}

    
.tjanster-langre-besk-bild-div {
  	background-repeat: no-repeat;
	background-position: center;
	min-height:500px;
	background-size: cover;
}



.tjanster-langre-besk-huvud-div h1,
.tjanster-langre-besk-huvud-div h2,
.tjanster-langre-besk-huvud-div h3,
.tjanster-langre-besk-huvud-div h4,
.tjanster-langre-besk-huvud-div h5,
.tjanster-langre-besk-huvud-div h6,
.tjanster-langre-besk-huvud-div p,
.tjanster-langre-besk-huvud-div a
{
	color:inherit !important;
}




/*------------------------------------- Uppdragsgivare arkiv --------------------------------------------*/

.kundlista-inline .pp-content-post-grid {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;

	row-gap: 5px;
}

.kundlista-inline .pp-content-post {
  width: auto;
  display: inline-flex;
  align-items: baseline;
}

.uppdragsgivare-arkiv p {
  margin: 0px;
  display: inline;
}

.comma-or-and {
  display: inline;
  margin-right: 5px;
}

.och-text {
	margin-left: 5px;
}
/*------------------------------------- Uppdragsgivare singel --------------------------------------------*/





.gom-dragspel .fl-accordion-button {
  display: none;
}


.uppdragsgivare-logo img {
	padding: 20px;
	background:white;
}

	.uppdragsgivare-logotyp img {
		
		object-fit:contain;
}


.uppdragsgivare-hero-raden h2,
.uppdragsgivare-hero-raden h3 {
    
  -webkit-text-fill-color: white !important;
  -webkit-text-stroke: 0.5px black !important;
	padding:0px !important;
	margin:0px !important;

	}

.uppdragsgivare-hero-raden h3 {
		font-weight:800;
	}



/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	
	.uppdragsgivare-logotyp img {
		max-height:200px !important;
	}
	
	.uppdrag-rubrik-padding h2 {
		font-size:5.0rem;
	}
	
	.uppdrag-rubrik-padding p {
		font-size:2.4rem !important;
	}
	
	.uppdrag-rad {
		padding-block:80px;
	}
	
	.uppdrag-rubrik-padding {
		padding-bottom:40px;
	}
	
	.uppdragsgivare-copy-text {
		padding-top:40px;
	}
	
	.uppdragsgivare-tillaggs-text-under-video  {
		padding-top:20px;
	}
	
	.uppdragsgivare-hero-raden .fl-row-content-wrap {
		min-height:70vh !important;
	}
	
	.uppdragsgivare-hero-raden h2 {
		font-size:9.0rem !important;
		letter-spacing:0.2rem;
		margin-bottom:-2.2rem !important;
	}
	
		
	.uppdragsgivare-hero-raden h3 {
		font-size:4.0rem !important;
		letter-spacing:0.1rem;
	}
}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	
	.uppdragsgivare-logotyp img {
		max-height:200px !important;
	}
	
	.uppdrag-rubrik-padding h2 {
		font-size:6.0rem;
	}
	
	.uppdrag-rubrik-padding p {
		font-size:2.5rem !important;
	}
	
	.uppdrag-rad {
		padding-block:80px;
	}
	
	.uppdrag-rubrik-padding {
		padding-bottom:40px;
	}
	
	.uppdragsgivare-copy-text {
		padding-top:40px;
	}
	
	.uppdragsgivare-tillaggs-text-under-video  {
		padding-top:20px;
	}

	.uppdragsgivare-hero-raden .fl-row-content-wrap {
		min-height:70vh !important;
	}
	
		.uppdragsgivare-hero-raden h2 {
		font-size:9.0rem !important;
		letter-spacing:0.2rem;
		margin-bottom:-1.4rem !important;
	}
	
	.uppdragsgivare-hero-raden h3 {
		font-size:2.5rem !important;
		letter-spacing:0.1rem;
	}
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
	.uppdragsgivare-logotyp img {
		max-height:150px !important;
	}
	
	.uppdrag-rubrik-padding h2 {
		font-size:4.0rem;
	}
	
	.uppdrag-rubrik-padding p {
		font-size:2.2rem !important;
	}
	
	.uppdrag-rad {
		padding-block:40px;
	}
	
	.uppdrag-rubrik-padding {
		padding-bottom:40px;
	}
	
	.uppdragsgivare-copy-text {
		padding-top:40px;
	}
	
	.uppdragsgivare-tillaggs-text-under-video  {
		padding-top:20px;
	}
	
	.uppdragsgivare-hero-raden .fl-row-content-wrap {
		min-height:70vh !important;
	}
	
	.uppdragsgivare-hero-raden h2 {
		font-size:5.0rem !important;
		letter-spacing:0.15rem;
		margin-bottom:-0.5rem !important;
	}
	
	.uppdragsgivare-hero-raden h3 {
		font-size:2.5rem !important;
		letter-spacing:0.08rem;
	}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {

	.uppdragsgivare-logotyp img {
		max-height:110px !important;
	}
	
	.uppdrag-rubrik-padding h2 {
		font-size:3.0rem;
	}
	
	.uppdrag-rubrik-padding p {
		font-size:1.8rem !important;
	}
	
	.uppdrag-rad {
		padding-block:50px;
	}
	
	.uppdrag-rubrik-padding {
		padding-bottom:20px;
	}
	
	.uppdragsgivare-copy-text {
		padding-top:40px;
	}
	
	.uppdragsgivare-tillaggs-text-under-video  {
		padding-top:20px;
	}
	
	.uppdragsgivare-hero-raden .fl-row-content-wrap {
		min-height:50vh !important;
	}
	
	.uppdragsgivare-hero-raden h2 {
		font-size:4.0rem !important;
		letter-spacing:0.1rem;
		margin-bottom:-0.5rem !important;
	}
	
	.uppdragsgivare-hero-raden h3 {
		font-size:2.5rem !important;
		letter-spacing:0.05rem;

	}
}



/*------------------------------------- Startsida --------------------------------------------*/



.hover-text-rad-lank:hover .hover-text-kolumn-lank  {
	padding-left: 80px;
	transition-duration: 1s;
}

.hover-text-rad-lank  .hover-text-kolumn-lank {
	transition: all 0.5s ease-out;
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	.hover-text-rad-lank:hover .hover-text-kolumn-lank  {
	padding-left: 30px;
}
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.hover-text-rad-lank:hover .hover-text-kolumn-lank  {
	padding-left: 30px;
}
}

.pp-dotnav {
	right: 27px !important;
}

.pp-categories {
	display:flex !important;
	gap:15px;
}


/*------------------------------------- Bloggen startsida --------------------------------------------*/

.blogg-startsida .pp-content-carousel-post {
	margin:0px !important;
}

.active:first-child {
	display:none !important;
}

.owl-item:nth-child(3) {
	padding-right:60px !important
}

/*------------------------------------- Människa arkiv --------------------------------------------*/
.manniskor-arkiv {
  text-align: center;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 10px;
  flex-direction: column;
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
}

/* Gör länken till full klickyta */
.manniskor-arkiv a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: inherit;
}

/* Namn (h5) */
.manniskor-arkiv h5 {
  margin: 0;

  color: #ffffff !important;
  transition: transform 0.4s ease, color 0.4s ease;
}

/* Titel (p) – dold först men med plats för animation */
.manniskor-arkiv p {
  opacity: 0;
  max-height: 0;
  transform: translateY(8px);
  overflow: hidden;
  transition:
    opacity 0.5s ease,
    transform 0.5s ease,
    max-height 0.5s ease;
  color: #6AB4A9;
  margin: 0;
}

/* Hover-effekt på hela boxen */
.manniskor-arkiv:hover h5 {
  transform: translateY(-6px);
  color: #2D2E2E !important;
}

.manniskor-arkiv:hover p {
  opacity: 1;
  max-height: 40px;
  transform: translateY(0);
  color: #2D2E2E !important;
}


/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (max-width: 1099px) {
	.manniskor-arkiv p {
		opacity:1;
	}
}

/*------------------------------------- Människa singel --------------------------------------------*/


.manniska .fl-col.fl-node-jodnc8vmpr23.fl-col-bg-color.fl-col-small.fl-col-small-custom-width {
  display: block;
}


.manniska .pp-video-player {
  float: right;
}

.manniska .video-container::after {

  display: block;
  clear: both;
}


/*------------------------------------  Arkiv --------------------------------------------*/


.arkiv-huvud-div {
    display: block;
    text-align: left;
}

.arkiv-huvud-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

.arkiv-bild-div,
.arkiv-text-div {
    display: inline-block;
}

.arkiv-text .fl-category {
	margin-top:5px !important;
}

.vit-text h1, 
.vit-text h2,
.vit-text h3,
.vit-text h4,
.vit-text h5,
.vit-text h6 { 
color:white !important;
}

.fet-text h1, 
.fet-text h2,
.fet-text h3,
.fet-text h4,
.fet-text h5,
.fet-text h6 { 
	font-weight:900;
}

.fet-text h1, 
.fet-text h2,
.fet-text h3,
.fet-text h4,
.fet-text h5,
.fet-text h6,
.fet-text span { 
	font-weight:900;
}



/*MEDIASCREEN NER TILL BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) {

	.grid-text-padding {
	padding-block:10px;
	padding-inline:30px;
}
	
}

/*MEDIASCREEN UPP TILL SURFPLATTOR*/
@media only screen and (max-width: 1099px) {
		.grid-text-padding {
	padding-block:10px;
	padding-inline:20px;
}
}


.fl-category span > span {
    color: black !important;
    font-size: 1.1rem;
    background-color: #FCCBAC;;
    padding: 5px 10px 5px 10px;
    align-items: center;
    width: fit-content;
    border-radius: 15px;
    margin-right: 3px;
	transition: all 0.4s ease-out;
}

.arkiv-huvud-div:hover .fl-category span > span {
    color: white !important;
    background-color: #6AB4AA !important;
	transition: all 0.4s ease-out;
}


/*------------------------------------- TJÄNSTER ARKIVSIDAN --------------------------------------------*/


.tjanster-arkiv-huvud-div {
    background: #6AB4AA;
  
    
}

.tjanster-arkiv-huvud-div h4 {
    color:white;
    
}




/*MEDIASCREEN NER TILL BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) {

.tjanster-arkiv-huvud-div {
    padding-inline: 10px;
    padding-top:20px;
    padding-bottom: 10px;
    
}
	
}

/*MEDIASCREEN UPP TILL SURFPLATTOR*/
@media only screen and (max-width: 1099px) {
	.tjanster-arkiv-huvud-div {
    padding-inline: 10px;
    padding-top:20px;
    padding-bottom: 10px;
    
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {

.tjanster-arkiv-huvud-div h4 {
    font-size: 1.8rem;
    
}
}

/*------------------------------------- Footer --------------------------------------------*/
input[type=text] {
	border-radius: 0px !important;
}



/*------------------------------------- SEO-layout --------------------------------------------*/

.seo-utvald-bild-alt-tagg {
	text-align:center;
}

.seo-utvald-bild-alt-tagg img {
	height:250px;
	width:250px;
	object-fit:cover;
	border-radius:50%;
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {

.seo-utvald-bild-alt-tagg img {
	height:250px;
	width:250px;
}
}


@media only screen and (min-width: 768px) {

.sticky {
position: sticky; 
position: -webkit-sticky; 
top: 100px; 
}
	
.sticky-meny {
position: sticky; 
position: -webkit-sticky; 
top: 200px; 
}
}