/*
 Theme Name:   Butikker
 Template:     generatepress
 Version:      1.0.0
*/

/*
 
 GENERAL STYLES
 
*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap&subset=latin-ext');

body {
	
	font-family: 'Quicksand', sans-serif;
	
}

/* ===============================
			MISC
=============================== */

#main a, .widget a {

	font-weight: bold !important;
	
}

.button {
	
	text-align: center !important;
	
}

.clear {

	clear: both !important;
	
}

img.post-list-image {
	
	margin-bottom: 1em !important;
	max-width: 200px !important;
	
}

.inside-article, .paging-navigation, #right-sidebar .widget {
	
		border: 1px solid #ebebeb; !important;
		box-shadow: 0 2px 30px rgba(100,100,100,.2);
}

.grecaptcha-badge { 
 
	visibility: hidden !important;

}

.flash {

	color: #fff !important;
	font-size: 36px !important;
	font-weight: bold !important;
	text-align: center !important;
	text-shadow:1px 1px 0 #444 !important;
}

.clearfix:after {
  
  content: "";
  display: table;
  clear: both;

}

/* ===============================
			SHOP PAGES
=============================== */

.shop-headings {
	
	margin: 40px 20px !important;
	text-align: center !important;
	
}

.shop-headings h1 {

	font-size: 36px !important;
    font-weight: 700 !important;
	line-height: 40px!important;
	margin: 0 !important;
	padding: 0 !important;
	
}

.shop-headings h2 {

	font-size: 30px !important;
    font-weight: 400 !important;
	line-height: 40px!important;
	margin: 0 !important;
	padding: 0 !important;
	
}
	
/* ===============================
		SHOP LIST
=============================== */

.shop-list .inside-article {
	
	border: 1px solid #ebebeb !important;
	margin-bottom: 20px !important;
	padding: 20px !important;
	box-shadow: 0 2px 30px rgba(100,100,100,.2) !important;

}

.column-container {
  
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important; 
	align-self: center !important;

}

.column {

	flex: 1 !important;

}

.first-column {

	align-self: flex-start !important;
	width: 175px !important;
	flex: initial !important;

}

.first-column, .second-column {

	margin-right: 20px !important;

}

.third-column {
	
	align-self: flex-start !important;
	flex-grow: 2 !important;

}

.columns-single-shop .first-column, .columns-shop .first-column, .columns-product .first-column {
	
	margin-right: 0 !important;

}

.columns-single-shop .second-column, .columns-shop .second-column, .columns-product .second-column {

	margin-right: 0 !important;

}

.columns-single-shop .third-column, .shop-product .third-column, .columns-product .third-column {
	
	align-self: center !important;
	text-align: center !important;
	flex-grow: 1 !important;

}



/* ===============================
COLUMNS SINGLE SHOP / PRODUCTS
=============================== */

.columns-single-shop, .columns-shop, .columns-product {
	
	background-color: #191919 !important;
	color: #DFE2DB !important;
	padding: 20px !important;
justify-content: stretch !important;

}

.columns-shop, .columns-product {
	
	margin-right: -40px !important;
	margin-left: -40px !important;
	
}

.columns-shop:not(:last-child), .columns-product:not(:last-child) {
	
	border-bottom: 1px dashed #DFE2DB !important;
	
}

.columns-single-shop .first-column img, .columns-shop .first-column img, .columns-product .first-column img {
	
	border: 0 !important; 
	
}

/* ===============================
		FIRST COLUMN
=============================== */

.first-column img {
	
	border: 1px solid #eee !important; 
	width: 175px !important;
	
}

/* ===============================
		SECOND COLUMN
=============================== */

.second-column h3 {
	
	font-size: 26px !important;
	
}

.second-column h3 a, .second-column h3 a:hover {
	
	color: #191919 !important;
	
}


.shop-list .second-column {
	
	font-size: 13px !important;
	
}

/* ===============================
		THIRD COLUMN
=============================== */

.third-column h3 {
	
	font-size: 26px !important;
	
}

.third-column h3 a, .third-column h3 a:hover {
	
	color: #191919 !important;
	
}

/* ===============================
		COMPARE MODULE
=============================== */

.compare-module-wrapper {

	width: 100% !important;

}

.compare-module-container {
	
	margin: 0 auto !important;
	max-width: 906px !important;
	min-width: 300px;

}

.compare-module-container:after {

	clear: both;

}

.compare-col {
	
	
	background-color: #fbfbfb !important;
	border: 1px solid #ebebeb !important;
    box-shadow: 0 2px 30px rgba(100,100,100,.2) !important;	
    float: left !important;
	width: 260px !important;
	padding: 20px !important;
	text-align: left !important;
}

.compare-col.middle {
	
	background-color: #fff !important;
	box-shadow: 0 2px 30px rgba(100,100,100,.2) !important;
	margin-bottom: 40px !important;
	padding-bottom: 80px !important;
	padding-top: 60px !important;

}

.compare-col.left, .compare-col.right {
	
	margin-top: 30px !important;
	padding-bottom: 40px !important;
	padding-top: 40px !important;

}

.compare-col h3 {
	
	font-size: 22px !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	text-align: center !important;
	
}

.compare-col img {
	
	border: 1px solid #eee !important;
	max-width: 175px !important;
	
}

.compare-col p {
	
	font-size: 15px;
	
}

.compare-col a.button {
	
	position: relative;
	bottom: 0;
	
}

/* ===============================
SHOP USP / PRODUCT USP
=============================== */

.shop-usp, .product-usp  {

	font-size: 15px !important;

}

.columns-shop .shop-usp  {

	font-size: 13px !important;

}

.shop-usp i, .product-usp i {

	color: #191919 !important;
	margin-right: 10px !important;
	
}

.shop-usp i.light, .product-usp i.light {

	color: #DFE2DB !important;
	
}

.shop-usp li, .product-usp li {

	border: 0 !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
	
}

.shop-usp li.title, .product-usp li.title {

	font-size: 17px !important;
	font-weight: bold !important;
	padding-bottom: 20px !important;
	
}

.columns-shop .shop-usp li.title {

	font-size: 15px !important;
	font-weight: bold !important;
	padding-bottom: 5px !important;
	
}

/* ===============================
			SHOP RATING
=============================== */

.shop-rating, .product-rating {
	margin-bottom: 10px !important;
	text-align: center !important;
}

.shop-rating .span, .product-rating .span {
  display: inline !important;
}

.shop-rating .checked, .product-rating .checked {
  color: orange !important;
}

.shop-rating .not-checked, .product-rating .not-checked {
  color: #eee !important;
}

/* ===============================
			POWERED BY
=============================== */

.powered-by {

	color: #DFE2DB !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
}

.powered-by a, .powered-by a:hover {

	color: #3FD4E0 !important;
	
}

/* ===============================
			BANNERS
=============================== */

.banner-ads {
	
	text-align: center !important;
	width: 100% !important;

}

.banner-ads img {
	
	box-shadow: 0 2px 30px rgba(100,100,100,.2) !important;	

}

/* ===============================
		SMALLER SCREENS
=============================== */

@media only screen and (max-width: 1000px) {
 
	/* For tablets: */

 	.site-logo {
     
		max-width: 150px !important;
    
	}

	.shop-headings h2, .compare-module-wrapper {
		
			display: none !important;
			
	}
 
 
}

@media only screen and (max-width: 768px) {
 
	/* For mobile phones: */
	
	.first-column {
		
		text-align: center !important;
		width: 100% !important;

	}

	.column-container {
	
		flex-direction: column !important;
	
	}
	
	.first-column, .second-column {

		margin-right: 0 !important;

	}

	.left-column {
		
		float: none !important;
		margin: 0 !important;
		text-align: center !important;
		width: 100% !important;
		flex: 1 !important;

	}

	.right-column {
		
		flex: 1 !important;

	}
 
	.entry-header .button {
		
		margin-top: 20px !important;
	
	}

}

/* ===============================
			ALIGN
=============================== */

.alignleft {

	text-align: left !important;
	
}

.alignright, .read-more-container {

	text-align: right !important;
	
}

.aligncenter {

	text-align: center !important;
	
}

/* ===============================
			MARGIN
=============================== */

.margin-top-s {

	margin-top: 10px !important
	
}

.margin-bottom-s {

	margin-bottom: 10px !important
	
}

.margin-right-s {

	margin-right: 10px !important
	
}

.margin-left-s {

	margin-left: 10px !important
	
}

.margin-top-m {

	margin-top: 20px !important
	
}

.margin-bottom-m {

	margin-bottom: 20px !important
	
}

.margin-right-m {

	margin-right: 20px !important
	
}

.margin-left-m {

	margin-left: 20px !important
	
}

.margin-top-l {

	margin-top: 40px !important
	
}

.margin-bottom-l {

	margin-bottom: 40px !important
	
}

.margin-right-l {

	margin-right: 40px !important
	
}

.margin-left-l {

	margin-left: 40px !important
	
}