style.css

/*
Theme Name: Strapless
Description: A clean, simple, responsive theme built with Bootstrap (v3), Modernizr & icons from Font Awesome.
Author: WP Smackdown
Author URI: http://wpsmackdown.com/?utm_medium=wp-admin+referral&utm_campaign=Strapless+Theme+Installation
Version: 1.0.0
Tags: responsive, white, gray, blue, minimal, clean, bootstrap, font awesome, modernizr, icons, two-column

/***** Color Palette *****
Color 1: #xxxxxx
Color 2: #xxxxxx
Color 3: #xxxxxx

***** Table of Contents *****
- Global Elements / Bootstrap Overrides
- Main Navigation
- Main Content
- Blog & Single Posts
- Footer
- Sidebar (widgets, tag cloud)
- Archives / Search Results
- Comments / Comment Form
- WordPress Images / Galleries
- Plugin Styles (Jetpack)
*/

/* Global Elements / Bootstrap Overrides
--------------------------------------------------------- */

/* Place any new styles or overrides to Bootstrap here */
blockquote cite {
	display: block;
	font-style: italic;
	font-size: 85%;
	margin-top: 10px;
}


/* Main Navigation
--------------------------------------------------------- */
.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav > .current-menu-item > a:hover,
.navbar-default .navbar-nav > .current-menu-item > a:focus {
	color: #555;
	background-color: #e7e7e7;
}

  
/* Main Content
--------------------------------------------------------- */
/* Create space at top of page for navbar (delete if not using "navbar-fixed-top") */
#wrap > .container {
	padding: 60px 15px 0;
}
#main article {
	font-size: 16px;
}
#main img,
#main .wp-caption {
	max-width: 100%;
	height: auto;
}


/* Blog & Single Posts
--------------------------------------------------------- */
body.single .jumbotron,
body.blog .jumbotron,
body.archive .jumbotron,
body.search .jumbotron,
body.error404 .jumbotron {
	margin-bottom: 0;
}
body.single .jumbotron {
	padding-bottom: 0;
}
.jumbotron h1 {
	font-size: 42px;
	word-wrap: break-word;
}
.img-featured img {
	margin: 20px 0;
	float: right;
}


/* Footer
---------------------------------------------------------- */

/* Sticky Footer */
html,
body {
	height: 100%; /* The html & body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;
	/* Pad bottom by footer height */
	padding: 0 0 60px;
}
/* Set the fixed height of the footer */
#footer {
	height: 60px;
	background-color: #f5f5f5;
}
.container .credit {
	margin: 20px 0;
}
#footer > .container {
	padding-left: 15px;
	padding-right: 15px;
}


/* Sidebar
--------------------------------------------------------- */	
#sidebar {
	font-size: 90%;
	color: #888;
}

/* Widgets
--------------------------- */
#sidebar .widget {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#sidebar .widget:last-child {
	border-bottom: none;
}
#sidebar h4 {
	text-transform: uppercase;
	color: #888;
	margin-bottom: 8px;
}
#sidebar h4 a {
	color: #888;
	text-decoration: none;
}
#sidebar h4 a:hover {
	text-decoration: underline;
}
#sidebar .widget ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#sidebar .widget li {
	margin-bottom: 10px;
}

/* Tag Clouds
--------------------------- */
.widget .tagcloud a {
	display: inline-block;
	padding: 2px 4px;
	text-decoration: none;
	border-radius: 3px;
	background: #efefef;
	border: 1px solid transparent;
}
.widget .tagcloud a:hover {
	background: #dedede;
	border: 1px solid #ccc;
}


/* Blog Section / Archives / Search Results
--------------------------------------------------------- */
body.archive article:first-child h2,
body.search #main h1 {
	margin-top: 0;
}


/* Comments
--------------------------------------------------------- */

/* Comment List */
h4#comments {
	font-size: 36px;
}
.comment-list > li {
	padding: 15px;
	margin: 0 0 20px;
	background: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}
.comment-list article {
	width: 100%;
	overflow: hidden;
}
.comment-meta {
	max-width: 96px;
}
.comment-meta .avatar {
	margin-bottom: 10px;
}
.comment-content {
	padding-left: 20px;
}
.comment-content .reply {
	min-height: 30px;
}
.comment-author a {
	display: inline-block;
}
.comment-date {
	margin-left: 12px;
}
.comment-content .comment-permalink {
	text-decoration: none;
}

/* Threaded Comments */
.comment-list .children {
	clear: both;
	margin: 20px auto 0;
}
.comment-list .children li {
	padding: 10px;
	width: 90%;
	background: #fff;
	background: rgba(255,255,255,.8);
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}
.comment-list .bypostauthor,
.comment-list .children .bypostauthor {
	background: #f0f7fd;
	border: 1px solid #bce8f1;
	border-left: 5px solid #428bca;
	box-shadow: inset 0 0 0 1px #fff;
}


/* Comment Form
--------------------------------------------------------- */
#respond h4 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#commentform code {
	white-space: normal;
}


/* WordPress Images / Galleries
--------------------------------------------------------- */
.alignleft {
	float: left;
	margin: 5px 20px 1em 0;
}
.alignright {
	float: right;
	margin: 5px 0 1em 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1em auto;
}
.wp-caption {
	padding: 4px;
	background: #f1f1f1;
}
.wp-caption .wp-caption-text {
	text-align: left;
	padding: 8px 4px 4px;
	margin: 0;
	font-size: 14px;
	font-style: italic;
	color: #999;
	line-height: 1.2;
}
.wp-caption img {
	margin: 0;
	padding: 0;
}


/* Jetpack Plugin by Automattic
   Styles for various Jetpack modules
--------------------------------------------------------- */

/* Comment Subscriptions */
.comment-subscription-form {
	margin-bottom: 8px;
}
.comment-subscription-form .subscribe-label {
	font-weight: normal;
	cursor: pointer;
	padding-left: 3px;
}
.comment-subscription-form input:checked + .subscribe-label {
	background: #dff0d8;
	color: #468847;
}

/* Shortcode Embeds */
iframe.youtube-player {
	background: #f1f1f1;
	padding: 7px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

/* Meta Slider by Matcha Labs
   Styles for jQuery slider plugins
--------------------------------------------------------- */

/* Flex Slider */
/* Display first image on page load, before jQuery loads */
.flexslider .slides > li:first-child {
	display: block !important;
	opacity: 1 !important;
	-webkit-backface-visibility: visible !important;
}