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

.pp-er-title-wrap  .pp-er-title {
font-family: "agencyfbbold", sans-serif;
	}

h1 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

.ethno h1 {
	font-family: "ethnocentric", sans-serif !important;
	font-weight:700 ;
	line-height: ;
}

h2 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

.ethno h2 {
	font-family: "ethnocentric", sans-serif !important;
	font-weight:700 ;
	line-height: ;
}


h3 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

h4 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

h5 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

h6 {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height: ;
}

p, li, ul {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 100 ;
	line-height:120%;
	
}

.fl-main-content a span {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height:120%;
	
}

.fl-button-wrap a   {
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	line-height:120%;
}

.menu-item a { 
	font-family: "source-sans-pro", sans-serif;
	font-weight: ;
	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 {
		font-size:65px;
	}
	
	.ethno h1 {
	font-size:65px;
}
	
	h2 {
		font-size:65px;
		
	}
	
	h3,
	h3 span {
		font-size:35px;
	}
	
	h4,
	h4 span {
		font-size:28px;
	}
	
	h5,
	h5 span {
		font-size:25px;
	}
	
	h6 {
		font-size:20px;
	}
	
	p, li, ul, span	{
		font-size:18px;
	}
	
	.singellayout-dekorrad p {
		font-size:30px;
	}
	
	.compare-prod span {
		font-size:14px;
	}
	
	a	{
		font-size:18px;
	}
	
}



/*FONTER STORLEKSANPASSNING - BÄRBAR DATOR*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	h1 {
		font-size:65px;
	}
	
	h2 {
		font-size:65px;
		
	}
	
	h3 {
		font-size:35px;
	}
	
	h4 {
		font-size:28px;
	}
	
	h5 {
		font-size:25px;
	}
	
	h6 {
		font-size:22px;
	}
	
	p, li, ul	{
		font-size:18px;
	}
	
	a	{
		font-size:18px;
	}
	
}

/*FONTER STORLEKSANPASSNING - SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
h1 {
		font-size:45px;
	}
	
	h2 {
		font-size:45px;
		
	}
	
	h3 {
		font-size:35px;
	}
	
	h4 {
		font-size:28px;
	}
	
	h5 {
		font-size:25px;
	}
	
	h6 {
		font-size:22px;
	}
	
	p, li, ul	{
		font-size:18px;
	}
	
	a	{
		font-size:18px;
	}
}

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

	h1 {
		font-size:45px;
	}
	
	h2 {
		font-size:45px;
		
	}
	
	h3 {
		font-size:35px;
	}
	
	h4 {
		font-size:28px;
	}
	
	h5 {
		font-size:25px;
	}
	
	h6 {
		font-size:22px;
	}
	
	p, li, ul	{
		font-size:18px;
	}
	
	a	{
		font-size:18px;
	}
	
	
}


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


/*SÖK*/
.fl-search-results-content {
	background:white; 
}

.fl-search-results-content a {
	color:black; 
}

.fl-search-post-item {
	padding:10px !important; 
}



.fl-search-post-item:hover {
	background:black; 
}

.fl-search-post-item:hover a {
	color:#FDC300; 
}

.fl-search-results-content.fl-search-open {
	padding:0px;
}



/*Anpassning Advance Meny - hamburgemeny*/

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

#logotype {
	z-index:300 !important;
}

#header-row .fl-col-group-equal-height.fl-col-group-align-center .fl-module {
	z-index:300 !important;
}

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

.opa-50 {
	opacity:50%;
}

.grey-hover .pp-accordion-button:hover {
	background:#F7F7F7 !important;
}

.title-on-background {
	background:rgba(38,38,38,0.8);
}


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

/* Knapp mot ljus */
.seo-knapp-mot-ljus a,
.mot-ljus a,
.mot-ljus button,
.singellayout-huvuddiv:nth-child(odd) .knapp-repeater {
	background:none !important; 
	border:solid 1px black;
}

.seo-knapp-mot-ljus a span,
.mot-ljus a span,
.mot-ljus button,
.singellayout-huvuddiv:nth-child(odd) .knapp-repeater {
	color:black !important; 
}

.seo-knapp-mot-ljus a:hover,
.mot-ljus a:hover,
.mot-ljus button:hover,
.singellayout-huvuddiv:nth-child(odd) .knapp-repeater:hover {
	background:black !important; 
	border:solid 1px black;
}

.seo-knapp-mot-ljus a:hover span,
.mot-ljus a:hover span,
.mot-ljus button:hover,
.singellayout-huvuddiv:nth-child(odd) .knapp-repeater:hover {
	color:white !important; 
}


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

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

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

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



/*------------------------------------- Mainpage --------------------------------------------*/

.pp-category {
    box-shadow: 10px 10px 15px rgba(0,0,0,0.7);
}






/* =======================================================================================================================================================================
                                                                Singel-Layout
======================================================================================================================================================================= */

	


/*Generellt, ej responsivt*/

.singellayout-bilddiv {
	display:flex !important;
	flex-flow: column wrap !important;
	justify-content: center !important;
	align-self: center !important;
	  align-content:center !important; 
}

.singellayout-bilddiv-nested {
	 flex-flow: column wrap !important;
	justify-content: center !important;
	align-self: center !important;
	  align-content:center !important;
}

.singellayout-bilddiv img {
	flex-flow: column wrap;
	justify-content: center;
  	align-self: center;
	max-height:1500px;
	max-width:100%;
	box-shadow: 15px 15px 15px 5px rgba(0,0,0,0.5) !important;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.singellayout-huvuddiv:nth-child(even) {
	background:#222222;
}

.singellayout-huvuddiv:nth-child(even) h3 {
	color:#FDC300;
}

.singellayout-huvuddiv:nth-child(even) p {
	color:white;
}

/*MEDIASCREEN Allt större än Platta*/
@media only screen and (min-width: 992px) {
		
.singellayout-bilddiv {
	min-height:700px;
}

.singellayout-textdiv, .singellayout-bilddiv { 
	display:inline-block; 
	width:50%;
}

.singellayout-textdiv {
	padding:5%;
}

.singellayout-huvuddiv {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items:center;
}

.singellayout-huvuddiv:nth-child(odd) {
	flex-direction: row-reverse;
}
}

/*MEDIASCREEN Allt MINDRE än Platta*/
@media only screen and (max-width: 991px) {

.singellayout-textdiv {
	padding-left:5%;
	padding-right:5%;
	padding-bottom:10%;
	padding-top:10%;
}

.singellayout-bilddiv {
	min-height:300px;
}
}



/*DEKORRAD*/

.gom-rad {
	display:none !important;
}

.visa-rad {
	display:block !important;
	background-size:cover;
	background-position: center;
	width:100%;
	background-attachment: fixed;
}

.singellayout-dekorrad h2{
	margin-left:auto;
	margin-right:auto;
	display:block;
	color:white;
	font-weight:100;
	text-align:center;
}


.singellayout-dekorrad p {

	text-align:center;
}



.singellayout-dekorrad {
	min-height:700px;
	margin:0px;
	padding:0px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items:center;
	text-align:center;
  justify-content: center;
}

.singellayout-dekorrad-nest {
	display:block;
}

/*MEDIASCREEN Allt MINDRE än Platta*/
@media only screen and (max-width: 991px) {
	.singellayout-dekorrad {
	min-height:300px;
}
}


/******** Repeaterknappar ********/


.hide_button {
	display:none;
}





/*------------------------------------- unique-prod-page --------------------------------------------*/

/*-------------------> GENERAL ROW*/

.prod-row .pp-er {
	border-bottom: solid 1px black;
}

.prod-row .pp-er-open {
	border:none !important;
}

/*-------------------> TABLE*/
.table-styling-unique {
    overflow: auto;
    width: 100%;
	overflow-x:auto;
}

.table-styling-unique table {
	
    border:none;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}

.table-styling-unique caption {
    caption-side: top;
    text-align: left;
}

.table-styling-unique th {
    background-color: #eceff1;
    color: #000000;
    padding: 5px;
}


.table-styling-unique tr {
		border-bottom:solid 1px white;

}


.table-styling-unique td {
    padding: 5px;
	font-size:40px;
	color:white;
}

/*MEDIASCREEN SURFPLATTOR*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.table-styling-unique td {
	font-size:30px;
}
}

/*MEDIASCREEN MOBILER*/
@media only screen and (max-width: 768px) {
.table-styling-unique td {
	font-size:20px;
}
}


.table-content-unique {
	text-align:right;
}


.table-title-unique {
	font-weight:900;
	width:50% !important;
}




/*------------------------------------- Produkt-arkiv --------------------------------------------*/


 .post-type-archive .archive-desc {
	display:none !important;
}



/*------------------------------------- Produkt-singel --------------------------------------------*/


/*-------------------> Product image*/
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img {
    border: none;
}

.flex-control-thumbs img {
	height:200px !important;
	width:auto;
	object-fit:cover !important;
}

.flex-viewport img{
	max-height:400px;
	width:auto !important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.woocommerce div.product div.images img {
  max-height: 940px;
    width: 100% !important;
	    object-fit: contain;

}


/*-------------------> Videos*/
.instruction-videos-main-div iframe {

	height:300px ;
}

.instruction-videos-main-div {
	width:33%;
	display:inline-block;
	float:left;
	padding:10px;
	
}

.product-videos-main-div iframe {

	height:500px ;
}

.product-videos-main-div {
	width:50%;
	display:inline-block;
	float:left;
	padding:10px;
}
/*-------------------> Main features*/


.main-features-main-div {
	display:flex;
	flex-wrap: wrap;
	padding:5px;
	background:#f7f7f7;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}

.main-features-main-div {
	
}

.main-features-content-div {
	flex: 48%;
	margin:0.5% 0.5% 0.5% 0.5%;
	
	background:white;
	padding:10px;
}

.main-features-main-div .main-features-title {
	font-weight:900;

}


/*-------------------> Main features 2*/


.main-features-main-div2 {
	display:flex;
	flex-wrap: wrap;
}


.main-features-content-div2 {
	flex: 50%;
	padding-bottom:10px;
	padding-right:10px;
	
}

.main-features-main-div2 .main-features-title2 {
	font-weight:900;

}
/*-------------------> Documents*/

.prod-doc-main-div h3 {
	text-align:center;
}

.documents-main-div {
	width:50%;
	display:inline-block;
	float:left;
	text-align:center;
	padding:10px 10px 10px 10px;
}

.documents-main-div img {
	max-height:50px;
}

.documents-content-div {
		padding:10px;
}

.documents-content-div:hover {
		background:#F7F7F7;
}

.documents-content-div h6{
	text-decoration:underline;
}

/*-------------------> Technical Strengths*/


.technical-strengths-main-div {

	text-align:center;
	padding:20px;
}


.technical-strengths-main-div img {
	max-height:180px;
	object-fit:contain;
}

.technical-strengths-content-div h4 {
	background:#fdc300;
}


/*-------------------> FITS WITH*/

.fits-with-main-div {
    color:black;
	text-align:center;
}

.fits-with-main-div h6 {
	margin-bottom:0px;
}

/*-------------------> USPs*/

.uspar-main-div {
	background:#f7f7f7;
}


.uspar-main-div h5 {
	margin-left:1.5% !important;
	padding-top:1.5% !important;
}


.uspar-flex-div {
	display:flex;
	flex-wrap: wrap;
	padding:5px;
}


.uspar-content-div {
	flex: 48%;
	margin:0.5% 0.5% 0.5% 0.5%;
	
	background:white;
	padding:10px;
}


/*-------------------> Table-lstyling*/



.table-styling {
    overflow: auto;
    width: 100%;
	overflow-x:auto;
}

.table-styling table {
	
    border:none;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}

.table-styling caption {
    caption-side: top;
    text-align: left;
}

.table-styling th {
    background-color: #eceff1;
    color: #000000;
    padding: 5px;
}

.table-styling td {
    padding: 5px;
}

.table-styling tr:nth-child(even) td {
    background-color: #f4f4f4;
    color: black;
}

.table-styling tr:nth-child(odd) td {
    background-color: white;
    color: #191919;
}

.table-title {
	font-weight:900;
	width:30%;
}

/*-------------------> Accessories*/

.prod-accessories-main-div  {
	text-align:center;
	color:black;
}

.prod-accessories-main-div img {
    max-height: 160px;
    width: auto !important;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.prod-accessories-main-div h6 {
	text-decoration:underline;
	text-decoration-thickness: 1px;
}

/*-------------------> Hide-Accessories*/

/*---> ONE Accessories-cat*/
.one-sub-cate
#accessories-accordion-2,

.one-sub-cate
#accessories-accordion-3,

.one-sub-cate
#accessories-accordion-4 {
	display:none !important;
}

/*---> TWO Accessories-cat*/
.two-sub-cate
#accessories-accordion-3,

.two-sub-cate
#accessories-accordion-4 {
	display:none !important;
}

/*---> THREE Accessories-cat*/

.three-sub-cate
#accessories-accordion-4 {
	display:none !important;
}





/*-------------------> Compare products*/



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