.sb-feed-posts.sbr_carousel,.sbr-owl-dots,.sbr-owl-item,.sbr-owl-nav{-webkit-tap-highlight-color:transparent}[id^=sb-reviews-container-] .sb-feed-container svg{height:unset;max-width:unset}[id^=sb-reviews-container-] .sb-fs{width:100%;box-sizing:border-box}.sbr-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important}[id^=sb-reviews-container-] .sb-feed-header::after,[id^=sb-reviews-container-] .sb-post-item::after{display:table;content:"";clear:both}[id^=sb-reviews-container-] .sb-header{height:64px;position:fixed;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;z-index:99;padding:0 20px}[id^=sb-reviews-container-] .sb-header-content{width:calc(100% - 160px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:52px}[id^=sb-reviews-container-] .sb-customizer-header{position:fixed!important;padding:0 20px}[id^=sb-reviews-container-] .sb-fs{position:relative;float:left;box-sizing:border-box}[id^=sb-reviews-container-] .sb-expand,[id^=sb-reviews-container-] .sb-feed-header-bottom>div{display:inline-block}[id^=sb-reviews-container-] .sb-feed-header[data-align=left] .sb-feed-header-average,[id^=sb-reviews-container-] .sb-feed-header[data-align=right] .sb-feed-header-btn-ctn,[id^=sb-reviews-container-] .sb-item-author-img img{float:left}.sbr_carousel.sbr-owl-rtl .sbr-owl-item,[id^=sb-reviews-container-] .sb-feed-header[data-align=left] .sb-feed-header-btn-ctn,[id^=sb-reviews-container-] .sb-feed-header[data-align=right] .sb-feed-header-average{float:right}[id^=sb-reviews-container-] .sb-feed-header[data-align=center] .sb-feed-header-bottom>div{display:flex;justify-content:center}[id^=sb-reviews-container-] .sb-feed-header-average{display:inline-flex!important;align-items:center}[id^=sb-reviews-container-] .sb-feed-header-rating-icons{margin:0 5px;display:inline-flex;justify-content:center}[id^=sb-reviews-container-] .sb-feed-header-rating-icons svg{margin:0 2px;display:inline-flex;justify-content:center;width:18px;fill:currentColor;float:left}[data-layout=carousel] .sb-post-item-wrap,[data-layout=grid] .sb-post-item-wrap,[data-layout=list] .sb-post-item-wrap,[data-layout=masonry] .sb-post-item-wrap{width:100%;position:relative;float:left;box-sizing:border-box}[id^=sb-reviews-container-] .sb-load-button-ctn,[id^=sb-reviews-container-] .sb-post-item{position:relative}[data-layout=carousel] .sb-feed-posts .Carousel__RailWrapper-sc-hyhecw-1,[id^=sb-reviews-container-] .sb-btn[data-full-width=true],[id^=sb-reviews-container-] .sb-item-provider-icon img{width:100%}[data-post-style=regular][data-layout=list] .sb-post-item-wrap:last-of-type{border-bottom:0!important}[id^=sb-reviews-container-] .sb-grid-wrapper .sb-feed-posts{display:grid;column-gap:var(--column-gutter)}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="1"] .sb-feed-posts{grid-template-columns:1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="2"] .sb-feed-posts{grid-template-columns:1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="3"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="4"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="5"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-columns="6"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] a.sb-feed-header-btn{text-decoration:none}[id^=sb-reviews-container-] .sb-item-provider-icon{position:absolute;width:24px;height:24px;right:10px;top:10px}[id^=sb-reviews-container-] .sb-item-provider-icon svg{width:24px;height:24px;float:left}[id^=sb-reviews-container-] .sb-item-author-ctn{display:flex;align-items:flex-start;float:left}.sbr-owl-item img,[id^=sb-reviews-container-] .sb-item-name-date span{display:block;width:100%}[id^=sb-reviews-container-] .sb-item-rating-ctn{display:inline-flex}[id^=sb-reviews-container-] .sb-item-rating{display:flex;align-items:center}[id^=sb-reviews-container-] .sb-item-rating-icon svg{fill:currentColor;margin:0 2px;float:left}[id^=sb-reviews-container-] .sb-item-rating-icon-dimmed svg{filter:grayscale(1)}[id^=sb-reviews-container-] .sb-feed-item-icon-half{display:inline-block;position:relative}[id^=sb-reviews-container-] .sb-item-rating-icon-halfdimmed{position:absolute;width:50%;overflow:hidden;left:0;top:0}[data-icon-size=small] .sb-item-rating-icon svg{width:16px}[data-icon-size=medium] .sb-item-author-img,[data-icon-size=medium] .sb-item-author-img img{width:56px;min-width:56px;height:56px}[id^=sb-reviews-container-] .sb-load-button{height:auto}[id^=sb-reviews-container-] .sb-item-author-ctn,[id^=sb-reviews-container-] .sb-item-author-date-ctn,[id^=sb-reviews-container-] .sb-item-author-img,[id^=sb-reviews-container-] .sb-item-name-date>span,[id^=sb-reviews-container-] .sb-item-rating,[id^=sb-reviews-container-] .sb-item-text{z-index:1}[id^=sb-reviews-container-] .sb-item-author-date-ctn{padding-right:34px}[id^=sb-reviews-container-] .sbr-narrow .sb-item-author-date-ctn{padding-right:21px}[id^=sb-reviews-container-] .sbr-narrow .sb-item-author-img,[id^=sb-reviews-container-] .sbr-narrow .sb-item-author-img img{width:44px;min-width:44px;height:44px}[id^=sb-reviews-container-] .sbr-narrow .sb-item-provider-icon{width:20px;height:20px;right:1px;top:1px}[data-layout=carousel] .owl-nav button{position:absolute;width:30px;height:30px;top:calc(50% - 15px);left:0;display:inline-flex;opacity:.7;border-radius:50%;background:#fff!important;color:#000!important;box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);overflow:hidden;line-height:99999;-webkit-transition:.2s;transition:.2s}[data-layout=carousel] .owl-nav button:before{content:'';position:absolute;width:8px;height:8px;top:10px;left:11px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-layout=carousel] .owl-nav .owl-next{left:unset;right:0}[data-layout=carousel] .owl-nav .owl-next:before{left:7px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}#sbr_lightbox .sbr_gdpr_notice:hover svg:not(:root).svg-inline--fa,.sbr_lb-nav a.sbr_lb-next:hover,.sbr_lb-nav a.sbr_lb-prev:hover,[data-layout=carousel] .owl-nav button:hover{opacity:1}[data-layout=carousel] .owl-dots{position:relative;text-align:center;padding-right:4px}[data-layout=carousel] .owl-dot{width:10px;height:10px;background:#e6e6eb!important;border-radius:50px;margin:0 4px;display:inline-block}[id^=sb-reviews-container-] .sb-item-author-img,[id^=sb-reviews-container-] .sb-single-image{background-position:center center;background-size:cover}[data-layout=carousel] .owl-dot.active{background:#d0d0d8!important}[id^=sb-reviews-container-] .sbr-provider-google .sb-item-author-img,[id^=sb-reviews-container-] .sbr-provider-google img{border-radius:0!important}[id^=sb-reviews-container-] .sb-item-author-img,[id^=sb-reviews-container-] .sb-item-author-img img{width:56px;min-width:56px;height:56px;border-radius:50px}[id^=sb-reviews-container-] .sb-feed-posts::after{display:table;content:" ";clear:both}.sbr_carousel.sbr-owl-refresh .sbr-owl-item,[id^=sb-reviews-container-] .sbr-hidden{visibility:hidden}.sbr-feed-error{border:1px solid #ddd;background:#eee;color:#333;margin:0 auto 10px;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.sbr-feed-error p{padding:5px 0!important;margin:0!important;line-height:1.3!important;font-size:13px}.sbr-feed-error p:first-child b{font-size:14px}.sbr-feed-error ol,.sbr-feed-error ul{padding:5px 0 5px 20px!important;margin:0!important}.sbr-feed-error li{padding:1px 0!important;margin:0!important}.sbr-feed-error span{font-size:12px;font-style:italic}.sb-carousel-wrap .sb-feed-posts,.sbr-owl-dots.disabled,.sbr-owl-nav.disabled,.sbr_carousel .sbr_owl2row-item,[id^=sb-reviews-container-] .sb-num-diff-hide{display:none}[id^=sb-reviews-container-] .sb-more{margin-left:6px}[id^=sb-reviews-container-] .sb-media-wrap{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:15px;gap:8px}[id^=sb-reviews-container-] .sb-single-image,[id^=sb-reviews-container-] .sb-single-image img{height:64px;width:64px;border-radius:5px}[id^=sb-reviews-container-] .sb-single-image{position:relative}[id^=sb-reviews-container-] .sb-single-image img{opacity:0;visibility:hidden}[id^=sb-reviews-container-] .sb-btn{align-items:center;border:0;border-radius:4px;box-shadow:0 2px 5px rgb(60 66 87 / 5%),0 1px 1px rgb(0 0 0 / 5%),inset 0 -1px 1px rgb(0 0 0 / 12%);cursor:pointer;display:flex;font-weight:600;justify-content:center;outline:0;padding:0;position:relative;transition:.15s ease-in-out;color:#fff}[id^=sb-reviews-container-] .sb-btn[data-icon-position=left]:not([data-onlyicon=false]) .sb-btn-icon{margin-right:7px}[id^=sb-reviews-container-] .sb-feed-header-btn{padding:8px 20px 8px 12px}[id^=sb-reviews-container-] .sb-btn[data-icon-position=left]:not([data-onlyicon=false]){flex-direction:row}.sb-btn[data-boxshadow=false]:active,.sb-btn[data-boxshadow=false]:focus,[id^=sb-reviews-container-] .sb-btn[data-boxshadow=false]{box-shadow:none}[id^=sb-reviews-container-] .sb-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}[id^=sb-reviews-container-] .sb-btn:focus{box-shadow:0 2px 5px rgba(60,66,87,.05),0 1px 1px rgba(0,0,0,.05),inset 0 -1px 1px rgba(0,0,0,.12)}[id^=sb-reviews-container-] .sb-load-button{padding:15px 0;color:#141b38}[id^=sb-reviews-container-] .sb-feed-header-btn svg{width:17px}.sb-btn svg path,[id^=sb-reviews-container-] .sb-btn svg{fill:currentColor}[id^=sb-reviews-container-] .sb-btn svg{float:left;height:auto}[id^=sb-reviews-container-] .sb-thumbnail-hover{box-sizing:border-box;opacity:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;color:#fff;background:rgba(0,0,0,.6);border-radius:5px;transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-webkit-transition:opacity .6s ease-in-out}[id^=sb-reviews-container-] .sb-thumbnail-hover:hover{opacity:1;display:block;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}.sbr_lb-nav a.sbr_lb-next,.sbr_lb-nav a.sbr_lb-prev{width:50px;padding-left:10px;padding-right:10px;opacity:.5;-webkit-transition:opacity .2s;-o-transition:opacity .2s}[id^=sb-reviews-container-] .sbr-loader{width:20px;height:20px;position:relative;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 sbr-sk-scaleout;animation:1s ease-in-out infinite sbr-sk-scaleout}[id^=sb-reviews-container-] .sb-load-button-ctn .sbr-loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbr-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbr-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}.sbr_lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;opacity:.9;display:none}.sbr_lightbox{position:absolute;left:0;width:100%;z-index:100000;line-height:0;font-weight:400}.sbr_lightbox .sbr_lb-image{max-width:inherit;-webkit-border-radius:3px;-ms-border-radius:3px}.sbr_lightbox a:active,.sbr_lightbox a:focus,.sbr_lightbox a:hover{outline:0}.sbr_lightbox a img{border:none}.sbr_lb-outerContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto 5px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.sbr_lb-dataContainer:after,.sbr_lb-outerContainer:after{content:"";display:table;clear:both}.sbr_lb-container{position:relative;top:0;left:0;width:100%;height:100%;bottom:0;right:0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.sbr_lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.sbr_lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background-color:rgba(255,255,255,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite ctf-sk-scaleout;animation:1s ease-in-out infinite ctf-sk-scaleout}.sbr_lb-container>.nav{left:0}.sbr_lb-nav a{position:absolute;z-index:100;top:0;height:90%;outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.sbr_lb-next,.sbr_lb-prev{height:100%;cursor:pointer;display:block}.sbr_lb-nav a.sbr_lb-prev{left:-70px;float:left;transition:opacity .2s}.sbr_lb-nav a.sbr_lb-next{right:-70px;float:right;-moz-transition:opacity .2s;transition:opacity .2s}.sbr_lb-nav span{display:block;top:55%;position:absolute;left:20px;width:34px;height:45px;margin:-25px 0 0;background:url(//noemiecourant.com/wp-content/plugins/reviews-feed/assets/images/sprite.png) no-repeat}.sbr_lb-nav a.sbr_lb-prev span{background-position:-53px 0}.sbr_lb-nav a.sbr_lb-next span{left:auto;right:20px;background-position:-18px 0}.sbr_lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;font-family:"Open Sans",Helvetica,Arial,sans-serif;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.sbr_lb-data{padding:0 4px;color:#ccc}.sbr_lb-data .sbr_lb-details{width:85%;float:left;text-align:left;line-height:1.1}.sbr_lb-data .sbr_lb-caption{float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;color:#ccc;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.sbr_lb-data .sbr_lb-caption .ctf-screename-sep,.sbr_lb-data .sbr_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbr_lb-data .sbr_lb-caption .sbr_lightbox_username:hover p,.sbr_lb-data .sbr_lb-caption a:hover{color:#fff;text-decoration:underline}.sbr_lb-data .sbr_lb-caption .sbr_lightbox_username{float:left;width:100%;padding-bottom:0;display:block;margin:0 0 5px;color:#ccc}.sbr_lightbox .sbr_lightbox_username img{float:left;border:none;width:48px;height:48px;margin-right:10px;background:#666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.sbr_lightbox_username p{float:left;margin:0;padding:0;color:#ccc;line-height:32px;font-weight:700;font-size:13px;text-align:left}.sbr_lb-data .ctf-caption-text{width:100%;margin-left:58px;padding-top:3px}.sbr_lb-data .sbr_lb-caption .ctf-author-screenname,.sbr_lb-data .sbr_lb-caption .ctf-tweet-date{font-weight:400}.sbr_lb-data .sbr_lb-info{width:100%;float:left;clear:both}.sbr_lb-data .sbr_lb-number{display:block;float:left;clear:both;padding:5px 0 15px;font-size:12px;color:#999}.sbr_lb-data .sbr_lb-close{display:block;float:right;width:30px;height:30px;background:url(//noemiecourant.com/wp-content/plugins/reviews-feed/assets/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.sbr_lb-data .sbr_lb-close:hover{cursor:pointer;opacity:1}.sbr_lb-nav{top:0;left:0;width:100%;z-index:10;height:auto}.sbr_lb-container{padding:0}.sbr_lb-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#sbr_lightbox .sbr_lightbox_action{float:left;position:relative;padding:0 0 0 10px;margin:5px 0 0 10px;border-left:1px solid #666;font-size:12px}#sbr_lightbox .sbr_lightbox_action a{display:block;float:left;color:#999;text-decoration:none}#sbr_lightbox .sbr_lightbox_action a:focus,#sbr_lightbox .sbr_lightbox_action a:hover{color:#fff}#sbr_lightbox .sbr_lightbox_action .fa,#sbr_lightbox .sbr_lightbox_action svg{margin-right:5px}#sbr_lightbox .sbr_lightbox_action.sbr_youtube .fa{font-size:13px}#sbr_lightbox .sbr_tooltip_social a svg{font-size:19px;padding:3px 4px;margin:auto}#sbr_lightbox .sbr_lightbox_tooltip{display:none;position:absolute;width:100px;bottom:22px;left:0;padding:5px 10px;margin:0;background:rgba(255,255,255,.9);color:#222;font-size:12px;line-height:1.3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sbr_lightbox .sbr_lightbox_tooltip .fa-play{position:absolute;font-size:8px;bottom:-6px;left:36px;color:rgba(255,255,255,.9)}#sbr_lightbox .sbr_tooltip_social a .fa{font-size:16px;margin:0;padding:5px}#sbr_lightbox .sbr_tooltip_social a#sbr_facebook_icon .fa,#sbr_lightbox .sbr_tooltip_social a#sbr_pinterest_icon .fa,#sbr_lightbox .sbr_tooltip_social a#sbr_twitter_icon .fa{padding-top:4px;font-size:18px}#sbr_lightbox .sbr_gdpr_notice{z-index:6;display:block;position:absolute;top:50%;left:50%;margin-left:-44px;margin-top:-44px;padding:20px}#sbr_lightbox .sbr_gdpr_notice svg:not(:root).svg-inline--fa{position:relative;display:block!important;height:48px;width:48px;opacity:.8}#sbr_lightbox #sbr_mod_box{width:280px;padding:5px 10px 7px}#sbr_lightbox .sbr_tooltip_social{width:172px;padding:5px 5px 4px}#sbr_lightbox .sbr_tooltip_social a{color:#333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbr_lightbox .sbr_lightbox_action #sbr_facebook_icon:hover{background:#3b5998}#sbr_lightbox .sbr_lightbox_action #sbr_twitter_icon:hover{background:#00aced}#sbr_lightbox .sbr_lightbox_action #sbr_google_icon:hover{background:#dd4b39}#sbr_lightbox .sbr_lightbox_action #sbr_linkedin_icon:hover{background:#007bb6}#sbr_lightbox .sbr_lightbox_action #sbr_pinterest_icon:hover{background:#cb2027}#sbr_lightbox .sbr_lightbox_action #sbr_email_icon:hover{background:#333}.sbr_lb-dataContainer,.sbr_lb-outerContainer{min-width:450px}@media all and (max-width:450px){.sbr_lb-dataContainer,.sbr_lb-outerContainer{min-width:0}}.sbr_lightbox .sbr_lb-image{display:block;height:auto;max-width:inherit;margin:0 auto;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}.sb-feed-posts.sbr_carousel{display:none;width:100%;position:relative;z-index:1}.sbr_carousel{direction:ltr}.sbr-owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.sbr-owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.sbr-owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);overflow-x:hidden;overflow-y:hidden}.sbr-owl-item,.sbr-owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.sbr-owl-item{position:relative;min-height:1px;padding:0;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;display:inline-block;vertical-align:top;box-sizing:border-box}.sbr-owl-dot,.sbr-owl-nav .sbr-owl-next,.sbr-owl-nav .sbr-owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sbr_carousel.sbr-owl-loaded{display:block}.sbr_carousel.sbr-owl-loading{opacity:0;display:block}.sbr_carousel.sbr-owl-hidden{opacity:0}.sbr_carousel.sbr-owl-drag .sbr-owl-item{padding:0 calc(var(--column-gutter)/ 2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sbr_carousel.sbr-owl-grab{cursor:move;cursor:grab}.sbr_carousel.sbr-owl-rtl{direction:rtl}.sbr-owl-height{transition:height .5s ease-in-out}.sbr-owl-nav{text-align:center;margin-top:0}.sbr-owl-nav .disabled{opacity:.5;cursor:default}.sbr-owl-nav.disabled+.sbr-owl-dots{margin-top:10px}.sbr-owl-dots{text-align:center;padding:5px 0;margin-top:5px}.sbr-owl-dots .sbr-owl-dot{display:inline-block;zoom:1}.sbr-owl-dots .sbr-owl-dot span{display:block;width:12px;height:12px;margin:5px 7px;background:#333;filter:Alpha(Opacity=25);opacity:.25;-webkit-backface-visibility:visible;transition:opacity .1s;border-radius:30px}.sbr-owl-dots .sbr-owl-dot.active span,.sbr-owl-dots .sbr-owl-dot:hover span{filter:Alpha(Opacity=100);opacity:1}.sbr-owl-item>div{width:100%!important}.sbr-post-links{max-width:100%}.sbr-owl-nav>div{position:absolute;top:50%;font-size:14px;display:inline-block;line-height:1;background:rgba(255,255,255,.3);padding:6px 6px 6px 8px;border-radius:50%;margin-top:-15px;color:#000;box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.sbr_carousel:hover .sbr-owl-nav>div{background:rgba(255,255,255,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.sbr_carousel:hover .sbr-owl-nav>div:hover{cursor:pointer;background:#fff}.sbr-owl-nav .sbr-owl-prev{margin-left:7px;padding:6px 8px 6px 6px;left:0}.sbr-owl-nav .sbr-owl-next{margin-right:7px;right:0}.sbr_carousel .sbr-owl-nav svg{height:1.2em;box-sizing:unset;overflow:visible;width:1em;display:inline-block;font-size:inherit;vertical-align:-.125em}[id^=sb-reviews-container-] .sb-cols-2 .sb-post-item-wrap{width:calc(50% - calc((var(--column-gutter) * 1)/ 2))}[id^=sb-reviews-container-] .sb-cols-3 .sb-post-item-wrap{width:calc(33.33% - calc((var(--column-gutter) * 2)/ 3))}[id^=sb-reviews-container-] .sb-cols-4 .sb-post-item-wrap{width:calc(25% - calc((var(--column-gutter) * 3)/ 4))}[id^=sb-reviews-container-] .sb-cols-5 .sb-post-item-wrap{width:calc(20% - calc((var(--column-gutter) * 4)/ 5))}[id^=sb-reviews-container-] .sb-cols-6 .sb-post-item-wrap{width:calc(16.66% - calc((var(--column-gutter) * 5)/ 6))}[id^=sb-reviews-container-] .sb-cols-7 .sb-post-item-wrap{width:calc(14.28% - calc((var(--column-gutter) * 6)/ 7))}[id^=sb-reviews-container-] .sb-cols-8 .sb-post-item-wrap{width:calc(12.5% - calc((var(--column-gutter) * 7)/ 8))}[id^=sb-reviews-container-] .sb-cols-9 .sb-post-item-wrap{width:calc(11.11% - calc((var(--column-gutter) * 8)/ 9))}[id^=sb-reviews-container-] .sb-cols-10 .sb-post-item-wrap{width:calc(10% - calc((var(--column-gutter) * 9)/ 10))}@media all and (max-width:640px){[id^=sb-reviews-container-] .sb-colstablet-1 .sb-post-item-wrap{width:100%}[id^=sb-reviews-container-] .sb-colstablet-2 .sb-post-item-wrap{width:calc(50% - calc((var(--column-gutter) * 1)/ 2))}[id^=sb-reviews-container-] .sb-colstablet-3 .sb-post-item-wrap{width:calc(33.33% - calc((var(--column-gutter) * 2)/ 3))}[id^=sb-reviews-container-] .sb-colstablet-4 .sb-post-item-wrap{width:calc(25% - calc((var(--column-gutter) * 3)/ 4))}[id^=sb-reviews-container-] .sb-colstablet-5 .sb-post-item-wrap{width:calc(20% - calc((var(--column-gutter) * 4)/ 5))}[id^=sb-reviews-container-] .sb-colstablet-6 .sb-post-item-wrap{width:calc(16.66% - calc((var(--column-gutter) * 5)/ 6))}[id^=sb-reviews-container-] .sb-colstablet-7 .sb-post-item-wrap{width:calc(14.28% - calc((var(--column-gutter) * 6)/ 7))}[id^=sb-reviews-container-] .sb-colstablet-8 .sb-post-item-wrap{width:calc(12.5% - calc((var(--column-gutter) * 7)/ 8))}[id^=sb-reviews-container-] .sb-colstablet-9 .sb-post-item-wrap{width:calc(11.11% - calc((var(--column-gutter) * 8)/ 9))}[id^=sb-reviews-container-] .sb-colstablet-10 .sb-post-item-wrap{width:calc(10% - calc((var(--column-gutter) * 9)/ 10))}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="1"] .sb-feed-posts{grid-template-columns:1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="2"] .sb-feed-posts{grid-template-columns:1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="3"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="4"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="5"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-tablet-columns="6"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media all and (max-width:480px){[id^=sb-reviews-container-] .sb-colsmobile-1 .sb-post-item-wrap{width:100%}[id^=sb-reviews-container-] .sb-colsmobile-2 .sb-post-item-wrap{width:calc(50% - calc((var(--column-gutter) * 1)/ 2))}[id^=sb-reviews-container-] .sb-colsmobile-3 .sb-post-item-wrap{width:calc(33.33% - calc((var(--column-gutter) * 2)/ 3))}[id^=sb-reviews-container-] .sb-colsmobile-4 .sb-post-item-wrap{width:calc(25% - calc((var(--column-gutter) * 3)/ 4))}[id^=sb-reviews-container-] .sb-colsmobile-5 .sb-post-item-wrap{width:calc(20% - calc((var(--column-gutter) * 4)/ 5))}[id^=sb-reviews-container-] .sb-colsmobile-6 .sb-post-item-wrap{width:calc(16.66% - calc((var(--column-gutter) * 5)/ 6))}[id^=sb-reviews-container-] .sb-colsmobile-7 .sb-post-item-wrap{width:calc(14.28% - calc((var(--column-gutter) * 6)/ 7))}[id^=sb-reviews-container-] .sb-colsmobile-8 .sb-post-item-wrap{width:calc(12.5% - calc((var(--column-gutter) * 7)/ 8))}[id^=sb-reviews-container-] .sb-colsmobile-9 .sb-post-item-wrap{width:calc(11.11% - calc((var(--column-gutter) * 8)/ 9))}[id^=sb-reviews-container-] .sb-colsmobile-10 .sb-post-item-wrap{width:calc(10% - calc((var(--column-gutter) * 9)/ 10))}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="1"] .sb-feed-posts{grid-template-columns:1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="2"] .sb-feed-posts{grid-template-columns:1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="3"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="4"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="5"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr}[id^=sb-reviews-container-] .sb-grid-wrapper[data-grid-mobile-columns="6"] .sb-feed-posts{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}/** * Smash Balloon design tokens — local plugin mirror. * * Single source of truth for design tokens used by Instagram Feed Pro. * Mirrored verbatim from `@smashballoons/tokens` v0.4.0 (npm). To bump * the snapshot: copy the relevant slice of `dist/tokens.css` from the * package and update the `Mirror version` line below. Consumer CSS * references the aliases at the bottom of this file and does not need * to be touched when values change. * * Future migration: when sb-common centralizes token distribution, the * `Package mirror` block can be replaced with an @import / wp_enqueue * of the official package without breaking the alias contract below. * * Mirror version: @smashballoons/tokens@0.4.0 * Slice scope: fg + focus + opacity-disabled + duration (semantic * layer required by SMASH-1378 a11y PRs). Extend in * follow-up PRs as new tokens (border, bg, motion) are * adopted. */ :root { /* ===== Package mirror — @smashballoons/tokens@0.4.0 ===== */ /* Color primitives referenced by the semantic layer below. */ --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; /* Duration primitives — referenced directly by consumer transitions and overridden by the reduced-motion @media block below. */ --sb-duration-75: 75ms; --sb-duration-100: 100ms; --sb-duration-150: 150ms; --sb-duration-200: 200ms; --sb-duration-300: 300ms; --sb-duration-500: 500ms; --sb-duration-700: 700ms; --sb-duration-1000: 1000ms; /* Opacity */ --sb-opacity-disabled: 0.5; /* Semantic foreground */ --sb-fg-muted: var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); /* Semantic focus */ --sb-focus-ring: var(--sb-color-wp-light-blue-600); /* ===== Plugin-local aliases (stable consumer-site names) ===== Bump the package values above; consumers reference these aliases and do not need to be renamed. Drop an alias here when a follow-up PR migrates its usage sites to the package name directly. */ --sb-text-secondary: var(--sb-fg-muted); --sb-text-tertiary: var(--sb-fg-subtle); } /* Reduced-motion override — zeroes every duration token so any consumer transition that uses `var(--sb-duration-*)` inherits the override automatically. Transforms / @keyframes still need an explicit `prefers-reduced-motion: no-preference` wrap at the consumer site. */ @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75: 0.01ms; --sb-duration-100: 0.01ms; --sb-duration-150: 0.01ms; --sb-duration-200: 0.01ms; --sb-duration-300: 0.01ms; --sb-duration-500: 0.01ms; --sb-duration-700: 0.01ms; --sb-duration-1000: 0.01ms; } } /**************/ /*** LAYOUT ***/ /**************/ /* Feed container */ #sb_instagram { width: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sb_instagram:after{ content: ""; display: table; clear: both; } /*********************/ /*** STYLE OPTIONS ***/ /*********************/ #sb_instagram.sbi_fixed_height{ overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sb_instagram #sbi_images{ width: 100%; float: left; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Remove header shadow/border */ #sb_instagram .sbi_header_link { -webkit-box-shadow: none; box-shadow: none; } #sb_instagram .sbi_header_link:hover { border: none; } /* Items */ #sb_instagram #sbi_images .sbi_item{ display: inline-block; float: left; vertical-align: top; zoom: 1; padding: inherit !important; margin: 0 !important; text-decoration: none; opacity: 1; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* Transition items in */ #sb_instagram #sbi_images .sbi_item.sbi_transition{ opacity: 0; } /* Cols */ #sb_instagram.sbi_col_1 #sbi_images .sbi_item{ width: 100%; } #sb_instagram.sbi_col_2 #sbi_images .sbi_item{ width: 50%; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item{ width: 33.33%; } #sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 25%; } #sb_instagram.sbi_col_5 #sbi_images .sbi_item{ width: 20%; } #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_col_7 #sbi_images .sbi_item{ width: 14.28%; } #sb_instagram.sbi_col_8 #sbi_images .sbi_item{ width: 12.5%; } #sb_instagram.sbi_col_9 #sbi_images .sbi_item{ width: 11.11%; } #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 10%; } /* Disable mobile layout */ #sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{ width: 100%; } #sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{ width: 50%; } #sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{ width: 33.33%; } #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{ width: 25%; } #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{ width: 20%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{ width: 14.28%; } #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{ width: 12.5%; } #sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{ width: 11.11%; } #sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{ width: 10%; } /* Photos */ #sb_instagram .sbi_photo_wrap{ position: relative; } #sb_instagram .sbi_photo{ display: block; text-decoration: none; } #sb_instagram .sbi_photo img{ width: 100%; height: auto; } #sb_instagram .sbi_no_js img{ display: none; } #sb_instagram a, #sb_instagram a:hover, #sb_instagram a:focus, #sb_instagram a:active{ outline: none; } #sb_instagram img{ display: block; padding: 0 !important; margin: 0 !important; max-width: 100% !important; opacity: 1 !important; } #sb_instagram .sbi_link{ display: none; position: absolute; bottom: 0; right: 0; width: 100%; padding: 10px 0; background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size: 12px; line-height: 1.1; } #sb_instagram .sbi_link a{ padding: 0 6px; text-decoration: none; color: #fff; font-size: 12px; line-height: 1.1; display: inline-block; vertical-align: top; zoom: 1; } #sb_instagram .sbi_link .sbi_lightbox_link{ padding-bottom: 5px; } #sb_instagram .sbi_link a:hover, #sb_instagram .sbi_link a:focus{ text-decoration: underline; } #sb_instagram .sbi_photo_wrap:hover .sbi_link, #sb_instagram .sbi_photo_wrap:focus .sbi_link{ display: block; } /* Videos */ #sb_instagram svg:not(:root).svg-inline--fa { height: 1em; display: inline-block; } #sb_instagram .sbi_type_video .sbi_playbtn, #sb_instagram .sbi_type_carousel .sbi_playbtn, .sbi_type_carousel .fa-clone, #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play, #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{ display: block !important; position: absolute; z-index: 1; color: #fff; color: rgba(255,255,255,0.9); font-style: normal !important; text-shadow: 0 0 8px rgba(0,0,0,0.8); } #sb_instagram .sbi_type_video .sbi_playbtn, #sb_instagram .sbi_type_carousel .sbi_playbtn { z-index: 2; top: 50%; left: 50%; margin-top: -24px; margin-left: -19px; padding: 0; font-size: 48px; } #sb_instagram .sbi_type_carousel .fa-clone{ right: 12px; top: 12px; font-size: 24px; text-shadow: 0 0 8px rgba(0,0,0,0.3); } .sbi_type_carousel svg.fa-clone, #sb_instagram .sbi_type_video .svg-inline--fa.fa-play, #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{ -webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) ); filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) ); } /* Loader */ #sb_instagram .sbi_loader{ width: 20px; height: 20px; position: relative; top: 50%; left: 50%; margin: -10px 0 0 -10px; background-color: #000; background-color: rgba(0,0,0,0.5); border-radius: 100%; -webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out; animation: sbi-sk-scaleout 1.0s infinite ease-in-out; } #sb_instagram br { display: none; } #sbi_load p { display: inline; padding: 0; margin: 0; } /* Loader in button */ #sb_instagram #sbi_load .sbi_loader{ position: absolute; margin-top: -11px; background-color: #fff; opacity: 1; } @-webkit-keyframes sbi-sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sbi-sk-scaleout { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } #sb_instagram .fa-spin, #sbi_lightbox .fa-spin{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } #sb_instagram .fa-pulse, #sbi_lightbox .fa-pulse{ -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } /* Screen reader */ .sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;text-align: left !important;overflow: hidden !important; } /* HEADER */ #sb_instagram .sb_instagram_header, .sb_instagram_header{ float: left; clear: both; margin: 0 0 15px 0; padding: 0; line-height: 1.2; width: 100%; } #sb_instagram .sb_instagram_header a, .sb_instagram_header a { float: left; display: block; /*width: 100%;*/ min-width: 100%; text-decoration: none; transition: color 0.5s ease; } .sb_instagram_header.sbi_header_outside{ float: none; margin-left: auto !important; margin-right: auto !important; display: flex; } .sbi_no_avatar .sbi_header_img{ background: #333; color: #fff; width: 50px; height: 50px; position: relative; } .sbi_no_avatar .sbi_header_hashtag_icon { display: block; color: #fff; opacity: .9; -webkit-transition: background .6s linear,color .6s linear; -moz-transition: background .6s linear,color .6s linear; -o-transition: background .6s linear,color .6s linear; transition: background .6s linear,color .6s linear } .sbi_no_avatar:hover .sbi_header_hashtag_icon { display: block; opacity: 1; -webkit-transition: background .2s linear,color .2s linear; -moz-transition: background .2s linear,color .2s linear; -o-transition: background .2s linear,color .2s linear; transition: background .2s linear,color .2s linear } /** Medium Header */ /* Only use medium & large headers on devices above 480px */ @media all and (min-width: 480px){ #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img{ width: 80px; height: 80px; border-radius: 40px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img img{ width: 80px; height: 80px; border-radius: 40px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3{ font-size: 20px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{ font-size: 14px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{ margin-left: 95px !important; line-height: 1.4 } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3{ margin-right: -85px !important; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{ margin-top: 4px !important; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{ padding-top: 20px !important; } /** Large Header */ #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img, .sb_instagram_header.sbi_large .sbi_header_img{ width: 120px; height: 120px; border-radius: 60px; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img, .sb_instagram_header.sbi_large .sbi_header_img img { width: 120px; height: 120px; border-radius: 60px; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text h3{ font-size: 28px; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{ font-size: 16px; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{ margin-left: 140px !important; line-height: 1.5; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text h3{ margin-right: -120px !important; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{ margin-top: 12px !important; } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{ padding-top: 32px !important; } } /* Header profile pic */ #sb_instagram .sb_instagram_header .sbi_header_img, .sb_instagram_header .sbi_header_img{ float: left; position: relative; width: 50px; margin: 0 0 0 -100% !important; overflow: hidden; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } #sb_instagram .sb_instagram_header .sbi_header_img img, .sb_instagram_header .sbi_header_img img{ float: left; margin: 0 !important; padding: 0 !important; border: none !important; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } /* Profile pic hover */ #sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{ opacity: 0; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.75); } #sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo, #sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header .sbi_header_img_hover .sbi_new_logo, .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; font-size: 24px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{ margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; font-size: 36px } #sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo { margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; font-size: 48px } #sb_instagram .sb_instagram_header .sbi_header_img_hover i { overflow: hidden; } #sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{ z-index: 2; transition: opacity 0.4s ease-in-out; } #sb_instagram .sb_instagram_header .sbi_fade_in, .sb_instagram_header .sbi_fade_in{ opacity: 1; transition: opacity 0.2s ease-in-out; } #sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{ position: absolute; width: 100%; top: 0; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border-radius: 40px; transition: opacity 0.2s; } /* Fade the Instagram icon in when hovering on the header */ #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover, #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover, .sb_instagram_header a:hover .sbi_header_img_hover, .sb_instagram_header a:focus .sbi_header_img_hover{ opacity: 1; } /* Header text */ #sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text{ float: left; width: 100%; padding-top: 5px; } #sb_instagram .sb_instagram_header a, .sb_instagram_header a{ text-decoration: none; } #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, #sb_instagram .sb_instagram_header .sbi_header_text h3, .sb_instagram_header .sbi_header_text .sbi_bio, .sb_instagram_header .sbi_header_text h3{ float: left; clear: both; width: auto; margin: 0 0 0 60px !important; padding: 0 !important; } #sb_instagram .sb_instagram_header h3, .sb_instagram_header h3{ font-size: 16px; line-height: 1.3; } #sb_instagram .sb_instagram_header p, .sb_instagram_header p{ font-size: 13px; line-height: 1.3; margin: 0; padding: 0; } #sb_instagram p:empty { display: none; } #sb_instagram .sb_instagram_header .sbi_header_text img.emoji, .sb_instagram_header .sbi_header_text img.emoji{ margin-right: 3px !important; } /* No bio */ #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, .sb_instagram_header .sbi_header_text.sbi_no_bio h3{ padding-top: 9px !important; } #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info, .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{ clear: both; } /* Buttons */ #sb_instagram #sbi_load{ float: left; clear: both; width: 100%; text-align: center; } #sb_instagram #sbi_load .fa-spinner{ display: none; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -7px; font-size: 15px; } #sb_instagram #sbi_load{ opacity: 1; transition: all 0.5s ease-in; } #sb_instagram .sbi_load_btn .sbi_btn_text, #sb_instagram .sbi_load_btn .sbi_loader{ opacity: 1; transition: all 0.1s ease-in; } #sb_instagram .sbi_hidden{ opacity: 0 !important; } #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{ display: inline-block; vertical-align: top; zoom: 1; padding: 7px 14px; margin: 5px auto 0 auto; background: #333; border: none; color: #fff; text-decoration: none; font-size: 13px; line-height: 1.5; -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; } #sb_instagram #sbi_load .sbi_load_btn { position: relative; } /* Follow button */ #sb_instagram .sbi_follow_btn{ display: inline-block; vertical-align: top; zoom: 1; text-align: center; } #sb_instagram .sbi_follow_btn.sbi_top{ display: block; margin-bottom: 5px; } #sb_instagram .sbi_follow_btn a{ background: #408bd1; color: #fff; } #sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn{ transition: all 0.1s ease-in; } /* Hover state for default colors */ #sb_instagram #sbi_load .sbi_load_btn:hover{ outline: none; box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25); } #sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus{ outline: none; box-shadow: inset 0 0 10px 20px #359dff; } /* Active state */ #sb_instagram .sbi_follow_btn a:active, #sb_instagram #sbi_load .sbi_load_btn:active{ box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3); } #sb_instagram .sbi_follow_btn .fa, #sb_instagram .sbi_follow_btn svg{ margin-bottom: -1px; margin-right: 7px; font-size: 15px; } #sb_instagram .sbi_follow_btn svg{ vertical-align: -.125em; } #sb_instagram #sbi_load .sbi_follow_btn{ margin-left: 5px; } /* Error messages */ #sb_instagram .sb_instagram_error{ width: 100%; text-align: center; line-height: 1.4; } /* Mod only error msgs */ #sbi_mod_error{ display: none; 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; } #sbi_mod_error br { display: initial !important; } #sbi_mod_error p{ padding: 5px 0 !important; margin: 0 !important; line-height: 1.3 !important; } #sbi_mod_error ol, #sbi_mod_error ul{ padding: 5px 0 5px 20px !important; margin: 0 !important; } #sbi_mod_error li{ padding: 1px 0 !important; margin: 0 !important; } #sbi_mod_error span{ font-size: 12px; } /* Medium */ #sb_instagram.sbi_medium .sbi_playbtn, #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{ margin-top: -12px; margin-left: -9px; font-size: 23px; } #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{ right: 8px; top: 8px; font-size: 18px; } /* Small */ #sb_instagram.sbi_small .sbi_playbtn, #sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{ margin-top: -9px; margin-left: -7px; font-size: 18px; } #sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{ right: 5px; top: 5px; font-size: 12px; } /* Media queries */ @media all and (max-width: 640px){ /* Make 3-6 cols into 2 col */ #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item{ width: 50%; } /* Make 7-10 cols into 4 col */ #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item, #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 25%; } /* On mobile make the min-width 100% */ #sb_instagram.sbi_width_resp{ width: 100% !important; } } @media all and (max-width: 480px){ /* Make all cols into 1 col */ #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item, #sb_instagram.sbi_col_10 #sbi_images .sbi_item{ width: 100%; } #sb_instagram.sbi_mob_col_10 #sbi_images .sbi_item{ width: 10%; } #sb_instagram.sbi_mob_col_9 #sbi_images .sbi_item{ width: 11.11%; } #sb_instagram.sbi_mob_col_8 #sbi_images .sbi_item{ width: 12.5%; } #sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{ width: 14.28%; } #sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item { width: 20%; } #sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item { width: 25%; } #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item { width: 33.33%; } #sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item { width: 50%; } #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item { width: 100%; } } /* NO JS */ #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{ box-sizing: border-box; position: relative; overflow: hidden; } #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before { content: ""; display: block; padding-top: 100%; z-index: -300; } #sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition { opacity: 1; } #sb_instagram.sbi_no_js .sbi_photo img, #sb_instagram.sbi_no_js .sbi_load_btn{ display: none; } #sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo, #sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{ padding-bottom: 0 !important; } #sb_instagram #sbi_mod_error .sb_frontend_btn { display: inline-block; padding: 6px 10px; background: #ddd; background: rgba(0,0,0,.1); text-decoration: none; border-radius: 5px; margin-top: 10px; color: #444 } #sb_instagram #sbi_mod_error .sb_frontend_btn:hover { background: #ccc; background: rgba(0,0,0,.15) } #sb_instagram #sbi_mod_error .sb_frontend_btn .fa { margin-right: 2px } /* Palettes */ .sbi_header_outside.sbi_header_palette_dark, #sb_instagram.sbi_palette_dark, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close{ background-color: rgba(0,0,0,.85); color: rgba(255,255,255,.75); } #sb_instagram.sbi_palette_dark .sbi_caption, .sbi_header_palette_dark, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p{ color: rgba(255,255,255,.75); } .sbi_header_palette_dark .sbi_bio, #sb_instagram.sbi_palette_dark .sbi_meta { color: rgba(255,255,255,.75); } .sbi_header_palette_dark a, #sb_instagram.sbi_palette_dark .sbi_expand a, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter { color: #fff; } .sbi_header_outside.sbi_header_palette_light, #sb_instagram.sbi_palette_light, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip, #sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close{ color: rgba(0,0,0,.85); background-color: rgba(255,255,255,.75); } #sb_instagram.sbi_palette_light .sbi_caption, .sbi_header_palette_light, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p{ color: rgba(0,0,0,.85); } .sbi_header_palette_light .sbi_bio, #sb_instagram.sbi_palette_light .sbi_meta { color: rgba(0,0,0,.85); } .sbi_header_palette_light a, #sb_instagram.sbi_palette_light .sbi_expand a, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter { color: #000; } /** Mobile and Tablet Columns **/ @media all and (max-width: 480px){ /* Make all cols into 1 col */ #sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item{ width: 100%; } #sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item{ width: 50%; } #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item{ width: 33.33%; } #sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item{ width: 25%; } #sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item{ width: 20%; } #sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{ width: 14.28%; } } /** Mobile and Tablet Columns **/ @media all and (max-width: 800px){ #sb_instagram.sbi_tab_col_10 #sbi_images .sbi_item{ width: 10%; } #sb_instagram.sbi_tab_col_9 #sbi_images .sbi_item{ width: 11.11%; } #sb_instagram.sbi_tab_col_8 #sbi_images .sbi_item{ width: 12.5%; } #sb_instagram.sbi_tab_col_7 #sbi_images .sbi_item{ width: 14.28%; } #sb_instagram.sbi_tab_col_6 #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_tab_col_5 #sbi_images .sbi_item { width: 20%; } #sb_instagram.sbi_tab_col_4 #sbi_images .sbi_item { width: 25%; } #sb_instagram.sbi_tab_col_3 #sbi_images .sbi_item { width: 33.33%; } #sb_instagram.sbi_tab_col_2 #sbi_images .sbi_item { width: 50%; } #sb_instagram.sbi_tab_col_1 #sbi_images .sbi_item { width: 100%; } } @media all and (max-width: 480px){ /* Make all cols into 1 col */ #sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item{ width: 100%; } #sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item{ width: 50%; } #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item{ width: 33.33%; } #sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item{ width: 25%; } #sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item{ width: 20%; } #sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{ width: 16.66%; } #sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{ width: 14.28%; } #sb_instagram.sbi_mob_col_8 #sbi_images .sbi_item{ width: 12.5%; } #sb_instagram.sbi_mob_col_9 #sbi_images .sbi_item{ width: 11.11%; } #sb_instagram.sbi_mob_col_10 #sbi_images .sbi_item{ width: 10%; } } #sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{ display: none !important; } /* Lightbox */ /* Preload images */ body:after { content: url(//noemiecourant.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png); display: none; } .sbi_lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 99999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.9; display: none; } .sbi_lightbox { position: absolute; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0; font-weight: normal; } .sbi_lightbox .sbi_lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; object-fit: contain; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-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; } .sbi_lightbox a:hover, .sbi_lightbox a:focus, .sbi_lightbox a:active{ outline: none; } .sbi_lightbox a img { border: none; } .sbi_lb-outerContainer { position: relative; background-color: #000; *zoom: 1; width: 250px; height: 250px; margin: 0 auto 5px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .sbi_lb-outerContainer:after { content: ""; display: table; clear: both; } .sbi_lb-container-wrapper{ height: 100%; } .sbi_lb-container { position: relative; padding: 4px; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; } .sbi_lb-loader { position: absolute; width: 100%; top: 50%; left: 0; height: 20px; margin-top: -10px; text-align: center; line-height: 0; } .sbi_lb-loader span { display: block; width: 14px; height: 14px; margin: 0 auto; background: url(//noemiecourant.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat; } .sbi_lb-nav { /*position: absolute;*/ top: 0; left: 0; /*height: 100%;*/ width: 100%; z-index: 10; /*pointer-events: none;*/ } .sbi_lb-container > .nav { left: 0; } .sbi_lb-nav a { position: absolute; z-index: 100; top: 0; height: 90%; outline: none; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); } /* Arrows */ .sbi_lb-prev, .sbi_lb-next { height: 100%; cursor: pointer; display: block; } .sbi_lb-nav a.sbi_lb-prev { /*width: 30%;*/ width: 50px; left: -70px; padding-left: 10px; padding-right: 10px; float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); opacity: 0.5; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .sbi_lb-nav a.sbi_lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .sbi_lb-nav a.sbi_lb-next { /*width: 30%;*/ width: 50px; right: -70px; padding-left: 10px; padding-right: 10px; float: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); opacity: 0.5; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .sbi_lb-nav a.sbi_lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .sbi_lb-nav span{ display: block; top: 55%; position: absolute; left: 20px; width: 34px; height: 45px; margin: -25px 0 0 0; background: url(//noemiecourant.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat; } .sbi_lb-nav a.sbi_lb-prev span{ background-position: -53px 0; } .sbi_lb-nav a.sbi_lb-next span{ left: auto; right: 20px; background-position: -18px 0; } .sbi_lb-dataContainer { margin: 0 auto; padding-top: 10px; *zoom: 1; width: 100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{ position: relative; padding-right: 300px; background: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper { position: relative; background: #000; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer { width: 300px !important; position: absolute; top: 0; right: -300px; height: 100%; bottom: 0; background: #fff; line-height: 1.4; overflow: hidden; overflow-y: auto; text-align: left; } .sbi_lb-dataContainer:after, .sbi_lb-data:after, .sbi_lb-commentBox:after { content: ""; display: table; clear: both; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{ display: block !important; width: 100%; margin-top: 20px; padding: 0px; } #sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number { padding-bottom: 0; } #sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption { width: 100%; max-width: 100%; margin-bottom: 20px; } #sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text { display: inline-block; padding-top: 10px; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{ display: block !important; width: 100%; min-width: 100%; float: left; clear: both; font-size: 12px; padding: 3px 20px 3px 0; margin: 0 0 1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter { font-weight: 700; margin-right: 5px; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{ text-align: left; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{ box-sizing: border-box; padding: 0px 20px; } .sbi_lb-data { padding: 0 4px; color: #ccc; } .sbi_lb-data .sbi_lb-details { width: 85%; float: left; text-align: left; line-height: 1.1; margin-bottom: 20px; } #sbi_lightbox .sbi_lightbox_action { float: left; font-size: 12px; margin: 5px 0 0 5px; padding: 0 0 0 10px; position: relative; } #sbi_lightbox .sbi_lightbox_action a { color: #999; display: flex; gap: 5px; float: left; text-decoration: none; } #sb_instagram svg:not(:root).svg-inline--fa, #sbi_lightbox svg:not(:root).svg-inline--fa { box-sizing: unset; overflow: visible; width: 1em; } .sbi_lb-comments-enabled .sbi_lb-closeContainer { position: absolute; right: 0; top: 2px; } .sbi_lb-comments-enabled .sbi_lb-closeContainer .sbi_lb-close { background: none; color: #333; font-size: 11px; height: auto; padding: 8px 10px; width: auto; } .sbi_lb-data .sbi_lb-caption { float: left; font-size: 13px; font-weight: normal; line-height: 1.3; padding-bottom: 3px; color: #ccc; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .sbi_lb-data .sbi_lb-caption a{ color: #ccc; font-weight: bold; text-decoration: none; } .sbi_lb-data .sbi_lb-caption a:hover, .sbi_lb-commenter:hover{ color: #fff; text-decoration: underline; } .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{ float: left; width: 100%; color: #ccc; padding-bottom: 0; display: block; margin: 0 0 5px 0; } .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p{ color: #fff; text-decoration: underline; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter { color: #333; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p{ color: #333; } .sbi_lightbox .sbi_lightbox_username img { float: left; border: none; width: 32px; height: 32px; margin-right: 10px; background: #666; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .sbi_lightbox_username p{ float: left; margin: 0; padding: 0; color: #ccc; line-height: 32px; font-weight: bold; font-size: 13px; } .sbi_lb-data .sbi_lb-number { display: block; float: left; clear: both; padding: 5px 0 15px 0; font-size: 12px; color: #999999; } .sbi_lb-data .sbi_lb-close { display: block; float: right; width: 30px; height: 30px; font-size: 18px; /* Hides icon font X */ color: #aaa; text-align: right; 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; } .sbi_lb-data .sbi_lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; color: #fff; } /* Lightbox video - must go after lighbox CSS */ /* Leave a gap at the bottom of the nav for video controls */ .sbi_lb-nav { height: auto; } .sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video { position: relative !important; } /* Remove 4px padding from lightbox container so video lines up */ .sbi_lb-container{ padding: 0; }