/ var / www / html / cai / assets / css / scss / [ HOME SHELL ]

Name	Size	Permission	Action
_benifit.scss	16.87 KB	-rwxr-x--x
_card.scss	2.23 KB	-rwxr-x--x
_contact-us.scss	11.27 KB	-rwxr-x--x
_cta.scss	1.47 KB	-rwxr-x--x
_event.scss	4.04 KB	-rwxr-x--x
_expanded-menu.scss	4.44 KB	-rwxr-x--x
_footer.scss	6.67 KB	-rwxr-x--x
_global.scss	232 B	-rwxr-x--x
_header.scss	6.46 KB	-rwxr-x--x
_home.scss	5.54 KB	-rwxr-x--x
_jobs.scss	3.46 KB	-rwxr-x--x
_latestnews.scss	3.46 KB	-rwxr-x--x
_media-cover.scss	3.46 KB	-rwxr-x--x
_mixins.scss	894 B	-rwxr-x--x
_modern-normalize.scss	5.19 KB	-rwxr-x--x
_modify.scss	8.62 KB	-rwxr-x--x
_parnership.scss	323 B	-rwxr-x--x
_publication.scss	434 B	-rwxr-x--x
_scroll.scss	682 B	-rwxr-x--x
_typography.scss	126 B	-rwxr-x--x
_variables.scss	866 B	-rwxr-x--x

Code Editor : _modify.scss

.header-container {
    //padding-top: 120px;
    //  background-color: var(--brand-bg-color-light);
    padding-top: 90px;
}

@media (min-width: 768px) {
    .header--intro h1 {
        max-width: 460px;
    }
}

.link--button i {
    margin-left: 8px;
}

.what-we-do-container-5050 {}

.what-we-do-container {
    background: #474747;

& .heading3,
    .what-we-do--intro-txt p,
    .what-we-do--intro-button a {
        color: var(--light);
    }
}

.link--button {
    background-image: linear-gradient(#004299, #004299);
}

.link--button-white {
    background-image: linear-gradient(#ffffff, #ffffff);
    color: rgb(255, 255, 255);
}

// 50
.header--callout .header--callout-box .date {
    color: var(--light);
}

.what-we-do-container-5050 {
    background-color: var(--light);

.what-we-do {
        padding-top: 40px;
        margin: 0;
    }

.what-we-do .what-we-do--stats {
        color: #3D85FF;
    }

.stat__body {
        color: var(--dark);
    }

}

.effect-button {
    background: var(--effect-bg-active-color);
    color: #000;
    overflow: hidden;
    transition: all 0.2s;
    border-radius: 40px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    padding: 12px 32px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    &::before,
    &::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 100%;
        left: 0;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    }

&::before {
        background: va(--effect-bg-color-light);
    }

&::after {
        background: var(--effect-bg-color);
    }

&:hover {
        color: #fff;

&:hover::before,
        &:hover::after {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

&::after {
            -webkit-transition-delay: 0.175s;
            transition-delay: 0.175s;
        }
    }

}

.insights-container {
    .glide__slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

// map

.map-container {
    background: #021E4F;

.heading1 {
        margin: 0;
        max-inline-size: 40%;

@include mqmax(560px) {
            max-inline-size: 100%;
            flex: 0 0 100%;
        }
    }

.map--title {
        margin-bottom: 60px;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;

@include mqmax(560px) {
            justify-content: flex-start;
            row-gap: 16px;
        }
    }

.map {
        padding: 90px 0 0;
        margin-bottom: 0;

}
}

//event

.events--content {
    & .swiper-wrapper {
        padding-bottom: 80px;
    }
}

// footer
.site-footer {
    background-color: #232327;
    inline-size: 100%;
    max-inline-size: 100%;

* {
        color: var(--light);
    }

h4,
    .heading4 {
        font-family: var(--rail);
        font-weight: 500;
        margin-top: 30px;
    }

.menu {
        margin: 0;
        padding: 0;
        list-style: none;

& a {
            text-decoration: none;
            font-weight: 500;
            font-size: calc(14px + 1*(100vw - 320px)/680);
            display: block;
            margin-top: 20px;

&::before {
                content: "";
                border-color: currentColor;
                border-style: solid;
                border-width: 3px 3px 0px 0px;
                display: inline-block;
                padding: 3px;
                transform: rotate(45deg);
                margin: 0 16px 0 0;
            }
        }
    }

}

.si-flex-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding: 40px 32px;
    column-gap: 32px;

@at-root .fw-separator & {
        grid-template-columns: 1fr;
        padding: 30px 0;
        place-items: center;
        border-top: 1px solid #545454;
        row-gap: 16px;

@include mqmin(760px) {
            row-gap: 0;
            grid-template-columns: 1fr 260px;
        }
    }

& .si-copyright-widget__text {
        text-align: center;
        line-height: 1.6;

@include mqmin(760px) {
            text-align: start;
        }
    }
}

.cntbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    cursor: pointer;
    min-height: 45px;
    padding: .5em 2em;
    background-color: #0072d5;
    color: #FFFFFF;
    font-weight: 500;
    font-size: calc(14px + 4 * ((100vw - 320px) / 680));
    line-height: 1.4;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease-in;

&:hover {
        background-color: #02539b;
    }
}

// sociallinks

.sociallinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    column-gap: 16px;

& a {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #02539b;
        inline-size: 40px;
        block-size: 40px;
        border-radius: 50%;
        font-size: 22px;
        text-decoration: none;
        line-height: 1;
        transition: all 0.2s ease-in;

&:hover {
            background-color: #0581ed;
        }
    }

}

// contact us page

.contactusp {
    .header-subnav--intro .title {
        font-size: calc(32px + 4*(100vw - 320px)/680);
    }

.header-subnav--intro {
        flex: 1;
        max-width: 100%;
    }

.header-subnav--container {
        min-height: 46vh;
    }

.mktoForm .mktoFieldWrap label.mktoLabel,
    .mktoForm .mktoButtonWrap label.mktoLabel,
    .mktoForm .mktoFieldWrap input[type=text],
    .mktoForm .mktoFieldWrap input[type=url],
    .mktoForm .mktoFieldWrap input[type=email],
    .mktoForm .mktoFieldWrap input[type=tel],
    .mktoForm .mktoFieldWrap input[type=number],
    .mktoForm .mktoFieldWrap input[type=date],
    .mktoForm .mktoFieldWrap select,
    .mktoForm .mktoFieldWrap select.mktoField,
    .mktoForm .mktoFieldWrap textarea,
    .mktoForm .mktoFieldWrap textarea.mktoField,
    .mktoForm .mktoButtonWrap input[type=text],
    .mktoForm .mktoButtonWrap input[type=url],
    .mktoForm .mktoButtonWrap input[type=email],
    .mktoForm .mktoButtonWrap input[type=tel],
    .mktoForm .mktoButtonWrap input[type=number],
    .mktoForm .mktoButtonWrap input[type=date],
    .mktoForm .mktoButtonWrap select,
    .mktoForm .mktoButtonWrap select.mktoField,
    .mktoForm .mktoButtonWrap textarea,
    .mktoForm .mktoButtonWrap textarea.mktoField,
    .mktoForm .mktoFormRow .mktoFieldWrap>#LblmktoOptIn,
    .mktoForm .mktoFormRow .mktoFieldWrap>#Lblmsdyn_gdproptout,
    .mktoForm .mktoFormRow .mktoFieldWrap>#LblrequestedConsultation {
        font-size: calc(16px + 2*(100vw - 320px)/680);
    }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        color: #fff;
        border: 1px solid #75ae4c;
        padding: 0.4em 1em;
        font-size: 1em;
        background-color: #99c47c;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#99c47c), to(#75ae4c));
        background-image: -webkit-linear-gradient(top, #99c47c, #75ae4c);
        background-image: -moz-linear-gradient(top, #99c47c, #75ae4c);
        background-image: linear-gradient(to bottom, #99c47c, #75ae4c);
    }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
        border: 1px solid #447f19;
    }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
        outline: none;
        border: 1px solid #447f19;
    }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
        background-color: #75ae4c;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#75ae4c), to(#99c47c));
        background-image: -webkit-linear-gradient(top, #75ae4c, #99c47c);
        background-image: -moz-linear-gradient(top, #75ae4c, #99c47c);
        background-image: linear-gradient(to bottom, #75ae4c, #99c47c);
    }
}

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.