/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
}

html, body {
	width: 100%;
	height:100%;
	margin: 0 !important;
	padding: 0 !important;
	cursor: default;
}

body {
	font-size: 1.8rem;
    line-height: 1.4;
  overflow-x: hidden;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #ffba00;
    text-shadow: none;
	color: #ffffff;
}

::selection {
    background: #ffba00;
	color: #ffffff;
    text-shadow: none;
}

.content-style-overlay ::selection {
    background: #190901;
	color: #ffffff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


a {
	text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	color: #ffba00;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.transitions {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

   .body-text {color: #190901;} /*dark brown*/
   .body-text-border {border-color: #190901;} /*dark brown*/
   .primary-active { color: #ffba00;} /*yellow*/
   .primary-active-bg { background-color: #ffba00;} /*yellow*/
   .primary-active-border { border-color: #ffba00 !important;} /*yellow*/
   .accent-label {color: #bdbdbd;} /*warm light grey*/
   .accent-label-bg {background-color: #bdbdbd;} /*warm light grey*/
   .footer-text {color: #bcbcc4;} /*cool medium grey*/
   .divider-line {border-color: #D0D0D0 !important;} /*super light grey*/
   .footer-bg { background-color: #f0f0f0 ;} /*super light grey*/
   
.serif {
	font-family: "ff-meta-serif-web-pro", Georgia, "Times New Roman", serif;
}

.sans-serif {
	font-family: "futura-pt-condensed", Futura, Helvetica, Arial, sans-serif;
}

.special-type {
	font-family: "futura-pt", Futura, Helvetica, Arial, sans-serif;
}
   
/* ==========================================================================
   Global Styles Articles, etc.
   ========================================================================== */
   
   
   
   
h1,h2,h3,h4,h5,h6 {
	font-family: "futura-pt-condensed", Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	line-height: .9;
	margin: 0;
	text-transform: uppercase;
}

	h1 {font-size: 12.0rem; margin:0;}
	h2 {font-size: 7.2rem; margin:0;}
	h3 {font-size: 6.0rem; margin:0;}
	h4 {font-size: 2.1rem; margin:0;}
	h5 {font-size: 1.8rem; margin:0;}
	h6 {font-size: 1.5rem; margin:0;}
   
   
   blockquote {
	   margin: 0 0 38px;
	   padding-left: 12px;
	   padding-right: -12px;
	   position: relative;
	   left: -12px;
	   border-left: 3px solid #ffba00;
	   /*font-style:italic;*/
	font-family: "futura-pt-condensed", Futura, Helvetica, Arial, sans-serif;
	line-height: 1.3;
   }
   
   
   blockquote blockquote {
	   margin-left: 24px;
	   margin-bottom: 20px;
   }
   
   
 .fb-responsive, .copy .fluid-width-video-wrapper {
	 margin: 1.5rem auto;
 }
@media only screen and (max-width: 767px) {	
}
   
.copy {
	font-size: 2rem;
	line-height: 1.6;
	margin: 0 auto 10px;
	/*width: 90%;*/
	z-index: 6;
	position:relative;
	
}

/*.text-post .copy {
	margin: 0 auto;
	width: 100%;
}*/


.copy p {
	margin: 0 0 30px 0;
}

.copy p + blockquote  {
	margin-top: -15px;
}

.copy blockquote p + blockquote  {
	margin-top: 8px;
}

.copy blockquote p {
	margin: 0 0 12px 0;
}
.copy a {
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	
	/* Non standard for webkit */
	word-break: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
   
   
   .copy a {
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		text-decoration: none;
		color: inherit;
		border-bottom: 1px solid #ffba00;
   }
   
   .copy h1 a, .copy h2 a, .copy h3 a, .copy h4 a, .copy h5 a, .copy h6 a  {
		text-decoration: none;
		color: #ffba00;
		border-bottom: 3px solid transparent;
		line-height:1.1;
   }
   
   .copy h1 a:hover, .copy h2 a:hover, .copy h3 a:hover, .copy h4 a:hover, .copy h5 a:hover, .copy h6 a:hover  {
		text-decoration:none;
		color: #ffba00;
		border-bottom: 3px solid #ffba00;
   }
   
   .copy a:hover {
	   color:#ffba00;
   }
   
.copy ol {
    counter-reset:li; /* Initiate a counter */
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
	margin-left: 15px;
	margin-left: 1.5rem;
}
.copy ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; /* Disable the normal item numbering */
}
.copy ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-4px;
	font-size: 110%;
    left:-2em;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
	color: #ffba00;
    font-weight:bold;
    text-align:center;
	font-family: "futura-pt-condensed", Futura, Helvetica, Arial, sans-serif;
}


   .copy ul {
	list-style: none;
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
	margin-left: 15px;
	margin-left: 1.5rem;
   }
   .copy li {
   position: relative;
   margin-left: .5rem;
   line-height: 1.1;
   margin-bottom: 10px;
	font-family: "futura-pt-condensed", Futura, Helvetica, Arial, sans-serif;
   
   }
   .copy ul li:before {
	   font-family: Helvetica, Arial, sans-serif;
	color: #ffba00;
    content: "\2022";
	position:absolute;
	top: -1px;
	left: -1.9rem;
    /*margin: 0 1em;*/
	font-size: 120%;
}
   
	.posts-wrapper h1 {font-size: 7.2rem; margin:0 0 1rem;}
	.posts-wrapper h2 {font-size: 6rem; margin:0 0 1rem;}
	.posts-wrapper h3 {font-size: 5.5rem; margin:0 0 1rem;}
	.posts-wrapper h4 {font-size: 4rem; margin:0 0 1rem;}
	.posts-wrapper h5 {font-size: 3rem; margin:0 0 1rem;}
	.posts-wrapper h6 {font-size: 2.4rem; margin:0 0 1rem;}


pre {
background-color: #E0E0E0;
border-radius: 15px;
}



.media-container {

}

.tags {
	position:relative;
	z-index: 5;
}
.tags a {
	background-color: #e0dfdf;
	padding: 1px 5px;
	color: #b1b1b1;
	display: inline-block;
	white-space:nowrap;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;
	border-radius: 3px;
	margin: 5px 3px;
	border: 1px solid transparent;
	letter-spacing:1px;
	font-weight: 600;
	
}

.tags a:hover {
	color: inherit;
	background-color: transparent;
	border: 1px solid #e0dfdf;
}
.tags span.icon-tags {
	vertical-align: middle;
}

/* ==========================================================================
	Post Options button & Icons
   ========================================================================== */

 
.post-description {
	font-size: 16px;
	font-size: 1.6rem;
	line-height:1.1;
	font-weight: 800;
	text-transform:uppercase;
	margin: 0 auto;
	/*width: 90%;*/
	margin-bottom: 20px;
	margin-bottom: 2.8rem;
}

/*.text-post .post-description {
	width: 100%;
}*/
.post-description a {
	color: #bdbdbd;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.post-description a:hover {
	color: #ffba00;
}


.post-details { 
margin-bottom: 12px;
margin-bottom: 1.2rem;
}

.post-detail {
	margin-right: 10px;
	line-height: 1.4;
	display: inline-block;
}

.details-break {
	display: inline-block;
}


/* ==========================================================================
   POST MENU
   ========================================================================== */



.post-menu { 
position:absolute;
top: 0px;
left: 40px;
/*right: 40px;*/
width: 70px;
border-radius: 90px;
min-height:185px;
padding-top:8px;
z-index: 4 !important;


box-shadow: rgb(224, 224, 224) 1px 1px,
    rgb(224, 224, 224) 2px 2px,
    rgb(224, 224, 224) 3px 3px,
    rgb(224, 224, 224) 4px 4px,
    rgb(224, 224, 224) 5px 5px,
    rgb(224, 224, 224) 6px 6px,
    rgb(224, 224, 224) 7px 7px,
    rgb(225, 225, 225) 8px 8px,
    rgb(226, 226, 226) 9px 9px,
    rgb(227, 227, 227) 10px 10px,
    rgb(227, 227, 227) 11px 11px,
    rgb(228, 228, 228) 12px 12px,
    rgb(229, 229, 229) 13px 13px,
    rgb(230, 230, 230) 14px 14px,
    rgb(230, 230, 230) 15px 15px,
    rgb(231, 231, 231) 16px 16px,
    rgb(232, 232, 232) 17px 17px,
    rgb(233, 233, 233) 18px 18px,
    rgb(233, 233, 233) 19px 19px,
    rgb(234, 234, 234) 20px 20px,
    rgb(235, 235, 235) 21px 21px,
    rgb(236, 236, 236) 22px 22px,
    rgb(236, 236, 236) 23px 23px,
    rgb(237, 237, 237) 24px 24px,
    rgb(238, 238, 238) 25px 25px,
    rgb(239, 239, 239) 26px 26px,
    rgb(239, 239, 239) 27px 27px,
    rgb(240, 240, 240) 28px 28px,
    rgb(241, 241, 241) 29px 29px,
    rgb(242, 242, 242) 30px 30px,
    rgb(242, 242, 242) 31px 31px,
    rgb(243, 243, 243) 32px 32px,
    rgb(244, 244, 244) 33px 33px,
    rgb(245, 245, 245) 34px 34px,
    rgb(246, 246, 246) 35px 35px;

}

@media only screen and (max-width: 767px) {	
.post-menu { 
position: relative;
top: 0px;
left: 0;
width: 100%;
border-radius: 60px;
min-height:40px;
padding:8px !important;
margin: 0 auto;
margin-bottom: 20px;
margin-bottom: 2rem;
text-align:center;

}
}


.post-options-icons {
	display: block;
	margin: 0 auto;
	height: 48px;
	width: 48px;
	font-size: 30px;
	font-size: 3rem;
	color: #ffffff;
	text-align:center;
	line-height: 44px;
	position:relative;
	cursor: pointer;
	border: 4px solid #ffffff;
	border-radius: 100%;
	margin-bottom: 10px;
}

.reblog-like-svg {
	z-index: 2;
	display: block;
	height:100%;
	width:100%;
}

@media only screen and (max-width: 767px) {	
.post-options-icons {
	display: inline-block;
	margin: 0 auto;
	height: 48px;
	width: 48px;
	color: #ffffff;
	text-align:center;
	position:relative;
	cursor: pointer;
	border: 4px solid #ffffff;
	border-radius: 100%;
	margin: 0 10px !important;
}

.reblog-like-svg {
	z-index: 2;
	display: inline-block;
	height:100%;
	width:100%;
}
}

.reblog-like-svg img, .reblog-like-svg .reblog_button, .reblog-like-svg .like_button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	position: relative;
	top: 3px;
}



/* ==========================================================================
   FORM JUMP TO PAGE Styples
   ========================================================================== */


.form-jump {
	display: block;
	margin: 0 auto 40px;
	width: 520px;
	text-align: center;
}

.pagination {
	border: 8px solid;
	border-radius: 100%;
	display: inline-block;
	font-family: "icon-font";
	height: 96px;
	width: 96px;
	line-height: 82px;
	text-align: center;
	font-size: 40px;
	font-size: 4rem;
	vertical-align: middle;

}

.pagination:hover {
	opacity: .8;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	transform: scale(.9);
	
}

.permalink-nav .pagination{
	margin: 0 15px;
}

.form-input ::-webkit-input-placeholder {
	color:#90897d;
}
.entry-field {
	display:block;
	margin-bottom: 18px;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
}



.form-input{
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 18px;
}

@media only screen and (max-width: 550px) {
	.form-jump {max-width: 100%;}
.form-input{
	display: none;
}
}
#in {
	width: 78px;
	height: 50px;
	border-radius: 3px;
	border: 2px solid;
	background: none;
	margin-right: 10px;
	padding-left:28px;
}

#in:focus {
}

.jump-btn {
	position: relative;
	padding: 5px 16px 5px;
	border: none;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 24px;
	overflow: hidden;
	border-radius: 50px;
	border: 2px solid;
}
.jump-btn:hover {
	color: #ffba00;
	background-color: transparent;
}

.page-count {
	position: relative;
	font-size: 36px;
	font-size: 3.6rem;
	padding: 0 10px;
	vertical-align: central;
	display: inline-block;
	top: 2px;
}

/* ==========================================================================
   Index Layout Styles
   ========================================================================== */
   
.global-nav {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 4.8rem 0 1.5rem;
}

#secondary-header .global-nav {
}

.global-nav a {
	color: inherit;
	margin: 0 1rem;
}
   
   
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	position:relative;
	display: inline-block;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ffba00;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

 .banner--clone.cl-effect-3 a::after {
	background-color: #ffffff;
}
.cl-effect-3 a::after {
	height: 2px;
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	transform: translateY(2px);
}
   
   
   header { z-index: 6;}
   #primary-header {
	   margin: 0 auto;
   }
#secondary-header {
}

   .header-block {
	   text-align: center;
	   position: relative;
	   margin-top: 130px;
	   margin-bottom: 10%;
	   z-index:2;
	   
   }
   
   #secondary-header .header-block {
	   margin-top: 40px;
	   margin-bottom: 100px;
	   background-color:/*rgba(255, 255, 255, 0.65)*/ #ffba00;
   }
   .header-link:hover {
	   /*color: inherit;*/
	   
   }
   
   
   #secondary-header .header-link {
	   display:block;
	   padding: 20px 0 0 0;
	   color: #ffffff;
   }
#knight {
	position:absolute;
	z-index: 2;
	text-align: center;
	top: -120px;
	width: 100%;
	padding: 0 35%;
	   -moz-animation-delay: .9s;
	   -webkit-animation-delay: .9s;
	   animation-delay: .9s;
	   -moz-animation-duration: .9s;
	   -webkit-animation-duration: .9s;
	   animation-duration: .9s;
}

#secondary-header #knight {
	padding: 0;
	top: -40px;
}

@media only screen and (max-width: 800px) {	
#primary-header #knight {
	padding: 0 32%;
}
#secondary-header #knight {
	padding: 0;
}
}

@media only screen and (max-width: 600px) {	
   .header-block {
	   margin-top: 80px;
	   margin-bottom: 10%;
   }
#knight {
	top: -60px;
}
#secondary-header #knight {
	top: -40px;
}

   
}

 #knight img {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}

#secondary-header #knight img {
	max-width: 180px;
}

.blog-title {
	margin: 0 0 0 0;
	
	
	
	
}

.blog-title span {
	line-height: 1.1;
}

#secondary-header .blog-title{
	font-size: 40px;
	font-size: 4rem;

text-shadow: rgb(245, 179, 0) 1px 1px,
    rgb(245, 179, 0) 2px 2px,
    rgb(245, 179, 0) 3px 3px,
    rgb(245, 179, 0) 4px 4px,
    rgb(245, 179, 0) 5px 5px,
    rgb(245, 179, 0) 6px 6px,
    rgb(245, 179, 0) 7px 7px,
    rgb(246, 179, 0) 8px 8px,
    rgb(246, 180, 0) 9px 9px,
    rgb(247, 180, 0) 10px 10px,
    rgb(247, 180, 0) 11px 11px,
    rgb(248, 181, 0) 12px 12px,
    rgb(248, 181, 0) 13px 13px,
    rgb(249, 182, 0) 14px 14px,
    rgb(250, 182, 0) 15px 15px,
    rgb(250, 182, 0) 16px 16px,
    rgb(251, 183, 0) 17px 17px,
    rgb(251, 183, 0) 18px 18px,
    rgb(252, 184, 0) 19px 19px,
    rgb(252, 184, 0) 20px 20px,
    rgb(253, 184, 0) 21px 21px,
    rgb(253, 185, 0) 22px 22px,
    rgb(254, 185, 0) 23px 23px,
    rgb(255, 186, 0) 24px 24px;
}
.blog-description {
	font-size: 20px;
	font-size: 2rem;
	margin: 0 auto;
	max-width: 510px;
	padding: 0 20px 0px;
	padding: 0 2rem 0rem;
}

#secondary-header .blog-description {
	max-width: 360px;
	font-size: 14px;
	font-size: 1.4rem;
}
.search-tags .blog-description {
}


   
.blog-title, .blog-description, .about-btn {
	z-index: 1;
	position: relative;
	margin-bottom: 10px;
	   -moz-animation-delay: .5s;
	   -webkit-animation-delay: .5s;
	   animation-delay: .5s;
	   -moz-animation-duration: .5s;
	   -webkit-animation-duration: .5s;
	   animation-duration: .5s;
}

header h1 sup{
	font-size:45%;
	top: 0;
	vertical-align: super;
	left: -8px;
	text-shadow: none;
}
header #primary-header .header-block .header-link h1 sup{
	font-size:25% !important;
}



 .blog-description, .about-btn, .button-wrapper {
	 z-index:3;
 }
 
.button-wrapper {
	width: 100%;
	cursor: default !important;
}

.about-btn {
	position: relative;
	padding: 5px 12px 5px;
	border: none;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 24px;
	overflow: hidden;
	border-radius: 50px;
	   -moz-animation-delay: 1.3s;
	   -webkit-animation-delay: 1.3s;
	   animation-delay: 1.3s;
	border: 2px solid;
}

.about-btn:hover{
	color: #ffba00;
	background-color: transparent;
}

#secondary-header .about-btn {
	font-size: 13px;
	font-size: 1.3rem;
	top: 10px;
}

.search-tags {
	text-align: center;
	margin-bottom:20px;
	padding: 20px 20px 25px;
}

.search-tags .about-btn:hover {
	background-color: #ffffff;
	color:  #ffba00;
	border-color:transparent;
}
.search-tags h1{
	font-size: 60px;
	font-size: 6rem;
	margin-bottom: 10px;
	color: #ffffff;

text-shadow: rgb(245, 179, 0) 1px 1px,
    rgb(245, 179, 0) 2px 2px,
    rgb(245, 179, 0) 3px 3px,
    rgb(245, 179, 0) 4px 4px,
    rgb(245, 179, 0) 5px 5px,
    rgb(245, 179, 0) 6px 6px,
    rgb(245, 179, 0) 7px 7px,
    rgb(246, 179, 0) 8px 8px,
    rgb(246, 180, 0) 9px 9px,
    rgb(247, 180, 0) 10px 10px,
    rgb(247, 180, 0) 11px 11px,
    rgb(248, 181, 0) 12px 12px,
    rgb(248, 181, 0) 13px 13px,
    rgb(249, 182, 0) 14px 14px,
    rgb(250, 182, 0) 15px 15px,
    rgb(250, 182, 0) 16px 16px,
    rgb(251, 183, 0) 17px 17px,
    rgb(251, 183, 0) 18px 18px,
    rgb(252, 184, 0) 19px 19px,
    rgb(252, 184, 0) 20px 20px,
    rgb(253, 184, 0) 21px 21px,
    rgb(253, 185, 0) 22px 22px,
    rgb(254, 185, 0) 23px 23px,
    rgb(255, 186, 0) 24px 24px;
}

.search-tags h2{
	font-size: 24px;
	font-size: 2.4rem;
	color: rgba(0,0,0,.55);
}

.tag-search-title {
	text-align: center;
	font-size: 38px;
	font-size: 3.8rem;
	color: rgba(0,0,0,.25);
	line-height: 1;
	margin: 0px auto 60px;
}

@media only screen and (max-width: 767px) {	
.tag-search-title {
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
}
}

header hr {
	max-width: 20%;
	margin: 20px auto;
	opacity: .45;
	border-color: #ffffff;
}


 
.index-wrapper {
	background-color: #f6f6f6;
	text-align: left;

}


.posts-wrapper {
	margin: 0 auto;
	margin-bottom: 101px;
	padding-bottom: 66px;
	border-bottom: 1px solid;
	position: relative;
	z-index:1;
}

.posts-wrapper:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 55px;
	border-bottom: 0px solid;
}

.index-post {
	max-width: 1000px;
	margin: 0 auto;
	padding:0 50px;
	position:relative;
}

.index-post-padding {
	padding-left:150px;
	/*padding-right:150px;*/
}

@media only screen and (max-width: 767px) {	
.index-post-padding {
	padding-left:0;
	padding-right: 0;
	padding: 0 20px;
}
}


/*
	Text Post Type
 */

.text-post {
}

.readmore-button{
	display: block;
	max-width: 150px;
	padding: 12px 18px 12px;
	border: 2px solid;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	clear: both;
	text-decoration: none;
	border-radius: 90px;
	line-height: 1;
	margin: 0 auto 20px;
}

.readmore-button:hover {
	background-color: #ffba00;
	color: #ffffff;

}

@media only screen and (max-width: 767px) {	
.readmore-button{
	max-width: 100%;
}
}



/*
	Photo Post Type
 */
.photo-post {
}

.photo img {
	width: 100%;
	border-radius: 3px;
	opacity: 0;
}


.lt-ie9 .photo img {
	opacity: 1;

}

.photo {
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100%;
	border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	margin-bottom: 18px;
	margin-bottom: 1.8rem;
}

.photo:hover {
	background-repeat:no-repeat;
	background-size: 120%;
}

.single-photo, .cboxElement {
	outline: none !important;
}

.external-link {
	border-radius: 5px;
	color: #ffffff !important;
	padding: 2px 6px 2px 2px;
	letter-spacing:1px;
	border: 1px solid;
}

.external-link:hover {
	border-radius: 5px;
	color: #ffba00 !important;
	padding: 2px 6px 2px 2px;
	letter-spacing:1px;
	background-color: transparent!important;
}


div.photoset-grid-basic,
div.photoset-grid-custom,
div.photoset-grid-lightbox {
  margin: 0 0 1.8rem 0;
  border-radius: 5px;
   }
   
  div.photoset-grid-basic a:focus,
  div.photoset-grid-custom a:focus,
  div.photoset-grid-lightbox a:focus {
    outline: none; }
	
  div.photoset-grid-basic img,
  div.photoset-grid-custom img,
  div.photoset-grid-lightbox img {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
    max-width: 100%;
	 }
	 
  div.photoset-grid-basic a,
  div.photoset-grid-custom a,
  div.photoset-grid-lightbox a {
	 /* width: 100%;*/
overflow:hidden;	 }

  div.photoset-grid-basic img:hover,
  div.photoset-grid-custom img:hover{
	  -webkit-transform: scale(1.14);
	  -moz-transform: scale(1.14);
	  transform: scale(1.14);
	  opacity: 1;
}
/*
	Video Post Type
*/

.video-wrap-post {
}

.video-wrap {
	margin-bottom: 18px;
	margin-bottom: 1.8rem;
	text-align: center;
}
.video-wrap iframe{
	margin: 0 auto;
}

.video-wrap iframe[src*="instagram.com"] {
	max-width: 612px;
	max-height: auto;
	background: transparent !important;
	margin: 0 auto !important;
}

.video-wrap iframe[src*="instagram.com"] body {
	background: transparent !important;
}

@media only screen and (max-width: 768px) {	
.video-wrap iframe[src*="instagram.com"] {
	max-height: 650px;
}
}
@media only screen and (max-width: 680px) {	
.video-wrap iframe[src*="instagram.com"] {
	max-height: 550px;
}
}

@media only screen and (max-width: 480px) {	
.video-wrap iframe[src*="instagram.com"] {
	max-height: 480px;
}
}
@media only screen and (max-width: 400px) {	
.video-wrap iframe[src*="instagram.com"] {
	max-height: 380px;
}
}
@media only screen and (max-width: 600px) {	
.tumblr_video_iframe {
	max-width: 500px!important;
	height: auto!important;
}
}
/*
	Audio Post Type
 */
.audio-post {
}

.spotify_audio_player {
	height: 80px !important;
}

/*
	Quote Post Type
 */
 
 .quote-post {
 }

.quote {
	font-size: 36px;
	line-height: 1.2;
	font-style: italic;
	font-weight: bold;
	text-transform: none;
}

.large-quote {
	position:relative;
	top: 12px;
	display: inline-block;
	vertical-align:text-top;
	-webkit-transform: scale(2,2);
	margin: 0 5px;
}




/*
	Question Post Type
 */
 
 .question-post {
 }

.arrow_box {
	position: relative;
	padding: 30px;
	border-radius: 15px;
	color: #ffffff;
	font-weight: 500;
	font-style: italic;
	font-size:24px;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom:35px;
	text-transform: none;
}
.arrow_box:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 180, 13, 0);
	border-top-color: #ffba00;
	border-width: 25px;
	left: 60px;
	margin-left: -25px;
}

.arrow_box:after {
	border
}

.asker {
	font-weight: 900;
	font-size: 22px;
	font-size: 2.2rem;
	padding-left: 45px !important;
	margin-top: 20px !important;
	margin-bottom: 5px !important;
}

.asker img {
	border-radius: 90px;
	height: 25px;
	width: 25px;
	margin-right: 5px;
}



/*
	Chat Post Type
 */
 
 .chat-post {
 }

 .chat-post h4 {
	 font-size: 20px;
	 font-size: 2rem;
	 margin-bottom: 18px;
	 margin-bottom: 1.8rem;
 }

  ul.chat_post_container, ul.chat_post_container li {
	/*margin: 0;*/
	background-color: transparent;
	/*padding: 0;*/
	border: 0;
	border-radius: 0;
	text-shadow: none;
	font: inherit;
	vertical-align: baseline;
	list-style-type: none;
	line-height: 1.1;
  }
  
	ul.chat_post_container {
		margin: 20px 0px;
		padding: 0px 0px;
	}
  
  ul.chat_post_container li {
		padding-bottom: 0px;
		padding: 25px 20px;
		font-size: 18px;
		font-size: 1.8rem;
		border-radius: 18px;
		border: 2px solid;
		position: relative;
		margin-bottom: 24px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
  }
  
  ul.chat_post_container li:hover {
		padding: 35px 20px;
  }
  
  ul.chat_post_container li:last-child {
  }
  
  .chat_label {
	  display: block;
	  position:relative;
	  width: 25%;
	  padding-right: 20px;
	  float: left;
/*	  padding:5px 10px;
	  margin-right: 10px;*/
	font-size: 20px;
	font-size: 2rem;
	vertical-align: baseline;
	cursor: default;
	font-weight: 900;
  }
  
  .chat_copy {
	  float:left;
	  width: 75%;
	  padding-left: 12px;
  }
@media only screen and (max-width: 600px) {	
  .chat_copy, .chat_label {
	  width: 100%;
	  clear: both;
	  padding-left: 0;
	  padding-right: 0;
  }
  .chat_label {
	  margin-bottom: 4px;
  }
}

  .chat_subhead {
	  font-size: 14px;
	  font-size: 1.4rem;
	  line-height: 1.1;
	  font-weight: 500;
	  position: relative;
	  top: -8px;
  }
  
  
/*
	Link Post Type
 */
 
 .link-post {
 }
  
  .link-container {
	  color: #ffffff;
	  border-radius: 20px;
	  position:relative;
	  padding: 25px 70px 25px 25px;
	  margin-bottom:20px;
	  margin-bottom: 2rem;
	  display: block;
	  text-decoration: none;
	  border: 3px solid;
	  
  }
  
  
  .link-container .text-post-header {
  margin: 0px 0px 8px;
  }
  
  .url {
	  font-size: 14px;
	  font-size: 1.4rem;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	
	/* Non standard for webkit */
	word-break: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	opacity: .75;
	font-weight: 900;
  }
  
  .link-label {
	  height: 46px;
	  width: 46px;
	  display: block;
	  position:absolute;
	  right: 25px;
	  top: 50%;
	  margin-top: -23px;
	  font-size: 46px;
	  font-size: 4.6rem;
	  text-align: center;
	  border-radius: 100%;
	  /*border: 3px solid;*/
	  line-height: 40px;
  }
  .link-container:hover {
	  background-color: #ffba00;
  }

  .link-container:hover h1.text-post-header, .link-container:hover span.url, .link-container:hover span.link-label  {
	  color: #ffffff !important;
	  border-color: #ffffff !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  




footer {
	padding: 70px 20px;
	text-align: center;
	color: #ffffff ;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight:900;
	text-transform: uppercase
}

footer a {
	color: #ffffff;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.screen-reader-text, .social-text { /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 0;
  width: 0;
  display:block;
}



/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}