.mfp-close{
position: fixed !important;
right: 30px !important;
top: 30px !important;
cursor: pointer !important;
}
.templazee .masonry-grid .wp-block-post{
display: inline-block !important;
width: 100% !important;
margin-bottom: 10px;
}
.templazee .masonry-grid.gap-10 .wp-block-post{
column-gap: 10px;
}
.templazee .masonry-grid{
display: block !important;
column-gap: 10px;
}
.templazee .masonry-grid.gap-10{
column-gap: 10px;
}
.templazee .masonry-grid.gap-10 .wp-block-post{
margin-bottom: 10px !important;
}
.templazee .masonry-grid.gap-20{
column-gap: 20px;
}
.templazee .masonry-grid.gap-20 .wp-block-post{
margin-bottom: 20px !important;
}
.templazee .masonry-grid.gap-30{
column-gap: 30px;
}
.templazee .masonry-grid.gap-30 .wp-block-post{
margin-bottom: 30px !important;
}
.templazee .masonry-grid.gap-40{
column-gap: 40px;
}
.templazee .masonry-grid.gap-40 .wp-block-post{
margin-bottom: 40px !important;
}
.templazee .masonry-grid.grid-4{
column-count: 4;
-webkit-column-count: 4;
-moz-column-count: 4;
}
.templazee .masonry-grid.grid-3{
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
}
.templazee .masonry-grid.grid-2{
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
.templazee .templazee-mobile-enable{
display: none;
}
@media (max-width: 782px) {
.templazee .masonry-grid {
column-count: 2 !important;
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
}
}
@media (max-width: 600px) {
.templazee .masonry-grid {
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
}
}
@media only screen and (max-width: 781px) {
.templazee .footer-credit .copyright p{
text-align: left !important;
}
.templazee-mobile-enable{
display: block !important;
}
.templazee-mobile-enable.wp-block-social-links{
display: flex !important;
}
.templazee-mobile-disable{
display: none !important;
}
.templazee-grid .wp-block-post{ width: 100%; }
.templazee .mobile-align-center .is-layout-flex{
justify-content: center;
flex-direction: initial !important;
}
.templazee .mobile-align-left p,
.templazee .mobile-align-left .wp-block-heading,
.templazee .mobile-align-left .wp-block-site-title{
text-align: left !important;
}
.templazee .mobile-align-left .is-layout-flex{
justify-content: left;
flex-direction: initial !important;
}
.templazee .mobile-align-left p,
.templazee .mobile-align-left .wp-block-heading,
.templazee .mobile-align-left .wp-block-site-title{
text-align: left !important;
}
.templazee .mobile-align-right p,
.templazee .mobile-align-right .wp-block-heading,
.templazee .mobile-align-right .wp-block-site-title{
text-align: right !important;
}
.templazee .mobile-align-right .is-layout-flex{
justify-content: right;
flex-direction: initial !important;
}
.templazee .mobile-align-right p,
.templazee .mobile-align-right .wp-block-heading,
.templazee .mobile-align-right .wp-block-site-title{
text-align: right !important;
}
.templazee .mobile-align-center p,
.templazee .mobile-align-center .wp-block-heading,
.templazee .mobile-align-center .wp-block-site-title{
text-align: center !important;
}
.templazee .mobile-align-center .is-layout-flex{
justify-content: center;
flex-direction: initial !important;
}
.templazee .mobile-align-center p,
.templazee .mobile-align-center .wp-block-heading,
.templazee .mobile-align-center .wp-block-site-title{
text-align: center !important;
}
.templazee .mobile-space-between{
display: flex;
justify-content: space-between !important;
}
}
.templazee-masonary {
display: flex;
flex-wrap: wrap;
gap: 30px;
box-sizing: border-box;
overflow: hidden;
padding: 0;
width: 100%;
}
.templazee-masonary .wp-block-post {
position: absolute;
box-sizing: border-box;
transition: all 0.3s ease;
}
.templazee-masonary.col1 .wp-block-post {
width: 100%;
}
.templazee-masonary.col2 .wp-block-post {
width: calc(50% - 15px);
}
.templazee-masonary.col3 .wp-block-post {
width: calc(33.33% - 20px);
}
.templazee-masonary.col4 .wp-block-post {
width: calc(25% - 22.5px);
}
.templazee-masonary.col5 .wp-block-post {
width: calc(20% - 24px);
}
@media (min-width: 481px) and (max-width: 760px) {
.templazee-masonary .wp-block-post {
width: calc(50% - 20px ) !important;
}
}
@media (max-width: 528px ) {
.templazee-masonary .wp-block-post { width: calc(100% - 0px) !important; }
}