.clear { clear: both; } .clearfix:after { content: "."; clear: both; visibility: hidden; line-height: 0; height: 0; display: block; } .apsp-caption-disabled .apsp-pinterest-latest-pin { float: left; width: 30.33%; margin: 0 0 3% 3%; list-style: none; background: none repeat scroll 0 0 #eeeeee; border-radius: 5px; -webkit-box-shadow: 1px 3px 4px #cccccc; box-shadow: 1px 3px 4px #cccccc; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .apsp-caption-enabled .apsp-pinterest-latest-pin { background: none repeat scroll 0 0 #eeeeee; border-radius: 5px; -webkit-box-shadow: 1px 3px 4px #cccccc; box-shadow: 1px 3px 4px #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: outside none none; margin: 3% 0 0 3%; padding: 4px; width: 47%; } #apsp-pinterest-latest-pins.apsp-caption-enabled { margin: 3% 0 0 -3%; padding: 0; width: 100%; } #apsp-pinterest-latest-pins.apsp-caption-disabled { margin: 3% 0 0 -3%; padding: 0; width: 100%; } .apsp-pinterest-image a { border: medium none !important; display: block; text-align: center; } .apsp-pinterest-image img { border: medium none; display: inline-block !important; } .apsp-pinterest-text { display: block; margin-top: 10px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; } .apsp-pinterest-link { background: #f4f4f4 url(https://s-passets.pinimg.com/images/pidgets/board_button_link.png) repeat-x scroll 0 0; border: 1px solid #cccccc !important; border-radius: 2px !important; color: #746d6a !important; cursor: pointer !important; display: block !important; font-family: Helvetica !important; font-size: 13px !important; font-weight: bold !important; height: 31px !important; line-height: 30px !important; margin: 10px 10px 0 !important; text-align: center !important; text-decoration: none !important; text-shadow: 0 1px #ffffff !important; } .apsp-share a { background: #BD081C; padding: 0 10px; border-radius: 3px; text-align: center; display: inline-block; color: #fff; margin-bottom: 10px; border-bottom: none !important; } .apsp-share a:hover { background: #d4071e; color: #fff; } .apsp-pinterest-link > a { color: #cb2f38 !important; text-decoration: none !important; border-bottom: none !important; }.ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt,#ctf .ctf_remaining,#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block;text-decoration:none}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path,.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{clear:both;width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified,.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf .ctf-tweet-meta,#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover,#ctf .ctf-tweet-text-media-wrap{-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:background .1s ease-in-out}#ctf #ctf-more,#ctf .ctf-out-of-tweets,.ctf-credit-link{padding:5px 0;text-align:center}#ctf #ctf-more,#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{border:1px solid rgba(0,0,0,.1);transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;outline:0;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:background .1s ease-in-out}#ctf #ctf-more:hover{background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite ctf-sk-scaleout;animation:1s ease-in-out infinite ctf-sk-scaleout}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;margin-top:5px;font-size:12px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta,.ctf_smash_error span{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p,#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px}#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px;margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-actions a,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_dark .ctf-tweet-text a,#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item,#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo,#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified,#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}.cff-wrapper:after{ content: ""; display: table; clear: both; } #cff { float: left; width: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff:after{ content: ""; display: table; clear: both; } .cff-wrapper-ctn{float: left;} .cff-wrapper-ctn.cff-wrapper-fixed-height{overflow: auto;} .cff-wrapper-ctn, #cff .cff-posts-wrap, #cff .cff-masonry-posts{ position: relative; clear: both; height: 100%; top: 0; bottom: 0; width: 100%; box-sizing: border-box; } #cff .cff-item{ float: left; width: 100%; clear: both; padding: 20px 0 15px 0; margin: 0; border-bottom: 1px solid #ddd; } #cff .cff-item:first-child{ padding-top: 0; } #cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child{ padding: 15px; margin: 8px 0; background: rgba(255,255,255,0.5); border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff.cff-masonry .cff-item.cff-box{ margin-left: 1.5%; margin-right: 1.5%; } #cff .cff-item.cff-shadow{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); } #cff.cff-masonry{ position: relative; margin-bottom: 50px; } .cff-masonry .cff-load-more{ display: none; } .cff-header{ width: 100%; margin: 0 0 15px 0; padding: 0; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; } .cff-header .fa{ float: left; margin-right: 10px; } .cff-header span{ display: table-cell; vertical-align: middle; } .cff-header svg { width: 1em; height: 1em; margin-right: 10px; } .cff-wrapper .cff-visual-header { margin-bottom: 24px !important; } .cff-wrapper .cff-visual-header .cff-header-hero { width: 100%; height: 300px; position: relative; } .cff-wrapper .cff-visual-header .cff-header-hero img{ display: none; } .cff-wrapper .cff-visual-header .cff-likes-box { position: absolute; bottom: 10px; right: 10px; padding: 5px; background: #eee; line-height: 1; border-radius: 2px; color: #445790; } .cff-wrapper .cff-visual-header .cff-likes-box .cff-square-logo { float: left; display: inline-block; line-height: 0; } .cff-wrapper .cff-visual-header .cff-likes-box .cff-square-logo svg { width: 18px; height: 18px; vertical-align: top; } .cff-wrapper .cff-visual-header .cff-likes-box .cff-likes-count { float: left; display: inline-block; margin-left: 8px; vertical-align: top; font-size: 15px; line-height: 20px; } .cff-wrapper .cff-visual-header .cff-header-inner-wrap { position: relative; display: block; text-decoration: none !important; } .cff-wrapper .cff-visual-header .cff-header-inner-wrap a { color: inherit !important; border: 0; } .cff-wrapper .cff-visual-header .cff-header-img img { display: block; width: 100px; border-radius: 3px; padding: 0; margin: 0; } .cff-wrapper .cff-visual-header.cff-has-cover .cff-header-img img { border: 2px solid #fff; } .cff-wrapper .cff-visual-header .cff-header-img { position: absolute; display: inline-block; line-height: 1; } .cff-wrapper .cff-visual-header.cff-has-cover .cff-header-img { top: -25px; left: 10px; } .cff-wrapper .cff-visual-header .cff-header-text { display: inline-block; float: left; margin: 20px 0 0 120px; } #cff .cff-visual-header .cff-header-text h3, .cff-wrapper .cff-visual-header .cff-header-text h3{ display: inline-block; width: auto; margin: 0 8px 0 0; padding: 0; font-size: 1.2em; line-height: 1.2em; } .cff-wrapper .cff-visual-header .cff-header-text{ padding-top: 10px; margin: 0; } .cff-wrapper .cff-visual-header.cff-has-name { min-height: 100px; } .cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text { min-height: 75px; } .cff-wrapper .cff-visual-header.cff-has-name .cff-header-text { margin-left: 120px; } .cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text{ margin-left: 125px; } .cff-wrapper .cff-visual-header.cff-has-name .cff-header-text{ padding-top: 30px; } .cff-wrapper .cff-visual-header.cff-has-name.cff-has-about .cff-header-text, .cff-wrapper .cff-visual-header.cff-has-name.cff-has-cover .cff-header-text{ padding-top: 10px; } #cff .cff-visual-header .cff-header-inner-wrap .cff-bio, .cff-wrapper .cff-visual-header .cff-header-inner-wrap .cff-bio { display: block; width: 100%; clear: both; margin: 3px 0 0 0; padding: 0; line-height: 1.2em; } .cff-wrapper .cff-visual-header .cff-header-name{ float: left; padding: 0 5px 2px 0; } .cff-wrapper .cff-visual-header .cff-bio-info { font-size: .9em; line-height: 1.7; } .cff-wrapper .cff-visual-header .cff-bio-info svg { width: 1em; vertical-align: middle; position: relative; top: -2px; } .cff-posts-count svg { padding-right: 3px; } .cff-header-text:after, .cff-header-inner-wrap:after{ display: table; clear: both; content: " "; } #cff .cff-less{ display: none; } #cff a { text-decoration: none; } #cff a:hover, #cff a:focus { text-decoration: underline; } #cff .cff-html5-video, #cff .cff-photo, #cff .cff-album-cover, #cff .cff-event-thumb, #cff .cff-iframe-wrap, #cff .cff-vidLink{ text-decoration: none; border: none; } #cff h3, #cff h4, #cff h5, #cff h6, #cff p{ float: left; width: 100%; clear: both; padding: 0; margin: 5px 0; line-height: 1.4; word-wrap: break-word; } #cff .cff-date{ float: left; width: 100%; min-width: 50px; font-size: 11px; } #cff .cff-date.cff-date-below, #cff .cff-timeline-event .cff-date.cff-date-below{ margin: 5px 0 0 0; } #cff .cff-author, #cff-lightbox-wrapper .cff-author{ float: left; clear: both; margin: 0 0 15px 0; padding: 0; line-height: 1.2; width: 100%; } #cff .cff-author a, #cff-lightbox-wrapper .cff-author a{ text-decoration: none; border: none; } #cff .cff-author-img, #cff-lightbox-wrapper .cff-author-img{ float: left; width: 40px; height: 40px; margin: 0 0 0 -100% !important; font-size: 0; background: #eee; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -132px -50px; border-radius: 40px; } #cff .cff-author-img.cff-no-consent img { display: none; } .cff-no-consent .cff-header-text { margin-left: 0 !important; } .cff-no-consent .cff-header-img, .cff-no-consent .cff-header-hero{ display: none !important; } #cff .cff-author img, #cff-lightbox-wrapper .cff-author img{ float: left; margin: 0 !important; padding: 0 !important; border: none !important; font-size: 0; border-radius: 40px; } #cff .cff-author .cff-author-text span.cff-page-name, #cff-lightbox-wrapper .cff-author .cff-author-text span.cff-page-name{ display: table-cell; vertical-align: middle; height: 40px; margin: 0; font-weight: bold; padding-left: 50px; float: none; } #cff .cff-author a, #cff-lightbox-wrapper .cff-author a{ text-decoration: none; } #cff .cff-author .cff-story, #cff-lightbox-wrapper .cff-author .cff-story{ font-weight: normal; } #cff .cff-author .cff-author-text, #cff-lightbox-wrapper .cff-author .cff-author-text{ float: left; width: 100%; min-height: 40px; } #cff .cff-author .cff-page-name, #cff .cff-author .cff-date, #cff-lightbox-wrapper .cff-author .cff-page-name, #cff-lightbox-wrapper .cff-author .cff-date{ float: left; clear: both; width: auto; margin: 0 0 0 50px !important; font-weight: bold; line-height: 1.2; } #cff .cff-author .cff-date, #cff-lightbox-wrapper .cff-author .cff-date{ color: #9197a3; font-weight: normal; font-size: 11px; margin-top: 1px !important; margin-bottom: 0px !important; } #cff .cff-author.cff-no-author-info .cff-date, #cff-lightbox-wrapper .cff-author.cff-no-author-info .cff-date{ margin-top: 14px !important; } #cff .cff-author.cff-no-author-info .cff-author-img, #cff-lightbox-wrapper .cff-author.cff-no-author-info .cff-author-img{ width: 40px; height: 40px; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -132px -50px; } #cff .cff-author .cff-page-name.cff-author-date, #cff-lightbox-wrapper .cff-author .cff-page-name.cff-author-date{ float: left; padding: 3px 0 0 0; font-size: 14px; } #cff .cff-post-desc, #cff-lightbox-wrapper .cff-post-desc{ line-height: 1.3; } #cff span.cff-post-desc, #cff-lightbox-wrapper span.cff-post-desc{ display: block; } #cff .cff-post-text .cff-post-desc, #cff-lightbox-wrapper .cff-post-desc{ margin: 5px 0; border-left: 2px solid #ddd; border-left: 2px solid rgba(0,0,0,0.1); padding-left: 8px; } #cff .cff-text-wrapper{ float: right; width: 77%; margin: 0; padding: 0; } #cff .cff-break-word{ word-break: break-all; } #cff .cff-item img{ border: none; } #cff .cff-byline{ font-size: 12px; display: block; margin: -5px 0 10px 0; } #cff .cff-photo{ max-width: 100%; float: left; display: block; position: relative; margin: 0; } #cff .cff-photo span{ display: block; } #cff .cff-photo:after, #cff .cff-event-thumb:after, #cff .cff-html5-video:after { border: 1px solid rgba(0, 0, 0, .1); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } #cff .cff-media-above{ margin-bottom: 7px; } #cff .cff-photo img{ float: left; max-width: 100%; height: auto; margin: 0 !important; padding: 0 !important; } #cff .cff-photo .cff-album-icon{ position: absolute; z-index: 5; bottom: 5px; right: 5px; height: 22px; background: #000 url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -49px -38px; background: rgba(0,0,0,0.7) url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -49px -38px; color: #fff; font-size: 12px; margin: 0; padding: 0 0 0 26px; line-height: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px 0 rgba(255,255,255,0.8); -moz-box-shadow: 0 0 1px 0 rgba(255,255,255,0.8); -webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,0.8); } #cff .cff-photo.cff-multiple{ width: 100%; } #cff .cff-multiple .cff-crop{ overflow: hidden; } #cff .cff-main-image.cff-crop{ height: 300px; } #cff .cff-img-attachments{ width: 100%; float: left; clear: both; } #cff .cff-img-layout-2 .cff-img-wrap{ margin: 0; } #cff .cff-img-layout-2 .cff-img-wrap.cff-main-image{ margin: 0 0 0.5% 0; } #cff .cff-img-layout-2.cff-portrait .cff-img-wrap{ width: 49.75%; float: left; } #cff .cff-img-layout-2.cff-portrait .cff-img-wrap.cff-main-image{ margin: 0 0.5% 0 0; } #cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap{ width: 49.75%; margin: 0.5% 0.25% 0 0.25%; float: left; } #cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap{ width: 33%; margin: 0.5% 0.25% 0 0.25%; float: left; } #cff .cff-small-layout.cff-img-layout-2 .cff-img-wrap.cff-main-image{ margin: 0 0 1% 0; } #cff .cff-small-layout.cff-img-layout-2.cff-portrait .cff-img-wrap{ width: 49.5%; } #cff .cff-small-layout.cff-img-layout-2.cff-portrait .cff-img-wrap.cff-main-image{ margin: 0 1% 0 0; } #cff .cff-small-layout.cff-img-layout-3 .cff-img-attachments .cff-img-wrap{ width: 49.5%; margin: 1% 0.5% 0 0.5%; } #cff .cff-small-layout.cff-img-layout-4 .cff-img-attachments .cff-img-wrap{ width: 32.5%; margin: 1% 0.5% 0 0.5%; } #cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap:first-child, #cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap:first-child{ margin-left: 0; } #cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap:last-child, #cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap:last-child{ margin-right: 0; } #cff .cff-img-layout-2:after, #cff .cff-img-layout-3:after, #cff .cff-img-layout-4:after{ border: none; } #cff .cff-img-wrap{ position: relative; } #cff .cff-img-wrap:after{ border: 1px solid rgba(0, 0, 0, .1); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } #cff .cff-img-attachments .cff-crop{ width: 100%; height: 100px; display: block; float: left; position: relative; border: none; } #cff .cff-img-attachments .cff-crop img{ visibility: visible; } #cff .cff-more-attachments, .cff-gdpr-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); } #cff .cff-more-attachments span{ position: absolute; width: 100%; text-align: center; top: 50%; left: 0; height: 30px; margin-top: -15px; line-height: 30px; color: #fff; font-size: 30px; } #cff .cff-small-layout .cff-more-attachments span{ font-size: 20px; } #cff .cff-photo.cff-img-layout-2 .cff-crop, #cff .cff-html5-video.cff-img-layout-2 .cff-crop{ height: 150px; } #cff .cff-photo.cff-multiple .cff-album-icon{ display: none; } #cff .cff-album-item{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center; } #cff .cff-album-item.cff-col-2{ width: 47.5%; width: 45%\9; margin-right: 5%; } #cff .cff-album-item.cff-col-2:nth-of-type(2n){ margin-right: 0; } #cff .cff-album-item.cff-col-3{ width: 30.3%; width: 28.83%\9; margin-right: 4.5%; } #cff .cff-album-item.cff-col-3:nth-of-type(3n){ margin-right: 0; } #cff .cff-album-item.cff-col-4{ width: 22%; width: 21%\9; margin-right: 4%; } #cff .cff-album-item.cff-col-4:nth-of-type(4n){ margin-right: 0; } #cff .cff-album-item.cff-col-5{ width: 17.2%; width: 16.5%\9; margin-right: 3.5%; } #cff .cff-album-item.cff-col-5:nth-of-type(5n){ margin-right: 0; } #cff .cff-album-item.cff-col-6{ width: 14.16%; width: 13.6%\9; margin-right: 3%; } #cff .cff-album-item.cff-col-6:nth-of-type(6n){ margin-right: 0; } #cff .cff-album-item.cff-col-7{ width: 12.14%; width: 11.78%\9; margin-right: 2.5%; } #cff .cff-album-item.cff-col-7:nth-of-type(7n){ margin-right: 0; } #cff .cff-album-item.cff-col-8{ width: 10.75%; width: 10.5%\9; margin-right: 2%; } #cff .cff-album-item.cff-col-8:nth-of-type(8n){ margin-right: 0; } #cff.narrow .cff-album-item.cff-col-3, #cff.narrow .cff-album-item.cff-col-4, #cff.narrow .cff-album-item.cff-col-5, #cff.narrow .cff-album-item.cff-col-6, #cff.narrow .cff-album-item.cff-col-7, #cff.narrow .cff-album-item.cff-col-8{ width: 47.5%; width: 45%\9; margin-right: 5%; } #cff.narrow .cff-album-item.cff-col-3:nth-of-type(2n), #cff.narrow .cff-album-item.cff-col-4:nth-of-type(2n), #cff.narrow .cff-album-item.cff-col-5:nth-of-type(2n), #cff.narrow .cff-album-item.cff-col-6:nth-of-type(2n), #cff.narrow .cff-album-item.cff-col-7:nth-of-type(2n), #cff.narrow .cff-album-item.cff-col-8:nth-of-type(2n){ margin-right: 0; } #cff .cff-album-item .cff-album-cover, #cff .cff-photo.cff-crop, #cff .cff-main-image.cff-crop{ width: 100%; height: 200px; display: block; float: left; position: relative; border: none; overflow: hidden; } #cff.cff-masonry .cff-album-item .cff-album-cover{ height: auto; float: none; overflow: visible; line-height: 0; } #cff .cff-album-item .cff-album-cover img, #cff .cff-new .cff-crop img{ visibility: hidden; opacity: 0; } #cff.cff-masonry .cff-album-item .cff-album-cover img{ visibility: visible; opacity: 1; } #cff .cff-album-item.cff-video .cff-album-cover img{ opacity: 0; } #cff.cff-disable-liquid .cff-album-item .cff-album-cover{ height: auto; } #cff.cff-masonry .cff-album-item.cff-video .cff-album-cover img, #cff.cff-disable-liquid .cff-album-item .cff-album-cover img{ visibility: visible; opacity: 1; } #cff.cff-nojs .cff-album-item .cff-album-cover img{ height: 100%; visibility: visible; } #cff.cff-nojs .cff-new .cff-crop img{ visibility: visible; } #cff .cff-main-image.cff-crop, #cff .cff-html5-video.cff-multiple .cff-main-image{ overflow: hidden; float: none; } #cff .cff-html5-video.cff-multiple .cff-main-image:not(.cff-crop){ display: block; height: auto !important; } #cff .cff-html5-video.cff-img-layout-2 .cff-img-wrap{ display: block; } #cff .cff-html5-video.cff-multiple.cff-portrait .cff-main-image { float: left; } #cff .cffFadeIn{ opacity: 1; transition: all 0.1s ease; } #cff .cff-album-item .cff-album-cover:after { border: 1px solid rgba(0, 0, 0, .1); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } #cff .cff-album-item .cff-album-info{ width: 100%; height: 70px; float: left; clear: both; } #cff .cff-album-item h4{ font-size: 14px; line-height: 1.2; margin: 10px 0 0 0; padding: 0; } #cff .cff-album-item p{ font-size: 12px; color: gray; margin: 5px 0 0 0; } #cff p.cff-empty-album{ display: inline !important; margin: 0 !important; padding: 0 !important; height: 0 !important; line-height: 0 !important; width: 0 !important; clear: none !important; } #cff .cff-embed-wrap{ float: left; width: 100%; margin-top: 5px; } #cff .cff-iframe-wrap{ float: left; clear: both; margin: 5px 0; width: 100%; position: relative; padding-bottom: 62%; } #cff iframe{ border: 0; } #cff .cff-iframe-wrap iframe{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } #cff .cff-iframe-img{ display: none; } #cff .cff-soundcloud, #cff .cff-spotify{ margin: 10px 0 0 0; } #cff .cff-desc-wrap{ float: left; width: 100%; } #cff .cff-embedded-video .cff-post-text{ margin: 0 0 15px 0; } #cff.narrow .cff-embedded-video .cff-iframe-wrap, #cff.narrow .cff-embedded-video .cff-text-wrapper{ width: 100%; } #cff.narrow .cff-embedded-video .cff-iframe-wrap{ padding-bottom: 62%; } #cff .cff-video-player iframe, #cff .cff-video-player .fb-video{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #cff .cff-html5-video, #cff video{ float: left; clear: left; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; } #cff video{ z-index: 1; } #cff .cff-vidLink{ float: left; clear: both; position: relative; z-index: 1; width: 100%; max-width: 100%; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #cff .cff-vidLink .cff-poster{ width: 100%; height: auto; float: left; } #cff .cff-playbtn{ position: absolute; z-index: 9; background: #141B38; background: rgba(0,0,0,0.7); top: 50%; left: 50%; margin-top: -28px; margin-left: -28px; padding: 13px 16px; font-size: 30px; color: #fff; font-style: normal !important; width: 32px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *width: 47px; *height: 51px; *padding: 0; *background: #000 url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -83px -32px; } #cff .cff-html5-play:hover .cff-playbtn, #cff .cff-html5-play:focus .cff-playbtn, #cff .cff-html5-video .cff-playbtn:hover{ background: #141B38; cursor: pointer; *background: #000 url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -83px -32px; } #cff.cff .cff-posts-wrap svg.cff-playbtn{ width: 1em; height: 1em; font-size: 56px; padding: 14px 12px; } #cff .cff-desc-wrap.cff-no-image{ float: right; width: 86%; } #cff .cff-playbtn-solo{ width: 10%; float: left; margin-top: 5px; } #cff .cff-playbtn.no-poster, #cff.cff-half-layout .cff-playbtn.no-poster, #cff.cff-thumb-layout .cff-playbtn.no-poster{ position: relative; top: 0; left: 0; margin: 0; } .cff-html5-play{ display: block; position: absolute; z-index: 8; width: 100%; top: 0; right: 0; bottom: 0; left: 0; } #cff .cff-video-player iframe, #cff .cff-video-player .fb-video { z-index: 1; } #cff.cff-thumb-layout .cff-video .cff-playbtn, #cff.cff-half-layout .cff-video .cff-playbtn{ margin-top: -22px; margin-left: -23px; padding: 11px 13px; font-size: 24px; } #cff .cff-expand{ display: none; white-space: normal; } #cff .cff-expand a{ font-size: 11px; font-weight: normal; } #cff .cff-shared-link{ float: left; clear: both; width: 100%; padding: 8px; margin: 10px 0 5px 0; background: #f9f9f9; border: 1px solid #d9d9d9; background: rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.07); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff .cff-no-styles{ background: none; border: none; padding: 0; } #cff .cff-link{ float: left; clear: both; border: none; max-width: 20%; margin-right: 3%; } #cff .cff-link:hover, #cff .cff-link:focus{ text-decoration: none; } #cff .cff-link img{ width: 100%; max-width: 100%; float: left; margin: 0 !important; padding: 0 !important; border: none !important; } #cff .cff-link-title{ float: left; clear: both; width: 100%; display: block; font-weight: bold; } #cff p.cff-link-title{ margin: 0; } #cff .cff-text-link{ float: left; clear: none; width: 100%; padding: 0 0 5px 0; width: 72%; } #cff .cff-link-caption{ font-size: 12px; margin: 0; } #cff .cff-text-link.cff-no-image{ width: 100% !important; } #cff .cff-shared-link .cff-post-desc{ margin-bottom: 0; } #cff .cff-full-size .cff-link{ width: 100%; max-width: 100%; margin-right: 0%; margin-bottom: 5px; text-align: center; } #cff .cff-full-size .cff-link img{ width: auto; float: none; } #cff .cff-full-size .cff-text-link{ width: 100%; } #cff .cff-details, #cff-lightbox-wrapper .cff-details{ float: left; clear: none; width: 77%; margin-left: 3%; padding: 0 0 10px 0; } #cff .cff-timeline-event .cff-details, #cff-lightbox-wrapper .cff-details{ width: 100%; margin: 0; padding: 0; } #cff-lightbox-wrapper .cff-details{ padding-bottom: 20px; } #cff .cff-timeline-event .cff-timeline-event-title, #cff .cff-timeline-event .cff-date, #cff .cff-timeline-event .cff-where, #cff .cff-timeline-event .cff-info, #cff-lightbox-wrapper .cff-timeline-event-title, #cff-lightbox-wrapper .cff-date, #cff-lightbox-wrapper .cff-where{ display: block; } #cff-lightbox-wrapper .cff-info{ display: none; } #cff .cff-timeline-event .cff-date, #cff-lightbox-wrapper .cff-date{ margin: 0; } #cff .cff-timeline-event b, #cff .cff-event b, #cff-lightbox-wrapper b{ font-weight: normal; } #cff .cff-timeline-event .cff-end-date k, #cff .cff-event .cff-end-date k, #cff-lightbox-wrapper .cff-end-date k, #cff-lightbox-wrapper .cff-end-date k{ display: none; } #cff .cff-timeline-event .cff-post-text{ padding-bottom: 5px; } #cff .cff-event-thumb{ position: relative; width: 100%; float: left; clear: none; margin: 0; } #cff .cff-event-thumb img{ float: left; overflow: hidden; width: 100%; height: auto; margin: 0 !important; padding: 0 !important; border: none !important; } #cff .cff-event-thumb.cff-has-cover{ width: 100%; padding: 0; } #cff .cff-details.cff-has-cover{ width: 100%; margin: 5px 0 0 0; } #cff .cff-details h5{ margin: 0 0 5px 0; padding: 0; font-size: 16px; } #cff .cff-details p{ font-size: 14px; } #cff .cff-details .cff-info{ padding: 10px 0 0 0; line-height: 1.2; clear: both; } #cff .cff-details .cff-where{ clear: both; } #cff .cff-details .cff-where, #cff .cff-details .cff-when{ white-space: normal !important; } #cff .cff-timeline-event .cff-text-wrapper { } #cff .cff-event .cff-photo{ margin-top: 5px; } #cff .cff-event .cff-photo img{ width: 100%; max-width: 100%; height: auto; margin: 0; } #cff .cff-event .cff-details { padding: 0; } #cff.cff-half-layout .cff-event .cff-details{ float: right; width: 47%; } #cff .cff-event .cff-meta-links{ float: right; clear: both; margin: 5px 0 0 0; } #cff .cff-event .cff-meta-links a{ float: left; padding: 0 10px; border-left: 1px solid #ccc; } #cff .cff-event .cff-meta-links a:first-child{ border: none; } #cff .cff-no-events{ width: 100%; text-align: center; } #cff .cff-event .cff-date{ position: relative; } #cff .cff-more-dates{ height: 16px; margin: 0 0 0 10px; padding: 2px 5px; border: 1px solid #ddd; font-size: 12px; text-decoration: none; border-radius: 3px; } #cff .cff-more-dates:hover{ background: rgba(0,0,0,0.05); text-decoration: none; } #cff .cff-multiple-dates{ display: none; position: absolute; z-index: 10; top: 30px; left: 0; max-height: 150px; padding: 8px 20px 8px 12px; margin: 0 0 0 -12px; color: #333; overflow-y: auto; background: rgba(255,255,255,0.95); border-radius: 3px; border: 1px solid #ddd; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } #cff .cff-multiple-date{ display: block; } .cff-event-place, .cff-event-street{ display: block; } .cff-event-zip{ margin-left: 6px; } .cff-event-map-link{ margin-left: 4px; } #cff .cff-note-title{ display: block; font-weight: bold; padding-bottom: 5px; } #cff .cff-meta-wrap{ float: left; width: 100%; margin: 5px 0 0 0; padding: 0; } #cff .cff-meta, #cff-lightbox-wrapper .cff-meta{ float: left; clear: both; list-style-type: none; padding: 10px 0 !important; margin: 0 !important; } #cff .cff-meta li, #cff-lightbox-wrapper .cff-meta li{ float: left; width: auto; display: block; list-style-type: none !important; margin: 0 10px 0 0 !important; padding: 0 !important; font-size: 11px; line-height: 16px !important; background: none !important; } #cff .cff-meta li:before, #cff-lightbox-wrapper .cff-meta li:before{ content: none !important; } .cff-icon, .cff-icon svg{ width: 16px; height: 16px; transition: all 0.1s ease; } .cff-haha, .cff-wow, .cff-sad, .cff-angry, .cff-haha svg, .cff-wow svg, .cff-sad svg, .cff-angry svg{ width: 17px; height: 17px; } #cff .cff-icon, #cff .cff-reactions-count .cff-like, #cff-lightbox-wrapper .cff-icon, #cff-lightbox-wrapper .cff-reactions-count .cff-like{ display: block; float: left; position: relative; z-index: 2; margin: 0; margin-left: 3px; } #cff .cff-icon svg, #cff-lightbox-wrapper .cff-icon svg{ z-index: 2; } #cff .cff-meta .cff-count, #cff-lightbox-wrapper .cff-meta .cff-count{ position: relative; z-index: 2; margin-left: 5px; } #cff .cff-replace, #cff-lightbox-wrapper .cff-replace{ display: none; } #cff .cff-comments-box .cff-comments .cff-icon, #cff .cff-comments-box .cff-likes .cff-icon, #cff-lightbox-wrapper .cff-comments-box .cff-comments .cff-icon, #cff-lightbox-wrapper .cff-comments-box .cff-likes .cff-icon{ margin: 0 5px 0 0; } #cff .cff-reactions-count .cff-like, #cff .cff-love, #cff .cff-haha, #cff .cff-wow, #cff .cff-sad, #cff .cff-angry, #cff .cff-reactions-count svg, #cff-lightbox-wrapper .cff-reactions-count .cff-like, #cff-lightbox-wrapper .cff-love, #cff-lightbox-wrapper .cff-haha, #cff-lightbox-wrapper .cff-wow, #cff-lightbox-wrapper .cff-sad, #cff-lightbox-wrapper .cff-angry, #cff-lightbox-wrapper .cff-reactions-count svg{ display: block; float: left; position: relative; margin: 0 0 0 1px; z-index: 2; } #cff-lightbox-wrapper .cff-comments-box .cff-reactions-count .cff-icon { margin-right: 3px; } #cff .cff-icon path, #cff-lightbox-wrapper .cff-icon path{ fill: rgba(0,0,0,0.4); } #cff .cff-reaction-one path, #cff .cff-reaction-two path, #cff .cff-reactions-count path, #cff-lightbox-wrapper .cff-reaction-one path, #cff-lightbox-wrapper .cff-reaction-two path, #cff-lightbox-wrapper .cff-reactions-count path{ fill: rgba(0,0,0,0.4); } #cff svg.cff-svg-bg, #cff-lightbox-wrapper svg.cff-svg-bg, #cff .cff-reactions-count .cff-svg-bg, #cff .cff-reactions-count .cff-svg-bg-dark{ position: absolute; left: 0; top: 0; z-index: -1; } #cff .cff-svg-bg path, #cff-lightbox-wrapper .cff-svg-bg path{ fill: rgba(255,255,255,0.7); } #cff .cff-svg-bg-dark .cff-svg-bg path, #cff-lightbox-wrapper .cff-svg-bg-dark .cff-svg-bg path{ fill: rgba(0,0,0,0.05); } #cff .cff-like .cff-svg-bg path, #cff-lightbox-wrapper .cff-like .cff-svg-bg path{ fill: url(#likeGrad); } #cff .cff-dark .cff-icon path, #cff-lightbox-wrapper .cff-dark .cff-icon path, #cff .cff-dark .cff-reaction-one path, #cff .cff-dark .cff-reaction-two path, #cff .cff-dark .cff-reactions-count path, #cff-lightbox-wrapper .cff-dark .cff-reaction-one path, #cff-lightbox-wrapper .cff-dark .cff-reaction-two path, #cff-lightbox-wrapper .cff-dark .cff-reactions-count path{ fill: rgba(0,0,0,1); fill: rgba(255,255,255,0.1); } #cff .cff-dark .cff-svg-bg path, #cff-lightbox-wrapper .cff-dark .cff-svg-bg path{ fill: rgba(255,255,255,0.9); } #cff .cff-dark .cff-svg-bg-dark .cff-svg-bg path, #cff-lightbox-wrapper .cff-dark .cff-svg-bg-dark .cff-svg-bg path{ fill: rgba(255,255,255,0.7); } #cff .cff-dark .cff-like .cff-svg-bg path, #cff-lightbox-wrapper .cff-dark .cff-like .cff-svg-bg path{ fill: url(#likeGradDark); } #cff .cff-reaction-one:not(.cff-no-animate), #cff-lightbox-wrapper .cff-reaction-one{ position: relative; z-index: 1; animation-name: cff_reactions_enter; animation-duration: 0.1s; } #cff .cff-reaction-one.cff-no-animate{ margin-left: 0; } #cff .cff-reaction-two, #cff-lightbox-wrapper .cff-reaction-two{ position: relative; z-index: 0; animation-name: cff_reactions_enter_two; animation-duration: 0.2s; } @keyframes cff_reactions_enter { 0% {opacity: 0; margin-left: -10px;} 25% {opacity: 0; margin-left: -7px;} 50% {opacity: 25%; margin-left: -4px;} 50% {opacity: 50%; margin-left: -1px;} 100% {opacity: 100%; margin-left: 2px;} } @keyframes cff_reactions_enter_two { 0% {opacity: 0; margin-left: -30px;} 25% {opacity: 0; margin-left: -22px;} 50% {opacity: 25%; margin-left: -14px;} 50% {opacity: 50%; margin-left: -6px;} 100% {opacity: 100%; margin-left: 2px;} } #cff .cff-reactions-count, #cff-lightbox-wrapper .cff-reactions-count{ float: left; padding-top: 1px; font-size: 11px; line-height: 11px !important; margin-right: -2px; } #cff .cff-reactions-count span:first-child, #cff-lightbox-wrapper .cff-reactions-count span:first-child{ margin-left: 0; } #cff .cff-like-count, #cff .cff-love-count, #cff .cff-haha-count, #cff .cff-wow-count, #cff .cff-sad-count, #cff .cff-angry-count, #cff-lightbox-wrapper .cff-like-count, #cff-lightbox-wrapper .cff-love-count, #cff-lightbox-wrapper .cff-haha-count, #cff-lightbox-wrapper .cff-wow-count, #cff-lightbox-wrapper .cff-sad-count, #cff-lightbox-wrapper .cff-angry-count{ float: left; margin: 0 6px 0 0; font-size: 11px; line-height: 17px; } #cff .cff-like-count, #cff .cff-love-count, #cff .cff-haha-count, #cff .cff-wow-count, #cff .cff-sad-count, #cff .cff-angry-count{ margin-right: 8px; } .cff-reaction-wrap{ display: inline-block; } #cff .cff-view-comments, #cff-lightbox-wrapper .cff-view-comments{ display: block; overflow: hidden; outline: none; float: left; clear: left; height: 37px; margin: 5px 12px 5px 0; padding: 0 5px 0 10px; background: #eee; border: none; text-decoration: none; background: rgba(0,0,0,0.05); box-shadow: 0 0 0 1px rgba(0,0,0,0.07); border-radius: 4px; } #cff.cff-masonry-css .cff-view-comments{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #cff .cff-view-comments.cff-hide-comments{ display: none; } #cff .cff-view-comments:hover{ box-shadow: 0 0 0 1px rgba(0,0,0,0.09); } #cff .cff-view-comments{ position: relative; } #cff .cff-view-comments:after{ content: ''; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; z-index: 0; background: linear-gradient(90deg, rgba(0,0,0,0.04) 50%, rgba(0,0,0,0) 100%); transition: all 0.2s ease; } #cff .cff-view-comments:hover:after{ left: 0; transition: all 0.5s ease; } #cff .cff-open path, #cff .cff-view-comments .cff-animate path, #cff-lightbox-wrapper .cff-view-comments .cff-animate path, #cff .cff-reactions-count path{ fill: rgba(0,0,0,0.5); } #cff .cff-open .cff-dark path, #cff .cff-view-comments .cff-dark .cff-animate path, #cff-lightbox-wrapper .cff-view-comments .cff-dark .cff-animate path, #cff .cff-dark .cff-reactions-count path{ fill: rgba(255,255,255,0.05); } #cff .cff-open .cff-svg-bg path, #cff .cff-view-comments .cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-svg-bg path{ fill: rgba(255,255,255,1); } #cff .cff-open .cff-svg-bg-dark .cff-svg-bg path, #cff .cff-view-comments .cff-animate .cff-svg-bg-dark .cff-svg-bg path, #cff .cff-reactions-count .cff-svg-bg-dark .cff-svg-bg path{ fill: rgba(0,0,0,0.05); } #cff .cff-open .cff-like .cff-svg-bg path, #cff .cff-view-comments .cff-like.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-like .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-like .cff-svg-bg path{ fill: url(#likeGradHover); } #cff .cff-open .cff-love .cff-svg-bg path, #cff .cff-view-comments .cff-love.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-love .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-love .cff-svg-bg path{ fill: #ffb9b9; } #cff .cff-open .cff-haha .cff-svg-bg path, #cff .cff-open .cff-wow .cff-svg-bg path, #cff .cff-open .cff-sad .cff-svg-bg path, #cff .cff-view-comments .cff-haha.cff-animate .cff-svg-bg path, #cff .cff-view-comments .cff-wow.cff-animate .cff-svg-bg path, #cff .cff-view-comments .cff-sad.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-haha .cff-svg-bg path, #cff .cff-reactions-count .cff-wow .cff-svg-bg path, #cff .cff-reactions-count .cff-sad .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-haha .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-wow .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-sad .cff-svg-bg path{ fill: #ffe7a4; } #cff .cff-open .cff-angry .cff-svg-bg path, #cff .cff-view-comments .cff-angry.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-angry .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-angry .cff-svg-bg path{ fill: url(#angryGrad); } #cff .cff-open .cff-shares .cff-svg-bg path, #cff .cff-view-comments .cff-share.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-share .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-share .cff-svg-bg path{ fill: #fdf3d0; } #cff .cff-open .cff-comments .cff-svg-bg path, #cff .cff-view-comments .cff-comment.cff-animate .cff-svg-bg path, #cff .cff-reactions-count .cff-comment .cff-svg-bg path, #cff-lightbox-wrapper .cff-reactions-count .cff-comment .cff-svg-bg path{ fill: white; } #cff .cff-view-comments .cff-icon path, #cff .cff-view-comments .cff-icon.cff-animate path{ transition: all 0.2s ease; } #cff .cff-view-comments .cff-icon.cff-animate svg{ animation-duration: 0.2s; } #cff.cff-no-svgs svg, #cff-lightbox-wrapper.cff-no-svgs svg{ display: none; } #cff.cff-no-svgs .cff-comments-box .cff-comments .cff-icon, #cff.cff-no-svgs .cff-comments-box .cff-likes .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-comments .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-likes .cff-icon { margin: 0 3px 0 0; } #cff.cff-no-svgs .cff-like, #cff.cff-no-svgs .cff-love, #cff.cff-no-svgs .cff-haha, #cff.cff-no-svgs .cff-wow, #cff.cff-no-svgs .cff-sad, #cff.cff-no-svgs .cff-angry, #cff.cff-no-svgs .cff-share, #cff.cff-no-svgs .cff-comment, #cff.cff-no-svgs .cff-comments .cff-icon, #cff.cff-no-svgs .cff-reactions-count svg, #cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like, #cff-lightbox-wrapper.cff-no-svgs .cff-love, #cff-lightbox-wrapper.cff-no-svgs .cff-haha, #cff-lightbox-wrapper.cff-no-svgs .cff-wow, #cff-lightbox-wrapper.cff-no-svgs .cff-sad, #cff-lightbox-wrapper.cff-no-svgs .cff-angry, #cff-lightbox-wrapper.cff-no-svgs .cff-share, #cff-lightbox-wrapper.cff-no-svgs .cff-comment, #cff-lightbox-wrapper.cff-no-svgs .cff-comments .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count svg{ background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat; } #cff.cff-no-svgs .cff-like, #cff.cff-no-svgs .cff-reactions-count .cff-like, #cff-lightbox-wrapper.cff-no-svgs .cff-like, #cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like{ background-position: 0 -17px; } #cff.cff-no-svgs .cff-reactions-count .cff-like, #cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like{ width: 13px; } #cff.cff-no-svgs .cff-share{ width: 14px; background-position: 0 -33px; } #cff.cff-no-svgs .cff-comments .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-comments .cff-icon{ width: 12px; } #cff.cff-no-svgs .cff-love, #cff-lightbox-wrapper.cff-no-svgs .cff-love{ width: 15px; height: 13px; margin-top: 1px; background-position: -34px -1px; } #cff.cff-no-svgs .cff-reactions-count .cff-love, #cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-love{ height: 14px; background-position: -34px 0px; } #cff.cff-no-svgs .cff-haha, #cff-lightbox-wrapper.cff-no-svgs .cff-haha{ height: 15px; background-position: -34px -15px; } #cff.cff-no-svgs .cff-wow, #cff-lightbox-wrapper.cff-no-svgs .cff-wow{ height: 15px; background-position: -34px -47px; } #cff.cff-no-svgs .cff-sad, #cff-lightbox-wrapper.cff-no-svgs .cff-sad{ height: 15px; background-position: -34px -31px; } #cff.cff-no-svgs .cff-angry, #cff-lightbox-wrapper.cff-no-svgs .cff-angry{ height: 15px; background-position: -34px -63px; } #cff.cff-no-svgs .cff-comments-box .cff-comment-likes b, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-comment-likes b{ background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat; background-position: 1px -48px; width: 10px; height: 9px; } #cff.cff-no-svgs .cff-comments-box .cff-show-more-comments, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments{ position: relative; } #cff.cff-no-svgs .cff-comments-box .cff-show-more-comments a, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments a{ position: relative; z-index: 1; height: 20px; } #cff.cff-no-svgs .cff-comments-box .cff-show-more-comments:after, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments:after{ position: absolute; z-index: 0; content: '...'; top: -2px; font-size: 20px; color: #333; height: 20px; line-height: 20px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-comments .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-comments .cff-icon{ background-position: -17px 0; } #cff.cff-no-svgs .cff-dark .cff-reactions-count .cff-like, #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-dark .cff-reactions-count .cff-like, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-icon{ background-position: -17px -17px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-shares .cff-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-shares .cff-icon{ background-position: -17px -34px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-love, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-love{ background-position: -52px -1px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-wow, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-wow{ background-position: -34px -47px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-haha, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-haha{ background-position: -34px -15px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-sad, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-sad{ background-position: -34px -31px; } #cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-angry, #cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-angry{ background-position: -51px -63px; } #cff.cff-no-svgs .cff-dark .cff-comment-replies .cff-replies-icon, #cff-lightbox-wrapper.cff-no-svgs .cff-dark .cff-comment-replies .cff-replies-icon{ background-position: -17px -65px; } #cff.cff-no-svgs .cff-comments-box.cff-dark .cff-show-more-comments:after, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box.cff-dark .cff-show-more-comments:after{ color: rgba(255,255,255,0.7); } #cff.cff-no-svgs .cff-comments-box.cff-dark .cff-comment-likes b, #cff-lightbox-wrapper.cff-no-svgs .cff-comments-box.cff-dark .cff-comment-likes b { background-position: -16px -48px; } #cff .cff-comments-box, #cff-lightbox-wrapper .cff-comments-box{ display: none; float: left; clear: both; width: 100%; max-width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *width: 95%; *margin-top: 5px; } #cff .cff-comments-box .cff-likes, #cff-lightbox-wrapper .cff-comments-box .cff-likes{ margin-bottom: 1px; } #cff .cff-comments-box .cff-comments .cff-icon, #cff-lightbox-wrapper .cff-comments-box .cff-comments .cff-icon{ margin-top: 1px; } #cff .cff-comments-box p, #cff .cff-comments-box .cff-comment, #cff .cff-comments-box .cff-comment-reply, #cff-lightbox-wrapper .cff-comments-box p, #cff-lightbox-wrapper .cff-comments-box .cff-comment, #cff-lightbox-wrapper .cff-comments-box .cff-comment-reply{ width: 100%; min-width: 100%; float: left; clear: both; font-size: 12px; padding: 5px 20px 5px 10px; margin: 0 0 1px 0; background: #eee; background: rgba(0,0,0,0.05); line-height: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff .cff-comments-box.cff-no-comments, #cff-lightbox-wrapper .cff-comments-box.cff-no-comments{ width: auto; } #cff .cff-comments-box .cff-comment-on-facebook, #cff-lightbox-wrapper .cff-comments-box .cff-comment-on-facebook{ border-radius: 4px; } #cff-lightbox-wrapper .cff-comments-box .cff-comment-on-facebook a{ text-decoration: none; } #cff .cff-comments-wrap, #cff-lightbox-wrapper .cff-comments-wrap{ float: left; clear: both; overflow: hidden; width: 100%; padding-bottom: 0; border-radius: 0 0 4px 4px; background: rgba(0,0,0,0.05); } #cff .cff-comments-box .cff-comment, #cff-lightbox-wrapper .cff-comments-box .cff-comment{ display: none; margin: 0; background: none; } #cff .cff-comments-box .cff-name, #cff-lightbox-wrapper .cff-comments-box .cff-name{ padding: 0; margin-right: 6px; font-weight: bold; } #cff .cff-comments-box .cff-comment-likes, #cff-lightbox-wrapper .cff-comments-box .cff-comment-likes{ font-style: normal; border-radius: 4px 4px 0 0; } #cff .cff-comments-box .cff-comment-likes b, #cff-lightbox-wrapper .cff-comments-box .cff-comment-likes b{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; background-position: 0 -50px; width: 10px; height: 9px; margin: 0; line-height: 1; padding: 2px 2px 0 2px; -webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; } .cff-comments-box .cff-comment-likes path{ fill: rgba(0,0,0,0.6); } .cff-comments-box .cff-comment-likes .cff-comment-likes-bg{ background: rgba(255,255,255,0.6); box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); padding: 1px 4px 2px 3px; border-radius: 5px; margin: 0 0 0 2px; font-size: 10px; display: inline-block; } .cff-comments-box.cff-dark .cff-comment-likes .cff-comment-likes-bg{ background: rgba(255,255,255,0.2); } #cff .cff-comments-box.cff-dark .cff-comment-likes b, #cff-lightbox-wrapper .cff-comments-box.cff-dark .cff-comment-likes b{ background-position: -17px -50px; } #cff .cff-comments-box .cff-time, #cff-lightbox-wrapper .cff-comments-box .cff-time{ float: left; clear: both; font-size: 11px; margin: 2px 0 0 0; display: block; font-style: italic; } #cff .cff-comment .cff-comment-date, #cff-lightbox-wrapper .cff-comment .cff-comment-date{ margin-right: 3px; } #cff .cff-comment-likes, #cff-lightbox-wrapper .cff-comment-likes{ margin: 5px 0 10px 0; width: 100%; } #cff .cff-comment-text-wrapper, #cff-lightbox-wrapper .cff-comment-text-wrapper{ width: 100%; float: left; } #cff .cff-comment .cff-comment-img, #cff-lightbox-wrapper .cff-comment .cff-comment-img{ float: left; width: 32px; margin: 0 0 0 -100% !important; border-radius: 40px; } #cff .cff-comment .cff-comment-img img, #cff .cff-comment .cff-comment-avatar, #cff-lightbox-wrapper .cff-comment .cff-comment-img img, #cff-lightbox-wrapper .cff-comment .cff-comment-avatar{ float: left; width: 32px; margin: 0 10px 0 0 !important; padding: 0 !important; border: none !important; border-radius: 40px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #cff .cff-comment .cff-comment-avatar, #cff-lightbox-wrapper .cff-comment .cff-comment-avatar, #cff .cff-avatar-fallback, #cff-lightbox-wrapper .cff-avatar-fallback{ height: 32px; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -77px 0; } #cff-lightbox-wrapper .cff-avatar-fallback img{ position: relative; text-indent: -9999px; } #cff-lightbox-wrapper .cff-avatar-fallback img[alt]:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -77px 0; font-family: 'Helvetica'; font-weight: 300; line-height: 2; text-align: center; content: ''; } #cff .cff-comment .cff-comment-text, #cff-lightbox-wrapper .cff-comment .cff-comment-text{ margin: 0 0 0 42px; line-height: 1.3; } #cff .cff-comment .cff-comment-text p, #cff-lightbox-wrapper .cff-comment .cff-comment-text p{ padding: 0 !important; margin: 0 !important; line-height: 1.4; background: none !important; } #cff .cff-comment-text.cff-no-image, #cff-lightbox-wrapper .cff-comment-text.cff-no-image{ margin: 0; } #cff .cff-comments-box .cff-show-more-comments, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments{ text-align: center; padding: 2px 0 1px 0; background: rgba(0,0,0,0.02); border-top: 1px solid rgba(0,0,0,0.05); margin-top: 8px; transition: all 0.5s ease; } #cff .cff-comments-box .cff-show-more-comments-a, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments-a{ width: 100%; display: block; padding: 2px 0; text-decoration: none; } #cff .cff-comments-box .cff-show-more-comments svg, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments svg{ width: 17px; height: 10px; } #cff .cff-comments-box .cff-show-more-comments path, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments path{ fill: rgba(0,0,0,0.5); transition: all 0.5s ease; } #cff .cff-dark .cff-show-more-comments path, #cff-lightbox-wrapper .cff-dark .cff-show-more-comments path{ fill: rgba(255,255,255,0.8); } #cff .cff-dark .cff-show-more-comments, #cff-lightbox-wrapper .cff-dark .cff-show-more-comments{ background: rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.2); } #cff .cff-comments-box .cff-show-more-comments:hover, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments:hover{ background: rgba(0,0,0,0.05); text-decoration: none; transition: all 0.1s ease; } #cff .cff-comments-box .cff-show-more-comments:hover path, #cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments:hover path{ fill: rgba(0,0,0,0.7); transition: all 0.1s ease; } #cff .cff-comment .cff-comment-text img, #cff img.emoji, #cff-lightbox-wrapper .cff-comment .cff-comment-text img, #cff-lightbox-wrapper img.emoji{ float: none; max-width: 100%; } #cff .cff-comment-attachment, #cff-lightbox-wrapper .cff-comment-attachment{ float: left; clear: both; width: 120px; height: auto; margin: 5px 0 0 0; } #cff .cff-comment-attachment img, #cff-lightbox-wrapper .cff-comment-attachment img{ float: left; } #cff .cff-comment-replies a, #cff-lightbox-wrapper .cff-comment-replies a{ display: block; float: left; position: relative; padding: 3px 0; font-size: 11px; } #cff .cff-comment-replies-box, #cff-lightbox-wrapper .cff-comment-replies-box{ float: left; clear: both; border-left: 2px solid #dcdee3; border-left: 2px solid rgba(0,0,0,0.1); } #cff .cff-comments-box .cff-comment-replies-box .cff-comment-reply, #cff-lightbox-wrapper .cff-comments-box .cff-comment-replies-box .cff-comment-reply{ background: none; } #cff .cff-comment-replies-box a, #cff-lightbox-wrapper .cff-comment-replies-box a{ color: inherit !important; } #cff .cff-comment-replies-box .cff-comment-reply .cff-comment-img img, #cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-img img{ width: 20px; height: 20px; } #cff .cff-comment-replies-box .cff-comment-reply .cff-comment-text, #cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-text{ margin: 0 0 0 28px; } #cff .cff-comment-replies-box .cff-comment-reply .cff-comment-text.cff-no-name, #cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-text.cff-no-name{ margin: 0; } #cff .cff-comment-replies .cff-replies-icon, #cff-lightbox-wrapper .cff-comment-replies .cff-replies-icon{ background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat 0 -65px; width: 11px; height: 8px; display: block; float: left; margin: 5px 5px 0 0; } #cff .cff-dark .cff-comment-replies .cff-replies-icon, #cff-lightbox-wrapper .cff-dark .cff-comment-replies .cff-replies-icon{ background-position: -17px -65px; } #cff .cff-post-links, #cff .cff-event-meta{ float: right; clear: none; margin-top: 12px; font-size: 11px; } #cff .cff-event-meta{ float: left; } #cff .cff-post-links.cff-left{ float: left; margin: 8px 0; } #cff .cff-post-links a{ font-size: 11px; } #cff .cff-post-links a:first-child{ padding-left: 0; margin: 0; } #cff .cff-dot{ padding: 0 5px; } #cff .cff-share-container{ position: relative; display: inline; } #cff .cff-share-tooltip{ display: none; position: absolute; z-index: 1000; bottom: 22px; right: 0; width: 110px; padding: 4px 5px; margin: 0; background: #333; color: #fff; font-size: 12px; line-height: 1.4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff .cff-share-tooltip .fa-play{ position: absolute; font-size: 8px; bottom: -8px; right: 8px; color: #333; transform: rotate(90deg); height: 14px; width: 14px; } #cff .cff-share-tooltip a .fa, #cff .cff-share-tooltip a svg{ font-size: 16px; margin: 0; padding: 5px; box-sizing: unset; overflow: visible; height: 1em; width: 0.9em; display: block; } #cff .cff-share-tooltip a{ display: block; float: left; margin: 0 !important; padding: 0 !important; color: #fff !important; opacity: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #cff .cff-share-tooltip a:hover{ color: #fff !important; } #cff .cff-share-tooltip .cff-facebook-icon:hover{ background: #3b5998; } #cff .cff-share-tooltip .cff-twitter-icon:hover{ background: #00aced; } #cff .cff-share-tooltip .cff-google-icon:hover{ background: #dd4b39; } #cff .cff-share-tooltip .cff-linkedin-icon:hover{ background: #007bb6; } #cff .cff-share-tooltip .cff-pinterest-icon:hover{ background: #cb2027; } #cff .cff-share-tooltip .cff-email-icon:hover{ background: #666; } #cff .cff-share-tooltip a.cff-show{ opacity: 1; transition: opacity 0.2s ease; } .cff-likebox{ float: left; width: 100%; position: relative; margin: 0; padding: 0; } .cff-likebox.cff-top{ margin-bottom: 10px; } .cff-likebox.cff-bottom{ margin-top: 10px; } .cff-likebox iframe{ width: 100%; margin: 0 !important; border: 0 !important; padding: 0; position: relative; top: 0; left: 0; width: 100% !important; } #cff.cff-fixed-height{ padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cff.cff-thumb-layout .cff-photo, #cff.cff-thumb-layout .cff-iframe-wrap, #cff.cff-thumb-layout .cff-html5-video, #cff.cff-thumb-layout .cff-vidLink{ width: 20%; clear: none; } #cff.cff-thumb-layout .cff-html5-video .cff-vidLink{ width: 100%; } #cff.cff-thumb-layout .cff-iframe-wrap{ margin-top: 0; padding-bottom: 16%; } #cff.cff-thumb-layout .cff-likebox .fb_iframe_widget iframe{ margin: 0; } #cff.cff-thumb-layout .cff-photo img{ width: 100%; height: auto; } #cff.cff-thumb-layout .cff-posts-wrap svg.cff-playbtn{ margin-top: -15px; margin-left: -15px; width: 1em; height: 1em; font-size: 32px; padding: 8px 10px; } #cff.cff-thumb-layout .cff-text-wrapper{ float: right; width: 77%; } #cff.cff-thumb-layout .cff-link-item .cff-text-wrapper{ width: 100%; } #cff.cff-thumb-layout .cff-audio-post .cff-text-wrapper{ width: 100%; } #cff.cff-thumb-layout .cff-post-text{ margin-top: 0; } #cff.cff-thumb-layout .cff-date { margin-bottom: 10px; } #cff.cff-thumb-layout .cff-photo-hover .fa, #cff.cff-thumb-layout .cff-photo-hover svg{ margin-top: -11px; margin-left: -10px; font-size: 24px; } #cff.cff-thumb-layout .cff-full-size .cff-link, #cff.cff-thumb-layout .cff-link-slider{ width: auto; max-width: 20%; margin-right: 3%; margin-bottom: 0; text-align: left; } #cff.cff-thumb-layout .cff-full-size .cff-link img{ float: left; } #cff.cff-thumb-layout .cff-full-size .cff-text-link{ width: 72%; } #cff.cff-thumb-layout .cff-event-thumb{ width: 20%; } #cff.cff-thumb-layout .cff-details.cff-has-cover{ width: 100%; margin: 0; } #cff.cff-half-layout .cff-photo, #cff.cff-half-layout .cff-iframe-wrap, #cff.cff-half-layout .cff-html5-video, #cff.cff-half-layout .cff-vidLink{ width: 50%; clear: none; } #cff.cff-half-layout .cff-html5-video .cff-vidLink{ width: 100%; } #cff.cff-half-layout .cff-photo img{ width: 100%; height: auto; } #cff.cff-half-layout .cff-iframe-wrap{ margin-top: 0; padding-bottom: 28%; } #cff.cff-half-layout .cff-likebox .fb_iframe_widget iframe{ margin: 0; } #cff.cff-half-layout .cff-text-wrapper{ float: right; width: 47%; } #cff.cff-half-layout .cff-link-item .cff-text-wrapper{ width: 100%; } #cff.cff-half-layout .cff-audio-post .cff-text-wrapper{ width: 100%; } #cff.cff-half-layout .cff-post-text{ margin-top: 0; } #cff.cff-half-layout .cff-photo-hover .fa, #cff.cff-half-layout .cff-photo-hover svg{ margin-top: -16px; margin-left: -14px; font-size: 32px; } #cff.cff-half-layout .cff-full-size .cff-link, #cff.cff-half-layout .cff-link-slider{ width: auto; max-width: 50%; margin-right: 3%; margin-bottom: 0; text-align: left; } #cff.narrow.cff-thumb-layout .cff-full-size .cff-link, #cff.narrow.cff-half-layout .cff-full-size .cff-link, #cff.narrow.cff-thumb-layout .cff-link-slider, #cff.narrow.cff-half-layout .cff-link-slider{ max-width: 100%; } #cff.cff-half-layout .cff-full-size .cff-link img{ float: left; } #cff.cff-half-layout .cff-full-size .cff-text-link{ width: 47%; } #cff.cff-half-layout .cff-event-thumb{ width: 50%; } #cff.cff-half-layout .cff-details.cff-has-cover{ width: 100%; margin: 0; } #cff.narrow.cff-half-layout .cff-photo, #cff.narrow.cff-half-layout .cff-iframe-wrap, #cff.narrow.cff-half-layout .cff-vidLink, #cff.narrow.cff-half-layout .cff-html5-video, #cff.narrow.cff-half-layout .cff-link-slider, #cff.narrow.cff-thumb-layout .cff-photo, #cff.narrow.cff-thumb-layout .cff-iframe-wrap, #cff.narrow.cff-thumb-layout .cff-vidLink, #cff.narrow.cff-thumb-layout .cff-html5-video, #cff.narrow.cff-thumb-layout .cff-link-slider{ width: 100%; clear: both; } #cff.narrow.cff-half-layout .cff-text-wrapper, #cff.narrow.cff-thumb-layout .cff-text-wrapper{ float: left; width: 100%; } #cff.narrow .cff-shared-link .cff-link{ max-width: 100%; width: 100%; margin: 0 0 5px 0; text-align: center; } #cff.narrow .cff-shared-link .cff-link img{ float: none; width: auto; } #cff.narrow .cff-shared-link .cff-text-link{ width: 100%; } #cff.narrow .cff-event .cff-details { width: 100%; } #cff.narrow .cff-event-thumb{ width: 100%; } #cff.narrow .cff-details.cff-has-cover{ width: 100%; margin: 5px 0 0 0; } #cff.cff-super-narrow .cff-meta{ padding: 8px 0 !important; } #cff.cff-super-narrow .cff-view-comments{ margin-right: 0; padding: 0 4px 0 8px; height: 32px; } #cff.cff-super-narrow .cff-meta li{ margin: 0 5px 0 0 !important; } #cff.cff-super-narrow .cff-meta .cff-count{ margin-left: 2px; font-size: 11px; } #cff.cff-super-narrow .cff-shares .cff-count{ margin-left: 1px; } #cff.cff-super-narrow .cff-view-comments-wrap, #cff.cff-super-narrow .cff-comments-box{ float: left; width: 102%; max-width: 102%; margin-left: -1%; } #cff .cff-error-msg{ display: none; position: relative; font-size: 12px; font-family: sans-serif; padding: 8px 12px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.5); margin-bottom: 15px; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #cff .cff-error-msg p{ float: none; } #cff .cff-error-msg .cff_notice_dismiss{ position: absolute; top: 4px; right: 8px; } #cff #cff-error-reason{ padding: 5px 0 0 0; clear: both; } #cff #cff-error-reason a{ text-decoration: underline; font-weight: bold; } #cff .cff-error-msg:not(.cff_notice_dismiss) svg { width: 8px; margin-right: 5px; } #cff .cff-error-msg .cff_notice_dismiss svg { width: 11px; cursor: pointer; text-align: center; vertical-align: middle; } .cff_error_msg_header svg { width: 24px; color: #3b5998; padding-right: 5px; vertical-align: middle; margin-top: -5px; } #cff .cff-credit{ font-size: 11px; padding-top: 10px; } #cff .cff-credit a{ text-decoration: none; } #cff .cff-credit .cff-credit-logo{ float: left; display: block; width: 18px; height: 21px; margin: -2px 5px 0 0; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -54px -16px; } #cff .cff-credit .fa{ padding-right: 5px; font-size: 13px; } #cff .cff-lightbox-link{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; text-align: center; color: #fff; font-size: 12px; line-height: 1.1; border: none; } #cff.cff-doing-gdpr .cff-iframe-wrap .cff-lightbox-link:after { box-shadow: inset 0 0 1px 0 rgba(0,0,0,.7); bottom: 0; content: ''; left: 0; position: absolute; z-index: 1; right: 0; top: 0; width: 100% } #cff .cff-photo-hover{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; color: #fff; background: #333; background: rgba(0,0,0,0.4); } #cff .cff-photo-hover .fa, #cff .cff-photo-hover svg{ display: none; position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -19px; margin-left: -16px; padding: 0; font-size: 39px; font-style: normal !important; } .cff-lightbox-thumbs{ display: none; float: left; width: 100%; position: relative; width: 111%; margin: 0 0 0 -5px; } .cff-lightbox-thumbs-holder{ float: left; overflow: hidden; max-height: 0; transition: max-height 2s ease; } .cff-lightbox-thumbs-holder.cff-animate{ max-height: 2000px; transition: max-height 1.5s ease; } .cff-lightbox-thumbs-wrap{ margin-top: 10px; padding: 2px 0 6px 0; overflow: hidden; } .cff-lightbox-thumbs a, .cff-gdpr-more-link{ width: 60px; height: 60px; display: block; float: left; margin: 5px 0 0 5px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15); -webkit-transition: box-shadow 0.1s ease; -moz-transition: box-shadow 0.1s ease; -ms-transition: box-shadow 0.1s ease; -o-transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease; } .cff-lightbox-thumbs a:hover, .cff-lightbox-thumbs a:focus, .cff-gdpr-more-link:hover, .cff-gdpr-more-link:focus{ box-shadow: inset 0 0 0 4px rgba(0,0,0,0.3); outline: none; -webkit-transition: box-shadow 0.1s ease; -moz-transition: box-shadow 0.1s ease; -ms-transition: box-shadow 0.1s ease; -o-transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease; } .cff-enable-lb-comments .cff-lightbox-thumbs a{ border: 1px solid #333; } .cff-enable-lb-comments .cff-lightbox-thumbs a:hover, .cff-enable-lb-comments .cff-lightbox-thumbs a:focus{ box-shadow: inset 0 0 0 4px rgba(255,255,255,0.7); border: 1px solid #bbb; } .cff-lightbox-thumbs .cff-selected, .cff-lightbox-thumbs .cff-selected:hover, .cff-lightbox-thumbs .cff-selected:focus{ box-shadow: inset 0 0 0 4px rgba(255,255,255,0.7); border: 1px solid #eee; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cff-lightbox-thumbs .cff-selected:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.2); } .cff-lightbox-thumbs img{ width: 60px; height: auto; } .cff-lightbox-thumbs .cff-loader{ width: 20px; height: 20px; position: absolute; z-index: 999; top: 50%; left: 50%; margin: -10px 0 0 -10px; background-color: none; background-color: rgba(0,0,0,0.5); border-radius: 100%; -webkit-animation: ctf-sk-scaleout 1.0s infinite ease-in-out; animation: ctf-sk-scaleout 1.0s infinite ease-in-out; } .cff-lightbox-overlay { position: absolute; top: 0; left: 0; z-index: 999999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.9; display: none; } .cff-lightbox-wrapper { position: absolute; left: 0; width: 100%; z-index: 1000000; text-align: center; line-height: 0; font-weight: normal; } .cff-lightbox-wrapper .cff-lightbox-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-image{ -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .cff-lightbox-wrapper.cff-enable-lb-comments.cff-has-thumbs .cff-lightbox-image{ -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; -ms-border-radius: 3px 0 0 0; -o-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } .cff-lightbox-wrapper a img { border: none; } .cff-lightbox-outerContainer { position: relative; background-color: #141B38; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .cff-lightbox-outerContainer:after { content: ""; display: table; clear: both; } .cff-lightbox-container { position: relative; padding: 0; height: 100%; } .cff-lightbox-cancel { display: block; width: 16px; height: 16px; margin: 0 auto; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat -71px -62px; } #cff-lightbox-wrapper .cff-lightbox-caption, #cff-lightbox-wrapper .cff-lightbox-caption-text{ float: left; clear: both; width: 100%; } #cff-lightbox-wrapper .cff-lightbox-caption-text{ margin: 0 0 15px 0; } #cff-lightbox-wrapper .cff-gdpr-more-link { position: relative; display: inline-block; clear:both; margin-top: 10px; margin-left: 0; } #cff-lightbox-wrapper .cff-gdpr-more-link:hover { background: #eee; } #cff-lightbox-wrapper .cff-gdpr-more-link span { position: absolute; display: none; top: 50%; right: 50%; margin-top: -8px; margin-right: -10px; color: #fff; font-weight: bold; font-size: 18px; } #cff-lightbox-wrapper .cff-lightbox-facebook{ margin: 0; padding: 0; border-left: none; border-bottom: none; color: #3b579d; width: 100%; display: block; float: left; clear: both; } #cff-lightbox-wrapper .cff-lightbox-facebook svg { vertical-align: middle; width: 12px; height: 14px; margin-right: 6px; margin-top: -5px; } #cff-lightbox-wrapper .cff-lightbox-caption .cff-dot{ margin: 0 7px; } #cff-lightbox-wrapper .cff-lightbox-caption.cff-no-caption .cff-lightbox-caption-text{ margin: 0; } #cff-lightbox-wrapper .cff-lightbox-caption.cff-no-caption .cff-lightbox-facebook{ padding: 0; border: none; } #cff-lightbox-wrapper .cff-lightbox-caption .cff-event-title, #cff-lightbox-wrapper .cff-lightbox-caption .cff-date, #cff-lightbox-wrapper .cff-lightbox-caption .cff-location{ display: block; padding-bottom: 10px; } #cff-lightbox-wrapper .cff-lightbox-caption .cff-desc{ display: block; padding-top: 10px; } #cff-lightbox-wrapper .cff_gdpr_notice { z-index: 1; display: block; position: absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -44px; padding: 20px; } #cff-lightbox-wrapper .cff_gdpr_notice svg:not(:root).svg-inline--fa { position: relative; display: block !important; height: 48px; width: 48px; opacity: .8; } #cff-lightbox-wrapper .cff_gdpr_notice:hover svg:not(:root).svg-inline--fa { opacity: 1; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar{ width: 14px; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar-thumb{ border-radius: 0px; background-color: #ccc; border: 3px solid #fff; border-left: none; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar-track{ border-radius: 0; background-color: #fff; } #cff-lightbox-wrapper .cff-lightbox-caption-text a:link, #cff-lightbox-wrapper .cff-lightbox-caption-text a:hover, #cff-lightbox-wrapper .cff-lightbox-caption-text a:active, #cff-lightbox-wrapper .cff-lightbox-caption-text a:visited, #cff-lightbox-wrapper .cff-lightbox-facebook:link, #cff-lightbox-wrapper .cff-lightbox-facebook:hover, #cff-lightbox-wrapper .cff-lightbox-facebook:active, #cff-lightbox-wrapper .cff-lightbox-facebook:visited{ color: #3b579d; text-decoration: none; } #cff-lightbox-wrapper .cff-lightbox-caption-text a:hover, #cff-lightbox-wrapper .cff-lightbox-caption-text a:focus, #cff-lightbox-wrapper .cff-lightbox-facebook:hover, #cff-lightbox-wrapper .cff-lightbox-facebook:focus{ text-decoration: underline; border-bottom: none; } .cff-lightbox-nav { top: 0; left: 0; width: 100%; z-index: 1000; } .cff-lightbox-container > .nav { left: 0; } .cff-lightbox-nav a { outline: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); position: absolute; z-index: 1000; top: 0; bottom: 0; height: auto; } .cff-has-iframe .cff-lightbox-nav a { top: 50px; bottom: 50px; } .cff-has-video .cff-lightbox-nav a { top: 35px; bottom: 35px; } .cff-fb-player .cff-lightbox-nav a.cff-lightbox-next, .cff-fb-player .cff-lightbox-nav a.cff-lightbox-prev{ top: 75px; bottom: 75px; width: 7%; } .cff-lightbox-prev, .cff-lightbox-next { height: 100%; cursor: pointer; display: block; } .cff-lightbox-prev:active, .cff-lightbox-next:active, .cff-lightbox-prev:focus, .cff-lightbox-next:focus{ outline: none; } .cff-lightbox-nav a.cff-lightbox-prev { width: 50px; left: -50px; float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0.3; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .cff-lightbox-nav a.cff-lightbox-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .cff-lightbox-nav a.cff-lightbox-next { width: 50px; right: -50px; float: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0.3; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .cff-enable-lb-comments .cff-lightbox-nav a.cff-lightbox-next { margin-right: -300px; } .cff-lightbox-nav a.cff-lightbox-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .cff-lightbox-dataContainer{ position: relative; margin: 0 auto; padding: 0; *zoom: 1; width: 100%; background: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .cff-enable-lb-comments .cff-lightbox-dataContainer{ background: #222; } .cff-lightbox-nav span{ display: block; top: 50%; position: absolute; left: 0; width: 34px; height: 45px; margin: -25px 0 0 0; background: url(//grahamforster.com/wp-content/plugins/custom-facebook-feed-pro/assets/img/cff-sprite.png) no-repeat; text-indent: -9999px; } .cff-lightbox-nav a.cff-lightbox-prev span{ background-position: -160px 0; } .cff-lightbox-nav a.cff-lightbox-next span{ left: auto; right: 0; background-position: -125px 0; } .cff-fb-player .cff-lightbox-nav a.cff-lightbox-prev span{ left: 10px; } .cff-fb-player .cff-lightbox-nav a.cff-lightbox-next span{ right: 10px; } .cff-lightbox-dataContainer:after { content: ""; display: table; clear: both; } .cff-lb-dataContainer a{ color: #ccc; text-decoration: underline; } .cff-lb-dataContainer a:hover, .cff-lb-dataContainer a:focus{ color: #fff; text-decoration: underline; } .cff-lightbox-data { padding: 0 4px; color: #444; } .cff-lightbox-data .cff-lightbox-details { position: relative; width: 90%; padding: 0 0 0 2px; float: left; text-align: left; line-height: 1.1em; } .cff-lightbox-data .cff-lightbox-caption { padding: 15px 10px 10px 10px; margin: 0; font-size: 14px; line-height: 1.3; } .cff-lightbox-data .cff-lightbox-number { clear: left; padding-right: 10px; font-size: 12px; color: #999999; } .cff-lightbox-data .cff-lightbox-close { display: block; float: right; width: 30px; height: 30px; margin: 0 -5px 0 0; color: #333; text-align: center; margin-top: 7px; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .cff-lightbox-data .cff-lightbox-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .cff-lightbox-sidebar .cff-lightbox-closeContainer{ position: absolute; top: 0; right: 0; } .cff-lightbox-sidebar .cff-lightbox-closeContainer .cff-lightbox-close{ display: block; padding: 8px; cursor: pointer; line-height: 1; } .cff-lightbox-sidebar .cff-lightbox-closeContainer .cff-lightbox-close:hover{ color: black; } .cff-lightbox-closeContainer svg { width: 10px; height: 14px; } .cff-lightbox-video{ display: none; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-width: 100%; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .cff-has-video .cff-lightbox-video{ display: block; } #cff-lightbox-wrapper.cff-has-video .cff-lightbox-image{ display: none !important; *display: block !important; } .cff-has-video .cff-lightbox-outerContainer{ min-width: 640px; min-height: 360px; } .cff-has-video .cff-lightbox-dataContainer{ min-width: 640px; } .cff-has-video.cff-enable-lb-comments .cff-lightbox-outerContainer, .cff-has-video.cff-enable-lb-comments .cff-lightbox-dataContainer{ min-width: 0; min-height: 0; } @media all and (max-width: 640px){ .cff-has-video .cff-lightbox-outerContainer{ min-width: 100%; min-height: auto; } .cff-has-video .cff-lightbox-dataContainer{ min-width: 100%; } #cff.cff-width-resp{ width: 100% !important; } .cff-lightbox-nav a.cff-lightbox-prev { width: 25px; left: -25px; } .cff-lightbox-nav a.cff-lightbox-next { width: 25px; right: -25px; } .cff-lightbox-nav span{ left: 0; } .cff-lightbox-nav a.cff-lightbox-prev span{ background-position: -108px 0; background-size: 650%; width: 20px; height: 30px; } .cff-lightbox-nav a.cff-lightbox-next span{ background-position: -84px 0; background-size: 650%; width: 20px; height: 30px; } .cff-lightbox-thumbs a { border: none; } .cff-lightbox-thumbs a:hover, .cff-lightbox-thumbs a:focus, .cff-lightbox-thumbs .cff-selected, .cff-lightbox-thumbs .cff-selected:hover, .cff-lightbox-thumbs .cff-selected:focus { box-shadow: inset 0 0 0 4px rgba(0,0,0,0.5); border: none; } } #cff-lightbox-wrapper iframe{ display: none; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100%; max-width: 100%; } #cff-lightbox-wrapper.cff-has-iframe iframe{ display: block; } #cff-lightbox-wrapper.cff-has-iframe .cff-lightbox-image{ min-width: 500px; display: none !important; } #cff .cff-media-overlay{ position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100; } #cff.cff-all-reviews .cff-review, #cff.cff-all-reviews.cff-masonry .cff-review{ display: none; } #cff .cff-review .cff-reviewer-name{ padding-right: 8px; margin-left: 0 !important; } #cff .cff-review .cff-author .cff-author-text .cff-rating{ float: none; display: inline-block; margin: 0 0 5px 0 !important; padding: 3px 6px; height: auto; background: #5890FF; color: #fff; line-height: 0.9; white-space: nowrap; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } #cff .cff-review .cff-rating span.cff-rating-num, #cff .cff-review .cff-rating span.cff-star{ margin: 0 2px 0 4px !important; padding: 0; height: auto; display: inline-block; vertical-align: top; line-height: 1; color: #fff; font-weight: normal; font-size: 12px!important; } #cff .cff-review .cff-rating span.cff-star{ margin: 0 2px 0 0 !important; } #cff .cff-review .cff-post-links{ float: left; } #cff .cff-load-more{ display: block; float: left; clear: both; border: none; background: #eee; background: rgba(0,0,0,0.05); width: 100%; min-height: 30px; padding: 5px 0; margin: 10px 0 0 0; position: relative; text-align: center; box-sizing: border-box; outline: none; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: background 0.1s ease-in-out; -webkit-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } #cff .cff-load-more:hover{ background: #ddd; background: rgba(0,0,0,0.1); text-decoration: none; -moz-transition: background 0.1s ease-in-out; -webkit-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } #cff .cff-load-more.cff-loading span{ -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #cff .cff-load-more.cff-loading span{ filter: alpha(opacity=0); opacity: 0; } #cff .cff-no-more-posts{ width: 100%; float: left; clear: both; display: block; min-height: 30px; padding: 7px 0; margin: 10px 0 -1px 0; position: relative; box-sizing: border-box; background: rgba(255,255,255,0.1); border: 1px solid #ddd; text-align: center; outline: none; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #cff .cff-loader, .cff-lightbox-loader { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; background-color: none; background-color: rgba(0,0,0,0.5); border-radius: 100%; -webkit-animation: ctf-sk-scaleout 1.0s infinite ease-in-out; animation: ctf-sk-scaleout 1.0s infinite ease-in-out; } .cff-lightbox-loader { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-color: rgba(255,255,255,0.8); } #cff .cff-comment-replies .cff-loader{ width: 12px; height: 12px; position: absolute; top: 50%; left: auto; right: -16px; margin: -6px 0 0 0; } @-webkit-keyframes ctf-sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes ctf-sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } #cff .cff-load-more.cff-disabled{ cursor: default; } #cff.cff-pag:not(.cff-carousel) .cff-upcoming-event, #cff.cff-pag.cff-masonry.cff-masonry-css .cff-item.cff-upcoming-event, #cff.cff-pag.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item.cff-upcoming-event, #cff.cff-pag.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item.cff-upcoming-event, #cff.cff-pag.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item.cff-upcoming-event, #cff.cff-pag.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item.cff-upcoming-event{ display: none; } #cff .cff-poster { padding: 0 !important; margin: 0 !important; width: 100% !important; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-outerContainer{ position: relative; padding-right: 300px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar{ width: 300px; position: absolute; top: 0; right: -300px; height: 100%; bottom: 0; background: #fff; line-height: 1.4; overflow: hidden; overflow-y: auto; text-align: left; border-radius: 0 3px 3px 0; } .cff-lightbox-wrapper.cff-enable-lb-comments.cff-has-thumbs .cff-lightbox-sidebar{ border-radius: 0 3px 0 0; } #cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-dataContainer .cff-lightbox-caption{ display: none !important; } #cff-lightbox-wrapper .cff-comments-box, #cff-lightbox-wrapper .cff-comments-box.cff-no-comments{ display: block !important; width: 90%; margin: 0 5% 15px 5%; } #cff-lightbox-wrapper .cff-comment{ display: block !important; } #cff-lightbox-wrapper .cff-comments-box p{ text-align: left; } #cff-lightbox-wrapper .cff-lightbox-sidebar-content{ padding: 15px 20px; } #cff-lightbox-wrapper p.cff-comment-likes{ padding-right: 10px; line-height: 16px; } #cff .cff-likes-this-text, #cff-lightbox-wrapper .cff-likes-this-text{ display: inline; min-height: 20px; line-height: 20px; } #cff-lightbox-wrapper .cff-likes-this-text.cff-long{ display: inline-block; float: left; clear: both; margin-top: 4px; line-height: 16px; } #cff .cff-liker-one-name, #cff-lightbox-wrapper .cff-liker-one-name{ margin-left: 8px; } .cff-screenreader{ text-indent: -9999px !important; display: block !important; width: 0 !important; height: 0 !important; line-height: 0 !important; } .cff-screenreader.cff-inline-sr { display: inline-block !important; } #cff .cff-linebreak{ display: block; height: 5px; } #cff .cff-cta-link a { display: inline-block; padding: 5px 15px; border: 1px solid #eee; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; background: rgba(0,0,0,0.02); } #cff .cff-cta-link a:hover { background: #f9f9f9; background: rgba(0,0,0,0.03); text-decoration: none; } #cff .cff-link-slider { position: relative; overflow: hidden; width: 100%; margin: 0 auto 10px auto; } #cff.cff-thumb-layout .cff-link-slider, #cff.cff-half-layout .cff-link-slider{ float: left; } #cff .cff-link-slider .cff-link-slider-slides { position: relative; left: 0; float: left; margin: 0; padding: 0; list-style: none; -webkit-transition: all 0.2s ease; } #cff .cff-link-slider .cff-link-slider-item { position: relative; display: none; float: left; margin: 0; padding: 0; text-align: center; } #cff .cff-link-slider .cff-link-slider-item:first-child{ display: block; } #cff .cff-link-slider .cff-link-slider-item img{ display: block; margin: 0 auto; } #cff .cff-link-slider .cff-slider-next, #cff .cff-link-slider .cff-slider-prev { position: absolute; top: 50%; z-index: 999; display: block; width: 12px; height: 20px; margin-top: -17px; background: #f9f9f9; color: #333; text-decoration: none; font-weight: 600; font-size: 16px; cursor: pointer; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.1s ease; -webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; } #cff .cff-link-slider .cff-slider-prev { left: -1px; display: none; border-radius: 0 2px 2px 0; padding: 6px 7px 6px 5px; } #cff .cff-link-slider .cff-slider-next { right: -1px; border-radius: 2px 0 0 2px; padding: 6px 5px 6px 7px; } #cff .cff-link-slider .cff-slider-next:hover, #cff .cff-link-slider .cff-slider-prev:hover{ margin-top: -19px; color: #141B38; box-shadow: 0 0 8px 2px rgba(0,0,0,0.2); -webkit-transition: all 0.1s ease; } #cff .cff-link-slider .cff-slider-prev:hover{ padding: 8px 9px 8px 5px; } #cff .cff-link-slider .cff-slider-next:hover{ padding: 8px 5px 8px 9px; } #cff .cff-link-slider .cff-slider-next:active, #cff .cff-link-slider .cff-slider-next:focus, #cff .cff-link-slider .cff-slider-prev:active, #cff .cff-link-slider .cff-slider-prev:focus{ outline: none; } #cff .cff-link-slider .cff-slider-next .fa, #cff .cff-link-slider .cff-slider-prev .fa{ position: absolute; top: 50%; margin-top: -8px; height: 16px; padding: 0; line-height: 1; } #cff.cff-masonry { box-sizing: border-box; } #cff.cff-masonry .cff-item:first-child, #cff.cff-masonry .cff-item { padding-top: 20px; margin-top: 0; } #cff.cff-masonry .cff-item, #cff.cff-masonry .cff-album-item, #cff.cff-masonry .cff-likebox{ float: none; display: inline-block; width: 30.3%; margin: 0 1.5%; margin-bottom: 20px; } #cff.cff-masonry.masonry-1-desktop .cff-album-item { width: 100%; margin: 0; } #cff.cff-masonry.cff-opaque-comments .cff-item{ z-index: 1; } #cff.cff-masonry.masonry-2-desktop .cff-item, #cff.cff-masonry.masonry-2-desktop .cff-album-item, #cff.cff-masonry.masonry-2-desktop .cff-likebox{ width: 47%; margin: 0 1.5%; } #cff.cff-masonry.masonry-4-desktop .cff-item, #cff.cff-masonry.masonry-4-desktop .cff-album-item, #cff.cff-masonry.masonry-4-desktop .cff-likebox{ width: 22%; margin: 0 1.5%; } #cff.cff-masonry.masonry-5-desktop .cff-item, #cff.cff-masonry.masonry-5-desktop .cff-album-item, #cff.cff-masonry.masonry-5-desktop .cff-likebox{ width: 17%; margin: 0 1.5%; } #cff.cff-masonry.masonry-6-desktop .cff-item, #cff.cff-masonry.masonry-6-desktop .cff-album-item, #cff.cff-masonry.masonry-6-desktop .cff-likebox{ width: 13.516%; margin: 0 1.5%; } #cff.cff-masonry .cff-comments-box { position: relative; z-index: 999; } #cff.cff-masonry .cff-comment-attachment, #cff.cff-masonry .cff-comment-replies-box { max-width: 100%; } #cff.cff-masonry .cff-load-more{ display: block; float: left; clear: both; } @media (max-width: 800px){ #cff.cff-masonry .cff-item, #cff.cff-masonry.masonry-2-desktop .cff-item, #cff.cff-masonry.masonry-3-desktop .cff-item, #cff.cff-masonry.masonry-4-desktop .cff-item, #cff.cff-masonry.masonry-5-desktop .cff-item, #cff.cff-masonry.masonry-6-desktop .cff-item, #cff.cff-masonry .cff-album-item, #cff.cff-masonry.masonry-2-desktop .cff-album-item, #cff.cff-masonry.masonry-3-desktop .cff-album-item, #cff.cff-masonry.masonry-4-desktop .cff-album-item, #cff.cff-masonry.masonry-5-desktop .cff-album-item, #cff.cff-masonry.masonry-6-desktop .cff-album-item, #cff.cff-masonry .cff-likebox{ width: 100%; margin: 0; } #cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item, #cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-album-item, #cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox{ width: 47%; margin-left: 1.5%; margin-right: 1.5%; } #cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item, #cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-album-item, #cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox{ width: 30.3%; margin-left: 1.5%; margin-right: 1.5%; } #cff.cff-masonry.masonry-4-tablet .cff-item, #cff.cff-masonry.masonry-4-tablet .cff-album-item, #cff.cff-masonry.masonry-4-tablet .cff-likebox{ width: 22%; } #cff.cff-masonry.masonry-1-tablet .cff-album-item { width: 100%; margin: 0; } } @media (max-width: 480px){ #cff.cff-masonry .cff-item, #cff.cff-masonry.masonry-2-desktop .cff-item, #cff.cff-masonry.masonry-3-desktop .cff-item, #cff.cff-masonry.masonry-4-desktop .cff-item, #cff.cff-masonry.masonry-5-desktop .cff-item, #cff.cff-masonry.masonry-6-desktop .cff-item, #cff.cff-masonry .cff-album-item, #cff.cff-masonry.masonry-2-desktop .cff-album-item, #cff.cff-masonry.masonry-3-desktop .cff-album-item, #cff.cff-masonry.masonry-4-desktop .cff-album-item, #cff.cff-masonry.masonry-5-desktop .cff-album-item, #cff.cff-masonry.masonry-6-desktop .cff-album-item, #cff.cff-masonry .cff-likebox{ width: 100%; margin: 0; } #cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item, #cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-album-item, #cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox{ width: 47%; margin-left: 1.5%; margin-right: 1.5%; } #cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item, #cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-album-item, #cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox{ width: 30.3%; margin-left: 1.5%; margin-right: 1.5%; } #cff.cff-masonry.masonry-1-mobile .cff-album-item { width: 100%; margin: 0; } } #cff.cff-masonry .cff-posts-wrap .cff-album-item { margin-bottom: 3%; } #cff.cff-masonry.cff-masonry-css { width: 100%; overflow: hidden; margin-bottom: 20px; } #cff.cff-masonry.cff-masonry-css .cff-posts-wrap{ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-fill: auto; column-fill: unset; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin: 0; } #cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-posts-wrap { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin: 0; } #cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-posts-wrap { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; margin: 0; } #cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-posts-wrap { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; margin: 0; } #cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-posts-wrap { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; margin: 0; } #cff.cff-masonry.cff-masonry-css .cff-item, #cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item, #cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item, #cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item, #cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item, #cff.cff-masonry.cff-masonry-css .cff-likebox { float: none; display: inline-block; width: 100%; margin: 0 0 12px 0; } #cff.cff-masonry.cff-masonry-css .cff-likebox { width: 99.5%; } #cff.cff-masonry.cff-masonry-css .cff-load-more{ margin: 0 0 10px 0; position: relative; bottom: 0; } @media only screen and ( max-width: 780px ) { #cff.cff-masonry.cff-masonry-css .cff-posts-wrap, #cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-posts-wrap, #cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-posts-wrap, #cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-posts-wrap, #cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-posts-wrap { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin: 0; } #cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap .cff-item, #cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap { width: 100%; } } #cff.cff-disable-masonry{ height: auto !important; } #cff.cff-disable-masonry .cff-item, #cff.cff-disable-masonry .cff-likebox{ position: relative !important; top: auto !important; } #cff .cff-comments-box .cff-comment-likes.cff-likes{ padding: 0; } #cff .cff-comments-box .cff-likes-info-wrap{ padding: 5px 20px 5px 10px; display: block; float: left; box-sizing: border-box; } #cff .cff-album-details { text-align: center; font-family: inherit; margin: 0 auto; padding: 0 20px; } #cff .cff-album-details *{ float: none; } #cff .cff-album-details p { margin: 0 !important; } #cff .cff-album-details span{ display: inline-block; } #cff .cff-album-details .cff-album-desc-meta { font-size: 0.85em; opacity: 0.7; margin-top: 5px !important; } #cff .cff-album-details .cff-album-photo-count{ margin-right: 5px; } #cff .cff-album-details .cff-album-desc { margin: 10px 0 40px 0 !important; } @media all and (min-width: 480px){ #cff.masonry-1-desktop .cff-posts-wrap .cff-item{ width: 100%; float: left; margin: 0; margin-bottom: 0; } } .cff-num-diff-hide { display: none !important; } @media all and (max-width: 800px){ #cff.cff-tab-cols-1 .cff-posts-wrap .cff-album-item{ width: 100%; } #cff .cff-posts-wrap .cff-album-item{ width: 47.5%; margin-left: 1.5%; margin-right: 1.5% !important; } #cff.cff-tab-cols-3 .cff-posts-wrap .cff-album-item{ width: 30%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-tab-cols-4 .cff-posts-wrap .cff-album-item{ width: 22%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-tab-cols-5 .cff-posts-wrap .cff-album-item{ width: 17%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-tab-cols-6 .cff-posts-wrap .cff-album-item{ width: 15%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff .cff-posts-wrap .cff-album-item:nth-of-type(2n), #cff.cff-tab-cols-3 .cff-posts-wrap .cff-album-item:nth-of-type(3n), #cff.cff-tab-cols-4 .cff-posts-wrap .cff-album-item:nth-of-type(4n), #cff.cff-tab-cols-5 .cff-posts-wrap .cff-album-item:nth-of-type(5n), #cff.cff-tab-cols-6 .cff-posts-wrap .cff-album-item:nth-of-type(6n){ margin-right: 0 !important; } } @media all and (max-width: 480px){ #cff .cff-album-item .cff-album-info { height: auto; } .cff-wrapper .cff-visual-header .cff-header-img img { width: 80px; } .cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text { margin-left: 105px; } } @media all and (max-width: 480px){ #cff.cff-mob-cols-1 .cff-posts-wrap .cff-album-item, #cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item{ width: 100%; } #cff.cff-mob-cols-2 .cff-posts-wrap .cff-album-item{ width: 47.5%; margin-left: 1.5%; margin-right: 1.5% !important; } #cff.cff-mob-cols-3 .cff-posts-wrap .cff-album-item{ width: 30%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-mob-cols-4 .cff-posts-wrap .cff-album-item{ width: 22%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-mob-cols-5 .cff-posts-wrap .cff-album-item{ width: 17%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-mob-cols-6 .cff-posts-wrap .cff-album-item{ width: 15%; margin-left: 1.5%; margin-right: 1.5% !important;} #cff.cff-mob-cols-2 .cff-posts-wrap .cff-album-item:nth-of-type(2n), #cff.cff-mob-cols-3 .cff-posts-wrap .cff-album-item:nth-of-type(3n), #cff.cff-mob-cols-4 .cff-posts-wrap .cff-album-item:nth-of-type(4n), #cff.cff-mob-cols-5 .cff-posts-wrap .cff-album-item:nth-of-type(5n), #cff.cff-mob-cols-6 .cff-posts-wrap .cff-album-item:nth-of-type(6n){ margin-right: 0 !important; } } #cff.cff-dark .cff-item, #cff.cff-dark .cff-album-item, #cff.cff-dark .cff-item.cff-box, #cff.cff-dark .cff-item.cff-box:first-child{ background-color: rgba(0,0,0,.85); color: rgba(255,255,255,.75); } #cff.cff-dark .cff-item a{ color: #fff; text-decoration: underline; } #cff.cff-dark .cff-date { color: rgba(255,255,255,.5); } #cff.cff-dark .cff-post-links a, #cff.cff-dark .cff-author-date, #cff.cff-dark .cff-album-info a{ color: #fff; } #cff.cff-dark .cff-album-info p{ color: rgba(255,255,255,.75); } #cff.cff-light .cff-item, #cff.cff-light .cff-album-item, #cff.cff-light .cff-item.cff-box, #cff.cff-light .cff-item.cff-box:first-child{ background-color: rgba(255,255,255,.95); color: rgba(0,0,0,.8); } #cff.cff-light .cff-item a{ color: #000; text-decoration: underline; } #cff.cff-light .cff-date { color: rgba(0,0,0,0.5); } #cff.cff-light .cff-post-links a, #cff.cff-light .cff-author-date, #cff.cff-light .cff-album-info a{ color: #000; } #cff.cff-light .cff-album-info p{ color: rgba(0,0,0,0.7); } .cff-gdpr-notice{ max-width: 100%; box-sizing: border-box; padding: 8px 15px; margin: 0; font-size: 12px; background: #fdf7f7; display: inline-block; border-radius: 5px; border: 1px solid #e4b1b1; line-height: 1.3; display: none; } .cff-gdpr-notice .fa-lock{ width: 8px; } .cff-sw-update-ntc{ border: 1px solid #e4b1b1; background: #fdf7f7; color: #333; margin: 0 0 10px 0; padding: 10px 15px; font-size: 13px; text-align: center; clear: both; border-radius: 4px; } .cff-sw-update-ntc p{ padding: 5px 0 !important; margin: 0 !important; line-height: 1.3 !important; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; } .cff-sw-update-ntc p:first-child b{ font-size: 14px; }html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body { font-family: 'Work Sans', sans-serif; font-size: 16px; line-height: 1.63; color: #26252e; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 13px; line-height: normal; } p { margin-top: 0; margin-bottom: 16px; } p:last-child { margin-bottom: 0; } img { max-width: 100%; height: auto; } .wrapper { position: relative; display: flex; flex-direction: column; min-height: 100vh; } .content { flex: 1 0 auto; } .footer { flex: 0 0 auto; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1440px) { .container { max-width: 1440px; padding-right: 80px; padding-left: 80px; } } .row { display: flex; flex-wrap: wrap; padding-right: 0; padding-left: 0; } .col-left, .col-right { width: 50%; padding-right: 15px; padding-left: 15px; } @media (min-width: 1440px) { .col-left { padding-left: 80px; } .col-right { padding-right: 80px; } } .col-left { margin-right: auto; } .col-left--margin-right { margin-right: 50%; } .col-right { margin-left: auto; } .col { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 1440px) { .col { padding-left: 80px; padding-right: 80px; } } .reset-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .header { width: 100%; padding-top: 32px; padding-bottom: 27px; } .header--absolute { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } .header--border-bottom { border-bottom: 1px solid rgba(38, 37, 46, 0.2); } .header__container { align-items: center; } .header__row { align-items: center; } .header__logo { margin-right: auto; } .logo { font-size: 24px; font-weight: bold; line-height: normal; text-decoration: none; color: #2b2b2d; } .header__col-right { display: flex; justify-content: flex-end; } .nav__list li { margin-right: 45px; } .nav__list li:last-of-type { margin-right: 0; } .nav__list a { font-family: 'Questrial', sans-serif; line-height: normal; text-transform: uppercase; text-decoration: none; color: #2b2b2d; } .opener-nav { display: none; } @media(max-width: 991px) { .nav { position: fixed; z-index: -1; top: 0; left: 0; right: 0; width: 100%; min-height: 100%; padding: 50px 15px; background-color: #ffffff; transition: opacity 0.3s, background-color 0.3s, backdrop-filter 0.3s; opacity: 0; pointer-events: none; } .is-open.nav { z-index: 999; background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); transition: opacity 0.7s, background-color 0.7s, backdrop-filter 0.7s; opacity: 1; pointer-events: auto; } .nav__list li { width: 100%; margin-bottom: 30px; margin-right: 0; text-align: center; } .nav__list li:last-of-type { margin-bottom: 0; } .opener-nav { position: relative; display: block; width: 32px; height: 24px; padding: 0; border: 0; background: none; outline: none; } .opener-nav::before, .opener-nav::after { content: ''; position: absolute; left: 0; width: 100%; height: 4px; border-radius: 4px; background-color: #26252e; transition: transform 0.35s, top 0.35s; } .opener-nav::before { top: 0; } .opener-nav::after { bottom: 0; } .opener-nav__line { position: absolute; top: 50%; left: 0; width: 100%; height: 4px; border-radius: 4px; background-color: #26252e; transform: translateY(-50%); transition: opacity 0.35s; } .active.opener-nav { z-index: 999; } .active.opener-nav::before { top: 10px; transform: rotate(42deg); } .active.opener-nav::after { top: 10px; transform: rotate(-42deg); } .active .opener-nav__line { opacity: 0; } } .introduction { padding-bottom: 80px; } .home .introduction__container { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/bg-circle.png); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .introduction__container { align-items: center; } .introduction__title { margin-bottom: 0; font-size: 76px; letter-spacing: 1px; } .introduction__title span, .introduction__title--accent-backdrop { position: relative; display: inline-block; vertical-align: top; } .introduction__title span::before, .introduction__title--accent-backdrop::before { content: ''; position: absolute; z-index: -1; top: 58%; left: -6px; width: calc(100% + 12px); height: 47%; background-color: #CACDFA; transform: translateY(-50%); } .introduction__picture { display: inline-block; margin-left: 14px; } @media(max-width: 1199px) { .introduction__title { font-size: 64px; } } @media(max-width: 991px) { .introduction__title { font-size: 54px; } } @media(max-width: 767px) { .introduction__title { font-size: 40px; } .introduction__col-left { order: 2; width: 100%; } .introduction__col-right { order: 1; width: 100%; margin-bottom: 30px; margin-left: 0; } .introduction__picture { margin-left: 0; } } @media(max-width: 575px) { .introduction__title { font-size: 32px; } } .about-person { padding-top: 105px; padding-bottom: 115px; background-color: #1a1a1d; color: #ffffff; } .about-person__subtitle { margin-bottom: 7px; line-height: normal; text-transform: uppercase; color: #5863ef; } .about-person__title { margin-top: 0; margin-bottom: 13px; font-size: 40px; } .about-person__col-left p, .about-person__col-right p { color: rgba(255, 255, 255, 0.7); } @media(max-width: 767px) { .about-person { padding-top: 65px; padding-bottom: 65px; } .about-person__col-left { width: 100%; margin-bottom: 16px; } .about-person__col-right { width: 100%; margin-left: 0; } } .quotes { padding-top: 161px; padding-bottom: 151px; } .quotes__container { max-width: 858px; padding-right: 0; padding-left: 0; } .quotes__inner { position: relative; margin-bottom: 21px; padding-right: 44px; padding-left: 44px; font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.42; text-align: center; } .quotes__inner::before, .quotes__inner::after { content: ''; position: absolute; width: 36px; height: 26px; background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-quote.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .quotes__inner::before { top: -10px; left: 0; } .quotes__inner::after { right: 0; bottom: -20px; transform: scale(-1, 1); } .quotes__signature-wrapper { text-align: center; } @media(max-width: 991px) { .quotes__inner { padding-right: 50px; padding-left: 50px; } .quotes__inner::before { left: 5px; } .quotes__inner::after { right: 5px; } } .about-page__introduction { margin-bottom: 80px; } .about-page__container { align-items: center; } .about-page__col-left { align-self: flex-start; } .about-page__picture { display: inline-block; margin-right: 13px; } .about-page__page-name { margin-bottom: 4px; font-size: 64px; line-height: 1; letter-spacing: 1px; } .about-page__title { margin-bottom: 8px; font-size: 64px; font-weight: bold; line-height: 1; letter-spacing: 1px; } .about-page__subtitle { margin-bottom: 24px; line-height: 1.2; text-transform: uppercase; color: #9358ef; } .about-page p { color: rgba(38, 37, 46, 0.87); } .about-page__skills { margin-bottom: 80px; } @media(max-width: 1199px) { .about-page__page-name, .about-page__title { font-size: 54px; } } @media(max-width: 991px) { .about-page__page-name, .about-page__title { font-size: 48px; } } @media(max-width: 767px) { .about-page__page-name, .about-page__title { font-size: 40px; } .about-page__col-left { width: 100%; margin-bottom: 30px; } .about-page__col-right { width: 100%; margin-left: 0; } .about-page__picture { margin-left: 0; } } @media(max-width: 575px) { .about-page__title { font-size: 32px; } } .skills__title { margin-bottom: 24px; font-size: 40px; } .skills__list-wrapper { display: flex; } .skills__line-list { flex: 1 0 auto; width: 515px; margin-right: 140px; } .skills__line-item { position: relative; display: flex; width: 100%; margin-bottom: 40px; padding-bottom: 16px; } .skills__line-item:last-of-type { margin-bottom: 0; } .skills__line-item::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; border-radius: 1px; background-color: #F5F5F5; } .skills__line-name { font-weight: bold; } .skills__line-percent { margin-left: auto; } .skills__line-only { position: absolute; bottom: 0; left: 0; height: 8px; border-radius: 1px; background-color: #9358ef; } .skills__check-list { align-self: flex-start; width: 297px; margin-top: 20px; margin-right: 31px; } .skills__check-list:last-of-type { margin-right: 0; } .skills__check-item { position: relative; width: 100%; margin-bottom: 28px; padding-left: 32px; line-height: normal; } .skills__check-item:last-of-type { margin-bottom: 0; } .skills__check-item::before { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c3ZnanM9Imh0dHA6Ly9zdmdqcy5jb20vc3ZnanMiIHZlcnNpb249IjEuMSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1MTUuNTU2IDUxNS41NTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTAgMjc0LjIyNiAxNzYuNTQ5IDE3Ni44ODYgMzM5LjAwNy0zMzguNjcyLTQ4LjY3LTQ3Ljk5Ny0yOTAuMzM3IDI5MC0xMjguNTUzLTEyOC41NTJ6IiBmaWxsPSIjOTM1OGVmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIi8+PC9nPjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%); } @media(max-width: 1199px) { .skills__list-wrapper { flex-wrap: wrap; } .skills__line-list { margin-bottom: 30px; } } @media(max-width: 991px) { .skills__line-list { width: 100%; margin-right: 0; } .skills__check-list { width: 100%; margin-right: 0; margin-bottom: 28px; } .skills__check-list:last-of-type { margin-bottom: 0; } } .about-page__personal-awards { margin-bottom: 80px; } .personal-awards__title { margin-bottom: 16px; font-size: 40px; line-height: 1; } .personal-awards__paragraph--under-title { margin-bottom: 32px; line-height: 1.63; } .personal-awards__text { max-width: 968px; } .personal-awards p { line-height: 1.5; color: rgba(38, 37, 46, 0.87); } .personal-awards__item { position: relative; margin-bottom: 32px; padding-left: 93px; } .personal-awards__item:last-of-type { margin-bottom: 0; } .personal-awards__item::after { content: ''; position: absolute; top: 100%; left: 34px; width: 1px; height: 36px; background-color: #e5e5e5; transform: translateY(-2px); } .personal-awards__item:last-of-type::after { display: none; } .personal-awards__year { position: absolute; top: 50%; left: 0; width: 69px; padding-top: 6px; padding-bottom: 6px; border-radius: 2px; background-color: #9358ef; font-weight: bold; line-height: 1.5; text-align: center; color: #ffffff; transform: translateY(-50%); } @media(max-width: 575px) { .personal-awards__item { padding-top: 93px; padding-left: 0; } .personal-awards__item::after, .personal-awards__item:last-of-type::after { top: 50px; display: block; transform: none; } .personal-awards__year { top: 0; transform: none; } } .press { padding-top: 48px; padding-bottom: 80px; } .press__header { margin-bottom: 48px; } .press__title { margin-bottom: 20px; font-size: 64px; line-height: 1; letter-spacing: 1px; text-align: center; } .press__subtitle { max-width: 625px; margin-right: auto; margin-left: auto; font-family: 'Questrial', sans-serif; text-align: center; color: rgba(38, 37, 46, 0.87); } .press__post-list { margin-bottom: 16px; } .press__post-item { width: calc(33.3333333% - 20px); margin-right: 30px; margin-bottom: 64px; padding: 24px; border: solid 1px #dcdcde; border-radius: 2px; } .press__post-item:nth-of-type(3n) { margin-right: 0; } .press__post-picture-wrapper { display: flex; margin-bottom: 24px; } .icon-play { position: relative; } .icon-play::after { content: ''; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-play.svg); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translate(-50%, -50%); } .press__post-date { margin-bottom: 8px; font-family: 'Questrial', sans-serif; font-size: 14px; line-height: 1; color: rgba(38, 37, 46, 0.3); } .press__post-title { margin-bottom: 12px; } .press__post-title-link { font-size: 20px; line-height: 1; text-decoration: none; color: #26252e; } .press__post-text-preview { margin-bottom: 8px; font-family: 'Questrial', sans-serif; font-size: 14px; line-height: 1.43; color: rgba(38, 37, 46, 0.87); } .press__post-read-more { font-size: 14px; font-weight: bold; line-height: 1.14; text-decoration: none; color: #9358ef; } .press .nav-links { justify-content: center; } .nav-links { display: flex; align-items: flex-end; } .page-numbers { display: block; width: 36px; height: 36px; margin-right: 16px; padding-top: 11px; padding-bottom: 11px; border: solid 1px #d8d5d5; border-radius: 4px; font-size: 14px; line-height: 1; text-align: center; text-decoration: none; color: #26252e; } .page-numbers.current { background-color: #26252e; border-color: #26252e; color: #ffffff; } .page-numbers.dots { width: auto; height: auto; padding: 0; padding-bottom: 3px; border-color: rgba(255, 255, 255, 0); } .page-numbers:last-of-child { margin-right: 0; } @media(max-width: 1199px) { .press__title { font-size: 54px; } } @media(max-width: 991px) { .press__title { font-size: 48px; } .press__post-item { width: calc(50% - 15px); margin-bottom: 34px; } } @media(max-width: 767px) { .press__title { font-size: 40px; } .press__post-item { width: 100%; margin-right: 0; } .press__post-item:last-of-type { margin-bottom: 0; } } @media(max-width: 575px) { .press__title { font-size: 32px; } } .blog-category { padding-bottom: 80px; } .blog__header { padding-top: 88px; padding-bottom: 68px; background-color: #f8f6ff; } .blog__title { margin-bottom: 20px; font-size: 64px; font-weight: bold; line-height: 1; letter-spacing: 1px; text-align: center; } .blog__subtitle { max-width: 625px; margin-right: auto; margin-left: auto; font-family: 'Questrial', sans-serif; text-align: center; color: rgba(38, 37, 46, 0.87); } .blog__inner { padding-top: 80px; } .blog__inner-container { max-width: 1220px; } .blog__post-item { margin-bottom: 80px; } .blog__post-date { margin-bottom: 14px; font-family: 'Questrial', sans-serif; line-height: 1; color: rgba(38, 37, 46, 0.31); } .blog__post-title { margin-bottom: 16px; } .blog__post-title-link { font-size: 40px; font-weight: bold; line-height: 1; text-decoration: none; color: #26252e; } .blog__post-paragraph { margin-bottom: 24px; font-family: 'Questrial', sans-serif; color: rgba(38, 37, 46, 0.87); } .blog__post-paragraph:last-of-type { margin-bottom: 16px; } .blog__post-read-more { font-weight: bold; line-height: 1; text-decoration: none; color: #9358ef; } .post { padding-top: 57px; padding-bottom: 64px; } .post__container { max-width: 1220px; } .post__date { margin-bottom: 14px; font-family: 'Questrial', sans-serif; line-height: 1; color: rgba(38, 37, 46, 0.31); } .post__title { margin-bottom: 16px; font-size: 40px; font-weight: bold; line-height: 1; } .post p { margin-bottom: 24px; font-family: 'Questrial', sans-serif; color: rgba(38, 37, 46, 0.87); } .post p:last-child { margin-bottom: 0; } .related-posts { padding-bottom: 80px; } .related-posts__container { max-width: 1220px; } .related-posts__title { margin-bottom: 24px; font-size: 24px; font-weight: bold; line-height: 0.67; } .related-posts__item { width: calc(33.3333333% - 20px); margin-right: 30px; padding: 24px; border: solid 1px #dcdcde; border-radius: 2px; } .related-posts__item:nth-of-type(3n) { margin-right: 0; } .related-posts__date { margin-bottom: 8px; font-family: 'Questrial', sans-serif; font-size: 14px; line-height: 1; color: rgba(38, 37, 46, 0.3); } .related-posts__item-title { margin-bottom: 12px; font-size: 20px; font-weight: bold; line-height: 1.2; } .related-posts__text-preview { margin-bottom: 8px; font-family: 'Questrial', sans-serif; font-size: 14px; line-height: 1.43; color: rgba(38, 37, 46, 0.87); } .related-posts__text-read-more { font-size: 14px; font-weight: bold; line-height: 1.14; text-decoration: none; color: #9358ef; } @media(max-width: 991px) { .related-posts__item { width: calc(50% - 15px); margin-bottom: 30px; } .related-posts__item:nth-of-type(2n) { margin-right: 0; } .related-posts__item:last-of-type { margin-bottom: 0; } } @media(max-width: 991px) { .related-posts__item { width: 100%; margin-right: 0; margin-bottom: 20px; } } .footer { padding-top: 31px; padding-bottom: 31px; border-top: 1px solid rgba(38, 37, 46, 0.15); } .footer__logo { margin-bottom: 24px; letter-spacing: 2.67px; } .footer__copyright { font-size: 12px; line-height: normal; } .footer__col-right { display: flex; justify-content: flex-end; } .social-network__item { margin-right: 24px; } .social-network__item:last-of-type { margin-right: 0; } .social-network__icon { display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; } .social-network__icon--linkedin { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-linkedin.svg); } .social-network__icon--pinterest { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-pinterest.svg); } .social-network__icon--crunchbase { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-crunchbase.svg); } .social-network__icon--twitter { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-twitter.svg); } .social-network__icon--about { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-about.svg); } .social-network__icon--facebook { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-facebook.svg); } .social-network__icon--youtube { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-youtube.svg); } .social-network__icon--medium { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-medium.svg); } .social-network__icon--instagram { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-instagram.svg); } .dark-footer { padding-top: 48px; padding-bottom: 32px; background-color: #26252e; color: #ffffff; } .dark-footer .footer__logo { margin-bottom: 0; } .dark-footer .logo { color: #ffffff; } .footer__copyright-wrapper { margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(91, 91, 104, 0.5); text-align: center; } .dark-footer .footer__copyright { color: rgba(255, 255, 255, 0.87); } .dark-footer .social-network__icon--linkedin { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-linkedin.svg); } .dark-footer .social-network__icon--pinterest { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-pinterest.svg); } .dark-footer .social-network__icon--crunchbase { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-crunchbase.svg); } .dark-footer .social-network__icon--twitter { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-twitter.svg); } .dark-footer .social-network__icon--about { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-about.svg); } .dark-footer .social-network__icon--facebook { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-facebook.svg); } .dark-footer .social-network__icon--youtube { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-youtube.svg); } .dark-footer .social-network__icon--medium { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-medium.svg); } .dark-footer .social-network__icon--instagram { background-image: url(//grahamforster.com/wp-content/themes/kerouac/img/icon-dark-instagram.svg); } .feeds__content { display: flex; flex-wrap: wrap; width: 100%; } .feeds__item { box-sizing: border-box; display: flex; position: relative; flex-direction: column; align-items: stretch; margin-bottom: 50px; padding: 0 15px; height: 790px; overflow: hidden; width: 33%; } .feeds__short { overflow-y: scroll; } .feeds__item-hed { display: flex; align-items: center; border: solid 1px #e5e5e6; border-radius: 4px 4px 0 0; padding: 12px 16px; } .feeds__item-title { margin-left: 14px; line-height: normal; letter-spacing: 0.25px; color: #26252e; font-size: 16px; font-stretch: normal; font-weight: bold; font-style: normal; } .medium-feed-custom { border: solid 1px #e5e5e6; border-radius: 0 0 4px 4px; margin-bottom: 24px; } .med-main .m-author { display: flex; padding: 16px; align-items: center; justify-content: flex-start; } .med-main .m-author img { margin-right: 16px; border-radius: 32px; width: 32px; height: 32px; object-fit: cover; object-position: center center; } .med-main .m-author p { font-size: 16px; margin-bottom: 0; } .title-desc { padding: 16px ; } .m-title h2 { font-size: 16px; margin-bottom: 10px; } .m-desc p { margin-bottom: 10px; color: rgb(131, 141, 143); line-height: 1.43; letter-spacing: normal; font-size: 14px; font-stretch: normal; font-weight: normal; font-style: normal; } .date-read { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .m-date { color: rgb(131, 141, 143); font-size: 14px; font-weight: 400; line-height: 16px; } .m-button a { color: #fff !important; display: inline-block; background-color: #3897f0; width: auto; vertical-align: middle; padding: 8px; font-size: 11px; border-radius: 2px; text-decoration: none; text-transform: uppercase; } .sby_info.sby_info_item { padding: 10px 12px; } ul#apsp-pinterest-latest-pins li.apsp-pinterest-latest-pin { width: 100%; height: auto; background-color: #fff; box-shadow: 0 0 0 #555; border-bottom: 1px solid #eee; margin-bottom: 24px; display: inline-block; padding: 4px 0px 15px; } .view-on-pinterst { margin-top: 10px; } .view-on-pinterst a { color: #fff !important; display: inline-block; background-color: #3897f0; width: auto; vertical-align: middle; padding: 8px; font-size: 11px; border-radius: 2px; text-decoration: none; text-transform: uppercase; } .medium-feed-custom { border: solid 1px #e5e5e6; border-radius: 0 0 4px 4px; margin-bottom: 24px; } .feeds__short { border: solid 1px #e5e5e6; border-radius: 0 0 4px 4px; margin-bottom: 24px; padding-bottom: 15px; } .page-template-social-media div#page > *:not(a.skip-link.screen-reader-text) { position: relative !important; width: 100% !important; max-width: 100% !important; margin-right: 0px !important; bottom: auto !important; display: flex !important; justify-content: space-between !important; align-items: center !important; margin-left: 0 !important; } h1.feeds__title { margin: 20px 0px 40px 0px; text-align: center; text-align: center; line-height: 1; letter-spacing: 1px; color: #26252e; font-size: 64px; font-stretch: normal; font-weight: bold; font-style: normal; padding: 0px 15px; text-transform:capitalize; } .fts-twitter-div * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .fts-twitter-text { padding: 8px 0 0; display: block; line-height: 19px; text-align: left; clear: both; } .fts-twitter-reply-wrap-left { float: none; padding: 10px 0 0; margin-top: 5px; } .fts-twitter-div * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .fts-tweet-others-right a { display: inline-block; color: #000; } .fts-tweeter-wrap .tweeter-info { padding: 14px 10px 8px; } .fts-tweeter-wrap:hover a { opacity: 1; color: #26252e; } [id^=sb_youtube_].sb_youtube.sby_col_3 .sby_items_wrap .sby_item { width: 100%; } .sby_items_wrap { padding: 0 !important; } .apsp-pinterest-text { display: block; margin-top: 10px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; padding: 0px 20px 0px; } span.fts-twitter-text a { color: #26252e; } .fts-powered-by-text-popup a { color: #26252e; } .fts-powered-by-text-popup a.fts-powered-by-text { display: none !important; } .fts-jal-single-fb-post { padding: 15px !important; } .fts-jal-single-fb-post .fts-jal-fb-message { font-size: 14px; } .fts-jal-fb-header h1 { padding: 15px !important; text-align:center; font-size:18px; } .feeds__item-hed img { width: 22px; } .fts-jal-single-fb-post a { color: #385898; font-size: 14px; margin-right: 0; } @media(max-width: 767px) { .footer__col-left { width: 100%; margin-bottom: 30px; } .footer__col-right { justify-content: flex-start; width: 100%; margin-left: 0; } .feeds__content { display: block; flex-wrap: wrap; width: 100%; } .feeds__item { display: block; width: 100%; height:auto; margin-bottom: 20px; padding:0; } h1.feeds__title { font-size: 30px; } }