/*
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: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;

}

h2,
h2 a {
	font-family: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;
}


h3,
h3 a {
	font-family: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;
}

h4,
h4 a {
	font-family: "Oswald", serif;
	font-weight: 500 ;
	line-height: 1.2;
}

h5,
h5 a {
	font-family: "Oswald", serif;
	font-weight: 500 ;
	line-height: 1.2;
}

h6,
h6 a {
	font-family: "Oswald", serif;
	font-weight: 500 ;
	line-height: 1.2;
}

p,
	p a,
	li,
	li a,
	ul,
	ul a {
	font-family: "Lato", sans-serif;
	font-weight: 400 ;
	line-height: 1.4;
	
}

.fl-main-content a span {
	font-family: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;
	
}

.fl-button-wrap a   {
	font-family: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;
}

.menu-item a { 
	font-family: "Oswald", serif;
	font-weight: 900 ;
	line-height: 1.2;
}

/*------------------------------------- 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:45px;
	}
	
	
	
	h2,
	h2 a{
		font-size:38px;
		
	}
	
	h3,
	h3 a {
		font-size:32px;
	}
	
	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:19px !important;
	}
	
}



/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	
	h1,
	h1 a{
		font-size:50px;
	}
	
	h2,
	h2 a{
		font-size:35px;
		
	}
	
	h3,
	h3 a {
		font-size:30px;
	}
	
	h4,
	h4 a {
		font-size:25px;
	}
	
	h5,
	h5 a{
		font-size:20px;
	}
	
	h6,
	h6 a{
		font-size:18px;
	}
	
	.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: 1099px) {
	
	h1,
	h1 a{
		font-size:40px;
	}
	
	h2,
	h2 a{
		font-size:35px;
		
	}
	
	h3,
	h3 a {
		font-size:30px;
	}
	
	h4,
	h4 a {
		font-size:25px;
	}
	
	h5,
	h5 a{
		font-size:22px;
	}
	
	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;
	}
}

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

	h1,
	h1 a{
		font-size:33px;
	}
	
	h2,
	h2 a{
		font-size:28px;
		
	}
	
	h3,
	h3 a {
		font-size:25px;
	}
	
	h4,
	h4 a {
		font-size:23px;
	}
	
	h5,
	h5 a{
		font-size:22px;
	}
	
	h6,
	h6 a{
		font-size:18px;
	}
	
	
	.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;
	}
	
	
}


/*-------------------------------- färger ------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p, li, ul {
    color: inherit !important;
}

.bakgrund-vit {
	background-color: white;
}

.bakgrund-bla {
	background-color: blue;
}
.bakgrund-vit,
h1, h2, h3, h4, h5, h6, p, a, li, ul {
	color: black;
}

.bakgrund-bla,
h1, h2, h3, h4, h5, h6, p, a, li, ul {
	color: white;
}

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

/*Anpassning Advance Meny - hamburgemeny*/

.pp-advanced-menu .pp-menu-toggle {
    position: relative;
    left: 35px;
}


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

.fl-row {
	background:white;
}



/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	
/* Här anges både inline och blockvärde för header-sektionen */ 
.kol-header {
	padding-inline: 10vw;
	padding-block: 3vh;
}
	
/* Här anges både inline och blockvärde för hero-sektionen */ 
.kol-hero {
	padding-inline: 10vw;
	padding-block: 20vh;
}

/* Här anges inline-värdet för hela kolumner */ 
.kol-hel-inl {
	padding-inline: 10vw;
}
	
/* Här anges inline-värdet för hela raden */ 
.row-block {
	padding-block: 7vh;
}
	
/* Här anges padding-top-värdet för sista raden - samma som "row-block" */ 
.last-row-block {
	padding-top: 7vh;
}
	
/* Här anges inner block på rader som har en bakgrundsbild och där innehållet skall linjera centrerat vertikalt i raden */ 
.bg-image-inner-block,
.bg-image-inner-block .fl-row-content {
	padding-block: 26vh;
}

/* Här anges inline-värdet för halva kolumner som skall läggas till vänster. "Left"-värdet borde vara samma som .kol-hel-inl-värdet */ 
.kol-halv-v-inl {
	padding-left: 10vw;
	padding-right:3vw;
}

/* Här anges inline-värdet för halva kolumner som skall läggas till vänster. 
 * "Right"-värdet borde vara samma som .kol-hel-inl-värdet */ 
.kol-halv-h-inl {
	padding-right: 10vw;
	padding-left:3vw;
}
	
/* Här anges inline-värdet på kolumner som ligger inom kol-hel-inl och innehåller content som skall ha en padding "innåt"
 Värdet borde vara samma som "innåtvärdet" på kol-halv-v-inl  */ 
.text-v-inl {
	padding-right:3vw;
}

/* Här anges inline-värdet på kolumner som ligger inom kol-hel-inl och innehåller content som skall ha en padding "innåt"
 Värdet borde vara samma som "innåtvärdet" på kol-halv-h-inl  */ 
.text-h-inl {
	padding-left:3vw;
}

/* Här anger vi inline-värdet på content som ex: ligger inom en färgad ruta, för att skapa lite padding mot kanterna */ 
.kol-inner-inl .fl-col-content,
.box-inner-inl .fl-module-box  {
	padding-inline: 3vw ;
}

/* Här anger vi block-värdet på content som ex: ligger inom en färgad ruta, för att skapa lite padding mot kanterna */ 
.kol-inner-block {
	padding-block: 8vh;
}
}

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

.kol-header {
	padding-inline: 10vw;
	padding-block: 3vh;
}
	
.kol-hero {
	padding-inline: 10vw;
	padding-block: 3vh;
}

.kol-hel-inl {
	padding-inline: 10vw;
}
	
.row-block {
	padding-block: 4vh;
}
	
.last-row-block {
	padding-bottom: 4vh;
}
	
.bg-image-inner-block,
.bg-image-inner-block .fl-row-content {
	padding-block: 26vh;
}

.kol-halv-v-inl {
	padding-left: 10vw;
	padding-right:3vw;
}

.kol-halv-h-inl {
	padding-right: 10vw;
	padding-left:3vw;
}
	
.text-v-inl {
	padding-right:3vw;
}


.text-h-inl {
	padding-left:3vw;
}

.kol-inner-inl .fl-col-content,
.box-inner-inl .fl-module-box  {
	padding-inline: 3vw ;
}

.kol-inner-block {
	padding-block: 6vh;
}

}


/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
.kol-header {
	padding-inline: 3vw;
	padding-block: 3vh;
}
 
.kol-hero {
	padding-inline: 3vw;
	padding-block: 3vh;
}

.kol-hel-inl {
	padding-inline: 3vw;
}

.row-block {
	padding-block: 4vh;
}
	
	.last-row-block {
	padding-top: 4vh;
}
	
.bg-image-inner-block,
.bg-image-inner-block .fl-row-content {
	padding-block: 20vh;
}

.kol-halv-v-inl {
	padding-left: 3vw;
	padding-right:3vw;
}

.kol-halv-h-inl {
	padding-right: 3vw;
	padding-left:3vw;
}
	
.text-v-inl {
	padding-right:3vw;
}


.text-h-inl {
	padding-left:3vw;
}

.kol-inner-inl .fl-col-content,
.box-inner-inl .fl-module-box {
	padding-inline: 3vw ;
}

.kol-inner-block {
	padding-block: 5vh;
}

}

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

.kol-header {
	padding-inline: 5vw;
	padding-block: 5vh;
}
 
.kol-hero {
	padding-inline: 5vw;
	padding-block: 3vh;
}
	
.kol-hel-inl {
	padding-inline: 5vw;
}
	
.row-block {
	padding-block: 4vh;
}
	
.last-row-block {
	padding-top: 4vh;
}
	
.bg-image-inner-block,
.bg-image-inner-block .fl-row-content {
	padding-block: 20vh;
}

.kol-halv-v-inl {
	padding-left: 5vw;
	padding-right:5vw;
}

.kol-halv-h-inl {
	padding-right: 5vw;
	padding-left: 5vw;
}
	
.text-v-inl {
	padding-inline: 0vw;
}

.text-h-inl {
	padding-inline: 0vw;
}

.kol-inner-inl .fl-col-content,
.box-inner-inl .fl-module-box {
	padding-inline: 5vw !important;
}

.kol-inner-block {
	padding-block: 5vh;
}

}

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





/* Knapp mot ljus */
.seo-knapp-mot-ljus a,
.mot-ljus a,
.mot-ljus button{
	background:none !important; 
	border:solid 1px black !important; 
}

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

.seo-knapp-mot-ljus a:hover,
.mot-ljus a:hover,
.mot-ljus button:hover {
	background:black !important; 
border:solid 1px black !important; 
}

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


/* Knapp mot mörk */
.seo-knapp-mot-mork a,
.mot-mork a,
.mot-mork button{
	background:white !important; 
	border:solid 1px white !important; 
}

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

.seo-knapp-mot-mork a:hover,
.mot-mork a:hover,
.mot-mork button:hover {
	background:none !important; 
	border:solid 1px white !important; 
}

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






/*------------------------------------- xxxXXXXXXXXXXxxx --------------------------------------------*/

/*------------------------------------- xxxXXXXXXXXXXxxx --------------------------------------------*/

/*------------------------------------- xxxXXXXXXXXXXxxx --------------------------------------------*/


/*------------------------------------- Bloggarkiv --------------------------------------------*/

.blogg-arkiv-text-div {
    padding-left:15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

/*------------------------------------- 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;
}
}