/*
 Theme Name:     DwiceFox (child theme)
 Theme URI:
 Description:    Twenty Sixteen Child Theme for Dwice Fox International
 Author:         Nathan Dahlberg
 Author URI:
 Template:       twentysixteen
 Version:        3.2
*/

@import url("../twentysixteen/style.css");
@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);




ul:hover {
	color: black;
}

.textwidget a:hover{
	color: black;
}

.post-span{
  position:absolute;
  width:100%;
  height: 100%;
  height: -webkit-calc(100% - 8em);
  height: -moz-calc(100% - 8em);
  height: calc(100% - 8em);
  top:0;
  left: 0;
  margin-top: 2em;
  z-index: 1;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}















.wp_rss_retriever_title {
	width:225px;
	text-align: center;
	margin-left:-0.4em;
}

.wp_rss_retriever_list {
	list-style: none;
	margin: none;
}

.wp_rss_retriever_item_wrapper{
	margin-left: -1em;
}
.wp_rss_retriever_item_wrapper p {
	text-align: left;
	white-space: pre-line;
	margin-bottom: 0;
}

.wp_rss_retriever_item_wrapper img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	margin-right: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	width:100px;
	float:left;
}

.wp_rss_retriever_readmore {
	display:none;
}

.wp_rss_retriever_metadata {
	display:none;
}


.shittybooks-sidebar{
    position:relative;
}


/*Important:*/
.shittybooks-sidebar-link{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}

.widget p {
	margin-bottom: 0;
}

.sidebar-border:not(.front) {
	padding: .4em;
}

.sidebar-border {
    border: 2px solid transparent;
    border-image: url(https://dwicefox.com/wp-content/uploads/2016/10/Borders-fat-225.png) 9 stretch;

}

.mobmenu-push-wrap {
	padding: 0em !important;
}

.popup-post-content {
	width: 50%;
}


/*--------------------------------------------------------------

### Mobile ###

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.logo-holder a {
	display:none;
}

.site-branding {
	margin: 0;

}

.mobile-header {
	padding: 0 10% 0 0;
	margin:0 auto 0;
	max-width: 650px;
}

.header-left {
	display:none;
}

.header-right {
	display:none;
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	height: 0px !important;
}

.mob_menu_header_div, .logo-holder {
	height: 0px !important;
}

.mobmenu-push-wrap {
	padding-top:0px !important;
}

.menu-item a {
	font-family: 'Patrick Hand SC', cursive !important;
	font-size:20px !important;
}

.icon-menu:before {
	font-size:8vw !important;
}

.icon-cancel-2:before {
	font-size:0vw !important;
	padding-left: 1000px;
	width: 1000px;
	height: 1000px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar {
	display: none;
}

.store-button-mobile {
	display: inline-block;
	max-width: 270px;
	height: 75px;
	margin-bottom: 5em;
}

.main-navigation a {
	padding: 0;
	line-height: 0;
}

.widget {
	border-top: 0px;
	margin-bottom: 0em;
	padding: .5em;
}

.widget
.flip-container {
	margin-bottom: .5em;
}
.widget
.widget-title {
	font-size: 20px;
	font-family: 'Patrick Hand SC', cursive;
	text-decoration: none;
	margin-bottom: .2em;
}

.widget_text {
	font-size: 16px;
	font-family: 'Patrick Hand SC', cursive;
	margin-bottom: .5em;
}

.textwidget ul {
	margin-bottom: 0em;
}

/*
.widget:after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: .5em 1em .5em 0;
    background: black;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.entry-header {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: .2em;
}

.entry-title-front {
	height: 28px;
	background-color:#1a1a1a;
	width:95%;
	transform: rotate(-1deg);
}

.entry-title-front a {
	margin-top: -1em;
	margin-left: .3em;
	float: left;
	font-size: 20px;
	color: white;
	box-shadow: 0 0 0 0 black;
}

.entry-title-front a:hover {
	color: white;
	text-decoration: none;
}

.entry-content {
	margin:0;
}

body:not(.search-results) article:not(.type-page) .entry-content {
	float: left;
	width: 100%;
	max-width: 600px;
}

.post-content p {
	text-align: initial;
	line-height: 1.25;
	margin-bottom: .5em;
}

.category-shitty-books:not(.archive){
	padding:0em .5em;
}

.category-shitty-books p {
	text-align: initial;
	line-height: 1.25;
}

.alignleft {
	margin: 0 .5em .5em 0;
}

.aligncenter {
	margin:0px;
	width:100%;
}

.entry-footer {
	margin-top:0em;
}

.entry-footer a {
	font-family: 'Patrick Hand SC', cursive;
	text-transform: uppercase;
	color: gray;
	font-size: 14px;
}

.entry-footer a:hover{
	color: black;
	box-shadow: none;
}

/*--------------------------------------------------------------
# Site Layout
--------------------------------------------------------------*/

.content-switcher {
	display:none;
}

.content-area {
	margin:auto;
	margin-top:-10px;
	max-width: 700px;
}

.page-title {
	font-family: 'Patrick Hand SC', cursive;
	font-size: 30px;
	text-align: center;
}

.page-header {
	margin-bottom: 1em;
	padding-top:1em;
	border-top: 1px solid lightgray;
}

.site-footer {
	padding: 0 0 3em 0;
}

.footer-bar {
	width: 100%;
	margin:auto;
}

.site-main > article {
	margin-bottom: 0em;
	margin-top:1em;
}

.site-main {
	margin-bottom:2em;
}

.site {
	margin: 0;
}

.site-inner {
	max-width: 950px;
}


/*--------------------------------------------------------------
# Store
--------------------------------------------------------------*/

.mp_cart_breadcrumbs {
	display: none;
}


.store-content-area {
	margin: 0 auto 2em;
	display:table;
	max-width:600px;
}

.recent-product {
	width:100%;
	display: inline-block;
}

.recent-product-image {
	width:100%;
	margin:auto;
	padding: 2em;
}

.recent-product-description {
	width:100%;
	height:100%;
	margin: -2em auto 1em;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
}

.show-recent {
	display: none;
}

.product-category-title {
	color: black;
	font-size: 20px;
	padding-right: 15em;
}

.product-title a {
	color: black;
	font-size: 19px;
}

.product-title {
	line-height: 1.25;
}

.shopping-cart {
	border: .5px solid black;
}

.post-thumbnail {
	margin-bottom:0;
}


.product-category-listing {
	width: 100%;
}


.product-category-listing-item {
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	float: left;
	margin-bottom:1em;
}



/*--------------------------------------------------------------

### Transition ###

--------------------------------------------------------------*/

@media screen and (min-width: 44.375em){

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
	margin-right: 0%;
	margin-left: 0%;
}

.entry-footer {
	display: inline-block;
	max-width: 600px;
	text-align: center;
}

.entry-title-front a {
	font-size: 24px;
}

.content-area {
	margin-top:0;
}

.site-main > article {
    margin-bottom:1em;
}

/*--------------------------------------------------------------
# Store
--------------------------------------------------------------*/

.product-category-listing-item {
	width: 50%;
}

.recent-product-image {
	width:60%;
	float: left;
	padding: 0em 2em 0em 2em;
}

.recent-product-description {
	width:40%;
	font-size: 14px;
	text-align: left;
	height:100%;
	float: right;
	line-height: 1.5;
	margin:0;
}

.product-thumb-size {
	height: 205px;
}

/* End media */}



/*--------------------------------------------------------------

### Desktop ###

--------------------------------------------------------------*/

@media screen and (min-width: 56.875em) {


	.pagination {
	float: left;
    width:100%;
}


.site-main-front {
	float:left;
	width: 525px;
	margin-top:-1em;
}

.site-content{
	padding: 0;
}

.store-padding {
	padding: 0 5%;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.store-button-mobile {
	display: none;
}

.mobile-header {
	display:none;
}

.header-left {
	position: absolute;
	display: inline-block;
	float: left;
	margin: .5em 0em 0em 0em;
}

.header-left img {
	width: 600px;

}

.header-right {
	display: inline-block;
	height:165px;
	width:35%;
	float: right;
	margin-top: 1em;
	margin-right:-5em;
}

.insta-button {
	top:11.8em;
	margin-left:.1em;
	width:60px;
	position: absolute;
}

body:not(.home) #secondary.sidebar{margin-left: 0; float: right}
/* #primary{width: 600px; float: left} */

body.category:not(.category-news) #secondary{display: none}
body.category:not(.category-news) .page-title{text-align: left; padding-left: 15px;}
body.category-news .page-title{text-align: left; padding-left: 0px;}
body.category-news #primary{
	width: 600px; float: left
}

.facebook-button {
	top:11.8em;
	margin-left:4em;
	width:60px;
	position: absolute;
}

.twitter-button {
	top:11.8em;
	margin-left:8em;
	width:60px;
	position: absolute;
}

.store-button {
	margin-top:1.5em;
	width:180px;
	z-index: 1;
}

.sack-button {
	position: absolute;
	width:225px;
	margin-left: 1em;
	margin-top:3.4em;
	z-index: 1;
}

.cart-button {
    position: absolute;
    margin-top:-6.9em;
    z-index: -1;

    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.cart-button img{
	height: 110px;
}

.sack-button:hover .cart-button {
	display: block;
	margin-top:-2em;

    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.sack-button.full .cart-button {
	display: block;
	margin-top:-2em;

    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.sack-button.full:after{
	content:attr(data-qty);
	font-family: 'Patrick Hand SC', cursive;
	font-weight: lighter;
	font-size: 16px;
	color: white;
	display: inline-block;
	background: rgba(0,0,0,.8);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	text-align: center;
	transform: rotate(19deg);
	position: relative;
	left: 188px;
	bottom: 6px;
	opacity: 0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

.sack-button.full:hover:after{
	opacity:1;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	transition: all .25s ease-in;
}


/*--------------------------------------------------------------
# Content Switcher
--------------------------------------------------------------*/

.content-switcher-names {
	display:block;
	padding: 0 .5em;
	width: 100%;
	height:30px;
	top: -.5em;
	margin-bottom:1em;
	position:relative;
}

.content-button-names {
	width:100%;
	height:30px;
	float: left;
	position: relative;
	font-size:16px;
	line-height: 1;
	background-color: white;
	border: none;
	color: black;
	margin-bottom: .5em;
}

.content-switcher {
	display:inline-block;
	float: left;
	margin-right:2.3em;
	width: 105px;

}

.content-button {
	width:100%;
	float: left;
	z-index:100;
	position: relative;
}

.content-button-selected {
	border: solid black;
	border-width: .20em 0em .23em .25em;
	border-radius: 5.3em 4em 5em 3.8em;
	bottom: 28px;
	left: -8px;
	right: 8px;
	top: -8px;
	content: '';
	position: absolute;
	z-index:101;
}

.content-button-image {
	max-height:85px;
}

.content-area {
	float: left;
	margin-right: -100%;
	width: 90%;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar {
	display: block;
	width: 335px;
	margin-left: 42.5em;
	margin-top: .5em;
	padding: 1em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content-area {
	margin-top:0em;
}

.site-main {
	padding-right:6em;
	margin-bottom:3.5em;
}

.site-main > article {
    margin-top:0em;
    margin-bottom:2em;
}

.post img {
		margin:auto;

}

/*--------------------------------------------------------------
# Store
--------------------------------------------------------------*/

.product-thumb-size {
	height: 190px;
}

.recent-product-image {
	margin-left: 2.5em;
	margin-bottom:1em;
	width:55%;
}

.recent-product-description {
	width:36%;
	font-size: 18px;
}

.hide-first-product > div:first-child  {
	display:none;
}

.store-content-area {
	margin: 3em -5% 1em;
	display:table;
	max-width: 850px;
}

.show-recent {
	display: inline-block;
}

.product-category-listing-item {
	width: 33%;
}

.store-footer {
	text-align: center;
	width: 100%;
	margin-bottom: 5em;
}
.product-footer {
	margin-bottom: 8em;
}
/* End media */}


/*--------------------------------------------------------------
# Full Screen Posts
--------------------------------------------------------------*/

@media screen and (min-width: 61.5625em) {

	.single .byline,
	.full-size-link,
	body:not(.search-results).group-blog .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
		display: inline-block;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
		display: inline-block;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer {
		float: left;
		margin-top: 0em;
		width: 100%;
	}

	.post img {
		margin:auto;
	}
}


@media screen and (min-width: 1400px) {
	.post img {
		padding-left:0;
		width:100%;
	}

}


/*--------------------------------------------------------------

### Effects ###

--------------------------------------------------------------*/

/*--------------------------------------------------------------
 - Tilt
--------------------------------------------------------------*/

.tilt img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-backface-visibility: hidden;
}

.tilt:hover img{

	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	-webkit-backface-visibility: hidden;
}

/*--------------------------------------------------------------
 - Bump
--------------------------------------------------------------*/

.bump img {
 	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.bump a:hover img,
.bump a:focus img {
    margin-top:2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*--------------------------------------------------------------
 - Darken on hover
--------------------------------------------------------------*/

.darken-on-hover a img {
	opacity: .85;
}

.darken-on-hover a:hover img {
	opacity: 1;
}

/*--------------------------------------------------------------
 - gren on hover
--------------------------------------------------------------*/

.lighten-on-hover a img {
	opacity: 1;
}

.lighten-on-hover a:hover img {
	opacity: .90;
}

/*--------------------------------------------------------------
 - Pop out
--------------------------------------------------------------*/

.pop {
	transform: scale(.99);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.pop:hover {
	transform: scale(1);
}

/*--------------------------------------------------------------
 - Box 1
--------------------------------------------------------------*/

.box1-wrapper {
	position:relative;
}

.box1-wrapper a {
	color:black;
}

.box1:after {
	border: 1px solid transparent;
	border-image: url('http://emptyeasel.com/wp-content/uploads/2012/11/creatingtexture2-carrielewis.jpg') 0 27 27 27 round stretch;

	/*border-radius: 0.25em 0.10em 0.5em 0.25em;*/
	content: '';
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
}

.box1:before {
	border-top: 1px solid transparent;
	border-image: url('http://emptyeasel.com/wp-content/uploads/2012/11/creatingtexture2-carrielewis.jpg') 27 0 0 0 stretch round;
	/*border-radius: 1.5em;*/
	content: '';
	height: 3em;
	left: 0;
	top: 0;
	width:100%;
	position:absolute;
}

/*--------------------------------------------------------------
 - Border
--------------------------------------------------------------*/

.border-img img {
	border: 1px solid black;
}

.border {
	border: 1px solid black;
}

/*--------------------------------------------------------------
 - Flip
--------------------------------------------------------------*/
.flipper a img {
    margin:auto;
}

.back {
	display:none;
}
.textwidget a {
	box-shadow:none;
}

@media screen and (min-width: 56.875em) {

	.flip-container {
		perspective: 1000px;
	}

	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;

		position: relative;
	}

	.front, .back {
		-webkit-backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	.front {
		z-index: 2;
		transform: rotateY(0deg);
	}

	.back {
		background-color: #1a1a1a;
		transform: rotateY(180deg);
		line-height: 1.4;
		position:relative;

		/* Internet Explorer 10 */
		display:-ms-flexbox;
		-ms-flex-pack:center;
		-ms-flex-align:center;

		/* Firefox */
		display:-moz-box;
		-moz-box-pack:center;
		-moz-box-align:center;

		/* Safari, Opera, and Chrome */
		display:-webkit-box;
		-webkit-box-pack:center;
		-webkit-box-align:center;

		/* W3C */
		display:box;
		box-pack:center;
		box-align:center;
	}

	.back a {
		color:white;
		display: table;
	}

	.back a:hover {
		color:white;
	}

	.back p:last-child  {
		margin:0;
	}

}

/*--------------------------------------------------------------
 - Title Smear
--------------------------------------------------------------*/

.smear {
	border: 5px solid #1a1a1a;
	border-radius: 15px 255px 15px 255px/10px 15px 10px 15px;
	padding:.6em;
	margin-top:1em;
}

/*--------------------------------------------------------------
 - Font
--------------------------------------------------------------*/

.font{
	font-family: 'Patrick Hand SC', cursive;
	font-weight: lighter;
	text-decoration: none;
}

body {
	font-family: 'Patrick Hand SC', cursive;
	font-weight: lighter;
	text-decoration: none;
}

a {
	color: black;
}

a:hover {
	color: gray;
	box-shadow: none;
}

/*--------------------------------------------------------------
 - Hide on mobile
--------------------------------------------------------------*/

.hide-mobile {
	display:none;
}

@media screen and (min-width: 56.875em) {
	.hide-mobile {
		display:block;
	}
}