.ocean-instagram-url:hover .ocean-instagram-image:after, .ocean-instagram-url:hover .ocean-instagram-data-inner { opacity: 1; visibility: visible; }.default-style .ocean-instagram-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; }.default-style .ocean-instagram-picture { margin-right: 30px; }.default-style .ocean-instagram-picture img { display: block; margin-left: auto; margin-right: auto; border-radius: 50%; }.default-style .ocean-instagram-username { margin-bottom: 20px; }.default-style .ocean-instagram-username h2 { font-size: 32px; line-height: 40px; font-weight: 400; margin: 0; }.default-style .ocean-instagram-username .ocean-instagram-follow { margin-left: 20px; }.default-style .ocean-instagram-username .ocean-instagram-subscribe { display: inline-block; background-color: #3897f0; color: #fff; border-radius: 3px; font-size: 14px; font-weight: 600; line-height: 26px; padding: 0 24px; }.default-style .ocean-instagram-username .ocean-instagram-subscribe:hover { background-color: #73b5f3; }.default-style .ocean-instagram-posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0 0 20px; padding: 0; }.default-style .ocean-instagram-posts li { font-size: 16px; margin-right: 40px; line-height: 1.4; }.default-style .ocean-instagram-posts li:last-child { margin-right: 0; }.default-style .ocean-instagram-posts li span { font-weight: 600; }.default-style .ocean-instagram-bio { display: block; font-size: 16px; line-height: 1.6; }.default-style .ocean-instagram-bio h2 { display: inline; font-size: inherit; margin: 0; }body.single-post.content-max-width .default-style ul.ocean-instagram-posts { margin: 0 0 20px; }.single-post.content-max-width .ocean-instagram-wrap h2, .single-post.content-max-width .ocean-instagram-wrap ul { margin: 0; padding: 0; max-width: 100%; }@media (min-width: 736px) { .default-style .ocean-instagram-top { margin-bottom: 44px; }.default-style .ocean-instagram-hide { display: none; }.default-style .ocean-instagram-picture { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }.default-style .ocean-instagram-infos { -webkit-flex-basis: 30px; -ms-flex-preferred-size: 30px; flex-basis: 30px; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; }.default-style .ocean-instagram-username { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }@media (max-width: 735px) { .default-style .ocean-instagram-picture { height: 77px; width: 77px; margin-right: 28px; }.default-style .ocean-instagram-infos { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }.default-style .ocean-instagram-username { margin-bottom: 0; }.default-style .ocean-instagram-username h2, .default-style .ocean-instagram-username .ocean-instagram-follow { display: block; width: 100%; }.default-style .ocean-instagram-username h2 { font-size: 22px; line-height: 26px; margin-bottom: 12px; }.default-style .ocean-instagram-username .ocean-instagram-follow { margin-top: 3px; margin-left: 0; }.default-style .ocean-instagram-top .ocean-instagram-posts, .default-style .ocean-instagram-top .ocean-instagram-bio { display: none; }.default-style .ocean-instagram-bio { font-size: 14px; border-bottom: 1px solid #efefef; margin-bottom: 12px; padding: 0 0 20px; }.default-style .ocean-instagram-posts { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 12px; }.default-style .ocean-instagram-posts li { font-size: 14px; margin-right: 0; text-align: center; }.default-style .ocean-instagram-posts li span { display: block; } }.widget-style.ocean-instagram-wrap { border: 1px solid #eaeaea; }.widget-style .ocean-instagram-top { border-bottom: 1px solid #eaeaea; }.widget-style .ocean-instagram-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #285989; }.widget-style .ocean-instagram-header:hover { background-color: #416c97; }.widget-style .ocean-instagram-header img { display: block; width: 34px; height: 34px; }.widget-style .ocean-instagram-header .ocean-instagram-name { margin-left: 14px; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fff; }.widget-style .ocean-instagram-header .ocean-instagram-header-logo { display: block; position: absolute; top: 8px; right: 12px; width: 18px; height: 18px; background: url('../img/instagram.svg') no-repeat; }.widget-style .ocean-instagram-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; }.widget-style .ocean-instagram-posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; font-size: 12px; text-align: center; }.widget-style .ocean-instagram-posts li { margin-right: 15px; }.widget-style .ocean-instagram-posts li:last-child { margin-right: 0; }.widget-style .ocean-instagram-posts span { display: block; font-size: 14px; line-height: 1; font-weight: bold; }.widget-style .ocean-instagram-subscribe { display: inline-block; background-color: #285989; color: #fff; font-size: 12px; line-height: 1; padding: 8px 12px; border-radius: 3px; }.widget-style .ocean-instagram-subscribe:hover { background-color: #416c97; }.widget-style .ocean-instagram-bio { font-size: 12px; padding: 0 10px 10px; }.widget-style .ocean-instagram-bio h2 { display: inline; font-size: inherit; }.ocean-instagram-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }.ocean-instagram-items .ocean-instagram-item { width: -webkit-calc( 100% / 4); width: calc( 100% / 4); }.ocean-instagram-url { position: relative; display: block; width: 100%; padding-bottom: 56.25%; }.ocean-instagram-url:hover .ocean-instagram-data-inner { top: 50%; }.ocean-instagram-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }.ocean-instagram-image:after { content: ''; display: block; position: absolute; visibility: hidden; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-color: rgba(33,150,243,.9); }.ocean-instagram-image img { height: auto; width: 100%; max-height: none; max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }.ocean-instagram-image.ocean-fit-height img { height: 100%; width: auto; }.ocean-instagram-data { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }.ocean-instagram-data-inner { position: absolute; top: 60%; margin: auto; left: 0; right: 0; width: 80%; color: #fff; font-size: 16px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; }.ocean-instagram-counter { display: inline-block; }.ocean-instagram-comments { margin-left: 2em; }.ocean-instagram-data.no-likes .ocean-instagram-comments { margin-left: 0; }.ocean-instagram-icon { font-size: 1em; }.ocean-instagram-icon svg, .ocean-instagram-icon em { vertical-align: middle; }.ocean-instagram-icon svg { height: 2em; fill: #fff; }.ocean-instagram-icon em { margin-left: .3em; }.ocean-instagram-caption { display: block; margin-top: 1em; }@media (max-width: 768px) { .ocean-instagram-items .ocean-instagram-item { width: -webkit-calc( 100% / 3) !important; width: calc( 100% / 3) !important; } }@media (max-width: 480px) { .ocean-instagram-items .ocean-instagram-item { width: -webkit-calc( 100% / 1) !important; width: calc( 100% / 1) !important; } }