@charset "utf-8";
/* CSS Document */
/* BLOG LIST */
.pm-blog-intro { width:100%; float:left; border-bottom: 1px solid #e9eaea; text-align: center; }
.pm-blog-intro h1 { display: block; text-align: center; margin: 30px 0 75px; }
.page-title-wrapper  { width:100%; float:left; border-bottom: 1px solid #e9eaea; text-align: center;  }
.page-title-wrapper .page-title { margin: 30px 0 75px; display: block; text-align: center; }
.blog-post-view .page-title-wrapper .page-title {text-align: left; }
.page-main.newmain2 .pm-blog-topbit { width:100%; float:left; padding-top: 25px; margin-bottom: 30px; }
.pm-blog-topbit .pm-blog-selectors { float:left; width:70%; }
.pm-blog-topbit .pm-blog-cats { padding-top: 0px; width:100%; float:left; }
.pm-blog-topbit .pm-blog-selectors .catcou { font-size: 16px; font-weight: bold; margin:12px 10px 0 0; color:#818181; float:left;  }
.pixiedust.blog-page .page-title-wrapper { border-bottom: 0; margin-bottom: 0; }
.pm-blog-topbit .pm-blog-selectors .catcou.activecat { text-decoration: underline; color:#3D3E42; }
.blog-index-index .breadcrumbs { display:none !important; }
.pm-blog-topbit .bloggy-intro { width:50%; float:left; padding-top: 15px; font-size: 16px; font-weight: 500; }
.pm-blog-topbit .widget.blog-search { float:right; width: 30%; margin:0; clear:none; }
.pm-blog-topbit .widget.blog-search input { border:none; border-bottom:2px solid #D9D9D4; border-radius: 0; padding-left: 25px; background:url(../images/Search-black.svg) no-repeat center left / 22px;   }
.widget.blog-search .action.search { right:0; }
.widget.blog-search .action.search:before { background:url(../images/Search-arrow-grey.svg) no-repeat center / 23px; width:28px; opacity: 1;  }
.blog-index-index .column.main, .blog-page.blog-page-list .column.main { min-height: 0; padding:0; }
.blog-index-index .newmain.page-main { height:0; }
.blog-page .pm-block .banner-inner { border:none; margin:0;  }
.touch-active { display:none; }
.blog-page  .pm-block .banner-inner .blog-topper { width:1350px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.blog-page  .pm-block .banner-inner .blog-topper h1 { position: relative; max-width:400px; transform: none; left:0; top:0; }
.pm-feat-wrap { width:100%; float:left; margin-bottom: 55px; }
.pm-feat-inn, .feat-cycle, .pm-feat-blog { width:100%; float:left; }
.pm-feat-blog { background: #1a3336; position: relative; }
.pm-feat-blog:before { content:'FEATURED'; padding: 8px 10px; background:#ed6f42; color:#fff; position: absolute; top:20px; left:-20px; font-family: 'Work Sans', sans-serif; font-weight: bold; }
.feat-image { width:50%; float:right; }
.feat-image img { float: right; }
.feat-content { width:50%; float:left; box-sizing: border-box; padding:75px 50px 0; color:#fff; }
.feat-content h3 { margin:0 0 30px; font-size: 32px !important; text-transform: uppercase; }
.shorty { width:100%; float:left; }
.date-n-poster { width:100%; float:left; margin-top: 30px; }
.date-n-poster .sharer { display: none; }
.feat-content .date-n-poster a { font-family: 'Work Sans', sans-serif;   background:url(../images/CTA-arrow-white.svg) no-repeat center right 19px / 20px; padding: 13px 45px 13px 36px; border-radius: 1px; transition: all 200ms ease; float:left; color:#fff; font-weight: bold; text-decoration: none; border:1px solid #fff; position: absolute; bottom:50px; left: 50px; }
.feat-content .date-n-poster a:hover { background-color:#ed6f42;  }
.sharer { background:url(../images/Share-white.svg) no-repeat center right; height:21px; float:left; display: inline-block; cursor:pointer; margin-left:30px; margin-top: 9px; padding-right: 31px; text-decoration: underline; font-size: 0 !important; transition:all 200ms ease;  }
.touch-blog-top { display: none; }
.intro-name-n-short .sharer { opacity: 0; }

.pm-blog-selectors { width:100%; background:#d9d9d4; box-sizing: border-box; padding:50px 0; float:left; }
.pm-blog-selectors .pm-blog-cats.team-selector { max-width: 1350px; margin:auto; display: flex; justify-content: space-between; }
.pm-blog-selectors .pm-blog-cats.team-selector a { font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: bold; color:#9fa0a1; border-bottom: 3px solid #d9d9d4; transition: all 200ms ease; text-decoration: none; }
.pm-blog-selectors .pm-blog-cats.team-selector a.activecat, .pm-blog-selectors .pm-blog-cats.team-selector a:hover { border-color: #1A3336; color:#1A3336;  }

.post-list-wrapper { width:100%; float:left; }
.post-list-wrapper ol { margin:0; padding:0; }
.post-list-wrapper ol li { cursor:pointer;  width:24%; float:left; border: 1px solid #e9eaea; padding:0; box-sizing: border-box; border-radius: 7px; position: relative; overflow: hidden; background:#e9ebec; transition:all 200ms ease;  }
.post-ftimg-hld { width:100%; float:left; margin:0 !important; transition:all 100ms ease; }
.post-ftimg-hld img { float:left; width:100%; }
.post-list-wrapper ol li .right-side { width:100%; float:left; box-sizing: border-box; padding: 20px; min-height: 220px;  }
.post-list-wrapper ol li h3 { margin:0; text-transform: uppercase; font-size: 20px; transition:all 100ms ease; }
.post-list-wrapper ol li h3 a { font-size: 20px; font-weight: bold; }
.post-list-wrapper ol li .right-side a.remore { float:left; position: absolute; bottom:17px; left:20px; padding-right: 12px; font-weight: 500; text-decoration: underline; font-size: 12px;}

.post-list-wrapper ol li .right-side .sharer { position: absolute; right:20px; bottom: 20px; font-size: 12px; line-height: 21px; }
body.pixiedust .mfblog-autoloader button.mbblog-lazyload-trigger { border:1px solid #1A3336; padding:15px 30px 15px 38px; color: #1A3336; font-weight: bold; background:#fff; }
body.pixiedust .mfblog-autoloader button.mbblog-lazyload-trigger span { color:#1A3336; font-weight: bold; text-transform: uppercase; background:url(../images/Load-more-arrow-down.svg) no-repeat center right / 20px; padding-right: 20px; }
body.pixiedust .mfblog-autoloader button.mbblog-lazyload-trigger:hover { color:#fff; background: #030a0b; border-color:#030a0b;  }
body.pixiedust .mfblog-autoloader button.mbblog-lazyload-trigger:hover span { color:#fff; filter: brightness(100); }
.hovered-content { opacity: 0; width:100%; height:190px; position: absolute; left:0; top:0; box-sizing: border-box; padding:20px; transition: all 200ms ease;  }
.hovered-content * { color:#fff; }
.hovered-content h4 { text-transform: uppercase; margin:0 0 15px; }
.post-list-wrapper ol li .sharer { transition:all 100ms ease; opacity: 0; }


@media screen and (max-width: 1370px) {
	.blog-page .pm-block .banner-inner .blog-topper { width:100%; box-sizing: border-box; padding:0 20px; }
	.pm-blog-selectors { padding:50px 20px; }
	.pm-feat-blog:before { left:auto; right:20px; }
	.feat-content h3 { font-size: 20px !important; margin:0 0 10px; }
	.feat-content .date-n-poster a { position: static; background-position: center right 10px; padding:7px 40px 7px 20px; }
	.feat-content .date-n-poster { margin-top: 15px; }
}

@media screen and (min-width: 1200px) {
.post-holder:hover { background:#007957;  }
	.post-holder:hover .hovered-content { opacity:1; }
	.post-holder:hover .post-ftimg-hld { opacity: 0; }
	.post-holder:hover .post-title { opacity: 0; }
	.post-holder:hover .right-side.fblock-visible a.remore { z-index: 99; color:#fff; }
	.post-list-wrapper ol .post-holder:hover .sharer { opacity: 1; }
	.post-holder:hover .intro-name-n-short .sharer { opacity: 1; }
	
	
}

@media screen and (min-width: 1200px) {
	.post-list-wrapper ol li { margin-right: 1.3333%; }
	.post-list-wrapper ol li:nth-child(4n+4) { margin-right: 0; }
	
	.post-list-wrapper ol li .right-side a.remore, .post-list-wrapper ol li .right-side .sharer { opacity: 0; transition:all 300ms ease; }
	.post-list-wrapper ol li .right-side.fblock-visible a.remore { opacity: 1; }
	
}
@media screen and (max-width: 1200px) {
	.feat-content { padding:20px; }
	.hovered-content { display: none; }
	.post-list-wrapper ol li h3 a { font-size: 16px; }
	
	
}
@media screen and (max-width: 1200px) and (min-width:850px) {
.post-list-wrapper ol li { margin-right: 2%; width:32%; }
	.post-list-wrapper ol li:nth-child(3n+3) { margin-right: 0; }
}

@media screen and (max-width: 1100px) {
	.pm-blog-cats.team-selector { display:none; }
	.touch-active { display: block; }
	.pm-blog-selectors .pm-blog-cats.team-selector { display:none; }
	.pm-blog-topbit .pm-blog-selectors { width:50%; box-sizing: border-box; padding-right: 10px; }
	.pm-blog-topbit .widget.blog-search { width:50%; box-sizing: border-box; padding-left: 10px; }
}
@media screen and (max-width: 849px) {
	.shorty { font-size: 12px; }
	.feat-content .date-n-poster a { font-size: 12px; }
	.post-list-wrapper ol li h3 a { font-size: 18px; }
	.feat-content h3 { margin-bottom: 10px; }
	.post-list-wrapper ol li { width:49%; margin-right: 2%;}
	.post-list-wrapper ol li:nth-child(2n+2) { margin-right: 0; }
}

@media screen and (max-width: 767px) {
	.blog-page .pm-block .banner-inner .blog-topper h1 { max-width: 100%; }
	.pm-feat-inn .pm-feat-blog-wrap { display:none; }
}

@media screen and (max-width: 700px) {
	.feat-image { width:100%; }
	.feat-content { width:100%; padding:30px; }
}

@media screen and (max-width: 650px) {
	.post-list-wrapper ol li { width:100%; }
	.post-list-wrapper ol li .right-side { min-height: 0; padding-bottom: 70px; }
}

/* BLOG VIEW */
.post-view .post-holder { width:100%; float:left; border:0; box-sizing: border-box; padding-bottom: 0; margin-bottom: 0;  }
body.pixiedust.blog-post-view .breadcrumbs { width:100%; float:left; box-sizing: border-box; }
body.pixiedust.blog-post-view .page-title-wrapper { border-bottom: 1px solid #D9D9D4; padding-bottom: 45px; }
.post-view .post-holder:hover { background:none; }
.blog-post-view .page-title-wrapper .page-title { font-size: 42px; margin: 0px; width:100 !important;  }
.blog-post-view .page-title-wrapper .tag-block { width:100%; margin-top:25px; float:left; text-align: left; margin-bottom:35px; position: relative; }
.blog-post-view .page-title-wrapper .blog-upper-region { background:url(../images/Posts-black.svg) no-repeat center left / 31px; padding-left: 35px; font-size:18px; width:100%; float:left; margin:0px 0 10px; box-sizing: border-box;  }
.blog-post-view .page-title-wrapper .blog-upper-region .datevalue { font-weight:500;; }

.blog-post-view .page-title-wrapper .tag-block a { font-weight: bold; color:#ed6f42; font-family: 'Work Sans', sans-serif; text-transform: uppercase; position: relative; margin-right: 20px; }
.blog-post-view .page-title-wrapper .tag-block a:after { content:''; width:5px; height:5px; border-radius: 50%; background:#ed6f42; position: absolute; top:50%; right: -14px; transform: translate(0,-50%); }
.blog-post-view .page-title-wrapper .tag-block a:last-child:after { display:none; margin-right: 0; }
.blog-post-view .page-title-wrapper .tag-block .shareliner { cursor:pointer; background:url(../images/Share-orange.svg) no-repeat center right / 26px; padding-right: 30px; text-decoration: underline; position: relative; margin-left: 15px; position: absolute; right:0; top: 4px; }

.blog-post-view .pm-blog-topbit { display: none; }
ul.wp-block-gallery { margin:0; padding:0; list-style: none; }
.blog-post-view .post-view { width:100%; float:left; }
.blog-post-view .post-content { width:100%; float:left; box-sizing: border-box; padding: 20px 165px 0; margin-bottom: 50px; }
.blog-post-view .banner-inner { width:100%; margin-top: 35px; }
.blog-post-view h3.underline { text-align: center; border-top: 1px solid #e9eaea; padding-top: 60px; margin-top: 60px; margin-bottom: 0;  }
.container_related_stories_outer { background:#f9f8f7; width:100%; float:left; padding-top: 50px; padding-bottom: 50px;  }
.container_related_stories_outer .container-collection { max-width:1350px; margin: auto; float:none !important;  }
.seeall-wrap { display:none;}
.container_related_stories_outer .post-content.right-side { padding:20px; min-height: 185px; position: relative; background:#fff; margin:0; }
.container_related_stories_outer .right-side a.remore { float:left; position: absolute; bottom:17px; left:20px; padding-right: 12px; font-weight: bold; font-size: 12px;}
.container_related_stories_outer .right-side a.remore:before { content:''; background:url(../images/Footer-arrow-greyx1.png) no-repeat center / 6px; position: absolute; right:0; bottom:3px; width:11px; height: 11px;  }
.container_related_stories_outer .right-side .sharer { position: absolute; right:20px; bottom: 16px; font-size: 12px; line-height: 21px; }
.container_related_stories_outer .right-side h4 { margin:0; text-align: left; }
body.pixiedust.blog-post-view  .block.comments { width:100% !important; float:left; margin-top: 50px; }
.post-view .post-nextprev-hld { font-family: 'Work Sans', sans-serif; float:left; width:100%; }

#disqus_thread iframe:first-of-type { display:none; }

@media screen and (min-width: 1350px) {
	.container_related_stories_outer .container-collection { width:1350px !important; }
	.post-content .post-description img { margin: 40px -165px; max-width: calc(100% + 330px); }
}
@media screen and (max-width: 1350px) {
	.blog-post-view .post-content { padding:20px 65px 0; }
	.container_related_stories_outer .block.container-collection .block.widget { padding: 0 40px; box-sizing:border-box; }
	body.pixiedust .container_related_stories_outer .off-canv.oc-left { left:15px; }
	body.pixiedust .container_related_stories_outer .off-canv.oc-right { right:15px; }
}
@media screen and (max-width: 1000px) {
.blog-post-view .post-content { padding:20px 0px 0; }
	.blog-post-view .post-holder { padding:20px 0; }
}
@media screen and (max-width: 767px) {
	body.pixiedust.blog-post-view .breadcrumbs { margin-top: 10px; }
}

@media screen and (max-width: 600px) {
	.blog-post-view .page-title-wrapper .tag-block .shareliner { clear:both; position: static; }
	.blog-post-view .page-title-wrapper .tag-block .shareliner:before { display: none; }
	.pm-blog-topbit .widget.blog-search { width:100%; padding-left:0; }
	.pm-blog-topbit .bloggy-intro { width:100%; text-align: center; margin-bottom: 25px; }
	.pm-feat-wrap.pm-bloglist { margin-bottom: 15px; }
	.blog-post-view .page-title-wrapper .tag-block a:after { display: none; } 
	.blog-post-view .page-title-wrapper .page-title { font-size: 28px; }
}
/* 246 update */
.blog-post-view .post-view .post-holder { display:flex; flex-direction: column; }
.post-content .post-description img.product-image-photo { margin:0 !important; max-width:100% !important; }