/* nav.css Responsive styles */

/* Anything smaller than 700px wide */
/* Nav.css Responsive styles */

@media screen and (max-width:1235px){
	#main-nav #main-nav-bar li {
		float:left;
		margin-left: 10%;
	
	}
	
	#main-nav #sub-nav-bar li {
		float: left;
		margin-right: 10px;
	}
	
	
	#main-nav #sub-nav-bar li.search-input {
		margin-left: 10px;
		margin-top: -8px;
	}
}
@media only screen and (max-width : 1200px)  {
	#slider-prev-btn {
		left: 0;
	}
	#slider-next-btn {
		right: 0;
	}
}

.mobile #back-top {
	display: none;
}


@media screen and (max-width:1136px){
	#main-nav #logo-full {
		width: 76px!important;
		margin-left: 10px;
	}
	
	#main-nav #sub-nav-bar li:last-of-type {
		margin-right: 10px;
	}
	
	 
	#main-nav #main-nav-bar {
		position: relative;
		float: left;
		width: 40%;
	}
	
	#main-nav #main-nav-bar li {
		float:left;
		margin-left: 10%;
	}
	
	#main-nav #sub-nav-bar {
		position: relative;
		float: right;
		top: 22px;
		color: #cccccc;
	}
	
	#main-nav #sub-nav-bar li {
		float: left;
		margin-right:25px;
	}
	
	#main-nav #sub-nav-bar li.calendar-btn {
		width: 65px;
		height: 65px;
		margin-top: -22px;
	}
	
	#main-nav #sub-nav-bar li.search-input {
		margin-left: 10px;
		margin-top: -6px;
	}
}



@media screen and (max-width:1116px){

/*#content-container {
	margin: 0 auto;
}
*/

}



@media screen and (max-width:978px){

	#main-nav #logo-full {
		width: 76px!important;
		margin-left: 10px;
	}
	 
	#main-nav #main-nav-bar {
		position: relative;
		float: left;
		width: 35%;
	}
	
	
	#main-nav #sub-nav-bar li {
		float: left;
		margin-right: 10px;
	}
	
	#main-nav #sub-nav-bar li.calendar-btn {
		width: 65px;
		height: 65px;
		margin-top: -22px;
	}
	
	#main-nav #sub-nav-bar li.search-input {
		margin-left: 10px;
		margin-top: -6px;
	}
	
	/*nav {
		height: 220px;
	}*/

}

@media screen and (max-width:915px){

	#main-nav #logo-full {
		width: 76px!important;
	}
	 
	#main-nav #main-#main-nav-bar {
		position: relative;
		float: left;
		width: 30%;
	}
	
	#main-nav #main-nav-bar li {
		margin-left: 5%;
	}
	
	
	#main-nav #sub-nav-bar li {
		float: left;
		margin-right: 10px;
	}
	
	#main-nav #sub-nav-bar li.calendar-btn {
		width: 65px;
		height: 65px;
		margin-top: -22px;
	}
	
	#main-nav #sub-nav-bar li.search-input {
		width: 150px;
		margin-left: 10px;
		margin-top: -6px;
	}
	
	#main-nav #sub-nav-bar li.search-input .nav-search-textfield {
		width: 170px;
		height: 36px;
		line-height: 30px;
		background: #404040;
		color:#ffffff;
		border:none;
		padding: 0 0 0 10px;
		border:0px;
		outline:0px;
		box-sizing: border-box;
		background-image: url("http://static.tumblr.com/3q87dcl/owJn9hz5s/mag-glass.png");
		background-repeat: no-repeat;
		background-position: right 7px top 7px;
		background-size: 21px 21px;
		font-size: 14px;
	}
	/*nav {
		height: 220px;
	}*/

}

@media only screen 
and (min-device-width : 801px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#main-nav {
	font-family: "Archivo Narrow", sans-serif;
	font-weight: bold;
	font-weight: 500;
    font-size: 16px;
}

#main-nav #main-nav-bar {
	width: 35%;
}

#main-nav #main-nav-bar li {
    float:left;
	margin-left: 8%;

}

#main-nav #sub-nav-bar li {
    float: left;
    margin-right: 15px;
}


#main-nav #sub-nav-bar li.search-input {
	margin-left: 10px;
    margin-top: -6px;
	width: 170px;
}

#main-nav #sub-nav-bar li.search-input .nav-search-textfield {
	width: 170px;
	height: 36px;
    line-height: 30px;
    background: #404040;
    color:#ffffff;
    border:none;
    padding: 0 0 0 10px;
    border:0px;
    outline:0px;
    box-sizing: border-box;
    background-image: url("http://static.tumblr.com/3q87dcl/owJn9hz5s/mag-glass.png");
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 21px 21px;
    font-size: 14px;
}

.bx-wrapper {
	max-width:1100px!important;
	margin: 0 auto 60px auto;
}

#slider-next-btn {
	display: none;
}

#slider-prev-btn {
	display: none;
}
	
}

/*iPad */
@media only screen 
and (min-device-width : 801px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

body {
	max-width: 100%;
	overflow-x: hidden;
	margin: 0 auto;
}
#main-nav #logo-full {
	
}
#main-nav {
	max-width: 100%;
	font-family: "Archivo Narrow", sans-serif;
	font-weight: bold;
	font-weight: 500;
    font-size: 16px;
}

#main-nav #main-nav-bar {
	width: 35%;
}

#main-nav #sub-nav-bar {
	width: 54%;
}

#main-nav #sub-nav-bar li:last-of-type {
	margin-right: 10px;
}

#slider-next-btn {
	display: none;
}

#slider-prev-btn {
	display: none;
}

/*.bx-wrapper {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0;
	*zoom: 1;
	width: 98%;
}*/

.bx-viewport {
	
}
.bx-slider ul, .bx-viewport ul {
	margin: 0!important;
	-webkit-margin-before: 0!important;
	-webkit-margin-after: 0!important;
	-webkit-margin-start: 0!important;
	-webkit-margin-end: 0!important;
	-webkit-padding-start: 0!important;
}

/*.bx-slider ul li {
	width: 1000px;
}

#box-slider {
	max-width: 1024px!important;
}*/

#bx-pager {
	left: 10px;
}

/*#content-wrapper {
	max-width:1100px!important;
	margin: 0 auto;
	overflow-y: hidden;
}

#content-container {
	max-width:1100px!important;
}*/

/*.index-post {
	width: 45%!important;
	margin: 0!important
}*/

.post-offset {
	width: 45%!important;
}

/*.index-post.photo.square {
	margin-left: -5px!important;
	margin-bottom: 5px;
}
.index-post.photo {
	margin-left: 40px!important;
	margin-bottom: 5px;
}


.bx-wrapper {
	max-width:1024px!important;
}*/

#main-nav #sub-nav-bar li.search-input .nav-search-textfield {
	width: 140px;
	height: 36px;
    line-height: 30px;
    background: #404040;
    color:#ffffff;
    border:none;
    padding: 0 0 0 10px;
    border-radius: 0;
    border:0px;
    outline:0px;
    box-sizing: border-box;
    background-image: url("http://static.tumblr.com/3q87dcl/owJn9hz5s/mag-glass.png");
    background-repeat: no-repeat;
    background-position: right 7px top 7px;
    background-size: 21px 21px;
    font-size: 14px;	
}

}

@media only screen and (min-device-width : 916px) and (max-device-width : 1024px) {
	#main-nav #main-nav-bar {
		width: 35%;
	}
	#main-nav #sub-nav-bar {
		float: right;
		width: 48%;
	}
}

/*iPad mini*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	
	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
	
	
	
}



@media screen and (max-width:800px){
	html { overflow-y: auto; }
	body { overflow: auto; background-image: none; }
    #main-nav {
        width: 100%;
        min-width: 0px;
		height: 60px;
		z-index: 200;
    }
	#main-nav .container {
		height: 60px;
	}
	#main-nav #logo-full {
		top: 10px;
		width: auto !important;
		height: 40px;
	}
	#main-nav #logo-full img {
		width: auto;
		height: 100%;
	}
	
	#desktop-menu, .bumper, .bumper-bg-image, #dropdown, #tags {
		display: none !important;
	}
	#mobile-menu {
		position: relative;
		width: 100%;
		background: rgba(0, 0, 0, 0.9);
		color: #ccc;
		text-align: center;
		height: 413px;
		z-index: 100;
		margin-top: -413px;
		overflow: hidden;
	}
	.landscape #mobile-menu {
		height: 433px;
		margin-top: -433px;
	}
	#mobile-menu a {
		color: #ccc;
	}
	#mobile-menu .calendar-btn a {
		color: #fff;
	}
	#mobile-menu ul {
		margin: 20px 0 0 0;
		list-style: none;
	}
	#mobile-menu ul>li {
		margin-bottom: 10px;
	}
	#mobile-menu .follow-btn {
		border-right: 2px solid #888;
		padding: 0 15px 0 0;
	}
	#mobile-menu .tumblr-btn {
		padding: 0 0 0 15px;
	}
	#mobile-menu .follow-btn, #mobile-menu .tumblr-btn {
		font-size: 24px;
		font-weight: bold;
		display: inline-block;
		line-height: 1em;
	}
	#mobile-menu .follow-btn a, #mobile-menu .tumblr-btn a {
		color: #ccc;
	}
	#mobile-menu .follow-btn i, #mobile-menu .tumblr-btn i {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 18px;
		height: 20px;
		margin-right: 5px;
		display: inline-block;
	}
	#mobile-menu .calendar-btn {
		background: #fdb901;
		color: #fff;
		padding: 10px 0 8px 0;
		display: inline-block;
		width: 220px;
		text-align: center;
		margin-bottom: 20px;
		font-size: 14px;
	}
	#mobile-menu .calendar-btn i {
		margin-right: 5px;
	}
	#mobile-menu .tumblr-btn i {
		background-image: url("http://static.tumblr.com/3q87dcl/aRWn9hy94/tumblr_btns_home_icon.png");
	}
	#mobile-menu .follow-btn i {
		background-image: url("http://static.tumblr.com/3q87dcl/WhLn9hy80/tumblr_btns_plus_icon.png");
	}
	#mobile-menu .social {
		margin-bottom: 20px;
	}
	#mobile-menu .social li {
		display: inline-block;
		font-size: 24px;
		color: #000;
		background: #ccc;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		line-height: 40px;
		padding: 0;
		text-align: center;
		width: 40px;
		margin: 0 6px;
	}
	#mobile-menu .social li a {
		color: #000;
	}
	#mobile-menu .social li:hover {
		background: #fdb901;
	}
	#mobile-menu .social li.pin-btn {
		vertical-align: bottom;
	}
	#mobile-menu .social li.pin-btn i {
		color: #ccc;
		width: 40px;
		height: 40px;
		background: url(http://hspotdev.com/nbc/snl_tumblr_bev/social-pinterest.png) no-repeat;
		background-size: contain;
		display: block;
	}
	#mobile-menu li.search-input {
		margin-bottom: 20px;
	}
	#mobile-menu li.search-input form {
		position: relative;
		width: 220px;
		height: 36px;
		margin: 0 auto;
	}
	#mobile-menu li.search-input .nav-search-textfield {
		background: #404040;
		border: 0 none;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 16px;
		height: 36px;
		line-height: 36px;
		outline: 0 none;
		padding: 0 30px 0 10px;
		width: 220px;
		font-family: "Archivo Narrow", sans-serif;
		font-weight: bold;
	}
	#mobile-menu li.search-input span {
		position: absolute;
		display: block;
		right: 7px;
		top: 7px;
		background: url(http://static.tumblr.com/3q87dcl/owJn9hz5s/mag-glass.png) no-repeat;
		background-size: contain;
		width: 21px;
		height: 21px;
		z-index: 200;
	}
	#mobile-menu li.ask-btn, #mobile-menu li.archive-btn, #mobile-menu li.vault-btn, #mobile-menu li.tags-btn {
		border-top: 1px solid #404040;
		line-height: 40px;
		margin-bottom: 0;
		cursor: pointer;
	}
	#mobile-menu li.tags-btn.opened {
		color: #fdb901;
	}
	
	/*#mobile-menu .tumblr-btn:after, #mobile-menu .follow-btn:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}*/
	#content-container {
		margin: 0 auto;
		/*height: auto !important;*/
	}
    #nav-content-container, #content-container, #content-wrapper {
        width:100% !important;
    }
	#content-wrapper {
		margin-top: 60px;
	}
	.landscape #content-wrapper {
		margin-top: 40px;
	}

	.video-post-play-icon {
		position: absolute !important;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		width: 100px !important;
		height: 100px;
	}

    #mobile-menu-btn {
		display: block;
		margin: 10px 20px;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
	}
	#mobile-menu-btn .text {
		font-size: 21px;
		color: #ccc;
		margin-right: 5px;
		line-height: 40px;
		letter-spacing: 0.05em;
	}
	#mobile-menu-btn .bars {
		display: inline-block;
		vertical-align: middle;
	}
	#mobile-menu-btn .bars div {
		background: #fdb901;
		height: 7px;
		width: 35px;
		margin-bottom: 5px;
	}
	
	#mobile-menu .tags {
		display: none;
		height: 160px;
	}
	
	#slider-prev-btn, #slider-next-btn {
		display: none;
	}
	#bx-pager {
		position: relative;
		bottom: 0;
		padding: 10px 10px 20px 0;
	}
	.bx-wrapper .bx-caption {
		bottom: 10px;
		height: auto;
	}
	.bx-wrapper .bx-caption span {
		font-size: 18px;
		line-height: 1.2em;
		padding: 8px 10px;
	}
	.bx-wrapper {
		width: 100%;
	}
	#close-wrapper {
		width: 100%;
		top: 10px;
		position: absolute;
		display: none;
	}
	#back-btn {
		color: #fff;
		background: #fbb72c;
		text-transform: uppercase;
		font-family: "Archivo Narrow", sans-serif;
		font-size: 26px;
		display: block;
		line-height: 40px;
		padding: 4px 20px 4px 10px;
		display: inline-block;
		cursor: pointer;
		margin: 0 0 20px 5%;
	}
	#back-btn span {
		background: url(http://static.tumblr.com/2lq25px/VhBndm44e/small_grid.png) no-repeat;
		width: 35px;
		height: 40px;
		margin: 0 10px 0 0;
		display: inline-block;
		line-height: 40px;
		vertical-align: middle;
	}
	
/* SinglePost.css Responsive styles */
    #post-nav {
        margin: 0 auto;
        z-index: 30;
    }
	#button-wrapper {
		position: absolute;
		margin-top: -10000px;
	}
	#mobile-button-wrapper {
		background: #000;
		width: 100%;
		position: relative;
		height: 60px;
		line-height: 60px;
		margin-bottom: 20px;
		display: block;
		top: auto;
		position: relative;
	}
	#mobile-button-wrapper #mobile-next-btn {
		margin: 15px 0 0 10px;
		color: #fff;
		position: relative;
		z-index: 100;
		top: 0;
		float: left;
		width:100px;
		height:30px;
		background-color: #fdb901;
		background-image: url(http://static.tumblr.com/3q87dcl/ieZnb33x3/back_arrow.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		line-height: 30px;
		padding-left: 30px;
		
		-webkit-transition: all 200ms ease-out 0ms;
		-moz-transition: all 200ms ease-out 0ms;
		-o-transition: all 200ms ease-out 0ms;
		transition: all 200ms ease-out 0ms;
		cursor: pointer;
	}
	#mobile-button-wrapper #mobile-prev-btn {
		margin: 15px 10px 0 0;
		color: #fff;
		position: relative;
		z-index: 100;
		top: 0;
		float: right;
		width:70px;
		height:30px;
		background-color: #fdb901;
		background-image: url(http://static.tumblr.com/2lq25px/Q8Endm2je/next_arrow.png);
		background-repeat: no-repeat;
		background-position: 75px center;
		line-height: 30px;
		padding-right: 50px;
		text-align: right;
	
		-webkit-transition: all 200ms ease-out 0ms;
		-moz-transition: all 200ms ease-out 0ms;
		-o-transition: all 200ms ease-out 0ms;
		transition: all 200ms ease-out 0ms;
		cursor: pointer;
	}
    #post-nav #post-date {
        display:none;
    }
	#post-information {
		padding-top: 0;
	}
    #post-nav #grid-btn {
        position: absolute;
        top: 15px;
        left: 16px;
        width: 19px;
        height: 19px;
        background: url(http://static.tumblr.com/3q87dcl/1kgnaj395/post-icon-grid.png);
        background-size: 40px 19px;
        background-position: 0px 0px;
        cursor: pointer;
    }
	.post-offset {
		display: none;
	}
    #single-post-wrapper {
        top: 60px; /* 135px */
		position: relative;
		background: #fff;
		overflow: auto;
		padding-bottom: 60px;
    }
	#single-post-wrapper.with-title #post-nav #grid-btn {
		background-position: -21px 0;
		top: 5px;
		left: 10px;
	}
	#post-page-wrapper {
		position: relative;
	}
	#post-content {
		max-width: none;
	}
    #post-content-container {
        width: 100%;
        margin-top: 0;
    }
	#post-content-container #post-text img {
		width: auto;
		max-width: 100%;
	}
    #post-content-container #post-images {
        position:relative !important;
        top: 0px !important;
        left: 0px !important;
    }

    #post-content-container #post-images li {
        width:100%;
    }
	#note-count-new, #post-date-new {
		width: 90%;
		margin: 0 5%;
		padding: 0;
	}
	#post-question {
		line-height: 1.1em;
		font-size: 24px;
	}
	#post-question i {
		left: 20px;
		font-size: 36px;
	}
	#post-question div {
		padding-left: 40px;
	}
    /*#post-content-container #post-information {
        position: relative;
        left: auto;
        padding-left: 10px;
        top: 50px;
        width: auto;
        margin-bottom: 70px;
    }*/
	
    #post-note-count {
        position: absolute;
        top: 0px;
        right: 20px;
    }
	
	#post-wrapper {
		height: 50px;
	}
    /*#post-information .post-facebook-btn {
        position: absolute;
        left:auto;
        right: 85px;
        top: -45px;
    }

    #post-information .post-twitter-btn {
        position: absolute;
        left:auto;
        right: 50px;
        top: -45px;
    }

    #post-information .post-pinterest-btn {
        position: absolute;
        left:auto;
        right: 20px;
        top: -45px;
    }*/
	#post-information .tags-container {
		padding: 0;
		margin: 0 5%;
		width: 90%;
	}
    #post-content-container #video-embed-visible {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        /*margin-bottom: 45px;*/
    }

    #video-embed-visible iframe {
        width:100%;
        height:250px;
    }
	#post-content-container #post-title {
		padding: 20px 5%;
	}
    #post-content-container #post-text {
        position: relative;
        top: 0px;
        left: 0px;
        width: 90%;
    }
	.h2, .h3, .square, .video-post, .index-post, .index-post.text, .index-post.answer, .index-post.quote {
		width: 100%;
		margin: 10px 0 !important;
		min-height: none;
	}
	.square .post-text {
		min-height: none;
	}
	.bxslider {
		margin: 0;
	}
	.bx-wrapper {
		margin-bottom: 5px;
	}
	#ask-box .inner {
		width: 90%;
		height: 100%;
		margin: 0 auto;
		padding: 80px 5%;
		background: #000;
	}
	
	.landscape #single-post-wrapper {
		top: 40px;
		padding-bottom: 40px;
	}
	.landscape #mobile-menu-btn {
		margin: 0 20px;
	}
	.landscape #mobile-menu-btn .text {
		font-size: 18px;
	}
	.landscape #mobile-menu-btn .bars div {
		height: 5px;
		width: 25px;
		margin-bottom: 3px;
	}
	.landscape #main-nav #logo-full {
		height: 30px;
		width: auto;
		top: 5px;
	}
	.landscape #main-nav #logo-full img {
		height: 30px;
		width: auto;
	}
	.landscape #main-nav, #main-nav .container {
		height: 40px;
	}
	
}


/*iPhone 5*/

@media only screen and (max-width : 568px)  {
	#post-social-buttons {
		left: 0;
	}
	#post-information .post-twitter-btn {
		left: 10px;
	}
	#post-information .post-facebook-btn {
		left: 55px;
	}
	#post-information .post-gplus-btn {
		left: 100px;
	}
	#post-information .post-pinterest-btn {
		left: 145px;
	}
	#post-like-reblog-btns .post-reblog-btn {
		left: 84px;
	}
	#post-like-reblog-btns {
		width: 120px;
	}
	#post-wrapper {
		width: 90%;
		margin: 20px auto;
	}
	#post-like-reblog-btns .post-like-btn {
		left: 42px;
	}
	/*#main-nav {
		visibility: hidden;
		height: 0;
	}
		
	#box-slider {
		visibility: hidden;
		height: 0;
	}*/
}
@media only screen and (max-width : 380px)  {
	#post-wrapper {
		width: 100%;
		margin: 20px auto;
	}
}

/*@media screen and (max-width:500px){
	#post-social-buttons {
		left: auto;
	}
	
	#post-like-reblog-btns {
        float: none;
		width: 90%;
		padding: 0;
		margin: 10px 5%;
    }
}*/


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	
/*#main-nav {
	visibility: hidden;
	height: 0;
}
	
#box-slider {
	visibility: hidden;
	height: 0;
}*/
	
	
}

.mobile .index-post .share-box {
	display: none;
}


/*Older iPhones*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
	
	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 


 }