/*
Theme Name: PhillRubyATSP
Author: Dean Newberry
Version: 1.0
*/

/*
	CONTENTS:
	
	General Layout
	Aside Post Format Styles
	Link Post Format Styles
	Gallery Post Format Styles
	Navigation Menus
	Site Header Menu
	Post Columns (Home Page) Posts
	Sidebars: Main Column
	Sidebars: Secondary Column (Sidebar)
	Site Footer Menu
	Footer Widget Menu
	Page Layout
	Two Column Title Layout
	Info Box Styles
	Children Links
	Post Styles
	Image Styles
	Search
	Footer Callout Section
	About the Author Section
*/

/*Navigation Bar*/

.navbar {
	z-index: 99999;
}

/*Top Navigation Bar Items*/
ul.nav>li{
	min-width: 120px;
}

ul.nav>li>a{
	text-align: center;
	font-weight: bold;
}

ul.sub-menu li.menu-item {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
}

li.menu-item ul.sub-menu { display: none; }
ul.sub-menu li.menu-item a {
  display: block;
  padding: 3px 16px;
  text-decoration: none;
  color: #0f0;
}
ul.nav>li.menu-item-has-children:hover li {
    display: block;
}
li.menu-item:hover > ul {
  display: block;
  position: absolute;
}
li.menu-item:hover li.menu-item a:hover { background: #000; }

ul.nav>li.menu-item-has-children>a:after{
	font-family: 'Glyphicons Halflings'; 
	font-size: 0.75em;
	float: right;
	text-align: right;
	margin-top: 3px;
	content: " \e114";
}
ul.sub-menu>li.menu-item-has-children>a:after{
	font-family: 'Glyphicons Halflings'; 
	font-size: 0.75em;
	float: right;
	text-align: right;
	margin-top: 3px;
	content: " \e080";
}

ul.nav ul.sub-menu{
	position: absolute;
	padding-left: 0;
	width: 150%;
}
ul.nav ul.sub-menu ul.sub-menu {
    top: 0;
    left: 100%;
    width: 100%;
}

.affix {
	top: 0;
	width: 100%;
}

.affix + .container {
	padding-top: 130px;
}

.affix>.site-header h5{
	display: none;
}

.affix-top>.site-header h5{
	display: initial;
}

@media screen and (max-width: 950px) { /* If the navbar has colapsed, "flatten" the navigation (i.e. "sub-menus" get shown under their parents) */
	.navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block!important;
    }
    .navbar-header {
        float:none!important;
    }
	
	ul.nav a:before {
		font-family: 'Glyphicons Halflings'; 
		font-size: 0.75em;
		float: left;
		text-align: left;
		margin-top: 3px;
		content: "\e080\0000a0"; /* This puts a Right Cheveron Glyphicon (\e080) followed by a space (\0000a0) appear before sub-menu li>a items*/
	}
	ul.nav ul.sub-menu a:before {
		font-family: 'Glyphicons Halflings'; 
		font-size: 0.75em;
		float: left;
		text-align: left;
		margin-top: 3px;
		content: "\0000a0\0000a0\e080\0000a0"; /* This puts a Right Cheveron Glyphicon (\e080) followed by a space (\0000a0) appear before sub-menu li>a items*/
	}
	ul.nav ul.sub-menu ul.sub-menu a:before {
		font-family: 'Glyphicons Halflings'; 
		font-size: 0.75em;
		vertical-align: middle;
		content: "\0000a0\0000a0\0000a0\0000a0\e080\0000a0"; /* This puts a Right Cheveron Glyphicon (\e080) followed by a space (\0000a0) appear before sub-menu li>a items*/
	}
	
	ul.nav>li.menu-item-has-children{
		position: relative;
		display: block;
	}
	ul.nav>li.menu-item-has-children>a:after{content: "";}
	ul.sub-menu>li.menu-item-has-children>a:after{content: "";}
	
	ul.sub-menu li.menu-item {display: block; box-shadow: 0 0 0 0 rgba(0,0,0,0.0);}
	li.menu-item ul.sub-menu { display: block; }
	
	ul.nav>ul{position: relative;}

	li.menu-item {
		display: block;
		position: relative;
		width: auto;
		z-index: 5;
		box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
	}

	li.menu-item a {
		text-decoration: none;
		display: block;
	}
	
	ul.nav ul.sub-menu{
		display: block;
		position: relative;
		padding-left: 0;
		width: 100%;
	}
	ul.nav ul.sub-menu ul.sub-menu {
		display: block;
		top: 0;
		left: 0;
		width: 100%;
	}
}

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

a:link,
a:visited {
	color: #006EC3;
}

p{
	line-height: 1.65em;
}

/*	General Layout	*/
div.my-container {
	max-width: 1080px;
	margin: 0px auto;
	padding-left: 20px;
	padding-right: 20px;
}

article.post {
	padding-bottom: 30px;
	border-bottom: 2px dotted #BBB;
}
article.post:last-of-type {
	border-bottom: none;
}

/*	Aside Post Format Styles	*/
article.post-aside,
article.post-link {
	font-size: 125%;
	background-color: #FFF5CB;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.mini-meta{
	font-size: 68%;
	margin: 0;
	color: #777;
}

/*	Link Post Format Styles	*/
article.post-link {
	padding: 0;
	background-color: #E0EBFF;
}

article.post-link a {
	display: block;
	padding: 20px;
}

/*	Gallery Post Format Styles	*/
article.post-gallery {
	background-color: #222;
	color: #FFF;
	padding: 20px;
}

article.post-gallery h2 {
	text-align: center;
}

article.post-gallery img {
	border: none!important;
}

/*	NAVBAR STYLING (Mini/Condensed navbar - remove borders)	*/
.navbar-form{
	margin-bottom: 0;
}
.navbar-button{
	margin-bottom: 15px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{
	border: 0;
}

/*	site-header	*/
div.site-header{
	border-top: 1px solid #f00;
}
/*
.site-header{
	color: #9d9d9d;
	background-color: #00f;
}

.site-header:hover{
	color: #9d9d9d;
}*/

/*	Post Columns (Home Page) Posts	*/
.home-columns{
	padding-top: 30px;
}

.one-half{
	width: 45%;
	float: left;
	margin-right: 10%;
}

.last{
	margin-right: 0;
}

/*	Sidebars: Main Column	*/
.main-column{
	width: 66%;
	float: left;
}

/*	Sidebars: Secondary Column (Sidebar)	*/
.secondary-column{
	width: 30%;
	float: right;
}

/*	Site Footer Menu	*/
/*.site-footer {
	margin-top: 30px;
	border-top: 2px solid #999;
}

.site-footer nav ul li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dotted #AAA;
}*/

/*	Footer Widget Menu	*/
/*.footer-widget-area{
	width: 25%;
	float: left;
	padding-right: 40px;
	box-sizing: border-box;
}*/

/*	Page Layout	*/
article.page h2 {
	font-size: 300%;
}

/*	Two Column Title Layout	*/
div.title-column {
	width: 30%;
	float: left;
}

div.text-column {
	width: 70%;
	float: right;
}

/*	Info Box Styles	*/
div.info-box {
	width: 30%;
	float: right;
	margin: 0px 0px 30px 30px;
	padding: 20px;
	background-color: #EEE;
}

div.info-box h4 {
	margin-bottom: 6px;
}

div.info-box p {
	font-size: 85%;
}

/*	Children Links	*/
.children-l	inks {
	margin-bottom: 20px;
	font-size: 80%;
}

.children-links a:link,
.children-links a:visited {
	text-decoration: none;
}

.children-links ul {
	float: left;
}

.children-links li {
	margin-right: 20px;
}

.children-links .parent-link {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #DDD;
	font-size: 120%;
	font-weight: bold;
}

.children-links .parent-link a:link, 
.children-links .parent-link a:visited {
	color: #333;
}

.children-links .current_page_item a:link, 
.children-links .current_page_item a:visited {
	border-bottom: 1px solid #DDD;
	color: #333;
	cursor: default;
}

/*	Post Styles	*/
.post h2 {
	margin-bottom: 0px;
}

p.post-info {
	margin-top: 0px;
	font-size: 87%;
	color: #999;
}

p.post-info a:link, 
p.post-info a:visited {
	color: #999;
}

/*	Image Styles	*/
img{
	max-width: 100%;
	height: auto;
}

.has-thumbnail{
	position: relative;
	padding-left: 200px;
}

.post-thumbnail{
	position: absolute;
	top: 0;
	left: 0;
}

/*	Search	*/
/*div.hd-search{
	float: right;
}
*/
span.screen-reader-text{
	position: absolute!important;
	left: -9999px!important;
}

/*
div.hd-search .search-submit{
	background-color: #006EC3;
	color: #FFF;
	padding: 5px 14px;
	border: none;
	border-radius: 4px;
	vertical-align: top;
}

div.hd-search .search-field{
	padding: 3px 0;
	vertical-align: top;
	border-radius: 4px;
}*/

/*	Footer Callout Section	*/
.footer-callout{
	background-color: #DDDDDD;
	padding: 20px;
	margin: 30px 0 0 0;
}

/*.footer-callout-image{
	float: left;
	width: 30%;
	vertical-align: middle;
}

.footer-callout-text{
	float: right;
	width: 67%;
}

.footer-callout-text h2{
	font-size: 1.7rem;
	margin: 0 0 0.35rem 0;
}

.footer-callout-text p{
	font-size: 0.9rem;
}*/

/*	About the Author Section	*/
.about-author{
	background-color: #EDEDED;
	padding: 20px;
}

.about-author-image{
	float: left;
	width: 28%;
	position: relative;
}

.about-author-image{
	display: block;
}

.about-author-image p{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 4px 0;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85);
	color: #FFFFFF;
	margin: 0;
	
}

.about-author-text{
	float: right;
	width: 68%;
}