/* CHN 5.0 CSS styles */ /* this was to hide the author on the post archive page. We are now just not showing if if there isn't a convert author on the post. .post-header .meta-author { display: none; } */ #post-area, #sidebar { padding-top: 40px; } .play_button_2 { opacity: 0.7; } .container-wrap { padding-bottom: 140px; } .archivePagination { font-size: 200%; padding: 10px 20px; text-align: center; margin-top: 50px; margin-bottom: 50px; height: 70px; } .archivePagination a { margin: 0 7px; text-decoration: none; padding-bottom: 0; } .archivePagination .underlined { border-bottom: solid 1px; } .archivePagination i { font-size: 150%; } .at-content { background: #fff; } .topBannerImage { -webkit-box-shadow: 0 -8px 49px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 -8px 49px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 -8px 49px 0 rgba(0, 0, 0, 0.75); line-height: 0; margin-bottom: 50px; } .wideProportions { width: 100%; padding-bottom: 56.25%;/*40%;*/ overflow: hidden; margin: 10px; position: relative; } .wideProportions img { position: absolute; margin: auto; min-height: 100%; min-width: 100%; /* For the following settings we set 100%, but it can be higher if needed See the answer's update */ left: -100%; right: -100%; top: -100%; bottom: -100%; } .video-container { position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } article.post .content-inner { margin-bottom: 20px; padding-bottom: 20px; } .has-post-thumbnail .content-inner > .no-ajaxy { float: left; width: 30%; } .has-post-thumbnail .content-inner > .no-ajaxy .post-featured-img { width: 100%; padding-bottom: 100%; overflow: hidden; margin: 10px; position: relative; background-size: cover; background-position: center center; display: block; } /* .has-post-thumbnail .content-inner > .no-ajaxy .post-featured-img img { position: absolute; margin: auto; min-height: 100%; min-width: 100%; /* For the following settings we set 100%, but it can be higher if needed See the answer's update *//* left: -100%; right: -100%; top: -100%; bottom: -100%; }*/ .has-post-thumbnail .article-content-wrap { margin-left: 35%; width: 66%; } .circleHeadShot { border-radius:100px; height: 100px; margin: 0px 3px; overflow: hidden; width: 100px; float:left; } .circleHeadShot img { height: 100% !important; object-fit: cover; } article { clear: both; } #pagination { margin-top: 100px; text-align: center; } li.denomination { font-size: 200%; font-weight: 700; list-style: outside none none; margin-top: 50px; } li.denomination > ul { font-size: 50%; margin-top: 20px; margin-left: 0; } li.denomination > ul > li { list-style: outside none none; } li.denomination > ul > li > ul.children { margin-bottom: 0; } li.denomination > ul > li > ul > li { list-style: outside none none; } li.denomination .post_count::before { content: "("; } li.denomination .post_count::after { content: ")"; } li.denomination .post_count { padding-left: 10px; } li.categories { font-size: 200%; font-weight: 700; list-style: outside none none; margin-top: 50px; } li.categories > ul { font-size: 50%; margin-top: 20px; margin-left: 0; } li.categories > ul > li { list-style: outside none none; } li.categories > ul > li > ul.children { margin-bottom: 0; } li.categories > ul > li > ul > li { list-style: outside none none; } li.categories .post_count::before { content: "("; } li.categories .post_count::after { content: ")"; } li.categories .post_count { padding-left: 10px; } /************************************ Story archive to match post archive ************************************/ article.story .content-inner{position:relative} article.story.quote .post-content .quote-inner, article.story.link .post-content .link-inner, article.format-status .post-content .status-inner, article.story.format-aside .aside-inner{background-color:#27CFC3; position:relative; padding:15px; color:#fff; transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post article.story.quote .post-content .quote-inner{padding:45px} article.story.quote .content-inner .quote-inner .whole-link{transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post .quote-below-content{margin-top:70px} article.story.format-aside .aside-inner p{margin-bottom:15px} article.story.format-aside .aside-inner .post-header{margin-bottom:0px} article.story.format-chat .content-inner dt{margin-top:15px} article.story.quote .quote-inner a, article.story.format-aside .aside-inner a, article.story.format-aside .aside-inner a:hover{color:#fff!important} article.story.format-aside .aside-inner p, article.story.format-aside .aside-inner .post-header{color:#fff!important} article.story.quote .quote-inner .title, article.story.quote .quote-inner .author, article.story.quote .quote-inner .title, article.story.quote .quote-inner .icon{position:relative; z-index:100} article.story.quote .content-inner .whole-link{position:absolute; z-index:10; display:block; background-color:#27CFC3; height:100%; width:100%; top:0px; left:0px} article.story.quote .content-inner .quote-inner:hover .whole-link{background-color:#333!important} article.story.quote figure{margin:0 auto!important} article.story.quote blockquote{background-image:none!important; padding:0px!important; color:#fff!important; font-family:inherit!important; margin:0 auto!important} article.story.quote .post-content .quote-inner span.icon{ bottom:17px; height:17px; width:19px; display:block; background-image:url(img/icons/quote.png); position:absolute; right:20px} article.story.link .post-content .link-inner span.icon{bottom:17px; height:20px; width:18px; display:block; background-image:url(img/icons/link.png); position:absolute; right:20px} article.story.link .post-content .destination{word-wrap:break-word} article.story.format-status .post-content .status-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/status.png); position:absolute; right:20px} article.story.format-aside .post-content .aside-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/aside.png); position:absolute; right:20px} @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ article.story.quote .post-content .quote-inner span.icon{background-size:19px 17px; background-image:url(img/icons/quote@2x.png)!important} article.story.link .post-content .link-inner span.icon{background-size:18px 20px; background-image:url(img/icons/link@2x.png)!important} article.story.format-status .post-content .status-inner span.icon{background-size:19px 17px; background-image:url(img/icons/status@2x.png)!important} article.story.format-aside .post-content .aside-inner span.icon{background-size:19px 17px; background-image:url(img/icons/aside@2x.png)!important} } article.story .post-content.quote a, article.story .post-content.link a{ display:block; z-index:10} article.story.quote .post-content h2, article.story.link .post-content h2, article.story.format-status .post-content h2, .masonry.classic_enhanced article.story.quote.masonry-blog-item h3.title, .masonry.classic_enhanced article.story.link.masonry-blog-item h3.title{color:#fff; font-size:26px; line-height:34px; display:block; margin-bottom:15px} article.format-status .post-content h2 a{color:#fff!important} article.story.quote .post-content a:hover .quote-inner, article.story.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner{background-color:#333!important} article.story .nectar-love-wrap{visibility:hidden} article.story .post-meta a{color:#888} #post-area:not(.masonry) article.story .post-content .post-meta a.nectar-love{left:-2px; position:relative} article.story .post-meta a:hover{color:#27CFC3} article.story h2.title{margin-bottom:2px} article.story .post-meta{display:block; margin-bottom:20px; border-right:1px solid #E6E6E6} article.story .post-meta.no-img{top:6px} article.story .content-inner .post-featured-img img{max-width:none; margin-bottom:15px!important; width:100%} .single article.story .content-inner .post-featured-img img{margin-bottom:25px!important} article.story .post-meta .date{font-size:12px; padding-bottom:2px; margin-bottom:12px; position:relative; transition:all 0.2s linear 0s} article.story .post-meta .month, article.story .post-meta .year{display:block; font-size:17px; line-height:10px; text-align:center; text-transform:uppercase; margin-bottom:4px; padding:0px; font-family:'Open Sans'; font-weight:600} article.story .post-meta .year{margin-top:5px} article.story .post-meta .day{display:block; font-size:30px; line-height:29px; text-align:center; padding:0px 12px 0px 12px; font-family:'Open Sans'; font-weight:700; text-transform:uppercase} article.story .post-meta .date{padding-bottom:17px; border-bottom:1px solid #E6E6E6} article.story.video .video-wrap, .single-portfolio .video-wrap{position:relative; padding-bottom:56.25%; height:0; margin-bottom:15px} article.story.video .video-wrap iframe, .single-portfolio .video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%} article.story.video .mejs-container{margin-bottom:15px} .single article.story.video .mejs-container{margin-bottom:25px} article.story.audio .audio-wrap, .main-content .audio-wrap{margin-bottom:15px} article.story .gallery-slider .gallery, article.story .gallery-slider .jetpack-slideshow{display:none} article.story table{width:100%} article.story table td, article.story table th{text-align:center} article.story table tbody td{padding:5px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#676767} article.story table tbody tr td:first-child{border-left:1px solid #E6E6E6} article.story table th{border-bottom:1px solid #E6E6E6; color:#676767} article.story table #prev{text-align:left; position:relative; z-index:2} article.story table #next{text-align:right; position:relative; z-index:2} .article.story caption{position:absolute; bottom:0px; z-index:1; width:100%; text-align:center} #post-area.standard-minimal.full-width-content article.story{border-bottom:1px solid #e6e6e6; padding-top:70px} #post-area.standard-minimal.full-width-content .posts-container >article:last-child{border:none} #post-area.standard-minimal.full-width-content article.story .content-inner{padding-bottom:0; margin-bottom:70px} #post-area.standard-minimal.full-width-content article.story .more-link{margin-top:25px} #post-area.standard-minimal.full-width-content #pagination{text-align:center} #post-area.standard-minimal.full-width-content #pagination >div{float:none; display:inline-block} #post-area.standard-minimal article.story .more-link span{background-color:transparent!important; padding:0; color:#333!important} #post-area.standard-minimal article.story .post-header, #post-area.standard-minimal article.story .content-inner .post-featured-img img, #post-area.standard-minimal article.story .content-inner .article-content-wrap >.video >.wp-video, #post-area.standard-minimal article.story .content-inner .article-content-wrap >.video >.iframe-embed, #post-area.standard-minimal article.story .content-inner .article-content-wrap .audio-wrap, #post-area.standard-minimal article.story .content-inner .quote-inner{ margin-bottom:30px!important} #post-area.standard-minimal article.story .content-inner .quote-inner h4{color:#fff; margin-bottom:20px} #post-area.standard-minimal article.story .content-inner .quote-inner, #post-area.standard-minimal article.story .content-inner .link-inner{ padding:10%} #post-area.standard-minimal article.story.quote .post-content .quote-inner span.icon, #post-area.standard-minimal article.story.link .post-content .link-inner span.icon{right:30px; bottom:30px} #post-area.standard-minimal article.story .content-inner .quote-inner .author{position:relative; padding-left:30px} #post-area.standard-minimal article.story .content-inner .quote-inner .author:before{ position:absolute; display:block; top:50%; left:0; width:20px; height:2px; content:' '; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:#fff} #post-area.standard-minimal article.story.has-post-thumbnail .content-inner .quote-inner:after{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; content:' '; background-color:rgba(0,0,0,0.6)} #post-area.standard-minimal article.story .more-link{ display:inline-block; cursor:pointer; height:50px; position:relative; line-height:50px; padding-right:25px} #post-area.standard-minimal article.story .more-link span{ transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.story .more-link span:after, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end{ display:inline-block; font-family:'FontAwesome'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:50px; height:50px; -webkit-font-smoothing:antialiased; letter-spacing:0; content:"\f105"; margin-left:15px; position:absolute; right:0; top:53%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); font-size:25px; transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.story .more-link:hover span:after{ transform:translateX(12px) translateY(-50%); -webkit-transform:translateX(12px) translateY(-50%)} #post-area.standard-minimal article.story .more-link:hover span:before{opacity:1; transform:translateY(-50%) translateX(0px); -webkit-transform:translateY(-50%) translateX(0px)} #post-area.standard-minimal article.story .more-link span:before, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ backface-visibility:hidden; letter-spacing:0; display:block; content:' '; z-index:100; position:absolute; width:22px; height:2px; background-color:#000; top:53%; opacity:0; right:-10px; cursor:pointer; transform:translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform:translateY(-50%) translateX(-20px) translateZ(0); transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ top:53%} #post-area.standard-minimal article.story .post-meta .date, #post-area.standard-minimal article.story .more-link span{font-family:'Open Sans'; font-weight:700; margin-bottom:5px; font-size:14px} #post-area.standard-minimal article.story .post-meta .date a{display:block} #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count a span, #post-area.standard-minimal article.story .article-content-wrap .nectar-love, #post-area.standard-minimal article.story .article-content-wrap .nectar-love >span, #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count i, #post-area.standard-minimal article.story .article-content-wrap .nectar-love i, #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count, #post-area.standard-minimal article.story .article-content-wrap .nectar-love-wrap, #post-area.standard-minimal article.story .article-content-wrap .nectar-love-wrap >span, #post-area.standard-minimal article.story .article-content-wrap .meta-category i{line-height:34px!important; height:34px!important; width:auto; display:inline-block} #post-area.standard-minimal article.story .more-link{margin-top:15px} #post-area.standard-minimal article.story .article-content-wrap .meta-category i{font-size:20px!important} #post-area.standard-minimal article.story .article-content-wrap .nectar-love >span{font-size:14px; color:#aaa} #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count{margin-left:15px} #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.story .article-content-wrap .meta-category a{font-size:14px} #post-area.standard-minimal article.story .article-content-wrap .meta-comment-count a:not(:hover), #post-area.standard-minimal article.story .article-content-wrap .meta-category a:not(:hover){color:#aaa} #post-area.standard-minimal article.story .article-content-wrap a i, #post-area.standard-minimal article.story .article-content-wrap .meta-category i{font-size:20px!important; width:22px; margin-right:5px; transition:color 0.2s linear; -webkit-transition:color 0.2s linear} #post-area.standard-minimal article.story .article-content-wrap a:not(:hover) i:not(.loved), #post-area.standard-minimal article.story .article-content-wrap .meta-category:not(:hover) i{color:#c1c1c1!important} #post-area.standard-minimal article.story .post-meta{margin-bottom:0} #post-area.standard-minimal #pagination{padding-left:0} #post-area.standard-minimal article.story .post-meta, #post-area.standard-minimal article.story .post-meta .date{position:relative; padding-bottom:0; border:none} article.story .post-meta{position:absolute; left:0px; top:0px} article.story .content-inner {margin-bottom: 20px; padding-bottom: 20px;} article.story .more-link span { background-color: #333; border-radius: 2px; cursor: pointer; font-size: 14px; padding: 6px 10px; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0s; width: auto; color: #ffffff;} article.story .post-content { min-height: 98px; position: relative;} /************************************ Story archive to match post archive ************************************/ article.newsletter .content-inner{position:relative} article.newsletter.quote .post-content .quote-inner, article.newsletter.link .post-content .link-inner, article.format-status .post-content .status-inner, article.newsletter.format-aside .aside-inner{background-color:#27CFC3; position:relative; padding:15px; color:#fff; transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post article.newsletter.quote .post-content .quote-inner{padding:45px} article.newsletter.quote .content-inner .quote-inner .whole-link{transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post .quote-below-content{margin-top:70px} article.newsletter.format-aside .aside-inner p{margin-bottom:15px} article.newsletter.format-aside .aside-inner .post-header{margin-bottom:0px} article.newsletter.format-chat .content-inner dt{margin-top:15px} article.newsletter.quote .quote-inner a, article.newsletter.format-aside .aside-inner a, article.newsletter.format-aside .aside-inner a:hover{color:#fff!important} article.newsletter.format-aside .aside-inner p, article.newsletter.format-aside .aside-inner .post-header{color:#fff!important} article.newsletter.quote .quote-inner .title, article.newsletter.quote .quote-inner .author, article.newsletter.quote .quote-inner .title, article.newsletter.quote .quote-inner .icon{position:relative; z-index:100} article.newsletter.quote .content-inner .whole-link{position:absolute; z-index:10; display:block; background-color:#27CFC3; height:100%; width:100%; top:0px; left:0px} article.newsletter.quote .content-inner .quote-inner:hover .whole-link{background-color:#333!important} article.newsletter.quote figure{margin:0 auto!important} article.newsletter.quote blockquote{background-image:none!important; padding:0px!important; color:#fff!important; font-family:inherit!important; margin:0 auto!important} article.newsletter.quote .post-content .quote-inner span.icon{ bottom:17px; height:17px; width:19px; display:block; background-image:url(img/icons/quote.png); position:absolute; right:20px} article.newsletter.link .post-content .link-inner span.icon{bottom:17px; height:20px; width:18px; display:block; background-image:url(img/icons/link.png); position:absolute; right:20px} article.newsletter.link .post-content .destination{word-wrap:break-word} article.newsletter.format-status .post-content .status-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/status.png); position:absolute; right:20px} article.newsletter.format-aside .post-content .aside-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/aside.png); position:absolute; right:20px} @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ article.newsletter.quote .post-content .quote-inner span.icon{background-size:19px 17px; background-image:url(img/icons/quote@2x.png)!important} article.newsletter.link .post-content .link-inner span.icon{background-size:18px 20px; background-image:url(img/icons/link@2x.png)!important} article.newsletter.format-status .post-content .status-inner span.icon{background-size:19px 17px; background-image:url(img/icons/status@2x.png)!important} article.newsletter.format-aside .post-content .aside-inner span.icon{background-size:19px 17px; background-image:url(img/icons/aside@2x.png)!important} } article.newsletter .post-content.quote a, article.newsletter .post-content.link a{ display:block; z-index:10} article.newsletter.quote .post-content h2, article.newsletter.link .post-content h2, article.newsletter.format-status .post-content h2, .masonry.classic_enhanced article.newsletter.quote.masonry-blog-item h3.title, .masonry.classic_enhanced article.newsletter.link.masonry-blog-item h3.title{color:#fff; font-size:26px; line-height:34px; display:block; margin-bottom:15px} article.format-status .post-content h2 a{color:#fff!important} article.newsletter.quote .post-content a:hover .quote-inner, article.newsletter.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner{background-color:#333!important} article.newsletter .nectar-love-wrap{visibility:hidden} article.newsletter .post-meta a{color:#888} #post-area:not(.masonry) article.newsletter .post-content .post-meta a.nectar-love{left:-2px; position:relative} article.newsletter .post-meta a:hover{color:#27CFC3} article.newsletter h2.title{margin-bottom:2px} article.newsletter .post-meta{display:block; margin-bottom:20px; border-right:1px solid #E6E6E6} article.newsletter .post-meta.no-img{top:6px} article.newsletter .content-inner .post-featured-img img{max-width:none; margin-bottom:15px!important; width:100%} .single article.newsletter .content-inner .post-featured-img img{margin-bottom:25px!important} article.newsletter .post-meta .date{font-size:12px; padding-bottom:2px; margin-bottom:12px; position:relative; transition:all 0.2s linear 0s} article.newsletter .post-meta .month, article.newsletter .post-meta .year{display:block; font-size:17px; line-height:10px; text-align:center; text-transform:uppercase; margin-bottom:4px; padding:0px; font-family:'Open Sans'; font-weight:600} article.newsletter .post-meta .year{margin-top:5px} article.newsletter .post-meta .day{display:block; font-size:30px; line-height:29px; text-align:center; padding:0px 12px 0px 12px; font-family:'Open Sans'; font-weight:700; text-transform:uppercase} article.newsletter .post-meta .date{padding-bottom:17px; border-bottom:1px solid #E6E6E6} article.newsletter.video .video-wrap, .single-portfolio .video-wrap{position:relative; padding-bottom:56.25%; height:0; margin-bottom:15px} article.newsletter.video .video-wrap iframe, .single-portfolio .video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%} article.newsletter.video .mejs-container{margin-bottom:15px} .single article.newsletter.video .mejs-container{margin-bottom:25px} article.newsletter.audio .audio-wrap, .main-content .audio-wrap{margin-bottom:15px} article.newsletter .gallery-slider .gallery, article.newsletter .gallery-slider .jetpack-slideshow{display:none} article.newsletter table{width:100%} article.newsletter table td, article.newsletter table th{text-align:center} article.newsletter table tbody td{padding:5px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#676767} article.newsletter table tbody tr td:first-child{border-left:1px solid #E6E6E6} article.newsletter table th{border-bottom:1px solid #E6E6E6; color:#676767} article.newsletter table #prev{text-align:left; position:relative; z-index:2} article.newsletter table #next{text-align:right; position:relative; z-index:2} .article.newsletter caption{position:absolute; bottom:0px; z-index:1; width:100%; text-align:center} #post-area.standard-minimal.full-width-content article.newsletter{border-bottom:1px solid #e6e6e6; padding-top:70px} #post-area.standard-minimal.full-width-content .posts-container >article:last-child{border:none} #post-area.standard-minimal.full-width-content article.newsletter .content-inner{padding-bottom:0; margin-bottom:70px} #post-area.standard-minimal.full-width-content article.newsletter .more-link{margin-top:25px} #post-area.standard-minimal.full-width-content #pagination{text-align:center} #post-area.standard-minimal.full-width-content #pagination >div{float:none; display:inline-block} #post-area.standard-minimal article.newsletter .more-link span{background-color:transparent!important; padding:0; color:#333!important} #post-area.standard-minimal article.newsletter .post-header, #post-area.standard-minimal article.newsletter .content-inner .post-featured-img img, #post-area.standard-minimal article.newsletter .content-inner .article-content-wrap >.video >.wp-video, #post-area.standard-minimal article.newsletter .content-inner .article-content-wrap >.video >.iframe-embed, #post-area.standard-minimal article.newsletter .content-inner .article-content-wrap .audio-wrap, #post-area.standard-minimal article.newsletter .content-inner .quote-inner{ margin-bottom:30px!important} #post-area.standard-minimal article.newsletter .content-inner .quote-inner h4{color:#fff; margin-bottom:20px} #post-area.standard-minimal article.newsletter .content-inner .quote-inner, #post-area.standard-minimal article.newsletter .content-inner .link-inner{ padding:10%} #post-area.standard-minimal article.newsletter.quote .post-content .quote-inner span.icon, #post-area.standard-minimal article.newsletter.link .post-content .link-inner span.icon{right:30px; bottom:30px} #post-area.standard-minimal article.newsletter .content-inner .quote-inner .author{position:relative; padding-left:30px} #post-area.standard-minimal article.newsletter .content-inner .quote-inner .author:before{ position:absolute; display:block; top:50%; left:0; width:20px; height:2px; content:' '; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:#fff} #post-area.standard-minimal article.newsletter.has-post-thumbnail .content-inner .quote-inner:after{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; content:' '; background-color:rgba(0,0,0,0.6)} #post-area.standard-minimal article.newsletter .more-link{ display:inline-block; cursor:pointer; height:50px; position:relative; line-height:50px; padding-right:25px} #post-area.standard-minimal article.newsletter .more-link span{ transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.newsletter .more-link span:after, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end{ display:inline-block; font-family:'FontAwesome'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:50px; height:50px; -webkit-font-smoothing:antialiased; letter-spacing:0; content:"\f105"; margin-left:15px; position:absolute; right:0; top:53%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); font-size:25px; transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.newsletter .more-link:hover span:after{ transform:translateX(12px) translateY(-50%); -webkit-transform:translateX(12px) translateY(-50%)} #post-area.standard-minimal article.newsletter .more-link:hover span:before{opacity:1; transform:translateY(-50%) translateX(0px); -webkit-transform:translateY(-50%) translateX(0px)} #post-area.standard-minimal article.newsletter .more-link span:before, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ backface-visibility:hidden; letter-spacing:0; display:block; content:' '; z-index:100; position:absolute; width:22px; height:2px; background-color:#000; top:53%; opacity:0; right:-10px; cursor:pointer; transform:translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform:translateY(-50%) translateX(-20px) translateZ(0); transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ top:53%} #post-area.standard-minimal article.newsletter .post-meta .date, #post-area.standard-minimal article.newsletter .more-link span{font-family:'Open Sans'; font-weight:700; margin-bottom:5px; font-size:14px} #post-area.standard-minimal article.newsletter .post-meta .date a{display:block} #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count a span, #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love, #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love >span, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count i, #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love i, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count, #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love-wrap, #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love-wrap >span, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category i{line-height:34px!important; height:34px!important; width:auto; display:inline-block} #post-area.standard-minimal article.newsletter .more-link{margin-top:15px} #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category i{font-size:20px!important} #post-area.standard-minimal article.newsletter .article-content-wrap .nectar-love >span{font-size:14px; color:#aaa} #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count{margin-left:15px} #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category a{font-size:14px} #post-area.standard-minimal article.newsletter .article-content-wrap .meta-comment-count a:not(:hover), #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category a:not(:hover){color:#aaa} #post-area.standard-minimal article.newsletter .article-content-wrap a i, #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category i{font-size:20px!important; width:22px; margin-right:5px; transition:color 0.2s linear; -webkit-transition:color 0.2s linear} #post-area.standard-minimal article.newsletter .article-content-wrap a:not(:hover) i:not(.loved), #post-area.standard-minimal article.newsletter .article-content-wrap .meta-category:not(:hover) i{color:#c1c1c1!important} #post-area.standard-minimal article.newsletter .post-meta{margin-bottom:0} #post-area.standard-minimal #pagination{padding-left:0} #post-area.standard-minimal article.newsletter .post-meta, #post-area.standard-minimal article.newsletter .post-meta .date{position:relative; padding-bottom:0; border:none} article.newsletter .post-meta{position:absolute; left:0px; top:0px} article.newsletter .content-inner {margin-bottom: 20px; padding-bottom: 20px;} article.newsletter .more-link span { background-color: #333; border-radius: 2px; cursor: pointer; font-size: 14px; padding: 6px 10px; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0s; width: auto; color: #ffffff;} article.newsletter .post-content { min-height: 98px; position: relative;} /************************************ Story archive to match post archive ************************************/ article.partnerupdates .content-inner{position:relative} article.partnerupdates.quote .post-content .quote-inner, article.partnerupdates.link .post-content .link-inner, article.format-status .post-content .status-inner, article.partnerupdates.format-aside .aside-inner{background-color:#27CFC3; position:relative; padding:15px; color:#fff; transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post article.partnerupdates.quote .post-content .quote-inner{padding:45px} article.partnerupdates.quote .content-inner .quote-inner .whole-link{transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post .quote-below-content{margin-top:70px} article.partnerupdates.format-aside .aside-inner p{margin-bottom:15px} article.partnerupdates.format-aside .aside-inner .post-header{margin-bottom:0px} article.partnerupdates.format-chat .content-inner dt{margin-top:15px} article.partnerupdates.quote .quote-inner a, article.partnerupdates.format-aside .aside-inner a, article.partnerupdates.format-aside .aside-inner a:hover{color:#fff!important} article.partnerupdates.format-aside .aside-inner p, article.partnerupdates.format-aside .aside-inner .post-header{color:#fff!important} article.partnerupdates.quote .quote-inner .title, article.partnerupdates.quote .quote-inner .author, article.partnerupdates.quote .quote-inner .title, article.partnerupdates.quote .quote-inner .icon{position:relative; z-index:100} article.partnerupdates.quote .content-inner .whole-link{position:absolute; z-index:10; display:block; background-color:#27CFC3; height:100%; width:100%; top:0px; left:0px} article.partnerupdates.quote .content-inner .quote-inner:hover .whole-link{background-color:#333!important} article.partnerupdates.quote figure{margin:0 auto!important} article.partnerupdates.quote blockquote{background-image:none!important; padding:0px!important; color:#fff!important; font-family:inherit!important; margin:0 auto!important} article.partnerupdates.quote .post-content .quote-inner span.icon{ bottom:17px; height:17px; width:19px; display:block; background-image:url(img/icons/quote.png); position:absolute; right:20px} article.partnerupdates.link .post-content .link-inner span.icon{bottom:17px; height:20px; width:18px; display:block; background-image:url(img/icons/link.png); position:absolute; right:20px} article.partnerupdates.link .post-content .destination{word-wrap:break-word} article.partnerupdates.format-status .post-content .status-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/status.png); position:absolute; right:20px} article.partnerupdates.format-aside .post-content .aside-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/aside.png); position:absolute; right:20px} @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ article.partnerupdates.quote .post-content .quote-inner span.icon{background-size:19px 17px; background-image:url(img/icons/quote@2x.png)!important} article.partnerupdates.link .post-content .link-inner span.icon{background-size:18px 20px; background-image:url(img/icons/link@2x.png)!important} article.partnerupdates.format-status .post-content .status-inner span.icon{background-size:19px 17px; background-image:url(img/icons/status@2x.png)!important} article.partnerupdates.format-aside .post-content .aside-inner span.icon{background-size:19px 17px; background-image:url(img/icons/aside@2x.png)!important} } article.partnerupdates .post-content.quote a, article.partnerupdates .post-content.link a{ display:block; z-index:10} article.partnerupdates.quote .post-content h2, article.partnerupdates.link .post-content h2, article.partnerupdates.format-status .post-content h2, .masonry.classic_enhanced article.partnerupdates.quote.masonry-blog-item h3.title, .masonry.classic_enhanced article.partnerupdates.link.masonry-blog-item h3.title{color:#fff; font-size:26px; line-height:34px; display:block; margin-bottom:15px} article.format-status .post-content h2 a{color:#fff!important} article.partnerupdates.quote .post-content a:hover .quote-inner, article.partnerupdates.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner{background-color:#333!important} article.partnerupdates .nectar-love-wrap{visibility:hidden} article.partnerupdates .post-meta a{color:#888} #post-area:not(.masonry) article.partnerupdates .post-content .post-meta a.nectar-love{left:-2px; position:relative} article.partnerupdates .post-meta a:hover{color:#27CFC3} article.partnerupdates h2.title{margin-bottom:2px} article.partnerupdates .post-meta{display:block; margin-bottom:20px; border-right:1px solid #E6E6E6} article.partnerupdates .post-meta.no-img{top:6px} article.partnerupdates .content-inner .post-featured-img img{max-width:none; margin-bottom:15px!important; width:100%} .single article.partnerupdates .content-inner .post-featured-img img{margin-bottom:25px!important} article.partnerupdates .post-meta .date{font-size:12px; padding-bottom:2px; margin-bottom:12px; position:relative; transition:all 0.2s linear 0s} article.partnerupdates .post-meta .month, article.partnerupdates .post-meta .year{display:block; font-size:17px; line-height:10px; text-align:center; text-transform:uppercase; margin-bottom:4px; padding:0px; font-family:'Open Sans'; font-weight:600} article.partnerupdates .post-meta .year{margin-top:5px} article.partnerupdates .post-meta .day{display:block; font-size:30px; line-height:29px; text-align:center; padding:0px 12px 0px 12px; font-family:'Open Sans'; font-weight:700; text-transform:uppercase} article.partnerupdates .post-meta .date{padding-bottom:17px; border-bottom:1px solid #E6E6E6} article.partnerupdates.video .video-wrap, .single-portfolio .video-wrap{position:relative; padding-bottom:56.25%; height:0; margin-bottom:15px} article.partnerupdates.video .video-wrap iframe, .single-portfolio .video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%} article.partnerupdates.video .mejs-container{margin-bottom:15px} .single article.partnerupdates.video .mejs-container{margin-bottom:25px} article.partnerupdates.audio .audio-wrap, .main-content .audio-wrap{margin-bottom:15px} article.partnerupdates .gallery-slider .gallery, article.partnerupdates .gallery-slider .jetpack-slideshow{display:none} article.partnerupdates table{width:100%} article.partnerupdates table td, article.partnerupdates table th{text-align:center} article.partnerupdates table tbody td{padding:5px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#676767} article.partnerupdates table tbody tr td:first-child{border-left:1px solid #E6E6E6} article.partnerupdates table th{border-bottom:1px solid #E6E6E6; color:#676767} article.partnerupdates table #prev{text-align:left; position:relative; z-index:2} article.partnerupdates table #next{text-align:right; position:relative; z-index:2} .article.partnerupdates caption{position:absolute; bottom:0px; z-index:1; width:100%; text-align:center} #post-area.standard-minimal.full-width-content article.partnerupdates{border-bottom:1px solid #e6e6e6; padding-top:70px} #post-area.standard-minimal.full-width-content .posts-container >article:last-child{border:none} #post-area.standard-minimal.full-width-content article.partnerupdates .content-inner{padding-bottom:0; margin-bottom:70px} #post-area.standard-minimal.full-width-content article.partnerupdates .more-link{margin-top:25px} #post-area.standard-minimal.full-width-content #pagination{text-align:center} #post-area.standard-minimal.full-width-content #pagination >div{float:none; display:inline-block} #post-area.standard-minimal article.partnerupdates .more-link span{background-color:transparent!important; padding:0; color:#333!important} #post-area.standard-minimal article.partnerupdates .post-header, #post-area.standard-minimal article.partnerupdates .content-inner .post-featured-img img, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap >.video >.wp-video, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap >.video >.iframe-embed, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap .audio-wrap, #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner{ margin-bottom:30px!important} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner h4{color:#fff; margin-bottom:20px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner, #post-area.standard-minimal article.partnerupdates .content-inner .link-inner{ padding:10%} #post-area.standard-minimal article.partnerupdates.quote .post-content .quote-inner span.icon, #post-area.standard-minimal article.partnerupdates.link .post-content .link-inner span.icon{right:30px; bottom:30px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner .author{position:relative; padding-left:30px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner .author:before{ position:absolute; display:block; top:50%; left:0; width:20px; height:2px; content:' '; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:#fff} #post-area.standard-minimal article.partnerupdates.has-post-thumbnail .content-inner .quote-inner:after{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; content:' '; background-color:rgba(0,0,0,0.6)} #post-area.standard-minimal article.partnerupdates .more-link{ display:inline-block; cursor:pointer; height:50px; position:relative; line-height:50px; padding-right:25px} #post-area.standard-minimal article.partnerupdates .more-link span{ transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.partnerupdates .more-link span:after, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end{ display:inline-block; font-family:'FontAwesome'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:50px; height:50px; -webkit-font-smoothing:antialiased; letter-spacing:0; content:"\f105"; margin-left:15px; position:absolute; right:0; top:53%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); font-size:25px; transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.partnerupdates .more-link:hover span:after{ transform:translateX(12px) translateY(-50%); -webkit-transform:translateX(12px) translateY(-50%)} #post-area.standard-minimal article.partnerupdates .more-link:hover span:before{opacity:1; transform:translateY(-50%) translateX(0px); -webkit-transform:translateY(-50%) translateX(0px)} #post-area.standard-minimal article.partnerupdates .more-link span:before, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ backface-visibility:hidden; letter-spacing:0; display:block; content:' '; z-index:100; position:absolute; width:22px; height:2px; background-color:#000; top:53%; opacity:0; right:-10px; cursor:pointer; transform:translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform:translateY(-50%) translateX(-20px) translateZ(0); transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ top:53%} #post-area.standard-minimal article.partnerupdates .post-meta .date, #post-area.standard-minimal article.partnerupdates .more-link span{font-family:'Open Sans'; font-weight:700; margin-bottom:5px; font-size:14px} #post-area.standard-minimal article.partnerupdates .post-meta .date a{display:block} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love >span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love-wrap, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love-wrap >span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{line-height:34px!important; height:34px!important; width:auto; display:inline-block} #post-area.standard-minimal article.partnerupdates .more-link{margin-top:15px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{font-size:20px!important} #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love >span{font-size:14px; color:#aaa} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count{margin-left:15px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category a{font-size:14px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a:not(:hover), #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category a:not(:hover){color:#aaa} #post-area.standard-minimal article.partnerupdates .article-content-wrap a i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{font-size:20px!important; width:22px; margin-right:5px; transition:color 0.2s linear; -webkit-transition:color 0.2s linear} #post-area.standard-minimal article.partnerupdates .article-content-wrap a:not(:hover) i:not(.loved), #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category:not(:hover) i{color:#c1c1c1!important} #post-area.standard-minimal article.partnerupdates .post-meta{margin-bottom:0} #post-area.standard-minimal #pagination{padding-left:0} #post-area.standard-minimal article.partnerupdates .post-meta, #post-area.standard-minimal article.partnerupdates .post-meta .date{position:relative; padding-bottom:0; border:none} article.partnerupdates .post-meta{position:absolute; left:0px; top:0px} article.partnerupdates .content-inner {margin-bottom: 20px; padding-bottom: 20px;} article.partnerupdates .more-link span { background-color: #333; border-radius: 2px; cursor: pointer; font-size: 14px; padding: 6px 10px; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0s; width: auto; color: #ffffff;} article.partnerupdates .post-content { min-height: 98px; position: relative;}/************************************ Story archive to match post archive ************************************/ article.partnerupdates .content-inner{position:relative} article.partnerupdates.quote .post-content .quote-inner, article.partnerupdates.link .post-content .link-inner, article.format-status .post-content .status-inner, article.partnerupdates.format-aside .aside-inner{background-color:#27CFC3; position:relative; padding:15px; color:#fff; transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post article.partnerupdates.quote .post-content .quote-inner{padding:45px} article.partnerupdates.quote .content-inner .quote-inner .whole-link{transition:all .45s cubic-bezier(0.25,1,0.33,1); -moz-transition:all .45s cubic-bezier(0.25,1,0.33,1); -o-transition:all .45s cubic-bezier(0.25,1,0.33,1); -webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1)} .single-post .quote-below-content{margin-top:70px} article.partnerupdates.format-aside .aside-inner p{margin-bottom:15px} article.partnerupdates.format-aside .aside-inner .post-header{margin-bottom:0px} article.partnerupdates.format-chat .content-inner dt{margin-top:15px} article.partnerupdates.quote .quote-inner a, article.partnerupdates.format-aside .aside-inner a, article.partnerupdates.format-aside .aside-inner a:hover{color:#fff!important} article.partnerupdates.format-aside .aside-inner p, article.partnerupdates.format-aside .aside-inner .post-header{color:#fff!important} article.partnerupdates.quote .quote-inner .title, article.partnerupdates.quote .quote-inner .author, article.partnerupdates.quote .quote-inner .title, article.partnerupdates.quote .quote-inner .icon{position:relative; z-index:100} article.partnerupdates.quote .content-inner .whole-link{position:absolute; z-index:10; display:block; background-color:#27CFC3; height:100%; width:100%; top:0px; left:0px} article.partnerupdates.quote .content-inner .quote-inner:hover .whole-link{background-color:#333!important} article.partnerupdates.quote figure{margin:0 auto!important} article.partnerupdates.quote blockquote{background-image:none!important; padding:0px!important; color:#fff!important; font-family:inherit!important; margin:0 auto!important} article.partnerupdates.quote .post-content .quote-inner span.icon{ bottom:17px; height:17px; width:19px; display:block; background-image:url(img/icons/quote.png); position:absolute; right:20px} article.partnerupdates.link .post-content .link-inner span.icon{bottom:17px; height:20px; width:18px; display:block; background-image:url(img/icons/link.png); position:absolute; right:20px} article.partnerupdates.link .post-content .destination{word-wrap:break-word} article.partnerupdates.format-status .post-content .status-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/status.png); position:absolute; right:20px} article.partnerupdates.format-aside .post-content .aside-inner span.icon{bottom:17px; height:16px; width:18px; display:block; background-image:url(img/icons/aside.png); position:absolute; right:20px} @media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){ article.partnerupdates.quote .post-content .quote-inner span.icon{background-size:19px 17px; background-image:url(img/icons/quote@2x.png)!important} article.partnerupdates.link .post-content .link-inner span.icon{background-size:18px 20px; background-image:url(img/icons/link@2x.png)!important} article.partnerupdates.format-status .post-content .status-inner span.icon{background-size:19px 17px; background-image:url(img/icons/status@2x.png)!important} article.partnerupdates.format-aside .post-content .aside-inner span.icon{background-size:19px 17px; background-image:url(img/icons/aside@2x.png)!important} } article.partnerupdates .post-content.quote a, article.partnerupdates .post-content.link a{ display:block; z-index:10} article.partnerupdates.quote .post-content h2, article.partnerupdates.link .post-content h2, article.partnerupdates.format-status .post-content h2, .masonry.classic_enhanced article.partnerupdates.quote.masonry-blog-item h3.title, .masonry.classic_enhanced article.partnerupdates.link.masonry-blog-item h3.title{color:#fff; font-size:26px; line-height:34px; display:block; margin-bottom:15px} article.format-status .post-content h2 a{color:#fff!important} article.partnerupdates.quote .post-content a:hover .quote-inner, article.partnerupdates.link .post-content a:hover .link-inner, article.format-status .post-content:hover .status-inner{background-color:#333!important} article.partnerupdates .nectar-love-wrap{visibility:hidden} article.partnerupdates .post-meta a{color:#888} #post-area:not(.masonry) article.partnerupdates .post-content .post-meta a.nectar-love{left:-2px; position:relative} article.partnerupdates .post-meta a:hover{color:#27CFC3} article.partnerupdates h2.title{margin-bottom:2px} article.partnerupdates .post-meta{display:block; margin-bottom:20px; border-right:1px solid #E6E6E6} article.partnerupdates .post-meta.no-img{top:6px} article.partnerupdates .content-inner .post-featured-img img{max-width:none; margin-bottom:15px!important; width:100%} .single article.partnerupdates .content-inner .post-featured-img img{margin-bottom:25px!important} article.partnerupdates .post-meta .date{font-size:12px; padding-bottom:2px; margin-bottom:12px; position:relative; transition:all 0.2s linear 0s} article.partnerupdates .post-meta .month, article.partnerupdates .post-meta .year{display:block; font-size:17px; line-height:10px; text-align:center; text-transform:uppercase; margin-bottom:4px; padding:0px; font-family:'Open Sans'; font-weight:600} article.partnerupdates .post-meta .year{margin-top:5px} article.partnerupdates .post-meta .day{display:block; font-size:30px; line-height:29px; text-align:center; padding:0px 12px 0px 12px; font-family:'Open Sans'; font-weight:700; text-transform:uppercase} article.partnerupdates .post-meta .date{padding-bottom:17px; border-bottom:1px solid #E6E6E6} article.partnerupdates.video .video-wrap, .single-portfolio .video-wrap{position:relative; padding-bottom:56.25%; height:0; margin-bottom:15px} article.partnerupdates.video .video-wrap iframe, .single-portfolio .video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%} article.partnerupdates.video .mejs-container{margin-bottom:15px} .single article.partnerupdates.video .mejs-container{margin-bottom:25px} article.partnerupdates.audio .audio-wrap, .main-content .audio-wrap{margin-bottom:15px} article.partnerupdates .gallery-slider .gallery, article.partnerupdates .gallery-slider .jetpack-slideshow{display:none} article.partnerupdates table{width:100%} article.partnerupdates table td, article.partnerupdates table th{text-align:center} article.partnerupdates table tbody td{padding:5px; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#676767} article.partnerupdates table tbody tr td:first-child{border-left:1px solid #E6E6E6} article.partnerupdates table th{border-bottom:1px solid #E6E6E6; color:#676767} article.partnerupdates table #prev{text-align:left; position:relative; z-index:2} article.partnerupdates table #next{text-align:right; position:relative; z-index:2} .article.partnerupdates caption{position:absolute; bottom:0px; z-index:1; width:100%; text-align:center} #post-area.standard-minimal.full-width-content article.partnerupdates{border-bottom:1px solid #e6e6e6; padding-top:70px} #post-area.standard-minimal.full-width-content .posts-container >article:last-child{border:none} #post-area.standard-minimal.full-width-content article.partnerupdates .content-inner{padding-bottom:0; margin-bottom:70px} #post-area.standard-minimal.full-width-content article.partnerupdates .more-link{margin-top:25px} #post-area.standard-minimal.full-width-content #pagination{text-align:center} #post-area.standard-minimal.full-width-content #pagination >div{float:none; display:inline-block} #post-area.standard-minimal article.partnerupdates .more-link span{background-color:transparent!important; padding:0; color:#333!important} #post-area.standard-minimal article.partnerupdates .post-header, #post-area.standard-minimal article.partnerupdates .content-inner .post-featured-img img, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap >.video >.wp-video, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap >.video >.iframe-embed, #post-area.standard-minimal article.partnerupdates .content-inner .article-content-wrap .audio-wrap, #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner{ margin-bottom:30px!important} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner h4{color:#fff; margin-bottom:20px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner, #post-area.standard-minimal article.partnerupdates .content-inner .link-inner{ padding:10%} #post-area.standard-minimal article.partnerupdates.quote .post-content .quote-inner span.icon, #post-area.standard-minimal article.partnerupdates.link .post-content .link-inner span.icon{right:30px; bottom:30px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner .author{position:relative; padding-left:30px} #post-area.standard-minimal article.partnerupdates .content-inner .quote-inner .author:before{ position:absolute; display:block; top:50%; left:0; width:20px; height:2px; content:' '; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:#fff} #post-area.standard-minimal article.partnerupdates.has-post-thumbnail .content-inner .quote-inner:after{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; content:' '; background-color:rgba(0,0,0,0.6)} #post-area.standard-minimal article.partnerupdates .more-link{ display:inline-block; cursor:pointer; height:50px; position:relative; line-height:50px; padding-right:25px} #post-area.standard-minimal article.partnerupdates .more-link span{ transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:all 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.partnerupdates .more-link span:after, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end{ display:inline-block; font-family:'FontAwesome'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:50px; height:50px; -webkit-font-smoothing:antialiased; letter-spacing:0; content:"\f105"; margin-left:15px; position:absolute; right:0; top:53%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) translateZ(0); transform:translateY(-50%) translateZ(0); font-size:25px; transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} #post-area.standard-minimal article.partnerupdates .more-link:hover span:after{ transform:translateX(12px) translateY(-50%); -webkit-transform:translateX(12px) translateY(-50%)} #post-area.standard-minimal article.partnerupdates .more-link:hover span:before{opacity:1; transform:translateY(-50%) translateX(0px); -webkit-transform:translateY(-50%) translateX(0px)} #post-area.standard-minimal article.partnerupdates .more-link span:before, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ backface-visibility:hidden; letter-spacing:0; display:block; content:' '; z-index:100; position:absolute; width:22px; height:2px; background-color:#000; top:53%; opacity:0; right:-10px; cursor:pointer; transform:translateY(-50%) translateX(-20px) translateZ(0); -webkit-transform:translateY(-50%) translateX(-20px) translateZ(0); transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),transform 0.25s cubic-bezier(0.12,0.75,0.4,1); -webkit-transition:opacity 0.25s cubic-bezier(0.12,0.75,0.4,1),-webkit-transform 0.25s cubic-bezier(0.12,0.75,0.4,1)} .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line{ top:53%} #post-area.standard-minimal article.partnerupdates .post-meta .date, #post-area.standard-minimal article.partnerupdates .more-link span{font-family:'Open Sans'; font-weight:700; margin-bottom:5px; font-size:14px} #post-area.standard-minimal article.partnerupdates .post-meta .date a{display:block} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love >span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love-wrap, #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love-wrap >span, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{line-height:34px!important; height:34px!important; width:auto; display:inline-block} #post-area.standard-minimal article.partnerupdates .more-link{margin-top:15px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{font-size:20px!important} #post-area.standard-minimal article.partnerupdates .article-content-wrap .nectar-love >span{font-size:14px; color:#aaa} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count{margin-left:15px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category a{font-size:14px} #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-comment-count a:not(:hover), #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category a:not(:hover){color:#aaa} #post-area.standard-minimal article.partnerupdates .article-content-wrap a i, #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category i{font-size:20px!important; width:22px; margin-right:5px; transition:color 0.2s linear; -webkit-transition:color 0.2s linear} #post-area.standard-minimal article.partnerupdates .article-content-wrap a:not(:hover) i:not(.loved), #post-area.standard-minimal article.partnerupdates .article-content-wrap .meta-category:not(:hover) i{color:#c1c1c1!important} #post-area.standard-minimal article.partnerupdates .post-meta{margin-bottom:0} #post-area.standard-minimal #pagination{padding-left:0} #post-area.standard-minimal article.partnerupdates .post-meta, #post-area.standard-minimal article.partnerupdates .post-meta .date{position:relative; padding-bottom:0; border:none} article.partnerupdates .post-meta{position:absolute; left:0px; top:0px} article.partnerupdates .content-inner {margin-bottom: 20px; padding-bottom: 20px;} article.partnerupdates .more-link span { background-color: #333; border-radius: 2px; cursor: pointer; font-size: 14px; padding: 6px 10px; transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1) 0s; width: auto; color: #ffffff;} article.partnerupdates .post-content { min-height: 98px; position: relative;} article.post .more-link span, .blog-recent .more-link span { font-size: 14px; } .shortcodeThumbnailContainer { position: relative; display: block; content: ""; width: 100%; padding-top: 56.25%; background-size: cover; background-position: center center; } .shortcodeThumbnailContainer:before { } .shortcodeThumbnailContainer > img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .jumboShadow { text-shadow: 2px 5px 0 rgba(0, 0, 0, 0.8); } /* .carousel-item .inner { height: 100%; padding-top: 25% !important; top: 0 !important; transform: none !important; } */ .carousel-item i { left: 20px; top: 20px; position: absolute; transform: translateY(0%) translateZ(60px) scale(0.94); z-index: 20; } /******************** Form Elements ********************/ .fancy-select-wrap .select2 { line-height: 22px; width: 100% !important; } .fancy-select-wrap span.select2-selection--single { padding: 16px !important; border-radius: 0 !important; border: 1px solid #ccc !important; } a.chosen-single { display: none !important; } /******************** MailChimp Form Elements ********************/ #mailchimp .fancy-select-wrap span.select2-selection--single { border-radius: 20px !important; height: 60px !important; padding: 16px !important; } .gform_wrapper .gform_page_footer .button.gform_previous_button, .gform_wrapper .gform_page_footer .button.gform_next_button { padding: 16px; } /******************** Category Archive Page ********************/ #category-results { height: auto !important; } #category-results .vc_col-sm-4 { /* width: 33%;*/ } /******************** All Content Page ********************/ .allContent .regular .post-meta { display: block; margin-bottom: 20px; border-right: 1px solid #E6E6E6; } .allContent .regular .post-meta { position: absolute; left: 0; top: 0; } .allContent .regular .post-meta .date { padding-bottom: 17px; border-bottom: 1px solid #E6E6E6; } .allContent .regular .post-meta .date { font-size: 12px; padding-bottom: 2px; margin-bottom: 12px; position: relative; transition: all 0.2s linear 0s; } .allContent .regular .post-meta .year { margin-top: 5px; } .allContent .regular .post-meta .month { display: block; font-size: 17px; line-height: 10px; text-align: center; text-transform: uppercase; margin-bottom: 4px; padding: 0; font-weight: 600; } .allContent .regular .post-meta .day { display: block; font-size: 30px; line-height: 29px; text-align: center; padding: 0 12px 0 12px; font-weight: 700; text-transform: uppercase; } .allContent article { margin-bottom: 20px; } .allContent .regular .more-link span { background-color: #333; transition: all 0.45s cubic-bezier(0.25,1,0.33,1); -webkit-transition: all 0.45s cubic-bezier(0.25,1,0.33,1); width: auto; cursor: pointer; padding: 8px 12px; border-radius: 4px !important; -webkit-border-radius: 2px; font-size: 14px; color: #fff; margin-top: 25px; } .allContent .regular .more-link span:hover { background-color:#900; } /******************** Search Results Page ********************/ #search-results { height: auto !important; } /* #search-results .vc_col-sm-4 { width: 33%; } */ .post-content { position: relative; } .post-grid .grid-items { max-width: 1400px; } #search-results .vc_col-sm-4 { width: 30.8%; display: inline-block; margin-top: 40px; margin-right: 2%; float: none; vertical-align: top; } .facetwp-pager { font-size: 22px; text-align: center; margin-top: 50px; } .facetwp-pager a { text-decoration: underline; } .facetwp-pager a.active { text-decoration: none; } /* .search-results #search-box, .search-no-results #search-box, .category #search-box { top: 35vh !important; }*/ .nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner { /* padding: 20px;*/ } .flip-box-front h1 { text-shadow: 0 0 6px rgb(0, 0, 0); } .post-type-archive .main-content { padding: 0 50px; } .post-type-archive .archiveListSpacing { padding: 0 50px 0 0; } .story-post-img { width: 30%; height: 200px; background-size: cover; display: inline-block; float: left; background-position: center center; } /*** Smartphones ***/ @media (max-width: 767px) { .has-post-thumbnail .content-inner > .no-ajaxy { float: none; width: 100%; } .has-post-thumbnail .article-content-wrap { margin-left: 0%; width: 100%; } #search-results .vc_col-sm-4 { width: 100%; } #category-results .vc_col-sm-4 { width: 100%; } } .post-type-archive-newsletter .post-featured-img { display: inline-block; float: left; width: 160px; height: 210px; background-size: cover; background-position: top center; } /******************************** * responsive code for story archive page ********************************/ #post-area.standard-minimal.full-width-content article.story .inner-wrap, #post-area.standard-minimal.full-width-content article.newsletter .inner-wrap { max-width: 1100px; } @media only screen and (max-width : 1000px) { .post-type-archive-newsletter .post-featured-img { float: none; width: 300px; height: 400px; } .story-post-img { width: 100% !important; height: 300px !important; margin-bottom: 20px; } .has-post-thumbnail .article-content-wrap { margin-left: 0; width: 100%; } } @media only screen and (min-width : 690px) and (max-width : 1000px) { #post-area.standard-minimal.full-width-content article.story .inner-wrap, #post-area.standard-minimal.full-width-content article.newsletter .inner-wrap { max-width: 600px; } } @media only screen and (max-width : 690px) { #post-area.standard-minimal.full-width-content article.story .inner-wrap, #post-area.standard-minimal.full-width-content article.newsletter .inner-wrap { max-width: 300px!important; } .container article.story .post-meta, .container article.newsletter .post-meta { display: none; } .container article.story .post-content, .container article.newsletter .post-content { padding-left: 0px!important; } .container article.story .post-header h2, .container article.newsletter .post-header h2 { font-size: 18px; } .post-type-archive .archiveListSpacing { padding: 0; } .post-type-archive .main-content { padding: 0 10px; }.archivePagination a { margin: 0 4px; } .jhSidebar { margin-top: 70px; clear: both; } #ajax-content-wrap .container .regular .post-content { padding-left: 0; } .container .post .post-meta, .container .regular .post-meta, .blog .post .post-meta { display: block !important; position: relative !important; margin-top: 50px; } .container .post .more-link, .container .regular .more-link { display: block; margin-top: 20px; } .allContent .regular .post-meta .month, .allContent .regular .post-meta .day, .allContent .regular .post-meta .year, .allContent .post .post-meta .month, .allContent .post .post-meta .day, .allContent .post .post-meta .year, .blog .post .post-meta .month, .blog .post .post-meta .day, .blog .post .post-meta .year, .blog .regular .post-meta .month, .blog .regular .post-meta .day, .blog .regular .post-meta .year { display: inline-block !important; font-size: 24px !important; padding: 0 5px 0 0 !important; } } @media only screen and (min-width: 480px) and (max-width: 690px) { #post-area.standard-minimal.full-width-content article.story .inner-wrap, #post-area.standard-minimal.full-width-content article.newsletter .inner-wrap { max-width: 420px!important; } } @media only screen and (max-width: 480px) { article.story .post-meta { position: relative; } article.story .post-content { padding-left: 0px; } } @media (min-width: 990px) { .threeColumnArchive .vc_col-sm-4 { width: 30.8%; } } @media only screen and (min-width: 990px) and (max-width: 1300px) { body .masonry.meta_overlaid article.story .post-header .meta-author a, body .masonry.meta_overlaid article.newsletter .post-header .meta-author a { font-size: 11px!important; } body .masonry.meta_overlaid article.story .post-header .meta-author span, body .masonry.meta_overlaid article.newsletter .post-header .meta-author span { font-size: 13px!important; } } @media only screen and (max-width: 690px) and (min-width: 470px) { article.story.quote .post-content .quote-inner, article.story.link .post-content .link-inner, article.format-status .post-content .status-inner, article.story.format-aside .aside-inner, article.newsletter.quote .post-content .quote-inner, article.newsletter.link .post-content .link-inner, article.format-status .post-content .status-inner, article.newsletter.format-aside .aside-inner { padding: 50px 10%; } } @media only screen and (max-width: 470px) { .portfolio-items .elastic-portfolio-item img, .masonry.meta_overlaid article.story.wide_tall .content-inner .post-featured-img img, .masonry.meta_overlaid article.newsletter.wide_tall .content-inner .post-featured-img img { height: auto!important; } article.story.quote .post-content .quote-inner, article.story.link .post-content .link-inner, article.format-status .post-content .status-inner, article.story.format-aside .aside-inner { padding: 50px 10%; } article.newsletter.quote .post-content .quote-inner, article.newsletter.link .post-content .link-inner, article.format-status .post-content .status-inner, article.newsletter.format-aside .aside-inner { padding: 50px 10%; } #post-area.masonry.meta_overlaid article.story.wide_tall .post-meta, #post-area.masonry.meta_overlaid article.story.large_featured .post-meta, #post-area.masonry.meta_overlaid article.newsletter.wide_tall .post-meta, #post-area.masonry.meta_overlaid article.newsletter.large_featured .post-meta { margin: -1px 0!important; } body .masonry.meta_overlaid article.story .post-header .meta-author a, body .masonry.meta_overlaid article.newsletter .post-header .meta-author a { font-size: 11px!important; } body .masonry.meta_overlaid article.story .post-header .meta-author span, body .masonry.meta_overlaid article.newsletter .post-header .meta-author span { font-size: 11px!important; } } @media print { #header-outer, #mobile-menu, #footer-outer, #_atssh, .meta-category, .at-share-btn-elements, .comments-section, .post-tags, .bottom-meta { display: none; } body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title { margin-top: 0px; padding-top: 0px; margin-bottom: 0; padding-bottom: 0; } .single .heading-title[data-header-style="default_minimal"] { padding-top: 0; } .container, .post-area.standard-minimal.full-width-content article.post .inner-wrap { max-width: 100%; } .post-featured-img { max-width: 50%; } .span_9 { width: 100% !important; } article.story .content-inner .post-featured-img img { width: 50%; margin-left: 25%; } #header-space { height: 0; } }