/**
* Fonts
*/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?2uebnd');
	src:url('../fonts/icomoon.eot?#iefix2uebnd') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?2uebnd') format('truetype'),
		url('../fonts/icomoon.woff?2uebnd') format('woff'),
		url('../fonts/icomoon.svg?2uebnd#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITC Avant Garde Gothic Std Bold';
	src:url('../fonts/2E81AD_0_0.eot');
	src:url('../fonts/2E81AD_0_0.ttf') format('truetype'),
		url('../fonts/2E81AD_0_0.woff') format('woff'),
		url('../fonts/2E81AD_0_0.woff2') format('woff2');
}

@font-face {
	font-family: 'ITC Avant Garde Gothic Std Book';
	src:url('../fonts/2E81AD_1_0.eot');
	src:url('../fonts/2E81AD_1_0.ttf') format('truetype'),
		url('../fonts/2E81AD_1_0.woff') format('woff'),
		url('../fonts/2E81AD_1_0.woff2') format('woff2');
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icons-01:before {
	content: "\e600";
}
.icon-icons-02:before {
	content: "\e601";
}
.icon-icons-04:before {
	content: "\e602";
}
.icon-icons-05:before {
	content: "\e603";
}
.icon-icons-06:before {
	content: "\e604";
}
.icon-icons-07:before {
	content: "\e605";
}

/**
* Main Styles
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,800);


body{
	font-size: 16px;
	color: #58595B;
	letter-spacing: 0.75px;
}

hr {
    display: block;
    clear: both;
    margin-top:25px;
    margin-bottom:25px;
}

.tags a{
/* Times New Roman-based stack */
font-family: "Times New Roman", serif;
word-wrap:normal;
}

a:link, a:visited
{
	color: #f3832c; 
	text-decoration: none;
}

a:hover
{
	text-decoration: initial;
	cursor:pointer;
    color: #F37021;
}

h1, h2, h3, h4,h5,
.bottom.pype-in,
.header-wrapper,
.bottom.pype-in,
.reading-time,
.news-letter,
.share-buttons,
.site-info,
.menu,
.current-topic,
.tags p,
.social-boxes,
.post-info .title,
.quote
{
/* Helvetica/Arial-based sans serif stack */
font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2,h3, h4 {
	color: #6D6E71;
}

.intro, .date, a,
.excerpt,
.tags a
{
	font-weight: 400;
} 

.excerpt,
.post-list p.date,
.date,
.excerpt,
.tags a,
.post-info .ellipsis
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.title-row {
	position: relative;
}

.title-row .title h4{
	font-size: 20px;
}

.article-head .title-row div.author{
	padding-left:15px;
}

.article-head .title-row div, 
.article-head .excerpt-row div.excerpt{
    padding: 0 0 5px 0;
}

.tags {
	position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
    display: none;
}

h4 {
	font-size: 27px;
}

ul#menu-header {
	color: #F48429;
}

.top.share-buttons {
	display: none;
}

ul#menu-header .current-menu-parent a,
ul#menu-header .current-menu-item a{
	color: #FEC539;
}

p.date,  ul.post-categories {
    margin-bottom: 0;
}

ul.post-categories a{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #f3832c;
}

ul.post-categories a:hover{
    color: #F37021;
}

.listen-label{
	color: #FEC539;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.tags a
{
	margin-right: 10px; 
}

.tags p {
	display: inline-block;
}

div.author a:link, 
div.author a:visited
{
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: underline;
    color: #a9a9a9!important;
}

.newsletter.form-group,
.form-group .birthday,
.newsletter-header-image,
html #colophon.site-footer .floating-cta.sticky {
	display: none !important;
}

.article-head {
	word-wrap: break-word;
	text-align: center;
}

.author-info dt
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.author-posts .author-posts-title
{
	color: #f3832c;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border-bottom: solid 2px #f3832c;
}

.author-posts ul
{
	list-style: none;
	padding: 0px;
}

.author-posts li
{
	margin-top: 15px;
	height: 300px;
	overflow: hidden;
}

.share-buttons.icons {
	text-align: center;
}

.share-buttons.icons i {
	color: white;
}

.author-posts img
{
	margin-bottom: 10px;
}

.author-posts p
{
	margin-bottom: 0px;
}

.author-posts .post-info
{
	height: 100px;
}

.author-posts .title
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

!.st_sharethis_custom
{
	background-image: none;
}

.author-posts .date
{
	font-size: 10px;
}

.stLarge
{
	background-image: none;
}

.author-posts .excerpt
{
	font-family: "Times New Roman", serif;
	font-style: italic;
}

.author-links
{
	text-align: center;
}

.author-links img
{
	width: 100%;
}

.author-links p
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 14px;
	width: 100%;
}

.author-links i
{
	color: #F3832C;
	text-decoration: none;
	font-size: 20px;
}

.author-links a
{
	color: #F3832C;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.results
{
	padding: 0 20%;
    text-align: center;
    font-family: "Times New Roman", serif;
}

.pype-in
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #f3832c;
}

.single-navigation {
	margin:1em 0;
	color: #58595B;
}

.single-navigation a {
	color: #58595B;
}

.previous-nav {
	float: left;
}

.next-nav {
	float: right;
}

.pypein-content {
	margin-bottom: 20px;
}

.comment-respond input#submit 
{
  padding: 10px;
  border: solid;
  background-color: #fff;
}

.social-boxes {
	text-align: center;
	color: white;
}

.social-boxes .signup{
	cursor:pointer;
}

.social-boxes .signup > div,
.social-boxes .share > div,
.social-boxes .pype-in-box > a > div,
.social-boxes .follow-pypo > div{
	padding:20px 15px 10px;
}


.social-boxes div p {
	color: white;
}

.share div,
.signup div{
	background-color: #F8BCBF;
}

.pype-in-box div{
	background-color: #FEC539;
}

.follow-pypo div{
	background-color: #F48429;
}

.comment-respond input#submit:hover
{
	background-color: #ffc538;
	color:#fff;
}

p.comment-form-comment textarea 
{
  border: solid;
  display: block;
  margin: 0 auto;
  width: 90%;
  font-family: "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
}

.top.pype-in
{
	letter-spacing: normal;
	border: 3px solid #f3832c;
	text-align: center;
	padding: 12px 4px;
	cursor:pointer;
}

.top.pype-in p
{
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: top;
}

.bottom.pype-in {
	border: 2px solid #f7babf;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 2px;
	overflow: auto;

 }

 .social-boxes div {
	margin-bottom: 10px;
}

 .social-boxes p:first-child {
 	font-size: 27px;
 }

.bottom.pype-in div{
	width:50%;
	margin:0;
}

.bottom.pype-in p{
	margin:0;
}

.bottom.pype-in:first-child
{
	font-size: 14px;
}

#comments-video-container{
  margin: 5% auto;
  position:relative;
}

.video-recorder-outer, 
.video-recorder-outer > div,  
.video-recorder-flash, 
.video-recorder-flash embed
{
    margin: 0 auto;
}

.pype-in .video
{
	float: left;
	text-align: center;
	border: 2px solid #f7babf;
	overflow: auto;
	padding-top: 20px;
	border-bottom: none;
	border-right: none;
	height: 110px;
	border-left: none;
}

.pype-in .text
{
	float: right;
	text-align: center;
	border: 2px solid #f7babf;
	overflow: auto;
	padding-top: 20px;
	border-bottom: none;
	border-right: none;
	height: 110px;
}

.pype-in .text span,
.pype-in .video span
{
	font-size: 28px;
}

.pype-in .video p,
.pype-in .text p{
	text-align: center;
	padding:0 10px;
	line-height: normal;
	font-size: 10px;
}

.pype-in .video:hover,
.pype-in .text:hover
{
	background-color: #ffc538;
	color: white;
	cursor: pointer;
	cursor: hand;
}

.main-con .author,
.main-con .share-buttons,
.main-con .tags
{
	margin:10px 0;
	clear:both;
}

body .main-content{
	border-top: 1px solid rgb(194, 193, 193);
}

.share-buttons
{
	letter-spacing: 5px;
	color: #f3832c;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
    line-height: 30px;
}

.share-buttons.top{
	text-align: right;
}

.share-buttons.top i
{
	margin-right: 0px;	
	margin-left:13px;
}
.share-buttons i
{
	font-size: 22px;
	margin-right: 13px;
	color: #f3832c;
}

.share-buttons i:hover
{
	text-decoration: none;
	cursor: pointer; 
	cursor: hand;
}

.share-buttons.contributor-share
{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.share-buttons.contributor-share p
{
	color: black;
	margin-top: 14px;
	width: 100%;
}

.share-buttons.contributor-share i
{
	color: #F3832C;
	text-decoration: none;
}

.share-buttons.contributor-share a
{
	color: #F3832C;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.contributor-name
{
	width: 50%;
	word-wrap: normal;
}

div.current-topic {
	text-align: center;
	font-size: 13px;
	margin:14px 0 0 0;
	color:#717375;
}

.current-topic .topic {
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	margin-left:10px;
}

.current-topic-description{
	font-family: "Times New Roman", serif;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}

.newsletter-header-image{
    text-align: center;
    cursor:pointer;
}

.newsletter-header-image img {
    max-width: 100px;
    height: auto;
}

ul.post-categories{
	display: inline;
	list-style: none;
	padding-left: 0px;
}

ul.post-categories li {
    display: inline-block;
}

#meta
{
	float: left;
}

.pype-read{
	float:right;
}

#meta p
{
	display: inline-block;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.tags a
{
	color: #58595B;
}

.reading-time
{
	float: right;
	color: #ffc538;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	width: 68px;
}

.reading-time p{
	font-size: 10px;
}

.reading-time span
{
	font-size: 28px;
}

.content
{
	clear: both;
}

.contributor p:first-of-type,
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.excerpt p
{
	font-size: 13px;
}

.news-letter
{
	border: 1px solid #f7babf;
	font-size: 14px;
	color: #f7babf;
	text-align: center;
	overflow: auto;
	font-weight: normal;
}

.news-letter p
{
	margin-top: 10px;
}


.message_box.error
{
	color:red;
}

.news-letter:hover
{
	background-color: #f7babf;
	color: white;
	cursor: pointer;
	cursor: hand;
}


#newsletterModal input
{
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: solid 2px #f7babf;
}

.newsletter-button
{
	margin-bottom: 10px;
	border: solid 2px #f3832c;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.newsletter-button:hover
{
	background-color: #ffc538;
	color: white;
	cursor: pointer;
	cursor: hand;
}

.arrow
{
	color: #f3832c;
	font-size: 18px;
}

.site-info
{
	text-align: center;
}
.site-info ul
{
	list-style: none;
	font-size: 12px;
	text-align: center;
	padding-left: 0px;
}

.site-info li
{
	display: inline-block;
	font-family: "Times New Roman", serif;
}

.site-info li a
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: black;
}

.result
{
	clear: left;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.result:last-child
{
	border-bottom: 0px solid #c2c1c1;
}

.result .title
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
}

.result .date
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 10px;
}

.result .excerpt
{
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
}

.result div.post-thumbnail
{
	/*float: left;*/
	margin-right: 10px;
	max-width:100%;

}

.post-list.result .post-info{
	height:100px;
}

.result p
{
	color: black;
}

/**/
/*post lists*/
/**/
 
.post-info{
  display: block;
}

.post-info .ellipsis {
	font-size: 13px;
}

.post-info .title{
	font-size: 17px;
}

.recent-wrapper
{
	position:relative;
    margin-top: 10px;
}

.recent-wrapper .post-info,
.trending-wrapper .post-info{
	margin-top:27px;
	text-align: center;
}

.recent-wrapper .post-info .title,
.trending-wrapper .post-info .title  {
    text-transform: uppercase;
    line-height: 1.5em;
}

.post-list.trending-post,
.post-list.recent-post {
    text-align: center;
}


#masthead .masthead-wrapper{
	background: #F6BBBF;
	padding:0;
	display:none;
}

.masthead-wrapper .container {
    padding: 5px 15px;
}

#masthead .masthead-wrapper .container .left{
	padding:0;
	text-align:left;
	float:left;
}

#masthead .masthead-wrapper .container .right{
	padding:0;
	text-align:right;
	float:right;
}

.masthead-wrapper .container .row {
    width: 100%;
}

#masthead .masthead-wrapper *,
.masthead-wrapper a:link, 
.masthead-wrapper a:visited{
	color:#fff!important;
}

#masthead .masthead-wrapper .container  div{
	line-height: 18px;
	vertical-align: middle;
	color:#fff;
	display:inline-block;
}

#masthead .masthead-wrapper .container  div.logged-in,
#masthead .masthead-wrapper .container  div.share-buttons.top,
{
	display:inline-block;
}

#masthead .masthead-wrapper div.site-description{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 11px;
}

#masthead .masthead-wrapper div.share-buttons.top i{
	color:#fff;
	vertical-align: middle;
	font-size: 18px;
}

#masthead .recent-wrapper h3
{
	display:none;
}

.owl-carousel.trending-owl{
	float:none;
}

.carousel-arrows
{
	position:absolute;
	width:25%;
	max-width: 100px;
	z-index:99;
}

.carousel-arrows i{
	color: #ccc;
  	font-size: 40px;
  	line-height: 170px;
}

.carousel-arrows.prev{
	left:-5px;
	top:0;
	text-align: left;
}

.carousel-arrows.next{
	right:-5px;
	top:0;
	text-align: right;
}

.trending-wrapper, .tweet-wrapper{
	position:relative;
}

.trending-wrapper .carousel-arrows.next,
.trending-wrapper .carousel-arrows.prev{
	top:50px;
}

.tweet-wrapper{
	text-align: center;
}


.tweet-wrapper .carousel-arrows i{
	font-size: 30px;
	margin-top:100px;
}

.arrows-row {
	width:100%;
	text-align: center;
	padding-top: 15px;
}

.arrows-row .carousel-arrows.prev,
.arrows-row .carousel-arrows.next{
	position:relative;
	display: inline!important;
	margin:0 10px;
}

h2.tweet-title {
	color:#f3832c;
	font-size: 20px
}

.tweet-wrapper i.fa-twitter {
    color:#f3832c;
    font-size: 32px;
}

.tweet .date {
    color:#f3832c;
    font-size: 11px;
}

.promo-wrapper {
    text-align: center;
}

.post-list > a:hover{
	text-decoration: none;
}

.post-list 
{
	list-style: none;
	display: inline-block;
	padding-left: 5px;
	width:100%;
}

.post-list .title a{
	color: #6D6E71
}

.post-list .post-info {
    height: 70px;
}

.post-list .date,
.contributor-posts .date
{
	font-size: 10px;
	font-style: normal;
}

.contributor-posts p
{
	font-family: "Times New Roman", serif;
	font-style: italic;
}

.post-list  p:first-child,
.contributor-posts p:first-child
{
	font-style: normal;
}

.share-buttons.top
{
	text-align: right;
}

.follow-buttons
{
	text-align: center;
	font-size: 22px;
}

.follow-pypo .follow-buttons i
{
	margin-left: 10px;
	margin-right: 10px;
	color: white;
}

#masthead .recent-wrapper .row
{
   border-bottom: 3px solid black;
   padding-bottom: 10px;
}

#masthead .owl-carousel.recent-owl {
    padding-top: 15px;
}

.recent-owl .owl-controls{
	margin-top: 10px;
	text-align: center;
}

.recent .post-list:first-child
{
	border-left: 0px solid gray;
	padding-left: 0px;
}

.contributor-posts
{
	margin-bottom:20px;
}

.post-list,
.contributor-posts
{
	font-size: 12px;
}

.post-list  a img,
.owl-carousel .owl-item img
{
  max-width: 150px;
}


.post-list p
{
	margin: 0;
	color: #6D6E71;
}

.post-list .title,
.contributor-posts .title
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}



.trending-col h3,
.contributor-posts-col h3,
.recent-wrapper h3
{
	color: #f7babf;
	font-size: 12px;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border-bottom: 3px solid #f7babf;
	word-wrap: normal;
	margin-top:0;
}

.contributor-posts-col h3
{
  color: #f3832c;
  border-bottom: 3px solid #f3832c;
}

.hero-wrapper {
	text-align: center;
}

.feature-image,
.extra-images
{
	font-style: italic;
}

.quote {
	color: white;
	background-color: #F8BCBF;
	text-align: center;
	clear: left;
	font-size: 20px;
	word-wrap: normal;
	padding: 30px;
}

.quote .wrap:nth-child(2){
	font-size: 14px;
}

.image-col
{
	font-style: italic;
	padding-left: 0px;
}

.image-row img,
.image-row iframe,
.image-row a.pypo-vid,
.image-row .share-buttons,
#hero_grid{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    display: block;
}

.image-row .share-buttons {
    margin-top: 1.5em;
    padding-left: 15px;
}

.image-row a{
	max-width: 100%;
}

.image-row
{
	margin-bottom: 20px;
	position:relative;
}

.post-images
{	
	font-style: italic;
}


#hero_grid{
	position:absolute;
	left:0;
	right:0;
	top:0;
	background: rgba(0,0,0,0.85); 
	z-index: 100;
	display: none;
}

#hero_grid .grid-tile {
    margin-bottom: 20px;
}

#hero_grid .grid-inner {
    position:absolute;
    left:0;
    right:0;
}

#hero_grid .post-info .title {
    font-size: 11px;
}

#hero_grid .play-repeat {
    font-size: 30px;
    font-style: normal;
    color: #fff;
    position:absolute;
    bottom:15px;
    left:0;
    right:0;
    z-index:100;
    display:none;
}

#hero_grid .play-repeat > span{
    position:absolute;
    bottom:0;
    cursor:pointer;
}

#hero_grid .play-again{
   left:15px;
    text-align: left;
}

#hero_grid .pype-in{
    right:15px;
    text-align: right;
}

#hero_grid .play-repeat .vid-text{
	display:none;
	font-size: 20px;
	vertical-align: baseline;
}

#hero_grid .post-info {
    display: none;
}

span.play-again i {
    vertical-align: bottom;
}

span.icon-icons-01 {
    display: inline-block;
    vertical-align: middle;
}

#copyright
{
	text-align: center;
	font-size: 12px;
	font-family: "Times New Roman", serif;
	font-weight: normal;
}

.archives
{
	text-align: center;
}

.archive-list
{
	list-style: none;
	padding-left: 0px;
	margin-top: 10px;
	height: 51px;
	overflow: hidden;
}

.archive-list li
{
	display: inline-block;
	width: 80px;
	margin-left: 15px;
	margin-right: 15px;
	vertical-align: top;
}

.archive-list p
{
	margin-bottom: 0px;
}

.archive-list a
{
	font-family: "Times New Roman", serif;
	color: black;
	font-size: 12px;
}

.archive-list .title
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	font-size: 10px;
}

.archive-list li
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: initial;
}

.video-div
{
	padding-left: 0px;
	border-bottom: 1px solid #c2c1c1;
	margin-bottom: 25px;
}

.comment h5, .comment .says {
    font-weight: 100;
    font-family: "Times New Roman", serif;
    font-style: italic;
    color: #333;
    text-transform: none;
}

.comment a:hover{
	color: #f3832c;
	text-decoration: underline;
}

.media-body, .media-body-wrap, .comment-content.panel-body {
  padding: 0;
  width: 100%;
  display: inline-block;
}
.comment-content.panel-body p{
	padding:15px 0;
}

ziggeo .video-player-outer .view-player-play-label{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
}

ziggeo .video-player-outer .view-player-play-label i.bjs-icon-play {
  font-size: 40px;
  line-height: 60px;
}

iframe.pypo-vid,
a.pypo-vid,
a.pypo-vid img
{
	width: 100%;
	position: relative;
    display: block;
    cursor:pointer;
}

.post-list a:hover {
	color: #6D6E71;
}

a.pypo-vid .play-button,
.post-thumbnail .play-button{
  position: absolute;
  bottom: 0;
  top: 0;
  left:0;
  right:0;
  background: url("../images/playbutton-100.png") center center no-repeat;
  background-size: 100px;
  z-index: 99;
}

#masthead .post-thumbnail {
    width: 50%!important;
}


.post-thumbnail .play-button{
	 background-size: 20%;
}

#masthead .post-thumbnail .play-button{
	 background-size: 50px;
}

.faq
{
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #f7babf;
	text-align: center;
	width: 85%;
}

.panel
{
	border: 0px black solid;
	box-shadow: 0 0px 0px white;
	webkit-box-shadow: 0 0px 0px white;
}

.faq .panel
{
	border-top: 2px solid #f7babf;
	border-radius: 0px;
}

#accordian .panel
{
	margin: 0px;
}

.panel:first-child
{
	border-top: 0px solid black;
}
.panel a
{
	text-transform: uppercase;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #f3832c;
	background-color: white;
}

.panel-heading,
.panel a
{
	border-radius: 0px;
	text-decoration: none;
}

.panel a:hover,
.panel-heading:hover,
.comment-reply.panel-footer a:hover,
#respond.comment-respond input#submit:hover
{
	background-color: #ffc538;
	color: white!important;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

.panel .comment-meta a:hover{
	border:none;
}

.panel-title
{
	font-size: 12px;
}

.partner 
{
  display: flex;
  flex-direction: row;
}

.partner > [class^="col-"],
.partner > [class*=" col-"] 
{
  display: flex;
  align-items: center;
  justify-content: center; 
}

.next-week
{
	font-size: 10pt;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-top:30px;
}

.past-posts-col
{
	border-left: 2px solid #c2c1c1;
}

.page-title
{
	font-size: 18px;
	color: black;
	font-weight: normal;
}


/*styles for pype-in text & video*/

#respond h3#reply-title {
  border-bottom: solid 3px #f7babf;
  line-height: 53px;
  margin: 0;
}

ul.comment-nav-menu 
{
	padding:0;
}

nav#comment-nav-above {
    /*display: none;*/
}

.comment-navigation{
    margin:15px 0;
}
#modal_comment_form .comment-navigation {
    margin: 0;
}

.comment-navigation:before {
    content: " Comments: ";
    color: #f3832c;
}

#modal_comment_form .comment-navigation{
	margin:0;
}

#modal_comment_form .comment-navigation:before {
    display: none;
}

ul.comment-nav-menu li
{
	padding:0;
	margin:0;
	width: 50%;
	float: left;
}

a#cancel-comment-reply-link {
    display: none;
}

ul.comment-nav-menu li a
{
	width: 100%;
	margin: 0;
	text-align: center;
	line-height: 48px;
	border-bottom: solid 3px #f7babf;
	color: #f3832c;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: capitalize;
	padding:0 10px	;
}

ul.comment-nav-menu li a span.dashicons
{
	display:none;
}

ul.comment-nav-menu li:first-child a
{
  border-right: solid 3px #f7babf;
}

div.comment-navigation ul.comment-nav-menu li a.active,
div.comment-navigation ul.comment-nav-menu li a:hover
{
	color:#fff;
	background-color: #ffc538;
}

div#comments-text-container 
{
  margin: 20px auto;
  width:100%;
}

.comment-reply.panel-footer 
{
   padding: 0;
   background-color: transparent; 
   border-top: none; 
   border-radius: 0px; 
}

div#respond {
    min-width: 270px!important;
}

.comments-area {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
}

.col-sm-12.topic-grid {
    padding-left: 0;
    padding-right: 0;
}

.topic-grid .page-title{
	color: #f3832c;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	margin-top: 25px;
}

.topic-grid header .taxonomy-description{
	padding: 0 10% 30px 10%;
	text-align:center;
	font-family: "Times New Roman", serif;
}

.post-thumbnail i{
	color:#fff;
	font-size: 18px;
}

.topic-grid header h1{
	margin-bottom:20px;
	text-align:center;
	font-size: 24px;
	color:#F48429;
	margin-bottom:15px;
}

.topic-grid .post-thumbnail {
    padding: 15px;
    margin-bottom:25px;
}

.topic-grid .topic-title{
	/*display:table-row;*/
}

.topic-grid .topic-title .post-thumbnail{
	/*display:table-cell;*/
	vertical-align: middle;
}
.topic-grid .topic-title:nth-of-type(n) .post-thumbnail{
	background: #f7bbbf;
}

.topic-grid .topic-title:nth-of-type(2n) .post-thumbnail{
	background: #f3832c;
}

.topic-grid .topic-title:nth-of-type(3n) .post-thumbnail{
	background: #FEC539;
}

.topic-grid .topic-title a{
	color:#fff;
	font-size: 18px;
}

.topic-grid .post-thumbnail h3 {
    text-align: center;
    margin-top:19%;
}

.topic-grid .post-thumbnail p.title {
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 15px;
    z-index: 340;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.shadow-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.shadow-overlay img {
	width: 100%;
	height: 90px;
	vertical-align: bottom;
	opacity:0.50;
}

.topic-grid .post-thumbnail p.title a {
    position: absolute;
    bottom: 0;
}

.post-thumbnail{
	position:relative;
	background-size:cover; 
	background-position:center center; 
	position:relative;
}

.comment-reply.panel-footer a,
.comments-area #respond input#submit
{
  border-radius: 0;
  -webkit-appearance: none;
  border: 1px solid #f3832c;
  background: #fff;
  font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f3832c;
  padding:12px;
  margin:0;
}

.comment-list .comment .children li .comment-content {
  /*border-left: solid 1px #ddd;*/
}

.comments-area #respond #commentform 
{
  border: solid 3px #f7babf;
  text-align: center;
}

.comments-area #respond h3#reply-title 
{
	display:none;
}

/*styles for login/sign-up tab pane*/
a.zocial
{
	padding: 10px 13px 7px 10px;
	display: inline-block;
	text-transform: uppercase;
	margin-right: 10px;
	color: #fff;
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
}



body a.zocial:hover
{
	text-decoration: none;
}
a.zocial i{
	margin-right:10px;
}

a.zocial.facebook 
{
  background-color: #3b5998;
  width:90%;
  margin:10px auto;
}

a.zocial.twitter 
{
  background-color: #4099FF;
  width:90%;
  margin:10px auto;
}

.tab-pane .form-group{
	margin-bottom:0;
}

.login-form .birthday {
    width: 90%;
    margin: 10px auto 0 auto;
    text-align: left;
}

.login-form .form-group label.login-field-icon {
    display: none;
}

.login-form .form-group .birthday label {
    display: block;
}

.tab-pane input,
.tab-pane textarea,
.tab-pane input:hover,
.pypo-edit-profile div.form-group input,
.pypo-edit-profile textarea,
.pypo-edit-profile input[type="submit"],
.pypo-edit-profile div.form-group input:hover,
.pypo-edit-profile label.btn.btn-default
{
  border-radius: 0;
  -webkit-appearance: none;
  border: solid 1px #f3832c;
  background: #fff;
}

.pypo-edit-profile div.form-group input,
.pypo-edit-profile textarea,
.pypo-edit-profile div.form-group input:hover
{
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tab-pane input,
.tab-pane input:hover,
.pypo-edit-profile input[type="submit"]{
	color: #f3832c;
}

.tab-pane input[type="submit"]:hover,
.tab-pane input[type="submit"]:focus,
.tab-pane input[type="submit"]:active,
.pypo-edit-profile input[type="submit"]:hover,
.pypo-edit-profile input[type="submit"]:focus,
.pypo-edit-profile input[type="submit"]:active,
.pypo-edit-profile label.btn.btn-default:hover
{
	background-color: #ffc538;
    color: white;
    cursor: pointer;
}

input[type="radio"] {
    margin: 0 10px;
}

input[type="radio"]:nth-of-type(1) {
    margin-left: 0;
}

.pypo-edit-profile textarea {
    height: 100px;
}

.tab-pane input[type="text"],
.tab-pane input[type="password"],
.tab-pane input[type="email"],
.tab-pane input[type="submit"],
.login-form p,
.tab-pane .newsletter.form-group
{
  width: 90%;
  margin: 10px auto 0 auto;
}

input[type=checkbox].pypo-checkbox{
	display:none;
}

input[type=checkbox].pypo-checkbox + label {
    cursor: pointer;
}

input[type=checkbox].pypo-checkbox + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 1.5em;
    vertical-align: middle;
}

input[type=checkbox].pypo-checkbox:checked + label:before{
    content: "\f046";
}

.nav .vid-tab,
.nav .login-tab
{
	float: left;
	border: solid 3px #f7babf;
	border-left: 0px;
	width: 50%;
	height: 70px;
	font-size: 10px;
	padding-top: 13px;
}

.nav.nav-tabs .login-tab,
.nav.nav-tabs .reg-tab
{
	font-size: 20px;
	padding: 0;
    line-height: 70px;
}

.tab-pane {
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav .text-tab,
.nav .reg-tab
{
	float: right;
	border: solid 3px #f7babf;
	border-left: 0px;
	border-right: 0px;
	width: 50%;
	height: 70px;
	font-size: 10px;
	padding-top: 13px;
}

.nav .text-tab:hover,
.nav .reg-tab:hover,
.nav .login-tab:hover,
.nav .vid-tab:hover,

.nav .text-tab.active,
.nav .reg-tab.active,
.nav .login-tab.active,
.nav .vid-tab.active
{
	background-color: #ffc538;
	color: white;
	cursor: pointer;
	cursor: hand;
}

.comment .avatar,
.comment-edit-link
{
	display: none;
}

.comment-meta
{
	display:block;
	clear: both;
	color: black;
	font-size: 10px;
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.comment .children
{
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}

.comment .panel-heading{
	padding-left:0px;
	color:;
}

.owl-item-topic {
	margin-top: 10px;
}

.owl-item-topic * {
	display: inline-block;
}

.owl-item-topic p {
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 5px;
}

.owl-item-topic a {
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.comment
{
	border-bottom: 1px solid #c2c1c1;
}

.comments-text-container-area
{
	border-bottom: 1px solid #c2c1c1;
	border-top: 1px solid #c2c1c1;
}

.comment:last-child,
li .comment
{
	border-bottom: 0px solid #c2c1c1;
}

.comment-reply
{
	background-color: white;
	border: 0px solid white;
}

.media-heading
{
	float: left;
}

.comment-list .panel-heading
{
	background-color: white;
	color: black;
	border: 0px black solid;
}

.comment-content .panel-body
{
	padding-bottom: 0;
  	margin-bottom: 15px;
}

.nav a
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #f3832c;

}

.nav .video span,
.nav .text span
{
	font-size: 20px;
	margin-top: 10px;
}

textarea#comment
{
	border: solid 3px #f7babf;
	border-radius: 0px;
	-webkit-appearance: none;
}

/**
* Header Styles
*/

.modal .modal-dialog 
{
	min-width: 300px!important;
}

.modal-body
{
	padding: 0px;
}

.modal-content,
.pypo-edit-profile
{
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.modal-content
{
	border: solid 3px #f7babf;
	border-radius: 0px;
	text-align: center;
	color: #f3832c;
}

.pypo-edit-profile label{
	color:#f3832c;
	margin-top:0;
}

.modal-content h4,
.pypo-edit-profile h4
{
	font-size: 14px;	
}

.modal-header .close-button
{
	position:absolute;
	right:10px;
	top:10px;
	font-size: 30px;
	line-height:24px;
	cursor:pointer;
}

/*modal window and log-in/sign-up forms*/

/*hack to remove yellow color of form autocomplete in chrome*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.navbar-toggle .icon-bar+.icon-bar{
	margin-top:3px
}

button.navbar-toggle {
    margin: 0;
    padding: 0 10px 6px 0;
    border-radius: 0;
    -webkit-appearance: none;
}

header#masthead {
    z-index: 100;
    position: relative;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
    background-color: #f3832c;
}

.header-wrapper{
	display:block;
	text-align: center;
	margin-top: 20px;
}

.header-wrapper .container {
    padding-bottom: 0;
}

.header-wrapper .header-nav {
    text-align: left;
}

.header-wrapper.container{
	padding:0;
}

.nav-wrapper.container {
    padding-bottom: 0;
}

.site-brand{
	text-align: center;
	padding-bottom: 20px;
}

.center-content {
  display: inline-table;
}

.header-wrapper .logo{
	display: inline-block;
	padding:0;
	width:100%;
}

.masthead-wrapper .logged-in{
	text-align: right;
	font-size: 10px;
}

.header-wrapper .logged-in,
.navbar-collapse .logged-in
{
	color:#f3832c;
	clear: both;
	min-height: 20px;
	padding-top:10px;
}

.masthead-wrapper .logged-in a,
.navbar-collapse .logged-in a
{
	font-family: "Times New Roman", serif;
	font-size: 12px;
}

.header-wrapper .hamburger{
	display: table-cell;
	vertical-align: top;
	color:#f3832c;
	text-transform: uppercase;
	font-size: 9px;
	float:none;
	position: absolute;
    left:40px;
    top: 5px;
}

.header-wrapper .hamburger p{
	display:none;
}

.navbar-collapse .nav-tags
{
	margin-top:0;
}

.nav-tags
{
	width: 100%;
	padding:0px;
	vertical-align: middle;
}

.nav-tags ul
{
	padding-left: 0;
	list-style: none;
	vertical-align: middle;
	margin-bottom: 0;
}

.nav-tags > ul > li{
	text-transform: uppercase;
}


.nav-tags > ul > li > ul > li {
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
}

.nav-tags > ul > li > ul > li a{
	color: #58595B!important;
}

.nav-tags ul li a
{
	vertical-align: middle;
	line-height:33px;
}

.nav-tags ul a
{
	font-size: 13px;
	color: #F48429;
}

.nav-tags ul.sub-menu {
    overflow:hidden;
    -o-transform: height(1);
    -ms-transform: height(1);
    -moz-transform: height(1);
    -webkit-transform: height(1);
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.nav-tags ul.sub-menu {
    background: #fff;
    display:block;
    height:0;
    opacity: 0;
    margin-top:0;
}

.nav-tags hr{
	margin:0;
}

/*end header*/

form[role="search"] input[type="search"],
form[role="search"] input[type="text"]
{
  width: 100%;
}

.header-wrapper img{
	width:100%;
	max-width:125px;
}

form[role="search"] label {
	margin:0;
}

form[role="search"] input[type="search"],
form[role="search"] input[type="text"],
form[role="search"] input[type="submit"] 
{
	border-radius: 0;
	-webkit-appearance: none;
	padding: 4px 10px;
	border-bottom: solid #f3832c 1px;
	box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
}

form[role="search"] input[type="submit"]
{
  	color:#f3832c;
	text-transform: uppercase;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

form[role="search"] input[type="submit"]:hover
{
	color:#fff;
	background-color: #ffc538;
}

form.search-form label {
    width: 100%;
}

.search-form-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top:-8px;
    background: #fff;
    display:none;
    text-align: left;
}

.search-bar{
    position: absolute;
    top: -50px;
    right: 20px;
}

.header-wrapper .search-form{
	width:85%;
	overflow: hidden;
}

.header-wrapper form.search-form{
	width:100%;
	overflow: hidden;
}

.search-bar input:-webkit-autofill {
    background-color: #fff !important;
}

div.search-form input{
    margin: 0;
}

.search-form-wrapper input[type="submit"]{
	display:none;
}

.search-form-wrapper div {
    display: inline-block;
}

.header-wrapper .search-bar {
	color:#f3832c;
	text-transform: uppercase;
	font-size: 9px;
	cursor:pointer;
}

.header-wrapper .search-bar span {
    cursor: pointer;
    text-align: right;
    vertical-align: middle;
    line-height: 33px;
}

.header-wrapper .search-bar p
{
	font-size: 9px;
	margin-bottom:0;
}

.search-icon, 
.close-button i{
	color:#f3832c;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
}

.search-icon {
	font-size: 30px;
	/*vertical-align: middle;*/
}

.close-icon {
    vertical-align: top;
    cursor:pointer;
}

.close-button i{
    font-size: 24px;
}

.site-footer .floating-cta.sticky{
	position:fixed;
	z-index:1000;
	bottom:0;
	left:0;
	right:0;
	background: #f7bbbf;
	color:#fff;
	padding:10px 20px;
	text-align:left;
	font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#submissions-coa {
    text-align: center;
    margin-bottom: 1.45em;	
}

.footer-hr{
	margin-top:0;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

.site-footer .floating-cta.sticky input{
	border:none;
	background:transparent;
    -webkit-appearance: none;
    border-radius: none;
    -webkit-border-radius:0px;
    border-bottom: solid #fff 1px;
    font-weight: 100;
	font-family: 'ITC Avant Garde Gothic Std Book', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#fce5e6; 
}

.site-footer .floating-cta.sticky ::-webkit-input-placeholder,
.site-footer .floating-cta.sticky :-moz-placeholder,
.site-footer .floating-cta.sticky ::-moz-placeholder,
.site-footer .floating-cta.sticky :-ms-input-placeholder{  
   color:#fce5e6; 
}

.site-footer .floating-cta.sticky .sign-up{
	font-size: 18px;
	vertical-align: middle;
    display: inline-block;
}

.site-footer .floating-cta.sticky .tagline{
	font-size: 11px;
	vertical-align: bottom;
}

.site-footer .floating-cta.sticky .message_box.error h4{
	display:none;
}

span.close-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor:pointer;
}

.topic-grid header h1.search-title{
	font-size: 13px;
    margin: 14px 0 0 0;
    color: #717375;
    text-align:bottom;
    margin-bottom:20px;
}

.topic-grid header h1.search-title .query{
	font-size: 24px;
    color: #F48429;
}

.no-results h1.page-title{
	color: #f3832c;
    font-family: 'ITC Avant Garde Gothic Std Bold', "Century Gothic" ,"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-top: 25px;
    text-align: center;
}

	.mobile-only {
		  display: none;
	}
	
	.not-mobile {
		display: block;
	}

 /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

   .feature-image,
   .extra-images
   {
   		display: initial;
   }

   .this-article,
   .author-info
   {
   	border-right: 0px solid #c2c1c1;
   }
   
   
	.header-wrapper .search-bar span.search-label {
		display: none !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

	a.zocial.facebook, a.zocial.twitter {
	  width:inherit;
	}

	#hero_grid .post-info {
	    display: block;
	}
}

@media only screen and (max-width : 480px) {	
	.mobile-only {
		  display: block;
	}
	
	.not-mobile {
		display: none !important;
	}
}

/* Special - for ONLY under 768  */
@media (max-width: 767px){


	.results
	{
		padding: 0 10%;
	}

	.topic-grid header h1.search-title .query{
		display:block;
		clear:both;
		margin-top:8px;
	}

	.newsletter-header-image{
		display:none;
	}

	.current-topic .topic{
		clear:both;
		display: block;
    	margin-top: 7px;
	}

	.social-boxes div {
		margin-top: 10px;
	}

	.post-list,
	.post-info {
		text-align: center;
	}

	.search-label {
		display: none;
	}

	.search-form-wrapper{
		top:-56px;
	}

	.header-wrapper .search-form{
		width:70%;
	}

	.nav-tags > ul > li,
	.header-wrapper .logged-in {
	    padding: 0 15px;
	    border-bottom: solid 1px #eee;
	}

	.nav-tags > ul > li > ul > li {
	    padding-left: 30px;
	    margin-left: -15px;
	}

	.header-wrapper .header-nav {
    	padding-left: 0;
	}

	.menu-item i.fa.fa-chevron-down{
		float:right;
		line-height: 53px;
	}


	h2.trending-title{
	    text-align: center;
	}

	.pype-read{
		padding:0;
		width:100%;
	}

	.title-row .title h4{
		margin-top:0;
	}

	#masthead .logo img {
	    width: 50%;
	}

	#hero_grid .grid-tile:not(:first-child) {
	    display: none;
	}

	select:focus,
	textarea:focus,
	input:focus 
	{
		font-size: 16px;
		background: #eee;
	}

	ul#menu-footer{
		margin-left:0;
	}

	ul#menu-footer li {
	    line-height: 48px;
	    margin: 0;
	    font-size: 16px
	}

	.navbar-collapse .logged-in{
	    border-top: solid 1px #ccc;
	}

	.navbar-collapse .logged-in a,
	.navbar-collapse .nav-tags ul li a
	{
		font-size: 1em;
		line-height:64px;
	}

	.navbar-collapse {
    position: absolute;
    z-index: 999;
	    background: #fff;
	    padding:0;
	    width:100%;
	    -webkit-box-shadow: 0px 10px 31px -9px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 31px -9px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 31px -9px rgba(0,0,0,0.75);
	}

	/*remove side padding on mobile (ziggeo fit issue)*/
	#main-post{
		padding:0;
	}

	.site-brand .logged-in{
		display:none;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
		
	.not-mobile {
		display: block;
	}
	/*hero specific rules*/

}

/**************************************************/
/**************************************************/
/****************					***************/
/****************					***************/
/****************					***************/
/**************************************************/
/**************************************************/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.nav-tags ul a {
    font-size: 11px;
	}
	
	.col-sm-12.topic-grid {
	    display: inline-block;
	}

	.topic-grid header .taxonomy-description{
		padding: 0 20% 30px 20%;
	}


	.promo-wrapper {
	    margin-top: 51px;
	}

	.search-bar{
	    position: absolute;
	    top: -1px;
	    right: 15px;
	}

	.mobile-only{
		display:none!important;
	}


	.nav-tags ul.sub-menu {
	    position: absolute;
	    padding-top: 15px; 
	}

	.navbar-collapse.collapse{
		display:inline-block!important;
		width:100%;
	}

	div.current-topic-wrapper {
	    padding-top:0;
	}

	div.current-topic {
		text-align: left;
		margin-bottom:15px;
		margin-top:14px;
	}

	div.current-topic,
	div.newsletter-header-image {
		display:inline-block;
	}

	div.newsletter-header-image {
	
		text-align: right;
		margin-top:20px;
		padding-right:0;
	}

	div.current-topic{
		padding-left:0;
	}

	#masthead .masthead-wrapper{
		display:block;
	}


	p.current-topic {
	    line-height: 45px;
	}

	.top.share-buttons {
		display: initial;
	}

	.header-wrapper .site-brand{
		text-align: left;
	}

	.header-wrapper .hamburger{
		display: table-cell;
	}

	.site-footer .floating-cta.sticky{
		padding:10px 40px 10px 30px;
	}

	.site-footer .floating-cta.sticky p{
		display:inline-block!important;
	}

	.site-footer .floating-cta.sticky input{
		min-width:300px;
	}

	.result{
		overflow: auto;
		margin-bottom: 10px;
	}

	#hero_grid .play-repeat {
	    font-size: 40px;
	     bottom:15px;
	}

	.author-posts li
	{
		height: 250px;
	}

	.carousel-arrows{
		display: block!important;
	}

	.carousel-arrows:hover i{
		color:#333;
	}

	.pype-in-box p:nth-child(2) {
/* 		width: 55%; */
		line-height: 2;
		margin-right: auto;
		margin-left: auto;
		line-height: 2;
	}

	.signup p:nth-child(2) {
		width: 30%;
		line-height: 2;
		margin-right: auto;
		margin-left: auto;
		line-height: 2;
	}

	.quote .wrap {
		width: 50%;
		margin-left: auto;
		margin-right: auto;	
	}

	.social-boxes p:first-child {
		font-size: 35px;
	}

	.top.pype-in {
		text-align: right;
		border: 0px;
		font-size: 17px;
	}

	.top.pype-in:hover {
		background-color: initial;
		color: #f3832c;
	}

	.article-head {
		text-align: left;
	}

	.tags {
		display: initial;
		font-size: 17px;
	}

	.excerpt p
	{
		font-size: 20px;
	}

	h4 {
		font-size: 35px;
	}

	ul#menu-header {
		float:left;
	}
	
	.header-wrapper .container {
    padding-bottom: 0;
    width: 95%;
	}

	.nav-tags>ul>li:hover > ul.sub-menu {
	    opacity: 1;
	    height:auto;
	}

	.nav-tags > ul > li {
		float:left;
	}

	.login-form .birthday {
    	width: 60%;
    }	

	.site-info hr{
		display:none;
	}

	.nav-tags .sub-menu hr {
	    margin: 5px 0;
	}

	.nav-tags .sub-menu{
	    z-index:1000;
	}

	.nav-tags{
		text-align: center;
	}	

	.nav-tags ul a
	{
		margin: 0 15px;
	}

	.nav-tags ul li{	
		display: inline-block;
	}

	.nav-tags ul.sub-menu li {
	    display: block;
	    text-align: left;
	    line-height:36px;
	}

	.collapse.navbar-collapse .logged-in{
		display:none;
	}

	.modal .modal-dialog 
	{
		/*margin-top:100px;*/
	}

	.comment-reply.panel-footer 
	{
	   padding-left:15px;
	}


	.header-wrapper .hamburger p{
		display:block;
	}

	.trending-col,
	.contributor-posts-col
   {
   		padding-left: 0px;
   		padding-right: 0px;
   		overflow: hidden;
   }

   .col-sm-4.author-info h2 {
	    margin-top: 0;
	}

   .navbar-collapse{
   	/*this to align with top of trending column*/
   	padding-right:0;
   	padding-left:0;
   }

	.recent h3,
	.trending h3
	{
	    margin-top: 30px;
	}
	.tags a
	{
		margin-right: 20px; 
	}

	p.comment-form-comment textarea 
	{
	  width: 90%;
	}

	.tab-pane input[type="text"],
	.tab-pane input[type="password"],
	.tab-pane input[type="email"],
	.tab-pane input[type="submit"],
	.login-form p
	{
	  width: 60%;
	}

	/*post list in header*/
	#masthead .post-list .post-info {
	    height: 100px;
	    padding-right: 0;
	    width: 50%;
	    float: left;
	}

	.post-list.trending{
		padding:0;
		margin-bottom: 10px;
	}

	.post-list.trending .post-info{
		padding:0;
		height: 150px;
		display: block;
		float:none;
	}

	.post-list.trending img,
	.post-list.trending .post-info p{
	    width: 100%;
	    max-width: 150px;
	    display: block;
	    padding: 0;
	    margin: 0;
	    float:none;
	}

	#masthead .post-list  a img
	{
	  width: 50%;
	  display: inline-block;
	}

	.post-list img
	{
		float: left;
	}

	.post-list p
	{	
		padding:0 10px;
	}
	/*end post list*/

	.pypo-edit-profile textarea {
    	height: 200px;
	}

	#comments-video-container{
	  width: 90%;
	}

	.carousel-arrows
	{
		display:block;
	}

	.header-wrapper div
	{
		font-size: 11px;
	}

	.feature-image,
	.extra-images
	{
		display: none;
	}

   .share-buttons p,
   .author
   {
   		display: block;
   }

   .author-info
   {
   		border-right: 1px solid #c2c1c1;
   }

   .trending-col
	{
		padding-left: 15px;
		border-left: 1px solid #c2c1c1;;
	}
	
	.nav-tags ul li a {
	        margin: 0 17px 0 0;
	}	

}

@media only screen and (min-width : 812px) {
	.nav-tags ul li a {
	    margin: 0 25px 0 0;
	}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.nav-tags ul a {
    font-size: 13px;
    
  }
  .nav-tags ul li a {
	    margin: 0 15px;
	}  
  
	.promo-wrapper {
	    margin-top: 0;
	}


	#hero_grid .post-info .title {
    	font-size: 12px;
	}

	.archives,
	.upcoming
	{
		display: initial;
	}
}

@media only screen and (min-width : 1040px) {

	.header-wrapper .search-bar span.search-label {
		display: inline-block !important;
	}	
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



	.header-wrapper img{
		width:85%;
	}

}