/* BUMPER POST */

.bumper {
    width:1100px;
    height:800px;
    /*border:1px solid yellow;*/
}

/* BUMPER BACKGROUND IMAGE */

.bumper-bg-image {
    position: absolute;
    width:100%;
}

.bumper-bg-image img {
    width:100%;
}

#bumper-1 {
    display:none;
}

#bumper-2 {
    display:none;
}

#bumper-3 {
    display:none;
}

#bumper-4 {
    display:none;
}

/* POST OFFSET */
.post-offset {
    height:100px;
    width: 530px;
    /*border: 1px solid yellow;*/
}

/* POST */

.index-post {
    position: relative;
    /*margin:10px;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	font-family: 'Archivo Narrow', sans-serif;
    overflow:hidden;
	width:530px;
    /*background-image: url(http://static.tumblr.com/junghno/ywLn6pknh/white-square.gif);*/

    /*opacity: 0;
    filter: alpha(opacity = 0);*/
}

.index-post img {
    width:100%;
	height: auto;
    /*position: absolute;*/
    /*top:0px;
    left:0px;*/
    opacity: 0.999999;
    -webkit-backface-visibility: hidden;
}

.post-spinner {
    position: absolute;
    width:100%;
    height:100%;
    background-color:#000;
    background-image: url(http://static.tumblr.com/3q87dcl/JbWn9lb1t/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 30;
}

/* SQUARE POSTS */

.square {
    width:530px;
}

.square-mobile {
    width:100%;
}

.square-mobile img {
    position: relative;
    width:100%;
    height:auto;
}

.square4 {
    width:530px;
    height:530px;
}

.square img, .square4 img {
    width:100%;
}

/* HORIZONTAL POSTS */

.h2 {
    width:530px;
}

.h3 {
    width:530px;
}

.h2 img, .h3 img {
    width:100%;
}

/* VERTICAL POSTS */

.v2 {
    width:530px;
}

.v3 {
    width:530px;
}

.v2 img, .v3 img {
    width:100%;
}

/* POST HOVERS */

.index-post .hover {
    position: absolute;
    top:0;
    display:block;
    width:100%;
    height:100%;
    opacity: 0;
	background-image: url(http://static.tumblr.com/3q87dcl/oiIn9y5um/overlay-bg.png);
	background-size: cover;
	z-index: 10;
}



.index-post .share-box {
    position: relative;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	-o-transform: translateY(-50%);
    	transform: translateY(-50%);
	width: 500px;
    margin: -10px auto 0;
    padding-bottom: 10px;
    pointer-events:none;
}
.index-post .share-box:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.index-post .click-to-post {
    position: absolute;
    display:block;
    width:100%;
    height:100%;
    cursor: pointer;
}
.index-post div.click-to-post {
	z-index: 100;
}

.index-post .share-box a {
    pointer-events:auto;
}

.like-rb-wrapper {
	position: relative;
	width: 150px;
	height: 55px;
	margin: 0 auto;
	cursor: pointer;
	padding-bottom: 10px;
}

.share-like-btn {
    position: relative;
    left: 0;
    width:55px;
    height:55px;
    pointer-events:auto;
}

.share-like-btn .like_button {
    position: relative;
    float: left;
    width:55px;
    height:55px;
	margin-right: 0;
	padding-right: 0;
    background-image: url(http://static.tumblr.com/3q87dcl/6tLn9wa7o/overlay-like-btn.png);
    background-position: 0px 0px;
}

.share-reblog-btn {
	position: relative;
	float: left;
	left: 40px;
	width: 55px;
	height: 55px;
	background-image: url(http://static.tumblr.com/3q87dcl/x0nn9wa7v/overlay-reblog-btn.png);
	pointer-events: auto;
}

.share-box-btn  {
    position: relative;
    list-style-type: none;

}


/* Force iframe to fill button */


/* Hover State */
#post-like-reblog-btns .like_button:hover + .my-like-btn {
    /*background-position: -44px 0px;*/
}

/* Liked State */
#post-like-reblog-btns .like_button.liked + .my-like-btn {
    /*background-position: -44px 0px;*/
	display: none;
}



.share-box .title-container {
	position: relative;
	display: block;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-top:15px;
    margin-bottom:15px;
	text-align: center;
	border-top:1px solid #f2cb67;
	padding: 20px 0 10px 0;
	font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
	line-height: 1.1em;
}
.short .share-box .title-container {
	margin: 0;
}

.share-box .title-container p {
	margin: 0 auto;
}

.share-box .title-container p a {
	text-decoration: none;
	color: #ffffff;
}

.share-box .title-container blockquote {
	margin: 0;
}


.index-post .share-box .tags-container {
    position: relative;
	display: block;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
    /*border: 1px solid yellow;*/
}
.index-post .share-box .tags-container.hide {
	display: none;
}
.index-post .share-box .tags-container a {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    padding-left: 10px;
    
    color: #ffffff;
    text-transform: uppercase;
    pointer-events:auto;
}






.index-post .share-box .tags-container a:first-of-type {
   padding-left: 0;
}

.index-post .share-box .tags-container a:last-of-type {
   padding-left: 10px;
}

.social-wrapper{
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	width: 160px;
	height: 30px;
}

.index-post .share-box .share-box-btn {
    position: absolute;
    list-style-type: none;
    pointer-events:auto;
}
.our-like-btn {
	pointer-events: none;
}

.share-tw-btn{
	background-image: url(http://static.tumblr.com/3q87dcl/LR2n9nko3/share-twit.png);
	left: 0;
    width:26px;
    height:27px;
    background-position: 0px 0px;
}

.share-fb-btn{
	background-image: url(http://static.tumblr.com/3q87dcl/L6Gn9nk7r/share-fb.png);
	left: 41px;
    width:26px;
    height:27px;
    background-position: 0px 0px;
}

.share-gplus-btn {
	background-image: url(http://static.tumblr.com/3q87dcl/KXVn9nl2i/share-gplus.png);
	left: 83px;
    width:27px;
    height:27px;
    background-position: 0px 0px;
}

.share-pin-btn {
	background-image: url(http://static.tumblr.com/3q87dcl/cUgn9nks6/share-pin.png);
	left: 129px;
    width:26px;
    height:27px;
    background-position: 0px 0px;
}



/* TEXT POST */

.index-post.text {
    width:530px;
	background: #13758a;
}
.index-post.text.with-title {
	background: #fff;
}
.index-post.text img {
    width:100%;
}

.post-text {
    height:100%;
    padding:0;
    background-color: #13758a;
	text-align: left;
}

.post-text h3 {
    font-size: 25px;
    color:#FFFFFF;
	margin: 0;
	font-weight: 400;
}

.post-text p {
    font-size: 18px;
    line-height: 1.2em;
}

.post-text p a {
	color: #fff;
}
.with-title .post-text p a {
	color: #FDB901;
}
.index-post.answer .post-text p a {
	color: #FDB901;
}
.post-text p .tumblr_blog {
	text-transform:uppercase;
	color: #FDB901;
}
.post-text .post-title {
	color: #fff;
	padding: 15px 30px 0 30px;
	font-size: 25px;
	background: #13758a;
}
.with-title .post-text .post-title, .index-post.answer .post-text .post-title, .index-post.quote .post-text .post-title {
	background: #FDB901;
	padding: 20px 30px;
	background: #FDB901;
}
.index-post.answer .post-text .post-title i {
	font-style: normal;
	font-size: 32px;
}
.post-text .post-title i {
	font-style: normal;
}
.post-text .post-body {
	font-size: 18px;
	padding: 15px 30px;
	background: #13758a;
	color: #fff;
}
.with-title .post-text .post-body, .index-post.answer .post-text .post-body, .index-post.quote .post-text .post-body {
	background: #fff;
	color: #222;
}
.post-text blockquote {
	margin: 1em 0;
	padding: 0;
	border-left: 1px solid #FDB901;
	padding-left: 20px;
}

.post-text ul {
	list-style: none;
}

/* end TEXT POST */

/* VIDEO POST */

.video-post  {
    width:530px;
}

/*.video-post iframe {
    width:530px!important;
}*/

.video-post img {
    width:100%;
}

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

.play-icon {
    position: absolute;
    display:block;
    width:100%;
    height:100%;
    background-image: url('http://static.tumblr.com/3q87dcl/O4Nn9lnm2/play_icon.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 136px 136px;
}

/* END VIDEO POST */

.index-post.answer {
    width:530px;
	background: #fff;
}

/* QUOTE POST */
.index-post.quote {
    width:530px;
	background: #fff;
}

.index-post.quote blockquote {
    font-size: 24px;
    color:#FFFFFF;
    text-transform: uppercase;
    line-height: 30px;
    text-align: justify;
}

.index-post.quote .author {
    font-size: 16px;
    color: #29b7d0;
	text-transform: uppercase;
    text-align: right;
    padding-right:35px;
    padding-left:35px;
}

.index-post.quote .author a {
    color:#FDB901;
}

/*.index-post.quote .author:before {
    content: "-";
}*/