.bp-element-gallery-images.layout-3 {
padding: 0 10px; }
article.post .bp-element-gallery-images.layout-3 {
margin-bottom: 30px; }
.bp-element-gallery-images.layout-3 .grid-item {
position: relative;
float: left;
height: 295px; }
.bp-element-gallery-images.layout-3 .grid-item .item-inner {
display: contents; }
.bp-element-gallery-images.layout-3 .grid-item img {
width: 100%;
height: 100%;
object-fit: cover; }
.bp-element-gallery-images.layout-3 .grid-item.size-md {
width: 70%; }
.bp-element-gallery-images.layout-3 .grid-item.size-md2 {
width: 30%; }
.bp-element-gallery-images.layout-4 .grid-wrapper {
padding: 0 30px; }
.bp-element-gallery-images.layout-4 .grid-item {
position: relative;
float: left;
height: 295px; }
.bp-element-gallery-images.layout-4 .grid-item .item-inner {
display: contents; }
.bp-element-gallery-images.layout-4 .grid-item img {
width: 100%;
height: 100%;
object-fit: cover; }
.bp-element-gallery-images.layout-4 .grid-item.size-md {
width: 33.333333%; }
.bp-element-gallery-images.layout-4 .grid-item.size-md2 {
width: 16.666667%; }
.bp-element-gallery-images.layout-1 .grid-wrapper, .bp-element-gallery-images.layout-3 .grid-wrapper, .bp-element-gallery-images.layout-4 .grid-wrapper {
margin: 0 -20px; }
.bp-element-gallery-images.layout-1 .grid-wrapper .grid-item, .bp-element-gallery-images.layout-3 .grid-wrapper .grid-item, .bp-element-gallery-images.layout-4 .grid-wrapper .grid-item {
padding: 10px; }
.bp-element-gallery-images.layout-1 .grid-wrapper .grid-item .item-inner {
position: relative;
text-align: center;
overflow: hidden; }
.bp-element-gallery-images.layout-1 .grid-wrapper .grid-item .item-inner:hover .zoom-image {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.bp-element-gallery-images.layout-1 .zoom-image {
z-index: 1;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 15px;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
.bp-element-gallery-images.layout-1 .zoom-image i {
text-align: center;
font-size: 24px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 35px;
line-height: 35px;
margin: auto;
right: 0;
bottom: 0; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .title-gallery {
font-family: Playfair Display;
font-weight: 400;
font-style: italic;
font-size: 18px;
line-height: 1.666666;
color: #1f1f1f;
text-align: center;
word-break: break-word;
border: 1px dashed #cfcfcf;
padding: 10px 15px;
position: relative;
margin-bottom: 30px; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .title-gallery::before {
content: '';
display: block;
width: 8px;
height: 8px;
background-color: #fff;
border-left: 1px dashed #cfcfcf;
border-bottom: 1px dashed #cfcfcf;
transform: rotate(-45deg);
position: absolute;
bottom: -5px;
left: calc(50% - 5px); }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .grid-gallery {
display: flex;
flex-wrap: wrap;
margin: -5px; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .grid-gallery .item-gallery {
display: block;
width: calc((100% - 30px) / 3);
position: relative;
margin: 5px; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .grid-gallery .item-gallery::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fa777c;
opacity: 0;
transition: all .2s; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .grid-gallery .item-gallery img {
width: 100%; }
.bp-element-gallery-images.vblog-layout-sidebar .wrap-element .grid-gallery .item-gallery:hover:before {
opacity: .3; }
.bp-element-gallery-images.layout-2 .grid-wrapper {
margin: 0 -9px; }
.bp-element-gallery-images.layout-2 .grid-wrapper:after, .bp-element-gallery-images.layout-2 .grid-wrapper:before {
content: '';
clear: both;
display: block; }
.bp-element-gallery-images.layout-2 .grid-wrapper .grid-item {
width: 33.33%;
float: left;
padding: 4.5px; }
.bp-element-gallery-images.layout-2 .grid-wrapper .grid-item .item-inner {
position: relative;
text-align: center;
overflow: hidden;
margin: 0 4.5px; }
.bp-element-gallery-images.layout-2 .grid-wrapper .grid-item .item-inner:hover .zoom-image {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.bp-element-gallery-images.layout-2 .zoom-image {
z-index: 1;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 15px;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
.bp-element-gallery-images.layout-2 .zoom-image i {
text-align: center;
font-size: 24px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 35px;
line-height: 35px;
margin: auto;
right: 0;
bottom: 0; }
.bp-element-gallery-images.kindergarten-layout-1 .wrap-element .gallery-item {
display: block;
position: relative;
margin: 0; }
.bp-element-gallery-images.kindergarten-layout-1 .wrap-element .gallery-item img {
width: 100%; }
.bp-element-gallery-images.kindergarten-layout-1 .wrap-element .gallery-item::after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #ff6682;
opacity: 0;
transition: all .2s; }
.bp-element-gallery-images.kindergarten-layout-1 .wrap-element .gallery-item:hover:after {
opacity: .3; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird {
display: flex;
flex-wrap: wrap;
margin: -5px; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item {
width: calc((100% - 50px) / 5);
display: block;
margin: 5px;
border-radius: 10px;
overflow: hidden;
position: relative; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(2), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(4), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(7), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(9) {
transform: translateY(28px); }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: all .3s; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item::after {
content: '+';
font-family: Lato;
font-weight: 400;
font-size: 25px;
line-height: 1.5;
color: #f96a9a;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
background: #ece8e7;
border-radius: 50%;
position: absolute;
top: calc(50% - 22.5px);
left: calc(50% - 22.5px);
transform: scale(0);
transition: all .3s; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item img {
width: 100%; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:hover:before {
opacity: .5; }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:hover:after {
transform: scale(1); }/*\*/.mfp-bg {
z-index: 10000;
background-color: #000;
opacity: 0.9; }
.mfp-wrap {
z-index: 10000; }/**/.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; } .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.9; } .mfp-fade.mfp-bg.mfp-removing {
opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; } @media (max-width: 767px) {
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item {
width: calc((100% - 20px) / 2); }
.bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(2), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(4), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(7), .bp-element-gallery-images.kindergarten-layout-2 .wrap-element .gallery-gird .gallery-item:nth-child(9) {
transform: translateY(0px); } }