.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container, .sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity: .8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:-ms-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:-o-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background:-webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background:linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity: .8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container, .sp-container button, .sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top, #eeeeee, #cccccc);background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-ms-linear-gradient(top, #eeeeee, #cccccc);background-image:-o-linear-gradient(top, #eeeeee, #cccccc);background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image:-moz-linear-gradient(top, #dddddd, #bbbbbb);background-image:-ms-linear-gradient(top, #dddddd, #bbbbbb);background-image:-o-linear-gradient(top, #dddddd, #bbbbbb);background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover, .sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.TapInfluence-Admin{margin-bottom:20px}.TapInfluence-Admin h1, .TapInfluence-Admin h2, .TapInfluence-Admin h3, .TapInfluence-Admin h4, .TapInfluence-Admin h5, .TapInfluence-Admin h6{margin-top:5px !important}.TapInfluence-Admin img{padding-bottom:20px}.TapInfluence-Admin p{margin-bottom:20px}.TapInfluence-Admin ul{padding-left:0px !important;margin-left:0px !important;margin-bottom:20px !important}.TapInfluence-Admin ol{margin-bottom:20px}.TapInfluence-Admin ul li{list-style-type:none !important}.TapInfluence-Admin ul li ul{display:inline !important}.TapInfluence-Admin ul li ul li{display:inline !important}.TapInfluence-Admin ol li{list-style-type:square !important}.fa-check{color:#0f0}.fa-times{color:#f00}.Inline{display:inline-block;width:100% !important}.Inline li{list-style-type:none;padding:10px;display:inline}.Centre{text-align:center !important}.Form-Border-Bottom{padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px}.TapInfluence-Admins-Admin{width:96%;margin:0 auto}.TapInfluence-Admins-Admin iframe{padding:0px}.TI-Admin-Container{background:#3193c4;border:1px solid #ccc}.TI-Admin-Heading{background:#0278ae}.TI-Title{padding:20px;text-transform:uppercase;float:left;margin-bottom:0px}.TI-Title h1{color:#fff;font-weight:bold}.TI-Contact-Us{padding:20px;float:right;margin-bottom:0px;padding-top:25px}.TI-Admin-Tools{background:#4ea5d1;padding-top:10px;padding-bottom:10px}.TI-Left-Menu{background:#3193c4;outline:1px solid #ccc;width:25%;float:left}.TI-Left-Menu ul{margin:0px !important;padding:0px}.TI-Left-Menu li{border-bottom:1px solid #ccc;line-height:40px;margin-bottom:0px;padding-left:15px}.TI-Left-Menu li:last-child{border-bottom:0px}.TI-Left-Menu a{color:#fff;text-decoration:none;cursor:pointer}.TI-Left-Menu a:hover{color:#107fb4}.TI-Main{background:#fff;outline:1px solid #ccc;width:70%;float:left;padding:2.5%;min-height:300px}.TI-Submit-Buttons{width:96%;padding:20px;margin:0 auto}.TI-Setting{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc}.Full-Width-Input{width:100%}.Clear-Both{clear:both}.Float-Left{float:left}.Float-Right{float:right}.font-select{font-size:16px;width:210px;position:relative;display:inline-block;zoom:1;*display:inline}.font-select .fs-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999}.font-select>a{background-color:#fff;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));background-image:-webkit-linear-gradient(center bottom, #eee 0%, white 50%);background-image:-moz-linear-gradient(center bottom, #eee 0%, white 50%);background-image:-o-linear-gradient(top, #eee 0%,#fff 50%);background-image:-ms-linear-gradient(top, #eee 0%,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );background-image:linear-gradient(top, #eee 0%,#fff 50%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;display:block;overflow:hidden;white-space:nowrap;position:relative;height:26px;line-height:26px;padding:0 0 0 8px;color:#444;text-decoration:none}.font-select > a span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;line-height:1.8;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;cursor:pointer}.font-select > a div{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));background-image:-webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);background-image:-moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);background-image:-o-linear-gradient(bottom, #ccc 0%, #eee 60%);background-image:-ms-linear-gradient(top, #ccc 0%,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );background-image:linear-gradient(top, #ccc 0%,#eee 60%);border-left:1px solid #aaa;position:absolute;right:0;top:0;display:block;height:100%;width:18px}.font-select > a div b{background:url('/wp-content/plugins/TapInfluence/fs-sprite.png') no-repeat 0 1px;display:block;width:100%;height:100%;cursor:pointer}.font-select .fs-drop{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.font-select .fs-results{margin:0 4px 4px 0;max-height:190px;width:200px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.font-select .fs-results li{line-height:80%;padding:7px 7px 8px;margin:0;list-style:none;font-size:18px}.font-select .fs-results li.active{background:#3875d7;color:#fff;cursor:pointer}.font-select .fs-results li em{background:#feffde;font-style:normal}.font-select .fs-results li.active em{background:transparent}.font-select-active>a{-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb}.font-select-active>a{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background-color:#eee;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));background-image:-webkit-linear-gradient(center bottom, white 0%, #eee 50%);background-image:-moz-linear-gradient(center bottom, white 0%, #eee 50%);background-image:-o-linear-gradient(bottom, white 0%, #eee 50%);background-image:-ms-linear-gradient(top, #fff 0%,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background-image:linear-gradient(top, #fff 0%,#eee 50%);-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.font-select-active > a div{background:transparent;border-left:none}.font-select-active > a div b{background-position:-18px 1px}/**************/ /*** 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; } /* Animate the height of the container for layout feeds */ #sb_instagram.sbi_masonry #sbi_images, #sb_instagram.sbi_highlight #sbi_images{ -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; } #sb_instagram a { border-bottom: 0 !important; } /* Items */ #sb_instagram #sbi_images .sbi_item{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; max-height: 1000px; 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; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } /* Transition items in */ #sb_instagram #sbi_images .sbi_item.sbi_transition{ opacity: 0; max-height: 0; } /* Override transition for other layouts */ #sb_instagram.sbi_masonry #sbi_images .sbi_item, #sb_instagram.sbi_highlight #sbi_images .sbi_item{ -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #sb_instagram.sbi_masonry #sbi_images .sbi_item.sbi_transition, #sb_instagram.sbi_highlight #sbi_images .sbi_item.sbi_transition{ opacity: 0; max-height: 1000px; } /* Carousel in transition */ #sb_instagram #sbi_images.sbi_carousel .sbi_item, #sb_instagram #sbi_images.sbi_carousel .sbi_item.sbi_transition{ opacity: 1; max-height: 1000px; } #sb_instagram.sbi_carousel_2_row #sbi_images.sbi_carousel .sbi_item { width: 100%; } /* 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 */ .sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;text-align: left !important; } #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; border-radius: 0; } #sb_instagram .sbi_photo video{ width: 100%; height: 100%; border-radius: 0; display: block; margin: 0; padding: 0; } #sb_instagram #sbi_images img{ display: block; padding: 0 !important; margin: 0 !important; max-width: 100% !important; opacity: 1 !important; font-size: 10px !important; line-height: 0.9; color: #999; } #sb_instagram .sbi_link.sbi_disable_lightbox { display: none !important; } #sb_instagram .sbi_link{ display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; background: #333; background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-size: 12px; line-height: 1.1; overflow: hidden; } #sb_instagram .sbi_link.sbi_default p, #sb_instagram .sbi_link.sbi_default span, #sb_instagram .sbi_link.sbi_default a{ text-shadow: 0px 0px 10px #000; } #sb_instagram .sbi_link .sbi_username a, #sb_instagram .sbi_link .sbi_instagram_link, #sb_instagram .sbi_link .sbi_hover_bottom, #sb_instagram .sbi_link .sbi_playbtn, #sb_instagram .sbi_link .sbi_lightbox_link, #sb_instagram .sbi_link .svg-inline--fa.fa-play{ filter: alpha(opacity=90); opacity: 0.9; } #sb_instagram .sbi_link .sbi_username a:hover, #sb_instagram .sbi_link .sbi_instagram_link:hover, #sb_instagram .sbi_link .sbi_playbtn:hover, #sb_instagram .sbi_link .sbi_lightbox_link:hover, #sb_instagram .sbi_link .svg-inline--fa.fa-play:hover{ filter: alpha(opacity=100); opacity: 1; } #sb_instagram .sbi_link_area{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #sb_instagram .sbi_link a{ padding: 0; text-decoration: none; color: #ddd; color: rgba(255,255,255,0.7); line-height: 1.1; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #sb_instagram .sbi_link a:hover, #sb_instagram .sbi_link a:active{ color: #fff; } #sb_instagram .sbi_link .sbi_lightbox_link{ display: block; /*display: none;*/ position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -24px; margin-left: -21px; padding: 0; font-size: 49px; font-style: normal !important; } #sb_instagram .sbi_type_video .sbi_lightbox_link, #sb_instagram .sbi_carousel_vid_first .sbi_lightbox_link{ display: none; } #sb_instagram .sbi_link .sbi_instagram_link{ /*float: right;*/ font-size: 30px; position: absolute; z-index: 100; bottom: 0; right: 2px; padding: 8px; } #sb_instagram .sbi_link a:hover, #sb_instagram .sbi_link a:focus{ text-decoration: underline; } /* Date */ #sb_instagram .sbi_hover_top, #sb_instagram .sbi_hover_bottom{ position: absolute; width: 98%; text-align: center; padding: 1% !important; margin: 0 !important; font-size: 12px; color: #ddd; color: rgba(255,255,255,1); } #sb_instagram .sbi_username{ top: 0; margin: 0; } #sb_instagram .sbi_username a{ padding: 10px 10px 0 10px; position: relative; z-index: 2; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #sb_instagram .sbi_link .sbi_caption{ line-height: 1; padding-top: 10px; } #sb_instagram .sbi_hover_bottom{ bottom: 10px; line-height: 1; z-index: 2; } #sb_instagram .sbi_hover_bottom p{ margin: 0; padding: 0; } #sb_instagram .sbi_date, #sb_instagram .sbi_location{ padding: 0 5px; margin: 3px 0; display: inline-block; } #sb_instagram .sbi_hover_bottom .fa, #sb_instagram .sbi_hover_bottom svg{ margin: 0 5px 0 0; } #sb_instagram .sbi_hover_bottom .sbi_location{ line-height: 1; width: 100%; padding: 0 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sb_instagram .sbi_hover_bottom .sbi_meta{ padding: 5px 0 0 0; } /* Medium */ #sb_instagram.sbi_medium .sbi_username a{ font-size: 11px; } #sb_instagram.sbi_medium .sbi_lightbox_link, #sb_instagram.sbi_medium .sbi_instagram_link, #sb_instagram.sbi_medium .sbi_playbtn, #sb_instagram.sbi_medium .sbi_link .svg-inline--fa.fa-play{ margin-top: -12px; margin-left: -10px; } #sb_instagram.sbi_medium .sbi_lightbox_link, #sb_instagram.sbi_medium .sbi_instagram_link, #sb_instagram.sbi_medium .sbi_playbtn, #sb_instagram.sbi_medium .sbi_photo_wrap .fa-clone, #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{ font-size: 23px; } #sb_instagram.sbi_medium .sbi_instagram_link{ margin: 0; padding: 6px; } #sb_instagram.sbi_medium .sbi_hover_bottom{ bottom: 7px; font-size: 11px; } #sb_instagram.sbi_medium .sbi_playbtn, #sb_instagram.sbi_medium .svg-inline--fa.fa-play{ margin-left: -10px; } #sb_instagram.sbi_medium .sbi_hover_bottom .sbi_location{ padding: 0 30px; } #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{ right: 8px; top: 8px; } /* Small */ #sb_instagram.sbi_small .sbi_username a{ padding: 3px 2px; font-size: 10px; line-height: 1; } #sb_instagram.sbi_small .sbi_lightbox_link, #sb_instagram.sbi_small .sbi_instagram_link, #sb_instagram.sbi_small .sbi_playbtn, #sb_instagram.sbi_small .svg-inline--fa.fa-play{ margin-top: -9px; margin-left: -7px; } #sb_instagram.sbi_small .sbi_lightbox_link, #sb_instagram.sbi_small .sbi_instagram_link, #sb_instagram.sbi_small .sbi_playbtn, #sb_instagram.sbi_small .sbi_photo_wrap .fa-clone, #sb_instagram.sbi_small .sbi_type_video .svg-inline--fa.fa-play, #sb_instagram.sbi_small .sbi_carousel_vid_first .svg-inline--fa.fa-play{ font-size: 18px; } #sb_instagram.sbi_small .sbi_instagram_link{ margin: 0; padding: 4px 3px; font-size: 14px; } #sb_instagram.sbi_small .sbi_hover_bottom{ bottom: 3px; font-size: 10px; } #sb_instagram.sbi_small .sbi_hover_bottom .sbi_location{ padding: 0 18px; } #sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{ right: 5px; top: 5px; font-size: 12px; } /* Post info */ #sb_instagram .sbi_info{ width: 100%; float: left; clear: both; text-decoration: none; color: #666; text-align: center; } #sb_instagram.sbi_highlight .sbi_info { display: none; } #sb_instagram .sbi_info p{ width: 100%; clear: both; padding: 5px 5px 2px 5px !important; margin: 0 !important; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sb_instagram .sbi_expand{ display: none; } /* Caption */ #sb_instagram .sbi_caption{ word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Meta */ #sb_instagram .sbi_meta{ line-height: 1.1; padding: 4px 0 8px 0; } #sb_instagram .sbi_meta span{ margin: 0 5px !important; font-size: 11px; } #sb_instagram .sbi_meta i, #sb_instagram .sbi_meta svg{ margin-right: 5px !important; font-size: 13px; } #sb_instagram .sbi_lightbox_link .fa-arrows-alt { display: none; } /* VIDEO */ .sbi_video{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .sbi_video_lightbox .sbi_video, #sbi_lightbox .sbi_owl-wrapper .sbi_video{ display: block; } /* #sbi_lightbox.sbi_video_lightbox .sbi_lb-image{ display: none !important; /* Show photo in IE7 as doesn't support video *//* *display: block !important; } */ /* Video play button */ .sbi_playbtn, #sb_instagram .svg-inline--fa.fa-play{ display: none !important; } .sbi_type_video .sbi_playbtn, .sbi_carousel_vid_first .sbi_playbtn, .sbi_type_carousel .fa-clone, #sb_instagram .sbi_carousel_vid_first .svg-inline--fa.fa-play, #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{ display: block !important; position: absolute; z-index: 1; padding: 0; font-size: 48px; color: #fff; color: rgba(255,255,255,0.9); font-style: normal !important; text-shadow: 0 0 8px rgba(0,0,0,0.8); } .sbi_type_video .sbi_playbtn, .sbi_carousel_vid_first .sbi_playbtn, .sbi_link .svg-inline--fa.fa-play{ top: 50%; left: 50%; margin-top: -24px; margin-left: -19px; } #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, .sbi_carousel_vid_first .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) ); } /* Don't apply text shadow to play button on hover link */ #sb_instagram .sbi_type_video .sbi_link .sbi_playbtn, #sb_instagram .sbi_carousel_vid_first .sbi_link .sbi_playbtn{ text-shadow: none; } .sbi_lb_lightbox-carousel-video { position: relative !important; } /* Media queries */ @media all and (max-width: 640px){ /* Make 3-6 cols into 2 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{ 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, #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{ width: 25%; } #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%; } /* 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_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%; } } /* Lightbox */ /* Preload images */ body:after { content: url(/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; } .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(/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.2; -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(/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: 4px; } #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: 15px 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; } .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; } /* Mod link to remove image */ #sbi_mod_link, #sbi_mod_error{ display: none; } #sbi_mod_error{ border: 1px solid #ddd; background: #eee; color: #333; margin: 0 0 10px 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 p{ padding: 5px 0 !important; margin: 0 !important; line-height: 1.3 !important; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; } #sbi_mod_error p:first-child b{ font-size: 14px; } #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; font-style: italic; } .sbi_lb-container-wrapper #sbi_mod_error{ position: absolute; z-index: 9999999; font-size: 12px; line-height: 1.5; bottom: 0; width: 92%; margin: 0 2% 10px 2%; padding: 12px 2% 13px 2%; background: rgba(255,255,255,0.9); border: none; box-shadow: 0 0 20px 0px rgba(0,0,0,0.1); } /* Lightbox action links */ #sbi_lightbox .sbi_lightbox_action{ float: left; /*clear: both;*/ position: relative; padding: 0 0 0 10px; margin: 5px 0 0 10px; border-left: 1px solid #666; font-size: 12px; } #sbi_lightbox .sbi_lightbox_action a{ display: block; float: left; color: #999; text-decoration: none; } #sbi_lightbox .sbi_lightbox_action a:hover, #sbi_lightbox .sbi_lightbox_action a:focus{ color: #fff; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:focus { color: inherit; } #sbi_lightbox .sbi_lightbox_action .fa, #sbi_lightbox .sbi_lightbox_action svg{ margin-right: 5px; } #sbi_lightbox .sbi_lightbox_action.sbi_instagram .fa, #sbi_lightbox .sbi_lightbox_action.sbi_instagram svg{ font-size: 13px; } /* Lightbox sidebar mod link/box */ #sbi_lightbox.sbi_lb-comments-enabled #sbi_mod_link{ width: 100%; margin-left: 0; padding: 5px 0 0 0; border-left: none; } #sbi_lightbox.sbi_lb-comments-enabled #sbi_mod_box{ width: 265px; left: -15px; } /* Lightbox tooltip */ #sbi_lightbox .sbi_lightbox_tooltip{ display: none; position: absolute; width: 100px; bottom: 22px; left: 0; padding: 5px 10px; margin: 0; background: rgba(255,255,255,0.9); color: #222; font-size: 12px; line-height: 1.4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sbi_lightbox .sbi_lightbox_tooltip .svg-inline--fa.fa-play{ position: absolute; font-size: 8px; bottom: -6px; left: 36px; color: rgba(255,255,255,0.9); } #sbi_lightbox .sbi_tooltip_social a .fa, #sbi_lightbox .sbi_tooltip_social a svg{ font-size: 16px; margin: 0; padding: 5px; } #sbi_lightbox .sbi_tooltip_social a#sbi_facebook_icon .fa, #sbi_lightbox .sbi_tooltip_social a#sbi_twitter_icon .fa, #sbi_lightbox .sbi_tooltip_social a#sbi_pinterest_icon .fa{ padding-top: 4px; font-size: 18px; } #sbi_lightbox .sbi_tooltip_social a svg { font-size: 19px; padding: 3px 4px; margin: auto; } #sbi_lightbox .sbi_share_close { position: absolute; top: -16px; right: -16px; height: 20px; width: 20px; background: #fff; border-radius: 50% !important; 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; } #sbi_lightbox .sbi_share_close:hover{ cursor: pointer; } #sbi_lightbox .sbi_share_close:hover svg{ background: #333; border-radius: 50%; } #sbi_lightbox .sbi_share_close svg { width: 12px !important; height: 14px !important; } /* Hide photos tooltip */ #sbi_lightbox #sbi_mod_box{ width: 285px; padding: 8px 10px; } /* Social icons tooltip */ #sbi_lightbox .sbi_tooltip_social{ width: 145px; padding: 5px 5px 4px 5px; } #sbi_lightbox .sbi_tooltip_social a{ color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #sbi_lightbox .sbi_lightbox_action #sbi_facebook_icon:hover{ background: #3b5998; } #sbi_lightbox .sbi_lightbox_action #sbi_twitter_icon:hover{ background: #00aced; } #sbi_lightbox .sbi_lightbox_action #sbi_google_icon:hover{ background: #dd4b39; } #sbi_lightbox .sbi_lightbox_action #sbi_linkedin_icon:hover{ background: #007bb6; } #sbi_lightbox .sbi_lightbox_action #sbi_pinterest_icon:hover{ background: #cb2027; } #sbi_lightbox .sbi_lightbox_action #sbi_email_icon:hover{ background: #333; } #sbi_lightbox .sbi_owl-theme .sbi_owl-controls .sbi_owl-page span { width: 8px; height: 8px; } /* begin small device comments CSS */ @media all and (max-width: 640px){ .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer { width: 100% !important; padding-right: 0!important; background: #000; } .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer { box-sizing: border-box; width: 100% !important; position: relative; right: 0; height: 100%; line-height: 1.4; overflow: hidden; overflow-y: auto; text-align: left; border-radius: 0 0 5px 5px; } .sbi_lightbox .sbi_lb-image { margin: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; border-radius: 0; } #sbi_lightbox.sbi_lb-comments-enabled #sbi_mod_link.sbi_lightbox_action { padding: 0 0 0 10px; margin: 5px 0 0 10px; border-left: 1px solid #666; } /* Carousel in Lightbox */ #sbi_lightbox .sbi_lb-prev, #sbi_lightbox .sbi_lb-next, #sbi_lightbox .sbi_lb-nav {display: none !important;} #sbi_lightbox .sbi_owl-theme .sbi_owl-controls .sbi_owl-page span { width: 16px; height: 16px; } } /* end small device comments CSS */ /* 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; } /* 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) } } /* Lightbox sidebar/comments */ .sbi_lb-comments-enabled .sbi_lb-dataContainer{ -moz-border-radius-bottom-left: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-top-right: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-details{ width: 95%; } .sbi_lb-comments-enabled .sbi_lb-closeContainer{ position: absolute; top: 0; right: 0; } .sbi_lb-comments-enabled .sbi_lb-closeContainer .sbi_lb-close{ background: none; color: #333; width: auto; height: auto; padding: 8px 10px; font-size: 14px; } .sbi_lb-comments-enabled .sbi_lb-closeContainer .sbi_lb-close:hover{ background: rgba(0,0,0,0.05); -moz-border-radius-bottom-left: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:hover, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:focus{ color: #fff; } .sbi_loading_comments { text-align: center; margin-top: 15px; } /* Lightbox story */ .sbi_lb-story .sbi_lb-outerContainer:before{ content: ''; position: absolute; width: 100%; height: 5px; top: -5px; left: 0; background: rgb(250,155,87); background: linear-gradient(90deg, rgba(250,155,87,1) 0%, rgba(247,118,63,1) 35%, rgba(227,72,118,1) 55%, rgba(220,50,124,1) 75%, rgba(199,51,144,1) 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; } .sbi_lightbox.sbi_lb-story .sbi_lb-image{ -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; } /* HEADER */ .sb_instagram_header{ float: left; clear: both; margin: auto; padding: 0; line-height: 1.2; width: 100%; overflow: hidden; /* Prevents pushing width on mobile */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sb_instagram_header a{ float: left; display: block; min-width: 100%\9; text-decoration: none; transition: color 0.5s ease; } /* Header profile pic */ .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; } .sbi_header_img img{ float: left; margin: 0 !important; padding: 0 !important; border: none !important; } /* Profile pic hover */ .sbi_header_img_hover, .sbi_header_hashtag_icon{ 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_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_header.sbi_medium .sbi_header_img_hover .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_header.sbi_large .sbi_header_img_hover .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_header .sbi_header_img_hover i { overflow: hidden; background: url('/wp-content/plugins/instagram-feed/img/small-logo.png') no-repeat 0 0; } .sbi_header_img_hover{ z-index: 2; transition: opacity 0.4s ease-in-out; } .sb_instagram_header .sbi_fade_in{ opacity: 1; transition: opacity 0.2s ease-in-out; } /* Header text */ .sbi_header_text{ float: left; width: 100%; padding-top: 2px; } .sb_instagram_header.sbi_medium .sbi_header_text{ padding-top: 10px; } #sb_instagram .sb_instagram_header.sbi_medium .sbi_bio{ margin-top: 3px !important; } .sb_instagram_header.sbi_large .sbi_header_text{ padding-top: 14px; } #sb_instagram .sb_instagram_header.sbi_large .sbi_bio{ margin-top: 6px !important; } .sbi_header_text h3, .sbi_header_text p{ float: left; clear: both; width: auto; margin: 0 0 0 60px !important; padding: 0 !important; } .sbi_header_text .sbi_bio_info{ padding: 0 !important; } .sbi_bio_info span + span { margin-left: 10px; } #sb_instagram .sbi_bio{ line-height: 1; } .sbi_bio_info .fa, .sbi_bio_info svg{ padding-right: 3px; } .sbi_posts_count svg{ height: 1.05em; margin-bottom: -1px; } .sbi_followers svg.svg-inline--fa.fa-user{ width: 0.8em; margin-right: 0 !important; } /* Hashtag header */ .sbi_header_type_generic .sbi_header_img, .sbi_no_avatar .sbi_header_img{ background: #333; color: #fff; width: 50px; height: 50px; position: relative; } .sbi_header_type_generic .sbi_no_bio{ padding-top: 9px !important; } .sbi_header_type_generic .sbi_header_hashtag_icon, .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; -ms-transition: background .6s linear,color .6s linear; -o-transition: background .6s linear,color .6s linear; transition: background .6s linear,color .6s linear } .sbi_header_type_generic:hover .sbi_header_hashtag_icon, .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; -ms-transition: background .2s linear,color .2s linear; -o-transition: background .2s linear,color .2s linear; transition: background .2s linear,color .2s linear } .sb_instagram_header h3{ font-size: 16px; line-height: 1.3; -ms-word-wrap: break-word; word-break: break-word; } .sb_instagram_header p{ font-size: 13px; line-height: 1.3; } /* No bio */ .sbi_header_text.sbi_no_info h3{ padding-top: 9px !important; } .sbi_header_text.sbi_no_bio .sbi_bio_info{ clear: both; } /* Header followers */ .sbi_header_text .sbi_bio_info{ float: left; clear: none; margin-top: 2px !important; } .sbi_header_text h3{ margin-right: -50px !important; } /* Header style boxed */ .sbi_header_style_boxed .sbi_header_img{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .sbi_header_bar{ width: 100%; float: left; clear: both; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sbi_header_style_boxed .sbi_bio_info{ margin: 2px 5px; float: left; width: auto; } .sbi_header_style_boxed .sbi_no_bio h3{ margin-top: 9px !important; } .sbi_header_style_boxed .sbi_bio{ padding-bottom: 3px !important; margin-right: 5px !important; } .sb_instagram_header.sbi_header_style_boxed .sbi_header_follow_btn{ float: right; padding: 4px 12px; background: #517fa4; color: #fff; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .sbi_header_follow_btn:hover, .sbi_header_follow_btn:focus{ filter: alpha(opacity=85); opacity: 0.85; outline: none; } .sbi_header_follow_btn .fa, .sbi_header_follow_btn svg{ margin-right: 5px; display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; } .sbi_header_style_boxed .sbi_header_hashtag_icon{ background: none; } /* Buttons */ #sb_instagram #sbi_load{ float: left; clear: both; width: 100%; text-align: center; } #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_moderation_link, #sb_instagram .sbi_close_mod{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 7px 14px; margin: 5px auto 0 auto; background: #333; color: #eee; 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; } #sb_instagram #sbi_load .sbi_load_btn.sbi_hide_load { display:none !important; } #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; } /* Follow button */ #sb_instagram .sbi_follow_btn{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; 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; } /* If a custom color is applied then just use opacity for the hover effect */ #sb_instagram .sbi_follow_btn.sbi_custom a:hover, #sb_instagram .sbi_follow_btn.sbi_custom a:focus, #sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover{ box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.15); } /* 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_load .sbi_follow_btn{ margin-left: 5px; } /* SVGs */ #sb_instagram svg:not(:root).svg-inline--fa, #sbi_lightbox svg:not(:root).svg-inline--fa{ box-sizing: unset; overflow: visible; width: 1em; } #sb_instagram .svg-inline--fa.fa-w-16, #sbi_lightbox .svg-inline--fa.fa-w-16{ width: 1em; } #sb_instagram .svg-inline--fa, #sbi_lightbox .svg-inline--fa{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; } /* Don't show the carousel images initially, fade them in using JS */ /* * Core Owl Carousel CSS File * v2.1.1 */ #sb_instagram #sbi_images.sbi_carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; direction: ltr; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .sbi_carousel .sbi_info, .sbi_carousel .sbi_owl2row-item{ display: none; } .sbi-owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .sbi-owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .sbi-owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .sbi-owl-wrapper, .sbi-owl-item { -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); } .sbi-owl-item { position: relative; min-height: 1px; padding: 0 5px; padding: 0; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .sbi-owl-item img { display: block; width: 100%; } .sbi-owl-nav.disabled, .sbi-owl-dots.disabled { display: none; } .sbi-owl-nav .sbi-owl-prev, .sbi-owl-nav .sbi-owl-next, .sbi-owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sbi-owl-carousel.sbi-owl-loaded { display: block; } .sbi-owl-carousel.sbi-owl-loading { opacity: 0; display: block; } .sbi-owl-carousel.sbi-owl-hidden { opacity: 0; } .sbi-owl-carousel.sbi-owl-refresh .sbi-owl-item { visibility: hidden; } .sbi-owl-carousel.sbi-owl-drag .sbi-owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sbi-owl-carousel.sbi-owl-grab { cursor: move; cursor: grab; } .sbi-owl-carousel.sbi-owl-rtl { direction: rtl; } .sbi-owl-carousel.sbi-owl-rtl .sbi-owl-item { float: right; } /* No Js */ .no-js .sbi_carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .animated { animation-duration: 1000ms; animation-fill-mode: both; } .sbi-owl-animated-in { z-index: 0; } .sbi-owl-animated-out { z-index: 1; } .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .sbi-owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .sbi-owl-item .sbi-owl-lazy { opacity: 0; transition: opacity 400ms ease; } .sbi-owl-item img.sbi-owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .sbi-owl-video-wrapper { position: relative; height: 100%; background: #000; } .sbi-owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/wp-content/plugins/instagram-feed/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .sbi-owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .sbi-owl-video-playing .sbi-owl-video-tn, .sbi-owl-video-playing .sbi-owl-video-play-icon { display: none; } .sbi-owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .sbi-owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .sbi-owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .sbi-owl-nav { margin-top: 0; } .sbi-owl-nav .disabled { opacity: 0.5; cursor: default; } .sbi-owl-nav.disabled + .sbi-owl-dots { margin-top: 10px; } .sbi-owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; padding: 5px 0; margin-top: 5px; } .sbi-owl-dots .sbi-owl-dot { display: inline-block; zoom: 1; *display: inline; } .sbi-owl-dots .sbi-owl-dot span { display: block; width: 12px; height: 12px; margin: 5px 7px; background: #333; filter: Alpha(Opacity=25);/*IE7 fix*/ opacity: 0.25; -webkit-backface-visibility: visible; transition: opacity 100ms ease; border-radius: 30px; } .sbi-owl-dots .sbi-owl-dot.active span, .sbi-owl-dots .sbi-owl-dot:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .sbi-owl-item { display: inline-block; vertical-align: top; } .sbi-owl-stage-outer { overflow-x: hidden; overflow-y: hidden; } .sbi-owl-item > div { width: 100% !important; } .sbi-post-links { max-width: 100%; } .sbi-owl-item{ box-sizing: border-box; } /* Navigation arrows */ .sbi-owl-nav > div { position: absolute; top: 50%; font-size: 14px; display: inline-block; background: rgba(255,255,255,0.3); padding: 6px 6px 6px 8px; border-radius: 50%; margin-top: -15px; color: #000; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sbi_carousel:hover .sbi-owl-nav > div{ background: rgba(255,255,255,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -webkit-transform:scale(1.1); /* Safari and Chrome */ -moz-transform:scale(1.1); /* Firefox */ -ms-transform:scale(1.1); /* IE 9 */ -o-transform:scale(1.1); /* Opera */ transform:scale(1.1); } .sbi_carousel:hover .sbi-owl-nav > div:hover { cursor: pointer; background: #fff; } .sbi-owl-nav .sbi-owl-prev { margin-left: 7px; padding: 6px 8px 6px 6px; left: 0; } .sbi-owl-nav .sbi-owl-next { margin-right: 7px; right: 0; } #sb_instagram .sbi_carousel .sbi-owl-nav .svg-inline--fa { height: 1.2em; } /* MODERATION MODE */ #sb_instagram.sbi_moderation_mode{ position: relative; z-index: 999999; background: #f9f9f9; } #sb_instagram.sbi_moderation_mode p, #sb_instagram.sbi_moderation_mode label, #sb_instagram.sbi_moderation_mode a{ font-family: "Open Sans", Helvetica, Arial, sans-serif; } .sbi_moderation_mode .sb_instagram_header { padding: 15px 15px 0 15px !important; margin: 0; } .sbi_moderation_mode .sbi_mod_submit_mod { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; padding: 7px 14px; margin: 10px 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; } .sbi_moderation_mode .sbi_mod_submit_mod:hover { color: #fff; opacity: .8; } .sbi_moderation_mode .sbi_mod_mode_wrapper { float: left; clear: both; width: 100%; position: relative; padding: 50px 2%; font-size: 14px; line-height: 1.4; color: #222; background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sbi_moderation_mode .sbi_mod_mode_wrapper .sbi_mod_row{ width: 100%; padding-bottom: 5px; } .sbi_moderation_mode .sbi_mod_mode_wrapper input{ cursor: pointer; vertical-align: baseline; } .sbi_moderation_mode .sbi_mod_mode_wrapper label{ position: relative; top: -2px; cursor: pointer; } #sb_instagram.sbi_moderation_mode .sbi_follow_btn { display: none; } /* Save button at bottom */ .sbi_mod_mode_wrapper_bottom{ clear: both; margin-top: 20px; } .sbi_moderation_mode .sbi_mod_mode_wrapper_bottom .sbi_mod_submit_mod{ margin: 0; } .sbi_moderation_mode .sbi_mod_new_white_list { background: #fff; border-radius: 4px; padding: 20px 2%; margin-top: 10px; width: 95%; border-left: 5px solid #4e9c2b; box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); } .sbi_moderation_mode .sbi_warning{ border-left: 5px solid #e8452b; } .sbi_mod_new_white_list span{ font-weight: bold; margin-right: 5px; } .sbi_moderation_mode .sbi_mod_new_white_list code{ font-size: 18px; display: inline-block; padding: 10px 0 0 0; margin-left: -2px; } #sb_instagram.sbi_moderation_mode .sbi_close_mod { position: absolute; right: 20px; top: 20px; } #sb_instagram.sbi_moderation_mode .sbi_close_mod:hover, #sb_instagram.sbi_moderation_mode .sbi_close_mod:focus{ background: #d83e2e; } #sb_instagram .sbi_moderation_link{ float: right; background: #e6684f; } #sb_instagram .sbi_moderation_link .fa, .sbi_moderation_mode .sbi_close_mod .fa, .sbi_mod_submit_mod .fa, #sb_instagram .sbi_moderation_link svg, .sbi_moderation_mode .sbi_close_mod svg, .sbi_mod_submit_mod svg{ margin-right: 6px; width: 1em; } #sb_instagram .sbi_moderation_link:hover, #sb_instagram .sbi_moderation_link:focus{ background: #e5593d; } .sbi_moderation_mode .sbi_mod { padding: 10px; text-align: center; } .sbi_mod_post_status { position:absolute; top: 0; right: 0; padding: 12px 13px 14px 16px; color: #fff; -moz-border-radius-bottom-left: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; z-index: 10; } .sbi_mod_post_status .fa, .sbi_mod_post_status svg{ font-size: 28px; font-weight: 700; } .sbi_mod_exclude{ background: #e5593d; } .sbi_mod_include{ background: #4e9c2b; } .sbi_mod_user{ display: block; padding: 0 0 5px 0; } .sbi_mod input, .sbi_mod label{ cursor: pointer; } .sbi_mod_block{ padding: 3px; margin-bottom: 5px; } .sbi_mod_user input { width: 100%; padding: 3px; line-height: 1; font-size: 11px; text-align: center; } .sbi_mod_block:hover, .sbi_mod_block:focus{ background: rgba(0,0,0,0.05); color: #bf2c0f; border-radius: 4px; } .sbi_mod_block label{ width: 100%; display: block; } .sbi_mod_block_user{ position: relative; top: 1px; } .sbi_mod_submit_mod:hover, .sbi_mod_submit_mod:focus{ background: #488a2b; } .sbi_mod_type_header{ padding: 0 0 10px 0; margin: 0; font-size: 16px; font-weight: bold; } .sbi_mod_saved{ display: none; position: fixed; top: 50%; left: 50%; z-index: 999999; background: rgba(255,255,255,0.9); padding: 18px 22px; margin: -32px 0 0 -60px; border-radius: 4px; color: #488a2b; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } .sbi_mod_saved .fa, .sbi_mod_saved svg{ margin-right: 3px } /* Carousel */ #sbi_lightbox .sbi-owl-dots{ top: -45px; position: relative; width: auto; display: inline-block; background: rgba(0,0,0,0.1); border-radius: 30px; padding: 3px 5px; } #sbi_lightbox .sbi-owl-dots .sbi-owl-dot span{ opacity: 0.5; background: #fff; background: rgba(255,255,255,0.9); width: 8px; height: 8px; } #sbi_lightbox .sbi-owl-dots .sbi-owl-dot.active span { filter: Alpha(Opacity=100); opacity: 1; } #sbi_lightbox .sbi-owl-nav > div { position: absolute; display: inline-block; top: 50%; right: 8px; margin-top: -16px; color: #000; zoom: 1; padding: 6px 5px 6px 7px; font-size: 15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #fff; filter: Alpha(Opacity=50); opacity: 0.5; z-index: 10; } #sbi_lightbox .sbi-owl-nav > .sbi-owl-prev { right: auto; left: 8px; padding-left: 5px; padding-right: 7px; } #sbi_lightbox .sbi-owl-nav > div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } #sbi_lightbox .fa-clone { position: absolute; right: 12px; top: 12px; color: #fff; opacity: 1; z-index: 1; } .sbi_lightbox .sbi_lb-image{ margin: 0; padding: 0 !important; } @media all and (max-width: 640px) { #sbi_lightbox .sbi_owl-theme .sbi_owl-controls .sbi_owl-buttons div{ left: 0; } #sbi_lightbox .sbi_owl-theme .sbi_owl-controls .sbi_owl-buttons .sbi_owl-next{ right: 0; } #sbi_lightbox .fa-clone { right: 4px; top: 4px; } } @media all and (min-width: 800px) { .sbi_lightbox.sbi_lb-comments-enabled { position: fixed; top: 50px !important; } } /* 3.0 styles */ /* Hover effect slight zoom */ #sb_instagram .sbi_photo_wrap{ overflow: hidden; } #sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo{ background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #sb_instagram:not(.sbi_moderation_mode) .sbi_photo_wrap:hover .sbi_photo { -webkit-transform:scale(1.05); /* Safari and Chrome */ -moz-transform:scale(1.05); /* Firefox */ -ms-transform:scale(1.05); /* IE 9 */ -o-transform:scale(1.05); /* Opera */ transform:scale(1.05); } /* Carousel hover transition for 2 rows (as some cloned items still have the sbi_transition class on them) */ #sb_instagram #sbi_images.sbi_carousel .sbi_item.sbi_transition .sbi_photo{ background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Use CSS for lightbox fade instead of JS */ #sb_instagram .sbi_link { opacity: 0; display: block; transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -webkit-transition: opacity .6s ease-in-out; } #sb_instagram .sbi_photo_wrap:hover .sbi_link { opacity: 1; display: block; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } #sb_instagram.sbi_moderation_mode .sbi_photo_wrap .sbi_link{ display: none !important; } /** Medium Header */ /* Only use medium & large headers on devices above 480px */ @media all and (min-width: 480px){ .sb_instagram_header.sbi_medium .sbi_header_img { width: 80px; height: 80px; border-radius: 40px; } .sb_instagram_header.sbi_medium .sbi_header_img img { width: 80px; height: 80px; border-radius: 40px; } .sb_instagram_header.sbi_medium .sbi_header_text h3 { font-size: 20px; } .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_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_header.sbi_medium .sbi_header_text h3{ margin-right: -85px !important; } .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{ margin-top: 4px !important; } .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3 { padding-top: 7px !important; } .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_info h3, .sb_instagram_header.sbi_header_type_generic.sbi_medium .sbi_no_bio{ padding-top: 20px !important; } /** Large Header */ .sb_instagram_header.sbi_large .sbi_header_img { width: 120px; height: 120px; border-radius: 60px; } .sb_instagram_header.sbi_large .sbi_header_img img { width: 120px; height: 120px; border-radius: 60px; } .sb_instagram_header.sbi_large .sbi_header_text h3 { font-size: 28px; } .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_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_header.sbi_large .sbi_header_text h3{ margin-right: -120px !important; } .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{ margin-top: 12px !important; } .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3 { padding-top: 12px !important; } .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_info h3, #sb_instagram .sb_instagram_header.sbi_header_type_generic.sbi_large .sbi_no_bio{ padding-top: 32px !important; } } /* centered */ .sb_instagram_header.sbi_centered{ float: none; clear: both; padding: 0; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 500px; overflow: hidden; } .sb_instagram_header.sbi_centered .sbi_header_img{ float: none; margin: auto !important; } .sb_instagram_header.sbi_centered .sbi_header_text h3, .sb_instagram_header.sbi_centered .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_centered .sbi_header_text .sbi_bio{ margin: auto !important; text-align: center; float: none; } .sb_instagram_header.sbi_header_style_boxed .sbi_header_img, .sb_instagram_header.sbi_header_style_boxed .sbi_header_img img { border-radius: 0 !important; } .sb_instagram_header.sbi_centered a{ float: none; } /* header story */ .sb_instagram_header.sbi_story *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sb_instagram_header.sbi_story .sbi_header_img { padding: 3px; background: rgb(250,155,87); background: linear-gradient(45deg, rgba(250,155,87,1) 0%, rgba(247,118,63,1) 35%, rgba(227,72,118,1) 55%, rgba(220,50,124,1) 75%, rgba(199,51,144,1) 100%); } .sb_instagram_header.sbi_story.sbi_header_style_boxed .sbi_header_img:after { border-radius: 0; } .sb_instagram_header.sbi_story .sbi_header_img_hover .sbi_new_logo{ background: url('/wp-content/plugins/instagram-feed/img/sbi-sprite.png') no-repeat -91px -27px; width: 28px; height: 28px; margin-top: -14px; margin-left: -14px; } .sb_instagram_header.sbi_story .sbi_header_img_hover{ transition: opacity 0.2s ease-in-out; } /* Remove header shadow/border */ #sb_instagram .sbi_header_link { -webkit-box-shadow: none; box-shadow: none; } #sb_instagram .sbi_header_link:hover { border: none; } /* Header hover transition */ .sb_instagram_header.sbi_story .sbi_header_img img { height: auto; border: 3px solid #fff !important; border-radius: 50%; transition: border 0.2s ease; } .sbi_story .sbi_header_img_hover{ background: none; } .sbi_story .sbi_header_img{ transition: padding 0.2s ease; } .sb_instagram_header.sbi_story .sbi_header_link:hover .sbi_header_img img { border: 0px solid #fff !important; transition: border 0.2s ease; } .sbi_story .sbi_header_link:hover .sbi_header_img{ padding: 25px; transition: padding 0.2s ease; } .sbi_story.sbi_medium .sbi_header_link:hover .sbi_header_img{ padding: 40px; transition: padding 0.3s ease; } .sbi_story.sbi_large .sbi_header_link:hover .sbi_header_img{ padding: 60px; transition: padding 0.4s ease; } /* ---- .element-item ---- */ #sb_instagram.sbi_masonry, #sb_instagram.sbi_highlight { display: block !important; } #sb_instagram.sbi_highlight #sbi_images .sbi_item, #sb_instagram.sbi_masonry #sbi_images .sbi_item{ -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } #sb_instagram.sbi_masonry #sbi_images .sbi_item, #sb_instagram.sbi_highlight #sbi_images .sbi_item{ position: relative; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block !important; } #sb_instagram.sbi_highlight #sbi_images .sbi_item { height: 100px; width: 100px; } #sb_instagram.sbi_masonry #sbi_images .sbi_item.sbi_num_diff_hide, #sb_instagram.sbi_highlight #sbi_images .sbi_item.sbi_num_diff_hide, #sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{ display: none !important; } .sbi_masonry #sbi_images:after, .sbi_highlight #sbi_images:after{ content: ''; display: table; clear: both; } .sbi_masonry .sbi_hide { visibility: hidden; } /* Front end notice */ #sb_instagram .sbi_frontend_notice{ position: relative; width: 100%; box-sizing: border-box; clear: both; padding: 10px; margin: 0 0 10px 0; background: #f9f9f9; color: #333; border: 1px solid #eee; font-size: 12px; line-height: 1.5; } #sb_instagram .sbi_frontend_notice .sbi_close_notice{ position: absolute; top: 0; right: 0; padding: 3px; color: #999; height: 10px; line-height: 1; } #sb_instagram .sbi_frontend_notice .sbi_close_notice:hover, #sb_instagram .sbi_frontend_notice .sbi_close_notice:active{ color: #333; } #sb_instagram #sbi_mod_error .sb_frontend_btn{ display: inline-block; padding: 6px 10px; background: #ddd; background: rgba(0,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,0.15); } #sb_instagram #sbi_mod_error .sb_frontend_btn .fa{ margin-right: 2px; }*,html,body,ol,ul,li,h1{margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video,iframe{display:inline-block;max-width:100%}ol,ul,li{list-style:none}.clear,.clearfix{clear:both}.none,.hide,.screen-reader-text{display:none}.hidden{visibility:hidden}.fixed{position:fixed}img{max-width:100%;height:auto}a img{opacity:1;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-webkit-backface-visibility:hidden;transition:opacity .25s ease-in-out;border:0}a:hover img{opacity:0.6}a:hover.pin_image img{opacity:1}a{color:#D6B1A8;text-decoration:none}a:hover{color:#000;-moz-transition:color 0.3s ease;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}body,input,button,select,textarea{font-family:'Nanum Myeongjo',sans-serif;font-weight:normal}h1, h2, h3, h4, h5, h6, .read-more, input[type=submit], button, .action-button a,.comment-notes,.footer-instagram-text{font-family:'Pathfinder',sans-serif;font-weight:normal}h1,h2,h3,h4,h5,h6,blockquote{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-primary, .slicknav_menu, span.date, span.the-category, h1 .tagline, .social-share, .comments-more, .entry-nav span, .pagination, .site-footer, .style-single .social-share:before, .style-full .social-share:before{font-size:11px;font-family:'Montserrat',sans-serif;font-weight:300}.storycontent strong, .storycontent b,.comment-author-link{font-weight:700}p,.alignnone,.aligncenter,.alignleft,.alignright{margin:1.5em 0}h2,h3,h4,h5,h6,.storycontent{margin:1em 0}blockquote, .tagged, .comment-notes, .logged-in-as, .archive-title span, .read-more em,em,i{font-family:'Arapey',serif;font-style:italic}.site-header,.site-inner,.wrapnav,.wrapcontent,.header-homepage,.header-blog{clear:both;width:100%;max-width:100%;margin:0 auto}.wrapcontent, body.full-width-content .style-full, body.full-width-content .style-excerpt, body.full-width-content .style-list, body.full-width-content .grid-row, body.full-width-content .style-single, body.content-sidebar .content-sidebar-wrap, body.sidebar-content .content-sidebar-wrap, body.page .site-inner, body.page .site-inner .page-content, body.woocommerce .site-inner{width:1100px;max-width:98%;margin-left:auto;margin-right:auto}body.page.page-template-landing .site-inner, body.page.page-template-blog .site-inner, body.content-sidebar .content-sidebar-wrap .wrapcontent, body.sidebar-content .content-sidebar-wrap .wrapcontent{width:100%;max-width:100%}.wrapcontent .wrapcontent{padding:0;max-width:100%}.site-inner{word-wrap:break-word}body{font-size:11pt;letter-spacing:0.025em;line-height:165%;overflow:-moz-scrollbars-vertical;overflow-y:scroll;overflow-x:hidden;background-color:#FFF}.content{clear:both;width:74%;float:left;margin-right:4%}body.sidebar-content .content{float:right;margin-right:0;margin-left:4%}.sidebar-primary{width:22%;float:right}body.sidebar-content .sidebar-primary{float:left}body.full-width-content .content{width:100%;max-width:100%;float:none;margin-right:0}body, h1#logo a, .social-share a, .menu-primary a, .entry-nav a, .related-posts a, .widget_archive a, .widget_categories a, .widget_nav_menu a, .widget_meta a, .pagination a, .pagetitle a, .featuredpost .entry-header, .promo-boxes a, .the-category a, .social-profiles a, .comments-more a, .social-click-wrap, .logged-in-as a, .latest-post-thumb a, .comment-header a{color:#000}.social-share a:hover, .entry-nav a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_nav_menu a:hover, .widget_meta a:hover, .pagination a:hover, .pagetitle a:hover, .the-category a:hover, .social-profiles a:hover, .comments-more a:hover, .social-click-wrap:hover, .logged-in-as a:hover, .latest-post-thumb a:hover{color:#D6B1A8}.menu-primary > li > a:hover, .menu-primary ul a:hover, .menu-primary .social-profiles a:hover{color:#000}.site-footer a{color:#FFF}.menu-primary ul a, .banner--stick a, .slicknav_menu a{color:#000}.menu-primary, .menu-primary ul, .slicknav_menu, .banner--stick, .banner--stick ul,.search-div{background-color:#FCF7F4}.menu-primary a:hover, .slicknav_menu a:hover, .banner--stick a:hover, .banner--stick ul a:hover{background-color:#F2E8E2}hr,.divpost{background-color:#868686}.read-more a, p.more-from-category a, input[type=submit], button, .action-button a{background-color:#000;color:#FFF;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.read-more a:hover, p.more-from-category a:hover, input:hover[type=submit], button:hover, .action-button a:hover{background-color:#F2E8E2;color:#000}.pagination ul li a{border-bottom:solid 1px transparent;transition:border-color 0.3s ease}.pagination ul li a:hover{border-bottom:solid 1px #737373}.pagination ul li.active a{font-weight:600}.site-footer{background-color:#000;color:#FFF}h1#logo{text-transform:uppercase;margin:60px auto;text-align:center;font-size:35pt;letter-spacing:0.025em}h1#logo img{margin:0 auto;display:inline-block}h1#logo a:hover img{opacity:1}h1 .tagline{display:block;letter-spacing:initial;line-height:initial;font-size:12px;margin-top:15px}.menu-primary{position:relative}.menu-primary, .slicknav_menu ul a{letter-spacing:0.075em;text-transform:uppercase;text-align:center}.menu-primary li{display:inline-block}.menu-primary li a{display:inline-block;padding:13px 18px}.menu-primary .topnav-widget{margin:10px 0;width:auto;top:2px;left:20px;position:absolute}.menu-primary .topnav-widget a, .social-mobile .topnav-widget a{padding:0;margin-left:8px;background-color:transparent!important}.menu-primary li.search{position:absolute;right:20px;top:-1px}.menu-primary li.search .search-div{display:none;position:absolute;right:50px;top:0;padding:12px 0 10px 40px}li.search a, li.search a:hover{background-color:transparent!important}li.search i{cursor:pointer}li.search .search-form input{border-top:0;border-left:0;border-right:0}li.search .search-form input[type=submit]{display:none}.slicknav_menu ul .search-div{display:block!important}.slicknav_menu ul li.search{position:relative;padding-bottom:15px;margin:0 4%}.slicknav_menu ul li.search input{width:100%;max-width:100%;text-align:left}.slicknav_menu ul li.search a#main-nav-search-link, .slicknav_menu ul li.search .search-click,.social-mobile{display:none}.storycontent h1{font-size:2em}.storycontent h2{font-size:1.8em}.storycontent h3{font-size:1.6em}.storycontent h4{font-size:1.4em}.storycontent h5{font-size:1.2em;text-transform:uppercase}.storycontent h6{font-size:1em;text-transform:uppercase}.storycontent{margin-bottom:25px}.page-title{text-align:center}h2.pagetitle,h1.archive-title{text-transform:uppercase;font-size:18pt;line-height:155%;text-align:center;margin:10px 0}h1.archive-title{margin-bottom:30px}h1.archive-title span{display:block;text-transform:initial;font-size:0.9em}h3#reply-title, #comments h3,h3.widget-title,h2.widgettitle{text-transform:uppercase;font-size:15pt;text-align:center}span.date,span.the-category{text-transform:uppercase;letter-spacing:0.025em;display:inline}span.the-category span.bull{margin:0 5px}hr,.divpost{margin:20px 0;display:block;height:1px}.read-more{font-size:15px;letter-spacing:0.025em;line-height:100%}.read-more a, .featured-content p.more-from-category a, .action-button a{padding:10px 20px;display:inline-block}.social-share{width:50%;float:left;line-height:100%;padding:10px 0;font-size:12px}.style-single .social-share:before, .style-full .social-share:before{content:"SHARE";margin-right:10px}.social-share a{margin:0 10px 0 0}.tagged{position:relative;margin-left:20px}.tagged:before{content:"\f292";font-family:FontAwesome;position:absolute;left:-20px;top:0;font-size:90%}.comments-more, .style-excerpt .social-click-wrap, .style-list .social-click-wrap{text-transform:uppercase;text-align:right;float:right;margin:0 10px 0 15px}.comments-more a{position:relative;display:inline-block}.comments-more a:before{content:"\f0e5";font-family:FontAwesome;font-size:14px;top:0;left:-22px;position:absolute}.comments-more span.comnum{display:none}.comments-more span.comtext{margin-left:5px}.style-excerpt .social-click-wrap, .style-list .social-click-wrap, .style-excerpt .comments-more, .style-list .comments-more{margin-top:8px}.style-excerpt .social-click, .style-list .social-click{width:20px;display:inline-block}.style-full .comments-more, .style-single .comments-more{margin-right:0}.social-share-list{width:auto;min-width:150px;position:absolute;padding-bottom:20px;background:#FFF;display:none}.prevnextpage{text-align:center}blockquote{margin-left:5%;margin-right:5%;font-size:1.4em;line-height:150%}.bar{width:65px;height:1px;margin:15px auto 25px auto;display:block;background-color:#000}.storycontent ul, .storycontent ol{margin:1em 0 1em 2em}.storycontent ul li{list-style:disc;margin-left:1.5em;padding-left:1em}.storycontent ol li{list-style:decimal;margin-left:1.5em;padding-left:1em}.storycontent .after-post ul, .storycontent .after-post ol{margin:1em 0}.storycontent .after-post ul li, .storycontent .after-post ol li{margin-left:0;padding-left:0;list-style:none}.alignnone,.aligncenter,.alignleft,.alignright{max-width:100%}.aligncenter{margin-left:auto;margin-right:auto;display:block;text-align:center}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}p.wp-caption-text{margin:0;text-align:center;font-size:96%;opacity:0.8}.featured,.featured-header{display:block;margin-left:auto;margin-right:auto;position:relative}.thumbnailwrap{display:table!important;background-color:rgba(0, 0, 0, 0.6)}.thumbnailwrap img{display:block;width:100%}.style-excerpt{margin-bottom:50px}.style-full{margin-bottom:50px}.style-excerpt a:hover img.featured, .style-full a:hover img.featured{opacity:1}.style-excerpt .postcontent{position:relative;padding:0 0 0 5%;text-align:left}.style-excerpt .page-title, .style-excerpt h2.pagetitle{text-align:left}.style-excerpt .attachment-portrait{float:left;width:40%;background-color:#FFF;padding:15px;position:relative;margin-top:-100px;box-sizing:border-box}.style-excerpt .postcontent-inner{float:right;width:60%;padding:15px 2%;box-sizing:border-box}.style-excerpt.even .postcontent{padding:0 5% 0 0}.style-excerpt.even .postcontent-inner{padding-left:0}.style-excerpt.even .attachment-portrait{float:right}.style-excerpt .no-thumb .attachment-portrait, .style-excerpt .no-second-thumb.format-portrait .attachment-portrait{margin-top:0;padding:0}.style-excerpt.odd .no-thumb .postcontent{padding-left:0}.style-excerpt.even .no-thumb .postcontent{padding-right:0}.style-excerpt.odd .no-thumb .postcontent-inner{padding-right:0;padding-left:4%}.style-excerpt.even .no-thumb .postcontent-inner{padding-left:0;padding-right:4%}.style-excerpt .no-thumb.no-second-thumb .postcontent-inner, .style-excerpt .no-second-thumb.format-landscape .postcontent-inner{float:none;width:100%;padding:0}.style-excerpt .excerpt{margin:25px 0}.style-excerpt .bar{margin-left:0;margin-right:0}.style-excerpt .no-second-thumb.format-landscape .attachment-portrait, .style-excerpt .no-second-thumb.format-portrait .featured-header{display:none}.style-excerpt .no-second-thumb.format-landscape .postcontent, .style-excerpt .no-second-thumb.format-portrait .postcontent, .style-excerpt .no-thumb.format-landscape .postcontent, .style-excerpt .no-thumb.format-portrait .postcontent, .style-excerpt .no-thumb.no-second-thumb.format-portrait .postcontent{padding-left:0;padding-right:0}.style-excerpt .no-second-thumb.format-portrait .attachment-portrait, .style-excerpt .no-thumb.format-portrait .attachment-portrait{width:35%}.style-excerpt .no-second-thumb.format-portrait .postcontent-inner, .style-excerpt .no-thumb.format-portrait .postcontent-inner{width:65%;padding-top:0;padding-left:0;padding-right:4%}.style-excerpt .img-leftaligned.no-second-thumb.format-portrait .postcontent-inner, .style-excerpt .img-leftaligned.no-thumb.format-portrait .postcontent-inner{padding-left:4%;padding-right:0}.style-excerpt.odd .no-second-thumb.format-portrait .postcontent-inner, .style-excerpt.odd .no-thumb.format-portrait .postcontent-inner{padding-right:0;padding-left:4%}.style-excerpt .no-thumb.no-second-thumb.format-portrait .postcontent-inner{width:100%;float:none;padding:0}.style-list{margin:0.6em 0 1em 0;line-height:170%}.style-list .featured-thumbnail{float:left;width:40%;overflow:hidden;position:relative}.style-list .featured-thumbnail img{width:100%;height:auto;display:block;margin:1em 0}.style-list .featured-thumbnail-inner{width:90%;margin-right:10%}.style-list h2{text-align:left;margin:0.75em 0 0.25em 0}.style-list .storycontent{float:left;width:60%}.style-list .storycontent-full-width{width:100%;float:none}.style-excerpt .read-more, .style-list .read-more{float:left;text-align:left}.style-excerpt .comments-more .comtextzero, .style-excerpt .comments-more .comtext, .style-list .comments-more .comtextzero, .style-list .comments-more .comtext{display:none}.style-excerpt .comments-more .comnum, .style-list .comments-more .comnum{display:inline}.style-excerpt span.date, .style-list span.date{display:inline}.style-grid{width:46%;float:left;margin-top:0.25em;margin-bottom:20px;margin-left:0;margin-right:8%;padding:0;padding-bottom:20px;display:block;text-align:center;line-height:170%;position:relative}.style-grid .page-title{padding-top:0}.style-grid .gridexcerptwrap{position:relative;background-color:#FFF;padding:20px 15px;width:75%;margin:-100px auto 0 auto}.style-grid a:hover img{opacity:1;display:block}.two-row{width:48%;margin-right:4%}.three-row{width:32%;margin-right:2%}.four-row{width:23%;margin-right:2%}.five-row{width:19%;margin-right:1.25%}.last-in-row{margin-right:0}.style-grid .featured-thumbnail{margin:10px 0}.style-grid .featured-thumbnail img{width:100%;height:auto;display:block}.style-grid h2{margin:0.5em 0 0.25em 0;font-size:1.25em}.style-grid .storycontent{margin:1em 0}.style-grid .read-more{width:100%;margin:1em auto;text-align:center;position:absolute;bottom:-20px}.grid-row{margin-bottom:40px}.grid-row:after{content:"";display:table;clear:both}.five-sixths,.four-sixths,.four-fifths,.one-fourth,.one-half,.one-sixth,.one-third,.one-fifth,.three-fourths,.three-sixths,.three-fifths,.two-fourths,.two-fifths,.two-sixths,.two-thirds{float:left;margin-left:2.564102564102564%}.ss-col-widget{margin-left:0;margin-right:2.564102564102564%}.one-half,.three-sixths,.two-fourths{width:48.717948717948715%}.one-third,.two-sixths{width:31.623931623931625%}.four-sixths,.two-thirds{width:65.81196581196582%}.one-fourth{width:23.076923076923077%}.three-fourths{width:74.35897435897436%}.one-fifth{width:17.9487179487%}.two-fifths{width:38.4615384615%}.three-fifths{width:58.9743589744%}.four-fifths{width:79.4871794872%}.one-sixth{width:14.52991452991453%}.five-sixths{width:82.90598290598291%}.promo-boxes .one-third{width:32%;margin-left:2%}.promo-boxes .one-fourth{width:24%;margin-left:1.3%}.first{clear:both;margin-left:0}.ss-col-widget.last{margin-right:0}.promo-boxes .first{margin-left:0}.page-template .one-half.last{float:right}.sidebar-primary{font-size:98%;line-height:165%}.sidebar-primary .widget{margin:15px 0 25px 0}hr{display:block;height:1px;border-width:0}#featured-slideshow{margin:20px auto;position:relative}.promo-boxes{margin:40px auto 30px auto}.promo-boxes .one-third, .promo-boxes .one-fourth{position:relative;text-align:center}.promo-boxes img{display:block}.promo-boxes h4{box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:15px 5%;width:85%;max-width:400px;font-size:1em;text-transform:uppercase;background-color:#FFF;z-index:3;margin:0}img.spin{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.pagination{text-align:center;margin:1em 0;text-transform:uppercase;letter-spacing:0.05em}.pagination ul li{display:inline;margin-right:1px}.pagination ul li a{display:inline-block;padding:8px 10px;line-height:1em}.site-footer{clear:both;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;text-align:center;padding:20px}.site-footer .wrap:after{content:"";display:table;clear:both}.site-footer p, .site-footer h3{margin:0}.copy-wrapper,.creds-wrapper,.nav-footer{width:auto;float:left;text-align:left}.creds-wrapper{float:right;text-align:right}.creds, .nav-footer #footer-menu li{display:inline-block;margin:0 5px}@media screen and (max-width: 1185px){.wrapcontent, body.full-width-content .style-full, body.full-width-content .style-excerpt, body.full-width-content .style-list, body.full-width-content .grid-row, body.full-width-content .style-single, body.content-sidebar .content-sidebar-wrap, body.sidebar-content .content-sidebar-wrap, body.page .site-inner, body.page .site-inner .page-content, body.woocommerce .site-inner, body.page.page-template-landing .site-inner, body.page.page-template-blog .site-inner{max-width:94%}}@media screen and (max-width: 1024px){.menu-primary,.banner--clone{display:none}.site-container{padding-top:40px}.copy-wrapper,.creds-wrapper,.nav-footer{float:none;display:block;text-align:center}}@media screen and (max-width: 768px){.content, body.sidebar-content .content{width:100%;max-width:100%;float:none;margin-right:0;margin-left:0}.sidebar-primary, body.sidebar-content .sidebar-primary{width:100%;max-width:350px;margin-left:auto;margin-right:auto;float:none}.five-sixths,.four-sixths,.one-sixth,.three-sixths,.two-sixths{float:none;margin:1em 0;width:100%}.promo-boxes .one-fourth{width:49%;margin-left:2%;margin-bottom:15px}.promo-boxes .first, .promo-boxes .third{margin-left:0}}@media screen and (max-width: 640px){h1#logo{font-size:25pt}h1#logo img{max-width:90%}.alignleft,.alignright{float:none;margin:1em auto;display:block;text-align:center}.style-list .featured-thumbnail{float:none;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.style-list .featured-thumbnail-inner{width:100%;margin-right:0}.style-list .storycontent{width:100%;float:none}.style-list, .style-list h2{text-align:center}.style-excerpt .read-more, .style-list .read-more{float:none;text-align:center;margin-bottom:20px}.comments-more,.social-share{text-align:center;float:none;display:inline-block}.style-single .comments-more, .style-full .comments-more, .style-single .social-share, .style-full .social-share{width:100%}.social-click-wrap{display:none}.social-share-list{position:relative;display:inline-block!important;background-color:transparent;padding-bottom:0;text-align:center;float:none}.style-excerpt .postcontent, .style-excerpt.even .postcontent, .style-excerpt .page-title, .style-excerpt h2.pagetitle{padding:0;text-align:center}.style-excerpt .attachment-portrait, .style-excerpt.even .attachment-portrait, .style-excerpt.odd .attachment-portrait, .style-excerpt .postcontent-inner, .style-excerpt.even .postcontent-inner, .style-excerpt.odd .postcontent-inner, .style-excerpt .no-second-thumb.format-portrait .attachment-portrait, .style-excerpt .no-second-thumb.format-portrait .postcontent-inner, .style-excerpt .no-thumb.format-portrait .attachment-portrait, .style-excerpt .no-thumb.format-portrait .postcontent-inner{float:none;width:100%;background-color:transparent;padding:0;margin-top:0}.style-excerpt .attachment-portrait, .style-excerpt .bar{margin-left:auto;margin-right:auto;max-width:400px}.style-excerpt .featured-header{display:none}.style-excerpt .no-second-thumb.format-landscape .featured-header{display:block}.grid-row{margin-bottom:0}.style-grid,.two-row,.three-row{width:100%;max-width:400px;float:none;margin-left:auto;margin-right:auto}.style-grid .gridexcerptwrap{width:80%;padding-bottom:0}.style-grid .read-more{position:relative;bottom:0}.five-sixths, .four-sixths, .four-fifths, .one-fourth, .one-half, .one-fifth, .one-sixth, .one-third, .three-fourths, .three-sixths, .three-fifths, .two-fourths, .two-sixths, .two-thirds, .two-fifths, .promo-boxes .one-third, .promo-boxes .one-fourth, .page-template .one-half.last{float:none;margin:1em auto;width:100%}.creds{display:block}}