@font-face {
  font-family: "adam";
  src: url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.eot"); /* IE9 Compat Modes */
  src: url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.otf") format("opentype"), /* Open Type Font */
    url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.svg") format("svg"), /* Legacy iOS */
    url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.woff") format("woff"), /* Modern Browsers */
    url("https://williamk.se/assets/themes/harvardsprodukter/fonts/adam.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/********************************************/
/* Header 									*/
/********************************************/
#custom_html-3,#custom_html-4{
	padding-right: 0px;
}

#logo{
	display: none;
}

.logo{
	width: 140px;
}

.stuck .header-main .nav > li > a {
    line-height: 20px;
}

header .header-wrapper, .header-bg-color{
	background: none !important;
}
.header-main{
	background-color: #2f3b44;
}

header .meny a.nav-top-link{
	background: #25aae1;
	overflow: hidden;
	width: 60px;
	height: 60px;
	margin: 0;
	overflow: hidden;
	font-size: 0;
}
header .meny .icon-angle-down{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	text-align: center;
	width: 60px;
}
header .meny a .icon-angle-down:before{
    content: "\e800";
	color: #2f3b44;
}

.nav-dropdown-has-arrow li.has-dropdown:after{
	border-width: 16px;
	margin-left: -16px;
}
.nav-left .nav-dropdown{
	width: 1230px;
    margin-left: 15px;
}

/* Mobile menu */
.mobile-nav.nav-left a{
	background: #25aae1;
	width: 60px;
	height: 60px;
	margin: 0px;
}
.mobile-nav.nav-left a i:before{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	text-align: center;
	width: 60px;
}

header .search-form{
	margin: 0px;
}
header .search-field{
	height: 60px;
	border: 0px;
	font-size: 18px;
}
header .submit-button{
	background: #EEE !important;
	width: 60px;
	height: 60px;
	border: 0px;
	color: #3d464c;
}

header .container{
	padding-left: 0px;
	padding-right: 0px;
}

.header-bottom{
	width: 1230px;
	margin: 0 auto;
	padding: 0 25px;
	font-size: 25px;
}

/* FIX MOBILE */
.header-nav .nav-icon{
	background: #25aae1;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 0px;
	line-height: 70px;
	margin-right: 15px;
}
.header-nav .nav-icon a{
	width: 60px;
	height: 60px;
}
.header-nav .icon-menu{
	margin: 0 auto;
}
header .cart-item{
	margin: 0px;
}
header .cart-item a.header-cart-link{
	background: #e73f59;
	width: 60px;
	height: 60px;
	line-height: 40px;
	margin: 0px;
}
header .cart-item a span{
	margin: 0 auto;
}
header .cart-item .cart-icon strong,header .cart-item .cart-icon strong:after{
	border-color: #2f3b44;
	color: #2f3b44;
}
header .cart-item .cart-icon strong,header .cart-item .cart-icon strong:hover{
	background: none;
}

header .account-item{
	margin: 0px;
}
header .account-item a{
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 65px;
}
header .account-item i{
	margin: 0 auto;
}
header .account-item .icon-user{
	color: #FFF;
}

.remove.remove_from_cart_button, .remove{
	background: #3d464c;
	color: #FFF !important;
	font-size: 10px !important;
	height: 18px;
	width: 18px;
	line-height: 18px !important;
	text-align: center;
	border: 0px;
}

/********************************************/
/* Content 									*/
/********************************************/
body{
	background-color: #f2f2f2;
}

h1,h2{
	font-family: "adam";
	font-size: 1.8rem;
	font-weight: 700;
}
h3,h4,h5{
	font-family: "adam";
}

#wrapper{
	background: none;
}
#main{
	max-width: 1230px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
}
.content{
	background-color: #FFF;
}
.page-wrapper{
	padding-bottom: 0px;
}

#shop-sidebar .widget{
	border: 1px solid #dee1e4;
	padding: 15px;
}
#shop-sidebar .widget-title{
	display: block;
	font-family: "adam";
	color: #3d464c;
	font-weight: 400;
	margin-bottom: 15px;
}
#shop-sidebar .widget_price_filter .widget-title{
	margin-bottom: 25px;
}
#shop-sidebar .is-divider{
	display: none;
}
.block-2{
	font-family: "adam";
	font-weight: 400;
	font-size: 1.3rem;
}
.block-3{
	font-family: "adam";
	font-weight: 400;
	font-size: 1rem;
}

.product-images{
	height: 560px;
	text-align: center;
	padding: 50px 0;
}
.product-images img{
	max-height: 500px !important;
	width: auto;
}

.page-title{
	width: 100%;
	max-width: 1230px;
	background: #FFF;
	margin: 0 auto;
	padding: 0 10px;
}
.large-ad-l{
	padding-right: 0px;
}
.large-ad-r{
	padding-left: 0px;
}

.nyheter{
	padding-right: 0px;
}
.nyheter h3{
	background: #EEE;
	padding: 5px 5px 10px 15px;
	margin-bottom: 30px;
	font-size: 1em;
}
.rekommenderat h3{
	background: #EEE;
	padding: 5px 5px 10px 15px;
	margin-bottom: 0px;
	font-size: 1em;
}

.rekommenderat .row{
	padding: 15px 0px 0px 0px;
	margin: 0px;
}
.product-small .amount{
	display: block;
	padding: 5px;
	font-size: 1.4em;
}
.product-small .add-to-cart-button a{
	padding: 5px 25px;
	border-radius: 5px;
}
.product-small:hover .is-outline.primary {
	background: #25aae1;
	border-color: #25aae1;
	color: #FFF;
}
.product-images{
	border: 1px solid #EEE;
}
.related-products-wrapper{
	text-align: center;
	max-height: 450px;
}
.related-products-wrapper h3{
	text-align: left;
}
.related-products-wrapper img{
	max-height: 200px;
	width: auto;
	text-align: center;
}
.view-more-button{
	font-family: "adam";
	font-size: 1em;
	font-weight: normal;
	margin-top: 25px;
	padding: 0.4rem 3rem 0.6rem 3rem;
}

.wb-allview .wb-allview-title{
	color: #3d464c !important;
}
.wb-allview-item-title a{
	font-size: 0.9rem !important;
}

.eb-scrollbarcnt{
	z-index: 20 !important;
}

/********************************************/
/* Footer 									*/
/********************************************/

.footer-widgets{
		padding-top: 0;
}

footer .widget-title{
	display: block;
	background: #2f3b44;
	padding: 10px 15px 15px 15px;
	margin-bottom: 10px;
	font-family: "adam";		
	color: #FFF;
}
footer .is-divider{
	display: none;
}
.footer-1, .footer-2 {
	max-width: 1230px;
    border-top: 0px;
	font-size: 0.9em;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
}

.absolute-footer{
	max-width: 1230px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
}
.absolute-footer .container{
	padding-top: 15px;
	border-top: 1px solid #EEE;
}

/********************************************/
/* Small device								*/
/********************************************/

@media only screen and (max-width: 720px) {
	.header-bottom{
		padding: 0px !important;
		margin: 0px;
		max-width: 100%;
	}		
	.mobile-nav>.search-form{
		padding: 0px;
		margin: 0px;
		border-bottom: 1px solid #EEE;
	}

	#logo{
		display: block;
	}		
	.large-ad-l{
		padding-right: 15px;
	}
	.large-ad-r{
		padding-left: 15px;
	}
	.nyheter{
			padding-right: 15px;
	}
	#custom_html-3, #custom_html-4{
		padding-right: 15px;
	}
	.absolute-footer, .pull-right{
		text-align: center;
		float: none !important;
	}
}