/*
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... */ 

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

html {
	font-size:10px;
}

h1,
h1 a,
.h1,
.h1 span{
	font-family:  playfair-display, serif;
	font-weight: 700;
	line-height: ;
	margin-top: 0px;
}

h2,
h2 a,
.h2,
.h2 span {
	font-family:  playfair-display, serif;
	font-weight: 700;
	line-height: 1.1;
	margin-top: 0px;
}

h3,
h3 a,
.h3,
.h3 span {
	font-family:  playfair-display, serif;
	font-weight: 700;
	line-height: ;
	margin-top: 0px;
}

h4,
h4 a,
.h4,
.h4 span {
	font-family:  playfair-display, serif;
	font-weight: 400;
	line-height: ;
	margin-top: 0px;
}

h5,
h5 a,
.h5,
.h5 span {
	font-family: opensans, serif;
	font-weight: ;
	line-height: ;
	margin-top: 0px;
}

h6,
h6 a,
.h6,
.h6 span {
	font-family: opensans, serif;
	font-weight: ;
	line-height: ;
	margin-top: 0px;
}

p,
p a,
li,
li a,
ul,
ul a {
	font-family: opensans, serif;
	font-weight: 300;
	line-height:120%;
	margin-top: 0px;	
}

.fl-main-content a span {
	font-family: opensans, serif;
	font-weight: 300;
	line-height:120%;	
}

.fl-button-wrap a   {
	font-family: opensans, serif;
	font-weight: 300;
	line-height:120%;
	margin-top: 0px;
}

.menu-item a { 
	font-family: opensans, serif;
	font-weight: 300;
	line-height:120%;
	margin-top: 0px;
}

/*-------------------FONT-STORLEKAR------------------------*/

/*FONTER STORLEKSANPASSNING - STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	
h1,
h1 a,
.h1,
.h1 span {
	font-size:4.5rem;
	margin-top: 0px;
}
	
h2,
h2 a,
.h2,
.h2 span {
	font-size:3.5rem;
	margin-top: 0px;
}
	
h3,
h3 a,
.h3,
.h3 span {
	font-size:3.5rem;
	margin-top: 0px;
}
	
h4,
h4 a,
.h4,
.h4 span {
	font-size:2.4rem;
	margin-top: 0px;
}
	
h5,
h5 a,
.h5,
.h5 span {
	font-size:2rem;
	margin-top: 0px;
}
	
h6,
h6 a,
.h6,
.h6 span {
	font-size:1.8rem;
	margin-top: 0px;
}
	
.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:1.8rem !important;
	margin-top: 0px;
	}	
}

/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	
h1,
h1 a,
.h1,
.h1 span {
	font-size:4.5rem;
	margin-top: 0px;
}
	
h2,
h2 a,
.h2,
.h2 span {
	font-size:3.5rem;
	margin-top: 0px;
}
	
h3,
h3 a,
.h3,
.h3 span {
	font-size:3.5rem;
	margin-top: 0px;
}
	
h4,
h4 a,
.h4,
.h4 span {
	font-size:2.4rem;
	margin-top: 0px;
}
	
h5,
h5 a,
.h5,
.h5 span {
	font-size:2rem;
	margin-top: 0px;
}
	
h6,
h6 a,
.h6,
.h6 span {
	font-size:1.8rem;
	margin-top: 0px;
}
	
.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:1.8rem !important;
	margin-top: 0px;
	}	
}
/*FONTER STORLEKSANPASSNING - SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
h1,
h1 a,
.h1,
.h1 span {
	font-size:3.6rem;
	margin-top: 0px;
}
	
h2,
h2 a,
.h2,
.h2 span {
	font-size:3.0rem;
	margin-top: 0px;
}
	
h3,
h3 a,
.h3,
.h3 span {
		font-size:3.0rem;
	margin-top: 0px;
}
	
h4,
h4 a,
.h4,
.h4 span {
	font-size:2.2rem;
	margin-top: 0px;
}
	
h5,
h5 a,
.h5,
.h5 span {
		font-size:2.0rem;
	margin-top: 0px;
}
	
h6,
h6 a,
.h6,
.h6 span {
	font-size:1.8rem;
	margin-top: 0px;
}
	
.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:1.8rem !important;
	margin-top: 0px;
	}
}

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

h1,
h1 a,
.h1,
.h1 span {
	font-size:2.8rem;
	margin-top: 0px;
}
	
h2,
h2 a,
.h2,
.h2 span {
	font-size:2.7rem;
	margin-top: 0px;
	line-height: 1.2;
}

h3,
h3 a,
.h3,
.h3 span {
	font-size:2.7rem;
	margin-top: 0px;
}
	
h4,
h4 a,
.h4,
.h4 span {
	font-size:2.2rem;
	margin-top: 0px;
}
	
h5,
h5 a,
.h5,
.h5 span {
	font-size:2.0rem;
	margin-top: 0px;
}
	
h6,
h6 a,
.h6,
.h6 span {
	font-size:1.8rem;
	margin-top: 0px;
}
	
.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:1.7rem !important;
	margin-top: 0px;
	line-height: 135%;
	}
}

/*MEDIASCREEN STÖRRE SKÄRMAR*/
@media only screen and (min-width: 1513px) {
	
/* Här anges inline-värdet för hela kolumner */ 
.kol-hel-inl {
	padding-inline: 3vw;
}
	
/* Här anges inline-värdet för hela raden */ 
.row-block {
	padding-block: 7vh;
}
	
/* Här anges padding-bottom värdet för hela raden */ 
.row-block-bottom {
	padding-bottom: 7vh;
}
	
/* Här anges padding-top värdet för hela raden */
.row-block-top {
	padding-top: 7vh;
}

/* 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: 3vw;
	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: 3vw;
	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 {
	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-hel-inl {
	padding-inline: 3vw;
}
	
.row-block {
	padding-block: 7vh;
}
	
.row-block-bottom {
	padding-bottom: 7vh;
}
	
.row-block-top {
	padding-top: 7vh;
}

.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  {
	padding-inline: 3vw ;
}

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

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

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

.row-block {
	padding-block: 4vh;
}
	
.row-block-bottom {
	padding-bottom: 4vh;
}
	
.row-block-top {
	padding-top: 4vh;
}

.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 {
	padding-inline: 4vw ;
}

.kol-inner-block {
	padding-block: 7vh;
}
	
.staplad-kol-padding-bottom {
		padding-bottom:30px;
}
	
.staplad-kol-padding-top {
		padding-top:30px;
}

}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
	
.kol-hel-inl {
	padding-inline: 5vw;
}
	
.row-block {
	padding-block: 4vh;
}
	
.row-block-bottom {
	padding-bottom: 4vh;
}
	
.row-block-top {
	padding-top: 4vh;
}
	


.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 {
	padding-inline: 5vw !important;
}

.kol-inner-block {
	padding-block: 4vh !important;
}
	
.staplad-kol-padding-bottom {
		padding-bottom:30px;
}
	
.staplad-kol-padding-top {
		padding-top:30px;
}

.staplad-kol-padding-bottom-mobil {
		padding-bottom:30px;
}
	
.staplad-kol-padding-top-mobil {
		padding-top:30px;
}
	
}