/* cmsms stylesheet: Wysiwyg modified: 02/14/18 12:49:56 */
body#tinymce {
  color: #1e1e1e;
  background-color: #fff;
  
  margin: 0;
  padding: 0;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;		
}

body#tinymce p {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;

  font-size: 15px;
  line-height: 135%;
	
  margin: 0;
  padding: 0;	
}

body#tinymce a {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 22px;

  color: #1e1e1e;
  transition: 0.15s color ease-in-out;

  text-decoration: none;
  text-transform: uppercase;
}

body#tinymce a:hover {
  color: #333;
}
/* cmsms stylesheet: Helmityyli modified: 10/13/18 12:35:33 */
/* RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, landing, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, landing, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {	

}

ul li {
	list-style-type: disc;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;	border-spacing: 0;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

html, body {
	-webkit-text-size-adjust: none;	

	color: #111;
	background-color: #fff;
}

::selection {
  background-color: #111; 
  color: #fff;
}
::-moz-selection {
  background-color: #111; 
  color: #fff;
}

a {
	text-decoration: none;

}

img {
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}

/*

UTILS

*/

.reset {
	clear: both;
}

.gap {
	height: 40px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.widthCheck {
	position: fixed;
	top: 1px;
	left: 0px;
	z-index: 999;
	width: 100vw;	
	height: 1px;
	background-color: black;
	visibility: hidden;
	pointer-events: none;
}

.heightCheck {
	position: fixed;
	top: 0px;
	left: 1px;
	z-index: 998;
	width: 1px;	
	height: 100vh;
	background-color: black;
	visibility: hidden;
	pointer-events: none;
}

/*

TYPOGRAPHY

*/

body {
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 400;

	line-height: 140%;

	color: #1e1e1e;
	background-color: #fff;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6,
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 125%;
        font-style: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	

	margin: 0;
	color: #1e1e1e;

	overflow-wrap: break-word;
}

h1, h1 p {
	font-size: 50px;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-align: center;
	line-height: 90%;
	margin-bottom: 10px;
}

h2, h2 p {
	font-size: 40px;
	letter-spacing: -1.5px;
}

h3, h3 p {
	font-size: 30px;
	letter-spacing: -1px;
}

h4, h4 p {
	font-size: 24px;
	letter-spacing: -0.6px;
}

h5, h5 p {
	font-size: 20px;
	letter-spacing: -0.4px;
}

h6, h6 p {
	font-size: 16px;
	letter-spacing: -0.3px;
}

h2 strong, h2 strong p,
h3 strong, h3 strong p,
h4 strong, h4 strong p,
h5 strong, h5 strong p,
h6 strong h6 strong p {
	text-transform: uppercase;
}

a {
	color: #1e1e1e;
	font-weight: 700;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;		

	transition: 0.15s color ease-in-out;
}

a:hover {
	color: #888;
}

p, li, div, i, em, select, input, textarea {
	font-family: "Libre Baskerville", serif;
	font-weight: 400;

	font-size: 15px;
	line-height: 160%;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;		
}

p {

}

i, em {

}

em {
	font-weight: 700;
}

strong {
	font-weight: 700;
}

.noMarginTop {
	margin-top: 0px;
}

ul {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
}

ul li {
	margin-bottom: 10px;
}

/*

STRUCTURE, HEADER & NAVIGATION

*/

.wrapper {
	position: relative;
	opacity: 1;
 	overflow: hidden;
}

.content {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;

	padding: 46px 0 100px 0;
	box-sizing: border-box;
}

.content h1 {
	margin-bottom: 30px;
	padding: 0 5%;
}


.page {
	padding-left: 5%;
	padding-right: 5%;
}

.header {
	position: relative;
	width: 100%;
	padding: 50px 5% 50px 5%;
	box-sizing: border-box;
	text-align: center;
}

.headerLogo {
	display: inline-block;
	width: 80%;
	height: auto;
	max-width: 300px;

	margin: 0 auto;

	cursor: pointer;
}

.btnHeader {
	display: block;

	position: absolute;
	bottom: 10px;
	right: 0px;

	width: 50px;
	height: 50px;

	background-color: #fff;

	cursor: pointer;
	transition: 0.2s background-color ease-in-out;
}

.btnHeader:hover {
	background-color: #e9e9e9;
}

.btnHeader img {
	width: 100%;
	height: auto;
}

#btnFB {
	bottom: 100px;
}

#btnIG {
	bottom: 50px;
}

#btnSC {
	bottom: 0px;
}


.navi {
	position: relative;

	text-align: center;
	font-size: 0px;

	box-sizing: border-box;
}

.naviBar {
	width: 100%;
	height: 8px;
	background-color: #1e1e1e;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.naviItems {
	position: relative;

	margin: 0 auto;
	display: inline-block;

	padding: 0 8px;
	background-color: #fff;
}

.naviItems a:hover {
	color: #1e1e1e;
}

.naviItem {
	float: left;
	cursor: pointer;
	background-color: #fff;
	transition: 0.15s background-color ease-in-out;
}

.naviItem:hover {
	background-color: #ddd;
}

.naviItem p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 22px;
	text-transform: uppercase;
	padding: 10px 16px 8px 16px;
}

.naviCurrent {
	background-color: #1e1e1e;
}

.naviCurrent p {
	color: #fff;
}

.naviCurrent:hover {
	background-color: #1e1e1e;
}

.btnTop,
.btnMenu,
.btnCloseMenu,
.btnCart,
.btnCloseCart {
	position: fixed;
	z-index: 100;
	width: 50px;
	height: 50px;
	background-color: #fff;
	cursor: pointer;
	display: none;
	transition: 0.15s background-color ease-in-out;
}


.btnMenu {
	left: 0px;
	top: 0px;
}

.btnCloseMenu {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	background-color: #1e1e1e;
}

.btnCloseCart {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
}

.btnTop {
	right: 0px;
	bottom: 0px;
}

.btnTop img,
.btnMenu img,
.btnCloseMenu img {

}

.btnTop:hover,
.btnCart:hover,
.btnCloseCart:hover {
	background-color: #ddd;
}

.btnCart {
	right: 0px;
	top: 0px;
	display: block;
}

.btnCart img {
	width: 100%;
	height: auto;
}

.noteCart {
	position: fixed;
	z-index: 90;
	right: 0px;
	top: -50px;
	width: 185px;
	height: 50px;
	background-color: #1e1e1e;
	box-sizing: border-box;
	padding: 11px 60px 10px 10px;
	display: none;
}

.noteCart p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 100%;
}

.menu {
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;

	overflow-x: hidden;
	overflow-y: scroll;	

	z-index: 101;

	background-color: #1e1e1e;

	width: 100%;
	min-height: 100vh;

	display: none;

	box-sizing: border-box;
}

.menuContent {
	position: relative;
	margin: 0;
	padding: 0;
}

.menuItem {
	cursor: pointer;
}

.menuItems {
	padding: 100px 0;

}

.menuItem p {
	color: #fff;
	font-size: 22px;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 22px;
	text-transform: uppercase;
	padding: 20px 20px 16px 20px;	
	text-align: center;
	margin-bottom: 20px;
}

.btnMenuSome {
	display: block;

	float: left;

	width: 50px;
	height: 50px;

	cursor: pointer;
	transition: 0.2s background-color ease-in-out;

	margin: 0 10px;

}

.menuSome {
	position: relative;
	width: 210px;
	margin: 0 auto;
	margin-top: 10px;
}

.btnMenuSome img {
	width: 100%;
	height: auto;
}


.btnBlack {
	display: inline-block;
	background-color: #1e1e1e;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 8px 16px 6px 16px;
	color: #fff;

	margin-top: 30px;
	margin-bottom: 0px;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;
	cursor: pointer;

	margin-right: 10px;
}

.btnBlack:hover {
	color: #aaa;
}


/*

FRONT PAGE

*/

.newsItem {
	position: relative;
	width: 100%;
	padding-bottom: 80px;
}

.newsImage {
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	opacity: 1;
}

.newsImage img {
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
}

.newsContent {
	position: relative;

	background-color: #fff;
	width: 53%;
	margin-left: 7%;

	box-sizing: border-box;
	padding: 40px 50px 0px 50px;

	float: left;
	margin-top: -80px;
}

.newsItem h1 {
	position: absolute;
	bottom: 78px;
	left: 7%;
	margin-left: -7px;
	width: 86%;
	text-align: left;
}

.newsItem h1,
.newsItem h1 p {
	text-transform: uppercase;
	color: #fff;
	font-size: 125px;
	line-height: 71.5%;
	letter-spacing: -8px;
	text-align: left;
	padding: 0;
	margin: 0;
}

.newsContent h4 {
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 22px;
}

.newsLinks {
	float: left;
	width: 33%;
	background-color: #fff;
	padding-top: 20px;
}

.newsLinks a {

	display: inline-block;
	background-color: #1e1e1e;
	white-space: pre-wrap;
	box-decoration-break: slice;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 8px 16px 6px 16px;

	color: #fff;

	margin-right: 20px;
	margin-top: 30px;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;

}

.newsLinks a:hover {
	color: #aaa;
}

.newsItemAlignRight {

}

.newsItemAlignRight h1,
.newsItemAlignRight h1 p {
	text-align: right;
	margin-left: 6px;
}

.newsItemAlignRight .newsContent {
	margin-left: 0;
	margin-right: 7%;
	float: right;
}

.newsItemAlignRight .newsLinks {
	float: right;
	text-align: right;
}

.newsItemAlignRight .newsLinks a {
	margin-left: 20px;
	margin-right: 0;
}


.someLink p {
	display: inline-block;
	background-color: #1e1e1e;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 8px 16px 6px 16px;
	margin: 0;
	color: #fff;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;
	cursor: pointer;

	margin-right: 10px;
}

.someLink a {
	color: #fff;
}

.someLink:hover a {
	color: #aaa;
}

.instaFeed {
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	margin-top: 30px;
}

.instafeed h1 {

}

.pluginWide {

}

.pluginNarrow {
	display: none;
}

.facebookFeed {
	position: relative;
	margin: 0 auto;
	padding: 80px 5% 0 5%;
	box-sizing: border-box;
}

.facebookFeedContainer {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.instaFeed .someLink,
.facebookFeed .someLink {
	display: table;
	margin: 0 auto;
	margin-top: 20px;
}

/*

DISKOGRAFIA

*/

.discography,
.latestReleases {
	position: relative;
	padding: 0 0%;
	box-sizing: border-box;
	margin-top: 50px;
}

.latestReleases {
	margin-top: 30px;
	margin-bottom: 80px;
}

.discography a,
.latestReleases a {
	width: 25%;
	float: left;
}

.discography a:nth-child(4n+1),
.latestReleases a:nth-child(4n+1) {
	clear: left;
}

.latestReleases a:nth-child(9) {
	display: none;
}

.disgItem,
.releaseItem {
	position: relative;

	width: 100%;

	text-align: center;

	padding-bottom: 32px;
	cursor: pointer;

	background-color: #fff;
	transition: 0.15s background-color ease-in-out;
}

.latestReleases img {
	margin: 0;
	padding: 0;
}

.releaseItem {
	padding-bottom: 0;
	margin: 0;
}

.releaseItem:hover .releaseInfo {
	opacity: 1;
}

.disgItem p,
.releaseItem p {
	margin: 0;
	padding: 0;
}

.disgImage,
.releaseImage {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}

.releaseImage {
	margin-bottom: 0px;
}

.disgImage img,
.disgImage p img,
.releaseImage img,
.releaseImage p img {
	width: 100%;
	height: auto;
}

.releaseInfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	transition: 0.25s opacity ease-in-out;

}

.releaseInfoTable {
	display: table;
	width: 100%;
	height: 100%;
}

.releaseInfoContainer {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 20px;
}

.releaseInfo p {
	color: #fff;
}


.discography a:hover,
.latestReleases a:hover {
	color: #1e1e1e;
}


.disgItem h2,
.disgItem h2 p,
.releaseItem h2,
.releaseItem h2 p {
	font-size: 22px;
	line-height: 110%;
	text-transform: uppercase;
	box-sizing: border-box;
}

.disgItem h3,
.disgItem h3 p,
.releaseItem h3,
.releaseItem h3 p {
	font-family: "Libre Baskerville", serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	box-sizing: border-box;
	margin: 5px 0;
	letter-spacing: -1px;
	text-transform: none;
}

.disgItem h4,
.disgItem h4 p,
.releaseItem h4,
.releaseItem h4 p {
	font-size: 19px;
	line-height: 100%;
	text-transform: uppercase;
	box-sizing: border-box;
}

.disgItem h5,
.disgItem h5 p,
.releaseItem h5,
.releaseItem h5 p {
	font-size: 17px;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
	box-sizing: border-box;
	margin-top: 5px;
}

.disgItem h2,
.disgItem h3,
.disgItem h4,
.disgItem h5,
.releaseItem h2,
.releaseItem h3,
.releaseItem h4,
.releaseItem h5 {
	padding: 0 20px;
}

.discographyList {
	position: relative;
	width: 100%;
	max-width: 650px;
	padding: 40px 4% 40px 4%;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
	margin-top: 40px;

	background-color: #eee;
}

.discographyList h1 {
	padding: 0;
	text-align: left;
}


.discographyList p {
	font-size: 16px;
	margin-bottom: 20px;
}

.discographyList p i {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 20px;
	font-style: normal;
	padding-right: 10px;
	display: block;
	margin-bottom: -3px;
}


/*

RECORD PAGE

*/

.itemName,
.itemName p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 90%;
	font-size: 50px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	

	margin: 0;
	margin-bottom: 0px;
	color: #1e1e1e;
	padding: 0 5%;
}

.record h1,
.shopunit h1 {
	margin-bottom: 20px;
}

.itemTitle,
.itemTitle p {
	text-align: center;
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 700;
	font-size: 35px;	
	margin-bottom: 30px;
	line-height: 110%;
	letter-spacing: -1.5px;
	padding: 0 5%;
}

.coverArt {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 1.5% 0 5%;
}

.coverArt img {
	width: 100%;
	height: auto;
}

.recordInfo {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 5% 0 1.5%;

}

.recordInfo h3,
.recordInfo h3 p {
	font-size: 25px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	text-transform: uppercase;
}

.recordInfo h4,
.recordInfo h4 p {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.recordInfo p {
	font-size: 16px;
}


.moreInfo {
	margin-top: 20px;
}

.moreInfo p {
	margin: 0;
	line-height: 140%;
}

.recordInfo ol {
	counter-reset: list;
	margin-bottom: 30px;
}

.recordInfo li {
  list-style: none;
  position: relative;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 8px;
  padding-left: 25px;
}

.recordInfo li::before {
	counter-increment: list;
	content: counter(list) ".";

	display: inline-block;
	width: 30px;

	position: relative;
	margin-left: -30px;

	color: #1e1e1e;

	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 100%;
	font-size: 15px;
	text-transform: uppercase;

	padding: 0;
	position: relative;
	top: 0px;
	margin-right: 0px;
	text-align: center;
}

.availableShopItems {
	margin-top: 40px;
	display: none;
}

.shopLinks {
	display: none;
}

.availableItem {
	margin-bottom: 20px;
}

.itemHiddenPrice {
	display: none;
}

.itemType,
.itemSeparator,
.itemPrice {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	font-size: 30px;
	text-align: left;
	display: inline;
	text-transform: uppercase;
	margin: 0;
}

.itemSeparator {
	margin: 5px;
}

.vatInfo {
	position: relative;
	top: -1px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 100%;
	font-size: 16px;
	text-align: left;
	display: inline;
	text-transform: uppercase;
	margin-left: 10px;
}

.vatInfo::after {
	content:"";
	display: block;
}

.btnAdd {
	display: inline-block;
	background-color: #1e1e1e;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 8px 16px 6px 16px;
	color: #fff;

	margin-top: 4px;
	margin-bottom: 0px;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;
	cursor: pointer;
}

.btnAdd:hover {
	color: #aaa;
}

/*

KEIKKAMYYNTI

*/

.keikkamyyntiInfo {
	max-width: 650px;
	margin: 0 auto;
	text-align: justify;
	margin-bottom: 50px;
	padding: 0 5%;
}

.artists {
	text-align: center;
}

.artists a {
	width: 100%;
	max-width: 900px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	display: block;
}

/*
.artists a:nth-child(2n) {
	margin-left: 2%;
}

.artists a:nth-child(2n + 1) {
	margin-right: 2%;
}
*/

.artistItem {
	width: 100%;
	position: relative;
}

.artistItem h1 {
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 100%;
	text-align: center;
	margin: 0;
	line-height: 75%;
	padding: 0 20px;
	box-sizing: border-box;
}

.artistItem h1 p {
	color: #fff;
	font-size: 100px;
	line-height: 75%;
}

.artistImage img {
	width: 100%;
	margin-top: 0px;
}

.artistPage h1,
.artistPage h1 p {
	font-size: 90px;
	margin-bottom: 10px;
	position: relative;
	margin-top: 0px;
	line-height:85%;
}

.artistInfo,
.artistLinks,
.artistList {
	position: relative;
	width: 100%;
	padding: 40px 5% 0 5%;
	max-width: 850px;
	margin: 0 auto;
	margin-top: -7%;
	background-color: #fff;
	box-sizing: border-box;
}

.artistLinks {
	padding-top: 30px;
}
.artistLinks,
.artistList {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.artistList {

}

.artistList .btnBlack {
	margin-top: 0;
}


.artistInfo h4 {
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 22px;
}

.artistLinks {
	margin-top: 0;
}

.artistLinks a {
	display: table;
	background-color: #1e1e1e;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 8px 16px 6px 16px;
	color: #fff;

	margin-top: 4px;
	margin-bottom: 0px;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;
	cursor: pointer;

	margin: 0;
	margin-bottom: 20px;
}

.artistLinks a:hover {
	color: #888;
}

.artistLinks a:after {

}

/*

SHOP

*/

.shop {
	position: relative;
	padding: 0 4%;
	box-sizing: border-box;
	margin-top: 50px;

}

.shop a {
	width: 25%;
	float: left;
}

.shop a:hover {
	color: #1e1e1e;
}


.shop a:nth-child(4n+1) {
	clear: left;
}

.kauppaInfo {
	max-width: 650px;
	margin: 0 auto;
	text-align: justify;
	margin-bottom: 50px;
	padding: 0 5%;
}


.shopItem {
	width: 100%;

	text-align: center;

	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	padding-bottom: 32px;
	cursor: pointer;

	transition: 0.15s background-color ease-in-out;

	position: relative;
}

.shopItem p {
	margin: 0;
	padding: 0;
}


.shopImage {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}

.shopImage img,
.shopImage p img {
	width: 100%;
	height: auto;
}

.shopItem:hover {

}

.shopItem h2,
.shopItem h2 p {
	font-size: 22px;
	line-height: 110%;
	text-transform: uppercase;
	box-sizing: border-box;
}

.shopItem h3,
.shopItem h3 p {
	font-family: "Libre Baskerville", serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	box-sizing: border-box;
	margin: 5px 0;
	letter-spacing: -1px;
}

.shopItem h4,
.shopItem h4 p {
	font-size: 19px;
	line-height: 100%;
	text-transform: uppercase;
	box-sizing: border-box;
}

.shopItem h5,
.shopItem h5 p {
	font-size: 17px;
	font-weight: 400;
	line-height: 100%;
	text-transform: uppercase;
	box-sizing: border-box;
	margin-top: 5px;
}

.shopItem h2,
.shopItem h3,
.shopItem h4,
.shopItem h5 {
	padding: 0 20px;
}

.shopunitName,
.shopunitName p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 90%;
	font-size: 50px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	

	margin: 0;
	margin-bottom: 20px;
	color: #1e1e1e;
	padding: 0 5%;
}

.shopunitType,
.shopunitType p {
	text-align: center;
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 700;
	font-size: 35px;	
	margin-bottom: 30px;
	line-height: 110%;
	letter-spacing: -1.5px;
	padding: 0 5%;
}

.shopunitImage {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 1.5% 0 5%;
}

.shopunitImage img {
	width: 100%;
	height: auto;
}

.shopunitInfo {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 5% 0 1.5%;

}

.shopunitInfo h3 {
	font-size: 25px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

.shopunitInfo h4 {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 20px;
}

/*

CONTACT

*/

.contact {

}

.contact a {
	display: table;
	text-align: center;
	margin: 0 auto;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 22px;
	text-transform: uppercase;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;	
}

.contact p {
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	line-height: 140%;
}

/*

SHOPPING LIST

*/

.cart {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;

	z-index: 1000;

	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	box-sizing: border-box;
	padding: 50px 0 100px 0;

	overflow-x: hidden;
	overflow-y: scroll;

	display: none;
}

.cartContainer {
	position: relative;
}

.cart h1 {
	margin-bottom: 30px;
	padding: 0 5%;
}

.cartItems,
.cartForm {
	position: relative;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 800px;
}

.cartItem {
	padding: 10px 0;
	margin-bottom: 10px;
	position: relative;

	border-bottom: 1px dotted #aaa;
}

.cartItem:last-of-type {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.btnRemoveItem {
	position: absolute;
	right: 0px;
	top: 6px;
	z-index: 200;

	width: 26px;
	height: 26px;
	background-color: #fff;

	cursor: pointer;
}

.btnRemoveItem:hover {
	background-color: #ddd;
}

.cartItemList p {
	margin-bottom: 20px;
}

.cart h5 {
	font-family: "Libre Baskerville", sans-serif;
	font-weight: 700;
	font-size: 18px;	
	line-height: 120%;
	letter-spacing: -0.7px;

	width: 75%;
	float: left;

	box-sizing: border-box;
	padding-right: 20px;

}

.cart h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 28px;
	text-transform: uppercase;	

	width: 25%;
	float: left;
	text-align: right;
	padding-right: 35px;
	box-sizing: border-box;

	position: relative;
	top: -5px;
}

.cart h6:after {

}

#shippingText, #shippingPrice {
	margin-bottom: 10px;
}

.cartDiscount {
	display: none;
	margin-bottom: 10px;
}

.cartTotal {
	border-top: 6px solid #1e1e1e;
	padding-top: 20px;
}

.cart .vatInfo {
	display: block;
	margin: 0;
	padding-top: 20px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: left;
	margin-bottom: 20px;
}

.shippingType {
	margin-bottom: 20px;
	display: block;
}

.btnShipping {
	padding: 10px 16px 8px 16px;
	background-color: #ddd;
	display: block;
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
	margin-right: 6px;
}

.btnShipping p {
	/*
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0px;
	font-size: 16px;
	text-transform: uppercase;
	*/
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 19px;
	text-transform: uppercase;
	color: #fff;	
}

.selectedShipping {
	background-color: #111;
	color: #fff;
}

.orderSent {
	display: none;
	width: 100%;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

.emptyCart {
	margin: 20px 0 20px 0;
}

.emptyCart .btnBlack {
	display: table;
	margin: 0;
}

.emptyCartConfirmation {
	display: table;
	margin: 0 auto;
	text-align: left;
	display: none;
}

.emptyCartConfirmation p {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 22px;
	text-transform: uppercase;
}

.emptyCartConfirmation .btnBlack {
	display: inline-block;
	margin: 0;
	margin-right: 20px;
	margin-top: 10px;
}

.cartInfo {
	margin-top: 20px;
	text-align: left;
}

.cartForm {
	margin-top: 40px;
	max-width: 550px;
}

.cart h2 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.cartForm input {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 100%;

	box-sizing: border-box;

	border: 0px solid #494949;

	appearance: none;
	box-shadow: none;
	outline: none;

	background-color: #eee;


	width: 100%;
	padding: 5px 10px;	

	margin-bottom: 20px;
}

.cartForm p {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0px;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.cartForm .btnBlack {
	display: table;
	margin: 0 auto;
	margin-top: 30px;
}

#invalidEmail {
	margin-top: -10px;
	margin-bottom: 20px;
	color: #666;
	font-size: 14px;
	display: none;
}

.cartForm .orderSentInfo {
	font-family: "Libre Baskerville", serif;
	font-size: 15px;
	text-align: center;
	text-transform: none;
	line-height: 160%;
}

/*

FOOTER

*/

.footer {
	position: relative;
	width: 100%;
	padding: 0px 0% 0px 0%;
	box-sizing: border-box;
	margin-top: 0px;
text-align: center;
}

.footerLogo {
	position: relative;
}

.footerLogo img {
	position: relative;
	width: 90%;
	height: auto;
	max-width: 300px;
	margin: 0 auto;
	padding: 0 10px;
}

.footerBar {
	width: 100%;
	height: 8px;
	background-color: #1e1e1e;

	position: relative;
	top: 16px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.footer p {
	position: relative;
	display: inline-block;
	text-align: center;

	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.6px;
	font-size: 16px;
	text-transform: uppercase;

	transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out;
	line-height: 125%;
	color: #1e1e1e;
	padding: 0 10px;
	background-color: #fff;
	top: 1px;
}

.footer a {
	margin: 0;
	padding: 0;
	color: #eee;
}

.taikalehto {
	width: 100%;
	max-width: 130px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.footer a:hover {
	color: #888;
}

/*

MEDIA QUERYS

*/

@media (max-width: 1000px) {

	.newsImage img {
		width: 120%;
		max-width: 120%;
		left: -10%;
	}

	.discography a,
	.shop a,
	.latestReleases a {
		width: 33.33333333%;
		float: left;
	}

	.discography a:nth-child(4n+1),
	.shop a:nth-child(4n+1),
	.latestReleases a:nth-child(4n+1) {
		clear: none;
	}

	.discography a:nth-child(3n+1),
	.shop a:nth-child(3n+1),
	.latestReleases a:nth-child(3n+1) {
		clear: left;
	}

	.latestReleases a:nth-child(9) {
		display: block;
	}

	.artistPage h1,
	.artistPage h1 p {
		font-size: 90px;
		margin-bottom: 20px;
	}
	.artistInfo {
		margin-top: 0px;
	}

	.naviItem p {
		font-size: 20px
	}

}

@media (max-width: 800px) {

	.newsImage img {
		width: 140%;
		max-width: 140%;
		left: -20%;
	}

	.newsItem {
		padding-bottom: 60px;
	}

	.newsContent {
		width: 86%;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 10px;
	}

	.newsLinks {
		padding-top: 0;
		width: calc(86% - 80px);
		margin-left: calc(7% + 40px);
	}

	.newsLinks a {
		margin-top: 20px;
	}

	.newsItemAlignRight h1 {
		margin-left: -7px;
	}

	.newsItemAlignRight h1 p {
		text-align: left;
	}

	.newsItemAlignRight .newsContent {
		margin-left: 7%;
		margin-right: 0;
		float: left;
	}

	.newsItemAlignRight .newsLinks {
		float: left;
		text-align: left;
	}

	.newsItemAlignRight .newsLinks a {
		margin-left: 0px;
		margin-right: 20px;
	}

	.navi {
		display: none;
	}

	.btnMenu {
		display: block;
	}

	.header {
		padding-top: 60px;
		padding-bottom: 0px;
	}

	.btnHeader {
		display: none;
	}

	.artists a {
		margin-bottom: 30px;
	}

	.artistItem h1 p {
		font-size: 80px;
	}

	.artistItem h1 {
		bottom: -12px;
	}


	.newsItem h4,
	.artistInfo h4 {
		font-size: 17px;
	}

	p {
		font-size: 14px;
	}

}

@media (max-width: 750px) {
	.discography a,
	.shop a,
	.latestReleases a {
		width: 50%;
	}

	.discography a:nth-child(3n+1),
	.shop a:nth-child(3n+1),
	.latestReleases a:nth-child(3n+1)  {
		clear: none;
	}

	.discography a:nth-child(2n+1),
	.shop a:nth-child(2n+1),
	.latestReleases a:nth-child(2n+1)  {
		clear: left;
	}

	.latestReleases a:nth-child(7),
	.latestReleases a:nth-child(8),
	.latestReleases a:nth-child(9) {
		display: none;
	}

	.coverArt,
	.shopunitImage {
		width: 100%;
		padding: 0 5%;
	}	

	.recordInfo,
	.shopunitInfo {
		width: 100%;
		padding: 0 5%;
		text-align: center;
	}

	.recordInfo h2,
	.shopunitInfo h2 {
		margin: 0;
		margin-bottom: 5px;
	}
	.itemType,
	.itemPrice,
	.vatInfo {
		display: block;
		margin: 0;
		text-align: center;
		padding: 0;
		line-height: 100%;	
	}

	.itemSeparator {
		display: none;
	}

}

@media (max-width: 600px) {

	.newsImage {
		height: auto;
	}

	.newsContent {
		margin-top: 0;
	}

	.newsItem h1 {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		margin-top: 15px;
		padding: 0 5%;
	}

	.newsItem h1,
	.newsItem h1 p {
		text-align: left;
		font-size: 40px;
		letter-spacing: -2px;
		line-height: 120%;
		color: #1e1e1e;
	}

	.newsItem h1 p {
		padding: 0;
		margin: 0;
	}

	.newsContent,
	.newsItemAlignRight .newsContent {
		width: 100%;
		padding-top: 10px;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 0;
	}

	.newsItemAlignRight h1 {
		margin-left: 0px;
	}

	.newsContent h4,
	.newsContent h4 p {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.newsLinks {
		width: 90%;
		margin-left: 5%;
	}

	.pluginWide {
		display: none;
	}

	.pluginNarrow {
		display: block;
	}

	.headerLogo,
	.footerLogo img {
		width: 80%;
	}

	h1, h1 p,
	.itemName,
	.itemName p,
	.shopunitName,
	.shopunitName p {
 		font-size: 35px;
		letter-spacing: -1.5px;
	}

	.itemTitle,
	.itemTitle p,
	.shopunitType,
	.shopunitType p {
		font-size: 25px;
	}

	.artists a {
		margin-bottom: 30px;
	}

	.artistItem h1 p {
		font-size: 60px;
	}

	.artistItem h1 {
		bottom: -14px;
	}


	.artistPage h1,
	.artistPage h1 p {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.cartItem {
		margin-bottom: 0;
	}

	.cartItem:last-of-type {
		margin-bottom: 0;
	}

	.cart h5 {
		width: 90%;
	}

	.cart h6 {
		width: 90%;
		top: 0;
		text-align: left;
		margin-top: 5px;
	}

	.cartTotal {
		margin-top: 0px;
		padding-top: 10px;
	}

	.cart .vatInfo {
		text-align: left;
	}

	.cart .btnBlack {
		margin-left: 0;
		margin-right: 0;
	}

	.emptyCartConfirmation {
		text-align: left;
	}

	.cartInfo {
		text-align: left;
	}

	.cart h1,
	.cart h2 {
		text-align: left;
	}

	.btnRemoveItem {
		top: 5px;
	}

}

@media (max-width: 500px) {
	.discography,
	.latestReleases {
		padding: 0 4%;
	}

	.discography a,
	.shop a,
	.latestReleases a {
		width: 100%;
	}

	.shopItem {
		padding-left: 0;
		padding-right: 0;
	}

	.discography a:nth-child(2n+1),
	.shop a:nth-child(2n+1),
	.latestReleases a:nth-child(2n+1) {
		clear: none;
	}

	.discography a,
	.latestReleases a {
		float: none;
	}

	.latestReleases a:nth-child(6) {
		display: none;
	}

	.artists a {
		margin-bottom: 40px;
	}

	.artistItem h1 {
		font-size: 28px;
		color: #1e1e1e;
		position: relative;
		margin-top: 8px;
		bottom: 0;
	}

	.artistItem h1 p {
		font-size: 28px;
		color: #1e1e1e;
	}

	.artistInfo {
		padding-top: 20px;
	}
}