/*
Theme Name: Bootstrap Canvas WP
Description: Used to style Bootstrap Blog global themeelements.
*/


/*
 * Globals
 */

body {
	font-family: Georgia, serif !important;
	color: #555;
	overflow-wrap: break-word;
}
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5, 
h6, 
.h6 {
	margin-top: 0 !important;
	font-weight: normal;
	color: #333;
}
ul,
ol {
	margin-bottom: 20px;
}
table, 
th, 
td {
	padding: 8px !important;
	line-height: 1.42857143;
	vertical-align: top;
	border: #ddd solid 1px;
	margin-bottom: 20px;
}
input, 
button, 
select, 
textarea {
	max-width: 100%;
}
.glyphicon.glyphicon-folder-open,
.glyphicon.glyphicon-tags {
	padding-right: 6px;
}


/*
 * Override Bootstrap's default container.
 */

@media (min-width:1200px) {
  .container {
	width: 970px !important;
  }
}


/*
 * Masthead for nav
 */

.blog-masthead {
	background-color: #428bca;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) inset;
}

/* Nav links */
.menu-item, 
.blog-nav-item {
	position: relative;
	display: inline-block;
	padding: 10px;
	font-weight: 500;
	color: #cdddeb;
}
.menu-item a {
	color: #cdddeb;
	text-decoration: none;
}
.menu-item a:hover, 
.menu-item a:focus, 
.blog-nav-item:hover, 
.blog-nav-item:focus {
	color: #fff;
	text-decoration: none;
}

/* Active state gets a caret at the bottom */
.blog-nav .active,
.blog-nav .active a {
	color: #fff;
}
.blog-nav .active:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	vertical-align: middle;
	content: " ";
	border-right: 5px solid transparent;
	border-bottom: 5px solid;
	border-left: 5px solid transparent;
}


/*
 * Blog name and description
 */

.blog-header {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f9f9f9;
	border-bottom: #e1e1e8 solid 1px;
}
.blog-headaer .container {
	padding-left: 0px;
	padding-right: 0px;
}
.blog-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 60px;
	font-weight: 500;
	line-height: 1;
}
.blog-description {
	margin-bottom: 0;
	font-size: 24px;
}
.blog-logo {
	max-width: 100%;
	max-height: 100%;
}
.blog-logo img {
	border: 1px solid #e1e1e8;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	max-width: 100%;
	max-height: 100%;
}


/*
 * Main column and sidebar layout
 */

.blog-main,
.blog-main-right,
.blog-main-left {
	font-size: 18px;
	line-height: 1.5;
}
.blog-main-right {
	float: right !important;
}
.blog-main-left {
	float: left !important;
}
.blog-sidebar-left {
	margin-right: 8.33333333%;
	margin-left: 0 !important;
}
.blog-sidebar-right {
	margin-left: 8.33333333%;
	margin-right: 0 !important;
}
@media only screen 
and (max-width : 768px) {
.blog-sidebar-left {
	margin-right: 0;
}
.blog-sidebar-right {
	margin-left: 0;
}
}

/* Sidebar modules for boxing content */
.sidebar-module-right {
	padding: 15px;
	margin: 40px -15px 15px;
}
.sidebar-module-left {
	padding: 15px;
	margin: 40px 0 15px -15px;
}
.sidebar-module-right ul, 
.sidebar-module-right ol, 
.sidebar-module-left ul, 
.sidebar-module-left ol {
	list-style: none !important;
	padding-left: 0 !important;
}

/* Pagination */
.pager {
	margin-bottom: 55px !important;
	text-align: left !important;
}
.pager > li > a {
	min-width: 140px;
	max-width: 100%;
	padding: 10px 20px !important;
	text-align: center;
	background-color: transparent !important;
	border-radius: 30px !important;
	margin-bottom: 5px;
}


/*
 * Blog posts
 */

.blog-post {
	margin-top: 40px;
	margin-bottom: 45px;
}
.blog-post-title {
	margin-bottom: 5px;
	font-size: 40px;
}
.blog-post-meta {
	margin-bottom: 20px;
	color: #999;
}
.blog-post-meta:nth-child(n+3) {
	margin-bottom: 10px;
}


/*
 * Footer
 */

.blog-footer {
	padding: 40px 0;
	color: #999;
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
	margin-bottom: 0;
}

/* Footer modules for boxing content */
.footer-module {
	padding: 0 15px;
	margin: 0 -15px 40px;
	text-align: left;
}
.footer-module ul, 
.footer-module ol {
	list-style: none !important;
	padding-left: 0 !important;
}