/*
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: raleway;
	font-weight: 900;
	line-height: ;
	margin:0px;

}

h2,
h2 a {
	font-family: raleway;
	font-weight: 700;
	line-height:130%;
	margin:0px;
}


h3,
h3 a {
	font-family: raleway;
	font-weight: 900;
	line-height: ;
	margin-bottom:10px;
}

h4,
h4 a {
	font-family: raleway;
	font-weight: 900;
	line-height: ;
	margin:0px;
}

h5,
h5 a {
	font-family: raleway;
	font-weight: 900;
	line-height: ;
	margin:0px;
}

h6,
h6 a {
	font-family: raleway;
	font-weight: 300;
	line-height: ;
	margin-bottom:10px;
}

	p,
	p a,
	li,
	li a,
	ul,
	ul a {
	font-family: raleway;
	font-weight: 300;
	line-height:140%;
	
}

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

.fl-button-wrap a   {
	font-family: raleway;
	font-weight: 700;
	line-height:120%;
}

.menu-item a { 
	font-family: raleway;
	font-weight: 700;
	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:45px;
	}
	
	h2,
	h2 a{
		font-size:45px;
		
	}
	
	h3,
	h3 a {
		font-size:35px;
	}
	
	h4,
	h4 a {
		font-size:28px;
	}
	
	h5,
	h5 a{
		font-size:25px;
	}
	
	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;
	}
	
	.menu-item a span {
		font-size:20px !important;
	}
	
}



/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) and (max-width: 1512px) {
	
	h1,
	h1 a{
		font-size:45px;
	}
	
	h2,
	h2 a{
		font-size:38px;
		
	}
	
	h3,
	h3 a {
		font-size:35px;
	}
	
	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 ;
	}
	
	.menu-item a span {
		font-size:20px !important;
	}
	
}


/*FONTER STORLEKSANPASSNING - SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
	
	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:18px !important;
	}
	
	.menu-item a span {
		font-size:20px !important;
	}
}

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

	h1,
	h1 a{
		font-size:40px;
	}
	
	h2,
	h2 a{
		font-size:34px;
		
	}
	
	h3,
	h3 a {
		font-size:28px;
	}
	
	h4,
	h4 a {
		font-size:25px;
	}
	
	h5,
	h5 a{
		font-size:18px;
	}
	
	h6,
	h6 a{
		font-size:17px;
	}
	
	
	.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;
	}
	
	.menu-item  a span {
		font-size:25px !important;
	}
}


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

.pp-advanced-menu .pp-menu-toggle {
    left: 20px !important;
}

/*Anpassning Advance Meny - hamburgemeny*/

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


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






/* Blå knapp */

.bla-knapp a,
.bla-knapp button{
	background:#219193 !important; 
	border:solid 1px #219193 !important; 
}

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

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


.bla-knapp a:hover span,
.bla-knapp button:hover {
	color:#219193 !important; 
}


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



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



.kolumn-header {
	padding-inline:3vw;
	
}

.text-kol {
	padding-inline:20px;
}

.kolumn-hero {
	padding: 25vh 10vw;
}

.kolumn-helrad {
	padding: 2vh 10vw;
}

.kolumn-i-helrad {
	padding: 5vh 3vw;
}


.kolumn-halvrad {
	padding: 15vh 3vw;
}



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

	
.kolumn-header {
	padding-inline:3vw;
	
}

.kolumn-hero {
	padding: 3vh 10vw;
}

.kolumn-helrad {
	padding: 2vh 10vw;
}

.kolumn-i-helrad {
	padding: 3vh 10vw;
}


.kolumn-halvrad {
	padding: 15vh 10vw;
}
}

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

.kolumn-hero {
	padding: 3vh 10vw;
}

.kolumn-helrad {
	padding: 2vh 10vw;
}

.kolumn-i-helrad {
	padding: 3vh 10vw;
}


.kolumn-halvrad {
	padding: 15vh 10vw;
}


}

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

.kolumn-header {
	padding-inline:3vw;
	
}
	
.text-kol {
	padding-inline:0px;
}

.kolumn-hero {
	padding: 3vh 10vw;
}

.kolumn-helrad {
	padding: 1vh 10vw;
}

.kolumn-i-helrad {
	padding: 3vh 10vw;
}


.kolumn-halvrad {
	padding: 15vh 10vw;
}
	
	select {
    font-size: 80% !important;
	}
}

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

/*Tjänster startsidan*/
.tjanster-bild-div {
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
	max-width:300px;
	height:auto;
	object-fit:cover;
	margin:auto;
}

a {
	text-decoration:none !important;
}

.tjanster-huvud-div a {
	color:inherit !important;
}

.tjanster-text-div {
    text-align: center;
	color: #333333;
}

.tjanster-huvud-div {
	max-width:500px;
	text-align:center;
	margin:auto;
}

/*------------------------------------- Medarbetare --------------------------------------------*/

.medarbetare-huvud-div {
    text-align:center;
    
}

.medarbetare-bild-div img{
    border-radius: 50%;
    max-height: 300px;
    width: auto;
    object-fit: cover;
}

.medarbetare-text-div h5{
    margin-top:20px;
}

.medarbetare-bild-div {
    background: #B9D8D8;
    border-radius: 50%;
    max-width: 300px;
    height: auto;
    margin:auto;
}

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







/*MEDIASCREEN Minst BÄRBAR DATOR*/
@media only screen and (min-width: 1100px) {
	
.tjanst-bild-text-repeterare-text-div {
    justify-content: center;
    width: 80%;
}
	
	.tjanst-bild-text-repeterare-huvud-div:nth-child(even) {
  flex-direction: row-reverse;
}
	
	.tjanst-bild-text-repeterare-huvud-div {
    display: flex;
      align-items: center;
      margin-bottom: 50px;
    
}
	
}

/*MEDIASCREEN max SURFPLATTOR*/
@media only screen and (max-width: 1099px) {
	
	.tjanst-bild-text-repeterare-huvud-div {
    display: block;
      
      margin-bottom: 20px;
    
}
	
}




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