/* 
Theme Name: Twenty Nineteen Child 
Theme URL: http://www.toimittajaportaali.fi
Description: Twenty Nineteen Child 
Theme Author: Herales Oy
Author URL: http://www.herales.fi
Template: twentynineteen 
Version: 1.0.0 
Text Domain: twentynineteen-child 
*/

/* Fonttien skaalaus ikkunan koon mukaan */
html { 	
	font-size: calc(1em + 0.2vw);
	height: 100%;
    margin: 0;	
 }

.entry .entry-title:before {display: none;}
.entry .entry-content > *, .entry .entry-summary > *, .comments-area { max-width: none; }
h1:not(.site-title):before, h2:before {display: none;}

h1, h2, h3, h4 {
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ensures the #page element takes up at least the full height of the viewport */
}


.image-filters-enabled .site-header.featured-image .site-featured-image:before,
		.image-filters-enabled .site-header.featured-image .site-featured-image:after,
		.image-filters-enabled .entry .post-thumbnail:before,
		.image-filters-enabled .entry .post-thumbnail:after,
		.main-navigation .sub-menu,
		.sticky-post,
		.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
		.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
		.entry .entry-content > .has-primary-background-color,
		.entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
		.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
		.entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
		.entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
		.entry .entry-content .wp-block-file .wp-block-file__button {
			background-color: 188dca;
		}
		
.site-title {
  overflow: hidden;
  display: none;
}

.site-title a {
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	color: #188dca !important;	
}

.site-description {
	font: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #188dca !important;
}

.site-content {
    flex: 1 0 auto;
	flex-grow: 1;
}

}
.main-navigation .main-menu > li {
  color: #188dca;
  display: inline;
  position: relative;
}

.main-navigation .main-menu > li > a {
	font: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: 425;
	color: #188dca;
	padding-right: 25px;
}

.main-navigation {
	text-align: center;
}

.entry .entry-content {
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #666;
}

.entry-title, .entry-title a {
	font: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #188dca !important;
	font-size: 1.8em;
}

body {
	display: flex;
	font: Normal 100%/1.8 "Source Sans Pro",Arial,Helvetica,sans-serif;
	min-height: 100vh;
    margin: 0;
	display: flex;
    flex-direction: column;
}

.spacer {
	width: 100%;
	height: 20px;
	padding: 20px;
}

.bigspacer {
	width: 100%;
	height: 120px;
	padding: 120px;
}


.btn {
	background: #188dca;
	font: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #ffffff;
}

.alert-failure {
  	color: #ff0000;
  	font-weight: bolder;
}

.alert-success {
	color: #33cc33;
	font-weight: bolder;
}

.heralesform {
	width: 100%;
}

.heralesrow {
	width: 100%;
}

.heralescolumn {
	float: left;
	width: 33.33%;
}

.buttoncolumn {
	float: left;
	width: 33.33%;
}

.innercolumn1 {
	float: left;
	width: 35%;
	border-spacing: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.innercolumn2 {
	float: left;
	width: 65%;
	border-spacing: 2px;
}

input[type=text] { 
	width: 90%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-spacing: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

input[type=submit] { 
	background: #188dca;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

input[type=password] { 
	width: 90%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-spacing: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

input.btn { 
	background: #188dca;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

/*
input[type=text]:focus {
	width: 350px;
}
*/

select { 
	width: 90%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 4px;
	padding-right: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-spacing: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

/* Clear floats after the columns */
.heralesrow:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout */

@media only screen and (max-width: 1024px) {
	.site-logo, .site-name, .heralescolumn, .innercolumn1, .innercolumn2 {
		width: 100%;
  }
	.site-header {
		padding-left: 50px;
  }
}

/* Tuotetaulukon muotoilut */

button, input, select, optgroup, textarea {
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #666;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	/*border: 1px solid #ccc;*/
	border-radius: 4px;
	border: 1px solid #ffffff; 
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

table td {
	border: 0px;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #666;
}

table th {
	border: 0px;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	color: #ffffff;
}

th {
  text-align: left;
  padding: 8px;
  background-color: #188dca;
  color: white;
  font-size: 0.8em;
}

td {
  text-align: left;
  padding: 8px;
  font-size: 0.8em;
}

/* Eri solujen muotoilut tuotesivulla */
.check {
  width: 2%;
  text-align: left;
  padding: 6px;  
}

.rownumber {
  width: 5%;
  text-align: left;
  padding: 6px;  
  font-size: 0.8em;
}

.ean {
  width: 16%;
  text-align: left;
  padding: 6px;  
}

.productnumber {
  width: 12%;
  text-align: left;
  padding: 6px;  
}

.name {
  width: 25%;
  text-align: left;
  padding: 6px;  
}

.amount {
  width: 10%;
  text-align: left;
  padding: 6px;  
}

.unit {
  width: 7%;
  text-align: left;
  padding: 6px;  
}

.unitprice {
  width: 10%;
  text-align: left;
  padding: 6px;  
}

.vat {
  width: 7%;
  text-align: left;
  padding: 6px;  
}

.status {
  width: 6%;
  text-align: left;
  padding: 6px;  
}

/* Eri solujen muotoilut toimitussanomat-sivulla */
.tscheck {
  width: 2%;
  text-align: left;
  padding: 6px;  
}

.tsrownumber {
	width: 6%;
	text-align: left;
	padding: 6px; 
	font-size: 0.8em;  
}

.tsean {
  width: 18%;
  text-align: left;
  padding: 6px;  
}

.tsproductnumber {
  width: 13%;
  text-align: left;
  padding: 6px;  
}

.tsname {
  width: 26%;
  text-align: left;
  padding: 6px;  
}

.tsamount {
  width: 8%;
  text-align: left;
  padding: 6px;  
}

.tsunit {
  width: 6%;
  text-align: left;
  padding: 6px;  
}

.tsunitprice {
  width: 8%;
  text-align: left;
  padding: 6px;  
}

.tsvat {
  width: 7%;
  text-align: left;
  padding: 6px;  
}

.kpl {
  width: 6%;
  text-align: left;
  padding: 6px;  
}

tr:nth-child(odd) {
	background-color: #f2f2f2
}

/* Toimitusten selaus, taulukon muotoilut */
table.toimitusselaus {
	border-collapse: collapse;
  	border-spacing: 0;
  	width: 100%;
	/*
  	border: 1px solid #ddd;
	border-radius: 4px;
	*/
	border-radius: 4px;
	border: 1px solid #ffffff; 
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}
table.toimitusselaus th {
	text-align: left;
  	padding: 8px;
}
table.toimitusselaus td_rowNumber {
	width: 2%;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_name {
	width: 30%;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_product_number {
	width: 13%;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_ean {
	width: 15%;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_amount {
	width: 6%;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_unit_price {
	width: 8;
	text-align: left;
	padding: 6px;  
}
table.toimitusselaus td_vat {
	width: 4%;
	text-align: left;
	padding: 6px;  
}

/* Footerin määritykset */
footer {
	display: flex;
	width: 100%;  /* Ensures the footer takes up the full width of the page */
    position: inherit;
    background-color: #004480;
    flex-shrink: 0;	
}

.entry-footer {
	background-color: #ffffff;
	color: #000000;
}

h2.widget-title {
	color: #ffffff;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}

#colophon .site-info a {
	color: #ffffff;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	padding-left: 35px;
}
img {
	max-width: 150px;
	vertical-align: middle;
}

/* Headerin määritykset */