/*
	Theme Name: EMELIEmaria
	Theme URI: https://www.emeliemaria.se
	Description: Based on HTML5 Blank WordPress Theme
	Version: 1.1
	Author: Mats Bylund
	Author URI: //

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	height:100%;
}
body {
	font:300 16px/1.4 'Libre Franklin','Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
	min-height:100%;
	height:100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#005e4b;
	text-decoration:underline;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {f
	outline:0;
	text-decoration: none;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
	padding:6px 5px;
}
h1 a, nav li a, h2 a, h3 a{color:#444;text-decoration: none;font-weight: 700;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration: underline;}
a.print-link{font-size: 14px;font-weight: 400;margin:0 10px;white-space: nowrap;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	min-height: 100%;
	margin:0 auto;
	position:relative;
	background-color: #fff;
}
/* header */
.header-wrapper{padding:0 30px;}
.header {
padding:30px 0 30px 0;width:100%;margin:0 auto 30px auto;text-align:center;max-width:1100px;border-bottom:1px solid #4f9688;
}
/* logo */
.logo {
text-align:center;
background-repeat: no-repeat;
background-position: center center;background-size:100% auto;
height:160px;
float:left;
width:auto;
text-align:center;
margin: 0 45px 0 0;
}
.logo-img {
height:100% !important;width: auto;
}
/* nav */

.nav-main {
padding:0 30px;text-align: center;margin:0 auto;display:inline-block;width:100%;
}
nav ul{margin:0;padding:0;margin-top:50px;text-align:center;float:left;}
nav ul li{list-style: none;display:inline-block;font-size:14px;font-weight:700;text-transform: uppercase;text-align: center;margin:0 0 0 90px;padding-top:40px;background-repeat: no-repeat;background-position: center top;background-size: 32px;}
nav ul li#menu-item-76{background-image:url("img/icons/photography.png");}
nav ul li#menu-item-1596{background-image:url("img/icons/artwork.png");}
nav ul li#menu-item-74{background-image:url("img/icons/about.png");}
nav ul li#menu-item-3691{background-image:url("img/icons/prints.png");}
.instagram-icon, .facebook-icon{width:32px;height:32px;float:right;margin:60px 0 0 30px;position:relative;}
.instagram-icon img, .facebook-icon img, .profile-image{width:100%;height:auto;}
nav ul a{text-align: center;}
nav ul li.current-menu-item a{border-bottom:3px solid #2e3d66;}
/* sidebar */
.sidebar {
padding:0 20px 90px 20px;float:left;width:30%;
}
/* footer */
.footer {
width:100%;color:#fff;background-color:#555555;padding:22px;text-align: center;clear: both;
    position: absolute;
    left:0;
    bottom:0;
    height: 64px;
    margin-top: -64px;
}
.footer p {padding:0;margin:0;font-size:14px;}
.footer a{color:#fff;text-decoration: underline;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page-id-14 .main-wrapper, .woocommerce-cart .main-wrapper, .page-id-168 .main-wrapper, .page-id-3380 .main-wrapper, .page-id-3406 .main-wrapper, .woocommerce-checkout .main-wrapper, .single-post .main-wrapper, .single-product .main-wrapper, .news .main-wrapper, .archive .main-wrapper{max-width: 1100px;margin:0 auto;}

main{
	padding:0 0 90px;width:100%;text-align: center;
}
.page-id-14 main, .page-id-168 main, main.post, .news main, .archive main, .single-product main, .woocommerce-checkout main{
	padding:0 20px 90px 20px;float:left;width:70%;text-align: left;
}
.woocommerce-page main{padding: 0 0 90px 0;}
.woocommerce-checkout main{width:100%;}
main.front-page .main-content{position: relative;max-width:30%;display:inline;padding:20px;bottom:20px;left:20px;background-color: rgba(255,255,255,0.5);z-index:99999;}
main.front-page #latest-news{display:none;text-align: center;padding:0 0 30px 0;width:calc(100% - 60px);max-width: 1100px;margin:0 auto;border-bottom: 1px solid #4f9688;}

section.contained{max-width: 1100px;margin:0 auto;padding:0 30px;box-sizing: content-box;}
section.contained article{border-top:1px solid #ddc3c3;padding:30px 0 0;}
section.contained-news article{border-bottom:1px solid #ddc3c3;padding:0 0 30px;margin: 0 0 30px;}
article#post-8{padding:0 20px;}

.retailers {display: flex; justify-content: center; margin-top: 30px; margin-bottom: 40px; padding: 0 120px;align-items:center;}
.retailers img {padding: 0 40px !important;}

article.post-3557 {padding: 0 20px;}
.page-id-3557 .slider-pro {padding-bottom:20px;}

/*------------------------------------*\
    HEADER BAR
\*------------------------------------*/
.header-bar{color:#ffF;background-color:#444;width:100%;text-align: center;padding:12px;}
.header-bar h1{font-size:18px;font-family: 'Libre Franklin';font-weight: 400;margin:0;}
.lang{position:absolute;left: 20px;top:12px;}
.lang a{color:#fff;text-decoration: none;	background-repeat: no-repeat;font-size:18px;
	background-position: left center;
	background-size: 24px;
	padding-left: 28px;}
	.lang a.current-lang span{text-decoration: underline;}
.lang a.se{
	background-image: url("img/icons/se.png");

}
.lang a.en{
	background-image: url("img/icons/en.png");

}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.slider{margin:30px 0 40px;}
.slider .slick-slide{padding:0 15px;box-sizing: border-box;}
	.slider .slider-image {padding-top:100%; background-repeat: no-repeat;background-position: top;background-size: contain;}


/*------------------------------------*\
	ISOTOPE
\*------------------------------------*/

.gImage{width:33.3%;padding: 15px;}
.gImage img{width:100%;height:auto;display:block;}

.caption{display:none;}

.filter{padding:10px 15px;color:#000;-webkit-appearance: none;background-color: #fff;font-family: "Libre Franklin", sans-serif;border:1px solid #000;margin:5px;}
.filter:hover{background-color: #000;color:#fff;}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

h2{font-family: "Oswald",sans-serif;margin-top:0;font-size:2em;}
.home h2{margin:0;}
article p.news-header{font-family: "Libre Franklin", sans-serif;font-size: 14px;font-weight: 400;margin: 5px 0;}
strong{font-weight: 700;}
p{font-size: 16px;}

ul.contact{margin:0;padding:0;}
li.email, li.phone, li.instagram{list-style: none;margin:15px 0 0 0;padding:0 0 0 45px;background-repeat: no-repeat;}
li.email{background-image:url("img/icons/about.png");background-size: 25px;background-position: left center;}
li.instagram{background-image:url("img/icons/instagram.svg");background-size: 20px 20px;background-position: left 3px center;}
li.phone{background-image:url("img/icons/phone.svg");background-size: 20px 20px;background-position: left 3px center;}

button, input,textarea{padding:5px;}

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/
.cart-shortcut{position:absolute;top:12px;right:20px;left:auto;}
.cart-shortcut a{
	color:#fff;text-decoration: underline;	background-repeat: no-repeat;font-size:18px;
	background-position: left top;
	background-size: contain;
	padding-left: 24px;background-image:url("img/icons/shopping-bag.png");
}

.product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as {display:block;}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:auto;}

ul.product-categories{padding:0;margin:0;}
li.cat-item{list-style:none;}

.woocommerce .quantity .qty{padding:6px 0;margin:0 6px 0 0;
	
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media all and (max-width:1140px) {
	nav ul li:first-child{margin-left:120px;}
	}
@media all and (max-width:1100px) {
nav ul li:first-child{margin-left:0px;}
	nav ul li{font-size:13px;margin:0 0 0 100px;}
	.instagram-icon, .facebook-icon{width:28px;height:28px;float:right;margin:60px 0 0 20px;}

}
@media all and (max-width:980px) {
		.retailers{display:block;text-align:center;padding:0 20px;margin-bottom:0px;}
	.retailers a{display:block;margin-bottom:40px;}
	.logo{float:none;margin:0 0 30px;}
	nav ul{margin:0;text-align:center;float:left;}
		nav ul li{margin:0 80px 0 0;}
	.instagram-icon, .facebook-icon{width:24px;height:24px;float:right;margin:16px 0 0 15px;}
.gImage{width:33.3%;padding: 15px;}
}

@media all and (max-width:780px) {
	.gImage{width:50%;padding: 15px;}
.page-id-14 main, main.post, .news main, .archive main{
width:60%;
}
.sidebar {
width:40%;
}
	nav ul li{font-size:11px;margin:0 60px 0 0;}

	.instagram-icon, .facebook-icon{width:20px;height:20px;float:right;margin:12px 0 0 15px;}
}

@media all and (max-width:680px) {
	
	 .page-id-3559 .main-wrapper img, .page-id-3559 .main-wrapper div {
		display:block !important;
		padding:0 !important;
		width:100% !important;
		max-width: 100% !important;

	}
	.page-id-3559 .main-wrapper p{ max-width: 100% !important; }
	
	.gImage{width:100%;padding: 20px 20px 0 20px;}
.page-id-14 main, main.post, .news main, .archive main, .single-product main,.page-id-3380 .main-wrapper, .page-id-3406 .main-wrapper{
float:none;width:100%;padding:0 20px 60px;
}
.sidebar {
float:none;width:100%;padding-bottom:90px;
}
nav ul li{list-style: none;display:block;font-size:20px;font-weight:700;text-transform: uppercase;text-align: left;margin:15px 0 0 0;padding:0 0 0 45px;background-repeat: no-repeat;background-position: left center;background-size: 25px;}
.instagram-icon, .facebook-icon{width:24px;height:24px;float:none;position:absolute;top:56px;right:20px;margin:0;}
.instagram-icon{right:60px;}
.nav-main {padding:0;text-align: center;margin:0 auto;display:inline-block;width:100%;}
.lang{position:absolute;top:56px;left:20px;right:auto;}
.lang a{	background-size: 32px;padding-left:32px;}
.lang span{display:none;}
.header-bar h1{font-size:14px;text-align: left;}
.cart-shortcut{top:8px;right:12px;}
.cart-shortcut a{	font-size:14px;}
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator{text-align: center;}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}