/*
customized CSS for the Tech Literacy WP theme
mods made by Scott Harden on 2018-06-09
*/

/*
 * 
 * LARGE WEBSITE STYLES
 * 
 */

/* webpage background */
div#content.site-content{
  background-color: #003366;	
	background-image: url("https://swharden.com/wp/images/damask_blue.png");
}

/* remove extra space above first post */
.home.blog .site-content{
	padding: 0px
}

/* post area white bg */

.post{
	background-color: white;
	border: 1px solid black;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .5); 	
}

.type-page{
	padding: 20px;
	background-color: white;
	border: 1px solid black;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .5); 	
	margin-bottom: 100px;
}

.type-page h1{
	margin-top: -1.7em;
}
 
.blog article.post{
	padding: 20px;
	margin-bottom: 100px;
}

.single .site-main article.post{
	padding: 20px;
	margin-bottom: 100px;
}

/* only if side menu is on */
aside{
	background-color: white;
	padding: 10px;
	border: 1px solid black;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .5); 
}


/*
 * 
 * NAVIGATION BAR STYLES
 * 
 */

/* nav bar */
.nav-wrap {
  background-color: #222222;
}

/* bottom nav bar */
nav {
  background-color: white;	
	padding: 10px;
	margin: 0px;
	border: 1px solid black;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .5); 
}

/*
 * 
 * WIDGETS
 * 
 */

div.footer-widgets{
	background-color: #222222;
	border-top: 1px solid black;
}
div.site-info{
	background-color: #222222;
}

/* big subscribe button */
#subscribe-submit{
	font-size: 1.5em;
	padding-top: 20px;
}

div#content.site-content{	
	margin-bottom: 0px;
}

.site-footer .footer-widgets .widget-title{
	color: white;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-family: 'Teko', sans-serif;
	font-size: 3em;
	line-height: 1em;
}

.site-footer .footer-widgets a{color: #1e73be;}
.site-footer .footer-widgets a:visited{color: #1e73be;}
.site-footer .footer-widgets a:hover{
	color: #0087ff; 
	text-decoration: underline;
	
}

.widget{
	background-color: #222222;
	box-shadow: none;
	border: 0px;
}


/*
 * 
 * POST CONTENT
 * 
 */

/* remove line separating posts */
.hentry.post{
  border: 0px solid black;
}

/* hide comments link */
.comments-link{
	visibility: collapse;
  position:absolute;
}

/* hide author link */
.author{
	visibility: collapse;
  position:absolute;
}

/* blog post titles */
.entry-title{
	line-height: 1em;
	font-family: 'Teko', sans-serif;
  font-weight: 500;
  font-size: 3em;
}

/* link colors for content */
#main a{color: #1e73be;}
#main a:visited{color: #1e73be;}
#main a:hover{
	color: #0087ff; 
	text-decoration: underline;
}

/* space between menu bar and post */
main#main.site-main{
	padding: 3em 0px 0px 0px;
}
div#content{
	padding: 0px;
}

/* hide page titles */
div.breadcrumb{
	visibility: collapse;
  position:absolute;	
}


/*
 * 
 * HEADER LOGO AREA
 * 
 */

/* site bg image stretch */
.header-image{	
	background-color: #0a0a0a;
	background-repeat: no-repeat;
	background-size: 100%;
}

/* site title */
.site-title{
	text-transform: none;
	padding-top: .3em;
	font-size: 5em;
	line-height: .9em;
	font-weight: 500;
	font-family: 'Teko', sans-serif;
	text-shadow: 3px 3px 10px black;
}

/* mouseover title is yellow */
.branding .site-branding .site-title a:hover{
	color: yellow !important;
}

/* site subtitle */
.branding .site-branding .site-description{	
	font-size: 1.6em;
	text-shadow: 3px 3px 10px black;
	font-family: 'Teko', sans-serif;
  font-weight: 500;
	
}

/*
 * 
 * HEADER STYLES
 * 
 */

h1{
	padding-top: 1em;
	font-size: 3em;
	font-family: 'Teko', sans-serif;
  font-weight: 500;
}

h2{
	font-size: 2.5em;
	font-family: 'Teko', sans-serif;
  font-weight: 500;
}

h3{
	font-size: 2em;
	font-family: 'Teko', sans-serif;
  font-weight: 500;
}

/*
 * 
 * SPECIFIC ITEMS
 * 
 */

blockquote{
	background-color: #eee;
	border-left: 5px solid #ccc;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* youtube videos */
iframe{
	border: 1px solid black;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .5); 		
}

/* don't shadow subscribe button */
div.textwidget iframe{
	font-size: 3em;
	box-shadow: none;
}

/* google ads */
ins iframe{
	background-color: white;
	box-shadow: none;
	border: 0px;
}

#main IMG{
		border: 1px solid black;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .5); 
}

/* decorate gallery images */
.gallery-icon {
	padding: 10px;
}
.gallery-icon img{
	margin: 10px;
	padding: 0px;
	border: 1px solid black;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .5); 
}






/* menu bar colors */

nav#site-navigation{
	background-color: #222222;
	border: 0px;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}

.main-navigation{
	font-family: 'Teko', sans-serif;
	font-size: 1.5em;
	font-weight: 500;
}

.main-navigation a:hover{
	color: yellow;
	transition: color .3s ease-in-out;
}

.main-navigation ul ul li{
	background-color: #222222;
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
}

.main-navigation .sub-menu a {
  color: white;
}

.main-navigation .sub-menu a:hover {
	color: yellow;
	transition: color 0.3s ease-in-out;
}
.main-navigation .current-menu-item > a{
	color: white;
}
.main-navigation .current-menu-item > a:hover{
	color: yellow;
}

nav.navigation.post-navigation.clearfix{
	border: none;	
	box-shadow: none;
}

/* code blocks */
pre.prettyprint {
	font-size: .9em;
	background-color: #f0f0f0;
	line-height: 1.3em;
	padding: 15px;
	border: 2px solid #ddd;
	border-radius: 10px;
}