/*
Theme Name: 	Skinny laMinx
Theme URI: 		http://nookdigital.com
Author: 		Nook Digital
Author URI: 	http://nookdigital.com
Description: 	Skinny laMinx theme using Twitter Bootstrap as a base
Version: 		0.1
Template:       the-bootstrap
*/

/* =Skinny Elements
-------------------------------------------------------------- */
.columns-2{
	-moz-column-count:2;
	-webkit-column-count:2; 
	column-count:2;
	-moz-column-gap:20px; 
	-webkit-column-gap:20px;
	column-gap:20px;
}
#stockist-list{
	margin-bottom: 40px;
}
#stockist-map{
	position: relative;
	margin-bottom: 1.4em;
	margin-top: 20px;
}
#stockist-map a{
	position: absolute;
	display: block;
	width: 10%;
	height: 10%;
}
#stockist-map a.south-africa{
	left: 48%;
    top: 65%;
}
#stockist-map a.asia{
	left: 78%;
    top: 25%;
}
#stockist-map a.australia{
	left: 78%;
    top: 58%;
}
#stockist-map a.new-zealand{
	left: 90%;
    top: 65%;
	width: 8%;
	height: 8%;
}
#stockist-map a.uk{
	left: 41%;
    top: 4%;
    width: 8%;
	height: 8%;
}
#stockist-map a.europe{
	left: 48%;
    top: 13%;
}
#stockist-map a.usa{
	height: 9%;
    left: 15%;
    top: 19%;
    width: 9%;
}
#stockist-map a.canada{
	left: 20%;
    top: 8%;
	width: 8%;
	height: 8%;
}
body.tax-stockist-region  .page-header{
	height: 100px;
    padding: 0;
    width: 100px;
	border-bottom: 0 none;
}
#site-title{
	text-align: center;
}
#site-title.logo-phone{
	text-align: left;
}
.logo-phone-image{
	float: left;
}
.logo-phone-text{
	background-image: url(img/logo-phone-text.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 373px;
	height: 52px;
	margin: 4px 0 0 8px;
}
#logo-subtitle{
	color: #999999;
    font-size: 22px;
    max-width: 284px;
    margin: 0 auto;
    text-transform: uppercase;
	font-weight: lighter;
}
#logo-subtitle div{
	text-align: right;
}
.entry-title,
.entry-title a{
	color: #C3B459;
}
body.page .page-header{
	display: none;
}
.main-wrapper{
	min-height: 100%;
}
#gallery-slider .carousel-control{
	opacity: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#gallery-slider:hover .carousel-control{
	transition: opacity 1s ease 0.5s;
	opacity: 0.5;
}
#gallery-slider .carousel-control:hover{
	transition: opacity 0.5s;
	opacity: 0.8;
}
.issuuembed{
	height: 600px;
	width: 600px;
	margin-bottom: 1.4em;
}

/* =Portfolio
-------------------------------------------------------------- */
article.portfolio-page .page-header{
	display: block;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 0;
}
article.portfolio-page .page-header .next{
	text-align: right;
}
article.portfolio-page .page-header .entry-title{
	font-size: 20px;
	line-height: 20px;
}
article.portfolio-page .child{
	margin-bottom: 10px;
	margin-right: 5px;
	width: 240px
}

article.portfolio-page .child figcaption{
	text-align: right;
	padding-right: 20px;
}

/* =Blog
-------------------------------------------------------------- */
.entry-meta a,
.entry-meta{
	color: #999;
}
article.masonry:hover{
	background-color: #ccc;
	transition-duration: 0.5s;
}
article.masonry:hover img{
	opacity: 0.7;
	transition-duration: 0.5s;
}
.js-masonry article.post{
	width: 220px;
	margin-right: 20px;
	padding: 5px 5px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.post.masonry .entry-title{
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.3em;
}
.post.masonry .entry-title a{
	color: #333;
}
.post.masonry:hover .entry-title a{
	color: #000;
	text-decoration: underline;
}
.post.masonry{
	text-align: center;
}
.post.masonry .entry-content{
	margin-bottom: 0;
}
.post.masonry .entry-meta{
	border-top: 1px solid #efefef;
	padding-top: 4px;
	font-size: 12px;
}
.post.masonry:hover .entry-meta,
.post.masonry:hover .entry-meta a{
	color: #fff;
}
#sharrre-article .buttons.affix{
	top: 160px;
	right: 20px;
}
#sharrre-article .buttons a{
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	background-image: url("img/social-logos-32.png");
	background-repeat: no-repeat;
	text-indent: 32px;
	opacity: 0.5;
}
#sharrre-article .buttons:hover a{
	opacity: 0.65;
	transition-duration: 0.5s;
}
#sharrre-article .buttons a:hover{
	opacity: 1;
	transition-duration: 0.3s;
}

#sharrre-article .buttons a.facebook{
	background-position: -32px 0;
}
#sharrre-article .buttons a.twitter{
	background-position: 0 0;
}
#sharrre-article .buttons a.pinterest{
	background-position: -64px 0;
}
#sharrre-article .buttons a.googleplus{
	background-position: -192px 0;
}

.pin-img-wrapper{
	position: relative;
}
.pin-img-wrapper .pin-sharrre {
    bottom: 0;
    margin: 40px;
    position: absolute;
    right: 0;
	opacity: 0;
}
.pin-img-wrapper:hover .pin-sharrre{
	display: block;
	opacity: 0.5;
	transition-duration: 0.5s;
}
.pin-img-wrapper .pin-sharrre:hover{
	opacity: 1;
	transition-duration: 0.5s;
}
.pin-img-wrapper .pin-sharrre{
	width: 32px;
	height: 32px;
	background-image: url(img/social-logos-pinterest-32.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	overflow: hidden;
	text-indent: 32px;
}


/* =Elements
-------------------------------------------------------------- */
blockquote cite:before {
    content: '\2014 \00A0';
}

blockquote cite {
    color: #999999;
    display: block;
    font-size: 13px;
    line-height: 18px;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .clear {
	clear: both;
}


/* =Classes
-------------------------------------------------------------- */

.assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
html,
body,
body > .container{
  height: 100%;
}
#page{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
	padding-top: 0;
}
body.home #page{
	margin-bottom: -25px;
}
#footer-push,
#page-footer{
	height: 250px;
}
body.home #footer-push,
body.home #page-footer{
	height: 25px;
}
body > .container {
	margin: 0 auto;
	padding: 0;
}
#secondary,
#primary{
	padding-top: 40px;
}


/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
	float: right;
	margin: 0 20px 0 0;
}

.block {
	display: block;
}


/* =Page
-------------------------------------------------------------- */

#page {
	background-color: #FFFFFF;
	margin-right: -20px;
}

#header-image {
	display: block;
}

#menu-alert {
	margin: 4px 0 0;
	padding: 6px 35px 6px 14px;
	position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
	margin-bottom: 18px;
}

.entry-attachment {
	margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
	margin-bottom: 22px;
}

#author-info,
article.post,
article.page {
	margin-bottom: 22px;
}
#content{
	margin-top: 20px;
}
.page-header,
.entry-content {
	word-wrap: break-word;
}

.post-password-form legend {
	font-size: inherit;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}


/* =Comments
-------------------------------------------------------------- */
.form-allowed-tags{
	display: none;
}
.comment-content .avatar{float: right;}
#comments-title {
	border-bottom: 0 none;
	font-size: 19.5px;
    margin: 0 0 27px;
}
article.comment{
	border-top: 1px solid #eee;
}
.comment-time{
	font-size: small;
	color: #aaa;
}
.comment-meta a{
	color: #333;
}

#comment,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

.commentlist > li {
	margin-bottom: 36px;
}

.commentlist ul.children {
	margin: 10px 0 18px 40px;
	list-style: none;
}

#reply-title {
	position: relative;
}

#reply-title small {
	position: absolute;
	right: 0;
	top: 7px;
}
.nocomments{
	text-align: center;
}


/* =Sidebar
-------------------------------------------------------------- */

.form-search {
	margin: 0;
}

.widget {
	word-wrap: break-word;
}
.widget-title{
	color: #C3B459;
}
#sidebar_text{
	color: #888;
	font-size: 16px;
	line-height: 22px;
}
.blog-sidebar .widget{
	border-bottom: 2px dotted #ccc;
}
.blog-sidebar .widget_text{
	border-bottom: 0 none;
	padding-bottom: 0!important;
	overflow: hidden;
}
.widget .wp-caption {
	display: inline-block;
}
#secondary .widget,
#skinny_sidebar_fields,
#secondary .sub-nav{
	max-width: 284px;
	margin: 20px auto 10px;
	padding-bottom: 10px;
	text-align: right;
}
#secondary .nav-list{
	font-size: 16px;
	padding: 0;
	margin-left: 0;
}
#secondary .nav-list .sub-menu{
	font-size: 14px;
}
#secondary .nav-list a{
	color: #333;
}
#secondary .nav > li > a:hover,
#secondary .nav > li > a:focus{
	background: transparent;
}
#secondary .nav-list a:hover{
	text-decoration: none;
}
#secondary .nav-list li{
	list-style: none;
	text-align: right;
	line-height: 1.3em;
}
#secondary .blog-sidebar .nav-list{
	font-size: 16px;
}
#secondary .blog-sidebar .nav-list .sub-menu{
	font-size: 14px;
}
#secondary .nav-list,
#secondary .nav-list ul{
	list-style: none;
}
#secondary .nav-list ul{
	margin: 0 0 1em 0;
}
#secondary .sub-nav .nav-list > li > a:after{
	content: ' > ';
}
#secondary .sub-nav .nav-list ul.sub-menu > li > a:after{
	content: ' \2013 ';
}
#secondary .blog-sidebar .nav-list > li > a:after{
	content: ' > ';
}
#secondary .blog-sidebar .nav-list ul.sub-menu > li > a:before{
	content: ' \2013 ';
}
#secondary .nav-list > .active > a,
#secondary .nav-list > .active > a:hover,
#secondary .nav-list > .active > a:focus {
    background-color: transparent;
    color: #C3B459;
    text-shadow: none;
}
#secondary .nav-list .sub-menu > .active > a,
#secondary .nav-list .sub-menu > .active > a:hover,
#secondary .nav-list .sub-menu > .active > a:focus {
    font-weight: bold;
    color: #333;
    text-shadow: none;
}

.menu-side-more-container .menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-side-more-container li{
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
}
.menu-side-more-container li a{
	padding-left: 32px;
	background-image: url(img/social-logos-32.png);
	background-repeat: no-repeat;
	display: block;
	opacity: 0.5;
}
.menu-side-more-container li a:hover{
	opacity: 1;
	transition-duration: 0.3s;
}
.menu-side-more-container li.facebook a{
	background-position: -32px 0;
}
.menu-side-more-container li.twitter a{
	background-position: 0 0;
}
.menu-side-more-container li.pinterest a{
	background-position: -64px 0;
}
.menu-side-more-container li.instagram a{
	background-position: -96px 0;
}
.menu-side-more-container li.email a{
	background-position: -128px 0;
}
.menu-side-more-container li.rss a{
	background-position: -160px 0;
}

/* =Images
-------------------------------------------------------------- */

.entry-content .post-thumbnail {
	margin: 0 20px 20px 0;
}

.entry-attachment .thumbnail.attachment-table {
	display: table;
	margin: 0 auto;
}

.thumbnail > img {
	width: auto\9; /* Cure IE8 max-width bug */
}

img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-columns-3.thumbnails [class*="span"] {
	width: 29.3%;
}
.gallery-columns-5.thumbnails [class*="span"] {
	width: 15.9%;
}
.gallery-columns-6.thumbnails [class*="span"] {
	width: 12.6%;
}
.gallery-columns-7.thumbnails [class*="span"] {
	width: 10.2%;
}
.gallery-columns-4.thumbnails > li{
	margin-left: 10px;
	border: none;
}
.gallery .thumbnail,.gallery .thumbnail:hover{
	border: 0 none;
	box-shadow: none;
}


/* =Footer
-------------------------------------------------------------- */
#copyright{
	color: #aaa;
	text-align: right;
}
#page-footer .widget-title{
	font-size: 22px;
    line-height: 24px;
}
#page-footer .yarpp-related{
	margin-right: 35px;
}
#page-footer .yarpp-related > img{
	height: 0;
	display: none;
}
#page-footer a{
	color: #666;
}
#page-footer .thumbnail{
	border: none;
	box-shadow: none;
	margin-bottom: 0;
}
#page-footer .thumbnails{
	margin-bottom: 0;
}
#page-footer .thumbnails li{
	margin-bottom: 0;
}
.footer-blog-updates{
	margin-top: 20px;
}
.menu-shop-footer ul{
	padding: 0;
}

#colophon .credits {
	margin: 0;
}

#site-generator {
	float: right;
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
}

#site-generator a {
	background: url("img/wordpress.png") no-repeat scroll left center transparent;
	color: #787878;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator.footer-nav-menu a {
	margin-top: 10px;
}

table .label {
	background-color: transparent;
	border-radius: none;
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
}


/* =Jetpack Support
-------------------------------------------------------------- */

.comment-subscription-form > input[type=checkbox] {
	position: absolute;
}

.comment-subscription-form > label {
	min-height: 18px;
    padding-left: 18px;
}


/* =Bootstrap Adjustments
-------------------------------------------------------------- */

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
}

#comment,
.thumbnail {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navbar-search {
	height: 34px;
}

.pagination span {
	background-color: #f5f5f5;
	color: #999999;
	cursor: default;
}

.pagination span.dots {
	background-color: #FFFFFF;
}


/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter {
    display:block;
    margin: 0 auto 20px;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 9px 9px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	padding-top: 9px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.sticky {}
.bypostauthor {}


/* =Responsiveness
-------------------------------------------------------------- */

@media (max-width: 545px) {
	.logo-phone-text{
		width:250px;
		height: 35px;
		margin-top: 10px;
		display: inline-block;
	}
}
@media (max-width: 405px) {
	.logo-phone-text{
		display: none;
	}
}
@media (max-width: 767px) {
	#page-footer{
		padding: 10px;
	}
	#page-footer .well{
		padding: 20px;
	}
	#page-footer .thumbnails li{
		float: left;
		display: inline-block;
		width: 31.9149%;
		margin-left: 2.12766%;
	}
	#page-footer .thumbnails li:first-child{
		margin-left: 0;
	}
	#secondary, #primary {
		padding-top: 0;
	}
	#footer-push{
		height: 0;
	}
	body {
		padding:0;
	}
	.navbar.navbar-fixed-top{
		position: relative!important;
	}
	.container {
		width: auto;
		padding: 0 10px;
	}
	#page {
		margin: 0;
		padding: 10px;
	}
	.thumbnail[class*="span"],
	.gallery [class*="span"] .thumbnail {
		display: table;
		float: left;
	}
	.carousel .item > img {
		width: 100%;
	}
	.thumbnails > li {
		float: left;
		margin-left: 20px;
	}
	.gallery-columns-2.thumbnails > li:nth-child(2n+1),
	.gallery-columns-3.thumbnails > li:nth-child(3n+1),
	.gallery-columns-4.thumbnails > li:nth-child(4n+1),
	.gallery-columns-5.thumbnails > li:nth-child(5n+1),
	.gallery-columns-6.thumbnails > li:nth-child(6n+1),
	.gallery-columns-7.thumbnails > li:nth-child(7n+1),
	.gallery-columns-8.thumbnails > li:nth-child(8n+1),
	.gallery-columns-1.thumbnails > li {
		margin-left:0;
	}
	.gallery-columns-2.thumbnails [class*="span"] {
		width: 47.4%;
	}
	.gallery-columns-3.thumbnails [class*="span"] {
		width: 29.9%;
	}
	.gallery-columns-4.thumbnails [class*="span"] {
		width: 21.2%;
	}
	.gallery-columns-6.thumbnails [class*="span"] {
		width: 12.4%;
	}
	.gallery-columns-7.thumbnails [class*="span"] {
		width: 9.9%;
	}
	.gallery-columns-8.thumbnails [class*="span"] {
		width: 8.7%;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		float: none;
		margin: inherit;
	}
	#s {
		display: inline-block;
	}
	#site-generator,
	#site-generator.footer-nav-menu a {
		float: none;
		margin-top: 5px;
	}
	textarea[class*="span"] {
		height: auto;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		margin: 0;
	}
	#sharrre-article .buttons.affix{
		position: absolute;
		top: auto;
		left: auto;
	}
	#sharrre-article .buttons.affix a{
		display: inline-block;
	}
	#author-info, article.post, article.page {
		margin-bottom: 20px;
	}
}
@media (min-width: 768px) and (max-width: 778px) {
	#page {
		margin-right: -15px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.dl-horizontal dt {
		width: 85px;
	}
	.dl-horizontal dd {
		margin-left: 95px;
	}
}
@media (min-width: 768px) {
	#page-footer,
	#page {
		margin-left: -20px;
	}
	.admin-bar .navbar.navbar-fixed-top {
		margin-top: 28px;
	}
}
@media (min-width: 1200px) {
	#page {
		padding: 24px 0 10px;
	}
	#page-footer,
	#page {
		margin-left: -30px;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		margin-right: 30px;
	}
	.wp-caption {
		display: table;
	}
}


/* End of file style.css */
/* Location: ./wp-content/themes/the-bootstrap/style.css */