.image-bank-container
{
display:inline-block !important;
width:100%;
position:relative;
margin-top:100px;
margin-bottom:30px;
padding:0px 15px !important;
}
.image-bank-search-container
{
float:left;
width:100%;
position:relative;
padding:0px 25%;
}
.image-bank-search-container h1
{
float:left;
width:100%;
font-family:Crimson Text !important;
color:var(--webiste-footer-color) !important;
font-size:25px;
font-weight:800;
text-align:center;
margin-bottom:15px;
}
a.recently-images-link
{
float:left;
width:100%;
font-family:Crimson Text !important;
color:var(--webiste-footer-color) !important;
text-decoration:underline;
font-size:15px;
font-weight:800;
text-align:center;
margin-top:-10px;
margin-bottom:15px;
}
a.recently-images-link ion-icon
{
margin-bottom:-3px;	
}
.image-bank-search-input-section
{
float:left;
width:100%;
position:relative;
}
.image-bank-search-input-section ion-icon
{
position:absolute;
font-size:18px;
left:15px;
top:14px;
z-index:10;
color:var(--webiste-footer-color) !important;
opacity:0.4;
}
.image-bank-search-container #image-bank-search-input
{
float:left;
width:100%;
background:rgba(240,240,240);
padding:10px 15px !important;
border-radius:30px !important;
color:var(--webiste-footer-color) !important;
padding-left:40px !important;
}
.image-bank-category-item
{
border:1px solid rgba(0,0,0,0.2);
padding:3px 3px;
border-radius:30px;
height:48px;
line-height:40px;
flex-shrink: 0;
cursor: pointer;
transition: transform 0.3s ease;
}
.image-bank-category-bg
{
float:left;
width:40px;
height:40px;
border-radius:50% !important;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode:multiply;
background:rgb(230,230,230);
position:relative;
overflow:hidden;
}
.image-bank-category-item span
{
float:left;
padding:0px 5px;
font-family:Jost !important;
color:var(--webiste-footer-color) !important;
font-size:14px;
font-weight:600;
white-space:nowrap;
margin-left:40px !important;
margin-top:-40px !important;
padding-right:10px !important;
}
.image-bank-category-container
{
float:left;
width:100%;
position:relative;
}
/*Custom Scroll*/
.scroll-carousel-wrapper
{
float:left;
width:100%;
min-width:100%;
max-width:100%;
position:relative;
margin-top:0px;
padding:0px 60px;
}
.custom-scroll-container
{
display:flex;
gap:10px;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;	
padding:10px 0;
}
.custom-scroll-container::-webkit-scrollbar
{
display:none;
}
.nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background:var(--webiste-footer-color) !important;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 10;
transition: all 0.3s ease;
opacity: 0.9;
}
.nav-button:hover {
opacity: 1;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
.nav-button:active {
transform: translateY(-50%) scale(0.95);
}
.nav-button:disabled {
opacity: 0.3;
}
.nav-button:disabled:hover {
transform: translateY(-50%) scale(1);
}
.nav-button.left {
left:0px;
}
.nav-button.right {
right:0px;
}
.nav-button svg {
width: 24px;
height: 24px;
fill: #fff;
}
@media screen and (max-width:760px)
{
.scroll-carousel-wrapper
{
padding:0px 40px;
}
.nav-button {
width: 40px;
height: 40px;
}
.nav-button svg {
width: 20px;
height: 20px;
}
}
/*Custom Scroll*/
@media screen and (max-width:760px)
{
.image-bank-container
{
margin-top:70px;
padding:0px 10px !important;
}
.image-bank-search-container
{
padding:0px !important;
}
.image-bank-search-container h1
{
font-size:20px;
font-weight:800;
}	
}
.masonry-grid-container{float:left;width:100%;position:relative;margin-top:10px;}
.masonry-section-item{box-sizing:border-box;padding-bottom:15px!important;transition:transform .25s}
.masonry-section-item figure{margin:0px!important}
.masonry-section-item h2{color:var(--webiste-text-color);font-size:14px!important;line-height:22px !important;font-weight:800!important;margin:0px!important;margin-top:10px!important;padding:0px!important;}
.masonry-section-item p{color:var(--webiste-footer-color);font-size:14px!important;font-weight:400!important;margin:0px!important;margin-top:0px!important;padding:0px!important;font-family:Jost!important}
.masonry-item-img {display:inline-block;width:100%;}
.masonry-section-item .masonry-item-img img{border-radius:30px!important;display:block;width:100%;height:auto}
.masonry-section-item .masonry-item-img img:hover{transform:scale(1.03);transition:0.5s;border-radius:30px!important;}
.masonry-section-item-2{width:calc(50% - 15px)!important;}
.masonry-section-item-3{width:calc(33.3333% - 10px)!important;}
.masonry-section-item-4{width:calc(25% - 12px)!important;}
.masonry-section-item-5{width:calc(20% - 12px)!important;}
.masonry-section-item-6{width:calc(16.6666% - 13px)!important;}
.masonry-section-item-7{width:calc(14.2857% - 14px)!important;}
@media screen and (max-width:760px)
{
.masonry-section-item-2,.masonry-section-item-3,.masonry-section-item-4,.masonry-section-item-5,.masonry-section-item-6,.masonry-section-item-7{width:calc(50% - 10px)!important}
}
.image-bank-category-inside
{
float:left;
width:100%;
border-radius:50px;
height:50px;
line-height:40px;
padding:5px;
margin-bottom:5px;
background:rgb(245,245,245);
}
.image-bank-category-inside span
{
float:left;
width:calc(100% - 40px) !important;
padding-left:10px;
color:var(--webiste-footer-color);
font-size:15px!important;
font-weight:500!important;	
font-family:Jost;
}
.image-bank-item-page{float:left;width:100%;margin-top:0px;padding:0px!important;margin-bottom:50px!important}.image-bank-item-page img{float:left;width:100%;border-radius:30px}.image-bank-item-page h1,.image-bank-item-page h2,.image-bank-item-page h3{float:left;width:100%;text-align:left!important;font-size:25px!important;line-height:35px!important;font-weight:900!important;margin-top:30px!important;margin-bottom:20px!important;font-weight:bold!important;color:var(--webiste-footer-color)!important;font-family:Crimson Text!important}.image-bank-item-page h2{font-size:18px!important;line-height:27px!important;margin-top:0px!important}.image-bank-item-page h3{font-size:14px!important;line-height:22px!important;margin-top:0px!important}.image-bank-item-page p{width:100%;float:left;text-align:left!important;font-size:15px!important;line-height:22px!important;margin-top:10px!important;margin-bottom:10px!important;color:var(--webiste-footer-color)!important;margin-bottom:30px!important;font-family:Jost!important;}.image-bank-item-page p a{color:var(--webiste-primary-color)!important}.image-bank-item-page p.blog-content-text{margin-bottom:0px!important;font-weight:400}.image-bank-item-page h4.image-keyword{float:left!important;display:inline-block;color:var(--webiste-footer-color)!important;font-size:13px;font-weight:500;padding:7px 10px;background:#f0f2f5;border:1px solid rgb(0 0 0 / .1)!important;border-radius:30px;margin-right:10px}h2.image-bank-category{margin-top:-20px!important;font-size:15px!important;color:var(--webiste-primary-color)!important}p.image-copyright{float:left!important;width:100%!important}.item-blog-comments-form label{display:none!important}.item-blog-comments-form textarea{height:50px!important}.discover-page{float:left;width:100%;margin-top:100px;margin-bottom:30px}.discover-most-read{float:left;width:100%}.discover-most-read-img-box{float:left;width:100%;padding-bottom:70%!important;position:relative;overflow:hidden;border-radius:0}.bg-image-container{position:relative;overflow:hidden}.discover-most-read h2{font-family:Literata!important;font-size:20px;font-weight:600}.discover-most-read p{font-size:15px!important;line-height:23px!important;color:var(--webiste-footer-color)!important}.r-blog-content h2{font-family:Literata!important;font-weight:600!important}.blog-item-container-box h2{font-family:Literata!important;font-size:16px!important;font-weight:600}


.image-bank-item-page .masonry-section-item p
{
margin:0px !important;
}
.image-bank-item-page .masonry-section-item h2
{
margin:0px !important;
margin-top:10px !important;
font-size:16px !important;
}
.bank-image-tags-container
{
float:left;
width:100%;
margin-top:20px;
margin-bottom:-10px !important;
}
.bank-image-tags-container .category-tag,
.bank-image-tags-container .category-tag:hover,
.bank-image-tags-container .category-tag::after
{
background:rgb(235,240,243) !important;	
color:var(--webiste-footer-color) !important;
}
.bank-image-tags-container .category-tag
{
margin-right:18px !important;	
}