/*
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: 1201px) {
	
}

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

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

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

}



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


h1,
h1 a{
	font-family:playfair-display;
	font-weight: ;
	line-height: ;

}

h2,
h2 a {
	font-family:open-sans;
	font-weight:600;
	line-height:1.1;
}


h3,
h3 a,
.h3 {
	font-family:open-sans;
	font-weight:600;
	line-height:1.1;
}

h4,
h4 a {
	font-family:open-sans;
	font-weight:600;
	line-height: ;
}

h5,
h5 a {
	font-family:open-sans;
	font-weight:600;
	line-height: ;
}

h6,
h6 a {
	font-family:open-sans;
	font-weight:600;
	line-height: ;
}

	p,
	p a,
	li,
	li a,
	ul,
	ul a {
	font-family:open-sans;
	font-weight:400;
	line-height:1.5;
	
}

.fl-main-content a span {
	font-family:open-sans;
	font-weight:400;
	line-height:120%;
	
}

.fl-button-wrap a   {
	font-family:open-sans;
	font-weight:400;
	line-height:120%;
}

.menu-item a { 
	font-family:open-sans;
	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: 1201px) {
	
	h1,
	h1 a{
		font-size:45px;
		letter-spacing:1.5px;
	}
	
	h2,
	h2 a{
		font-size:40px;
	letter-spacing:0.3px;
		margin-bottom:20px;
		
	}
	
	h3,
	h3 a,
	.h3  {
		font-size:30px !important;
		letter-spacing:.0.3px;
		margin-bottom:15px;
	}
	
	h4,
	h4 a {
		font-size:28px;
	}
	
	h5,
	h5 a{
		font-size:25px;
	}
	
	h6,
	h6 a{
		font-size:22px;
	}
	
	.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 {
		font-size:18px;
		
	}
	
}



/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	h1,
	h1 a{
		font-size:45px;
		letter-spacing:1.5px;
	}
	h2,
	h2 a{
		font-size:40px;
	letter-spacing:0.3px;
		margin-bottom:20px;
		
	}
	
	h3,
	h3 a,
	.h3  {
		font-size:30px;
		letter-spacing:.0.3px;
		margin-bottom:15px;
	}
	
	h4,
	h4 a {
		font-size:28px;
	}
	
	h5,
	h5 a{
		font-size:25px;
	}
	
	h6,
	h6 a{
		font-size:22px;
	}
	
	.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 {
		font-size:18px !important;
	}
	
}

/*FONTER STORLEKSANPASSNING - SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	h1,
	h1 a{
		font-size:40px;
		letter-spacing:1.5px;
	}
	
	h2,
	h2 a{
		font-size:40px;
	letter-spacing:0.3px;
		margin-bottom:20px;
		
	}
	
	h3,
	h3 a,
	.h3  {
		font-size:30px;
		letter-spacing:.0.3px;
		margin-bottom:15px;
	}
	
	h4,
	h4 a {
		font-size:28px;
	}
	
	h5,
	h5 a{
		font-size:25px;
	}
	
	h6,
	h6 a{
		font-size:22px;
	}
	
	.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 {
		font-size:18px !important;
	}
}

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

	h1,
	h1 a{
		font-size:35px;
		letter-spacing:1.5px;
	}
	
	h2,
	h2 a{
		font-size:30px;
	letter-spacing:0.3px;
		margin-bottom:20px;
		
	}
	
	h3,
	h3 a,
	.h3  {
		font-size:28px;
		letter-spacing:.0.3px;
		margin-bottom:15px;
	}
	
	h4,
	h4 a {
		font-size:25px;
	}
	
	h5,
	h5 a{
		font-size:23px;
	}
	
	h6,
	h6 a{
		font-size:20px;
	}
	
	
	.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 {
		font-size:18px !important;
	}
	
	
}


/*------------------------------------- HEADER --------------------------------------------*/

/*Anpassning Advance Meny - hamburgemeny*/
.pp-advanced-menu .pp-menu-toggle {
	color: black !important;
}




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




.acc-knapp button {
	font-size: 16px;
        line-height: 1.2;
	    padding-inline: 60px;
	padding-block:12px;
	border-radius:90px;
}

.orange-knapp a,
.genomskinlig-orange a {
	border-radius:90px !important;
}


.orange-knapp a.fl-button,
.genomskinlig-orange a.fl-button  {
	padding-inline:60px;
}

/* orange-knapp */
.seo-knapp-mot-ljus a,
.orange-knapp a,
.orange-knapp button,
.woocommerce-message a,
#place_order,
.checkout-button {
	background:#F29401 !important; 
	border:solid 1px #F29401 !important; 
	
}

.seo-knapp-mot-ljus a span,
.orange-knapp a span,
.orange-knapp button,
.woocommerce-message a,
#place_order,
.checkout-button {
	color:black !important; 
}

.seo-knapp-mot-ljus a:hover,
.orange-knapp a:hover,
.orange-knapp button:hover,
.woocommerce-message a:hover,
#place_order:hover,
.checkout-button:hover {
	background:#EB5C25 !important; 
border:solid 1px #EB5C25 !important; 
}

.seo-knapp-mot-ljus a:hover span,
.orange-knapp a:hover span,
.orange-knapp button:hover,
.woocommerce-message a:hover,
#place_order:hover,
.checkout-button:hover {
	color:black !important; 
}


/* genomskinlig orange */
.seo-knapp-mot-mork a,
.genomskinlig-orange a,
.genomskinlig-orange button{
	background:none !important; 
	border:solid 1px #F29401 !important; 
}

.seo-knapp-mot-mork a span,
.genomskinlig-orange a span,
.genomskinlig-orange button{
	color:black !important; 
}

.seo-knapp-mot-mork a:hover,
.genomskinlig-orange a:hover,
.genomskinlig-orange button:hover {
	background:#F29401 !important; 
	border:solid 1px #F29401 !important; 
}

.seo-knapp-mot-mork a:hover span,
.genomskinlig-orange a:hover span,
.genomskinlig-orange button:hover {
	color:black !important; 
}


/*------------------------------------- Text-bakgrund --------------------------------------------*/




.text-bakgrund h1 {
	
	font-weight: bold;
  	display: inline;
  

 -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.tb-orange h1 {
	background: #f29400;
	color:white !important;
}

.tb-gron h1 {
	background: #B8CDCD;
	color:white;
}


/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1201px) {
.text-bakgrund h1  {
	
		font-size: 50px;
	  	padding-inline: 15px;
		padding-block: 0px;  
		line-height:1.3;

	}
}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.text-bakgrund h1  {
	
		font-size: 40px;  
		padding-inline: 15px;
		padding-block: 0px;  
		line-height:1.3;
}
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.text-bakgrund h1  {
	
		font-size: 40px;  
		padding-inline: 15px;
		padding-block: 0px;  
		line-height:1.3;
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
.text-bakgrund h1  {
	
		font-size: 30px;  
		padding-inline: 7px;
		padding-block: 0px;  
		line-height:1.3;
}
}

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

.pp-tabs-label:focus > .pp-tab-label-inner {
	outline:none;
}

.link-color-inherit a {
	color:inherit;
	text-decoration:none; 
}


/*------------------------------------- Singel-prod --------------------------------------------*/


body:has(.fl-theme-builder-header-sticky) .andra-summor {
    margin-top:140px !important;
	transition: all 1s ease-out;
	
}

/*------------------------------------- Kolumn-paddings --------------------------------------------*/




/*MEDIASCREEN EXTREMT STOR DATOR*/
@media only screen and (min-width: 2201px) {
	.hero-kol-text-v {
	padding-top:30vh;
	padding-bottom:30vh;
	padding-left:8vw;
	padding-right:30vw;
}
	
	.hero-kol-text-v-less-block {
	padding-top:10vh;
	padding-bottom:10vh;
	padding-left:8vw;
	padding-right:30vw;
}
	
	.hero-kol-inl {
	padding-inline:8vw;
}
	

	
}

/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1201px) and (max-width: 2200px) {
	.hero-kol-text-v {
	padding-top:30vh;
	padding-bottom:30vh;
	padding-left:8vw;
	padding-right:50vw;
}
	.hero-kol-text-v-less-block {
	padding-top:10vh;
	padding-bottom:10vh;
	padding-left:8vw;
	padding-right:50vw;
}
	
.hero-kol-inl {
	padding-inline:8vw;
	padding-block: 3vw;
}

	
}


/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1201px) {
	
.helrad-kol {
	padding-top:7vh;
	padding-bottom:7vh;
	padding-left:8vw;
	padding-right:8vw;
}
	
.kol-60-text-v .fl-col-content {
	padding-top:7vh;
	padding-bottom:7vh;
	padding-left:8vw;
	padding-right:5vw;
}

.kol-60-text-h .fl-col-content {
	padding-top:7vh;
	padding-bottom:7vh;
	padding-left:5vw;
	padding-right:8vw;
}
	
.kol-40-text-v .fl-col-content {
	padding-top:7vh;
	padding-bottom:7vh;
	padding-left:8vw;
	padding-right:5vw;
}

.kol-40-text-h .fl-col-content {
	padding-top:7vh;
	padding-bottom:7vh;
	padding-left:5vw;
	padding-right:8vw;
}



}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
.hero-kol-text-v {
	padding-top:25vh;
	padding-bottom:25vh;
	padding-left:7vw;
	padding-right:40vw;
}
	
.hero-kol-text-v-less-block {
	padding-top:10vh;
	padding-bottom:10vh;
	padding-left:7vw;
	padding-right:40vw;
}
	
.hero-kol-inl {
	padding-inline:7vw;
	padding-block: 2vw;
}
	
.kol-60-text-v .fl-col-content {
	padding-top:4vh;
	padding-bottom:4vh;
	padding-left:7vw;
	padding-right:2vw;
}

.kol-60-text-h .fl-col-content {
	padding-top:4vh;
	padding-bottom:4vh;
	padding-left:2vw;
	padding-right:7vw;
}
	
.kol-40-text-v .fl-col-content {
	padding-top:4vh;
	padding-bottom:4vh;
	padding-left:7vw;
	padding-right:2vw;
}

.kol-40-text-h .fl-col-content {
	padding-top:4vh;
	padding-bottom:4vh;
	padding-left:2vw;
	padding-right:7vw;
}



}

/*MEDIASCREEN SURFPLATTOR*/


@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.hero-kol-text-v {
	padding-top:25vh;
	padding-bottom:25vh;
	padding-left:4vw;
	padding-right:40vw;
}
	
	.hero-kol-text-v-less-block {
	padding-top:10vh;
	padding-bottom:10vh;
	padding-left:4vw;
	padding-right:40vw;
}
	

.hero-kol-inl {
	padding-inline:4vw;
	padding-block: 2vw;
}

	
	.kol-60-text-v .fl-col-content {
	padding-top:5vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:5vw;
}

.kol-60-text-h .fl-col-content {
	padding-top:5vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:5vw;
}
	
.kol-40-text-v .fl-col-content {
	padding-top:5vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:5vw;
}

.kol-40-text-h .fl-col-content {
	padding-top:5vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:5vw;
}

}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	
	
	.hero-kol-text-v {
	padding-top:20vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:15vw;
}
	
	.hero-kol-text-v-less-block {
	padding-top:10vh;
	padding-bottom:5vh;
	padding-left:5vw;
	padding-right:15vw;
	}
	
	.hero-kol-inl {
	padding-inline:5vw;
	padding-block: 3vw;
}

	
	.kol-60-text-v .fl-col-content {
	padding-top:0vh;
	padding-bottom:3vh;
	padding-left:5vw;
	padding-right:5vw;
}

.kol-60-text-h .fl-col-content {
	padding-top:0vh;
	padding-bottom:3vh;
	padding-left:5vw;
	padding-right:5vw;
}
	
.kol-40-text-v .fl-col-content {
	padding-top:0vh;
	padding-bottom:3vh;
	padding-left:5vw;
	padding-right:5vw;
}

.kol-40-text-h .fl-col-content {
	padding-top:0vh;
	padding-bottom:3vh;
	padding-left:5vw;
	padding-right:5vw;
}

}





/*------------------------------------- Om oss --------------------------------------------*/



.personal-om-oss-huvud-div p {
    margin-block:0px;
    
     margin-top:15px;
	left:0px;
}

.personal-om-oss-text-div {
		
     text-align: center;
}

.personal-om-oss-huvud-div img {
    border-radius: 50%;
    max-width: 5.5vw;
    height: 100%;
	margin:auto;
	display:block;
}



/*------------------------------------- Startsidan --------------------------------------------*/

.startsida-tjanster-huvud-div img {
	max-width:30px;
	margin-right:30px;
}

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



/*------------------------------------- Tjänster --------------------------------------------*/

/*Dragspel*/
.pp-accordion-item:hover h6 {
	color:#F29401
}

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

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

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

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


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

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

.dragspel-tjanster img {
	height:30px !important;
	width:30px !important;
}

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

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

/*------------------------------------- Kontaktsidan --------------------------------------------*/

.pp-tab-title {
	margin-left:12px;
}

.andra-kontakt {
	margin-top:55px !important;
}

.svarta-lankar a {
	color:#333333;
}




/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1201px) {
	/*butiker-tabbarna*/
.pp-tabs-vertical .pp-tabs-labels {
	width: 20%; }

.pp-tabs-vertical .pp-tabs-panels {
    width: 80%;
}
}

/*MEDIASCREEN BÄRBAR DATOR*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	/*butiker-tabbarna*/
.pp-tabs-vertical .pp-tabs-labels {
	width: 20%; }

.pp-tabs-vertical .pp-tabs-panels {
    width: 80%;
}
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	/*butiker-tabbarna*/
.pp-tabs-vertical .pp-tabs-labels {
	width: 100%; }

.pp-tabs-vertical .pp-tabs-panels {
    width: 100%;
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
/*butiker-tabbarna*/
.pp-tabs-vertical .pp-tabs-labels {
	width: 100%; }

.pp-tabs-vertical .pp-tabs-panels {
    width: 100%;
}
}



/*butikinfo*/

.social-ikoner a {
	text-decoration:none;
}

.social-ikoner img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain;
}

.butiker-kontakt-text-div {
	background:#d6d6d6;
	align-self: stretch;
}

.butiker-kontakt-huvud-div img {
    
    width: 800px;
    height: 400px;
    object-fit: cover;
}

.butiker-kontakt-text-div {
    padding-left:3vw;
	
	padding-top:30px;
	width:100%;
	padding-bottom:50px;
	
}

.butiker-kontakt-text-div p,
.butiker-kontakt-text-div span {  
    line-height: 1.8;
}

.orange-lank {
    color:#F29502;
}

.butiker-kontakt-huvud-div {
    display: flex;
    align-items: center !important;
	
}



/*MEDIASCREEN SURFPLATTOR NERÅT*/
@media only screen and  (max-width: 992px) {
	
.butiker-kontakt-huvud-div {
    display: block;

	
}
	

.butiker-kontakt-bild-div{
	width: 100%;
}
	
.butiker-kontakt-huvud-div img {
    width: 100%;
    height: 270px;
}
}

/*Personal-info*/

.personal-kontakt-huvud-div .namnen {
    margin-block:0px;
    margin-top:25px;
    
}



.personal-kontakt-huvud-div a {
    color:#F29401;
      
}


.personal-kontakt-text-div a p {
     line-height: 1.8;
}

.personal-kontakt-huvud-div img {
    border-radius:50%;
    max-width: 220px;
    height: 220px;
}
	

	.personal-kontakt-huvud-div {
		text-align:center;
	}	

.personal-kontakt-huvud-div p{
 
	font-size:20px !important;
    
}

.kontaktuppgifter a p {
	font-size:16px !important;
}



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

.post-arkiv-poster .pp-content-post:hover {
	border-radius:8px !important;
	  transition: all 0.5s ease;

}

.post-arkiv-poster .pp-content-post {
	  transition: all 0.5s ease;

}

.post-arkiv-huvud-div {
    text-align: center;
}

.no-underline:hover {
	text-decoration:none !important;
}

.post-arkiv-huvud-div img {
    width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}



.post-arkiv-content-div {
    padding:20px;
}

.post-arkiv-huvud-div p {
	color:black !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;
}
}