/*
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 DATOR*/
@media only screen and (min-width: 1201px) {
	
}

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

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

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

}


/* =======================================================================================================================================================================
                                                                          Fonter - inläsning 
======================================================================================================================================================================= */

/* XXXXXXXX */
@font-face {
font-family: xxxxxxx;
font-weight: XXX;
font-style: XXXXXX;
}


/* XXXXXXXX */
@font-face {
font-family: xxxxxxx;
font-weight: XXX;
font-style: XXXXXX;
}


/* XXXXXXXX */
@font-face {
font-family: xxxxxxx;
font-weight: XXX;
font-style: XXXXXX;
}


/* =======================================================================================================================================================================
                                                                          Fonter - Anpassning 
======================================================================================================================================================================= */



h1 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h2 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h3 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h4 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h5 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

h6 {
	font-family: 'Lexend', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

p, li, ul {
	font-family: 'Titillium Web', sans-serif;
	font-weight: XXX;
	line-height:140%;
	text-transform: XXXXXX;
	color:black;
}

.fl-main-content a span {
	font-family: 'Titillium Web', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
	
}

button {
	font-family: 'Titillium Web', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

.menu-item a { 
	font-family: 'Titillium Web', sans-serif;
	font-weight: XXX;
	line-height:120%;
	text-transform: XXXXXX;
}

.fl-rich-text a {
	text-decoration: underline;
}


/* Anpassning fonter storlekar */

/*MEDIASCREEN STÖRRE DATOR*/
@media only screen and (min-width: 1201px) {
	
	h1, h1 a {
		font-size:75px;
	}
	
	h2, h2 a, .hero-text p {
		font-size:55px;
		
	}
	
	h3, h3 a {
		font-size:40px;
	}
	
	h4, h4 a {
		font-size:30px;
	}
	
	
	h5, h5 a {
		font-size:22px;
	}
	
	h6, h6 a {
		font-size:22px;
	}
	
	p, li, ul	{
		font-size:18px;
	}
	
	a	{
		font-size:18px;
	}
	
}



/*MEDIASCREEN LAPTOP*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	h1, h1 a {
		font-size:40px;
	}
	
	h2, h2 a, .hero-text p {
		font-size:30px;
		
	}
	
	h3, h3 a {
		font-size:27px;
	}
	
	h4, h4 a {
		font-size:24px;
	}
	
	
	h5, h5 a {
		font-size:22px;
	}
	
	h6, h6 a {
		font-size:21px;
	}
	
	p, li, ul	{
		font-size:18px;
	}
	
	a	{
		font-size:18px;
	}
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	h1, h1 a {
		font-size:38px;
	}
	
	h2, h2 a, .hero-text p  {
		font-size:28px;
		
	}
	
	h3, h3 a {
		font-size:24px;
	}
	
	h4, h4 a {
		font-size:22px;
	}
	
	
	h5, h5 a {
		font-size:21px;
	}
	
	h6, h6 a {
		font-size:21px;
	}
	
	p, li, ul	{
		font-size:17px;
	}
	
	a	{
		font-size:17px;
	}
}

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

	h1, h1 a {
		font-size:33px;
	}
	
	h2, h2 a, .hero-text p {
		font-size:24px;
		
	}
	
	h3, h3 a {
		font-size:20px;
	}
	
	h4, h4 a {
		font-size:18px;
	}
	
	
	h5, h5 a {
		font-size:18px;
	}
	
	h6, h6 a {
		font-size:18px;
	}
	
	p, li, ul	{
		font-size:16px;
	}
	
	a	{
		font-size:16px;
	}
	
	
}


/* =======================================================================================================================================================================
                                                                          Header
======================================================================================================================================================================= */

.pp-has-submenu-container:hover {
	background:rgba(0,0,0,0.83);
}

.fl-theme-builder-header-shrink .logotyp-header {
	width:140px !important;
	transition:  1s;

}

.fl-theme-builder-header-shrink .logotyp-header img {
	width:auto !important;
	transition:  1s;

}


.kolumn-logo .fl-col-content {
    margin-right: 0px;
    display: block;
	
	}

/* Dölj "SWEDISH" i länk till svensk sida, så att bara ikonen visas 
OBS! att bilden måste uttryckligen ha en höjd och ställas in ifall
texten döljs.
*/
#menu-huvudmeny #menu-item-2132 .menu-item-text img {
	height: 20px;
	position: relative;
	top: -2px;
}


#menu-huvudmeny-1 #menu-item-2132 .menu-item-text img {
	height: 80px;
	width: 50px;
	position: relative;
    bottom: 25px;
}

#menu-huvudmeny #menu-item-2132 .menu-item-text img + span,
#menu-huvudmeny-1 #menu-item-2132 .menu-item-text img + span {
	display: none;
}

/* =======================================================================================================================================================================
                                                                          Footer
======================================================================================================================================================================= */

.footer-logos .pp-photo-container .pp-photo-content {
	border-radius: 50%;
}

.footer-logos .pp-photo-container .pp-photo-content img {
	padding-top: 5px !important;
    padding-right: 5px !important;
}




/* =======================================================================================================================================================================
                                                                           Generella ändringar  
======================================================================================================================================================================= */

.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	padding-right:3%;
}

.table .flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:7%;
	padding-bottom:7%;
	padding-left:7%;
	padding-right:7%;
}
}

a:hover, a:visited {
	text-decoration:none;
}


.rund-bild img {
	border-radius:50%;
}


.opa-10 img,
.opa-10 {
	opacity:10%;
}

.opa-20 img,
.opa-20 {
	opacity:20%;
}

.opa-30 img,
.opa-30 {
	opacity:30%;
}

.opa-40 img,
.opa-40 {
	opacity:40%;
}

.opa-50 img,
.opa-50 {
	opacity:50%;
}

.opa-60 img,
.opa-60 {
	opacity:60%;
}

.opa-70 img,
.opa-70 {
	opacity:70%;
}

.opa-80 img,
.opa-80 {
	opacity:80%;
}

.opa-90 img,
.opa-90 {
	opacity:90%;
}



/**Center frontpage header video**/
body.home .fl-bg-video {
	display: flex;
	justify-content: center;
}

/**Absolute position messes with flex centering and "min-width: 100%" made video shrink when flex centered**/
body.home .fl-bg-video video {
	position: static;
	min-width: unset;
}


.post-singel-rund-bild {
	height:200px;
	width:200px;
	
	border-radius:50%;
	object-fit:cover;
	background-position: center;
}

.post-singel-rund-bild-inner {
    background: rgba(0, 0, 0, 0.7);
	height:200px;
	width:200px;
	border-radius:50%;
	display:flex;
	align-items: center;
  	justify-content: center;
}

.post-singel-rund-bild img {
	height:80px;
	width:80px;
}



/*USPAR*/
.singel-uspar-huvud-div  {
	display:flex; 
	align-items: center;
	width:100%;
	margin-bottom:5px;
	
} 

.singel-uspar-text-div {
	width:93%;
}

.singel-uspar-bild-div {
	width:7%;
	text-align:right;

}

.singel-uspar-bild-div img {
	max-height:30px;
}





.singel-uspar-bild-div img {
	padding-right:5px !important;
}

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

.singel-uspar-bild-div img {
	max-width:30px !important;
	height:auto;
}
}


.singel-uspar-text-div p {
	margin:0px;
}

/*ALLA VÅRA.....*/
.alla-vara {
	text-align:center;
	
}

.alla-vara img {
	height:50px;
	width:auto !important;
	margin-left:auto;
	margin-right:auto;
	filter: invert(1);
	
}
/* =======================================================================================================================================================================
                                                                          Knappar
======================================================================================================================================================================= */


/******** KNAPP MOT MÖRK ********/
.knapp-mot-mork a.fl-button, .quotation-contact-form input[type=button], .quotation-contact-form input[type=submit] {
	background:none;
	border:solid white 1px;
}

.knapp-mot-mork a.fl-button:hover .quotation-contact-form input[type=button]:hover, .quotation-contact-form input[type=submit]:hover {
	background: #3f4a72;
	border:solid white 1px;
}

/*knapptexten*/
.knapp-mot-mork a.fl-button span, .quotation-contact-form input[type=button], .quotation-contact-form input[type=submit] {
  	color:white;
}

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


/******** KNAPP MOT LJUS ********/

.knapp-mot-ljus a.fl-button, .knapp-mot-ljus button, .knapp-mot-ljus input {
	background:none;
	border:solid black 1px;
}

.knapp-mot-ljus a.fl-button:hover, .knapp-mot-ljus button:hover, .knapp-mot-ljus input:hover {
	background: #3f4a72;
	border:solid #3f4a72 1px !important;

}


/*knapptexten*/
.knapp-mot-ljus a.fl-button span, .knapp-mot-ljus button, .knapp-mot-ljus button a, .knapp-mot-ljus input {
  	color:black;
}

.knapp-mot-ljus a.fl-button:hover span, .knapp-mot-ljus button:hover, .knapp-mot-ljus button:hover a, .knapp-mot-ljus input:hover {
  	color:white !important;
	text-decoration:none;
}


/* =======================================================================================================================================================================
                                                                          Startsida
======================================================================================================================================================================= */

.bild-div-cirkel img {
	height:250px;
	width:250px;
	border-radius:50%;
	margin-bottom:20px;
	object-fit:cover;
}

.uabb-info-circle-content .uabb-image-content img {
	display:none !important; 
}

/*MEDIASCREEN PLATTA*/
@media only screen  and (max-width: 992px) {
	.bild-div-cirkel {x
		display:none;
	}
}

.post-huvud-div {
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 320px;
    width: 100%;
	border: solid rgba(255,255,255,0.5) 3px;
	  background-position: center;

} 

.post-content-div {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.post-content-div img {
	max-height:90px !important;
	width:auto !important;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.post-content-div img {
	max-height:50px !important;
	width:auto !important;
}
	

}

.post-textdiv {
    width: auto !important;
    text-align: center;
  
}

.post-textdiv h4,
.post-textdiv a,
.post-textdiv p {
	color:white !important;
	padding-left:5%;
	padding-right:5%
}

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

.post-huvud-div {
    height: 320px ;
    width: 100%;
    
}

.post-huvud-div h3 {
    font-size: 20px;
}

}




/* =======================================================================================================================================================================
                                                                          Blogg
======================================================================================================================================================================= */


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

.nyheter-huvud-div p {
	color:black !important;
}

.tretti-div, .sjutti-div {
    float:left;
}

.sjutti-div {
    width: 70%;
    padding:15px;
}

.tretti-div {
    width: 30%;
}


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

.sjutti-div {
    width: 50%;
    padding:15px;
}

.tretti-div {
    width: 50%;
}
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.tretti-div, .sjutti-div {
    float:none;
}

.sjutti-div {
    width: 100%;
    padding:15px;
}

.tretti-div {
    width: 100%;
}
}


/* =======================================================================================================================================================================
                                                                Personal
======================================================================================================================================================================= */

.personal {
	text-align:center;
}

.personal img {
	border-radius:50%;
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
.personal img {
	max-height:250px;
	width:auto;
	}
}


/* =======================================================================================================================================================================
                                                                kontaktsidan
======================================================================================================================================================================= */



.sticky, .sticky .fl-col-group-nested {
	position: sticky;
	position: -webkit-sticky;
	top: 125px !important;
	z-index: 1 !important;
}

.quotation-contact-form p {
	color: #fff;
}

.quotation-contact-form label {
	font-weight: inherit !important;
}



/* =======================================================================================================================================================================
                                                                xxxxxxXXXXXXXXXxxxxxxxx
======================================================================================================================================================================= */

.material-under-tjanster {
	text-align:center;
}

.material-under-tjanster p,
.material-under-tjanster h4 {
	color:white;
}


/* =======================================================================================================================================================================
                                                                Maskinpark
======================================================================================================================================================================= */

.arkiv-utan-bilder {
	text-align:center;
}

.arkiv-utan-bilder img {
	max-height:80px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.white-icon {
	filter: invert(1);
}

/* =======================================================================================================================================================================
                                                                reCaptcha-badge
======================================================================================================================================================================= */

.grecaptcha-badge {
	z-index:100009;
}