/*
Theme Name: Future of Sex
Theme URI: http://futureofsex.net/
Author: futureexploration
Author URI: http://futureexploration.net/
Description: Future of Sex is the child theme of Floria
Version: 1.0
Text Domain: futureofsex
Template: gloria
*/

/* =Child Theme Custom CSS
-------------------------------------------------------------- */

#page-wrap {
	margin-top: 21px;
}

#page-inner-wrap .container {
	padding-left: 30px;
	padding-right: 30px;
}

#page-inner-wrap .row {
	margin: 0 auto;
}

#page-inner-wrap .bk-masonry-wrap .row,
#page-inner-wrap #main-content .bk-masonry {
	margin-left: -15px;
	margin-right: -15px;
}

.col-md-6 {
	box-sizing: border-box;
}

/* Top Bar */
.top-bar {
	display: none;
}

.header-inner {
	margin: 0 auto;
}

/* Menu */
.main-nav {
	background-color: transparent;
}

#main-menu {
	margin-left: -1%;
}

#main-menu > ul > li {
	margin: 0 0 0 1%;
	width: 13.28%;
	height: auto;
}

#main-menu > ul > li > a {
	line-height: unset;
	padding: 0;
}

#main-menu li a:hover,
#main-menu li a:focus {
	opacity: 0.9;
}

.header .logo h1 {
	line-height: 0;
}

.bizarre-bazaar-menu {
	list-style: none;
	margin: 0 0 0 -2%;
	padding: 0 0 30px;
}

.bizarre-bazaar-menu li {
	display: inline-block;
	margin-left: 2%;
	width: 18%;
}

.bizarre-bazaar-menu li a:hover,
.bizarre-bazaar-menu li a:focus {
	background-color: transparent;
	opacity: 0.9;
}

.header-wrap .col-md-12 {
	padding: 0;
}

.header-wrap .main-nav #main-menu .menu > li:hover,
.header-wrap #main-menu > ul > li.current-menu-item {
	background-color: transparent;
}

/* Search Button */
.search-icon {
	border: none;
}

/* Ticker */
.bk-ticker-module {
	background-color: transparent;
}

.bk-ticker-module .bk-ticker-inner {
	background-color: #f8f8f8;
}

.bk-ticker-module {
	margin-top: 14px;
}

/* Meta */
.bk-masonry-content .meta,
.related-box .meta {
	display: none;
}

/* Category Background */
#page-inner-wrap .post-category a {
	padding: 2px 8px;
}

#page-inner-wrap .post-category .virtual-sex,
.category-virtual-sex .page-title .heading {
	background-color: #db68a6;
	color: #fff;
}

#page-inner-wrap .post-category .immersive-entertainment,
.category-immersive-entertainment .page-title .heading {
	background-color: #ca4871;
	color: #fff;
}

#page-inner-wrap .post-category .virtual-sex:hover,
#page-inner-wrap .post-category .virtual-sex:focus,
#page-inner-wrap .post-category .immersive-entertainment:hover,
#page-inner-wrap .post-category .immersive-entertainment:focus {
	background-color: #333946;
	color: #fff;
}

/* Archive */
.page-title .archive-meta p {
	color: #444;
	font-style: normal;
}

/* FoS Community */
/*.fos-community-category-single .singletop .post-category a,
.page-image span,
.fos-community-category .page-title .heading {
background: transparent url("https://futureofsex.net/wp-content/themes/gloria-child/assets/images/fos-community.png") no-repeat;
width: 538px;
height: 54px;
display: block;
background-size: contain;
text-indent: -9999px;
padding: 0;
}

.page-image span {
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.fos-community-category-single #page-inner-wrap .post-category a,
.page-image span,
.fos-community-category .page-title .heading {
width: 400px;
height: 40px;
}
}

@media screen and (max-width: 480px) {
.fos-community-category-single #page-inner-wrap .post-category a,
.page-image span,
.fos-community-category .page-title .heading {
width: 250px;
height: 26px;
}
}
*/
.community-logo img {
	width: 100%;
	max-width: 567px;
}

.page-template-page-template-fos-community .community-logo,
.author .community-logo {
	margin-bottom: 20px;
}

/* Community Category First Para Desc */
.category-community .archive-meta p:first-child {
	font-size: 17px;
}

/* Bizarre Bazaar */
.post-content .button-bazaar {
	border-radius: 6px;
	color: #fff;
	display: block;
	font-family: "Open Sans";
	font-size: 16px;
	padding: 14px 20px;
	text-align: center;
	text-transform: uppercase;
	width: 200px;
}

.button-3d-virtual-party-and-sex-worlds {
	background-color: #956caa;
}

.button-vr-porn {
	background-color: #aa69a5;
}

.button-remote-sex-and-teledildonics {
	background-color: #c0659e;
}

.button-sex-robots {
	background-color: #d46099;
}

.button-sexuaa-health {
	background-color: #e95a93;
}

/* Single Posts */
.single-post .main .views {
	display: none;
}

.single-post .main .post-date .fa-clock-o:before {
	content: "Last Updated on";
	font-family: "Archivo Narrow";
	font-size: 11px;
	color: #aaa;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	-moz-osx-font-smoothing: auto !important;
}

.futureofsex-title-center .page-title {
	text-align: center;
}

/* Tags */
.s-tags {
	background-color: #f8f8f8;
}

.s-tags span,
.s-tags a {
	background-color: transparent;
	color: #444;
	padding-top: 6px;
}

/* Footer */
.footer .footer-lower {
	background-color: #231f20;
}

/* Widgets */
.sidebar .sidebar-wrap .widget-title h3 {
	background-color: transparent;
}

.widget .bk-header {
	padding-bottom: 7px;
}

.sidebar-wrap > .widget {
	padding-top: 7px;
}

.widget .row {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.widget .col50 {
	width: 50%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.widget .glossary-button {
	border: none;
	background-color: #333946;
	color: #fff;
	display: block;
	font-family: "Open Sans";
	font-size: 14px;
	margin: 0;
	padding-left: 70px;
	position: relative;
}

.widget .glossary-button span {
	background: url("assets/images/icon-glossary.png") no-repeat scroll 16px 8px #64b9c3;
	width: 55px;
	height: 41px;
	position: absolute;
	left: 0;
	top: 0;
}

/* Thickbox */
#TB_ajaxContent {
	margin: 15px;
}

#TB_ajaxContent p {
	margin: 0;
}

/* Page Headings */
.page .page-title .heading {
	background-color: transparent;
	color: #333;
	font-size: 24px;
	padding: 0;
	text-transform: unset;
}

.page .post-content h2:first-child {
	margin-top: 0;
}

/* Post Headlings */
.single .s-post-header h1 {
	text-transform: unset;
}

.single .s-post-header .comments {
	display: none;
}

.single .s-post-header .post-date:after {
	content: none;
}

.single .s-post-header .fa-clock-o {
	margin-right: 2px;
}

/* Related Articles */
.row-type .post-category,
.module-large-blog .post-category {
	right: 15px;
}

/* From Old Theme */
.span3 {
	clear: both;
}

.span4 img {
	width: 100%;
}

/* Category Header and Footer Text */
.category-header-text {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.category-footer-text {
	margin-top: 1.5em;
}

.category-header-text {
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	padding: 10px;
}

.category-header-text p,
.category-footer-text p {
	font-style: italic;
}

/* Hide USP Agree Toggle */
.usp-agree-toggle,
.single-usp_form .site-content .entry-meta { display: none;}

.affiliatedisclaimer{
	margin-top: 14px;
}
.affiliatedisclaimer p{
	font-style: italic;
	color: #888;
	margin-bottom:0;
}
#page-content-wrap {
	margin-top: 15px;
}
.page-title h1.new {
	color: #fff;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 4px 12px;
	background-color: #64b9c3;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600 !important;
}

.nav-future-of-sex-community {
	display: none;
}

.fa-wikipedia-w:before {
	content: "W";
}

.single #text_more,
.author #toggle{
	display:none;
}

#main-menu li a span {
	display: none;
}
#mobile-menu #main-menu li a span {
	display: block;
}

#mobile-menu #main-menu li a {
    display: block;
    width: 100%;
    padding: 11px;
    font-size: 14px;
}
#mobile-menu #main-menu li img {
    display: none;
}

#mobile-menu #main-menu li {
	width: 100%;
	margin-bottom: 0;
	    text-align: left;
}

#mobile-menu ul {
    margin: 0;
    padding: 0;
}

#mobile-menu {
    opacity: 0;
    max-height: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    transition: max-height .2s ease-in-out, opacity .3s;
}

#mobile-menu.mobile-menu-open {
    max-height: 38em;
    opacity: 1;
    padding: 0;
}

ul#menu-mobile-menu:after {
    display: table;
    clear: both;
    content: "";
}
ul#menu-mobile-menu {
    margin-bottom: 20px;
}
ul#menu-mobile-menu {
    width: 100%;
}

ul#menu-mobile-menu li {
    width: 50%;
    float: left;
}

ul#menu-mobile-menu li a {
    width: 100%;
    float: left;
    padding: 8px;
    background: #231f20;
    color: white;
    display: block;
    border-right: 1px dotted white;
    border-bottom: 1px dotted white;
}

ul#menu-mobile-menu li:nth-child(even) a {
    border-right: none;
}


.c-hamburger {
    position: relative;
    overflow: hidden;
    margin: 13px;
    padding: 0;
    width: 29px;
    height: 27px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    background: none;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #111111;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #111111;
    content: "";
}

.c-hamburger span::before {
    top: -9px;
}

.c-hamburger span::after {
    bottom: -9px;
}

.c-hamburger--htx span {
    transition: background 0s 0.22s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    transition-duration: 0.22s, 0.22s;
	transition-delay: 0.15s,
    0s;
}
.c-hamburger--htx span::before {
    transition-property: top, transform;
}
.c-hamburger--htx span::after {
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
    background: none;
}
.c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.15s;
}

#mobile-menu {
	display: none;
}
.bizzare-posts .span3 .span6 {
    width: 50%;
    padding: 0 15px;
}

.bizzare-posts .span3 .span6 img {
    width: 100%;
}

.bizzare-posts .span3 {
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (min-width: 320px) {
	.header-inner {
		margin: 7px auto;
	}
}

@media screen and (min-width: 480px) {
	.header-inner {
		margin: 14px auto;
	}
}

@media screen and (min-width: 640px) {
	.span4 {
		display: block;
		float: left;
		padding: 25px 15px 0;
		width: 33.33%;
	}
}

@media screen and (min-width: 992px) {
	.bkwrapper {
		width: 996px !important;
	}
	#page-inner-wrap .container {
		width: 996px;
	}
	.has-sb .content-wrap.col-md-8,
	.wp-page .has-sb.col-md-8,
	.single-page .main {
		padding: 0;
	}
	.bkwrapper,
	#page-inner-wrap .container {
		max-width: 992px;
	}
	.has-sb .content-wrap.col-md-8,
	.wp-page .has-sb.col-md-8,
	.single-page .main {
		width: 621px;
	}
	.has-sb .sidebar.col-md-4,
	.sidebar.col-md-4  {
		max-width: 340px;
		padding-left: 40px;
		padding-right: 0;
	}
}

@media screen and (min-width: 1024px) {
	.bkwrapper,
	#page-inner-wrap .container {
		max-width: 1024px;
	}
	.has-sb .content-wrap.col-md-8,
	.wp-page .has-sb.col-md-8,
	.single-page .main {
		width: 624px;
	}
}

@media screen and (min-width: 1154px) {
	.bkwrapper {
		width: 100% !important;
	}
	#page-inner-wrap .container {
		width: 100%;
	}
	.bkwrapper,
	#page-inner-wrap .container {
		max-width: 1154px;
	}
	.has-sb .content-wrap.col-md-8,
	.wp-page .has-sb.col-md-8,
	.single-page .main {
		width: 754px;
	}
}

@media screen and (max-width: 991px) {
	.main-nav .mobile-menu-wrap {
		/*display: none;*/
	}
	.header-1 #main-menu,
	.bk-header-90 #main-menu {
		display: block;
	}
	.header-inner {
		max-width: 720px;
	}
	.has-sb .content-wrap.col-md-8,
	.wp-page .has-sb.col-md-8,
	.single-page .main {
		padding: 0;
	}
	.ticker-wrapper.has-js {
		padding:  0 20px !important;
	}
	.has-sb .sidebar.col-md-4,
	.sidebar.col-md-4 {
		padding-left: 0;
		padding-right: 0;
	}
	.bk-ticker-module {
		margin-top: 0;
	}

	.page .page-title .heading {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.header-wrap .logo, .header-wrap .tagline {
	    margin-bottom: 14px !important;
	}
	.nav-future-of-sex-community {
		display: block;
	}
	#main-menu>ul>li {
		margin-bottom: 5px;
		margin-left: 0;
	}
	.bk-ticker-module {
		display:none;
		margin-top: 10px;
	}
	.affiliatedisclaimer p{
		text-align: justify;
	}
	#mobile-menu {
		display: block;
	}
	#main-menu {
		margin-left: 0;
	}
	#page-wrap.wide .main-nav {
		display: none;
	}
	.header-wrap .logo {
		width: 70% !important;
		float: left !important;
	}
	.mobile-menu-wrap {
	    display: block;
	    float: right;
	    font-size: 31px;
	}
}
@media screen and (max-width: 560px) {
	#main-menu > ul > li {
		width: 24%;
	}
	.c-hamburger {
	    display: block;
	    margin-top: 5px;
	    margin-right: 2px;
	}
}