/*
Theme Name: Craftaholics Anonymous Responsive Theme
Theme URI: http://junelily.com/
Author: June Lily
Author URI: http://junelily.com/
Description: Custom responsive theme for Craftaholics Anonymous.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: junelily
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Navigation
 *   4.2 - Recent Post Thumbs
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Attachments
 *   5.6 - Post/Paging Navigation
 *   5.7 - Author Bio
 *   5.8 - Archives/Search Results/No Posts
 *   5.9 - 404
 *   5.10 - Comments
 *   5.11 - Multisite
 * 6.0 - Sidebar & Widgets
 * 7.0 - Footer
 * 8.0 - Print
 * ----------------------------------------------------------------------------
 */
 

/********************************************************************************
 1.0 Reset
********************************************************************************/

* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {	display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden] {	display: none;}
html {	font-size: 15px; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html,button,input,select,textarea {	font-family: 'Nunito', 'Muli', Arial, Helvetica, sans-serif;}
body {	color: #666;	line-height: 1.5;	margin: 0;}
a {	color: #c02c66;	text-decoration: none;}
a:visited {	color: #c02c66;}
a:focus { outline: thin dotted;}
a:active,a:hover {color: #FC3582;outline: 0;}
h1,h2,h3,h4,h5,h6 {	clear: both; font-family: 'MenschRegular', 'Nunito', 'Muli', Arial, Helvetica, sans-serif; line-height: 1.3; color: #c02c66; font-weight: normal;}
h1 { font-size: 22px; margin: 15px 0; }
h2 { font-size: 20px; margin: 12px 0;}
h3 { font-size: 18px; margin: 12px 0;}
h4 { font-size: 16px; margin: 12px 0;}
h5 { font-size: 14px; margin: 10px 0;}
h6 { font-size: 14px; margin: 10px 0; text-transform: uppercase;}
address { font-style: italic; margin: 0 0 16px;}
abbr[title] { border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
p {	margin: 0 0 13px;}
code,kbd,pre,samp {	font-family: monospace, serif; font-size: 14px;	-webkit-hyphens: none; -moz-hyphens: none;	-ms-hyphens: none; hyphens:none;}
pre { background: #eee; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote,q { -webkit-hyphens: none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: ""; content: none;}
blockquote { font-size: 16px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote { margin-right: 0;}
blockquote cite,blockquote small { font-size: 12px;	font-weight: normal; text-transform: uppercase;}
blockquote em, blockquote i { font-style: normal; font-weight: 300;}
blockquote strong,blockquote b { font-weight: 400;}
small { font-size: smaller;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
dl { margin: 0 20px;}
dt { font-weight: bold;}
dd { margin: 0 0 20px;}
menu,ol,ul { margin: 16px 0; padding: 0 0 0 40px;}
ul { list-style-type: square;}
nav ul,nav ol { list-style: none; list-style-image: none;}
li > ul,li > ol { margin: 0;}
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}
svg:not(:root) { overflow: hidden;}
figure {margin: 0;}
form {	margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend { border: 0;	padding: 0;	white-space: normal;}
button,input,select,textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button,input { line-height: normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],input[disabled] {	cursor: default;}
input[type="checkbox"],input[type="radio"] { padding: 0;}
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; 	padding: 0;}
textarea { overflow: auto; vertical-align: top;}
table { border: none; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%;}
caption,th,td { font-weight: normal;  text-align: left;}
caption { font-size: 16px; margin: 20px 0;}
th { font-weight: bold; text-transform: uppercase;}
td { border-top: 1px solid #ededed;	padding: 6px 10px 6px 0;}
del { color: #333;}
ins { background: #fff9c0; text-decoration: none;}
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px;}

/********************************************************************************
 2.0 Repeatable Patterns
********************************************************************************/

/* Clearing floats */
.clear:after,.attachment .entry-header:after,.entry-content:after,.entry-summary:after, .page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-form-author:after,.comment-form-email:after,.comment-form-url:after,.comment-body:after { clear: both;}
.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.entry-content:before,.entry-summary:before,.entry-summary:after,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after { content: ""; display: table;}
/* Assistive text */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.screen-reader-text:focus {	background-color: #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #668561; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none;	width: auto;	z-index: 100000; /* Above WP toolbar */}
/* Form fields, general styles first. */
button,input,textarea {	border: 2px solid #eee;	font-family: inherit; padding: 5px;}
input,textarea {color: #666;}
input:focus,textarea:focus {border: 2px solid #a9a9a9;outline: 0;}
/* Buttons */
button,input[type="submit"],input[type="button"],input[type="reset"] {background: #c12c65; border: none;color: #fff;display: inline-block;padding: 11px 24px 10px;text-decoration: none; font-family: 'MenschRegular', 'Nunito', 'Muli', Arial, Helvetica, sans-serif; }
button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus {	background: #666; outline: none;}
button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {background: #f56c69; border: none;padding: 10px 24px 11px;}
.post-password-required input[type="submit"] {padding: 7px 24px 4px;vertical-align: bottom;}
.post-password-required input[type="submit"]:active {padding: 5px 24px 6px;}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color: #888888;}
:-moz-placeholder {	color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
/* Responsive images * Fluid images for posts, comments, and widgets */
.entry-content img,.entry-summary img,.comment-content img,.widget img, .wp-caption {max-width: 100%;}
.entry-content img, #sidebar .widget img, .wp-caption {border:none;}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;}
img.size-full,img.size-large,img.wp-post-image {height: auto;max-width: 100%;}
.entry-summary img {  }
/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {	max-width: 100%;}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {max-width: 100% !important;}
/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {margin: 5px 20px 5px 0;}
.wp-caption.alignleft {margin: 5px 10px 5px 0;}
img.alignright {margin: 5px 0 5px 20px;}
.wp-caption.alignright {margin: 5px 0 5px 10px;}
img.aligncenter {margin: 5px auto;}
img.alignnone {margin: 5px 0;}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #888;text-align: center;font-size: 14px;font-weight: 300;}
img.wp-smiley,.rsswidget img {border: 0;border-radius: 0; -moz-border-radius:0; box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol  {list-style-position: inside;}

/********************************************************************************
 3.0 Structure
********************************************************************************/

body { background: #fff;} 

#top {
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	overflow: hidden;}

#wrap {
	margin: 0 auto;
	max-width: 1230px;
	width: 100%;
	position: relative;
	background: #fff;}

#main {
	position: relative;
	clear: both;
	width: 100%;
	background: #fff;
	margin-top: 10px;}

#footer {
	clear: both;
	width: 100%;}
	
#content,
#contentfull {
	width: 90%;
	padding: 10px 0 0;
	margin: 0 auto;}

#sidebar {
	clear:both;
	width: 90%;
	padding: 0;
	margin: 0 auto;}


/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	
#content {
	float: left;
	width: 55%;
	padding: 0px 0 0 20px;
	margin: 0;}

#sidebar {
	clear:none;
	float: right;
	width: 340px;
	padding: 0px 15px 0 0;
	margin: 0;}		
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	
body { background-image: url(images/confetti-background.png); background-size: 60px auto;} 

}

/* Minimum width of 900 pixels. */
@media screen and (min-width: 900px) {
	
#content {
	width: 61%;}	
}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1000px) {
	
#content {
	width: 65%;}	
}

/* Minimum width of 1130 pixels. */
@media screen and (min-width: 1130px) {
	
#content {
	width: 68%;}	
}

/* Minimum width of 1130 pixels. */
@media screen and (min-width: 1250px) {
	
#content {
	width: 71%;}	
}

/*******************************************************************************
 4.0 Header
********************************************************************************/
.header-ad img,
.footer-ad img {
	max-width: 728px !important;}

#top .widget,
.header .widget,
.footer-ad .widget {
	margin: 0;
	padding: 0;}
	
#top .widget a {
	color: #c02c66;	}
	
#top .widget a:active,
#top .widget a:hover {
	color: #FC3582;}
	
.top-widget {
	width: 100%;
	text-align:center;
	padding: 10px 10px 5px;}
	
.top-search{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 0px 10px 10px}

.header {
	position: relative;}

.logo {
	width: 320px;
	height: 89px;
	margin: 10px auto;}

.tablet-fix,
.header-ad {
	display: none;}
	
.footer-ad {
	display: block;
	width: 100%;
	height: 90px;
	max-width: 728px;
	margin: 10px auto; 
	overflow: hidden;}
	
#top .header-ad img {
	margin: 0; }


/* Minimum width of 481 pixels. */
@media screen and (min-width: 481px) {
	
.logo {
	width: 400px;
	height: 111px;}

	
.top-search{
	max-width: 400px;}

}

/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
	
.top-widget {
	width: 50%;
	text-align:left;
	float: left;
	padding: 10px 10px 5px;}
	
.top-search{
	width: 50%;
	float: right;
	max-width: 300px;
	margin: 0 auto;
	padding: 0px 10px 10px}
}


/* Minimum width of 728 pixels. */
@media screen and (min-width: 728px) {

#top .header-ad {
	display: block;
	width: 100%;
	height: 90px;
	max-width: 728px;
	margin: 10px auto; 
	overflow: hidden;}
	
.footer-ad {
	display: none;}
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	
.logo {
	float: left;
	margin: 5px 5px 20px;}
	
.tablet-fix {
	display: block;
	float: right;
	width: 47%;
	padding: 15px 10px;}
	
#top .top-widget {
	display: none;}
	
#top .top-search{
	display: none;}
	
.top-widget {
	width: 100%;
	text-align:right;
	padding: 0px 0 5px;}
	
.top-search{
	width: 100%;
	padding: 0;
	float: right;}
	
}

/* Minimum width of 920 pixels. */
@media screen and (min-width: 920px) {
	
.tablet-fix {
	display: block;
	float: right;
	width: 494px;
	padding: 15px 10px;}
	
}

/* Minimum width of 1180 pixels. */
@media screen and (min-width: 1180px) {
	
.tablet-fix,
#top .header-ad {
	display: none;}
	
#top .top-widget {
	width: 75%;
	display: block;
	text-align: left;
	padding: 10px;}
	
#top .top-search{
	width: 25%;
	display: block;
	padding: 0 10px 10px;}
	
.header-ad {
	display: block;
	padding: 10px 15px 0 0;}
	
.header-ad img {
	border: 0;
	padding: 0;}

}

/********************************************************************************
 4.1 Navigation
********************************************************************************/

#navbar {
	position: relative;
	width: 95%; 
	max-width: 284px;
	display: block; 
	border: 1px solid #ddd; 
	padding: 10px 0px; 
	margin: 20px auto; 
	clear: both; 
	line-height: 1em; 
	text-transform: uppercase;}	
	
ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
	display: none;}

.nav-menu li a {
	color: #666;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px;
	text-decoration: none;}


.nav-menu li a:hover {
	background-color: #999;
	color: #fff;}

.nav-menu .sub-menu,
.nav-menu .children {
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 99999;}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #666;}

.nav-menu .sub-menu .current_page_item > a,
.nav-menu .sub-menu .current_page_ancestor > a,
.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current-menu-ancestor > a {
	color: #666;}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: block;
	font: bold 20px/1.3 'Nunito', 'Muli', Arial, Helvetica, sans-serif; ;
	margin: 0 auto;
	padding: 5px 0;
	letter-spacing: .15em;
	color: #666;
	text-align: center;}

.toggled-on {
	padding: 10px !important;}

.toggled-on ul.nav-menu,
.toggled-on .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	color: #666;}

.toggled-on .sub-menu,
.toggled-on .children,
.toggled-on .sub-menu ul,
.toggled-on .children ul{
	display: inline-block;
	background-color: #fff;
	float: none;
	position: relative;	
	margin-left: 20px;
	position: relative;
	left: auto;
	top: auto;}

.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
	background-color: transparent;
	color: #666;}
	
.toggled-on .nav-menu li a,
.toggled-on .nav-menu ul a {
	color: #666;
	padding: 10px;}

.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
	color: #666;
	background: url(images/mobile-nav-arrow.png) no-repeat 0 center;
	background-size: 15px auto;
	padding-left: 25px;}
	
/* Minimum width of 400 pixels. */
@media screen and (min-width: 481px) {

#navbar {
	max-width: 380px;}
}

/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {

#navbar {
	width: 98%;
	max-width:inherit;
	border-right: none;
	border-left: none;
	text-align:center;
	padding: 10px 0 0px;	}
	
.nav-menu li {
	display: inline-block;
	position: relative;}
	
.nav-menu li a {
	display: block;
	font-weight: normal;
	text-transform:uppercase;	
	color: #666;
	font-size: 13px;
	line-height:1.5;
	padding: 0px 5px 10px 30px;
	position: relative;
	text-decoration: none;
	transition: color 0.1s linear 0s;
	-moz-transition: color 0.1s linear 0s; /* Firefox 4 */
	-webkit-transition: color 0.1s linear 0s; /* Safari and Chrome */
	-o-transition: color 0.1s linear 0s; /* Opera */}
	
.nav-menu li a:hover {
	color: #666;
	background: none;
	background-image: url(images/heart-icon-small.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 24px 24px;}
	
.menu-toggle {
	display: none;}
	
ul.nav-menu,
div.nav-menu > ul {
	display: block;
	padding: 0;}	
	
.nav-menu .sub-menu {
	padding-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #ddd;}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #fff;
	border-top: 0;
	padding: 0 0 5px;
	position: absolute;
	left: -15px;
	width: 140px;
	z-index: 99999;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
	padding-bottom: 0px;
	margin-left: 0;
	background-color: #fff;}

ul.nav-menu ul li,
.nav-menu ul ul li {
	padding: 10px 5px 0;}
	
ul.nav-menu ul li:last-child,
.nav-menu ul ul li:last-child {
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

ul.nav-menu ul li a,
.nav-menu ul ul li a {
	color: #666;
	margin: 0;
	font-size: 13.5px;
	width: 140px;
	float: none;
	line-height: 1.5;
	text-transform: none;
	text-align: left;	
	padding: 0px 5px 5px 30px;}
	
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	
.nav-menu li a {
	font-size: 15px;	
	padding: 0px 10px 10px 30px;}	
}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1000px) {
	
.nav-menu li a {
	font-size: 18px;
	padding: 0 15px 10px 30px;}

}

/********************************************************************************
 4.2 Recent Post Thumbs
********************************************************************************/

#recent-posts-slider {
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: none;}

.list_carousel {
    height: 193px;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 93%;
	position: relative;}
	
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;}
	
.list_carousel li {
    color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    margin: 8px;
    padding: 0;
    width: 175px;
	height: auto;
	position: relative;}
	
.list_carousel li:first-child {
	margin-left: 0;}
	
.list_carousel li img {
	width: 100%;
	height: auto;}	

	
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.list_carousel .clearfix {
	float: none;
	clear: both;
}

#recent-posts-slider a.prev {
    background: url("images/previous.png") no-repeat scroll 0 0 transparent;
	background-size: 10px auto;
    display: block;
    height: 111px;
    position: relative;
    top: -132px;
	left: 20px;
    width: 10px;}
	
#recent-posts-slider a.next {
    background: url("images/next.png") no-repeat scroll 0 0 transparent;
	background-size: 10px auto;
    display: block;
    height: 111px;
    position: relative;
    float: right;
	right: 20px;
	top: -243px;
    width: 10px;}
	
#recent-posts-slider a.prev.disabled, a.next.disabled {
	cursor: default;}

#recent-posts-slider a.prev span, a.next span {
	display: none;}
	
#foo2 {
    margin: 0 2px;
    position: relative;}
	
#foo2 img {}

a.slidertitle {
	position: absolute;
	display: none; 	
	background-color: rgba(255,255,255,0.85);
	color: #444;
	bottom:0;
	right:0;
	left:0;
	width: 175px;
	height: auto;
	line-height:1.25;}
	
.slidertitle h2 {
	font-family: 'Nunito', 'Muli', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #444;}
	
.list_carousel li:hover a.slidertitle {
	display: block;
	color: #444;
	font-size: 14px;
	text-align: center;
	padding: 10px;
	overflow:hidden;
	text-transform: capitalize;
	vertical-align: middle;
}


/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {

#recent-posts-slider {
	display: block;
	height: 175px;}

.list_carousel {
	width: 87%;
    height: 170px;}
	
.list_carousel li img {
	width: 100%;
	height: auto;
	max-width: 150px;}
	
.list_carousel li {
    width: 150px;
	height: auto;}
	
.list_carousel li:hover a.slidertitle {
	font-size: 14px;}
	
a.slidertitle {
	width: 150px;}
	

#recent-posts-slider a.prev {
    top: -122px;
	left: 10px;}
	
#recent-posts-slider a.next {
	right: 10px;
	top: -233px;}
}

/* Minimum width of 1135 pixels. */
@media screen and (min-width: 1135px) {
	
#recent-posts-slider {
	display: block;
	height: 200px;}

.list_carousel {
	width: 93%;
    height: 193px;}
	
.list_carousel li img {
	width: 100%;
	height: auto;
	max-width: 175px;}
	
.list_carousel li {
    width: 175px;
	height: auto;}
	
a.slidertitle{
	width: 175px;}
	
#recent-posts-slider a.prev {
    top: -132px;
	left: 20px;}
	
#recent-posts-slider a.next {
	right: 20px;
	top: -243px;}
}

/********************************************************************************
 5.0 Content
********************************************************************************/

.hentry {
	padding: 0;}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta
.entry-meta-footer {
	margin: 0 auto;
	width: 100%;}
	
.recent-posts,
.todays-post {
	position: relative;}
	
.todays-post {
	padding: 10px;
	border: 3px solid #f1f1f1;
	margin: 0px 0 20px;}
	
	
.post-ad {
	display: none;
	margin: 0;}
	
.post-ad .widget {
	margin: 0 0 10px;}


/* Minimum width of 1130 pixels. */
@media screen and (min-width: 1130px) {
	
.post-ad {
	display: block;}
	
}


/********************************************************************************
 5.1 Entry Header
********************************************************************************/

.entry-header {
	margin-bottom: 20px;}

.entry-title {
	font-weight: normal;
	margin: 5px 0 0px;
	color: #c12c65;
	letter-spacing: .1em;
	font-size: 24px;}
	
.entry-title-summary {
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	margin: 15px 0 0;}
	
h1.category-listing-title {
	text-transform: uppercase;
	color: #c12c65;
	text-align: center;
	font-size: 18px;
	margin: 15px 0;}

.entry-title a,
.entry-title-summary a {
	color: #c12c65;}

.entry-title a:hover,
.entry-title-summary a:hover {
	color: #c12c65;}
	
.entry-excerpt {
	font-size: 12px;
	margin-top: 10px;}


/********************************************************************************
5.2 Entry Meta
********************************************************************************/

.entry-meta {
	clear: both;
	font-size: 12px;
	text-transform: capitalize;
	color: #999;}

.entry-meta a,
.category-links a {
	color: #999;}

.entry-meta a:hover,
.category-links a:hover {
	color: #c12c65;}

.entry-meta > span {
	padding: 0 5px 0 0px;}

.entry-meta > span:last-child {
	padding-right: 0;}

.entry-meta > span:first-child {
	padding-left: 0;}
	
.entry-meta span.vcard {
	margin: 0;}
	
span.comments-meta {
	padding: 0 15px 0 18px;
	margin-left: 10px;
	background: url(images/comments-bubble.svg) no-repeat 0 0;
	background-size: 13px 18px;
	width: 18px;
	height: 13px;}
	
.comments-link,
.leave-reply {
	clear: both;
	margin: 0px;
	font-size: 15px;
	text-align: left;
	float: left;}
	
.comments-link a,
.leave-reply a,
.comments-link span {
	color: #c12c65;
	font-weight: bold;}
	
.comments-link span {
	margin: 0 5px;}
	
.see-more {
	width: 170px;
	height: 40px;
	background-image: url(images/cute-arrow.svg);
	background-size: 163px 38px;
	float: right;
	margin: 5px;}
	
.see-more a {
	text-transform: uppercase;
	font-family: 'MenschRegular', 'Nunito', 'Muli', Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: .1em;}
	
.more-link {
	float: right;
	padding: 20px 10px 0 0;}


/********************************************************************************
5.3 Entry Content
********************************************************************************/

.entry-content,
.entry-summary {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;}
	
.entry-summary {
	width: 50%;
	padding: 3.5% 3.5% 2%;
	float: left;}
	
.entry-summary:hover {
	background: #f1f1f1;}
	
.entry-summary img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 200px}
	
ul.archive-grid {
	list-style: none;
	margin:0;
	padding:0;
	clear: both;}
	
.archive-grid li {
	margin:0;
	padding:0;}
	
.archive-grid li:nth-child(3),
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(11),
.archive-grid li:nth-child(13) {
	clear:both;}
	
.featured-category-posts .archive-grid li:nth-child(3),
.featured-category-posts .archive-grid li:nth-child(4) {
	display: none;}
	
.featured-category-posts {
	clear: both;
	margin: 0;}
	
.featured-category-posts h1 {
	font-size: 24px;
	letter-spacing: .1em;
	padding-left: 10px;
	margin-bottom: 5px;
	width: auto;
	float: left;}

.featured-category-posts .archive-grid li h1 {
	font-size: 15px;
	letter-spacing: normal;
	padding-left: 0px;
	width: 100%;}
	
.featured-category-posts .archive-grid li h1 a {
	color: #666;}
	
.featured-category-posts .archive-grid li h1 a:hover {
	color: #c02c66;}

/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;}

.page-links a:hover {
	background: #fff;
	color: #666;}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;}

/* Media elements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #222222;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #c12c65;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
	-moz-border-radius:0;}
	

	
@media (min-width: 481px) {
	
.featured-category-posts .archive-grid li:nth-child(3) {
	display: block;}

.entry-summary {
	width: 33%;
	padding:2%;
	float: left;}
	
.archive-grid li:nth-child(3),
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(11),
.archive-grid li:nth-child(13) {
	clear:none;}
	
.archive-grid li:nth-child(4),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(10),
.archive-grid li:nth-child(13) {
	clear:both;}
	
}

@media (min-width: 1200px) {
	
.entry-summary {
	width: 25%;
	padding: 1% 1% 2%;
	float: left;}
	
.archive-grid li:nth-child(4),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(10),
.archive-grid li:nth-child(13) {
	clear:none;}
	
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(13) {
	clear:both;}
	

.featured-category-posts .archive-grid li:nth-child(4) {
	display: block;}
	
}
	

@media (max-width: 767px) {
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;}
}

/*******************************************************************************
5.4 Galleries
********************************************************************************/

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;}
	
.gallery-columns-1 .gallery-item {
	margin-right: 0;
	max-width: 100%;}
	
.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(48% - 4px);
	max-width:         calc(48% - 4px);}
	
.gallery-columns-3 .gallery-item {
	max-width: 31%;
	max-width: -webkit-calc(33% - 4px);
	max-width:         calc(33% - 4px);}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;}

.gallery-item:hover .gallery-caption {
	opacity: 1;}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;}
	
@media (max-width: 767px) {
	.gallery-caption {
		display: none;}
}

/* Mobile devices */
@media (max-width: 359px) {
	.gallery {
		margin-left: 0;}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;	}

	.gallery br {
		display: none;}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;}
}

/*******************************************************************************
5.5 Attachments
********************************************************************************/

.full-size-link:before {
	content: none;}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #888;}

.attachment .entry-content,
.attachment .entry-summary {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;}

.image-navigation {
	margin: 0 auto;
	position: relative;}

.image-navigation a:hover {
	text-decoration: none;}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;}

.image-navigation .nav-previous {
	left: 0;}

.image-navigation .nav-next {
	right: 0;}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	text-align: center;}

.attachment .entry-attachment .attachment {
	display: inline-block;}

.attachment .entry-caption {
	text-align: left;}

.attachment .entry-description {
	margin: 20px auto 0;}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;}
	
@media (max-width: 1069px) {

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;}
}
	
@media (max-width: 767px) {
	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		padding: 0;
		width: 100%;}
}

/*******************************************************************************
5.6 Post/Paging Navigation
********************************************************************************/
.navigation .nav-previous {
	float: left;}

.navigation .nav-next {
	float: right;}

.navigation a {
	color: #666;}

.navigation a:hover {
	color: #888;
	text-decoration: none;}

.paging-navigation {
	padding: 10px 0;}

.paging-navigation .nav-links {
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;}

.paging-navigation .nav-next,
.paging-navigation .nav-previous {
	padding: 13px 0;}

.paging-navigation a {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-weight: 300;}

.paging-navigation .meta-nav {
	background-color: #a9a9a9;
	border-radius: 50%;
	-moz-border-radius:50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;}

.paging-navigation a:hover .meta-nav {
	background-color: #666;
	text-decoration: none;}

.post-navigation {
	font-size: 15px;
	font-weight: 300;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: .15em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 10px 0;}

.post-navigation .nav-links {
	margin: 0 auto;}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}

/*******************************************************************************
5.7 Author Bio
********************************************************************************/

.author-info {
	margin: 10px auto 20px;
	padding: 20px 20px 10px;
	text-align: left;
	width: 90%;
	overflow: hidden;
	border: 1px solid #ddd;}

.author-avatar .avatar,
.author-avatar-top .avatar {
	float: left;
	margin: 0 0px 10px 10px;
	border: none;
	border-radius: 50%;
	-moz-border-radius: 50%;
    display: block;
    padding: 5px;}
	
.author-avatar-top .avatar {
	margin: 0 10px 10px 0;
}

.author-description .author-title {
	clear: none;
	margin: 0 0 8px;
	color: #c12c65;
	font-size: 20px;}

.author-link {
	color: #c12c65;
	margin-left: 2px;}

.author.archive .author-link {
	display: none;}


/********************************************************************************
5.8 Archives/Search Results/No posts
********************************************************************************/

.page-title,
.archive-title {
	font: 25px "Muli", Helvetica, sans-serif;
	margin: 0 auto 15px;
	color: #c12c65;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 10px 0 0 0px;
	width: 100%;
	border-bottom: 1px solid #ddd;}

.page-content {
	margin: 0 auto;
	padding: 10px 0 40px;
	width: 100%;}


/*******************************************************************************
5.9 404
********************************************************************************/
 	
.error {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 2%;}

/*******************************************************************************
5.10 Comments
********************************************************************************/
 
#comments {
	 margin: 30px 0; }
	 
h3#comments-title,
h3#comments-form-title {
	font-size: 24px;}


.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;}

#comments,
#respond h1 {
	color: #c12c65;
	margin-bottom: 5px;
    font-weight: normal;
	padding-bottom: 5px;}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
	margin: 0;}

.comment-list .children {
	margin-left: 20px;}

.comment-wrap {
	padding: 10px;
	position: relative;
	margin:0;}

.comment-body {
	position: relative;}
	
.vcard {
	width: 90px;
	float: right;
	padding: 0 0 10px 10px;}

.comment-wrap .author {
	word-wrap: break-word;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 10px;}

.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #c12c65;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;}
	
.comment-reply-link {
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 5px;}

.comment time,
.comment-edit-link {
	font-size:10px;
	text-transform: uppercase;
	margin: 10px 0;
	letter-spacing: .15em;}


.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;}

.comment-list .edit-link {
	margin-left: 20px;}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	margin: 0 10px;
	word-wrap: break-word;
	text-align: right;}

.comment-meta,
.comment-meta a {
	color: #ccc;
	font-size: 13px;}

.comment-meta a:hover {
	color: #c12c65;}

.comment-metadata {
	margin-bottom: 20px;}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;}

.comment-awaiting-moderation {
	color: #a2a2a2;}

/* Comment form */

h3#reply-title {
	margin: 0;}
	
#respond p {
	font-size: 14px;
	margin: 10px 0 0;
	color: #666;
	padding: 0}
	
.comment-respond {
	padding:10px 20px;
	border: 1px solid #ddd;}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;}

.comment-form .comment-notes {
	margin-bottom: 15px;}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"] {
	float: left;
	padding: 5px 0;
	width: 120px;}

.comment-form .required {
	color: #ED0860;}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;}

.comment-form textarea {
	width: 100%;}

.form-allowed-tags,
.form-allowed-tags code {
	color: #666;
	font-size: 12px;}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	padding: 20px 0 30px;
	width: 100%;}

	
/***** Comment Numbering Style ********************/

.commentnumber {
	float:left;
	color: #fff;
	background: #c12c65;
	font-size:16px;
	margin: 0px 10px 10px 0;
	padding: 5px 10px;
	clear:right;}

	
	
/*-------Comment Styling ---------------------*/

#author, #email, #url {
	background: #ffffff !important;
	color: #666;
	font-size: 12px;
	margin: 0px;
	padding: 4px;
	border: 1px solid #ddd;	}	

#comment {
	background: #ffffff !important;
	color: #666;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	border: 1px solid #ddd;	}

.comment-list li ul li {
	font-size: 12px;}

.avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #ddd;
	margin: 0 0 5px 5px;
	padding: 3px;}

.comment-list p {
	font-weight: normal;
	text-transform: none;
	color: #666;
	font-size: 14px;
	margin: 0 0 10px}

.commentmetadata {
	font-weight: normal;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;}
	
#commentform #submit {
	padding: 10px 0 8px;
	font-size: 18px;
	letter-spacing: .1em;}

#commentform {
	margin: 5px 10px 0px 0px;}	

#commentform textarea {
	width: 98%;
	padding: 2px;}	

#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;	}

#commentform p {
	margin: 5px 0px 5px 0px;}	

#commentform #submit {
	margin: 0px;
	float: left;}	

.alt {
	margin: 0px;
	padding: 10px;}

.comment-list {
	margin: 0px;
	padding: 0px;}	

.comment-list ol {
	margin: 0px;
	padding: 10px;}
	
.comment-list li {
	margin: 0px 0 10px;
	padding: 0px;
	list-style: none;}

.comment-list li ul li { 
	margin-right: -5px;
	margin-left: 10px;}

.children { 
	margin: 0px;
	padding: 0px;}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;}
	
.reply a, .reply a:visited {
	background: #c12c65;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;}	

.reply a:hover {
	background: #f56c69;
	color: #ffffff;
	text-decoration: none;	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;	}

.navigation {
	display: block;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;}	

.alignright {
	float: right;}

.alignleft {
	float: left;}	

.depth-1 {
	background: #FFFFFF;
	margin: 0;
	padding: 0;}
	 
.even, .alt {
	border: 1px solid #ddd;
	margin: 10px 0 0;
	padding: 0px;}

.children .even, .children .alt {
	border-right: none;}

textarea#styled {
	margin: 0px auto;
	width: 170px;
	height: 113px;
	border: 1px solid #c9e9e9;
	padding: 5px;
	font-size: 11px; 
	font-weight: normal;}
	
/* Author Tabbed Box */

.ts-fab-list li a {
	font-family: 'MenschRegular', 'Nunito', 'Muli', Arial, Helvetica, sans-serif; 
	background: #fff;}
	
.ts-fab-tab.visible-tab {
	border: 1px solid #ddd !important;}
	
.ts-fab-header h4 {
	font-family: 'Nunito', 'Muli', Arial, Helvetica, sans-serif; }
	
.ts-fab-content {
	font-size: 13px;}
	
/* Maximum width of 510 pixels. */
@media screen and (min-width: 768px) and (max-width: 868px) {
	
.ts-fab-list li a {
	width: 100% !important;}
	
.ts-fab-list li {
	width: 31% !important;}
	
}
	
/* Maximum width of 510 pixels. */
@media screen and (max-width: 510px) {
	
.ts-fab-list li a {
	width: 100% !important;}
	
.ts-fab-list li {
	width: 31% !important;}
	
}

/* Maximum width of 480 pixels. */
@media screen and (max-width: 480px) {
	
.ts-fab-list li a {
	width: 100% !important;}
	
.ts-fab-list li {
	width: 30% !important;}
	
}
	
	
/*---------- Related Posts -----------------*/

h3.related_post_title {
	font-size: 24px;
	letter-spacing: .1em;}

#related_posts_thumbnails {
	list-style-type: none !important;
	list-style: none !important;
	list-style-position: inside !important;
	padding: 0pt;
	margin: 0 0 20px;
	overflow: hidden;
	text-wrap: normal;}
	
#related_posts_thumbnails span {
	overflow: hidden;}

#related_posts_thumbnails ul {
	float: left !important;
	list-style: none !important;
	margin: 0;
	padding: 0;}

#related_posts_thumbnails li {
	float: left !important;
	list-style: none !important;
	margin: 0pt;
	padding: 1%;
	display: block !important;
	border-right: none !important;
	background-color: #fff;
	width: 49%;
	overflow: hidden;}
	
#related_posts_thumbnails li:nth-child(3),
#related_posts_thumbnails li:nth-child(4) {
	display: none !important;}

#related_posts_thumbnails li:hover {
	background: #f1f1f1;}

#related_posts_thumbnails li a {
	border: 0pt none;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #666;
	font-size:11px;
	text-align:center;}

#related_posts_thumbnails li a:hover {
	color: #c12c65;}

#related_posts_thumbnails li a+a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: auto;
	color: #666;
	text-decoration: none;
	font-size: 12px;}

#related_posts_thumbnails img {
	width: 100%;
	height: auto;
	padding: 3px;
	margin: 2px auto;
	border: 0pt none;
	background: #fff;}
	
/* Minimum width of 480 pixels. */
@media screen and (min-width: 480px) {

#related_posts_thumbnails li {
	width: 33%;}
	
#related_posts_thumbnails li:nth-child(3) {
	display: block !important;}
	
}
	
/* Minimum width of 950 pixels. */
@media screen and (min-width: 950px) {

#related_posts_thumbnails li {
	width: 25%;}
	
#related_posts_thumbnails li:nth-child(4) {
	display: block !important;}
	
}



/*******************************************************************************
5.11 Multisite
********************************************************************************/

#main .mu_register {
	margin: 0 auto;
	max-width: 668px;
	width: 100%;}

.mu_alert {
	margin-top: 25px;}

#main .mu_register input[type="submit"],
#main .mu_register #blog_title,
#main .mu_register #user_email,
#main .mu_register #blogname,
#main .mu_register #user_name {
	font-size: inherit;
	width: 270px;}

#main .mu_register input[type="submit"] {
	width: auto;}

/*******************************************************************************
6.0 Sidebar
********************************************************************************/

#sidebar p {
	font-size: 14px;}


#searchsubmit{
	background: none;
	color: transparent;
	font-size: 16px;
	margin: 5px 0 0 0;
	padding: 0px 0px 0px;
	text-align: center;
	line-height: 14px;
	border: 0;
	width: 12%;
	height: 32px;
	background: url(images/search.png) no-repeat 0 0;
	background-size: 32px auto;
	vertical-align: top;
}

#s {
	width: 86%;
	background: #fff;
	border: 1px solid #9f9f9f;
	color: #888;
	margin: 5px 0 0 0;
	font-size: 14px;
	height: 32px;}
	
#sidebar img.alignleft,
#sidebar .wp-caption.alignleft {
		margin-left: 0;}

#sidebar img.alignright,
#sidebar .wp-caption.alignright {
		margin-right: 0;}

.widget {
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0px 0 30px;
	padding: 10px;
	word-wrap: break-word;}
	
#sidebar .widget {
	border: 3px solid #f1f1f1;}

.widget .widget-title {
	color: #fff;
	background: #c12c65;
	width: 100%;
	font-weight: normal;
	letter-spacing: .1em;
	margin: -28px 0 10px;
	padding: 8px 5px 5px;
	text-align: center;}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;}

.widget li {
	padding: 5px 0;}

.widget .children li:last-child {
	padding-bottom: 0;}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;}

.widget a {
	color: #666;}

.widget a:hover {
	color: #c12c65;}

/* Search widget */
.search-form .search-submit {
	display: none;}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;}

.widget_calendar a {
	display: block;}
		
/* Social Media */

#social {
	text-align: center;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 10px;
	overflow:hidden;}

.email-subscribe,
.google,
.instagram,
.facebook,
.twitter,
.pinterest {
	float: left;
	margin: 0px 5px;
	display: block;
	width: 40px;
	height: 40px;}
	
.email-subscribe {
	background: url(images/email.png) no-repeat 0px 0px;	
	background-size: 40px auto;}

.google {
	background: url(images/google.png) no-repeat 0px 0px;	
	background-size: 40px auto;}

.instagram {
	background: url(images/instagram.png) no-repeat 0px 0px;
	background-size: 40px auto;}
	
.facebook {
	background: url(images/facebook.png) no-repeat 0px 0px;
	background-size: 40px auto;}
	
.twitter {
	background: url(images/twitter.png) no-repeat 0px 0px;
	background-size: 40px auto;}
	
.pinterest {
	background: url(images/pinterest.png) no-repeat 0px 0px;
	background-size: 40px auto;}
	
.email-subscribe:hover,
.google:hover,
.instagram:hover,
.facebook:hover,
.twitter:hover,
.pinterest:hover {
	background-position: 0 bottom;}
	
.wp-socializer img,
.wp-socializer-single img {
	max-width: 16px !important;
	max-height: 16px !important;}
	
.wp-socializer li:nth-child(3),
.wp-socializer li:nth-child(4),
.wp-socializer li:nth-child(5) {
	clear: none !important;}
	
/* Bio Section */

.bio {
	width: 300px;
	height: auto;
	margin: 20px auto 40px;}

.bio img {
	float: right;
	border-radius: 50%;
	-moz-border-radius: 50%;
	width: 130px;
	height: auto;}
	
.bio-header {
	float: left;
	width: 160px;
	text-align: center;
	padding: 10px 0;}
	
.bio h1 {
	font-size: 56px;
	letter-spacing: .15em;
	margin: 0;
	padding: 0;
	line-height:1;}
	
.bio h2 {
	font-size: 42px;
	color: #cf6e93;
	margin: 0;
	padding: 0;
	line-height:1;}
	
.bio h3 {
	color: #444;
	margin: 0;
	padding: 0;}
	
.bio p {
	clear: both;
	font-size: 14px}
	
		
/* Minimum width of 481 pixels. */
@media screen and (min-width: 481px) and (max-width: 641px) {

#s {
	width: 89%;}
	
#searchsubmit {
	width: 9%;}

}

/*******************************************************************************
7.0 Footer
********************************************************************************/

#footer {
	font-size: 11px;
	color: #999;
	background: #fff;
	margin: 20px 0;
	overflow: hidden;
	text-align:center;}
	
#footer a {
	color: #999;}
	
#footer a:hover {
	color: #c12c65;}

.site-info {
	margin: 0 auto;
	padding: 1% 0;
	text-align: center;
	width: 97%;	
	border-top: 1px solid #ddd;}
	


/*******************************************************************************
8.0 Print
********************************************************************************/

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {
	body { background: none !important; color: #444; font-size: 10pt; }
	footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after {content: " [" attr(href) "] "; /* Show URLs */}
	#wrap {	max-width: 98%;	}
	.header { background-image: none !important;}
	.header .home-link {max-width: none;min-height: 0;}
	.site-title {color: #444;font-size: 21pt;}
	.site-description {	font-size: 10pt;}
	.author-avatar,	#footer,.comment-respond,.comments-area .comment-edit-link,.comments-area .reply,.comments-link,.entry-meta .edit-link,.page-links,#navbar,.more-link {display: none;}
	.entry-header, .entry-content, .entry-summary, .entry-summary,.entry-meta, .entry-meta-footer {	margin: 0;width: 100%;}
	.page-title,.entry-title { font-size: 21pt;}
	.entry-meta,.entry-meta a {	color: #555;font-size: 10pt;}
	.entry-content img.alignleft, .entry-summary img.alignleft, .entry-content .wp-caption.alignleft, .entry-summary .wp.alignleft {	margin-left: 0;}
	.entry-content img.alignright, .entry-summary img.alignright, .entry-content .wp-caption.alignright, .entry-summary .wp-caption.alignright {margin-right: 0;}
	.format-image .entry-content .size-full, .format-image .entry-summary .size-full {margin: 0;}
	/* Remove colors from post formats */
	.hentry {background-color: #fff;}
	/* Comments */
	.comments-area > li.comment {background: none;position: relative;width: auto;}
	.comment-metadata {	float: none;}
	.comment-author .fn,.comment-reply-link,.comment-reply-login {color: #555;}
}