@font-face {
font-family: 'Naroline';
src: url(https://2022.ux-india.org/wp-content/uploads/fonts/Naroline.ttf);
}
@font-face {
font-family: 'Helvetica Neue';
src: url(https://2022.ux-india.org/wp-content/uploads/fonts/Helvetica%20Neue%20Medium%20Extended.ttf);
}
@font-face {
font-family: 'Helvetica Neue UL';
src: url(https://2022.ux-india.org/wp-content/uploads/fonts/Helvetica%20Neue%20UltraLight.ttf);
font-weight: 400;
}
@font-face {
font-family: 'Addington CF';
src: url(https://2022.ux-india.org/wp-content/uploads/fonts/AddingtonCF-Bold.otf);
}
.has-font-naroline h1, .has-font-naroline h2, .has-font-naroline h3, .has-font-naroline h4, .has-font-naroline h5, .has-font-naroline h6 {
font-family: 'Naroline', sans-serif !important;
}
.has-font-neue, .has-font-neue h1, .has-font-neue h2, .has-font-neue h3, .has-font-neue h4, .has-font-neue h5, .has-font-neue h6 {
font-family: 'Helvetica Neue', sans-serif !important;
}
.has-font-neue-ul, .has-font-neue-ul h1, .has-font-neue-ul h2, .has-font-neue-ul h3, .has-font-neue-ul h4, .has-font-neue-ul h5, .has-font-neue-ul h6 {
font-family: 'Helvetica Neue UL', sans-serif !important;
}
.has-font-addington h1, .has-font-addington h2, .has-font-addington h3, .has-font-addington h4, .has-font-addington h5, .has-font-addington h6, .has-font-addington a {
font-family: 'Addington CF', sans-serif !important;
}
.is-postition-relative {
position: relative;
}
.has-text-right {
text-align: right;
}
.has-margin-left-auto {
margin-left: auto;
margin-right: 0;
}
@media screen and (max-width: 1024px) {
.is-object-fit-contain-tab img {
object-fit: contain;
}
}
.has-overflow-hidden {
overflow: hidden !important;
}
.child-has-overflow-hidden > .elementor-widget-wrap.elementor-element-populated {
overflow: hidden !important;
}
@media screen and (max-width: 1024px) {
.theme-banner > .elementor-background-overlay {
background-size: cover !important;
}
} #uxi22-header-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#header-menu .header-buy-button {
margin-left: 40px;
}
#header-menu .header-buy-button a {
width: fit-content;
background: #5675FF;
text-align: center;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 5px 20px;
border-bottom-right-radius: 10px;
font-family: 'Helvetica Neue';
text-transform: uppercase;
letter-spacing: 1px;
}
#header-menu .elementskit-menu-hamburger.elementskit-menu-toggler {
border: none;	
}
#header-menu .elementskit-menu-hamburger.elementskit-menu-toggler .elementskit-menu-hamburger-icon {
height: 3px;
width: 100%;
border-radius: 10px;
display: block;
margin-bottom: 5px;
}
#header-menu .elementskit-menu-close.elementskit-menu-toggler {
border-radius: 5px;
color: #333;
}
@media screen and (max-width: 1023px) {
#header-menu #menu-primary-menu {
padding-top: 40px;	
}
#header-menu #menu-primary-menu .menu-item a {
display: inline-block;
width: 80%;
padding: 10px 20px;
margin: 5px 25px;
border: 1px solid #333;
border-bottom-right-radius: 20px;
}
#header-menu #menu-primary-menu .header-buy-button {
margin-left: 0;
}
#header-menu #menu-primary-menu .header-buy-button a {
width: 80%;
margin: 10px 25px;
padding: 10px 50px;
width: auto;
}
} @media screen and (max-width: 1024px) {
#uxi22-home-hero > .elementor-background-overlay {
display: none;
}
} .homepage-headline-carousel {
width: 100%;
overflow: hidden;
}
.homepage-headline-carousel .text-slide {
display: flex;
flex-direction: column;
justify-content: center;
width: 80vw;
height: 200px;
margin: 20px 0;
}
.homepage-headline-carousel .text-slide h1 {
font-family: 'Naroline', sans-serif !important;
color: #333333;
font-size: 60px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2em;
}
@media screen and (min-width: 1025px) {
.homepage-headline-carousel .text-slide .title.bottom {
text-align: right;
}
}
@media screen and (max-width: 1024px) {
.homepage-headline-carousel .text-slide h1 {
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.homepage-headline-carousel .text-slide {
height: 240px;
}
.homepage-headline-carousel .text-slide h1 {
font-size: 30px;
line-height: 1.4;
margin: 0;
}
}
#home-logo-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100vw;
} .tickerwrapper.section-banner {
position: relative;
top: 0;
left:0%;
background: transparent;
width: 99.9%;
height: auto;
overflow: hidden;
max-height: 46px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.tickerwrapper.section-banner ul.list {
position: relative;
height: 46px;
display: inline-block;
list-style: none;
padding: 8px 0;
margin:0;
}
.tickerwrapper.section-banner ul.list.cloned {
position: absolute;
top: 0px;
left: 0px;
}
.tickerwrapper.section-banner ul.list li {
float: left;
font-family: 'Helvetica Neue', sans-serif;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.tickerwrapper.section-banner ul.list li .arrow {
padding: 0 20px;
} .homepage_hero_carousel_vtwo .slide {
position: relative;
padding-bottom: 70px;
margin: 0 10px;
background-image: url(https://2022.ux-india.org/wp-content/uploads/2022/09/uxi22-particles-bg.png);
border-radius: 24px;
overflow: hidden;
z-index: 1;
}
.homepage_hero_carousel_vtwo .slide .slide-content {
min-height: 650px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 2;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left {
max-width: 900px;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-title {
font-family: 'Naroline', sans-serif !important;
color: #fff;
font-size: 60px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4em;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-button-container {
display: flex;
flex-direction: row;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-button-container .slide-button {
display: inline-flex;
flex-direction: column;
min-width: 275px;
font-family: 'Helvetica Neue', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
line-height: 1.5em;
color: #fff;
padding: 15px 25px 15px 25px;
background-color: #333333;
border-radius: 0px 0px 0px 25px;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-button-container .slide-button span {
display: block;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-button-container {
justify-content: flex-end;
}
.homepage_hero_carousel_vtwo .slide .slide-ticker {
width: 100%;
position: absolute;
bottom: 0;
}
@media screen and (max-width: 1080px) {
.homepage_hero_carousel_vtwo .slide .slide-content {
min-height: 650px;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-title {
font-size: 46px;
}
}
@media screen and (max-width: 768px) {
.homepage_hero_carousel_vtwo .slide .slide-content {
min-height: 500px;
}
.homepage_hero_carousel_vtwo .slide .slide-content {
padding: 20px;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left {
max-width: 100%;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-title {
font-size: 28px;
}
.homepage_hero_carousel_vtwo .slide .slide-content .content-left .slide-button-container .slide-button {
min-width: 100px;
max-width: 275px;
width: 100%;
font-size: 16px;
}
.homepage_hero_carousel_vtwo .slide .conf-location-box {
display: none;
}
}
.homepage_hero_carousel_vtwo .slide.slide-one {
background-color: #DE4D42;
}
.homepage_hero_carousel_vtwo .slide.slide-one .conf-location-box {
position: absolute;
width: 400px;
height: 300px;
top: 45%;
left: 10%;
z-index: -1;
}
.homepage_hero_carousel_vtwo .slide.slide-two {
background-color: #F1D302;
background-image: url(https://2022.ux-india.org/wp-content/uploads/2022/09/uxi22-particles-bg.png);
border-radius: 24px;
overflow: hidden;
}
.homepage_hero_carousel_vtwo .slide.slide-two .passes-timer {
display: inline-block;
position: absolute;
top: 20px;
left: 20px;
padding: 5px 20px 5px 20px;
background-color: #DE4D42;
border-radius: 24px;
max-width: 85%;
text-align: center;
}
.homepage_hero_carousel_vtwo .slide.slide-two .passes-timer h2 {
color: #F1D302;
font-family: 'Helvetica Neue', sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.5px;
margin: 0;
}
.homepage_hero_carousel_vtwo .slide.slide-two .slide-content .content-left .slide-title {
color: #333;
}
.homepage_hero_carousel_vtwo .slide.slide-two .slide-content .content-left .slide-button-container {
justify-content: flex-start;
}
.homepage_hero_carousel_vtwo .slide.slide-three {
background-color: #07BEB8;
}
.homepage_hero_carousel_vtwo .slide.slide-three .conf-watermark {
position: absolute;
top: -25px;
right: -25px;
}
@media screen and (max-width: 767px) {
.homepage_hero_carousel_vtwo .slide.slide-three .conf-watermark {
width: 220px;
}
}
.homepage_hero_carousel_vtwo .slide.slide-three .slide-content .content-left .slide-button-container a {
min-width: 230px;
}
@media screen and (max-width: 767px) {
.homepage_hero_carousel_vtwo .slide.slide-three .slide-content .content-left .slide-button-container a {
min-width: 200px;
width: 200px;
}
}
.homepage_hero_carousel_vtwo .slide.slide-four {
background-color: #C8963E;
}
.homepage_hero_carousel_vtwo .slide.slide-four .conf-watermark {
position: absolute;
top: -25px;
right: -25px;
}
@media screen and (max-width: 767px) {
.homepage_hero_carousel_vtwo .slide.slide-four .conf-watermark {
width: 220px;
}
}
.homepage_hero_carousel_vtwo .slide.slide-four .slide-content .content-left .slide-button-container a {
min-width: 230px;
}
@media screen and (max-width: 767px) {
.homepage_hero_carousel_vtwo .slide.slide-four .slide-content .content-left .slide-button-container a {
min-width: 200px;
width: 200px;
}
} #homepage-speaker-section {
position: relative;
width: 100%;
max-width: 100vw;
overflow: hidden;
}
#homepage-speaker-section .speaker-carousel-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 70px;
height: 100%;
z-index: 8;
}
#homepage-speaker-section .speaker-logo-carousel {
width: 2500px;
height: 80px;
position: absolute;
top: -20%;
left: -1180px;
transform: rotate(-90deg) translate(-55%, -45%);
padding: 10px 0;
border-top: 2px solid #333;
z-index: 9;
}
#homepage-speaker-section .speaker-logo-carousel .image {
height: 60px;
padding: 0 40px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1179px) {
#homepage-speaker-section .speaker-carousel-container {
display: none;
}
}
.speaker-card-row > .elementor-container {
margin-left: 0;
margin-right: auto;
}
.speaker-card-row.row-right > .elementor-container {
margin-right: 0;
margin-left: auto;
}
.uxi22-speaker-card {
overflow: hidden !important;
}
.uxi22-speaker-card .uxi22-speaker-overlay {
opacity: 0;
transition: opacity 0.25s ease-in-out; 
}
.uxi22-speaker-card:hover .uxi22-speaker-overlay {
opacity: 1;
}
#homepage-fixed-section {
overflow: hidden;
}
#homepage-fixed-section #homepage-fixed-slider {
width: 100%;
height: 80vh;
max-height: 100%;
}
#homepage-fixed-section #homepage-fixed-slider .slide {
width: 100%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 10px 0;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container {
z-index: 2;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 100%;
max-width: 1080px;
text-align: center;
}
@media screen and (max-width: 650px) {
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats {
flex-direction: column;
}
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat {
padding: 20px;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h2 {
font-family: 'Naroline', sans-serif;
font-size: 82px;
line-height: 1.2;
font-weight: 600;
color: #DE4D42;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h5 {
font-family: 'Lora', sans-serif;
font-size: 52px;
line-height: 1.2;
font-weight: 600;
color: #F2F1DF;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one .content-container h1 {
font-family: 'Lora', sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 1.2;
color: #F2F1DF;
}
@media screen and (max-width: 1360px) {
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h2 {
font-size: 60px;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h5 {
font-size: 40px;
}
}
@media screen and (max-width: 650px) {
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one .content-container h1 {
font-size: 40px;
text-align: center;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h2 {
font-size: 48px;
}
#homepage-fixed-section #homepage-fixed-slider .slide .content-container.stats .stat h5 {
font-size: 26px;
}
}
#homepage-fixed-section #homepage-fixed-slider .slide img {
position: absolute;
object-fit: cover;
opacity: 0;
z-index: 1;
transition: opacity 0s ease-in-out;
}
@media screen and (max-width: 1080px) {
#homepage-fixed-section #homepage-fixed-slider .slide img {
display: none;
}
}
#homepage-fixed-section #homepage-fixed-slider .slide.slick-active img {
opacity: 1;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one img.image-one-one {
width: 27%;
height: 29%;
top: 0%;
left: 0%;
transform: rotate(-2deg);
transition: opacity 1s ease-in-out 1s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one img.image-one-two {
width: 19%;
height: 24%;
top: 0%;
right: 5%;
transform: rotate(-1.5deg);
transition: opacity 1s ease-in-out 1.5s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one img.image-one-three {
width: 28%;
height: 38%;
bottom: 0%;
left: 10%;
transition: opacity 1s ease-in-out 2s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-one img.image-one-four {
width: 23%;
height: 28%;
bottom: 5%;
right: 5%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 2.5s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-two img.image-two-one {
width: 23%;
height: 28%;
top: 0%;
left: 0%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-two img.image-two-two {
width: 23%;
height: 28%;
top: 6%;
right: 3%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1.5s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-two img.image-two-three {
width: 23%;
height: 28%;
bottom: 0%;
left: 5%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 2s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-three img.image-three-one {
width: 23%;
height: 28%;
top: 0%;
right: 0%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-three img.image-three-two {
width: 23%;
height: 28%;
bottom: 0%;
left: 0%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1.5s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-last img.image-four-one {
width: 23%;
height: 28%;
top: 0%;
right: 10%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1s;
}
#homepage-fixed-section #homepage-fixed-slider .slide.slide-last img.image-four-two {
width: 23%;
height: 28%;
bottom: 0%;
left: 10%;
transform: rotate(2.5deg);
transition: opacity 1s ease-in-out 1.5s;
} .speakers-page-hero-logo-carousel {
height: 80px;
padding: 10px 0;
overflow: hidden;
}
.speakers-page-hero-logo-carousel .image {
height: 60px;
padding: 0 40px;
display: flex;
justify-content: center;
align-items: center;
} .speakers-page-hero-speaker-carousel {
height: 650px;
max-width: 320px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 0 auto;
overflow: hidden;
}
.speakers-page-hero-speaker-carousel .row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.speakers-page-hero-speaker-carousel .row img {
width: 140px;
height: 140px;
object-fit: cover;
border-top-left-radius: 24px;
margin: 10px;
} .speaker-details-header-carousel {
height: 600px;
overflow: hidden;
}
.speaker-details-header-carousel .slide {
height: 550px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
}
.speaker-details-header-carousel .slide img {
width: 500px;
height: 100%;
object-fit: cover;
border-top-right-radius: 180px;
} .schedule-buttons-container {
position: fixed;
top: 85px;
left: 0%;
z-index: 5;
}
.schedule-buttons-container .schedule-day-button a {
display: block;
padding: 16px 20px 16px 20px;
}
.schedule-buttons-container .schedule-day-button.is-active > .elementor-widget-container {
background-color: #485EC1;
} .venue-photos-carousel {
height: 600px;
overflow: hidden;
}
.venue-photos-carousel .slide {
height: 550px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
}
.venue-photos-carousel .slide img {
width: 500px;
height: 100%;
object-fit: cover;
border-top-right-radius: 180px;
} .homepage-photos-carousel {
height: 500px;
overflow: hidden;
}
.homepage-photos-carousel .slide {
height: 450px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
}
.homepage-photos-carousel .slide img {
width: 500px;
height: 100%;
object-fit: cover;
border-top-right-radius: 180px;
} .contact-form form input {
height: 48px;
border: none;
background-color: #F2F1DF;
border-top-right-radius: 20px;
margin-bottom: 15px;
}
.contact-form form textarea {
border: none;
background-color: #F2F1DF;
border-top-right-radius: 20px;
margin-bottom: 15px;
}
.contact-form form input[type="submit"] {
background-color: #333;
color: #F2F1DF;
border: none;
padding: 5px 40px;
}
.contact-form form .wpcf7-not-valid-tip {
position: absolute;
font-size: 12px;
bottom: -35px;
color: #fff;
}
.contact-form form span.wpcf7-form-control-wrap[data-name="message"] .wpcf7-not-valid-tip {
bottom: -5px;
}
.contact-form form .wpcf7-response-output {
border-color: #F2F1DF;
color: #F2F1DF;
}
.faqs-section .elementor-toggle-item {
border-radius: 20px 20px 0 0;
overflow: hidden;
} #popmake-163 {
position: relative;
background-image: url(https://2022.ux-india.org/wp-content/uploads/2022/08/uxi22-super-early-bird-popup-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
max-width: 700px;
}
#popmake-163 .pum-content {
position: relative;
padding: 60px 40px;
}
#popmake-163 .pum-content::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(https://2022.ux-india.org/wp-content/uploads/2022/08/uxi22-super-early-bird-popup-overlay.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
#popmake-163 h2 {
font-family: 'Addington CF', sans-serif;
font-size: 32px;
font-weight: 300;
color: #000;
margin-bottom: 10px;
}
#popmake-163 h6 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
margin-bottom: 20px;
font-style: italic;
}
#popmake-163 #kajabi-form {
max-width: 350px;
background: transparent;
padding: 0;
}
#popmake-163 #kajabi-form input {
border: 2px solid #000;
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 24px;
font-weight: 300;
color: #7a7a7a;
padding: 10px 20px;
}
#popmake-163 #kajabi-form button {
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 24px;
font-weight: 300;
color: #fff;
background: #000;
padding: 10px 20px;
}
@media screen and (max-width: 767px) {
#popmake-163 .pum-content {
padding: 60px 25px;
}
} #uxi22-speaker-form #kajabi-form {
background: transparent;
}
#uxi22-speaker-form #kajabi-form .kajabi-form__content {
max-width: 90%;
}
#uxi22-speaker-form #kajabi-form input, #uxi22-speaker-form #kajabi-form select {
border: 2px solid #000;
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
padding: 10px 20px;
}
#uxi22-speaker-form #kajabi-form textarea {
border: 2px solid #000;
border-radius: 20px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
}
#uxi22-speaker-form #kajabi-form .checkbox-field {
margin-top: 25px;
padding-left: 5px;
}
#uxi22-speaker-form #kajabi-form .kajabi-form__form-item.checkbox-field label:before {
outline: 2px solid #000;
width: 18px;
height: 18px;
}
#uxi22-speaker-form #kajabi-form .kajabi-form__form-item.checkbox-field label .text {
color: #fff;
}
#uxi22-speaker-form #kajabi-form .radio-buttons-field {
margin-top: 25px;
margin-bottom: 25px;
}
#uxi22-speaker-form #kajabi-form .radio-buttons-field > label {
margin-bottom: 20px;
}
#uxi22-speaker-form #kajabi-form .radio-buttons-field label {
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #fff;
}
#uxi22-speaker-form #kajabi-form .kajabi-form__form-item.radio-buttons-field .radio label:before {
border: 2px solid #fff;
}
#uxi22-speaker-form #kajabi-form .kajabi-form__form-item.radio-buttons-field input[type=radio]+span:after {
background-color: #fff !important;
}
#uxi22-speaker-form #kajabi-form button {
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 24px;
font-weight: 300;
color: #fff;
background: #333333 !important;
padding: 6px 40px;
} #scholarship-form #kajabi-form {
background: transparent;
}
#scholarship-form #kajabi-form .kajabi-form__content {
max-width: 90%;
}
#scholarship-form #kajabi-form input, #scholarship-form #kajabi-form select {
border: 2px solid #000;
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
padding: 10px 20px;
}
#scholarship-form #kajabi-form textarea {
border: 2px solid #000;
border-radius: 20px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
}
#scholarship-form #kajabi-form .checkbox-field {
margin-top: 25px;
padding-left: 5px;
}
#scholarship-form #kajabi-form .kajabi-form__form-item.checkbox-field label:before {
outline: 2px solid #000;
width: 18px;
height: 18px;
}
#scholarship-form #kajabi-form .kajabi-form__form-item.checkbox-field label .text {
color: #fff;
}
#scholarship-form #kajabi-form .radio-buttons-field {
margin-top: 25px;
margin-bottom: 25px;
}
#scholarship-form #kajabi-form .radio-buttons-field > label {
margin-bottom: 20px;
}
#scholarship-form #kajabi-form .radio-buttons-field label {
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #333333;
}
#scholarship-form #kajabi-form .kajabi-form__form-item.radio-buttons-field .radio label:before {
border: 2px solid #333333;
}
#scholarship-form #kajabi-form .kajabi-form__form-item.radio-buttons-field input[type=radio]+span:after {
background-color: #333333 !important;
}
#scholarship-form #kajabi-form button {
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 24px;
font-weight: 300;
color: #fff;
background: #333333 !important;
padding: 6px 40px;
} .animate-background {
background-size: auto !important;
background-repeat: repeat !important;
animation-name: move-bg;
animation-duration: 50s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.animate-background-alternate {
background-size: auto !important;
background-repeat: repeat !important;
animation-name: move-header-bg;
animation-duration: 20s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.animate-background-alternate.bg-contain {
background-size: contain !important;
animation-duration: 40s;
}
@keyframes move-header-bg {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@keyframes move-bg {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
} #uxi22-waitlist-form #kajabi-form {
background: transparent;
}
#uxi22-waitlist-form #kajabi-form .kajabi-form__content {
max-width: 90%;
}
#uxi22-waitlist-form #kajabi-form input, #uxi22-waitlist-form #kajabi-form select {
border: 2px solid #000;
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
padding: 10px 20px;
}
#uxi22-waitlist-form #kajabi-form textarea {
border: 2px solid #000;
border-radius: 20px;
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #7a7a7a;
}
#uxi22-waitlist-form #kajabi-form .checkbox-field {
margin-top: 25px;
padding-left: 5px;
}
#uxi22-waitlist-form #kajabi-form .kajabi-form__form-item.checkbox-field label:before {
outline: 2px solid #000;
width: 18px;
height: 18px;
background: #fff;
}
#uxi22-waitlist-form #kajabi-form .kajabi-form__form-item.checkbox-field label .text {
color: #fff;
}
#uxi22-waitlist-form #kajabi-form .radio-buttons-field {
margin-top: 25px;
margin-bottom: 25px;
}
#uxi22-waitlist-form #kajabi-form .radio-buttons-field > label {
margin-bottom: 20px;
}
#uxi22-waitlist-form #kajabi-form .radio-buttons-field label {
font-family: 'Addington CF', sans-serif;
font-size: 16px;
font-weight: 300;
color: #fff;
}
#uxi22-waitlist-form #kajabi-form .kajabi-form__form-item.radio-buttons-field .radio label:before {
border: 2px solid #fff;
}
#uxi22-waitlist-form #kajabi-form .kajabi-form__form-item.radio-buttons-field input[type=radio]+span:after {
background-color: #fff !important;
}
#uxi22-waitlist-form #kajabi-form button {
border-radius: 40px;
font-family: 'Addington CF', sans-serif;
font-size: 24px;
font-weight: 300;
color: #fff;
background: #333333 !important;
padding: 6px 40px;
} .repeating-banner-images {
height: 70px;
}
.repeating-banner-images .image {
height: 70px;
width: auto;
padding: 0 5px;
}
.repeating-banner-images .image img {
height: 100%;
} .refund-policy-button {
position: fixed;
bottom: 40px;
left: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
max-height: 60px;
border-radius: 60px;
background-color: #DE4D42;
cursor: pointer;
z-index: 999;
}
.refund-policy-button .icon {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.refund-policy-button .icon img {
width: 40px;
height: 40px;
}
.refund-policy-button .text {
max-width: 0;
overflow: hidden;
font-family: 'Helvetica Neue UL';
font-weight: 900;
color: #fff;
letter-spacing: 1px;
line-height: 1.4;
font-size: 15px;
opacity: 0;
transition: max-width 0.25s ease-in-out, opacity 0s ease-in-out;
}
.refund-policy-button:hover .text {
max-width: 130px;
opacity: 1;
transition: max-width 0.25s ease-in-out, opacity 0.25s ease-in-out 0.25s;
}
#pum-1030 #popmake-1030 {
padding: 60px 40px;
border-radius: 20px;
background-image: url(https://2022.ux-india.org/wp-content/uploads/2022/08/uxi22-super-early-bird-popup-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#pum-1030 #popmake-1030 h2 {
font-family: 'Lora', sans-serif;
color: #000;
font-size: 28px;
font-weight: 500;
margin-bottom: 25px;
}
#pum-1030 #popmake-1030 h2.workshops {
margin-top: 40px;
}
#pum-1030 #popmake-1030 p {
font-family: 'Helvetica Neue UL', sans-serif;
color: #000;
font-size: 18px;
font-weight: 800;
letter-spacing: 1.5px;
line-height: 1.5;
}