/*
Theme Name: PROREG Control AB
Author: Marcuz Malmgren
Author URI: https://zucram.se/
Description: PROREG Control AB:s hemsida
Version: Current
*/

@import url('css/header.css');
@import url('css/menu.css');
@import url('css/categories-section.css');
@import url('css/heading-section.css');
@import url('css/suppliers-group.css');
@import url('css/footer.css');
@import url('css/product-categories.css');
@import url('css/offertkorg.css');
@import url('css/search.css');
@import url('css/normalize.css');
@import url('css/smoothproducts.css');

h1,h2,h3,h4,h5,h6,p,ul,li{
	font-family: 'Roboto';
	color: #333;
}

a{
	font-family: 'Roboto';
	color: #0071ce;
}

a:hover{
	font-family: 'Roboto';
	color: #0071ce;
	text-decoration: underline;
}

p+p {
    margin: 1em 0;
}

h2+p, h3+p,h4+p,h5+p {
    margin: 1em 0;
}

u {
    text-decoration: underline;
}

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

.container{
	max-width: 1024px;
	margin: 0 auto;
}

.header-border{
	border: 1.3px solid #999;
}

figure, body, html{
	padding: 0;
	margin: 0;
}

header{
	width: 100%;
    height: 100px;
    z-index: 99;
    position: fixed;
    margin-top: 0px;
    background: white;
    border-bottom: 1.8px solid #999;
    top: 0;
    transition: top 0.2s ease-in-out;
}

body {
    font-family: roboto;
}

#categories-section{
	width: 100%;
	float: left;
	padding: 10px 0;
}

#heading-section{
	width: 100%;
	float: left;
	background-color: #eaeaea;
	background-attachment: fixed;
	background-size: cover;
	border-top: 1.2px solid #ea002a;
	border-bottom: 1.2px solid #ea002a;
	padding: 15px 0;
}

#slider{
	padding-top: 20px;
	float: left;
	width: 100%;
}

.metaslider{
	margin: 0 auto;
}

#suppliers-group{
	float: left;
	width: 100%;
	padding: 25px 0;
}

#search-section{
	float: left;
	width: 100%;
}

footer{
	background-color: #eaeaea;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1.2px solid #ea002a;
}

#products-section{
	float: left;
	width: 100%;
}

#page-section{
	float: left;
	width: 100%;
}
.breadcrumbs a{
	text-decoration: none;	
}
.breadcrumbs{
	color: #333!important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	padding: 0 0 0 37;
	font-family: 'Roboto';
}

.ewd-ufaq-post-margin-symbol{
	border: 0;
}

#categories-section{
	padding-top: 116px;
}
#products-section{
	padding-top: 100px;
}
#page-section, #search-section{
	padding-top: 100px;
}

.col-faq{
	display: table-cell;
	text-align: center;
	padding: 42px 15px;
}

/* After update Style */
img:hover {text-decoration:none;}
img {max-width: 100%; height: auto;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
img.alignnone {max-width: 100%; height: auto; margin: auto}
a img.alignright {float:right; margin:0 0 1em 1em;text-decoration: none;}
a img.alignleft {float:left; margin:0 1em 1em 0;text-decoration: none;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;text-decoration: none;}
a img.alignnone {max-width: 100%; height: auto; margin: auto;text-decoration: none;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignnone {max-width: 100%; height: auto; margin: auto}
a .alignright {float:right; margin:0 0 1em 1em}
a .alignleft {float:left; margin:0 1em 1em 0}
a .aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
a .alignnone {max-width: 100%; height: auto; margin: auto}

@media screen and (max-width: 768px){
	.wg-default.wg-list{
		display: none;
	}
	.col-faq{
		display: block;
	}
}