/*
Theme Name: JAP
Description: Child-Theme for Twentyseventeen
Author: Torge Joerrens
Author URI: https://www.joerrens.se
Template: twentyseventeen
Version: 1.0
*/

/* libre-franklin-300 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/libre-franklin-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('assets/fonts/libre-franklin-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('assets/fonts/libre-franklin-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('assets/fonts/libre-franklin-v12-latin-300.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/libre-franklin-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('assets/fonts/libre-franklin-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('assets/fonts/libre-franklin-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('assets/fonts/libre-franklin-v12-latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
/* libre-franklin-600 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/libre-franklin-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('assets/fonts/libre-franklin-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('assets/fonts/libre-franklin-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-600.woff') format('woff'), /* Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('assets/fonts/libre-franklin-v12-latin-600.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
/* libre-franklin-800 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/libre-franklin-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('assets/fonts/libre-franklin-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('assets/fonts/libre-franklin-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-800.woff') format('woff'), /* Modern Browsers */
	   url('assets/fonts/libre-franklin-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('assets/fonts/libre-franklin-v12-latin-800.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

#primary .entry-header,
#primary .entry-content {
    float: none;
    width: 100%;
}

.jap-title {
	font-size: 28px;
	font-weight: 800;
}

.jap-3-col {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

.entry-content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #000;
	padding: 0px;
}

.teaserBox {
	width: 100%;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.product {
	text-align: center;
	padding: 20px;
	width: 33%;
}

.product .image-container {
	height: 185px;
}

.product img {
	height: 175px;
}

.product a {
	text-decoration: none !important;
	font-weight: 700;
	box-shadow: none;
}

button {
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 12px;
}

.entry-content ul {
	margin-left: 20px !important;
}

.site-info {
	width: 80%;
}

@media screen and (min-width: 48em) {
	#primary .entry-header,
	#primary .entry-content {
	    float: none !important;
	    width: 100% !important;
	}
}

/* Small screen / tablet / 760px to 991px */
@media (max-width: 991px) {
	.product {
		width: 100%;
	}
	
	.jap-3-col {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}

/* Smaller screen / tablet+phone / 480px to 759px */
@media (max-width: 759px) {
	.product {
		width: 100%;
	}
	
	.jap-3-col {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}

/* Extra small screen / smartphone / 280px to 479px */
@media (max-width: 479px) {
	.product {
		width: 100%;
	}
	
	.jap-3-col {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}