📄 Viewing: custom.css

/* This file for other's Designer / Developer, Please use this StyleSheet for your additional CSS*/
/* Recommended by UI/Ux Designer (Nitin Saxena) */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;900&display=swap');
    
    
    
    body{font-family: 'Mulish';}
    *{font-family: 'Mulish';transition: .3s ease;box-sizing: border-box;}
    img:hover{transform: scale(1.05);}
    img{max-width: 100%;object-fit: cover;}
    
    .nit-images-gallery::before{content: 'MODELS';position: absolute;font-size: 120px;color: rgba(15, 14, 46, 0);;font-weight: 900;bottom: 0;left: 0;right: 0;text-align: center;-webkit-text-stroke: 2px #000;opacity: 0.04;}
    .nit-images-gallery{background: #ededee;padding: 65px 0;position: relative;}
    .nit-images-gallery .nit-images-gallery-box{position: relative}
    .nit-images-gallery .nit-images-gallery-box .nit-flex{display: flex;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2{justify-content: space-between;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2 .nit-box:first-child{transform: translateX(-40px);}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2 .nit-box:last-child{transform: translateX(40px);}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box{flex: 0 0 20%;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex1 .nit-box:nth-child(even){transform: translateY(40px);}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box figure{overflow: hidden;margin-bottom: 0;height: 100%;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box figure img{width: 100%;height: 100%;object-fit: cover;}
    .nit-logo-box{}
    .nit-logo-box .logo{position: absolute;top: 56%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    margin: auto;}
    .nit-logo-box .logo img{}
    .nit-logo-box p{color: #000;font-size: 20px;text-transform: uppercase;text-align: center;}
    .nit-logo-box p b{display: block;}
    .tbtn{border: 1px solid #000;padding: 7px 20px;font-weight: 700;font-size: 20px;display: inline-block;color: #000;margin-top: 10px;}
    .nit-logo-box .nit-content{text-align: center;position: relative;top: -100px;}
    .nit-warn{font-size: 20px;font-weight: 900;text-align: center;color: #000;text-transform: uppercase;}
    footer{background: #0004f2;text-align: center;padding: 30px 0 20px;}
    footer p{font-size: 14px;color: #fff;text-align: center;margin-bottom: 0;}
    .ttu{text-transform: uppercase;}
    .nit-hr{border-bottom: 3px solid #0004f2;margin-bottom: 8px;}
.nit-warn{ont-weight: 900;
    text-align: center;
    text-transform: uppercase;position: relative;}





/*Media Queries*/

@media (min-width: 1200px){.container{max-width: 1140px;}}


@media (max-width: 991px){
    .nit-logo-box .logo{z-index: 2;top: 50%;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2{position: relative;z-index: 1;}
    .nit-logo-box .nit-content{padding-top:3rem;}
    .nit-logo-box p{font-size: 15px;}
}
@media (max-width: 768px){
    .nit-logo-box .logo{z-index: 2;top: 50%;}
}
@media (max-width: 767px){
    .nit-logo-box .nit-content{padding-top: 11rem;}
}
@media (max-width: 425px){
    .nit-warn{padding: 3.4rem 0;font-size: 15px;}
    .nit-images-gallery{padding: 0;padding-top: 2rem;}
    .nit-images-gallery .nit-images-gallery-box{display: flex;flex-direction: column;margin-bottom: 1rem;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2{order: 1;display: flex;column-count: inherit}
/*    .nit-images-gallery .nit-images-gallery-box .nit-flex:nth-child(2){border: 3px solid red;}*/
    
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2 .nit-box:last-child{transform: translateY(0px) !important;margin-right: auto;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2 .nit-box{flex: 0 0 45%;flex: 0 0 33.33%;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex{flex-wrap: wrap;display: block;column-count: 3;column-count: inherit;display: flex;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex1 .nit-box:nth-child(even){transform: none;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box{flex: 0 0 33.33%;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box:nth-child(5){margin-left: auto;transform: translateY(40px);transform: none;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box:nth-child(2){transform: translateY(50%) !important;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex .nit-box:nth-child(3){transform: translateY(50%);transform: none;}
    .nit-logo-box .logo{position: static;transform: none;width: 80%;margin-top: 2rem;}
    .nit-logo-box .nit-content{position: static;padding: 2rem 0;}
    .nit-images-gallery .nit-images-gallery-box .nit-flex.flex2 .nit-box:first-child{transform: none;margin-left: auto;}

    .nit-logo-box p{font-size: 18px;}
    .nit-images-gallery::before{font-size: 90px;}

    
}
@media (max-width: 375px){
    .nit-warn{font-size: 14px;padding: 3rem 0;}
    .nit-images-gallery::before{font-size: 80px;}
}
@media (max-width: 350px){
    .nit-images-gallery::before{font-size: 70px;}
    .nit-warn{padding: 1.5rem 0;}
}

🌑 DarkStealth — WP Plugin Edition