/* 
 Theme Name:   tempera-child-tb
 Theme URI:    
 Description:  Tempera child theme developed for The Thunderboltsd Project
 Author:       davesmith_au
 Author URI:   http://www.smiffbuilt.com/
 Template:     tempera
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* Tempera (child) Custom CSS */ 

/* Small text */
.smltxt {
font-size: 12px !important;
}

/* Fix blockquote paragraphs */
#content blockquote p{
	margin-bottom: 15px;
}

/* Other blockquote changes */
.entry-content blockquote {
	display: block;
	background: #f1f1f1;
	position: relative;
	float: none;
	clear: both;
	padding-top: 15px;
	padding-left: 50px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-style: italic;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.entry-content blockquote:before {
	position: absolute;
	content: '\e80f';
	font-family: 'elusive';
	font-size: 18px;
	left: 15px;
	right: 10px;
	top: 35%;
}

/* Put whitespace under headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	line-height: 1.5em;
	margin: 20px 0 20px;
}

/* Whole paragraph indent where desired */
.leftpad {
	padding-left: 25px;
}

/* Whole paragraph indent both sides where desired */
.bothpad {
	padding-left: 25px;
	padding-right: 25px;
}

/* Make space above subscribe button */
.button {
	border: 1px solid transparent;
	margin: 5px;
	padding: 4px 7px;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
}


/* Remove background space above nav bar */
#access {
	display: block;
	float: left;
	margin: 0 auto 0;
	width: 100%;
}


/* Remove background space below nav bar */
#main {
	clear: both;
	padding: 0px !important;
	margin-top: 1px !important;
}


/* Space site title letters a little further apart */
#site-title a {
	font-weight: bold;
	text-decoration: none;
    letter-spacing: 0.01em !important;
	display: block;
}


/* Space below meta info fix tpod page */
.entry-meta {
    margin-bottom: 15px !important;
}



/* Increase font size on mobiles */

	/* =Responsive Structure
	----------------------------------------------- */

@media (max-width: 650px) {
	body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
		font-size: 16px !important;}
	#forbottom, #colophon {margin:0 10px;}
	.presentation-page #forbottom{margin:0;}
	.presentation-page #pp-afterslider {margin:0 10px;}

	#branding {	height:auto; }
	a#logo img {margin-top:-25px;max-height:75%;max-width:90%;width:auto;height:auto;}
	#header-container > div { margin-top:35px; }

	#site-title span a {font-size:25px;line-height: 30px;}
	#site-description {margin-top:3px;font-size:12px;line-height: 15px;}
	#front-text1 h1, #front-text2 h1 {font-size:2em;line-height:1.3em;}
	#front-text2 h1{margin-bottom:0px;}
	#frontpage blockquote { font-size: 1.0em; line-height: 1.6em; padding: 10px 0; }

	.nivo-caption h2 {font-size:16px;line-height:20px;padding:5px 10px;}

	article.intro .entry-content {font-size: 12px;}
	.featured-post .entry-title {font-size: 14px;}
	.entry-meta a , .entry-meta, .comments-link{
		font-size: 10px;
	}

	#content .entry-title {font-size:30px;}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		margin-left:0;}

	.widget-area a:link, .widget-area a:visited { font-size:12px; }
	.theme-default .nivo-caption { font-size:9px; }
	#content p, #content ul, #content ol, .sidey, .sidey a, table, table td { line-height: 1.4em; }


	.nivo-directionNav { display: none; }

	#header .socials a { width: 20px; height: 20px; }
	#header .socials a img { width: 20px; height: 20px; }

	.theme-default .nivoSlider {background-image:none;}
	.nivo-caption {position:relative;padding:5px 5px 35px;background:transparent;color:inherit;top:0;}
	.theme-default .nivo-controlNav {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	.slide-text {font-size:12px;}

	.column-header-image {margin-bottom:0;font-size:20px;}

	.footermenu {display:table;margin:0 auto;float:none;}

	#main {margin-top:0px;}
	#nav-toggle { display: block; float: left; margin: 0 auto; cursor:pointer;
				  width: 92%; height: 40px; padding: 2px 4%; }
	#nav-toggle span { }
	#nav-toggle span:before { content: "\e820"; font-family: "elusive"; font-size: 16px; height: 40px; line-height: 40px; }
	#access { display: none; margin-top: 0; padding-bottom: 5px; }
	#access .menu ul, #access .menu ul li { width: 100%; }
	#access > .menu li ul { position: inherit; margin-top: 0; }
	#access > .menu ul ul ul { width: 95%; left: 5%; }
	#access > .menu > ul > li > a > span { border-width: 0 0 1px 0; border-style: solid; box-shadow: 0 1px 0 rgba(255,255,255,0.5);}
	.tempera-menu-center #access > .menu > ul > li > a > span { text-align: left; }
	#access > .menu ul li > a:not(:only-child) span:after {
	font-family:"Elusive"; content: '\e80a';
    position: absolute; right: 5px; top: 10px; z-index: 251;
	-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
	#access > .menu ul li:hover > a:not(:only-child) span:after { top:20px; opacity:0; }
	#access > .menu ul li > a:not(:only-child) span { padding-right:18px; }
	#access > .menu > ul ul > li a:not(:only-child) span:after { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); }
	#access li.menu-main-search { max-width: none; }
}	
		
@media (max-width: 600px) {
	body.tempera-topbarfixed #header-full { margin-top: 0; }
	body.tempera-topbarfixed.admin-bar  #topbar, body.tempera-topbarfixed #topbar { position: relative; top: 0; }
}


@media (max-width: 480px) {
	body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
		font-size: 16px !important;}

	#site-title span a{font-size: 18px;line-height:20px;}
	#site-description {	font-size: 11px;line-height:10px;}


	.nivo-caption h2 {margin-bottom:0px;font-size:14px;line-height:18px;}
	/*.nivo-slice {z-index:-1;} */ /* This would remove slider animations if needed */
	body {padding: 0;}
	#page {margin-top: 0;}
	.magazine-layout #content article.post, .magazine-layout .search #content article {margin:5px 0;width:100%;}
	#forbottom #front-columns > div { width:auto;max-width:98%;float:none;margin:25px auto;clear:both;}
	.column-image img {}
}