/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/

li.tab_title {
	font-size:1.4em;	
}

.entry-title{
	font-size:1.3em;
}

#sekehitys {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-sefit;
	width: 80%;
	border-collapse: collapse;
}

#sekehitys table, th, td {
	border: none;
	font-size:0.8em;
	font-family:Verdana;
}

#sekehitys td #sekehitys th {
	padding: 3px 7px 2px;
}

#smooth-accordion-warp h3 {
	font-size: 16px;
	padding: 0;
	margin: 3px 0;
	background: #FFFFFF;
}

.full-width .site-content .page .entry-header,
.full-width .site-content .page .entry-content,
.full-width .site-content .page .entry-summary,
.full-width .site-content .page .entry-meta {
	max-width: 100%;
}

@media screen and (min-width: 594px) {
	.full-width .site-content .page .entry-header {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.full-width .site-content .page .entry-content,
							        .full-width .site-content .page .entry-summary,
							        .full-width .site-content .page .entry-meta {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.full-width .site-content .page  .wp-caption.alignnone {
		max-width: 100%;
		max-width: -moz-calc(100% + 60px);
		max-width: calc(100% + 60px);
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.full-width .site-content .page  .wp-caption.alignnone .wp-caption-text {
		max-width: 100%;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.full-width .site-content .page  blockquote.alignright,
							        .full-width .site-content .page  img.size-full.alignright,
							        .full-width .site-content .page  img.size-large.alignright,
							        .full-width .site-content .page  img.size-medium.alignright,
							        .full-width .site-content .page  .wp-caption.alignright {
		margin-right: -20px;
	}
	
	.full-width .site-content .page  blockquote.alignleft,
							        .full-width .site-content .page  img.size-full.alignleft,
							        .full-width .site-content .page  img.size-large.alignleft,
							        .full-width .site-content .page  img.size-medium.alignleft,
							        .full-width .site-content .page  .wp-caption.alignleft {
		margin-left: -20px;
	}
}

@media screen and (min-width: 673px) {
	.full-width .site-content  .page .entry-header {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.full-width .site-content .page  .entry-content,
							        .full-width .site-content .page  .entry-summary,
							        .full-width .site-content .page  .entry-meta {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.full-width .site-content .page  .wp-caption.alignnone {
		max-width: -moz-calc(100% + 120px);
		max-width: calc(100% + 120px);
		margin-left: -60px;
		margin-right: -60px;
	}
	
	.full-width .site-content .page .wp-caption.alignnone .wp-caption-text {
		margin-left: 60px;
		margin-right: 60px;
	}
	
	.full-width .site-content .page blockquote.alignright,
							        .full-width .site-content .page  blockquote.alignleft {
		max-width: 50%;
	}
	
	.full-width .site-content .page  blockquote.alignright,
							        .full-width .site-content .page  img.size-full.alignright,
							        .full-width .site-content .page  img.size-large.alignright,
							        .full-width .site-content .page  img.size-medium.alignright,
							        .full-width .site-content .page  .wp-caption.alignright {
		margin-right: -50px;
	}
	
	.full-width .site-content .page  blockquote.alignleft,
							        .full-width .site-content .page  img.size-full.alignleft,
							        .full-width .site-content .page  img.size-large.alignleft,
							        .full-width .site-content .page  img.size-medium.alignleft,
							        .full-width .site-content .page  .wp-caption.alignleft {
		margin-left: -50px;
	}
}

/*This section sets page to 100% width */
.site {
	background-color: #fff;
	max-width: 100%;
	position: relative;
}

/*This section sets page header to 100% width */
.site-header {
	background-color: #000;
	max-width: 100%;
	position: relative;
	width: 100%;
	z-index: 4;
}

/* table-related media query stuff only */
/* Or an external stylesheet or whatever */
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 700px
and also iPads specifically.
*/
@media only screen and (max-width: 700px),(min-device-width: 768px) and (max-device-width: 1024px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr {
		border: 1px solid #ccc;
	}
	
	td {
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	
	td:before {
	/* Now like a table header */
		position: absolute;
	/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}/*
							Label the data
							
					td:nth-of-type(1):before {
						content: "First Name";
					}
					
					td:nth-of-type(2):before {
						content: "Last Name";
					}
					
					td:nth-of-type(3):before {
						content: "Job Title";
					}
					
					td:nth-of-type(4):before {
						content: "Favorite Color";
					}
					
					td:nth-of-type(5):before {
						content: "Wars of Trek?";
					}
					
					td:nth-of-type(6):before {
						content: "Porn Name";
					}
					
					td:nth-of-type(7):before {
						content: "Date of Birth";
					}
					
					td:nth-of-type(8):before {
						content: "Dream Vacation City";
					}
					
					td:nth-of-type(9):before {
						content: "GPA";
					}
					
					td:nth-of-type(10):before {
						content: "Arbitrary Data";
					} */
	
}