/*
	Theme Name: QueerClick WP Theme
	Theme URI: http://queerclick.com
	Description: QueerClick WordPress Theme
	Version: 1.4.2
	Author: Jo
	Author URI: http://queerclick.com
	Tags: Blank, HTML5, CSS3
*/

@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:300;src:url('https://www.queerclick.com/cloud/oswald-v56-latin_latin-ext-300.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:400;src:url('https://www.queerclick.com/cloud/oswald-v56-latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:700;src:url('https://www.queerclick.com/cloud/oswald-v56-latin_latin-ext-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Nunito';font-style:normal;font-weight:300;src:url('https://www.queerclick.com/cloud/nunito-v31-latin_latin-ext-300.woff2') format('woff2')}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}
audio,
canvas,
video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden],
template {
	display: none
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
a {
	background: 0 0
}
a:focus {
	outline: thin dotted
}
a:active,
a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b,
strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C""\201D""\2018""\2019"
}
small {
	font-size: 80%
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button,
input {
	line-height: normal
}
button,
select {
	text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled],
html input[disabled] {
	cursor: default
}
input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
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-collapse: collapse;
	border-spacing: 0
}
*,
:after,
:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}
html {
	font-size: 62.5%
}
body {
	font: 300 11px/1.4'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	background-color: #e8e8e8
}
.clear:before,
.clear:after {
	content: ' ';
	display: table
}
.clear:after {
	clear: both
}
.clear {
	*zoom: 1
}
.c {
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	font-size: 1px;
	line-height: 1px
}
img {
	vertical-align: bottom
}
a {
	color: #444;
	transition: color .25s ease-out 0;
}
a:hover {
	color: #F30
}
a:focus {
	outline: 0
}
a:hover,
a:active {
	outline: 0
}
input:focus {
	outline: 0;
	border: 1px solid #04A4CC
}
.wrapper {
	position: relative;
	width: 940px;
	margin: 0 auto;
	background-color: #eee
}
.header {
	position: relative;
	z-index: 1000;
	height: 125px;
	background-color: #222;
	clear: both
}
.header .nav {
	width: 100%;
	height: 34px;
	clear: both;
	background-color: #333;
	border-bottom: 5px solid #555
}
.fixmenu {
	position: fixed;
	top: 0;
	z-index: 1000;
	display: block;
	width: 940px!important;
	margin: 0 auto
}
#mainmen1 {
	float: left;
	margin: 0 0 0 15px
}
#mainmen2 {
	float: right;
	margin: 0 15px 0 0
}
#menubgrillusion {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 125px;
	background-color: #111
}
.header .nav ul {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #2b2b2b
}
.header .nav ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	border-right: 1px solid #2b2b2b
}
.header .nav ul li a {
	display: block;
	margin: 0;
	padding: 5px 7px 2px;
	font-size: 16px;
	text-decoration: none;
	color: #FFF;
	background-color: #333;
	border-bottom: 4px solid #555;
	transition: all .25s ease-out 0;
	font-family: 'Nunito', sans-serif
}
.header .nav ul li a:hover,
.header .nav ul li.current-menu-item a {
	background-color: #444;
	border-bottom: .35em solid #F30
}
.logo {
	margin: 20px 0 20px 15px
}
.header-widget {
	position: absolute;
	top: 33px;
	right: 25px
}
.search-input {
	padding: 3px 4px;
	width: 230px;
	background-color: #333;
	border: 1px solid #383838;
	color: #999;
	font-size: 16px
}
.search-input:focus {
	outline: 0;
	border: 1px solid #999;
	color: #FFF
}
.search-submit {
	display: none
}
main {
	position: relative;
	z-index: 100;
	width: 630px;
	display: inline-block;
	background-color: #FFF
}
#main-archive {
	width: 940px
}
#bgrillusion {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 630px;
	height: 100%;
	background-color: #FFF
}
section {
	width: 600px;
	margin: 0 0 0 15px
}
#main-archive section {
	width: 910px
}
#main-archive section .search {
	margin: 20px 0
}
#main-archive section .search-input {
	width: 890px;
	padding: 5px 10px;
	border: 1px solid #EEE;
	background-color: #FFF;
	color: #BBB;
	font-size: 35px
}
#main-archive section .search-input:focus {
	outline: 0;
	background-color: #EEE;
	border: 1px solid #DDD;
	color: #000
}
h1,
h2,
h3,
h4 {
	margin: 20px 0 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400
}
h1 a,
h2 a {
	text-decoration: none;
	font-size: 24px;
	font-weight: 400
}
h1,
h2 {
	margin: 20px 0
}
h4 {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase
}
article h3 { font-size: 22px; margin: 0 0 15px 0; }
article p, article ul, article ol {
	font-size: 20px;
    line-height: 1.5;
	margin: 0 0 20px
}
article blockquote {
	margin: 0 0 20px;
	padding: 10px 15px;
	width: 600px;
	background-color: #F8F8F8;
	border-left: 5px solid #eee
}
article blockquote p:last-child {
	margin: 0
}
article .infobox,
fieldset.spoiler {
	display: block;
	padding: 10px;
	background-color: #DDD;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-align: center
}
article p a {
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px dotted #666
}
article p a img {
	border-bottom: none
}
article a.more-link {
	display: block;
	text-align: right;
	text-decoration: none!important;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	border-bottom: none
}
article:hover a.more-link {
	color: #F30
}
.wp-video {
	margin: 0 0 20px
}
section.four-cols article {
	display: inline;
	float: left;
	width: 216px;
	margin: 0 15px 0 0
}
section.four-cols article:last-child {
	margin: 0
}
section.four-cols article ul {
	list-style-type: none;
	margin: 0!important
}
section.four-cols article h2,
section.four-cols article h2 a {
	font-size: 18px!important
}
section.four-cols article ul li a {
	text-decoration: none!important;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Oswald', sans-serif
}
.postdetails {
	clear: both;
	margin: 0 0 50px;
	padding: 7px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 2px solid #333
}
.postdetails:after {
	content: '';
	display: block;
	clear: both
}
body.single .postdetails {
	margin: 0
}
.postdetails,
.taxonomy {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase
}
.taxonomy {
	display: block;
	margin: 0 0 5px
}
.taxonomy h4,
.qcpreviously h4 {
	display: inline-block;
	height: 19px;
	margin: 0 2px 0 0;
	padding: 1px 5px;
	background-color: #333;
	font-size: 12px;
	color: #FFF
}
.qcpreviously h4 {
	margin: 0 0 5px
}
.taxonomy .tags {
	display: block;
	margin: 0 0 5px
}
.taxonomy .tags a {
	padding: 0 5px;
	background-color: #EEE;
	transition: background .25s ease-out 0
}
.taxonomy .tags a:hover {
	background-color: #FFF;
	color: #F30
}
.taxonomy a,
.postdetails a {
	text-decoration: none
}
.postdetails .author {
	margin: 0 7px 0 0;
	color: #BBB!important
}
.postdetails .likes {
	margin: 0 0 0 7px;
	float: right
}
.postdetails .comments {
	margin: 0 0 0 15px;
	float: right
}
.postdetails .edit {
	margin: 0 0 0 7px;
	float: right
}
.postdetails .edit a {
	color: #EEE!important
}
.postdetails .edit a:hover {
	color: #F30
}

.pagination {
	width: 600px;
	margin: 0 0 25px
}
.post_pagination {
	margin: 20px 0
}
.post_next_post,
.post_prev_post {
	display: block;
	float: left;
	width: 292px;
	background-color: #EEE
}
.post_next_post {
	margin: 0 16px 0 0
}
.post_prev_post {
	text-align: right
}
.next_post_img img,
.prev_post_img img {
	width: 70px;
	height: 70px
}
.next_post_img img {
	float: left;
	margin: 0 15px 0 0
}
.prev_post_img img {
	float: right;
	margin: 0 0 0 15px
}
.next_post_title,
.prev_post_title {
	display: block;
	width: 205px;
	height: 70px;
	overflow: hidden
}
.pagination .left,
.pagination .right {
	display: block;
	width: 295px
}
.pagination .left a,
.pagination .right a {
	text-decoration: none;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase
}
.pagination .left {
	float: left
}
.pagination .right {
	float: right;
	text-align: right
}
.pagination:after,
.post_pagination:after {
	content: '';
	display: block;
	clear: both
}
.post_pagination .left a,
.post_pagination .right a {
	display: inline-block;
	float: left;
	font-size: 16px;
	margin: -5px 0 0;
	padding: 0 0 0 5px;
	width: 280px
}
.pagination .post_pagination .icon-prev,
.pagination .post_pagination .icon-next {
	display: inline-block;
	width: 10px;
	font-size: 14px
}
.pagination .icon-prev,
.pagination .icon-next {
	font-size: 20px;
	font-weight: 300
}
.post_pagination .icon-prev {
	float: left
}
.post_pagination .icon-next {
	float: right
}
#disqus_thread a {
	color: #F30!important
}
aside {
	float: right;
	margin: 0;
	width: 307px;
	display: block;
	vertical-align: top
}
#sidemen {
	width: 275px;
	margin: 10px 0 10px 15px
}
.sidebar h3,
.sidebar h4 {
	width: 275px;
	margin: 20px 0 0 15px;
	padding: 0 0 5px;
    font-size: 16px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	border-bottom: 2px solid #000
}
.sidebar-widget ul {
	width: 275px;
	margin: 2px 0 15px 15px;
	padding: 0;
	list-style-type: none
}
.sidebar-widget ul li {
	border-bottom: 1px solid #DDD
}
.sidebar-widget ul li:last-child,
ul#sidemen li:last-child {
	border-bottom: none
}
.sidebar-widget ul li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	font-size: 14px
}
.sidebar-widget #TopPostsList {
	width: 290px;
    margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none
}
.sidebar-widget #TopPostsList li {
	position: relative;
	margin: 0 0 5px 0;
	height: 40px;
	overflow: hidden;
	background-color: #E8E8E8
}
.sidebar-widget #TopPostsList li span {
	display: block;
	height: 100%
}
.sidebar-widget #TopPostsList li span a {
	display: block;
	height: 100%;
    padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.upc-img1 {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100px
}
.upc-ttl1 {
	position: relative;
	z-index: 500;
	padding: 3px 10px
}
#socialnet {
	display:block;
	margin:0;
	padding:15px 0;
	width:307px;
	background-color:#181818;
	border:none
}
#socialnet ul {
	margin:0 0 0 27px;
	list-style-type:none
}
#socialnet ul:after {
	content:'';
	display:block;
	clear:both
}
#socialnet ul li {
	float:left;
	width:30px;
	height:30px;
	margin:0 14px 0 0;
	border-bottom:none!important
}
#socialnet ul li.lst {
	margin:0
}
#socialnet ul li a {
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	text-align:center;
	border-radius:2px;
	transition:background-color 500ms ease
}
#socialnet ul li a span {
	margin:1px 0 0;
	font-size:18px;
	color:#FFF
}
#socialnet ul li a.bluesky {
	background-color:#1185fe;
}
#socialnet ul li a.bluesky:hover {
	background-color:#444;
}
#socialnet ul li a.twit {
	background-color:#555;
}
#socialnet ul li a.twit:hover {
	background-color:#222;
}
#socialnet ul li a.insta {
	background-color:#cc181e;
    background: radial-gradient(circle at 30% 107%, rgba(253,244,151,0.50) 0%, rgba(253,244,151,0.50) 5%, rgba(253,89,73,0.50) 45%, rgba(214,36,159,0.50) 60%, rgba(40,90,235,0.50) 90%);
}
#socialnet ul li a.insta:hover {
	background-color:#444;
}
#socialnet ul li a.rss {
	background-color:#444;
}
#socialnet ul li a.rss:hover {
	background-color:#ff7300;
}
#socialnet ul li span {
	display:block;
	width:30px;
	height:30px
}
#shaniqua {
	width:307px;
	height:399px;
	background-color:#333
}
#shaniqua div {
	border-top:5px solid #444;
	padding:25px 0 25px 27px
}
.junglejoe div,
.tiffany div {
	margin:0 0 35px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC
}
.junglejoe div img,
.tiffany div img {
	margin:10px 0
}
.konkydong {
	width:602px;
	height:272px;
	margin:10px 0 35px 0;
	padding:10px 0;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC
}
.konkydong .banana {
	width:300px;
	height:250px;
	display:inline-block;
}
.footer {
	position:relative;
	z-index:100;
	padding:15px 15px 30px 15px;
	background-color:#222;
	color:#FFF;
    font-size: 14px;
}
p.copyright {
    font-size: 20px;
    margin: 0 0 20px;
    font-family:"Oswald", sans-serif;
}
p.footerlinks a {
    display: inline-block;
    margin: 0 7px 7px 0;
    font-family:"Oswald", sans-serif;
    color: white; text-decoration: none;
    padding: 0 5px 1px 5px;
    white-space: nowrap;
    font-size: 18px;
    letter-spacing: .5px;
    text-transform: uppercase;
    background-color: #555;
    border-radius: 2px;
}
p.footerlinks a:hover {
    color: #EEE;
    background-color: #333;
}
#tops {
	position:fixed;
	z-index:500;
	bottom:50px;
	right:50px;
	display:block;
	width:50px;
	height:50px
}
#tops a {
	display:block;
	text-decoration:none;
	font-size:50px;
	line-height:0;
	color:rgba(0,
	0,
	0,
	.25)
}
#tops a:hover {
	color:rgba(0,
	0,
	0,
	.5)
}
.icon-top:before {
	content:"\f151"
}
.qcpreviously {
	width:600px;
	margin:0;
	padding:0
}
.qcpreviously ul {
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both
}
.qcpreviously ul li {
	position:relative;
	float:left;
	margin:0 5px 5px 0;
	width:70px;
	height:70px
}
.qcpreviously ul li:last-child {
	margin:0 0 5px
}
.qcpreviously ul li a {
	position:relative;
	display:block;
	padding:0;
	margin:0;
	clear:both
}
.qcpreviously ul li a .previmg {
	width:70px!important;
	height:70px!important;
	background-color:rgba(0,
	0,
	0,
	0.1);
	display:block
}
.qcpreviously ul li a img {
	width:70px!important;
	height:70px!important
}
.qcpreviously ul li a .prevtitle {
	display:none
}
.qcpreviously ul li a:hover {
	z-index:500;
	position:absolute;
	top:-50px;
	left:-57px;
	width:185px;
	height:185px;
	padding:5px;
	background-color:rgba(0,
	0,
	0,
	.2)
}
.qcpreviously ul li a:hover .previmg {
	width:175px!important;
	height:175px!important
}
.qcpreviously ul li a:hover img {
	width:175px!important;
	height:175px!important
}
.qcpreviously ul li a .prevtitle {
	position:absolute;
	left:5px;
	bottom:5px;
	display:none;
	width:174px;
	padding:7px;
	font-size:16px;
	background-color:rgba(0,
	0,
	0,
	.2);
	color:#FFF;
	font-weight:400;
	font-family:'Oswald',
	sans-serif
}
.qcpreviously ul li a:hover .prevtitle {
	display:block
}
.qcpreviously ul:after {
	content:'';
	display:block;
	clear:both
}
.qcpreviously h4 {
	display:none
}
[data-icon]:before {
	content:attr(data-icon)
}
.icon-gear:before,
.icon-like:before,
.icon-unlike:before,
[data-icon]:before {
	display:inline-block;
	font-family:icomoon;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	line-height:1;
	text-decoration:inherit;
	text-rendering:optimizeLegibility;
	text-transform:none;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased
}
.icon-like:before,
.icon-unlike:before {
	content:"\f004"
}
.icon-gear:before {
	content:"\e97f";
	-webkit-animation:spin 2s infinite linear;
	-moz-animation:spin 2s infinite linear;
	-o-animation:spin 2s infinite linear;
	animation:spin 2s infinite linear
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg)
	}
	100% {
		-moz-transform: rotate(359deg)
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg)
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg)
	}
	100% {
		-o-transform: rotate(359deg)
	}
}
@keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
a.jm-post-like {
	font-weight:400;
	display:inline-block;
	width:auto;
	-moz-transition:all .3s ease-out .2s;
	-webkit-transition:all .3s ease-out .2s;
	-o-transition:all .3s ease-out .2s
}
a.jm-post-like.liked,
a.jm-post-like:hover,
a.liked:hover {
	color:#F30
}
.category-3140 #main-archive h1 {
	margin:20px 0 20px 15px;
}
.category-3140 #main-archive section {
	width:940px;
}
.category-3140 #main-archive section article {
	margin:0 7px 0 0;
	width:300px;
}
#main-archive section .search {
	margin:30px 0;
	text-align:center
}
#main-archive section .search-input {
	text-align:center;
	width:850px
}
#menu-item-111376 a {
	border-bottom:5px solid #A00!important;
}
#menu-item-111376 a:hover {
	border-bottom:5px solid #f30!important;
}
#menu-item-478675 a {
	border-bottom:5px solid #93a864!important;
}
#menu-item-478675 a:hover {
	border-bottom:5px solid #f30!important;
}

/*#menu-item-478674 a {
	border-bottom:5px solid #dcbf53!important;
    background-color: #4b4939;
}
#menu-item-478674 a:hover {
	border-bottom:5px solid #f30!important;
    background-color: #333;
}

yellow highlight in menu
*/

.banana iframe {
    border: none!important;
}

@media only screen and (min-width: 441px) and (max-width: 768px) { /* was min-width: 415px */
	.header,
	.nav,
	main,
	.wrapper,
	.sidebar,
	.fixmenu,
	#main-archive {
		width:640px!important
	}
	section {
		margin: 0 0 0 20px
	}
	article p {
		font-size: 20px;
        line-height: 1.5;
	}
	.postdetails,
	.taxonomy {
		font-size: 16px
	}
	.taxonomy h4,
	.qcpreviously h4 {
		font-size: 16px;
		height: 25px
	}
	.postdetails .comments {
		margin: 0 0 0 30px
	}
	.pagination.post {
		margin: 40px 0 50px
	}
	.sidebar {
		position: relative;
		width: 640px;
        height: auto;
		border-top: 5px solid #444
	}
	.widget_links,
	#bgrillusion,
	.nbr5 {
		display: none
	}
	.sidebar-widget {
		display: inline-block;
		margin-bottom: 0;
		width: 320px;
        float: left;
	}
    .sidebar-widget ul li span a {
    	padding: 5px 0;
    }
	#sidemen {
		position: absolute;
		top: 0;
		right: 20px
	}
	#sidemen a {
		font-size: 16px;
		padding: 3px 0
	}
	#shaniqua {
		position: relative;
		top: auto;
		left: auto;
		width: 320px
	}
	#shaniqua div {
		border-top: none
	}
	#shaniqua .banana {
		padding: 25px 0 25px 35px
	}
	#socialnet {
		position: absolute;
		right: 0;
		top: 135px;
		width: 320px
	}
    #TopPosts {
	    position: relative;
	    right: auto;
	    top: auto;
	    width: 320px;
	    float: left;
    }
    #TopPosts h4, #LatestPosts h4 {
    	margin: 20px 0 0 25px;
        width: 280px;
    }
    #NewPostsList { padding: 0; }
	#TopPostsList, #NewPostsList {
		margin: 11px 0 20px 10px!important;
		width: 295px !important;
	}
	.category-3140 #main-archive section,
	#main-archive section {
		width: 640px!important;
	}
	#main-archive .search-input {
		width: 480px!important;
		font-size: 28px;
	}
}
@media only screen and (min-width: 376px) and (max-width: 440px) { /* was max-width: 414px */
	.wrapper,
	main,
	#main-archive {
		width:414px
	}
	.fixmenu {
		width: 414px!important
	}
	.header {
		height: 205px
	}
	.logo-img {
		width: 290px;
		height: auto
	}
	.header .nav {
		position: absolute;
		bottom: 0;
		height: 90px;
		border-bottom: 5px solid #555
	}
	.header .nav ul li a {
		font-size: 24px;
		height: 45px;
		padding: 5px 5px;
	}
	.header-widget {
		right: 40px!important;
		top: 65px!important;
	}
	.header .nav ul li a:hover,
	.header .nav ul li.current-menu-item a {
		border-bottom: 5px solid #f30
	}
	.header-widget {
		right: 20px;
		top: 35px
	}
	.search-input {
		width: 200px;
		font-size: 24px
	}
	#mainmen1,
	#mainmen2 {
		height: 45px;
		margin: 0
	}
	#menu-item-128731 {
		display: none
	}
	#menubgrillusion,
	#bgrillusion,
	#tops {
		display: none
	}
	main {
		width: 100%
	}
	section {
		width: 100%;
		padding: 0 3%;
		margin: 0
	}
	h1 a,
	h2 a {
		font-size: 24px
	}
	article img,
	article iframe {
		width: 100%;
		height: auto
	}
	article p{
		font-size: 20px;
		margin: 0 0 20px;
	}
	article a.more-link,
	.postdetails,
	.taxonomy {
		font-size: 20px
	}
	article blockquote {
		width: 380px!important
	}
	.junglejoe,
	.junglejoe .banana,
	.junglejoe .banana img,
	.tiffany,
	.tiffany .banana,
	.tiffany .banana img {
		width: 100%
	}
	.junglejoe .banana img,
	.tiffany .banana img {
		height: auto
	}
	.konkydong {
		width: 395px;
		height: auto;
	}
	.konkydong .banana img {
		width: 100%; height: auto;
	}
    
    .junglejoe .banana iframe {
        width: 100%!important; height: 241px!important;
    }
    
	.pagination.post,
	.pagination.post .left,
	.pagination.post .right {
		width: 100%
	}
	.pagination .left a,
	.pagination .right a {
		font-size: 20px
	}
	.sidebar {
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 4px solid #DDD
	}
	#sidemen {
		margin: 0;
		padding: 3% 10% 7%;
		width: 100%
	}
	#socialnet {
		margin: 0;
		padding: 3% 0;
		width: 100%
	}
	#shaniqua {
		width: 100%;
		height: 410px
	}
	#shaniqua div {
		padding: 10%
	}
	.widget_links,
	#TopPosts,
	#LatestPosts {
		display: none!important
	}
	.category-3140 #main-archive section,
	#main-archive section {
		width: 414px!important;
	}
	#main-archive .search-input {
		width: 314px!important;
		font-size: 18px;
	}
	section.js-masonry .pagination {
		width: 390px!important;
	}
    section.js-masonry .aimg { display: block; }

}
@media only screen and (min-width: 321px) and (max-width: 375px) {
	.wrapper,
	main,
	#main-archive {
		width:375px
	}
	.fixmenu {
		width: 375px!important
	}
	.header {
		height: 205px
	}
	.logo-img {
		width: 290px;
		height: auto
	}
	.header .nav {
		position: absolute;
		bottom: 0;
		height: 90px;
		border-bottom: 5px solid #555
	}
	.header .nav ul li a {
		font-size: 24px;
		height: 45px;
		padding: 5px 5px;
	}
	.header-widget {
		right: 40px!important;
		top: 65px!important;
	}
	.header .nav ul li a:hover,
	.header .nav ul li.current-menu-item a {
		border-bottom: 5px solid #f30
	}
	.header-widget {
		right: 20px;
		top: 35px
	}
	.search-input {
		width: 200px;
		font-size: 24px
	}
	#mainmen1,
	#mainmen2 {
		height: 34px;
		margin: 0
	}
	#mainmen2 {
		display: none
	}
	#menubgrillusion,
	#bgrillusion,
	#tops {
		display: none
	}
	main {
		width: 100%
	}
	section {
		width: 100%;
		padding: 0 3%;
		margin: 0
	}
	h1 a,
	h2 a {
		font-size: 24px
	}
	article img,
	article iframe {
		width: 100%;
		height: auto
	}
	article p{
		font-size: 20px;
		margin: 0 0 20px
	}
	article a.more-link,
	.postdetails,
	.taxonomy {
		font-size: 20px
	}
	article blockquote {
		width: 345px!important
	}
	.junglejoe,
	.junglejoe .banana,
	.junglejoe .banana img,
	.tiffany,
	.tiffany .banana,
	.tiffany .banana img {
		width: 100%
	}
	.junglejoe .banana img,
	.tiffany .banana img {
		height: auto
	}
	.konkydong {
		width: 355px;
		height: auto;
	}
	.konkydong .banana img {
		width: 100%; height: auto;
	}
    
    .junglejoe .banana iframe {
        width: 100%!important; height: 218px!important;
    }
    
	.pagination.post,
	.pagination.post .left,
	.pagination.post .right {
		width: 100%
	}
	.pagination .left a,
	.pagination .right a {
		font-size: 20px;
	}
	.sidebar {
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 4px solid #DDD;
	}
	#sidemen {
		margin: 0;
		padding: 3% 10% 7%;
		width: 100%
	}
	#socialnet {
		margin: 0;
		padding: 3% 0;
		width: 100%
	}
	#shaniqua {
		width: 100%;
		height: 410px
	}
	#shaniqua div {
		padding: 10%
	}
	.widget_links,
	#TopPosts,
	#LatestPosts {
		display: none!important
	}
	.category-3140 #main-archive section,
	#main-archive section {
		width: 375px!important;
	}
	#main-archive .search-input {
		width: 275px!important;
		font-size: 18px;
	}
	section.js-masonry .pagination {
		width: 350px!important;
	}
    section.js-masonry .aimg { display: block; }
}
@media only screen and (max-width: 320px) {
	.wrapper,
	main,
	#main-archive {
		width:320px
	}
	.fixmenu {
		width: 320px!important
	}
	.header {
		height: 205px
	}
	.logo-img {
		width: 290px;
		height: auto
	}
	.header .nav {
		position: absolute;
		bottom: 0;
		height: 90px;
		border-bottom: 5px solid #555
	}
	.header .nav ul li a {
		font-size: 24px;
		height: 45px;
		padding: 5px 5px;
	}
	.header-widget {
		right: 40px!important;
		top: 65px!important;
	}
	.header .nav ul li a:hover,
	.header .nav ul li.current-menu-item a {
		border-bottom: 5px solid #f30
	}
	.header-widget {
		right: 20px;
		top: 35px
	}
	.search-input {
		width: 200px;
		font-size: 24px
	}
	#mainmen1,
	#mainmen2 {
		height: 34px;
		margin: 0
	}
	#mainmen2 {
		display: none
	}
	#menubgrillusion,
	#bgrillusion,
	#tops {
		display: none
	}
	main {
		width: 100%
	}
	section {
		width: 100%;
		padding: 0 3%;
		margin: 0
	}
	h1 a,
	h2 a {
		font-size: 24px
	}
	article img,
	article iframe {
		width: 100%;
		height: auto
	}
	article p{
		font-size: 20px;
		margin: 0 0 20px
	}
	article a.more-link,
	.postdetails,
	.taxonomy {
		font-size: 20px
	}
	article blockquote {
		width: 290px!important
	}
	.junglejoe,
	.junglejoe .banana,
	.junglejoe .banana img,
	.tiffany,
	.tiffany .banana,
	.tiffany .banana img {
		width: 100%
	}
	.junglejoe .banana img,
	.tiffany .banana img {
		height: auto
	}
	.konkydong {
		width: 320px;
		height: auto;
	}
	.konkydong .banana img {
		width: 100%; height: auto;
	}
    
    .junglejoe .banana iframe {
        width: 100%!important; height: 186px!important;
    }
    
	.pagination.post,
	.pagination.post .left,
	.pagination.post .right {
		width: 100%
	}
	.pagination .left a,
	.pagination .right a {
		font-size: 20px
	}
	.sidebar {
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 4px solid #DDD
	}
	#sidemen {
		margin: 0;
		padding: 3% 10% 7%;
		width: 100%
	}
	#socialnet {
		margin: 0;
		padding: 3% 0;
		width: 100%
	}
	#shaniqua {
		width: 100%;
		height: 410px
	}
	#shaniqua div {
		padding: 10%
	}
	.widget_links,
	#TopPosts,
	#LatestPosts {
		display: none!important
	}
	.category-3140 #main-archive section,
	#main-archive section {
		width: 320px!important;
	}
	#main-archive .search-input {
		width: 220px!important;
		font-size: 18px;
	}
	section.js-masonry .pagination {
		width: 300px!important;
	}
    section.js-masonry .aimg { display: block; }
}
::selection {
	background:#F30;
	color:#FFF;
	text-shadow:none
}
::-webkit-selection {
	background:#F30;
	color:#FFF;
	text-shadow:none
}
::-moz-selection {
	background:#F30;
	color:#FFF;
	text-shadow:none
}
.alignnone {
	margin:5px 20px 20px 0
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto
}
.alignright {
	float:right;
	margin:5px 0 20px 20px
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px
}
a img.alignnone {
	margin:5px 20px 20px 0
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0
}
.wp-caption.alignright {
	margin:5px 0 20px 20px
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px
}
#bloglist,
#yearlylinks {
	margin:0 0 15px;
	padding:0;
	list-style-type:none;
	text-align:center
}
#yearlylinks {
	margin:0 0 30px
}
#bloglist:after,
#yearlylinks:after {
	content:'';
	display:block;
	clear:both
}
#bloglist li,
#yearlylinks li {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:24px;
	text-transform:uppercase;
	font-family:"Oswald",
	sans-serif;
	font-weight:400
}
#bloglist li:last-child,
#yearlylinks li:last-child {
	margin:0
}
#bloglist li a {
	color:#666;
	text-decoration:none
}
#bloglist li a:hover {
	color:#F30
}
#yearlylinks li a {
	font-size:20px;
	text-transform:uppercase;
	font-family:"Oswald",
	sans-serif;
	font-weight:400;
	text-decoration:none;
	color:#999;
}
.the-archive .widget_search {
	display:none
}
hr {
	border:none;
	border-top:1px solid #EEE;
	color:#FFF;
	background-color:#FFF;
	height:1px;
	width:80%
}
.claudia {
	list-style-type:none;
	margin:0 30px 15px;
	padding:0
}
.claudia:last-child {
	margin:0 30px 60px
}
.claudia li {
	display:inline;
	margin:0 5px 0 0;
	text-transform:uppercase;
	font-family:"Oswald",
	sans-serif;
	font-weight:400;
	font-size:16px
}
.claudia li a {
	text-decoration:none;
	color:#999
}
.claudia li ul {
	display:inline;
	margin:0;
	padding:0
}
.claudia li ul li {
	display:inline-block;
	margin:0 5px 0 0
}
.claudia li ul li a {
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Oswald",
	sans-serif;
	font-weight:400;
	color:#CCC
}
.tag-link-395,
.tag-link-211,
.tag-link-147,
.tag-link-116,
.tag-link-829,
.tag-link-465,
.tag-link-20,
.tag-link-106,
.tag-link-1858,
.tag-link-854,
.tag-link-1756,
.tag-link-195,
.tag-link-50,
.tag-link-6 {
	color:#999!important;
}
.claudia li a:hover,
.claudia li ul li a:hover,
#yearlylinks li a:hover {
	color:#F30!important
}
.spaceflyer {
	margin-top:70px;
}
.secondhr {
	margin-top:70px;
}
fieldset.spoiler {
	padding-top:0;
	border:none;
	color:#DDD;
	font-size:14px;
	border-top:2px solid #CCC;
	cursor:help;
}
fieldset.spoiler legend {
	color:#444;
}
fieldset.spoiler:hover,
fieldset.spoiler:active {
	color:inherit;
}
#LatestPosts {
	padding-top:1px;
}
#LatestPosts h4 {
	color:#444;
	border-color:#444;
	margin-top:10px;
}
.sidebar-widget #NewPostsList {
	list-style-type:none;
    margin: 5px 0 0 0;
	padding: 0 0 0 15px;
}
.sidebar-widget #NewPostsList li {
	width:275px;
	margin:0 0 2px 0;
}
.sidebar-widget #NewPostsList li a {
	position:relative;
	display:block;
	z-index:200;
	width:275px;
	height:125px;
    padding: 0;
	overflow:hidden;
	text-decoration:none;
	font-family:"Oswald",sans-serif;
	font-weight:300;
	font-size:14px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	background-color:#DDD;
}
.TLimg {
	position:absolute;
	left:-25px;
	top:-25px;
	z-index:200;
	width:350px;
	height:350px;
}
.TLimg img {
	display:none;
}
.TLtitle {
	position:relative;
	z-index:250;
	padding:0 10px 0 0;
	width:265px;
	color:#444;
	display:inline-block;
}
.TLtitle .TLtitletxt {
	position:relative;
	z-index:250;
	display:inline-block;
	width:125px;
	max-height:120px;
	padding:5px 0 5px 5px;
	overflow:hidden;
}
.TLtitle .TLtitletxt strong {
	font-weight: 400;
}
.TLtitle .TLtitleimg {
	position:relative;
	float:left;
	z-index:250;
	display:inline;
}
.TLtitle .TLtitleimg img {
	position:relative;
	z-index:250;
	width:125px;
	height:125px;
	filter:none;
	opacity:1;
}
.rank-1 {
	background-color:#B6B6B6!important;
}
.rank-2 {
	background-color:#C3C3C3!important;
}
.rank-3 {
	background-color:#D0D0D0!important;
}
#NewPostsList li a:hover,
a.rank-1:hover,
a.rank-2:hover,
a.rank-3:hover {
	background-color:#CCC!important;
}
.hotrightnow {
	display:none;
}
article .hline,
article .htags {
	font-size:12px;
	font-weight:400;
	font-family:'Oswald',
	sans-serif;
	text-transform:uppercase;
}
.category-3140 article p a,
article .hline a,
article .htags a {
	border:none!important;
}
.category-3140 article p a img {
	margin:0 0 5px 0;
}
article .hline {
	display:inline-block;
	height:19px;
	margin:0 2px 2px 0;
	padding:1px 5px;
	background-color:#333;
	font-size:12px;
	color:#FFF
}
article .htags {
	display:inline-block;
	padding:0 5px;
	background-color:#EEE;
}
article .htags:hover {
	background-color:#FFF;
	color:#F30
}
.crp_related {
	margin:15px 0 0;
	padding:0
}
h4.morestudiotag {
	margin:5px 0 10px;
	padding-top:10px;
	font-size:18px;
	text-transform:none;
	border-top:2px solid #F8F8F8
}
h4.morestudiotag a {
	color:#F30;
	text-decoration:none!important;
}
h4.morestudiotag a:hover {
	color:#000
}
.crp_related ul {
	list-style-type:none;
	margin:0!important;
	padding:0!important
}
.crp_related ul li {
	position:relative;
	display:inline-block;
	width:145px;
	height:145px;
	margin:0 5px 5px 0;
	padding:0
}
.crp_related ul li a {
	position:relative;
	display:block;
	background-color:#EEE;
	font-size:14px;
	font-family:Oswald;
	color:#FFF
}
.crp_related ul li a img {
	z-index:0;
	width:145px;
	height:145px
}
.crp_related ul li a .crp_title {
	position:absolute;
	z-index:100;
	display:block;
	bottom:0;
	left:0;
	width:100%;
	padding:5px;
	background-color:rgba(0,
	0,
	0,
	.35);
	font-size:16px;
}
.crp_related ul li a:hover .crp_title {
	display:none
}
.crp_related ul li a:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
	.crp_related ul li,
	.crp_related ul li a img {
		width:188px;
		height:188px
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
	.crp_related ul li,
	.crp_related ul li a img {
		width:170px;
		height:170px
	}
}
@media only screen and (max-width: 320px) {
	.crp_related ul li,
	.crp_related ul li a img {
		width:145px;
		height:145px
	}
}
main section article h2 { font-size: 24px; }

/* age gate */
button.age-gate__submit--no, button.age-gate__submit--yes, .age-gate__challenge, .age-gate__remember-field, age-gate__remember-text {
font-size: 2rem;
}

.header .nav .menu-item-549849,
.header .nav .menu-item-549850 {
    display:none;
}

.hide { display: none;}