/*-------------------------------------------------------------- # General --------------------------------------------------------------*/ .picker { right: 0; } #createTimeSlotM .picker--time .picker__box { position: relative; z-index: 9999; } .picker-frame{ z-index: 9999; } .picker__frame{ z-index: 9999; } .container-fluid-custom { width: 94%; margin-right: 3%; margin-left: 3%; } @font-face { font-family: 'Pacifico'; src: local('Sans-Serif'), local('Sans-Serif'), url("/static/event/theme2/assets/vendor/bootstrap-icons/fonts/bootstrap-icons.woff2?display=swap") format("woff2"), url("/static/event/theme2/assets/vendor/bootstrap-icons/fonts/bootstrap-icons.woff?display=swap") format("woff"); font-display: swap; } body { background: #fff; color: #2f3138; font-family: "Poppins", sans-serif; } input[type="checkbox"] { accent-color: #5072ea; } a { color: #f82249; text-decoration: none; transition: 0.5s; cursor: pointer; } a:hover, a:active, a:focus { color: #f8234a; outline: none; text-decoration: none; } p { padding: 0; margin: 0 0 30px 0; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0; color: #333333; } .modal i.bi { color: #5b46f4; } .modal i.bi-eye-slash-fill { color: #5d658d; } input[type="text"], input:focus { outline: none !important; } .main-page { margin-top: 70px; } /* Preloader */ #preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url("/static/event/theme2/assets/img/preloader.gif") no-repeat center center; } /* Common section Padding */ #supporters, .purpul-bg, .section-spacing { padding: 60px 0; overflow: hidden; } /*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/ .back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #f82249; width: 40px; height: 40px; border-radius: 50px; transition: all 0.4s; } .back-to-top i { font-size: 28px; color: #fff; line-height: 0; } .back-to-top:hover { background: #f94a6a; color: #fff; } .back-to-top.active { visibility: visible; opacity: 1; } /* Sections Header --------------------------------*/ .section-header { margin-bottom: 60px; position: relative; padding-bottom: 20px; } .section-header h2 { font-size: 80px; text-align: center; font-weight: 700; margin-bottom: 40px; } .section-header p { text-align: center; padding: 0; margin: 0; font-size: 23px; font-weight: 400; color: #333333; } .section-with-bg { background-color: #f6f7fd; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header { height: 90px; position: fixed; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997; } #header.header-scrolled, #header.header-inner { background: #fff; height: 64px; color: #000; box-shadow: 0 0 5px 3px #d5d5d557; } #header.header-inner { height: 80px; } #header #logo h2, #header.header-inner h2 { font-size: 45px; margin: 0; font-family: "Poppins", sans-serif; font-weight: 700; } #header.header-scrolled #logo h2, #header.header-inner #logo h2 { font-size: 28px; } #header.header-scrolled #logo h2 a, #header.header-inner #logo h2 a { color: #000; display: inline-block; } #header.header-scrolled #logo h2 a:hover, #header.header-inner #logo h2 a { color: #000; opacity: 0.7; } /* #header .scroll,#header .no-scroll, #header.header-scrolled .no-scroll,#header.header-scrolled .scroll {position: absolute; left:0} */ #header .scroll { display: none; } #header.header-scrolled .no-scroll { display: none; } #header.header-scrolled .scroll { display: block; } #header #logo h2 span { color: #f82249; } #header #logo h2 a { color: #fff; font-size: 20px; vertical-align: top; } #header #logo h2 a:hover { color: #000; font-size: 20px; vertical-align: top; } #header #logo h2 a.home:hover { color: #fff; font-size: 20px; vertical-align: top; } #header.header-scrolled #logo h2 a.home:hover { color: #000; font-size: 20px; vertical-align: top; } #header #logo img { padding: 0; margin: 0; max-height: 40px; } /* select.form-select {position: relative;} select.form-select { -webkit-appearance: menulist; } */ @media (max-width: 992px) { #header #logo img { max-height: 30px; } #header #logo h1 { font-size: 32px; } } @media (max-width: 767px) { .create-event span { display: none; } #header.header-scrolled #logo h1, #header.header-inner #logo h1 { font-size: 25px; } } @media (max-width: 600px) { } /* @media (max-width: 600px) { #header #logo h1,#header.header-scrolled #logo h1 { font-size: 25px; } } */ @media (max-width: 576px) { #header #logo h1, #header.header-scrolled #logo h1 { font-size: 20px; } #header.header-scrolled #logo h1, #header.header-inner #logo h1 { font-size: 20px; } } @media (max-width: 420px) { #header #logo h1, #header.header-scrolled #logo h1 { font-size: 16px; } } /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /** * Desktop Navigation */ .navbar { padding: 0; } .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navbar li { position: relative; } .navbar > ul > li { white-space: nowrap; padding: 10px 0 10px 12px; } .navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; color: rgba(202, 206, 221, 0.8); font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px; white-space: nowrap; transition: 0.3s; position: relative; padding: 6px 4px; } .navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; } .navbar > ul > li > a:before { content: ""; position: absolute; width: 0; height: 2px; bottom: -6px; left: 0; background-color: #f82249; visibility: hidden; transition: all 0.3s ease-in-out 0s; } .navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before { visibility: visible; width: 100%; } .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #fff; } .navbar .dropdown ul { display: block; position: absolute; left: 12px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; } .navbar .dropdown ul li { min-width: 200px; } .navbar .dropdown ul a { padding: 10px 20px; font-size: 14px; text-transform: none; color: #060c22; } .navbar .dropdown ul a i { font-size: 12px; } .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #f82249; } .navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; } .navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; } .navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; } .offcanvas, .offcanvas a { color: #333333; } .offcanvas-header { font-weight: 500; } .offcanvas-body, .offcanvas-header { margin: 1rem 2rem 1rem 6rem; } .offcanvas-header { margin-bottom: 0; padding-bottom: 0px; } .offcanvas-start { width: 570px; } .offcanvas-title { font-size: 35px; font-weight: 600; } .offcanvas-header span { font-size: 20px; } .close-text { position: relative; top: -2px; cursor: pointer; } .offcanvas .btn-close { opacity: 1; margin-right: 5px; background-image: url("/static/event/theme2/assets/img/close-icn.svg"); } .offcanvas-body ul { list-style: none; font-weight: 300; font-size: 26px; text-transform: uppercase; margin: 0; padding: 0; } .offcanvas-body ul li { padding: 0.6rem 0; } .offcanvas-body ul li a:hover { color: #5f3b81; font-weight: 600; transition: all ease-in-out 0.3s; } .offcanvas-body .btn-color { color: #fff; } .offcanvas-body .btn-color, .offcanvas-body .btn-white { min-width: 180px; text-align: center; padding: 15px 30px; border-radius: 50px; margin-right: 10px; } .offcanvas-footer { border: 1px solid #dcdcdc; } .offcanvas-footer a { display: inline-block; justify-content: space-around; text-align: center; width: 49%; padding: 1.4rem 0; } .offcanvas-footer a:first-child { border-right: 1px solid #dcdcdc; } @media (max-width: 1366px) { .navbar .dropdown .dropdown ul { left: -90%; } .navbar .dropdown .dropdown:hover > ul { left: -100%; } } @media (max-width: 767px) { .offcanvas-footer a { height: auto; display: inline-block; width: 49%; text-align: center; padding: 1rem 0; } .offcanvas-body .btn-color, .offcanvas-body .btn-white { min-width: 25%; } .offcanvas-body ul li { padding: 0.4rem 0; } .offcanvas-body ul { font-size: 20px; } .offcanvas-body, .offcanvas-header { margin: 1rem; } .offcanvas-start { width: 65%; } .offcanvas-body .btn-color, .offcanvas-body .btn-white { padding: 12px 30px; border-radius: 30px; } } @media (min-width: 410px) and (max-width: 635px) { .offcanvas-footer a:first-child img { height: 35px; } } @media (max-width: 623px) { .offcanvas-footer a:first-child { padding: 1rem; } } @media (max-width: 576px) { .offcanvas-body ul { font-size: 16px; } .offcanvas-title { font-size: 20px; } .offcanvas-header span { font-size: 14px; } .close-text { position: relative; top: -2px; } .offcanvas-start { width: 70%; } .offcanvas-body .btn-color, .offcanvas-body .btn-white { padding: 12px 20px; } } @media (max-width: 410px) { .offcanvas-footer a { height: auto; display: inline-block; width: 49%; text-align: center; padding: 1rem 0; font-size: 14px; } .offcanvas-footer a img { width: 30px; height: 25px; } } /* Popup Gloable styling */ input.form-control:required select.form-select:required .modal-body.meeting-modal-body input.form-control:required, .modal-body.meeting-modal-body select.form-select:required { border: 2px solid #f00; } .error-msg { color: #f00; } .required:after { content: " *"; color: red; } ::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #5d658d; opacity: 1; font-weight: 400; } .offcanvasc { z-index: 2050; } .modal { z-index: 2000; } .modal-header { text-align: center; color: #333; border-bottom: 0; display: inline-block; padding: 3rem 0 0; } .modal-header .success-icon { height: 220px; } .modal-header p { font-weight: 400; font-size: 17px; margin-bottom: 15px; padding: 0 5rem; } .modal-header h5 { font-weight: 700; font-size: 27px; margin-bottom: 0; } .modal-dialog { max-width: 580px; } @media (max-width: 767px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } } @media (max-width: 576px) { .modal-dialog { max-width: 480px; margin: 1rem auto; } } .modal-header .btn-close { position: absolute; top: 35px; right: 30px; background-image: url("/static/event/theme2/assets/img/popup-close-btn.svg"); opacity: 1; background-size: 22px; } .modal-content { background-color: #f5f4f9; border-radius: 30px; font-weight: 400; } .modal-body { padding: 0.5rem 4rem; } .modal-body .form-control { border: 0; border-radius: 50px !important; padding: 1rem 4.6rem; color: #5d658d; } .modal-body a, .modal-footer a { color: #423368; font-size: 18px; font-weight: 400; } .modal-body, .input-group, > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 35px; } .input-icon { position: absolute; left: 35px; top: 15px; z-index: 99; width: 34px; } .eye-icon { position: absolute; z-index: 99; right: 30px; top: 15px; } .modal-footer { display: block; padding: 0.5rem 3rem 2rem; font-size: 18px; border-top: 0; } .modal-footer a { color: #423368; font-weight: 600; } /* login popup */ .foot-heading { position: relative; font-size: 20px; color: #5d658d; font-weight: 500; width: 70%; } .foot-heading span { background: #f5f4f9; display: inline-block; padding: 10px 20px; position: relative; z-index: 9; top: -9px; } .foot-heading::before { content: ""; position: absolute; background: #5d658d; height: 2px; width: 100%; left: 0; top: 16px; } .modal-footer .btn-white { font-size: 14px; font-weight: 500; padding: 1.2rem 1.5rem; border-radius: 50px; margin-right: 10px; background-color: transparent; } .modal-footer .btn-white img { margin-right: 15px; } /* Signup Avatar */ .avatar-wrapper { position: relative; height: 180px; width: 180px; margin: 0 auto; border-radius: 50%; overflow: hidden; border: 15px solid #fff; transition: all 0.3s ease; box-shadow: 0 0 20px #dcdcdc; } .avatar-wrapper:hover { transform: scale(1.05); cursor: pointer; } .avatar-wrapper:hover .profile-pic { opacity: 0.5; } .avatar-wrapper .profile-pic { height: 100%; width: 100%; transition: all 0.3s ease; } .avatar-wrapper .profile-pic:after { content: " "; top: 0; left: 0; width: 100%; height: 100%; position: absolute; text-align: center; background-image: url("/static/event/theme2/assets/img/cam-icon.svg"); background-repeat: no-repeat; background-size: 100%; } .avatar-wrapper .upload-button { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .avatar-wrapper .upload-button .fa-arrow-circle-up { position: absolute; font-size: 234px; top: -17px; left: 0; text-align: center; opacity: 0; transition: all 0.3s ease; color: #34495e; } .avatar-wrapper .upload-button:hover .fa-arrow-circle-up { opacity: 0.9; } .camra-icn { position: absolute; bottom: 30px; right: 27%; z-index: 99; width: 60px; height: 60px; background-color: #da0203; border: 5px solid #fff; border-radius: 50%; padding: 5px 0 10px; text-align: center; } .camra-icn i { color: #fff !important; font-size: 24px; } .camra-icn.edit { background-color: #423368; } /* OTP Popup */ .otp-input .form-control { border-radius: 15px; padding: 0; font-size: 40px; font-weight: 700; color: #000; width: 74px; height: 74px; text-align: center; } .otp-input { margin: 0 2rem; } /* sucess popup modal */ #sucessModal .modal-content { background-color: #fff; } /* Header poups (login/signup/otp/reset/success) gloable media query */ @media (max-width: 1200px) { .modal-header h5 { font-size: 28px; } .modal-header p, .foot-heading span { font-size: 16px; } .modal-body { padding: 0.5rem 3rem; } .modal-footer { padding: 1rem; } .modal-footer .btn-white { padding: 1rem 2rem; } } @media (max-width: 767px) { .modal-header h5 { font-size: 22px; } .modal-header p, .foot-heading span, .modal-body a, .modal-footer a, .modal-footer { font-size: 14px; } .modal-body { padding: 1rem; } .modal-footer .btn-white { padding: 1rem; } .input-icon { top: 15px; left: 28px; } .modal-body, .input-group, > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 30px; } .modal-body .form-control { padding: 1rem 4rem; } .modal-footer .btn-white { padding: 10px; width: 100%; margin-bottom: 35px; } .modal-footer .btn-white:last-child { margin-bottom: 0; } .otp-input .form-control { padding: 0; width: 40px; height: 40px; font-size: 14px; border-radius: 10px; } .otp-input .col-sm { width: 60px; } .otp-input { margin: 0 auto; width: 240px; } .avatar-wrapper { height: 180px; width: 180px; border-width: 10px; } } @media (max-width: 576px) { .avatar-wrapper { height: 160px; width: 160px; border-width: 10px; } } /*-------------------------------------------------------------- # Header Buttons --------------------------------------------------------------*/ .buy-tickets { color: #fff; background: transparent; font-family: "Poppins", sans-serif; padding: 12px 60px; margin: 0 0 0 15px; border-radius: 50px; border: 2px solid #171b27; transition: all ease-in-out 0.3s; font-weight: 500; font-size: 16px; white-space: nowrap; } #header.header-scrolled .buy-tickets { color: #000; border-color: #000; padding: 8px 2rem; border-radius: 25px; } .buy-tickets:hover, .buy-tickets:active, .buy-tickets.active, .buy-tickets:focus { background: #fff; color: #333333; } #header.header-scrolled .create-event, #header.header-inner .create-event { color: #000; } #header.header-scrolled .buy-tickets.active { background: #333; color: #fff; } .buy-tickets:focus { color: #333333; } @media (max-width: 992px) { .buy-tickets, #header.header-scrolled .buy-tickets, .member-section .buy-tickets.btn-line { margin: 0 0 0 10px; padding: 8px 25px; font-size: 14px; } } @media (max-width: 576px) { .buy-tickets, #header.header-scrolled .buy-tickets { margin: 0 0 0 10px; padding: 7px 20px; font-size: 14px; } } @media (max-width: 420px) { .buy-tickets, #header.header-scrolled .buy-tickets { margin: 0 0 0 10px; padding: 6px 15px; font-size: 13px; } } /** * Mobile Navigation */ .mobile-nav-toggle { color: #fff; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; } @media (max-width: 991px) { .mobile-nav-toggle { display: block; } .navbar ul { display: none; } } .navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); transition: 0.3s; z-index: 999; } .navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; } .navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; } .navbar-mobile > ul > li { padding: 0; } .navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before { visibility: hidden; } .navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #060c22; } .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #f82249; } .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; } .navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0 0 30px rgba(127, 137, 161, 0.25); } .navbar-mobile .dropdown ul li { min-width: 200px; } .navbar-mobile .dropdown ul a { padding: 10px 20px; } .navbar-mobile .dropdown ul a i { font-size: 12px; } .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #f82249; } .navbar-mobile .dropdown > .dropdown-active { display: block; } /*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/ #hero { width: 100%; height: 115vh; background: url(/static/event/theme2/assets/img/hero-bg.jpg) top center; background-size: cover; overflow: hidden; /*position: relative;*/ } @media (min-width: 1024px) { #hero { background-attachment: fixed; } } #hero:before { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; } #hero .hero-container { position: absolute; bottom: 0; left: 0; /*top: 140px;*/ right: 0; /*display: flex;*/ justify-content: center; align-items: center; flex-direction: column; text-align: center; /*margin-top: 10rem; padding: 18rem 15px 0;*/ } .hero-container .carousel { width: 100%; } .hero-container .carousel-control-next-icon, .hero-container .carousel-control-prev-icon { width: 4rem; height: 4rem; border: 1px solid #495362; border-radius: 50%; } .hero-container .carousel-control-next-icon:focus, .hero-container .carousel-control-next-icon:hover, .hero-container .carousel-control-prev-icon:focus, .hero-container .carousel-control-prev-icon:hover { background-color: #dc143c; border-color: #dc143c; opacity: 1; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity: 1; } .carousel-control-next, .carousel-control-prev { opacity: 1; } .carousel-control-prev-icon, .carousel-control-next-icon { background-size: 9px 18px; } .carousel-control-prev-icon { background-image: url(/static/event/theme2/assets/img/prev-icn.svg); } .carousel-control-next-icon { background-image: url(/static/event/theme2/assets/img/next-icn.svg); } #hero h1 { color: #fff; font-family: "Poppins", sans-serif; font-size: 70px; font-weight: 600; text-transform: uppercase; } #hero h1 span { color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: #fcfcfc96; font-size: 80px; } .create-event { font-size: 16px; color: #fff; font-weight: 500; line-height: 34px; } .create-event span { position: relative; top: -3px; } .create-event i { margin-right: 10px; color: #5b46f4; font-size: 34px; } @media (max-width: 767px) { .create-event i { margin-right: 0; } .create-event i { font-size: 25px; } } .create-event:hover { color: #5b46f4; } #hero p { color: #ebebeb; font-weight: 400; font-size: 30px; } #hero .play-btn { background: #f82249; border-radius: 50px; display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 18px; font-weight: 500; color: #fff; padding: 1rem 3rem; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); } #hero .play-btn:hover { background: #f82249; } #hero .play-btn img { margin-left: 8px; } @media (max-width: 1400px) { #hero h1, #hero h1 span { font-size: 60px; } #hero p { font-size: 24px; } } @media (max-width: 1024px) { #hero h1, #hero h1 span { font-size: 44px; line-height: 44px; } .create-event { font-size: 16px; } #hero .hero-container { top: 120px; } } @media (max-width: 991px) { #hero p { font-size: 16px; } #hero { height: 75vh; } } @media (max-width: 767px) { #hero { height: 64vh; } #hero p { font-size: 12px; } #hero h1, #hero h1 span { font-size: 20px; line-height: normal; } .hero-container .carousel-control-next-icon, .hero-container .carousel-control-prev-icon { width: 2rem; height: 2rem; } #hero h1 span { margin-top: 15px; } #hero .play-btn { font-size: 14px; padding: 0.74rem 1.2rem; } #header #logo h1 a { margin-right: 5px !important; } #header #logo img { max-height: 20px; } #hero .hero-container { top: 62px; } } @media (max-width: 700px) { #hero .hero-container { top: 10px; } .mt-250 { margin-top: 250px; } } @media (max-width: 576px) { #header #logo img { max-height: 16px; } } @media (max-width: 420px) { #header #logo img { max-height: 13px; } } /*------------------------------------------- # Search Event Form --------------------------------------------*/ .search-banner { display: block; } .form-placement { position: relative; top: -50px; } .purpul-btn { background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-size: 16px; font-weight: 400; padding: 16px 50px; width: 100%; border: 2px solid #dc143c; } #submit, #sucessBTN { border-radius: 50px; } .event-form { width: 100%; background-color: #fff; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.1); border-radius: 100px; /* display: flex; */ padding: 15px; /* align-items: center; justify-content: space-between; */ } .event-form .form-floating { margin-top: 6px; } .event_submit { padding: 10px 10px; border-radius: 36px; } .search-banner label i { text-align: center; color: #333333; font-size: 20px; margin-right: 5px; } .ml-cus { margin-left: 1.5rem; } .event-form .form-control, .event-form .form-select { border: 0; border-right: 1px solid #ccc; border-radius: 0; padding-left: 35px; font-size: 14px; } .event-form label { font-size: 16px; } .event-form label img { width: 20px; height: 20px; margin-right: 15px; } .form-floating > .form-control:focus, .form-select { box-shadow: none; } .header-form-scrolled { position: fixed; top: 68px; left: 0; z-index: 99; transition: all 0.8s; margin: 0 1%; width: 98%; box-shadow: 0 30px 70px rgba(0, 0, 0, .1); } @media (max-width: 1198px) { .purpul-btn { padding: 10px 28px; margin-top: 10px; } .search-banner { max-width: 100%; } } @media (max-width: 992px) { .event-form { padding: 20px 30px; border-radius: 50px; } .event-form .form-control, .event-form .form-select { border-right: 0; border-bottom: 1px solid #ccc; } .header-form-scrolled { position: static; } .ml-cus { margin-left: 0; } } @media (max-width: 767px) { .center-mb { text-align: center; } .purpul-btn { padding: 10px 40px; } .event-form { border-radius: 20px; } } @media (max-width: 576px) { .center-mb { text-align: left; } } /* ------------------------------------------------------------- #Events Cards section --------------------------------------------------------------*/ .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { vertical-align: middle; line-height: normal; } .float-end img { width: 150px; border-radius: 50%; } .events-section .float-end img:hover { animation-name: rotate; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotate { from { transform: rotate(-360deg); } to { transform: rotate(360deg); } } .events-section .card, .events-section .card-img-top, .events-section .card:not(:last-child) .card-img-top, .events-section .card:not(:first-child) .card-header, .events-section .card:not(:first-child) .card-img-top { border-radius: 25px; border: 1px solid #dfdfdf; } .cursor-pointer { cursor: pointer; } .mtm-70 { margin-top: -50px; } .cardbox { transition: all; } .events-section .card-title { font-size: 22px; font-weight: 700; font-family: Poppins-Regular, sans-serif, sans-serif; color: #333333; margin-bottom: 20px; min-height: 60px; } .gallery-slider { padding-bottom: 60px; } .swiper-pagination-bullet { width: 17px; height: 17px; color: #d8d4e2; } .swiper-pagination-bullet-active { background: #dc143c; border-radius: 30px; width: 58px; height: 17px; } .card-group { overflow: visible; } /* .events-section .card-group {flex: 0 0 10;} */ .events-section .card { box-sizing: border-box; box-shadow: 0 15px 47px rgba(0, 0, 0, 0.05); border-radius: 30px; padding: 15px; background-clip: padding-box; } /* #header.header-scrolled, #header.header-inner */ .card-like-share { position: absolute; right: 10%; top: 30px; display: flex; } .card-like-share a { color: #b2b2b2; background: #fff; text-align: center; width: 46px; height: 46px; border-radius: 50%; display: flex; justify-content: space-around; align-items: center; margin-left: 10px; font-size: 20px; } .card-like-share a .bi-reply-fill { font-size: 25px; margin-bottom: 5px; transform: scaleX(-1); } .events-section .card-body ul { margin: 0; padding: 0; list-style: none; } .events-section .card-body li { color: #7c7c7c; font-size: 16px; font-weight: 400; margin-bottom: 15px; } .events-section .card-body li i { color: #000; } .events-section .card-body li .count-down-btn i { color: #ea5750; margin-right: 4px; } .card-like-share a:hover { color: #fa496a; } .count-down-btn { background: #ffe2e5; color: #ea5750; font-size: 10px; padding: 8px 15px; border-radius: 15px; font-weight: 700; } .price-like-box { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; font-family: "Poppins", sans-serif; font-weight: 700; } .price-like-box strong { font-size: 25px; } .price-like-box ul { padding: 10px !important; font-size: 0; display: inline-block; } .price-like-box li { list-style: none; margin: 0 0 0 -8px !important; padding: 0 0 0 0 !important; display: inline-block; } .price-like-box li a { margin: 0 !important; padding: 0 !important; } .price-like-box li a img { width: 25px; height: 25px; margin: 0 !important; border: 2px solid #fff; } .price-like-box li a span { font-size: 16px; color: #333333; margin-left: 10px; } .events-section .card-footer { background: none; padding: 30px 0 0; display: block; border: 0; } .btn-color, .btn-white, .btn-line, .btn-back { font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 30px; border-radius: 50px; display: inline-block; } .btn-back { background: #efecff; color: #333333; border-radius: 15px; } .btn-color, .blue-color { background: #dc143c; color: #fff; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.47); border: 2px solid #da0203; } .btn-white { color: #333333; background: #fff; border: 2px solid #423368; box-shadow: 0 15px 47px rgba(0, 0, 0, 0.05); border-radius: 30px; } .btn-line { background: transparent; border: 2px solid #fff; color: #fff; } .btn-white:hover, .btn-color:hover, .btn-outline:hover, .purpul-btn:hover, .btn-line:hover { box-shadow: 0 15px 27px rgba(220, 20, 60, .5); border: 2px solid #dc143c; background-color: #101622; color: #fff; /* box-shadow: none; */ } .events-section h3 { color: #333333; font-size: 48px; font-weight: 700; font-family: "Poppins", sans-serif; line-height: 133px; margin-top: -50px; margin-bottom: 40px; display: inline-block; } .events-section h3 span { color: #dc143c; border-bottom: 1px solid #dbdae3; } .btn-outline { border: 2px solid #423368; border-radius: 50px; font-family: "Poppins", sans-serif; font-size: 17px; color: black; display: inline-block; text-align: center; padding: 0.8rem 2rem; font-weight: 400; } .btn-outline:hover { color: white; } #loadMore { -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } #supporters { padding-bottom: 100px; } @-webkit-keyframes pulse { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes pulse { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 1400px) { .card-img-top { height: 250px; object-fit: cover; } .map-view .card-img-top { height: 180px; } .map-view .card-like-share a { width: 40px; height: 40px; font-size: 20px; } } @media (max-width: 1400px) { .events-section .card-title { font-size: 16px; } .events-section .card-body li { font-size: 12px; } .price-like-box strong { font-size: 20px; } .events-section .card, .events-section .card .card-body { padding: 15px 8px; } .events-section .container { max-width: 100%; } .btn-color, .btn-white, .btn-line { padding: 10px 1.5rem; margin-bottom: 10px; } .card-img-top { height: 240px; object-fit: cover; } .map-view .card-img-top { height: 180px; } .map-view .card-like-share a { width: 30px; height: 30px; font-size: 16px; } } @media (max-width: 1200px) { .map-view .card-img-top { height: 150px; } } @media (min-width: 1058px) and (max-width: 1280px) { .btn-color, .btn-white, .btn-line, .btn-back { padding: 10px 1rem; font-size: 16px; } .events-section .card-body ul { margin: -1px; padding: 0; list-style: none; } .card-img-top { height: 220px; object-fit: cover; } } @media (max-width: 1058px) { .btn-color, .btn-white, .btn-line, .btn-back { padding: 10px 1rem; font-size: 13px; } .count-down-btn { font-size: 10px; padding: 8px; } .card-img-top { height: 200px; object-fit: cover; } } @media (max-width: 992px) { .events-section h3 { font-size: 40px; margin-bottom: 50px; line-height: 40px; } .mtm-70 { margin-top: -65px; } .mtm-70 img { width: 120px; height: 120px; } #supporters, .purpul-bg, .section-spacing { padding: 30px 0; } .events-section .card-footer { padding: 20px 0 0; } .card-body { padding: 0.5rem; } .count-down-btn { font-size: 9px; padding: 8px; } .card-img-top { height: 250px; object-fit: cover; } } @media (max-width: 850px) { .card-img-top { height: 220px; object-fit: cover; } } @media (max-width: 767px) { .events-section h3 { font-size: 26px; } .mtm-70 { margin-top: -40px; } .mtm-70 img { width: 86px; height: 86px; } .events-section .card { border-radius: 20px; } .events-section .card, .events-section .card .card-body { padding: 10px; } .events-section .card-title { font-size: 16px; } .events-section .card-footer { padding: 15px 0 0; } .events-section .card-body li { font-size: 11px; } .events-section .card-body ul { margin: -5px; padding: 0px; list-style: none; } .count-down-btn { font-size: 10px; padding: 8px; } .card-img-top { height: 220px; object-fit: cover; } } @media (max-width: 676px) { .card-img-top { height: 190px; object-fit: cover; } } @media (max-width: 576px) { .card-img-top { height: 300px; object-fit: cover; } .map-view .card-img-top { height: 250px; } } @media (max-width: 476px) { .card-img-top { height: 250px; object-fit: cover; } .map-view .card-img-top { height: 220px; } } @media (max-width: 440px) { .card-img-top { height: 220px; object-fit: cover; } .map-view .card-img-top { height: 200px; } } /* ---------------------------------------------------------------- # Virtual Event section -------------------------------------------------------------------*/ .virtual-event { font-family: "Poppins", sans-serif; } .v-event-heading { font-size: 130px; color: #fff; line-height: 130px; } .v-event-heading strong { font-weight: 700; } .v-event-heading span { font-weight: 400; font-size: 24px; } .virtual-event .figure-img { border-radius: 50%; border: 1px solid #b85b9c; padding: 10px; width: 219px; height: 220px; } .virtual-event figcaption { color: #fff; } .virtual-event figcaption h3 { font-weight: 500; color: #fff; font-size: 35px; } .virtual-event figcaption p { font-size: 19px; font-weight: 400; } .virtual-event figure.figure { position: relative; } .virtual-event figure.figure.last-fig:after { height: 0; } /* .virtual-event figure.figure:after { position: absolute; content: ""; background: #b85b9c; width: 47%; top: 20%; right: -24%; height: 1px; z-index: 99; } */ .marketing-slide-buttons { position: relative; bottom: 66px; left: 80%; width: 162px; } .marketing-slide-buttons .swiper-button-prev, .marketing-slide-buttons .swiper-button-next { position: absolute; width: 67px; height: 67px; border-radius: 50%; border: 1px solid #b85b9c; color: #fff; } @media (max-width: 1400px) { .v-event-heading { font-size: 76px; line-height: 76px; } .v-event-heading span { font-size: 18px; } .virtual-event figcaption h3 { font-size: 24px; font-weight: 500; } .virtual-event figcaption p { font-size: 16px; } .card-like-share { position: absolute; right: 5%; top: 25px; display: flex; } .card-like-share a { width: 40px; height: 40px; margin-left: 10px; font-size: 20px; } .card-like-share a .bi-reply-fill { font-size: 25px; margin-bottom: 5px; } } @media (max-width: 992px) { .v-event-heading { font-size: 50px; line-height: 50px; } .v-event-heading span { font-size: 16px; } .virtual-event figcaption p { font-size: 22px; } .virtual-event figure.figure:after { height: 0; } .virtual-event figure.figure { border-bottom: 1px solid #b85b9c; padding-bottom: 30px; margin-bottom: 30px; } .virtual-event figure.figure:last-child { border-bottom: 0; } .card-like-share { position: absolute; right: 5%; top: 25px; display: flex; } .card-like-share a { width: 35px; height: 35px; margin-left: 10px; font-size: 18px; } .card-like-share a .bi-reply-fill { font-size: 23px; margin-bottom: 5px; } } @media (max-width: 780px) { .v-event-heading { line-height: 45px; font-size: 45px; text-align: center; } .virtual-event figcaption p { font-size: 14px; font-weight: 400; } .sm-pos { text-align: left; } } @media (max-width: 576px) { .card-like-share { position: absolute; right: 5%; top: 25px; display: flex; } .card-like-share a { width: 30px; height: 30px; margin-left: 10px; font-size: 16px; } .card-like-share a .bi-reply-fill { font-size: 20px; margin-bottom: 5px; } } @media (max-width: 476px) { .card-like-share { position: absolute; right: 7%; top: 18px; display: flex; } .card-like-share a { width: 25px; height: 25px; margin-left: 10px; font-size: 15px; } .card-like-share a .bi-reply-fill { font-size: 18px; } } @media (max-width: 400px) { .v-event-heading { font-size: 30px; line-height: 30px; } } /*-------------------------------------------------------------- # Sponsors Section --------------------------------------------------------------*/ #supporters .supporters-wrap { margin-bottom: 30px; } #supporters .supporter-logo { display: flex; justify-content: center; align-items: center; border: 1px solid #e0e5fa; overflow: hidden; background: rgba(255, 255, 255, 0.5); height: 160px; } #supporters .supporter-logo:hover img { transform: scale(1.2); } #supporters img { transition: all 0.4s ease-in-out; } #supporters .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -60px; } @media (max-width: 767px) { .swiper-pagination-bullet { width: 12px; height: 12px; } #supporters .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -44px; } .swiper-pagination-bullet-active { height: 12px; width: 38px; } } /* --------------------------------------------------- # Reviews Section ---------------------------------------------------*/ .review-flex { display: flex; justify-content: space-between; align-items: center; } .reviews-section { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#232428+40,1b1c20+40,1b1c20+40,1b1c20+40,1b1c20+40,232428+100 */ background: #232428; /* Old browsers */ background: linear-gradient( to right, #232428 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #232428 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232428', endColorstr='#232428', GradientType=1); /* IE6-9 */ color: #fff; } .blockquote { position: relative; font-family: "Poppins", sans-serif; color: #ffffff; display: inline-block; height: 100%; background-image: url("/static/event/theme2/assets/img/quote.svg"); background-repeat: no-repeat; background-size: contain; } /* .blockquote:before{ content: ""; color: #333333; font-weight: bold; font-size: 300px; position: absolute; left: 15px; top: 0; line-height: normal; opacity: .3; } */ .testimonial-heading { display: flex; justify-content: space-between; align-items: center; font-size: 75px; font-weight: 700; position: relative; z-index: 99; } .review-box { background: #000; border-radius: 20px; padding: 20px; } .review-box img { width: 85px; } .review-box p { font-size: 14px; font-style: italic; } .testimonial-slide-buttons { position: relative; bottom: 120px; left: 35%; width: 162px; } .testimonial-slide-buttons .swiper-button-prev, .testimonial-slide-buttons .swiper-button-next, .clients-slide-buttons .swiper-button-next, .clients-slide-buttons .swiper-button-prev { position: absolute; width: 67px; height: 67px; border-radius: 50%; border: 1px solid #495362; color: #fff; } .clients-slide-buttons .swiper-button-next, .clients-slide-buttons .swiper-button-prev { background-color: #060606; } .testimonial-slide-buttons .swiper-button-prev:hover, .testimonial-slide-buttons .swiper-button-next:hover, .marketing-slide-buttons .swiper-button-prev:hover, .marketing-slide-buttons .swiper-button-next:hover { background-color: #dc143c; border-color: #dc143c; } .marketing-slide-buttons .swiper-button-prev:hover i, .marketing-slide-buttons .swiper-button-next:hover i{ color: #FFFFFF; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { background-image: url("/static/event/theme2/assets/img/prev-icn.svg"); } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { background-image: url("/static/event/theme2/assets/img/next-icn.svg"); } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 0; content: ""; background-size: 9px 18px; display: inline-block; width: 9px; height: 18px; } @media (max-width: 1366px) { .testimonial-heading { font-size: 50px; } .expand-setting { width: 96% !important; margin: 0 2% !important; box-sizing: border-box; } .blockquote { margin-bottom: 60px; } .section-spacing { padding: 70px 0; } .testimonial-slide-buttons { bottom: 90px; left: 46%; width: 99px; } .testimonial-slide-buttons .swiper-button-prev, .testimonial-slide-buttons .swiper-button-next { width: 35px; height: 35px; } } @media (max-width: 1366px) { .testimonial-heading { font-size: 40px; } .reviews-section { background: #232428; background: linear-gradient( to right, #232428 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #232428 100% ); } } @media (max-width: 767px) { .reviews-section { background: #232428; background: linear-gradient( to right, #232428 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #1b1c20 40%, #232428 100% ); } .testimonial-slide-buttons { left: 43%; } .marketing-slide-buttons .swiper-button-prev, .marketing-slide-buttons .swiper-button-next { width: 35px; height: 35px; } .marketing-slide-buttons { position: relative; bottom: 13px; left: 75%; width: 96px; } .virtual-event .mt-5 { margin-top: 4rem !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { width: 5px; height: 10px; background-size: 5px 10px; } } /*-------------------------------------------------------------- # Become a Member --------------------------------------------------------------*/ .purpul-bg { background: linear-gradient( 90deg, #653a81 1.22%, #7e3b82 38.97%, #701e44 100% ); } .purpul-bg .section-header h2 { color: #fff; } .purpul-bg .section-header p { color: #aeaeae; } .member-section .buy-tickets { font-size: 18px; background-color: #dc143c; border-color: #dc143c; color: #fff; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); } .member-section .buy-tickets.btn-line { background: transparent; border: 2px solid #fff; color: #fff; font-size: 18px; padding: 12px 60px; box-shadow: none; } .space-top { margin-top: 4rem; } .member-section .buy-tickets:hover { background-color: #101622; border-color: #dc143c; color: #fff; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); } @media (max-width: 1366px) { .section-header h2 { font-size: 50px; font-weight: 700; } /* .section-header h2 { font-size: 20px; margin-bottom: 15px; } */ .section-header p { font-size: 16px; } .section-header { margin-bottom: 15px; } .choices[data-type*="select-one"] .choices__input { padding: 1.4rem 1.5rem; } } @media (max-width: 992px) { .member-section .buy-tickets.btn-line, .member-section .buy-tickets { font-size: 14px; padding: 12px 3rem; box-shadow: none; } } @media (max-width: 767px) { .member-section .buy-tickets { padding: 11px 36px; } .member-section .buy-tickets.btn-line { padding: 11px 36px; } .choices[data-type*="select-one"] .choices__input { padding: 0.75rem 1.5rem !important; } } /*-------------------------------------------------------------- # Create Event Page --------------------------------------------------------------*/ .events-module, .grey-bg { background: #f8f8f8; } .grey-bg-light { background: #f8f8f8; } .user-btn img { width: 40px; height: 40px; } .user-btn { color: #333333; font-weight: 500; font-size: 18px; display: flex; justify-content: space-around; align-items: center; padding: 5px 0; width: 220px; margin-left: 20px; border: 1px dashed #ccc; border-radius: 50px; } .user-btn:visited, .user-btn:hover { color: #333333; } .index .user-btn { background-color: #ccc; } .index .user-btn { background-color: #ffffff; } .user-btn i { color: #665590; font-size: 18px; margin: 4px; background: #f0f0f0; border-radius: 50%; /* padding: 0.3rem 0.48rem; */ width: 38px; height: 38px; text-align: center; vertical-align: middle; display: inline-block; line-height: 36px; } .user-btn.show i { transform: rotateZ(180deg); } .user-btn .dropdown-icn { height: 35px; width: 35px; } @media (max-width: 767px) { .user-btn { font-size: 16px; width: 190px; margin-left: 10px; padding: 3px 0; } .user-btn .dropdown-icn { height: 30px; width: 30px; } .user-btn img { width: 33px; height: 33px; } .user-btn i { font-size: 16px; margin: 3px; width: 33px; height: 33px; line-height: 30px; } } @media (max-width: 410px) { .user-btn { font-size: 16px; width: 160px; margin-left: 5px; padding: 2px; } .user-btn .dropdown-icn { height: 25px; width: 25px; } .user-btn img { width: 30px; height: 30px; } .user-btn i { font-size: 14px; margin: 2px; width: 30px; height: 30px; line-height: 30px; } } #regForm { margin: 100px auto; } .steps-counter { background: #492bc4; border-radius: 20px; padding: 2rem 2rem; } .create-event-form .tab { background: #fff; padding: 3rem 3rem 1rem; margin-bottom: 0; border-radius: 20px 20px 0 0; } .form-title-heading { font-size: 20px; display: block; } .tab { display: none; } #prevBtn { background-color: #bbbbbb; margin-right: 10px; } .counter { margin-bottom: 3rem; position: relative; } .counter:last-child { margin-bottom: 0; } .counter:after { content: ""; width: 2px; background: #7660d2; height: 64%; bottom: -45px; left: 28px; position: absolute; } .counter:last-child:after { height: 0; } .points { height: 62px; width: 52px; margin: 0 2px; border-radius: 10px; border: 2px solid #7660d2; color: #7660d2; font-size: 20px; text-align: center; display: inline-block; font-weight: 700; padding: 15px 0; position: relative; } .form-title { display: inline-block; color: #7660d2; font-size: 16px; font-weight: 500; vertical-align: top; margin-left: 1rem; } .active .points { border-color: #ffcd49; color: #ffcd49; } .finish .points, .step.finish .form-title span { opacity: 0.5; } .step.active .form-title span { color: #ffcd49; } .step.finish .form-title span.form-title-heading, .step.active .form-title span.form-title-heading { color: #fff; } .steps-counter h4 { color: #fff; font-size: 22px; font-weight: 700; margin: 2rem 0; } .create-event-form label, .sub-heading { font-size: 16px; font-weight: 400; } .sub-heading { font-weight: 600; } .create-event-form h5, .dashboard-rightbar h5 { font-weight: 500; font-size: 26px; margin-bottom: 20px; } .create-event-form form { color: #5d658d; } /* Form Controls Padding and color start */ .create-event-form .form-control, .create-event-form .form-select, .myevents .form-control, .dashboard-rightbar .form-select, .modal-body .form-select, .searchevent .form-select, .choices[data-type*="select-one"] .choices__inner, .modal-body.meeting-modal-body .form-control, .modal-body.meeting-modal-body .form-select, .contact-page-form .form-control, .contact-page-form .form-select, .create-event-form .dropdown { background-color: #f6f7f9; border-radius: 10px; padding: 1.4rem 1.5rem; /*border: 1px solid #ddd;*/ font-weight: 400; font-size: 14px; color: #000; border: 0px !important; } /*.form-group .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { vertical-align: top !important; line-height: normal !important; margin-top: -5px !important; }*/ /* Form Controls Padding and color end */ /* Home Page Form Controls start*/ .header-form-scrolled .form-control #select, .header-form-scrolled .form-control #category {margin-top: 16px !important;} #category, #dateRange {margin-top: 16px !important;} .header-form-scrolled .form-control .form-floating > .form-control:not(:placeholder-shown) ~ label { opacity: 1 !important; font-size: 20px !important; } /* .header-form-scrolled .form-control select { word-wrap: normal; margin-top: 20px; } .form-floating > .form-control:not(:placeholder-shown) ~ label { opacity: 1 !important; font-size: 20px !important; } */ /* Home Page Form Controls end*/ /* .myevents .form-control { background-color: #f6f7f9; border-radius: 10px; padding: 1.4rem 1.5rem; border: 1px solid #ddd; font-weight: 400; font-size: 14px; color: #000; } */ /* Old Code Start .create-event-form .form-control, .create-event-form .form-select, .myevents .form-control, .dashboard-rightbar .form-select, .modal-body .form-select, .searchevent .form-select, .choices[data-type*="select-one"] .choices__inner, .modal-body.meeting-modal-body .form-control, .modal-body.meeting-modal-body .form-select, .contact-page-form .form-control, .contact-page-form .form-select, .create-event-form .dropdown { background-color: #f6f7f9; border-radius: 10px; padding: 1.4rem 1.5rem; border: 0; font-weight: 400; font-size: 14px; color: #5d658d; } Old Code End */ /* .choices[data-type*=select-one]:after { content: ' '; border-color: transparent; } */ .choices[data-type*="select-one"] .choices__input--cloned { background-color: #fff; color: #333; border-radius: 0; border-bottom: 1px solid #ccc; } .choices__list--dropdown { z-index: 9999; border-radius: 15px; } input.meeting#input_timefrom { border-radius: 15px 0 0 15px; padding-right: 5px; padding-left: 2.75rem; } input#input_timefrom, input#input_timeto { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -5px; padding-right: 5px; padding-left: 2.75rem; } input#input_from, input#input_to, input#input_timefrom, input#input_timeto { width: 50%; display: inline; } input.meeting-date-input#input_from { width: 100%; border-radius: 15px; } input#input_from, input#input_to { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 5px; padding-left: 2.5rem; } input.meeting.input_timefrom { border-radius: 15px 0 0 15px; padding-right: 5px; padding-left: 2.75rem; } input.input_timefrom, input.input_timeto { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: -5px !important; padding-right: 5px !important; padding-left: 2.75rem !important; } input.input_from, input.input_to, input.input_timefrom, input.input_timeto { width: 50%; display: inline; } input.meeting-date-input.input_from { width: 100%; border-radius: 15px; } input.input_from, input.input_to { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-right: 5px !important; padding-left: 2.5rem !important; } .CustomDiv { box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 15px; display: none; margin-top: 15px; padding: 25px; position: absolute; background-color: #ffffff; z-index: 999999; } @media (min-width: 767px) { .modal-body .CustomDiv { margin-left: -200px; } } .CustomDiv h6 { margin-top: 10px; } .custom { display: none; } .custom#Weeks { display: block; text-align: center; } .custom#Weeks .weekdays button, .custom#Days .weekdays button, .custom#Months .weekdays button, .custom#Years .weekdays button { margin: 0 5px; height: 38px; width: 38px; border-radius: 20px; background: #f6f7f9; } .custom#Weeks .weekdays button:hover, .custom#Days .weekdays button:hover, .custom#Months .weekdays button:hover, .custom#Years .weekdays button:hover { background: #5b46f4; color: #fff; } @media (max-width: 992px) { .myevents .form-control, .dashboard-rightbar .form-select { padding: 1rem 1.2rem; font-size: 12px !important; } input#input_from, input#input_to, input#input_timefrom, input#input_timeto { padding-left: 2.5rem; } input.input_from, input.input_to, input.input_timefrom, input.input_timeto { padding-left: 2.5rem; } } @media (max-width: 767px) { .myevents .form-control, .dashboard-rightbar .form-select { padding: 0.8rem 1rem; font-size: 12px; } input#input_from, input#input_to, input#input_timefrom, input#input_timeto { padding-left: 2rem; } input.input_from, input.input_to, input.input_timefrom, input.input_timeto { padding-left: 2rem; } .CustomDiv { box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 15px; display: none; margin-top: 15px; padding: 25px; position: absolute; background-color: #ffffff; z-index: 999999; } .CustomDiv h6 { padding-top: 10px; } .custom#Weeks .weekdays button, .custom#Days .weekdays button, .custom#Months .weekdays button, .custom#Years .weekdays button { margin: 0 5px; height: 38px; width: 38px; font-size: 12px; border-radius: 20px; background: #f6f7f9; } } .dashboard-rightbar label{ font-size: 14px; font-weight: bold; } .ticket-radio-label { font-size: 22px !important; font-weight: bold !important; } .ticket-radio-label-small { font-weight: normal !important; } .dashboard-rightbar input::placeholder { font-size: 14px; } @media (max-width: 576px) { .dashboard-rightbar .form-select { padding: 0.5rem 0.8rem; font-size: 12px; } input#input_from, input#input_to, input#input_timefrom, input#input_timeto { padding-left: 2rem; } input.input_from, input.input_to, input.input_timefrom, input.input_timeto { padding-left: 2rem; } .CustomDiv { box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 15px; display: none; margin-top: 15px; padding: 25px; position: absolute; background-color: #ffffff; z-index: 999999; } .CustomDiv h6 { padding-top: 10px; } .custom#Weeks .weekdays button, .custom#Days .weekdays button, .custom#Months .weekdays button, .custom#Years .weekdays button { margin: 0 5px; height: 30px; width: 30px; font-size: 12px; border-radius: 20px; background: #f6f7f9; } /* Custom Css Section Start */ #header #logo img {margin-top: 0px;} .buy-tickets, #header.header-scrolled .buy-tickets {font-size: 10px;} .create-event i {font-size: 19px;} /*.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {margin-top: -10px;}*/ #loginBox {margin-top: -10px } #header #logo h2 a, #header.header-scrolled #logo h2 a.home:hover {font-size: 16px;} .user-btn { font-size: 16px; width: 150px; margin-left: 15px; padding: 2px;} /* Custom Css Section End */ } .event-date .form-group { display: inline; } .event-date { position: relative; margin-bottom: 30px; } .event-date label { display: block; } .event-date::after { position: absolute; left: 43%; font-size: 16px; font-weight: 700; top: 52px; } .end-icn, .start-icn, .event-time .start-icn, .event-time .end-icn { position: absolute; margin-top: 20px; margin-left: 15px; } .event-date .start-icn, .event-time .start-icn { margin-top: 20px; margin-left: 12px; } .event-date .end-icn, .event-time .end-icn { margin-top: 20px; margin-left: 15px; } .event-date .start-icn img, .event-time .start-icn img, .schedule-meeting .start-icn img { width: 26px; height: 26px; } .event-date .end-icn img, .event-time .end-icn img { width: 18px; height: 21px; } @media (min-width: 767px) and (max-width: 992px) { .end-icn, .start-icn, .event-time .start-icn, .event-time .end-icn { margin-top: 20px; margin-left: 5px; } .event-date .start-icn, .event-time .start-icn { margin-top: 12px; margin-left: 10px; } .event-date .end-icn, .event-time .end-icn { margin-top: 12px; margin-left: 10px; } .event-create-page .event-date .start-icn, .event-create-page .event-time .start-icn { margin-top: 20px; margin-left: 10px; } .event-create-page .event-date .end-icn, .event-create-page .event-time .end-icn { margin-top: 20px; margin-left: 10px; } .event-date .start-icn img, .event-time .start-icn img, .schedule-meeting .start-icn img { width: 20px; height: 20px; } .event-date .end-icn img, .event-time .end-icn img { width: 15px; height: 15px; } .event-date::after { left: 45%; font-size: 14px; top: 48px; } .event-create-page .event-date::after { left: 45%; font-size: 14px; top: 55px; } } @media (max-width: 767px) { .event-create-page .event-date::after { left: 45%; font-size: 14px; top: 40px; } } .form-buttons { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; display: block; background: #fff; padding: 0 3rem 2rem; } .btn-back, .create-event-form .btn-color, .btn-back { border-radius: 10px; padding: 0.6rem 3rem; } .btn-back { background: #efecff; color: #333333; border: 2px solid rgb(187, 187, 187); } .create-event-form .form-check small { display: block; font-size: 12px; } .create-event-form .btn-color { box-shadow: 0 4px 13px rgba(220, 20, 60, .5); } .sidebar-top-icn { padding-left: 0; } .sidebar-top-icn img { width: 120px; } /* event create file Upload customize */ .file-upload { width: 100%; margin: 0 auto; padding: 0 20px 20px; position: relative; } .file-upload-half { width: 50%; margin: 0 auto; padding: 0 20px 20px; position: relative; } .file-upload .label { padding: 0 20px; } .file-upload-2 { padding: 0; } .file-upload-btn { margin: 0; color: #fff; background: #5b46f4; border: none; padding: 1rem 2.4rem; border-radius: 15px; transition: all 0.2s ease; outline: none; font-weight: 400; position: absolute; bottom: 0; left: 150px; z-index: 9; } .file-upload-btn:hover { background: #dc143c; color: #ffffff; transition: all 0.2s ease; cursor: pointer; } .file-upload-btn:active { border: 0; transition: all 0.2s ease; } .file-upload-content { display: none; text-align: center; } .file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; } .image-upload-wrap, .file-upload-content { background-color: #f6f7f9; /* margin-top: 20px; */ border: 2px dashed #cccccc; position: relative; border-radius: 20px; } .file-upload-2 .image-upload-wrap { border-radius: 15px; margin: 0; padding: 0.8rem 1.5rem; } /* .image-dropping, .image-upload-wrap:hover { background-color: #1FB264; border: 2px dashed #ffffff; } */ .image-title-wrap { padding: 0 15px 15px 15px; color: #222; } .drag-text { text-align: center; } .drag-text h3 { font-weight: 400; color: #6f7287; font-size: 14px; padding: 2.8rem 0; margin-bottom: 0; } .drag-text img { margin-bottom: 8px; } .file-upload-2 .drag-text { text-align: left; } .file-upload-2 .drag-text div { display: inline-block; margin-right: 0.6rem; } .file-upload-2 .file-upload-btn { top: 39px; padding: 0; height: 52px; width: 160px; position: absolute; left: auto; right: 7px; } .file-upload-2 .drag-text h3 { padding: 5px 0; } .file-upload-image { max-height: 200px; max-width: 200px; padding: 0; border: 10px solid #fff; margin: 2rem 0; } .remove-image { margin: 0; color: #fff; background: #cd4535; border: none; padding: 1rem 2rem; border-radius: 15px; transition: all 0.2s ease; outline: none; font-weight: 400; position: absolute; z-index: 99; bottom: -22px; left: 42%; width: 174px; } .remove-image:hover { background: #c13b2a; color: #ffffff; transition: all 0.2s ease; cursor: pointer; } .remove-image:active { border: 0; transition: all 0.2s ease; } .user-dropdown-menu { box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); border-radius: 15px; width: 105%; } @media (max-width: 767px) { .user-dropdown-menu { width: 115%; } } @media (max-width: 410px) { .user-dropdown-menu { width: 140%; } } .user-btn:hover { color: #000 !important; } .user-dropdown-menu .dropdown-item { display: inline-flex; align-items: center; justify-content: flex-start; padding: 0.6rem 1.5rem; color: #6f7287; } .user-dropdown-menu .dropdown-item:hover { background-color: #f5f4f9; } .user-dropdown-menu .dropdown-item:hover .icn-circle { background: #fff; } .icn-circle { background: #f5f4f9; text-align: center; width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5rem; } .icn-circle i { font-size: 18px; color: #6563ff; } /* ------------------------------------------------- #Type of Event Tab styling -------------------------------------------------*/ #eventTab { background-color: #dedaff; border-radius: 15px; display: inline-flex; padding-right: 0; } #eventTab .nav-link { font-size: 16px; color: #324a5e; font-weight: 400; border: 0; padding: 0.8rem 3rem; height: 100%; } #eventTab .nav-link small { font-size: 12px; display: block; } #eventTab .nav-link.active { background-color: #5b46f4; border-radius: 15px; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); color: #fff; } #eventTabContent { margin-top: 1.5rem; } .range-wrap { position: relative; margin: 0 auto 0; } .range { width: 100%; } .bubble { background: #9798a0; color: white; padding: 5px 8px; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; top: 19px; font-size: 13px; } .bubble::after { content: ""; position: absolute; width: 4px; height: 4px; background: #9798a0; top: -2px; left: 43%; } .select2-container { width:100% !important; } .select2-results__option { padding-right: 20px; vertical-align: middle; } .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 20px; width: 20px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 20px; vertical-align: middle; } .select2-results__option[aria-selected="true"]:before { font-family: fontAwesome, sans-serif; content: "\f00c"; color: #5b46f4; background-color: #bed4ff; border: 0; display: inline-block; padding-left: 3px; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #fff; } .select2-container--default, .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727; } .select2-container--default .select2-selection--multiple { background-color: #f6f7f9; border-radius: 15px; padding: 1rem 1.5rem; border: 0; font-weight: 400; font-size: 14px; color: #5d658d; } .select2-container--default.select2-container--open.select2-container--below, .select2-selection--multiple { border-radius: 4px; } .select2-container--default.select2-container--focus, .select2-selection--multiple { border-color: #f77750; border-width: 2px; } .select2-container--open .select2-dropdown--below { border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .select2-selection .select2-selection--multiple:after { content: "hhghgh"; } /* select with icons badges single*/ .select-icon .select2-selection__placeholder .badge { display: none; } .select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected="true"]:before { display: none !important; /* content: "" !important; */ } .select-icon .select2-search--dropdown { display: none; } @media (max-width: 1200px) { .points { height: 52px; width: 42px; font-size: 16px; padding: 10px 0; } .form-title-heading { font-size: 22px; } .sidebar-top-icn img { width: 100px; } } @media (max-width: 900px) { .sidebar-top-icn, .steps-counter h4, .form-title, .counter:after { display: none; } #eventTab .nav-link { padding: 0.52rem 2.4rem; } .event-create-page { max-width: 100%; } .counter { padding: 0; margin: 0; display: inline-block; } .points { height: 18px; width: 18px; font-size: 0; padding: 0; border-radius: 50%; line-height: 29px; } .finish .points, .active .points { background: #ffcd49; } .steps-counter { background: #492bc4; border-radius: 15px; padding: 0.7rem 1.75rem; margin-bottom: 1rem; } .create-event-form .tab { border-radius: 15px 15px 0 0; padding: 1.75rem; } .file-upload-btn, .remove-image { font-size: 14px; left: 35%; padding: 0.9rem 1.5rem; border-radius: 10px; } .create-event-form label, .sub-heading, .create-event-form .form-control, .create-event-form .form-select { font-size: 16px; } .create-event-form h5 { font-size: 24px; font-weight: 600; } } @media (max-width: 767px) { #eventTab li.nav-item, #eventTab .nav-link { width: 100%; } .btn-back { margin-bottom: 1rem; } .create-event-form .form-control, .create-event-form .form-select, .dashboard-rightbar .form-select { border-radius: 10px; padding: 0.75rem 1rem; } .create-event-form label, .sub-heading, .create-event-form .form-control, .create-event-form .form-select { font-size: 14px; } #eventTabContent .mb-4 { margin-bottom: 1rem !important; } .remove-image { left: 32px; } .file-upload { padding-top: 0; margin-top: -15px; } .time-slots .event-date::after { top: 42px; font-size: 13px; } #fundraising .event-date::after { top: 40px; } input#input_from, input#input_timefrom { padding-left: 2.2rem; } input.input_from, input.input_timefrom { padding-left: 2.2rem; } .event-date .end-icn, .event-time .end-icn, .event-date .start-icn, .event-time .start-icn { margin-top: 9px; margin-left: 10px; } .meeting .event-date .end-icn, .meeting .event-time .end-icn, .meeting .event-date .start-icn, .meeting .event-time .start-icn { margin-top: 18px; margin-left: 10px; } .meeting .event-date::after { content: "To"; position: absolute; left: 44%; font-size: 14px; font-weight: 700; top: 55px; } .end-icn img, .start-icn img { width: 22px; height: 22px; } .event-time .end-icn img, .event-date .start-icn img, .event-date .end-icn img { width: 17px; height: 17px; } .file-upload-btn, .remove-image { font-size: 14px; left: 40%; padding: 0.7rem 1rem; border-radius: 10px; } } @media (max-width: 576px) { .file-upload-btn { left: 33%; font-size: 14px; } .event-date::after { top: 45px; font-size: 13px; } .btn-back, .create-event-form .btn-color { margin-bottom: 1rem; padding: 0.6rem 2rem; } } /*-------------------------------------------------------------- # my Events --------------------------------------------------------------*/ .eventslist { background: #fff; } .myevents { margin: 130px auto 50px; color: #333333; } .myevents.myprofile { margin: 130px auto 20px; color: #333333; } .event-title-header h1 { display: inline-block; } .myevents h1 { font-size: 36px; font-weight: 600; margin-bottom: 0; } .eth-right { position: relative; } .input-icn { position: absolute; top: 27px; left: 22px; } .input-icn img { width: 18px; height: 22px; } .event-title-header .form-control { padding: 1.7rem 8.4rem 1.7rem 2.8rem; } #target1 .qr-code i{ font-size: 22px; } #target16 .print, #target5 .print { display: inline-block; padding-left: 10px; padding-right: 10px; } .eth-tablefilter-btn.print img { width: 28px; height: auto; } #target16 .export, #target8 .export, #target5 .export { display: none; } #target8 .upload, #target8 .download, #target5 .upload, #target5 .download { display: inline-block; padding-left: 10px; } #target5 .toolbar { margin-top: 1rem; } .eth-search-btn, .eth-download-btn, .eth-tablefilter-btn { background: #f7f6ff; color: #fff; border-radius: 15px; font-weight: 400; font-size: 16px; border: 0; padding: 1rem; position: absolute; top: 10px; right: 10px; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); } .eth-download-btn { position: static; margin: 0 1rem 1rem 0; box-shadow: none; background-color: #f7f6ff; border: 2px solid #e0dcff; color: #5d658d; } .ed-graph-button.eth-download-btn, .ed-graph-button.eth-download-btn:hover { position: static; margin: 0 1rem 1rem; box-shadow: none; background-color: #f7f6ff; border: 2px solid #e0dcff; color: #5d658d; } .eth-download-btn:hover, .blue-color { background: #5b46f4; color: #fff; box-shadow: none; } .eth-download-btn:hover .export-cir { background-color: #4832e8; } .ed-graph-button { position: absolute; background-color: #f7f6ff; border: 2px solid #e0dcff; color: #fff; border-radius: 15px; font-size: 16px; padding: 1rem; top: 10px; right: 10px; } .blue-color { border: 0; } .searchevent .bd-form-footer .btn-color { padding: 12px 1rem; } .searchevent .bd-form-footer .btn-color.blue-color { border: 2px solid #5b46f4; } .searchevent .bd-form-footer .btn-color.blue-color:hover { border: 2px solid #da0203; } .eth-tablefilter-btn { position: static; background-color: #fff; color: #333333; font-size: 18px; box-shadow: none; padding-left: 0; padding-right: 0; } .myevents-data { margin-top: 0; font-weight: 400; } .your-event.myevents-data { margin-top: -5rem; font-weight: 400; } .myevents-data h2 { font-size: 32px; font-weight: 500; } .myevents-data .btn-color { border-radius: 15px; } .dataTable { color: #5d6369; } .table-data{ width: 100% !important; } .dataTable th, .table th { font-weight: 500; font-size: 16px; background: #f6f6f7; padding: 1.5rem 0.5rem; border: 0; } .dataTable th:first-child, .table th:first-child { border-top-left-radius: 15px; padding: 1.5rem 1.2rem; } .dataTable th:last-child, .table th:last-child { border-top-right-radius: 15px; } .dataTable td, .table td { background-color: transparent; box-shadow: none; vertical-align: middle; padding: 1rem; font-size: 14px; line-height: 1.8rem; } /* .dataTable td.dtr-control:first-child{ position: relative; } */ @media (min-width: 992px) { .event-scheduler .dataTable td span { display: inline-block; } } .event-pic { width: 62px; height: 62px; border-radius: 50%; margin: 0 10px; } .dataTable a.dropdown-toggle { color: #c1c1c1; font-size: 24px; letter-spacing: 1px; line-height: 0; } .dataTable .dropdown-menu { border: 0; box-shadow: 0 10px 47px rgba(0, 0, 0, 0.05); min-width: auto; padding: 0.75rem; } .dataTable .dropdown-menu span { margin-right: 10px; display: inline-block; } .dataTable .dropdown-item:focus, .dataTable .dropdown-item:hover { border-radius: 10px; background-color: #f6f7f9; } .dataTable .dropdown-toggle::after { content: ""; display: none; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after { bottom: 1.3em; bottom: unset; top: 33%; } div.dataTables_wrapper div.dataTables_info { font-weight: 500; color: #57595a; font-size: 16px; } .page-link { font-size: 18px; font-weight: 500; } .page-link, .page-link:hover { border: 0; border-radius: 5px; color: #5b46f4; } .page-link:hover { background-color: #ebfaea; } .page-item.active .page-link { background: #ebfaea; color: #5b46f4; border: 0; } .page-item { margin: 0 5px; } .page-item:last-child { margin-right: 0; font-weight: 500; } .page-link:focus { box-shadow: none; } .page-item:first-child .page-link { border-radius: 5px; } .page-item:last-child .page-link { background-color: #5b46f4; border-radius: 5px; } .page-item:first-child .page-link { background-color: #ebfaea; } .lgt-blue, .lgt-red, .lgt-pink, .lgt-green, .blue-curve { background-color: #f6faff; border-radius: 25px; color: #0046fd; padding: 0.51rem 1.62rem; } .lgt-green { background-color: #0A8D07; color: #6f6f6f; } .lgt-red { background-color: #ff3232; color: #ffe2e5; } .lgt-pink { background-color: #ffe2e2; color: #ff3232; } .blue-curve { background: #5b46f4; color: #fff; font-weight: 400; margin: 0 10px; display: inline-block; } .export-cir { width: 46px; height: 46px; border-radius: 50%; background-color: #5b46f4; text-align: center; padding: 0.5rem; margin: 0 0.75rem 0 0; } .event img { width: 30px; height: 100%; border-radius: 0; padding: 0.25rem; margin: 0 0.75rem 0 0; } .export-cir img { width: 24px; height: 100%; } .hideToggle { display: none; } .tickt-summery .toolbar { margin-bottom: -5rem; } .toolbar { margin-bottom: -4rem; } #target16 .toolbar, #target6 .toolbar { margin-bottom: -2rem; } i.fa-calendar { color: #5b46f4; } i.bi-upload, i.bi-download, i.bi-print { color: white; padding-left: 3px; padding-right: 3px; } i.bi-filter, i.bi-printer { margin-right: 10px; } i.bi-calendar4-event, i.bi-clock { color: #5b46f4; } @media (max-width: 1486px) { .meeting .toolbar { margin-bottom: -2rem; } } @media (max-width: 1434px) { #target5 .toolbar .float-end { float: left !important; } } @media (max-width: 1272px) { #target8 .toolbar .float-end { float: left !important; } } @media (max-width: 992px) { .manage .toolbar { margin-bottom: -1rem; } #target5 .eth-download-btn, #target8 .eth-download-btn { margin: 0 0.5rem 1rem 0; } #target5 .eth-download-btn, #target8 .eth-download-btn { padding: 1rem 0.5rem; } #target5 .eth-tablefilter-btn, #target8 .eth-tablefilter-btn { font-size: 14px; } #target5 .export-cir img, #target8 .export-cir img { width: 18px; } #target16 .print, #target5 .print { display: inline-block; padding-left: 5px; padding-right: 5px; } .eth-download-btn { font-size: 14px; } } @media (max-width: 767px) { .your-event.myevents-data { margin-top: 0; font-weight: 400; } } @media (max-width: 576px) { div.dataTables_wrapper div.dataTables_info { font-weight: 500; color: #57595a; font-size: 14px; text-align: left; } } .eth-tablefilter-btn img { width: 20px; border-radius: 0; margin-right: 0.85rem; height: 24px; } table#eventslist tr:not(:last-child) td { border-bottom: 1px solid #dcdcdc; } .myevents-data tr:not(:last-child) td { border-bottom: 1px solid #dcdcdc; } #eventslist .orange-circle i{ color:#F7910E } .event-task #eventslist_filter { margin-bottom: 0.5rem; margin-top: 0; } .dataTables_empty { font-weight: 600; font-size: 18px; } div.dataTables_wrapper div.dataTables_paginate { margin: -2rem 0 1rem; } .large div.dataTables_wrapper div.dataTables_paginate { margin: -2rem 0 1rem; } .time-slots .toolbar { margin-bottom: -3rem; } @media (min-width: 1300px) { .event-task #eventslist_filter { margin-bottom: 0.5rem; margin-top: -7rem; } } @media (max-width: 1600px) { .create-event-form h5, .dashboard-rightbar h5 { font-size: 24px; } } @media (max-width: 1400px) { .dataTable th { font-size: 16px; padding: 0.75rem; white-space: nowrap; } .tickt-summery .toolbar { margin-bottom: -1rem; } } @media (min-width: 992px) and (max-width: 1280px) { div.dataTables_wrapper div.dataTables_paginate { margin: -2rem 0 1rem; } } @media (max-width: 1200px) { .time-slots .toolbar { margin: 0; } } @media (max-width: 992px) { .event-pic { width: 32px; height: 32px; } .dtr-control { text-align: center; } .dtr-control span { display: block; } .dataTable th { font-size: 14px; } .dataTable td, .table td { padding: 0.5rem; font-size: 12px; line-height: 1.8rem; } } @media (max-width: 767px) { .event-pic { width: 32px; height: 32px; display: none; } .myevents h1, .myevents-data h2 { font-size: 24px; } .dataTable td { padding: 0.5rem; font-size: 12px; } .mb-img img { width: 60%; margin: 3rem 0; } .myevents .form-control { border-radius: 10px; font-size: 14px; padding: 0.75rem 1rem 0.75rem 2rem; } .eth-right { width: 100%; } .event-title-header h1 { display: block; } .input-icn { top: 9px; left: 15px; } .eth-search-btn, .eth-download-btn { border-radius: 10px; padding: 1rem; top: 5px; right: 5px; font-size: 14px; } .dataTable th { font-size: 15px; } table.dataTable > tbody > tr.child ul.dtr-details { display: block; } table.dataTable > tbody > tr.child ul.dtr-details > li { padding: 0.5rem 0; } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0.5rem; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { height: 0.85em; width: 0.85em; line-height: 12px; font-family: "Poppins", sans-serif; font-weight: 500; } div.dataTables_wrapper div.dataTables_info { margin-bottom: 15px; text-align: left; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: right !important; } .dropdown-menu { font-size: 14px; } div.dataTables_wrapper div.dataTables_paginate { margin: -3rem 0 1rem; } .tickt-summery .toolbar, .toolbar { margin-bottom: 4rem; } .event-scheduler.tickt-summery .toolbar, .toolbar { margin-bottom: -2rem; } .event-list .toolbar { margin-bottom: -1rem; } .time-slots .toolbar { margin-bottom: -3rem; } .time-slots .your-guest-list .toolbar { margin-bottom: 4rem; } .large div.dataTables_wrapper div.dataTables_paginate { margin: -3rem 0 1rem; } .your-event .event-task #eventslist_filter { margin-bottom: 1.5rem; margin-top: -6rem; } } @media (max-width: 576px) { table.dataTable > tbody > tr.child ul.dtr-details > li { padding: 0.25rem 0; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: right !important; } div.dataTables_wrapper div.dataTables_paginate { margin: -3rem 0 1rem; } .myevents .form-control { padding: 0.75rem 0.8rem; font-size: 12px; } input#input_to { padding-left: 1.8rem; } } /* --------------------------------------------------------------- # Basic Details Page ----------------------------------------------------------------*/ .page-title-header h1 { font-size: 30px; font-weight: 600; display: inline-block; margin-bottom: 15px; } .page-title-header h1 span { font-weight: 300; } .white-round-btn { background: #ffffff; border-radius: 15px; color: #333; font-weight: 400; font-size: 18px; padding: 1rem 1.72rem; border: 2px solid #ffffff; margin-left: 0.5rem; } .white-round-btn-sm { background: #ffffff; border-radius: 15px; color: #333; font-weight: 400; font-size: 10px; padding: 1rem 1.72rem; border: 2px solid #ffffff; margin-left: 0.5rem; } .purpul-round-btn { background-color: #f82249; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 15px; color: #fff; font-weight: 400; font-size: 18px; padding: 1rem 2.5rem; border: 2px solid #f82249; margin-left: 0.5rem; } .purpul-round-btn:hover, .white-round-btn:hover { border: 2px solid #dc143c; background-color: #101622; color: #fff; box-shadow: none; } .purpul-round-btn.manage-list:disabled { background-color: #f82249; opacity: 0.8; box-shadow: none; } .dashboard-sidebar, .dashboard-rightbar { background: #fff; border-radius: 20px; padding: 0 2rem 2rem; } .dashboard-sidebar .user-info img { margin-top: -40px; max-height: 50px; max-width: 50px; border-radius: 25px; } .dashboard-breadcrum a { color: #333; font-weight: 600; } .dashboard-rightbar { padding: 2rem; display: block; } .dashboard-rightbar#target1{ display: block; } .dashboard-rightbar.myprofile { padding: 3rem 3rem 0; } .basic-detail-outer { margin-top: 4rem; } .user-info p { font-weight: 600; color: #000; font-size: 24px; margin-bottom: 0; } .user-info span.user-profile { font-size: 18px; color: #a0a0a0; } .dashboard-side-menu ul { list-style: none; font-size: 18px; color: #31373e; font-weight: 500; margin-top: 2.5rem; padding-left: 0; } .dashboard-side-menu li, .dashboard-side-menu li.active { border-top: 2px solid #f2f2f2; padding: 1rem 0; position: relative; } .dashboard-side-menu li a { color: #31373e; display: block; } .dashboard-side-menu li.active a { color: #5b46f4; } .dashboard-side-menu li img { display: inline-block; margin-right: 1rem; width: 30px; } .dashboard-side-menu li:after, .manage-side-menu ul li:after { content: ""; position: absolute; left: -32px; width: 7px; background-color: #5b46f4; height: 70%; display: none; top: 14%; } .dashboard-side-menu li:hover::after, .dashboard-side-menu li.active:after, .manage-side-menu ul li:hover::after, .manage-side-menu ul li.active:after { display: block; } /* select.form-control { -webkit-appearance: menulist; } */ .tox .tox-toolbar__primary, .tox .tox-toolbar-overlord, .tox:not(.tox-tinymce-inline) .tox-editor-header { background-color: #f6f5f5 !important; } /* Custom Css Section Start */ .tox .tox-notification--warn, .tox .tox-notification--warning { background-color: #fff5cc; border-color: #fff0b3; color: #222f3e; display: none; } /* Custom Css Section End */ .tox-tinymce { border: 0 !important; } .tox .tox-edit-area__iframe, .tags-input-wrapper { background-color: #f6f7f9 !important; } .tags-input-wrapper { border-radius: 20px; padding: 2rem 1rem; } .tags-input-wrapper input { border: 0; background-color: transparent; outline: none; } .tags-input-wrapper .tag { display: inline-block; vertical-align: top; background: #5b46f4; border-radius: 50px; margin: 5px 5px 1rem 5px; padding: 0.6rem 2rem; position: relative; font-size: 16px; color: #fff; font-weight: 400; } .tags-input-wrapper .tag a { position: absolute; right: 1px; top: -9px; background-color: #ffacbd; cursor: pointer; width: 30px; height: 30px; color: #dc143c; border-radius: 50%; text-align: center; font-weight: 600; font-size: 14px; vertical-align: middle; line-height: 30px; } label.tag_list_label { margin: 1rem 0; } .bd-form-footer .btn-color { border-radius: 10px; padding: 10px 2rem; } .size-extend-fileinput { padding-top: 0; } #accomodation.file-upload-btn { left: 25%; } .size-extend-fileinput .file-upload-btn { left: 39%; } .dashboard-breadcrum { display: block; margin-top: 0; margin-bottom: 0; } /* .breadcrumb{ padding-top: 25px; } */ @media (max-width: 1300px) { .page-title-header .float-end { float: none !important; display: block; margin-left: 0; padding-left: 0; margin-bottom: 10px; } .dashboard-breadcrum { margin-bottom: 5rem !important; } } .page-title-header .float-end .white-round-btn { margin-left: 0; margin-right: 0.5rem; } @media (max-width: 1600px) { .size-extend-fileinput .file-upload-btn { left: 40%; } } @media (min-width: 1300px) { .file-upload-btn { left: 43%; } } @media (max-width: 1300px) { .size-extend-fileinput .file-upload-btn { left: 38%; } } /* @media (min-width:1200px) and (max-width:1300px){ .file-upload-btn{left: 30%;} } */ @media (min-width: 1100px) and (max-width: 1200px) { .file-upload-btn { left: 27%; } } @media (min-width: 992px) and (max-width: 1100px) { .file-upload-btn { left: 28%; font-size: 14px; } .size-extend-fileinput .file-upload-btn { left: 36%; } } @media (max-width: 992px) { .page-title-header h1 { font-size: 25px; } .page-title-header .float-end { display: block; } .white-round-btn, .purpul-round-btn { margin-left: 0; margin-right: 5px; border-radius: 10px; padding: 0.65rem 1rem; margin-bottom: 10px; font-size: 16px; } .dashboard-breadcrum { display: block; margin-top: 0; margin-bottom: 0; } .breadcrumb { width: 100%; padding-top: 15px; padding-bottom: 6px; } .myevents { max-width: 100%; } .dashboard-sidebar { padding: 0 1rem; } .user-info p { font-size: 18px; } .user-info span.user-profile { font-size: 16px; } .dashboard-side-menu li img { width: 24px; margin-right: 0.65rem; height: 24px; } .dashboard-side-menu ul { font-size: 16px; } .dashboard-rightbar { padding: 1.5rem; } .create-event-form h5, .dashboard-rightbar h5 { font-size: 20px; margin-bottom: 1rem; } .dashboard-side-menu li:after { left: -16px; width: 4px; } .tags-input-wrapper .tag { padding: 0.45rem 1rem; font-size: 14px; } .tags-input-wrapper .tag a { width: 18px; height: 18px; line-height: 18px; } .size-extend-fileinput .file-upload-btn { left: 30%; } .file-upload-btn { left: 27%; font-size: 14px; } } @media (max-width: 767px) { .page-title-header h1 { font-size: 22px; } #accomodation.file-upload-btn, .size-extend-fileinput.team-popup.file-upload-btn { left: 35%; padding: 0.7rem 1.5rem; } .size-extend-fileinput .file-upload-btn, .file-upload-btn { left: 39%; } .myevents { margin: 100px auto 75px; color: #333333; } .dashboard-sidebar { border-radius: 15px; } } @media (max-width: 576px) { .page-title-header h1 { font-size: 20px; line-height: 2rem; } .size-extend-fileinput .file-upload-btn, .file-upload-btn { left: 34%; } .dashboard-side-menu ul { font-size: 14px; } .dashboard-side-menu li img { width: 18px; margin-right: 0.65rem; height: 18px; } #accomodation.file-upload-btn { left: 30%; padding: 0.7rem 1.5rem; } .breadcrumb { width: 100%; padding-top: 10px; padding-bottom: 6px; } } .size-extend-fileinput .remove-image { left: 39%; } @media (max-width: 414px) { .white-round-btn, .purpul-round-btn { margin-left: 0; margin-right: 4px; border-radius: 10px; padding: 0.6rem 0.8rem; margin-bottom: 10px; font-size: 14px; } } table.dataTable td, table.dataTable th { text-align: left; } /*------------------------------------------------------------- #Event Dashboard --------------------------------------------------------------*/ .pink-circle, .orange-circle, .white-circle { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; float: left; margin-right: 10px; } .orange-circle { background-color: #fff3ec; } .pink-circle { background-color: #fee9e9; } .white-circle { background-color: #ffffff; } .orange-circle img { width: 15px; } @media (max-width: 1200px) { .pink-circle, .orange-circle, .white-circle { width: 35px; height: 35px; line-height: 35px; float: left; margin-right: 10px; } .pink-circle img, .orange-circle img, .white-circle img { width: 14px; } .dataTable td, .table td { font-size: 12px; line-height: 1.2rem; } } @media (max-width: 1000px) { .pink-circle, .orange-circle, .white-circle { width: 32px; height: 32px; line-height: 32px; float: left; margin-right: 10px; } .pink-circle img, .orange-circle img, .white-circle img { width: 13px; } .dataTable td, .table td { font-size: 11px; } } @media (max-width: 600px) { .pink-circle, .orange-circle, .white-circle { width: 30px; height: 30px; line-height: 30px; float: left; margin-right: 10px; } .pink-circle img, .orange-circle img, .white-circle img { width: 12px; } .dataTable td, .table td { font-size: 12px; text-align: left; } } /* .tickt-summery #eventslist_filter,.dataTables_filter {display: none;} */ .column-2 h5 { font-size: 20px; } table.table-data.dataTable { background-color: #fdfdfd; border-radius: 20px; } table.table-data.dataTable thead { background: #f6f6f7; } #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; margin: 0 1rem 1rem 0; width: 300px; } .tickt-summery .eth-download-btn { background-color: #f7f6ff; color: #5d658d; border: 1px solid #e0dcff; box-shadow: none; padding: 1rem; margin: 0 1rem 10px 0; } .tickt-summery .eth-download-btn:hover { background-color: #5b46f4; color: #ffffff; } .tickt-summery .eth-download-btn .export-cir img { width: 22px; } .tickt-summery .eth-download-btn:hover .export-cir { background-color: #4832e8; } .tickt-summery #eventslist_filter { margin-bottom: 0; } .float-search .toolbar { margin-bottom: 10px; } .float-search .toolbar .float-end { float: left !important; margin-bottom: 10px; } .your-event .float-search .toolbar .float-end { float: right !important; } .large .float-search .toolbar { margin-bottom: -4rem; } .large .float-search .toolbar .float-end { float: right !important; } .float-search input[type="search"], .float-search .dataTables_filter label { width: 100% !important; } .float-search input[type="search"] { margin-left: 0 !important; } .float-search .dataTables_filter { text-align: left !important; } .eventdetail-modal .modal-dialog { max-width: 750px; } .eventdetail-modal .modal-content { background-color: #fff; text-align: left; } .eventdetail-modal .modal-body { padding: 1rem 2rem 2rem; } .table > :not(:first-child) { border: 0; } .table td { border-bottom: 1px solid #dcdcdc; } .table tr:last-child td { border-bottom: 0; } .eventdetail-modal .purpul-btn { border-radius: 10px; width: auto; padding: 1rem 2.5rem; margin-top: 0; } .eventdetail-modal h5, .eventdetail-modal p { padding: 0 2.5rem; text-align: left; font-weight: 400; } #chart { max-width: 100%; margin: 35px -20px; } .mgl.float-search .toolbar { margin-bottom: -4rem; } @media (max-width: 1586px) { #target5 div.dataTables_wrapper div.dataTables_filter label, #target8 div.dataTables_wrapper div.dataTables_filter label { float: left; } } @media (max-width: 1500px) { #target5 .toolbar { margin-top: 1rem; } } @media (max-width: 1200px) { #target5 .toolbar { margin-top: 1.5rem; } } @media (min-width: 886px) and (max-width: 1086px) { #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; width: 250px; } } @media (max-width: 886px) and (min-width: 830px) { #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; width: 220px; } } @media (min-width: 767px) and (max-width: 830px) { #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; width: 180px; } } @media (min-width: 576px) and (max-width: 767px) { #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; width: 250px; } } @media (max-width: 992px) { .tickt-summery #eventslist_filter { margin-bottom: 0; } #chart { max-width: 100%; margin: 20px -20px; } .large .float-search .toolbar, .float-search .toolbar { margin-bottom: -3rem; } .large .float-search .toolbar .float-end, .float-search .toolbar .float-end { float: right !important; margin-bottom: 10px; } #target5 #eventslist_filter input, .float-search input[type="search"], #target8 #eventslist_filter input, .float-search input[type="search"] { width: 56vw; } } @media (max-width: 767px) { #eventslist_filter input, .float-search input[type="search"] { width: 40vw; } .manage #eventslist_filter input, .float-search input[type="search"] { width: 30vw; } div.dataTables_wrapper div.dataTables_filter label { float: right; } #target5 #eventslist_filter input, .float-search input[type="search"], #target8 #eventslist_filter input, .float-search input[type="search"] { width: 85vw; } } @media (max-width: 601px) { .manage #eventslist_filter input, .float-search input[type="search"] { width: 27vw; } } @media (max-width: 576px) { .eth-search-btn, .eth-download-btn { padding: 1rem 0.5rem; margin: 0 1rem 0 0.5rem; font-size: 12px; } #chart { max-width: 100%; margin: 35px -15px; } .tickt-summery #eventslist_filter { margin-bottom: 0; } #eventslist_filter input, .float-search input[type="search"] { padding: 1.3rem; margin: 0 0 1rem; width: 50vw; } #target5 #eventslist_filter input, .float-search input[type="search"], #target8 #eventslist_filter input, .float-search input[type="search"] { width: 82vw; } .time-slots #eventslist_filter input, .float-search input[type="search"] { width: 40vw; } .eventdetail-modal .modal-body { padding: 1rem 1rem 2rem; } } @media (max-width: 500px) { .large .float-search .toolbar, .float-search .toolbar { margin-bottom: 0; } .large .float-search .toolbar .float-end, .float-search .toolbar .float-end { float: left !important; margin-bottom: 10px; } #eventslist_filter input, .float-search input[type="search"] { width: 50vw; } .time-slots #eventslist_filter input, .float-search input[type="search"] { width: 35vw; } .manage #eventslist_filter input, .float-search input[type="search"] { width: 24vw; } } @media (max-width: 476px) { #eventslist_filter input, .float-search input[type="search"] { width: 45vw; } .manage #eventslist_filter input, .float-search input[type="search"] { width: 70vw; margin-top: 1rem; } } @media (max-width: 440px) { #eventslist_filter input, .float-search input[type="search"] { width: 37vw; } .time-slots .toolbar .float-end { float: left !important; } .time-slots #eventslist_filter input, .float-search input[type="search"] { width: 85vw; margin-top: 1rem; } } /* ================================================================ # event Contacts - Dashboard -----------------------------------------------------------------*/ .user-info-card, .members-list { border-radius: 15px; border: 1px solid #e1e7f4; background: #f6f7f9; padding: 2rem; color: #333333; font-weight: 500; font-size: 16px; margin: 20px; } .user-info-card:hover, .user-info-card.active { background: #492bc4; color: #fff; } .user-info-card:hover.user-info-card a, .user-info-card.active.user-info-card a { color: #fff; } .user-info-card:hover .icon-holder, .user-info-card.active .icon-holder { background-color: #4329ae; } .user-info-card:hover, .user-info-card.active { transition: all 0.5s; } .user-info-card a, .members-list a { color: #333; margin: -5px 5px; } .dash-pro-img { border-radius: 50%; width: 100px; height: 100px; display: flex; overflow: hidden; border: 1px solid #fff; margin-top: -50px; } .user-info-card:hover .dash-pro-img, .user-info-card.active .dash-pro-img { border: 1px solid #4329ae; } .user-info-card .top-border:hover, .user-info-card .top-border.active, .user-info-card .topb-border:hover, .user-info-card .topb-border.active { background: #4329ae; border-radius: 15px; padding: 0 1rem; border-top: 0 solid #4329ae; } .user-info-card .top-border:hover .icon-holder, .user-info-card .top-border.active .icon-holder, .user-info-card .topb-border:hover .icon-holder, .user-info-card .topb-border.active .icon-holder { background-color: #4e32bd; } .padding-3 { padding: 0 1rem; } .contacts-list { margin-top: 48px; } .icon-holder { width: 32px; height: 32px; text-align: center; border-radius: 6px; display: inline-block; background-color: #fff; line-height: 32px; } .booth-subtitle{ font-weight: 500; } @media (min-width: 767px) and (max-width: 1200px) { .contacts-list { margin-top: 30px; } } @media (max-width: 1404px) { .user-info-card { margin-bottom: 58px; padding: 1rem; } .padding-3 { padding: 0; font-size: 14px; } .bold-text20 { font-size: 14px; } /* .icon-holder {width: 24px; height: 24px; line-height: normal;} */ .user-info-card i { font-size: 14px; } } /* @media (min-width:992px) and (max-width: 1030px){ .icon-holder{height: 28px; width:28px; padding-top: 0px; padding-bottom: 10px;}} */ .bold-text20, .bold-text26 { font-size: 20px; font-weight: 600; } .bold-text26 { font-size: 26px; } .user-info-card i { font-size: 16px; font-weight: 500; } .top-border { border-top: 1px solid #dcdcdc; padding-bottom: 1rem; } .user-info-card:hover .top-border { border-top: 1px solid #492bc4; } .ml-3 { margin-left: 10px; } .grey-btn { background: #f7f6ff; color: #5d658d; border: 2px solid #e0dcff; border-radius: 10px; font-weight: 500; font-size: 16px; padding: 1rem 2rem; margin-top: -10px; } .cancel.grey-btn { margin-top: 0; } .grey-btn:hover { border: 2px solid #dc143c; background-color: #101622; color: #fff; } .qr-btn { background: #f7f6ff; border: 2px solid #e0dcff; border-radius: 20px; font-weight: 400; font-size: 16px; padding: 0.8rem 1rem; margin-top: -10px; margin-right: 30px; } .qr-code img { width: 35px; border-radius: 0; margin: 0 10px; } #sponserdetail .modal-body .table{ width: 100% !important; } .modal-body .image-upload-wrap, .modal-body .file-upload-content { margin-top: 0; } .modal-body .drag-text h3 { padding: 4rem 0; } .modal-body .size-extend-fileinput .file-upload-btn { left: 23%; } .was-validated .form-select:valid:not([multiple]):not([size]) { background-repeat: no-repeat; } @media (max-width: 1046px) { .dashboard-rightbar h5 { font-size: 18px; margin-bottom: 20px; } .dashboard-rightbar p { font-size: 14px; } .grey-btn { padding: 1rem; } .bold-text20 { font-size: 16px; } /* .contacts-list {margin-top: 20px;} */ .members-list { padding: 1rem; font-size: 12px; font-weight: 600; } .blue-curve { margin: 0 5px 10px; } .blue-curve { padding: 0.51rem 1rem; } .guest-list #eventslist_filter { margin-bottom: 0; } .guest-add { margin-top: -18px; padding: 0.81rem; font-size: 14px; } } @media (max-width: 992px) { .qr-btn { font-size: 14px; padding: 0.7rem 0.8rem; margin-top: -10px; } .qr-code img { width: 30px; margin: 0 10px; } } @media (max-width: 767px) { .modal-body .size-extend-fileinput .file-upload-btn { left: 39%; } } @media (max-width: 576px) { .qr-btn { font-size: 12px; padding: 0.6rem 0.4rem; margin-top: -10px; border-radius: 10px; margin-right: 25px; } .qr-code img { width: 25px; margin: 0 10px; } .export-cir img { width: 20px; height: 100%; } .eventdetail-modal .purpul-btn, .grey-btn { border-radius: 10px; font-size: 14px; width: auto; padding: 0.6rem 1.5rem; margin: 0 0 1rem; } .modal-body .size-extend-fileinput .file-upload-btn { left: 30%; } } @media (max-width: 430px) { .gift .grey-btn { border-radius: 10px; width: auto; padding: 0.6rem 1.5rem; margin-top: 1rem; } .gift .top-border { margin-top: 60px !important; } .eventdetail-modal .purpul-btn, .grey-btn { border-radius: 10px; font-size: 14px; width: auto; padding: 0.6rem 1rem; } } /* ======================================================================== #Event Management=============================================================================*/ .members-list { font-size: 14px; } .members-list strong { display: inline-block; margin-right: 14px; } .form-control.is-invalid, .was-validated .form-control:invalid { margin-bottom: 1rem; border: 2px solid #f93154; border-radius: 15px; box-shadow: none; } .invalid-feedback { width: auto; color: #f93154; margin-top: -0.75rem; } .modal-body .size-extend-fileinput .file-upload-btn.lft-36 { left: 36%; } .popover, .tooltip { z-index: 6060; } .team-popup .drag-text h3 { padding: 3.4rem 0; } .w-49 { width: 49%; } .guest-list table.dataTable td, .guest-list table.dataTable th { font-size: 14px; } .guest-list .toolbar { margin-bottom: -3rem; } .potluck .toolbar { margin-bottom: -7rem; } .guest-invite-table-footer .btn-color, .guest-invite-table-footer .grey-btn { padding: 1rem 2rem; margin-left: 10px; font-size: 16px; font-weight: 400; } .cus-padding { padding-top: 1rem; margin-bottom: 1rem; } @media (max-width: 1280px) { .guest-list .toolbar, .potluck .toolbar { margin-bottom: -2rem; } .guest-invite-table-footer .btn-color, .guest-invite-table-footer .grey-btn { border-radius: 8px; padding: 0.75rem; margin-bottom: 20px; } } @media (max-width: 767px) { .guest-list .toolbar { margin-bottom: -4rem; } .potluck .toolbar { margin-bottom: -3rem; } } .guest-invite-modal h5 { font-weight: 600; text-align: center; } .guest-invite-modal .modal-dialog { max-width: 580px; } /* ----------------------------------------------------------------- #Ticketing -----------------------------------------------------------------*/ .area { display: none; margin-top: 1.5rem; } .ticket-manager h5 { font-size: 2rem; margin-bottom: 10px; margin-top: 50px; } .ticket-manager .icon-holder.tick { background-color: #d9ffcc; color: #46ba1e; font-size: 20px; } .ticket-manager .icon-holder.copy { background-color: #fee9e9; color: #ff5000; } @media (min-width: 768px) and (max-width: 992px) { .input-icon-holder { padding-top: 1rem; padding-left: 1.5rem; margin-top: 0.5rem !important; } #target11 .input-icon-holder { padding-top: 2rem; padding-left: 1.5rem; margin-top: 0.5rem !important; } } @media (min-width: 992px) and (max-width: 1300px) { .input-icon-holder { padding-top: 1rem; padding-left: 0.5rem; margin-top: 1rem; } } @media (min-width: 1300px) { .input-icon-holder { padding-top: 1rem; padding-left: 1.5rem; margin-top: 1.5rem; } } @media (max-width: 767px) { .guest-invite-table-footer .grey-btn { font-size: 14px; font-weight: 400; } } .ticket-manager strong { font-weight: 500; } /* ------------------------------------------------------ #Participant/Sponser/Meeting ---------------------------------------------------------*/ .participant-heading { font-weight: 600; font-size: 1.2rem; margin-bottom: 1rem; } .sponser a { font-size: 14px; } .sponser a span { font-weight: 400; } .bold-text18 { font-size: 18px; font-weight: 600; } .sponser-catrow { border-bottom: 1px solid #dcdcdc; padding: 1rem 0 1.5rem; } .meeting-date-input { border-radius: 15px; width: 100%; } .gift-registry img { border-radius: 50%; width: 44px; height: 44px; } .gift-row { border-bottom: 1px solid #dcdcdc; padding-bottom: 1rem; padding-left: 5px; } .gift-row a { color: #5b46f4; padding-left: 5px; text-align: center; } /* ------------------------------------------------------------ # Chat --------------------------------------------------------------*/ .chat-users img, .more-users { border-radius: 50%; width: 35px; height: 35px; margin: 0 5px; } .more-users { background: #eaeff5; color: #7d8da6; font-size: 14px; text-align: center; line-height: 35px; display: inline-block; position: relative; top: -4px; } .chat-users a { color: #a4b3c6; } .chat-users a:hover { opacity: 0.7; } .message-list { list-style: none; margin: 20px 0 0; padding: 0; } .message-avatar img { width: 58px; height: 58px; border-radius: 50%; } .message-user-name { font-weight: 500; color: #141736; font-size: 18px; } .timestamp { color: #7c8da7; font-size: 16px; font-weight: 400; } .grey-box, .blue-box { border-radius: 40px; background-color: #f1f2f6; padding: 0.75rem 1rem; display: inline-block; margin-left: 63px; margin-top: -11px; margin-bottom: 1rem; font-weight: 400; } .grey-box:first-child { border-radius: 0 40px 40px 40px; } .blue-box { background-color: #43a0ff; color: #fff; margin-top: 10px; margin-bottom: 0; } .blue-box:first-child { border-radius: 40px 0 40px 40px; } .grey-box p, .blue-box p { color: #5e6075; margin-bottom: 0; } .blue-box p { color: #fff; } .message-image { margin-left: 64px; margin-bottom: 10px; } .message-image img { border-radius: 30px; } .composer-name img { border-radius: 50%; width: 34px; height: 34px; margin: 0 10px; } .composer-name { font-weight: 500; font-size: 16px; color: #5e6075; margin-bottom: 1rem; } .composer-name span, .composer-name i { color: #43a0ff; margin-right: 4px; } .message-buttons { position: absolute; right: 2rem; top: 1rem; font-size: 26px; } .message-buttons a .bi-paperclip:before { transform: rotate(45deg); } .message-buttons a { color: #9e9e9e; } .send-message { background: #5b46f4; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 15px; text-align: center; color: #fff; display: inline-block; padding: 0.3rem 0.8rem; } .compose-box textarea { padding-bottom: 36px !important; } .send-message a { color: #fff; } .send-message img { width: 25px; } .chat-detail-push { background: #fff; position: absolute; height: 100%; padding: 0; width: 0; right: 0; top: -26px; display: none; height: 100%; } @media (max-width: 767px) { .send-message { padding: 0.21rem 0.6rem; } .send-message img { width: 20px; } .message-avatar img { width: 50px; height: 50px; border-radius: 50%; } } @media (max-width: 576px) { .send-message { padding: 0.1rem 0.8rem; } .send-message img { width: 18px; } .message-avatar img { width: 45px; height: 45px; border-radius: 50%; } } @media (max-width: 470px) { .send-message { padding: 0.05rem 0.8rem; } .send-message img { width: 15px; } .message-avatar img { width: 40px; height: 40px; border-radius: 50%; } } .border-left { border-left: 1px solid #dcdcdc; height: 100%; display: block; } .chat-detail-push.active { margin-left: 10px; width: 40%; display: block; } .chat-detail-push.active h5 { border-left: 1px solid #dcdcdc; padding: 1.7rem 1rem; margin-bottom: 0; height: 98px; } .message-image img { width: 100%; } .heading-chat.active, .heading-chat.active, .message-list.active, .message-image.active { width: 58%; } .chat-members-list { list-style: none; color: #5d658d; font-weight: 500; font-size: 16px; margin: 0; padding: 0; } .chat-members-list li { margin-bottom: 8px; } .chat-members-list li a { color: #5d658d; font-weight: 500; font-size: 14px; } .chat-members-list img { border-radius: 50%; width: 36px; height: 36px; margin: 0 10px 0 0; } .close-chat img { width: 35px; height: 35px; } .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; } .accordion-item { border: 0; border-left: 1px solid #dcdcdc; } .accordion-body { border-bottom: 1px solid #dcdcdc; } .accordion-item:first-of-type .accordion-button { border: 0; } .media-images img { border-radius: 15px; width: 65px; height: 65px; margin-right: 5px; } .media-images .more-users { width: 65px; height: 65px; border-radius: 10px; margin-left: -5px; margin-right: 0; line-height: 57px; } .accordion-button, .accordion-button:not(.collapsed) { color: #a4b4cb; } .accordion-button span { color: #43a0ff; font-weight: 600; font-size: 18px; margin-left: 5px; } /*================================================================= # Multistep form==================================================================*/ .progress_bar { width: 100%; position: relative; text-align: center; margin-bottom: 5rem; margin-top: 1rem; } #managergoupForm { background-color: #ffffff; } #managergoupForm .tab { display: none; } #managergoupForm .step { display: inline-block; vertical-align: top; position: relative; width: 12%; } #managergoupForm .step::after { content: ""; width: 100px; height: 3px; background-color: #eeeeee; top: 19px; right: -52px; position: absolute; } #managergoupForm .step:last-child::after { width: 0; } #managergoupForm .step .progress { height: 40px; width: 40px; margin: 0 2px; background-color: transparent; border: 3px solid #dddddd; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; font-size: 20px; } #managergoupForm .step .progress i { font-size: 20px; color: #ababab; margin: 0; line-height: 34px; } .step-title { color: #333333; font-size: 20px; font-weight: 500; margin: 0 3px; } @media (max-width: 767px) { .step-title { font-size: 13px; } .stepcount { font-size: 15px; } } @media (max-width: 576px) { .step-title { font-size: 11px; } .stepcount { font-size: 13px; } } @media (max-width: 480px) { .step-title { font-size: 8px; } .stepcount { font-size: 11px; } } @media (min-width: 767px) and (max-width: 992px) { .step-title { font-size: 15px; } } @media (min-width: 992px) and (max-width: 1280px) { .step-title { font-size: 18px; } } #managergoupForm .step.active .progress { opacity: 1; border-color: #5b46f4; color: #5b46f4; } #managergoupForm .step.active .progress i, .stepcount { color: #5b46f4; } #managergoupForm .step.finish .progress { background-color: #5b46f4; border-color: #5b46f4; position: relative; } .tick-icn { display: none; } #managergoupForm .step.finish .progress i { display: none; } #managergoupForm .step.finish .progress i.tick-icn { display: block; font-size: 30px; color: #fff; } .bi-ticket { transform: rotate(127deg); } #managergoupForm i { color: #ffacbd; font-size: 20px; margin-right: 6px; display: inline-block; } #managergoupForm a { color: #5d658d; font-weight: 400; font-size: 14px; } #managergoupForm .bd-form-footer .grey-btn, #managergoupForm .bd-form-footer .grey-btn-next, #managergoupForm .bd-form-footer .btn-color { padding: 0.7rem 1.66rem; margin: 0 10px 20px 0; color: #5d658d; font-size: 14px; } .grey-btn-next { background: #f7f6ff; color: #5d658d; border: 2px solid #e0dcff; border-radius: 10px; font-weight: 500; font-size: 16px; padding: 1rem 2rem; margin-top: -10px; } #managergoupForm .bd-form-footer .grey-btn:hover { color: #fff; background-color: #5b46f4; border: 2px solid #5b46f4; } #managergoupForm .bd-form-footer .grey-btn-next:hover { border: 2px solid #dc143c; background-color: #101622; color: #fff; } #managergoupForm .bd-form-footer .btn-color { color: #fff; } .drag-text-inline h3 { padding: 0.75rem 1rem; text-align: left; } .inline-upload { border-radius: 15px; margin-top: 0; } .size-extend-fileinput .file-upload-btn.upload-inline { width: 172px; /* right: 0px; */ left: 70%; right: 0; top: 39px; height: 45px; font-size: 14px; padding: 0; } @media (min-width: 768px) and (max-width: 850px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 80px; left: 70%; font-size: 10px; } } @media (min-width: 850px) and (max-width: 880px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 100px; left: 67%; font-size: 12px; } } @media (min-width: 880px) and (max-width: 920px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 120px; left: 60%; font-size: 14px; } } @media (min-width: 920px) and (max-width: 1000px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 125px; left: 63%; font-size: 14px; } } @media (min-width: 1000px) and (max-width: 1100px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 145px; left: 61%; } } @media (min-width: 1100px) and (max-width: 1200px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 150px; left: 63%; } } @media (min-width: 1200px) and (max-width: 1300px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 150px; left: 67%; } } @media (min-width: 1300px) and (max-width: 1400px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 155px; left: 70%; } } @media (min-width: 1400px) and (max-width: 1500px) { #manage-list .size-extend-fileinput .file-upload-btn.upload-inline { width: 165px; left: 68%; } } .size-extend-fileinput .file-upload-btn.upload-inline.xsupload { width: 138px; left: 63%; } .curve_footer { background: #fff; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } #managergoupForm .add_link a i { color: #5b46f4; } .manage-side-menu { background: #fff; left: 0; margin-top: -54px; height: 100%; position: absolute; } .manage-side-menu.clearTop { margin-top: 0; } .manage-side-menu.left-height { margin-top: -20px; } .manage-side-menu ul { margin: 0; padding: 0; list-style: none inside none; } .manage-side-menu ul li { padding: 1rem 0; font-weight: 500; border-bottom: 2px solid #f2f2f2; text-align: center; position: relative; } .manage-side-menu ul li a { font-size: 16px; color: #31373e; } .manage-side-menu ul li a i { font-size: 24px; } .manage-side-menu ul li:after { left: -0px; top: 28%; height: 54%; } .manage-side-menu ul li.active a, .manage-side-menu ul li:hover a { color: #5b46f4; } .manage-module-subheading { font-weight: 500; font-size: 30px; } .topspaceing { margin-top: 0; } .eventslideBtn { background: #fff; box-shadow: 2px 0 2px rgba(0, 0, 0, .6); color: #0e0f11; left: 51%; top: 76px; position: absolute; padding: 1rem 0.25rem; width: 24px; } .container-pushmenu { width: 90%; margin: 5rem 0 0 10%; box-sizing: border-box; } .searchevent { background: #fff; border-radius: 15px; padding: 1.5rem; position: relative; margin: 1.5rem 0; } .responsive-map, .responsive-map iframe { width: 100%; border: 0; } .map { padding-right: 0; } .zeroWidth { display: none; } .mappage-subheading { font-weight: 500; font-size: 30px; display: block; } .round-btn { background: #ffffff; border: 1px solid #e2e2e2; border-radius: 50px; color: #555555; font-weight: 400; font-size: 14px; padding: 0.75rem 1.4rem; display: inline-block; } .filter-eventlist { padding: 1rem; } .filter-btn-mappage { border: 0; background: transparent; border-radius: 0; font-size: 14px; border-left: 2px solid #a7a7a7; margin-left: 8px; padding: 0 0.45rem; } .filter-btn-mappage img { width: 18px; height: 18px; border-radius: 0; margin-right: 8px; } .events-section-filterd { margin-top: 1rem; height: 480px; overflow-y: scroll; } .events-section-filterd::-webkit-scrollbar { width: 10px; } .events-section-filterd::-webkit-scrollbar-track { background-color: #ebebeb; -webkit-border-radius: 10px; border-radius: 10px; } .events-section-filterd::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #f2f2f2; } .events-section-filterd .card-title, .events-section-filterd .price-like-box strong { font-size: 16px; } .events-section-filterd .card { border-radius: 24px; border: 1px solid #dfdfdf; } .events-section-filterd .card-body li { font-size: 12px; } .events-section-filterd .card-body { padding: 1rem 0.25rem; } .events-section-filterd .count-down-btn { padding: 4px 8px; font-size: 10px; } .events-section-filterd .btn-white, .events-section-filterd .btn-color { font-size: 14px; padding: 8px 1rem; } /* ====================================================== # Video Page=======================================================*/ .video-selected { width: 100%; max-width: 100%; margin: 0 auto; } .video-iframe { position: relative; padding-bottom: 36.25%; padding-top: 30px; height: 0; margin-bottom: 10px; } .video-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } .video-thumbnails { margin: 0 auto; padding: 0; width: 100%; } .video-thumb { min-height: 320px; height: auto; background: #fff; border-radius: 15px; box-shadow: 0 15px 47px rgba(0, 0, 0, 0.05); padding-bottom: 1.4rem; margin-bottom: 1rem; } .video-thumb img { width: 100%; height: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; } .video-thumb iframe { display: none; } .video-thumb p { margin: 0; font-size: 16px; color: #7c7c7c; padding: 0 1rem; font-weight: 400; } .video-thumb p.name { margin-top: 15px; font-weight: 600; font-size: 18px; color: #333333; margin-bottom: 0; padding-bottom: 0; } .video-thumb .active { box-shadow: 0 0 10px 2px #898989; border: 1px solid #000; } .video-info { padding: 1.5rem 0; border-bottom: 1px solid #dedede; margin: 0 1rem 2rem; width: 98%; } .most-viewed { background: #5b46f4; font-weight: 600; color: #fff; padding: 0.25rem 0.75rem; font-size: 12px; margin-right: 8px; } .view-count { font-weight: 600; font-size: 16px; } .info-center-bar { font-size: 38px; padding: 1rem 0; } .info-center-bar .form-select { background: #f6f5fe; border: 1px solid #c2baff; border-radius: 15px; color: #324a5e; font-size: 16px; height: 52px; } /* .info-center-bar .form-select:hover{ background: #5B46F4; color:#fff } */ .info-bottom-bar { font-size: 14px; color: #a6a6a6; font-weight: 600; } .shift-top { margin-top: -20px; } .live-top-right { font-weight: 500; font-size: 16px; } .live-top-right strong { font-weight: 600; } .live-top-right i { font-size: 26px; margin-right: 5px; } .live-top-right span { border-right: 2px solid #cbcbcb; padding: 0 1.5rem; } .live-top-right span:last-child { border: 0; } .live-invite i { color: #5b46f4; } @media (max-width: 1200px) { .video-thumb { min-height: 380px; } } @media (max-width: 992px) { .video-thumb { min-height: 320px; } } @media (max-width: 767px) { .manage-side-menu ul li a { font-size: 14px; color: #31373e; } .info-center-bar { font-size: 30px; padding: 1rem 0; } .live-top-right { font-weight: 500; font-size: 14px; } .live-top-right i { font-size: 23px; margin-right: 5px; } .live-top-right span { border-right: 2px solid #cbcbcb; padding: 0 1rem; } } @media (max-width: 586px) { .manage-side-menu ul li a { font-size: 12px; color: #31373e; } .info-center-bar { font-size: 28px; padding: 1rem 0; } .live-top-right { font-weight: 500; font-size: 12px; } .live-top-right i { font-size: 18px; margin-right: 5px; } .live-top-right span { border-right: 2px solid #cbcbcb; padding: 0 0.6rem; } } @media (max-width: 470px) { .manage-side-menu ul li a { font-size: 12px; color: #31373e; } .info-center-bar { font-size: 25px; padding: 1rem 0; } .live-top-right { font-weight: 500; font-size: 12px; } .live-top-right i { font-size: 16px; margin-right: 5px; } .live-top-right span { border-right: 2px solid #cbcbcb; padding: 0 0.5rem; } .video-selected { width: 100%; max-width: 100%; margin: 15px auto; } } @media (max-width: 456px) { .live-top-right span { padding: 0 0; } } @media (max-width: 416px) { .live-top-right { font-weight: 500; font-size: 12px; margin-top: -20px; } } /* ============================================================= # Event Tickets Page===========================================================*/ .inline-headings { border-bottom: 1px solid #ccc; padding-bottom: 1rem; } .inline-headings button { padding: 0; } .tickets-cato-heading { font-size: 20px; font-weight: 600; padding-bottom: 1rem; } .tickets-cato-heading span { color: #dfdfdf; } .mytickets-tabs .nav-link { font-size: 16px; color: #324a5e; } .mytickets-tabs { background: #efedff; border: 1px solid #c2baff; border-radius: 50px; } .mytickets-tabs .nav-link.active { background: #5b46f4; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 50px; color: #fff; border: 0; padding: 1rem 1.8rem; font-weight: 400; } .user-profileedit, .user-profileedit img { border-radius: 50%; } .user-profileedit { border: 1px solid rgba(91, 70, 244, 0.12); width: 124px; height: 124px; margin: 0 auto; } .editprofile h3 { font-weight: 600; font-size: 20px; margin: 1rem 0; } .profileeditlinks { margin-bottom: 15px; } .profileeditlinks a { display: block; color: #333333; font-size: 14px; font-weight: 500; } .profileeditlinks a i { margin-right: 10px; font-size: 20px; } .border-b-0 { border-bottom: 0; } .edit-pro-right { border-left: 1px solid #ccc; } .border-btm { border-bottom: 1px solid #ccc; } .sm-heading { font-weight: 500; font-size: 20px; } .eye-icn-pos { position: absolute; right: 35px; bottom: 13px; } @media (min-width: 767px) and (max-width: 992px) { .eye-icn-pos { position: absolute; right: 40px; bottom: 16px; } } @media (min-width: 992px) { .eye-icn-pos { position: absolute; right: 40px; bottom: 24px; } } .edit-footer-text { margin: 1rem 0; font-size: 15px; } .edit-footer-text a { color: #5b46f4; } .delete-account p { margin-bottom: 8px; } .delete-account a { color: #ff9c2c; margin-top: 1rem; display: inline-block; } .sub-inline-heading { font-weight: 500; font-size: 18px; margin: 1rem 0; } .editprofilepage .form-control, .contact-page-form .form-control, .contact-page-form .form-select, .contact-page-form .bd-form-footer .btn-color, .editprofilepage .bd-form-footer .btn-color, .editprofilepage .file-upload-btn { border-radius: 10px; } .editprofilepage .image-upload-wrap, .file-upload-content { border-radius: 20px; } /* =================================================================================== # Contact us page=====================================================================================*/ .contact .curveimage{ background-image: url('/static/event/theme2/assets/img/contact-img.jpg') ; margin-left: -1px; } .curveimage-container { width: 100vw; height: 40vw; overflow: hidden; position: relative; } .curveimage-circle { background-color: transparent; width: 200vw; line-height: 200vw; overflow: hidden; border-radius: 100%; position: absolute; bottom: 0; transform: translateX(-51%); margin: 0 50%; text-align: center; } .curveimage { display: inline-block; width: 100%; height: 52vw; background-color: transparent; vertical-align: bottom; background-size: cover; background-position: 0 0; } @media (max-width: 480px) { .curveimage { height: 52vw; } .mytickets-tabs .nav-link { font-size: 14px; } .mytickets-tabs .nav-link.active { border-radius: 50px; padding: 1rem 1rem; } } @media (max-width: 767px) { .curveimage { height: 70vw; } .edit-pro-right { border-left: 0 solid #ccc; } } @media (max-width: 576px) { .curveimage { height: 85vw; } } .contact-banner-circle { background: linear-gradient( 90deg, #653a81 1.22%, #7e3b82 38.97%, #701e44 100% ); box-shadow: 0 15px 47px rgba(0, 0, 0, 0.25); color: #fff; font-weight: 700; font-size: 2.5vw; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 460px; height: 460px; flex-direction: column; text-transform: uppercase; padding: 0 3rem; margin-left: 8rem; } .contact-bg { background-image: url(/static/event/theme2/assets/img/contact-form-bg.png); height: 100%; width: 100%; background-size: 90%; margin-left: -50px; background-repeat: no-repeat; } .contact-page-form { background: #fff; padding: 5rem 0; margin-top: 7rem; color: #6f7287; } .contact-page-form h2 { color: #333333; font-size: 44px; font-weight: 700; } .contact-page-form p { padding: 0; font-size: 20px; margin-top: 2rem; } .cir-sm-text { font-size: 1.5rem; font-weight: 400; display: block; text-transform: none; } .banner-contact { margin-top: 80px; padding: 3rem 4rem; } .banner-contact h2 { color: #fff; font-weight: 600; font-size: 30px; } .banner-contact .breadcrumb-item.active { color: #fff; } .banner-contact .breadcrumb { font-weight: 600; color: #dfdfdf; } .banner-contact .breadcrumb a { color: #dfdfdf; } .contact-page-form textarea.form-control { border-radius: 15px; } .contact-map { overflow: hidden; padding-bottom: 40.25%; position: relative; height: 0; width: 100%; } .contact iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .contact-book-tickets span { font-weight: 400; font-size: 3.5vw; color: #fff; font-style: italic; } .contact-book-tickets .section-header { margin-bottom: 0; } .contact-book-tickets .section-header h2 { font-size: 74px; } .about-us .bd-form-footer .btn-color { border-radius: 50px; } .about-us .curveimage{ background-image: url('/static/event/theme2/assets/img/about-us.jpg'); } @media (max-width: 450px) { .contact-banner-circle { height: 300px; width: 300px; font-size: 1.2rem; margin: -10px 0 0 0; } .cir-sm-text { font-size: 1rem; } .bd-form-footer .btn-color.event { padding: 1rem 0.6rem; font-size: 0.8rem; } } @media (min-width: 450px) and (max-width: 480px) { .about-img-curve { margin-top: 40px; } } @media (max-width: 400px) { .contact-banner-circle { height: 260px; width: 260px; margin: -10px 0 0 0; } .bd-form-footer .btn-color.event { padding: 1rem 0.6rem; font-size: 0.6rem; } } @media (min-width: 992px) and (max-width: 1100px) { .contact-banner-circle { height: 400px; width: 400px; font-size: 1.5rem; margin: -10px 0 0 5%; } } @media (min-width: 767px) and (max-width: 992px) { .contact-page-form h2 { font-size: 30px; } .contact-page-form p { font-size: 20px; } .contact-banner-circle { height: 350px; width: 350px; font-size: 1.5rem; margin: -10px 0 0 5%; } .cir-sm-text { font-size: 1.2rem; } .contact-book-tickets .section-header h2 { font-size: 55px; } .banner-contact h2 { margin-bottom: 0; } } @media (min-width: 576px) and (max-width: 767px) { .contact-page-form h2 { font-size: 26px; } .contact-page-form p { font-size: 16px; padding: 0 2rem 0 1rem; } .contact-banner-circle { height: 350px; width: 350px; font-size: 1.5rem; margin: -10px 0 0 5%; } .cir-sm-text { font-size: 1.3rem; } .contact-book-tickets .section-header h2 { font-size: 44px; } .bd-form-footer .btn-color.event { padding: 1rem 0.8rem; font-size: 1rem; } .banner-contact { margin-top: 80px; padding: 2rem 4rem; } .banner-contact h2 { margin-bottom: 0; } .about-us .bd-form-footer .btn-color { border-radius: 50px; margin-left: 30px; } .contact-book-tickets .section-header h2 { font-size: 50px; } } @media (max-width: 576px) { .bd-form-footer .btn-color, .guest-invite-table-footer .grey-btn { padding: 0.6rem 1.5rem; font-size: 12px; } .banner-contact { margin-top: 80px; padding: 1rem 4rem; } .banner-contact h2 { margin-bottom: 0; } .contact-page-form h2 { font-size: 20px; } .contact-page-form p { padding: 0 2rem 0 1rem; font-size: 16px; margin-top: 2rem; } .about-us .bd-form-footer .btn-color { border-radius: 50px; margin-left: 20px; } .contact-book-tickets .section-header h2 { font-size: 51px; } } @media (min-width: 450px) and (max-width: 576px) { .contact-banner-circle { height: 350px; width: 350px; font-size: 1.3rem; margin: -10px 0 0 5%; } .cir-sm-text { font-size: 1.1rem; } .bd-form-footer .btn-color.event { padding: 1rem 0.8rem; font-size: 0.8rem; } } /* ================================================================== # Cookies/Policy pages===================================================================*/ .cookies-container { margin-top: 120px; } .cookies-container h2 { font-weight: 600; font-size: 30px; } .cookies-container .breadcrumb a { color: #333333; font-weight: 600; } .cookies-content { background: #ffffff; border-radius: 15px; margin: 3rem 0; padding: 4rem; color: #6f7287; font-size: 17px; } .cookies-content h5 { font-weight: 400; font-size: 24px; margin-bottom: 1.5rem; } .cookies-content p { margin-bottom: 2rem; } .cookies-content strong { font-weight: 500; color: #333333; text-decoration: underline; } .cookies-content p.strong { color: #333333; } .cookies-subtitle { font-size: 22px; color: #000000; margin-bottom: 2rem; } .blue-point { width: 8px; height: 8px; background-color: #5b46f4; border-radius: 50%; display: inline-block; margin-right: 0.5rem; } .cookies-content ul { list-style: none; } .cookies-content a { color: #5b46f4; } .cookies-content ul li { margin-bottom: 10px; } .cookies-content ul li::before { content: "\2022"; color: #5b46f4; font-weight: bold; display: inline-block; width: 1em; font-size: 24px; margin-left: -1em; } @media (min-width: 1200px) { .cookies-subtitle { font-size: 24px; color: #000000; margin-bottom: 2rem; } .cookies-content h5 { font-size: 26px; margin-bottom: 1.2rem; } .cookies-content { background: #ffffff; border-radius: 15px; margin: 3rem 0; padding: 4rem; color: #6f7287; font-size: 18px; } } @media (max-width: 992px) { .cookies-subtitle { font-size: 20px; color: #000000; margin-bottom: 1rem; } .cookies-content p { margin-bottom: 1rem; } .cookies-content { font-size: 16px; } .cookies-content h5 { font-size: 22px; margin-bottom: 1.2rem; } } /* ============================================================== About Us Page============================================================== */ .about-img-curve { text-align: center; } .about-img-curve img { width: 70%; border-radius: 35px; height: 150%; } .about-wrap { padding: 5rem 0; font-size: 20px; color: #6f7287; } .about-wrap p { padding-right: 3rem; } .about-wrap h3 { font-weight: 700; font-size: 40px; } @media (max-width: 767px) { .about-wrap p { padding: 0 1.5rem; font-size: 14px; } .about-wrap h3 { font-weight: 700; font-size: 30px; padding: 0 2rem; } .about-wrap { margin-top: 10px; } .cookies-subtitle { font-size: 18px; margin-bottom: 1rem; } .cookies-content { font-size: 15px; } .cookies-content ul li { margin-bottom: 5px; } .cookies-content h5 { font-size: 20px; margin-bottom: 1rem; } } @media (max-width: 576px) { .about-wrap p { padding: 0 1.5rem; font-size: 12px; } .about-wrap h3 { font-weight: 700; font-size: 30px; padding: 0 1.5rem; } .about-img-curve img { height: 360px; width: 85%; } .cookies-subtitle { font-size: 16px; } .cookies-content { font-size: 14px; } .cookies-content p { margin-bottom: 1rem; } .cookies-content ul li { margin-bottom: 5px; } .cookies-content h5 { font-size: 18px; margin-bottom: 1rem; } } @media (min-width: 576px) and (max-width: 767px) { /* .about-img-curve{ margin-top: 80px;} */ .about-img-curve img { width: 75%; } } @media (min-width: 767px) and (max-width: 992px) { .about-wrap { margin-top: 50px; } .about-img-curve img { width: 100%; } } @media (max-width: 470px) { .about-img-curve img { height: 300px; width: 85%; } } .about-text { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .about-text.organise { padding-left: 100px; padding-top: 25px; } } @media (max-width: 767px) { .about-text { padding: 0 40px; } } @media (max-width: 576px) { .about-text { padding: 0 15px; } } .text-left p { padding-right: 0; } .mb-7 { margin-bottom: 7rem !important; } .pl-7 { padding-left: 7rem !important; } .arrival-box { background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(213, 213, 213, 0.19); box-shadow: 0 4px 27px rgba(0, 0, 0, 0.07); border-radius: 15px; position: relative; padding: 0 5rem 4rem; } @media (min-width: 1400px) { .arrival-box { padding: 0 3rem 4rem; } } @media (max-width: 576px) { .arrival-box { padding: 0 2rem 2rem; margin: auto 20px; } } .box-top-icn { margin-top: -60px; } .box-top-icn img { height: 100px; } .arrival-box h3 { font-weight: 600; font-size: 26px; color: #fff; margin-top: 1.5rem; } .purpul-bg .section-header .arrival-box p { margin-bottom: 1.5rem; color: #aeaeae; } .arrival-box p, .arrival-box a { font-size: 20px; } .arrival-box a { color: #fff; font-size: 20px; } p.arrival-text { padding: 0 4rem 6rem; } .tickts-list { padding: 5rem 0; color: #6f7287; } .tickts-list h3 { color: #333333; font-weight: 700; font-size: 55px; } .tickts-list p { font-size: 20px; } .info-container { border: 1px solid #dfdfdf; filter: drop-shadow(0px 15px 47px rgba(0, 0, 0, 0.05)); border-radius: 30px; padding: 1rem; min-height: 582px; } .info-container i { color: #5b46f4; } @media (max-width: 767px) { .info-container { min-height: 100%; } .arrival-box.adv { margin-top: 100px; } } .info-img { width: 100%; height: 100%; overflow: hidden; border-radius: 30px; } .info-img img { width: 100%; height: 100%; } .info-container h4 { font-weight: 700; font-size: 20px; margin: 1rem 0; } .info-listing { list-style: none; margin: 0; padding: 0; } .info-listing li { display: flex; align-items: center; justify-content: flex-start; padding: 0.5rem 0; } .info-icn { background: #f5f4f9; text-align: center; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5rem; } .arrival-box p, .arrival-box a { font-size: 16px; } /* ==================================================================== Shopping page ---------------------------------------------------------------------*/ .shopping-container { background: #eaedfa; border: 1px solid #eaedfa; border-radius: 15px; color: #6f7287; } .donation-box { background-color: #fff; } .donation-top { justify-content: center; align-items: flex-start; flex-direction: column; font-size: 20px; } .flex-center { justify-content: flex-start; align-items: center; } .bold { font-weight: 600; font-size: 24px; color: #333; } .donation-top small { font-size: 20px; color: #333333; } .donation-top span.name { font-size: 26px; font-weight: 500; } .text-color { color: #6f7287; } .supporting-name, .pricie-input { border-bottom: 1px solid #c7cee1; margin: 0 3rem; } .icn-price { display: inline-flex; align-items: center; flex-direction: column; position: absolute; right: 24px; bottom: 3px; color: #5d658d; } .doller { font-weight: 600; font-size: 24px; line-height: 16px; } .pr-6 { padding-right: 6rem !important; } .tip-service p { font-size: 18px; } .tip-service a { color: #333; text-decoration: underline; } .price-box { background: #ffffff; border-radius: 20px; width: 80%; padding: 2.5rem 3rem; } .center-block { display: flex; justify-content: center; align-items: center; flex-direction: column; } .price-box h3 { font-weight: 600; font-size: 26px; } .border-btn { border-bottom: 1px solid #e8e8e8; } .price-row { color: #6f7287; font-size: 22px; display: flex; justify-content: space-between; align-items: flex-start; padding: 1rem 0; } .ammount { font-weight: 600; font-size: 24px; color: #000; } .price-footer { border-top: 3px dashed #c7cee1; position: relative; margin: 4rem -1.75rem 0; padding: 1rem 2rem; color: #6f7287; font-size: 24px; } .price-footer:after, .price-footer:before { width: 48px; height: 48px; background-color: #eaedfa; border-radius: 50%; content: ""; position: absolute; } .price-footer:after { top: -24px; right: -45px; } .price-footer:before { top: -24px; left: -45px; } .price-footer p { margin-bottom: 0; } .price-footer p span img { float: right; } .total-amount { font-weight: 700; font-size: 56px; color: #333333; } .price-footer sub, .cart-footer sub { font-size: 27px; color: #333333; top: -2px; margin-right: 8px; font-weight: 400; } .width-300 { width: 160px; height: 50px; } .shopping-container .table th { background: transparent; font-size: 20px; font-weight: 600; vertical-align: middle; } .shopping-container .table td { background: #fff; font-size: 18px; color: #333333; font-weight: 500; } .shopping-container .table td span { color: #6f7287; } .shopping-container .table td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .shopping-container .table td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .shopping-container table { border-collapse: separate; border-spacing: 0 1em; } .shopping-container table .number { display: inline-flex; justify-content: center; align-items: center; } .shopping-container table .number input { border: 0; width: 40px; color: #333; font-weight: 700; font-size: 22px; text-align: center; } .shopping-container table span.plus, .shopping-container table span.minus { background: #eaedfa; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: #5b46f4; font-weight: 600; font-size: 40px; border-radius: 50%; } .cart-footer { font-size: 33px; color: #6f7287; display: flex; justify-content: space-between; align-items: center; } .cart-footer p { font-size: 22px; } @media (max-width: 576px) { .cart-footer p { font-size: 22px; } .price-footer sub, .cart-footer sub { font-size: 27px; color: #333333; top: -2px; margin-right: 8px; } .price-footer { margin: 4rem -1.75rem 0; padding: 1rem 2rem; font-size: 22px; } .total-amount { font-weight: 700; font-size: 40px; } .cart-footer { font-size: 26px; color: #6f7287; flex-direction: row; flex-flow: column; margin-top: 20px; padding-bottom: 0 !important; } .ammount { font-weight: 600; font-size: 22px; } .price-row { color: #6f7287; font-size: 18px; display: flex; justify-content: space-between; align-items: flex-start; padding: 1rem 0; } .supporting-name img { width: 100px; } .shopping-container .table td { font-size: 14px; } .shopping-container .table th { background: transparent; font-size: 14px; font-weight: 600; } .shopping-container table span.plus, .shopping-container table span.minus { background: #eaedfa; width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; color: #5b46f4; font-weight: 600; font-size: 20px; border-radius: 50%; } } @media (max-width: 480px) { .shopping-container table span.plus, .shopping-container table span.minus { background: #eaedfa; width: 0; height: 0; font-size: 20px; } .shopping-container { border: 0 solid #eaedfa; border-radius: 15px; } .shopping-container table { border-spacing: 0 0; } .shopping-container .table th { background: transparent; font-size: 12px; font-weight: 600; } .shopping-container .table td { font-size: 12px; } .shopping-container table .number input { width: 30px; font-size: 16px; } } /* ========================================= Event Detail page=========================================*/ .flex { display: flex; flex-wrap: wrap; justify-content: left; align-items: flex-start; } .noContent { color: #666 !important; background-color: #999 !important; pointer-events: none; } #loadMore2 { width: 200px; height: 50px; color: #fff; display: block; text-align: center; margin: 20px auto; padding: 10px; border-radius: 50px; border: 1px solid transparent; background-color: #DC143C; transition: .3s; } #loadMore2:hover { color: blue; background-color: #fff; border: 1px solid blue; text-decoration: none; } .eventDescription { word-wrap: break-word; white-space: pre-wrap; word-break: break-word; } .aboutEventDiv .content { margin: 5px; border: 1px solid lightgrey; display: none; } .eventMediaThumbnailsDiv .content { max-width: 150px; margin: 5px; display: flex; } .video_modal { position: relative; } .video_modal i { position: absolute; font-size: 3rem; left: 60%; color: #b9a9a9; top: 55%; } .video_modal_ed .modal-body { padding: 0.5rem 0.8rem; } .video_modal_ed .modal-header .btn-close { top: 20px; } iframe#iframeYoutube { width: 100%; height: 300px; border-radius: 15px; } .headerBannerImgDiv { width: 100%; height: 616px; } /* Top Banner Event Page*/ .headerBannerImgDiv .bannerImgHeader { /*width: 100%;*/ height: 610px; object-fit: cover; object-position: top center; /* background-color: #000; */ background: #642B73; background: -webkit-linear-gradient(to right, #C6426E, #642B73); background: linear-gradient(to right, #C6426E, #642B73); } /* Top Banner Event End*/ .titleHeaderDiv { position: absolute; top: 0; } /* .event-hero-image { background: url("/static/event/theme2/assets/img/eventbanner1.png") no-repeat; height: 616px; width: 100%; background-size:cover;} */ .event-detail-header { margin: 80px auto; } .event-hero-image { padding: 0; display: block; position: relative; } .event-detail-header .container-fluid-custom .dashboard-breadcrum { display: block; margin-top: 0; margin-bottom: 3rem !important; } .event-detail-header .container-fluid-custom .breadcrumb { padding-top: 0; } .event-detail-header .container-fluid-custom h2 { margin-bottom: 0; font-family: Poppins-Regular, sans-serif; font-style: normal; font-weight: 600; font-size: 30px; line-height: 60px; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); margin-top: 30px; } .event-detail-header .container-fluid-custom nav ol li.breadcrumb-item a { font-family: Poppins-Regular, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 13px; color: #a8a8a8; } .event-detail-header .container-fluid-custom nav ol li.breadcrumb-item.active { color: #ffffff !important; } .event-detail-header .Countdown-Div { position: absolute; right: 0; top: 28px; } .event-detail-header .Countdown-Div h3 { width: 167px; height: 34px; font-family: Poppins-Regular, sans-serif; font-style: normal; font-weight: 600; font-size: 28px; line-height: 34px; color: #ffffff; } .event-detail-header .Countdown-Div .timerDiv span { display: inline-block; background: #ffffff; border-radius: 10px; width: 70px; height: 70px; font-family: Poppins-Regular, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 14px; text-align: center; color: #5d658d; margin-right: 9px; padding: 22px 5px; } .event-detail-header .Countdown-Div .timerDiv span b { color: #475fdb; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 24px; padding-bottom: 4px; display: block; } .bannerEventInfo { box-sizing: border-box; /*position: absolute;*/ height: 300px; width: 100%; left: 0; bottom: 0; padding-bottom: 4rem; background: linear-gradient( 91.22deg, rgba(148 17 234 / 69%) 2.77%, rgba(126, 59, 130, 0.81) 98.35% ); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25); backdrop-filter: blur(40px); /* Note: backdrop-filter has minimal browser support */ border-radius: 0 30px 0 0; } .bannerEventInfo ul { padding-top: 25px; } .bannerEventInfo ul li:first-child { width: 55%; } .bannerEventInfo ul li:nth-child(2) { width: 40%; } .bannerEventInfo ul li { list-style: none; display: inline-block; float: left; position: relative; margin: 0 20px 0 0; } .bannerEventInfo ul li:first-child:before { width: 0; } .bannerEventInfo ul li:before { content: ""; position: absolute; width: 1px; left: 0; top: 20%; background-color: #c6c6c6; height: 100px; margin: 0 0 0 -40px; } .bannerEventInfo ul li .lineBreak { width: 98px; height: 0; display: inline-block; border: 1px solid #c6c6c6; transform: rotate(90deg); } .bannerEventInfo .title-txt { width: 90%; height: 94px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 30px; line-height: 47px; text-transform: uppercase; color: #ffffff; height: auto; } .bannerEventInfo .locationInfo .locationIcon { width: 20px; height: 100px; display: inline-block; float: left; margin-right: 10px; } .bannerEventInfo .locationInfo { display: block; float: left; width: 80%; height: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #dcdcdc; } .bannerEventInfo .locationInfo .location_address { display: flex; flex-flow: column; } .timeDate-Select { background: url(/static/event/theme2/assets/img/dateTimeBGImage.png) no-repeat; width: 100%; height: 100px; background-size: cover; padding: 60px 0 60px 60px; margin-left: -20px; } .timeDate-Select span b { display: inline-block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 22px; line-height: 30px; color: #ffffff; } .timeDate-Select span:nth-child(2) { width: 20%; padding: 0 5px 0 0; } .timeDate-Select span:after { height: 10px; width: 2px; background: #fff; display: block; } .timeDate-Select span { width: 36%; margin-left: 10px; padding-left: 10px; float: left; display: inline-block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; /* identical to box height */ color: #ffffff; } .timeDate-Select span i { color: #fff; font-size: 25px; margin-right: 5px; } .timeDate-Select span img { float: left; padding: 0 5px 0 0; } .EventPrice-Rate { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #ffffff; } .EventPrice-Rate h4 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #ffffff; margin-top: 35px; } .EventPrice-Rate h1 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 40px; line-height: 34px; color: #ffffff; } .contentMainBox { display: inline-flex; } .contentBox { background: #fff; border-radius: 20px; width: 100%; display: inline-block; } .contentMainBox.leftDiv { width: 68%; display: inline-block; margin-right: 20px; } .contentMainBox.rightDiv { width: 30%; display: inline-block; position: relative; top: 0; float: right; padding: 40px 54px; background: #fff; border-radius: 20px; } .TagsDiv { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 24px; color: #333333; margin: 54px 77px 0; } .TagsDiv button { border: 0 solid #dcdcdc; background: #eaedfa; border-radius: 30px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; text-align: center; color: #475fdb; padding: 9px 12px; cursor: text; } .TagsDiv button.pink { color: #e33977; background: #fcebf1; } .TagsDiv button.orange { color: #d95a25; background: #fbeee8; } .TagsDiv span b { font-weight: 100; color: #b8b8b8; } .TagsDiv span.star i { color: #f6ac31; } .aboutEventDiv h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 28px; line-height: 30px; color: #333333; } .HRLine { margin: 30px 0; clear: both; display: block; color: #E8E8E8; } .aboutEventDiv { margin: 0 77px; } .aboutEventDiv p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; color: #6f7287; } .aboutEventDiv tbody tr td img { width: auto; height: 100%; border-radius: 15px; } .aboutEventDiv img { /*width: 100%;*/ height: 100%; border-radius: 15px; } .aboutEventDiv a { width: 22%; } .aboutEventDiv a img.playBtn { width: 100px; height: auto; position: absolute; top: 35%; left: 35%; z-index: 10; cursor: pointer; } .eventMediaThumbnailsDiv img { height: 150px; border-radius: 15px; display: flex; width: 150px; } .commentSection { margin: 0 77px; } .commentSection .shareBtnDiv button { float: none; } .commentSection h1 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 40px; color: #333333; } .commentSection .commentBox { width: 100%; height: 76px; background: #f4f4f4; border-radius: 50px; } .commentSection input { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; text-align: left; color: #8f8f8f; width: 60%; border: 0; background: transparent; padding-left: 20px; margin: 24px 44px; } .commentSection .moreCommentBtn { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 23px; line-height: 24px; color: #000000; } /* .directionsDiv .mapLocation iframe{ width: 100%; height: 430px; background: rgba(0, 0, 0, 0.37); border-radius: 15px; } */ .directionsDiv h1 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 40px; color: #333333; } .signupItemsDiv ul { list-style: none; padding-left: 0; } .signupItemsDiv ul li { width: 31%; min-height: 300px; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 20px; margin-right: 18px; display: inline-block; margin-bottom: 43px; } .signupItemsDiv ul li .innerDiv { margin: 21px; display: flex; } .signupItemsDiv ul li .dateTimebox { width: 75%; float: right; display: inline-block; } .signupItemsDiv .singupCalenderIcon { display: inline-block; margin-right: 12px; } .signupItemsDiv ul li .dateTimebox span { background: #e5f9dc; border-radius: 10px; padding: 12px 10px 12px 20px; display: block; } .signupItemsDiv ul li .dateTimebox span b.dateTxt { display: block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #707070; } .signupItemsDiv ul li div.purpose-txt { font-size: 14px; padding-top: 10px; } .signupItemsDiv ul li div.slots-left-status { padding-top: 10px; } .signupItemsDiv ul li div.slots-filled-status { padding-top: 10px; } .signupItemsDiv ul li .dateTimebox span b.timeTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #658c53; } .signupItemsDiv ul li button.signUpBtn { box-sizing: border-box; width: 122px; height: 47px; border: 2px solid #423368; border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; color: #333333; background-color: #ffffff; margin: auto; display: block; } .signupItemsDiv ul li button.signUpBtn:hover { background-color: #dc143c; color: #ffffff; border: 2px solid #dc143c; } .signupItemsDiv ul li button.signUpBtn:disabled { color: #333333; border: 2px solid #423368; opacity: 0.3; background-color: #ffffff; } .signupItemsDiv ul li .dateTimebox b.slotTxt.bluetxt { color: #5b46f4 !important; } .signupItemsDiv ul li .dateTimebox b.slotTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; color: #ea5750; } .signupItemsDiv ul li .hrLineDiv { margin: 70px 0 30px; } .commentSection button { margin-top: 10px !important; } .potluckItemsDiv h1 { width: 240px; height: 40px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 40px; color: #333333; } .potluckItemsDiv h4 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 23px; line-height: 24px; color: #000000; } .potluckItemsDiv ul { list-style: none; padding: 0; margin-bottom: 0; display: inline-flex; width: 100%; } .potluckItemsDiv ul li.selected { background: #f6f7f9; border: 1px solid #5072ea; box-shadow: 0 15px 27px rgba(0, 0, 0, 0.1); border-radius: 15px; } .potluckItemsDiv ul li { background: #f6f7f9; width: 31%; min-height: 126px; border: 1px solid #e1e7f4; border-radius: 20px; margin-right: 14px; padding: 0 15px; display: flex; justify-content: space-around; align-items: center; margin-top: 43px; } .potluckItemsDiv ul li span { width: 70%; } .potluckItemsDiv ul li span b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; color: #333333; } .potluckItemsDiv ul li span p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #333333; margin-bottom: 0; } .GiftRegistryDiv { margin-bottom: 70px !important; } .eventgiftlist { display: flex; align-items: flex-start; justify-content: space-around; } .scheduleEventDiv h4, .GiftRegistryDiv h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 20px; color: #000000; } .scheduleEventDiv h1, .GiftRegistryDiv h1 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 34px; color: #333333; } .GiftRegistryDiv p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; color: #6f7287; } .GiftRegistryDiv b { width: 215px; /* height: 300px; */ border-radius: 15px; display: inline-block; margin-right: 41px; float: left; } .GiftRegistryDiv .bannerImg { width: 215px; border-radius: 15px; display: inline-block; margin-right: 41px; float: left; max-height: 175px; } .GiftRegistryDiv ul { list-style: none; padding-left: 0; } .GiftRegistryDiv .giftDataList li { width: 150px; height: 60px; display: inline-block; text-align: center; } .GiftRegistryDiv .giftDataList li:last-child { /*width: auto; changed for Merchandise price alignment*/ width: 110px; height: auto; } .GiftRegistryDiv .giftDataList li input[type="checkbox"] { width: 35px; height: 35px; vertical-align: middle; border-radius: 20px !important; } .GiftRegistryDiv .giftDataList li b { display: block; margin: auto; width: 55px; position: relative; top: -5px; height: 37px; background: #fbeee8; border-radius: 30px; padding: 10px; text-align: center; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 15px; } .GiftRegistryDiv .giftDataList li b.registered { color: #d99c25; } .GiftRegistryDiv .giftDataList li b.available { color: #ea5750; } .GiftRegistryDiv .giftDataList li.totalCountTxt b.total { width: 60px; /* Added this for merchandise price fix*/ color: #475fdb; background-color: #eaedfa; } .GiftRegistryDiv button img { margin-left: 13px; width: 14px; height: 14px; } .scheduleEventDiv button, .GiftRegistryDiv button, .potluckItemsDiv button { margin-top: 30px !important; } .scheduleEventDiv, .GiftRegistryDiv, .potluckItemsDiv, .directionsDiv, .signupItemsDiv { margin: 0 77px; } .commentSection button { float: right; margin-right: 10px; } .scheduleEventDiv button { height: 56px; background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; text-align: center; color: #ffffff; border: 0; margin-top: 40px; } .GiftRegistryDiv button, .commentSection button, .aboutEventDiv button { width: 220px; height: 56px; background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; text-align: center; color: #ffffff; border: 0; margin-top: 40px; } .potluckItemsDiv button { width: 100px; /*height: 56px;*/ background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; text-align: center; color: #ffffff; border: 0; margin-top: 40px; } .commentSection .shareBtnDiv button { float: none; } .moreCommentDiv .dropdown-action { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 20px; color: #000000; width: 350px; padding: 0.5em 0.5em; border-radius: 0.25em; cursor: pointer; display: flex; align-items: center; justify-content: space-between; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 40px 0 0; } .moreCommentDiv .dropdown-action .caret-down { height: 100%; display: flex; align-items: center; } .moreCommentDiv .dropdown-action .caret-down i { transition: transform 0.2s ease-in-out; transform: rotateZ(180deg); } .moreCommentDiv .dropdown-action.active-dropdown span i { transform: rotateZ(0deg); } .moreCommentDiv .dropdown-content { padding: 0 0.2em; max-height: 0; transition: max-height 0.5s ease-in-out; overflow: hidden; background-color: #fff; padding: 0; #display: flex; align-items: center; flex-direction: column; } .moreCommentDiv .dropdown-content .profilePicDiv { width: 77px; height: 77px; border-radius: 50px; display: inline-block; } .moreCommentDiv .dropdown-content .userCommentList li span { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; width: 85%; display: inline-block; float: right; } .moreCommentDiv .dropdown-content .userCommentList li:not(:first-child) { clear: both; margin-top: 50px; } .moreCommentDiv .dropdown-content .userCommentList li span b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #6f7287; } .moreCommentDiv .dropdown-content .userCommentList li span p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #6f7287; } .shareBtnDiv button { box-shadow: 0 0 0; padding: 0; width: 101px; height: 37px; background: #eaedfa; border-radius: 30px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 15px; text-align: center; color: #475fdb; } .shareBtnDiv button img { margin-right: 5px; margin-bottom: 0 !important; margin-top: -2px; } .shareBtnDiv .redBg { background: #fcebf1 !important; color: #e33977 !important; } .shareBtnDiv .blueBg { color: #475fdb; } .userCommentListIInner .commentSection { margin: 20px 0 !important; display: inline-block; width: 94%; float: right; } .userCommentListIInner .commentSection input { width: 40% !important; } .userCommentListIInner { list-style: none; padding-left: 80px; margin-top: 30px; display: inline-block; } .moreCommentDiv .dropdown-content .userCommentList li span .shareBtnDiv b { width: 37px; height: 37px; display: inline-block; background: #eaedfa; border-radius: 30px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 15px; text-align: center; color: #475fdb; padding: 12px; text-align: center; margin: 0 20px 0 5px; } .shareBtnDiv i { margin-right: 5px; } .userCommentList { list-style: none; } .moreCommentDiv .dropdown-content * { animation: fadeOut 0.5s ease-in-out; opacity: 0; } .moreCommentDiv .dropdown-action.active-dropdown + .dropdown-content * { animation: fadeIn 0.5s ease-in-out; opacity: 1; } .moreCommentDiv .dropdown-content img { width: 100%; height: auto; max-width: fit-content; margin-bottom: 0.5em; } .sideAddNWatch { position: absolute; width: 50%; height: 100px; color: #fff; right: 0; margin-top: -40px; } .sideAddNWatch .calendarBtn { width: 260px; height: 65px; background: #ffffff; border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; color: #5d658d; padding: 20px 34px; } .sideAddNWatch .dropdown-menu { margin-top: 30px; width: 260px; height: 289px; background: #ffffff; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); border-radius: 15px; } .sideAddNWatch .dropdown-menu li a b { width: 37px; height: 37px; border-radius: 50px; display: inline-block; background: #dcdcdc; text-align: center; padding: 5px; margin-right: 10px; } .sideAddNWatch a.socialIcon img { width: 24px; height: auto; } .sideAddNWatch .dropdown-menu li a { padding: 14px 0 14px 34px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #5d658d; display: block; } .sideAddNWatch a.socialIcon { margin-left: 13px; display: inline-block; width: 65px; height: 65px; background: #ffffff; border-radius: 50px; text-align: center; padding: 20px; margin-top: 0; } .sideAddNWatch a.socialIcon i { color: #b3b3b3; font-size: 20px; } .sideAddNWatch a.socialIcon:hover i { color: #da0203; } .sideAddNWatch button img { margin-right: 5px; } .sideAddNWatch button { margin-left: 13px; border: 0; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff; width: 208px; height: 65px; background: linear-gradient(270deg, #712048 0%, #653a81 100%); border-radius: 50px; } .sideAddNWatch button i { margin-right: 5px; } .sideAddNWatch .dropdown-menu li a:hover b { background: #ffffff; } .sideAddNWatch .dropdown-menu li a:hover { height: 64px; background: #f5f4f9; } .speakerListDiv { list-style: none; padding-left: 0; } .speakerListDiv li { display: inline-block; width: 46%; /*height: 391px;*/ text-align: center; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 30px; padding: 35px 0; margin-bottom: 39px; margin-right: 34px; } /* .speakerListDiv li:nth-child(4n) {margin-right: 0px;} */ .speakerListDiv li .profilePicIcon { width: 118px; height: 118px; border-radius: 50%; border: 2px solid #5b46f4; display: block; padding: 13px; margin: auto auto 13px; } .speakerListDiv li b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; text-align: center; color: #333333; display: block; margin-bottom: 13px; } .speakerListDiv li .socialIconDiv a { width: 37px; height: 37px; border-radius: 50%; background: #fff; display: inline-block; } .speakerListDiv li .socialIconDiv a.fbDiv { background: #eaedfa; } .speakerListDiv li .socialIconDiv a.fbDiv i { color: #5b46f4; } .speakerListDiv li .socialIconDiv a.inDiv { background: #fcebf1; } .speakerListDiv li .socialIconDiv a.inDiv i { color: #e33977; } .speakerListDiv li .socialIconDiv a.twDiv { background: #d5eeff; margin-right: 0 !important; } .speakerListDiv li .socialIconDiv a.twDiv i { color: #1d9bf0; } .speakerListDiv li .socialIconDiv a.instaDiv { background: #fcebf1; } .speakerListDiv li .socialIconDiv a.instaDiv i { color: #e33977; } .speakerListDiv li span i.bi { font-size: 20px; height: auto; margin-right: 5px; } .speakerListDiv li span a, .speakerListDiv li span { display: block; margin-bottom: 15px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; margin-bottom: 13px; } .speakerListDiv li .profilePicIcon img { width: 130px; height: 130px; border-radius: 50%; border: 2px solid #5b46f4; margin-top: -25px; margin-left: -15px; filter: drop-shadow(0px 10px 27px rgba(0, 0, 0, 0.15)); } .speakerListDiv li .sponsorsPicIcon img { max-width: 230px; max-height: 160px; border-radius: 15px; border: 2px solid #5b46f4; margin-top: -50px; margin-left: -30px; filter: drop-shadow(0px 10px 27px rgba(0, 0, 0, 0.15)); } .speakerListDiv li .socialIconDiv a img { width: 20px; height: auto; } .speakerListDiv li .socialIconDiv a { margin-right: 13px; display: inline-block; width: 50px; height: 50px; background: #ffffff; border-radius: 50px; text-align: center; padding: 12px; margin-top: 0; } /* .signupItemsDiv ul li .innerDiv{ display: inline-block; background: #5B46F4; height: 40px; width:40px; padding: 5px; padding-bottom: 7px; border-radius: 50px; } */ .signupItemsDiv ul li .innerDiv i.bi-calendar4-event { color: #fff; margin: 4px; background: #5b46f4; font-size: 18px; border-radius: 50%; /* padding: 0.3rem 0.48rem; */ width: 38px; height: 38px; text-align: center; vertical-align: middle; display: inline-block; line-height: 36px; } .signupItemsDiv ul li .innerDiv i.bi-alarm.red { color: #ea5750; font-size: 12px; } .signupItemsDiv ul li .innerDiv i.bi-alarm.blue { color: #5b46f4; font-size: 12px; } .slick-wrapper { margin: auto; display: block; width: 80.2%; background-color: transparent; } .slide-item { background-color: transparent; color: transparent; display: flex !important; justify-content: center; align-items: center; text-align: center; height: 120px; border: 1px solid #dcdcdc; } .EventUserLogDiv .slide-item { height: 90px; } .SponsorsDiv .slick-slide img { filter: grayscale(1); } .RelatedEventsDiv { margin: 80px 0 0; } .RelatedEventsDiv .slick-initialized .slick-slide { display: block; margin-right: 30px; width: 295px !important; } .RelatedEventsDiv .slick-slider .slick-track, .RelatedEventsDiv .slick-slider .slick-list { width: 100%; } .RelatedEventsDiv .slide-item { position: relative; width: 100%; height: auto; background: linear-gradient( 209.83deg, rgba(23, 5, 26, 0.39) 8.34%, rgba(110, 47, 140, 0.5) 85.2%, rgba(110, 47, 140, 0.11) 85.2% ); mix-blend-mode: normal; border-radius: 20px; } .SponsorsDiv button, .RelatedEventsDiv button { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .SponsorsDiv .slide-arrow, .RelatedEventsDiv .slide-arrow { position: absolute; top: 50%; margin-top: -15px; } .SponsorsDiv .prev-arrow, .RelatedEventsDiv .prev-arrow { width: 0; height: 0; } .SponsorsDiv .next-arrow, .RelatedEventsDiv .next-arrow { width: 0; height: 0; } .RelatedEventsDiv .slick-wrapper { width: 100%; height: 500px; } .SponsorsDiv .slick-wrapper { margin-top: 80px; margin-bottom: 80px; } .SponsorsDiv h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 60px; line-height: 90px; text-align: center; color: #333333; } .SponsorsDiv p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 26px; line-height: 38px; text-align: center; color: #333333; } .RelatedEventsDiv .slick-next.slick-arrow { border-radius: 50px; border: 1px solid #495362; object-fit: cover; object-position: top; background-size: cover; background: #fff no-repeat center; position: absolute; right: 0; top: -10%; width: 67px; height: 67px; } .RelatedEventsDiv .slick-prev.slick-arrow:hover, .RelatedEventsDiv .slick-next.slick-arrow:hover { background: #dc143c; z-index: 1; border: 0; } .RelatedEventsDiv .slick-next.slick-arrow:hover i, .RelatedEventsDiv .slick-prev.slick-arrow:hover i { color: #fff; } .RelatedEventsDiv .slick-arrow i { font-size: 20px; display: inline-block; color: #495362; } .RelatedEventsDiv .slick-prev.slick-arrow { border-radius: 50px; border: 1px solid #495362; background: #fff; position: absolute; right: 6%; top: -10%; width: 67px; height: 67px; } .RelatedEventsDiv .textDesp { position: absolute; bottom: 0; padding: 20px; } .RelatedEventsDiv .textDesp h4 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; color: #ffffff; text-align: left; } .RelatedEventsDiv .textDesp span { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #dcdcdc; text-align: left; display: inline-block; } .RelatedEventsDiv .textDesp img { width: 20px; margin-right: 5px; float: left; } .RelatedEventsDiv .socialDiv { padding: 20px; position: absolute; top: 0; right: 0; display: block; } .RelatedEventsDiv img.bannerImg { width: 100%; object-fit: fill; display: inline-block; height: 100%; } .RelatedEventsDiv .socialDiv b { display: inline-block; width: 46px; height: 46px; border-radius: 50%; background: #fff; text-align: center; padding: 12px; float: right; margin: 0 5px; transform: scaleX(-1); } .RelatedEventsDiv .socialDiv b i { font-size: 18px; color: #b3b3b3; } .RelatedEventsDiv .socialDiv b i.bi-reply-fill { font-size: 20px; color: #b3b3b3; } .RelatedEventsDiv .socialDiv b:hover i { color: #dc143c; } .RelatedEventsDiv img { width: 100%; } .RelatedEventsDiv h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 40px; line-height: 40px; color: #333333; text-align: left; } .speakersection { background-color: #fff; /*padding: 30px 0 0;*/ clear: both; display: inline-block; /*margin: 80px 0 0;*/ /*margin: 30px 0 0;*/ margin: 0 60px; width: 100%; } .SponsorsDiv .slick-prev.slick-arrow:hover, .SponsorsDiv .slick-next.slick-arrow:hover { background: #dc143c; z-index: 1; border: 0; } .SponsorsDiv .slick-next.slick-arrow:hover i, .SponsorsDiv .slick-prev.slick-arrow:hover i { color: #fff; } .SponsorsDiv .slick-arrow i { font-size: 20px; display: inline-block; color: #495362; } .SponsorsDiv .slick-prev.slick-arrow { border-radius: 50px; border: 1px solid #495362; background: #fff; position: absolute; left: -10%; top: 45%; width: 67px; height: 67px; display: block; } .SponsorsDiv .slick-next.slick-arrow { border-radius: 50px; border: 1px solid #495362; display: block; object-fit: cover; object-position: top; background-size: cover; background: #fff no-repeat center; position: absolute; right: -10%; top: 45%; width: 67px; height: 67px; } /* checkboxes */ .potluckItemsDiv ul li { position: relative; } .potluckItemsDiv ul li label { cursor: pointer; display: block; position: relative; top: 30%; right: 10px; } .potluckItemsDiv ul li label:before { content: ""; width: 45px; height: 45px; position: absolute; background: url("/static/event/theme2/assets/img/checkedOff.png") left center no-repeat; } .potluckItemsDiv ul li input[type="checkbox"] { display: block; width: 30px; height: 30px; border-radius: 10px; border: 1px solid #ccc; } .potluckItemsDiv ul li .checkbox label:before { background: url("/static/event/theme2/assets/img/checkedOff.png") left center no-repeat; margin-top: 2px; } .potluckItemsDiv ul li input[type="checkbox"]:checked + label:before { background: url("/static/event/theme2/assets/img/checkedON.png") left center no-repeat; } .TicketsDiv .product { width: 30%; margin: 30px; } .TicketsDiv .form-group { width: 30%; margin: 30px; } .TicketsDiv .form-group .glyphicon { color: #95d7fc; } .TicketsDiv h3 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; } .TicketsDiv .titleTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; } .TicketsDiv span { font-family: "Poppins", sans-serif; } .TicketsDiv .addNumber { float: right; margin-top: -10px; } .TicketsDiv .addNumber button { border: 0; background: transparent; } .TicketsDiv .addNumber .showNumber { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 24px; color: #5d658d; display: inline-block; width: 20px; } .addNumber a, .showNumber a { display: inline-block; background-color: #f6f7f9; height: 40px; width: 40px; padding-top: 3px; border-radius: 50px; } .addNumber a i, .showNumber a i { color: #5d658d; font-size: 30px; } .TicketsDiv .saleTxt { display: block; text-align: left; /*margin-top: 35px;*/ margin-bottom: 30px; } .formDiv input { width: 100%; height: 56px; background: #f6f7f9; border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #5d658d; padding: 21px 10px 21px 30px; border: 0; margin-bottom: 10px; } .formDiv button { width: 161px; height: 57px; background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; text-align: center; color: #ffffff; border: 0; margin-top: 10px; } .RSVPDiv textarea { width: 100%; height: 110px; background: #f6f7f9; border-radius: 15px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #5d658d; padding: 21px 10px 21px 30px; border: 0; margin-bottom: 10px; margin-top: 20px; } .countNumber .showNumber{ margin: 10px; } .RSVPDiv .countNumber { display: block; height: 70px; } .TicketsDiv h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 22px; line-height: 24px; margin-bottom: 10px; color: #000000; } .WidgetsDivListDiv { list-style: none; padding: 0; display: block; width: 100%; } .WidgetsDivListDiv li { display: block !important; width: 100% !important; margin: 20px 0; border-bottom: 4px solid #e8e8e8; padding-bottom: 20px; clear: both; text-align: left; } .WidgetsDivListDiv li span { display: inline-block; width: 75%; text-align: left; } .WidgetsDivListDiv li .imgDivLeft { float: left; display: inline-block; margin: 0; height: 80px; } .WidgetsDiv ul { list-style: none; padding-left: 0; } .WidgetsDiv .m10{ width: 20%; text-align: center; display: inline-block; margin-right: 10px; } .WidgetsDiv ul li { width: 20%; text-align: center; display: inline-block; margin-right: 35px; } .WidgetsDiv ul li img { width: 48px; height: 48px; } .WidgetsDiv ul li label { display: block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6f7287; text-align: center; margin-top: 14px; } .TicketsDiv .imgDivLeft { float: left; display: inline-block; margin: 0 30px 0; height: 80px; } .TicketsDiv .imgDivLeft img { width: 48px; height: auto; } .FundriseDiv .progress { margin: 20px auto; padding: 0; width: 100%; height: 9px; overflow: hidden; background: #e5e5e5; border-radius: 6px; } .FundriseDiv .bar { position: relative; float: left; min-width: 1%; height: 100%; background: cornflowerblue; } .FundriseDiv .percent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px; color: white; } .TicketsDiv.SponsorshipDiv button { width: 255px; } .TicketsDiv button { width: 161px; height: 57px; background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, .4); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; text-align: center; color: #ffffff; border: 0; margin-top: 10px; } .FundriseDiv p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 23px; line-height: 24px; color: #000000; margin: 0; } .FundriseDiv p b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6f7287; } .FundriseDiv .textBarTotal { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 23px; line-height: 24px; color: #000000; width: 47%; display: inline-block; } .FundriseDiv .textBarTotal b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6f7287; display: block; } .OrganizersDiv img { margin: 10px 0; width: 100%; display: block; } .OrganizersDiv .profileDetail { list-style: none; padding-left: 0; width: 100%; display: block; } .OrganizersDiv .profileDetail li { display: block; width: 100%; text-align: left; } .OrganizersDiv .profileDetail li b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; display: inline-block; width: 90px; margin-bottom: 10px; } .OrganizersDiv .profileDetail li label a, .OrganizersDiv .profileDetail li label { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #6f7287; display: inline-block; } .FundriseDiv .moreCommentDiv .dropdown-action { width: 250px; } .FundriseDiv .supportList { list-style: none; padding-left: 0; width: 100%; overflow-y: auto; } .FundriseDiv .supportList li:last-child { border: 0 !important; } .FundriseDiv .supportList li { border-bottom: 2px solid #e8e8e8; padding: 20px 0; width: 100%; text-align: left; } .FundriseDiv .supportList li .imgDiv { display: inline-block; width: 60px; height: 100px; float: left; margin-right: 15px; } .FundriseDiv .supportList li .imgDiv img { width: 55px; height: 55px; border-radius: 50%; } .FundriseDiv .supportList li .textDesp b:last-child { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #000000; text-align: left; } .FundriseDiv .supportList li .textDesp b:first-child { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; text-align: left; } .FundriseDiv .supportList li .textDesp p { font-family: "Poppins", sans-serif; text-align: left !important; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; /* identical to box height, or 171% */ text-align: right; color: #6f7287; } .FundriseDiv.TicketsDiv .progress .bar{ width: 35%; } .contentMainBox.rightDiv hr { margin: 20px 0 40px; border: 2px solid #e8e8e8; } .GemShowPassDiv button { background: transparent; box-shadow: 0 0 0; margin: 0; width: auto; height: auto; } .weatherDiv .despTxt { width: 120px; display: inline-block; } .weatherDiv .weatherIcon { width: 114px; height: 85px; margin-left: 20px; vertical-align: top; } .weatherDiv span.dateTxt { display: block; text-align: center; margin-top: 20px; margin-bottom: 45px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 27px; color: #6f7287; } .weatherDiv b.tempCount { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 45px; line-height: 87px; color: #545f63; } .weatherDiv b.celsiusTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 30px; line-height: 45px; color: #9a9a9a; position: relative; top: -20px; } .weatherDiv b.forecastTxt { display: block; margin-top: -10px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; color: #6f7287; } .weatherDiv .innerbox { display: block; width: 340px; margin: auto; clear: both; } .weatherDiv .tempList { list-style: none; padding-left: 0; display: inline-block; width: 100%; } .weatherDiv .tempList li { width: 33%; display: inline-block; float: left; text-align: center; } .weatherDiv .tempList li img { width: 51px; height: 53px; display: block; margin: auto; } .weatherDiv .tempList li b { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 21px; color: #6f7287; width: 51px; display: inline-block; text-align: center; } .formCheck { margin-top: 14px; } .formCheck .form-group { float: left; display: inline-block; padding: 0; margin: 0; } .formCheck .form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .formCheck .form-group label { position: relative; cursor: pointer; } .formCheck .form-group label:before { content: ""; background-image: url(/static/event/theme2/assets/img/checkNo.png); appearance: none; -webkit-appearance: none; border: 0 solid #0079bf; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); display: inline-block; position: relative; vertical-align: middle; cursor: pointer; width: 26px; height: 26px; margin-right: 8px; } .formCheck .form-group input:checked + label:after { content: ""; background-image: url(/static/event/theme2/assets/img/checked.png); display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; margin-right: 14px; } .formCheck .form-group label { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #6f7287; } .signupItemsDiv ul li:nth-child(3n) { margin-right: 0 !important; } .speakersection h2 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 40px; line-height: 40px; color: #333333; text-align: left; margin: 40px 0; } #giftSignupModal .modal-content, #slotSignupModal .modal-content { padding: 50px 80px; } #giftSignupModal .modal-header, #slotSignupModal .modal-header { padding: 0; } #giftSignupModal .modal-body, #slotSignupModal .modal-body { width: 100%; padding: 0; } #giftSignupModal h5, #slotSignupModal h5 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 32px; line-height: 38px; color: #333333; text-align: left; margin-bottom: 10px; } #giftSignupModal p, #slotSignupModal p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 24px; color: #333333; text-align: left; margin-bottom: 30px; display: block; padding: 0; } #giftSignupModal i, #slotSignupModal i { color: #5b46f4; } #ScheduleModal.modal.show .modal-dialog { max-width: 1669px; } #ScheduleModal.modal.show .modal-content { background-color: #f5f4f9; border-radius: 5px; } #ScheduleModal .titleHead .yearTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; text-align: left; color: #333333; display: block; margin-bottom: 10px; } #ScheduleModal .titleHead h2 { text-align: left; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 800; font-size: 47px; line-height: 24px; letter-spacing: -0.03em; text-transform: uppercase; color: #333333; width: 250px; display: inline-block; float: left; } #ScheduleModal .titleHead .txtDiv { /*width: 500px;*/ display: inline-block; float: left; padding: 20px; } #ScheduleModal .tabOpt, #ScheduleModal .modeOpt { list-style: none; padding: 0; text-align: left; } #ScheduleModal .tabOpt { background: #f6f5fe; /*border: 1px solid #c2baff;*/ border-radius: 50px; /*width: 245px;*/ display: inline-block; margin: -1px 0 0 0; } #ScheduleModal .tabOpt li.active a, #ScheduleModal .tabOpt li.active a:hover { background: #5b46f4; box-shadow: 0 15px 27px rgba(0, 0, 0, 0.15); border-radius: 50px; color: #ffffff; } #ScheduleModal .tabOpt li a { display: inline-block; height: 50px; width: 80px; float: left; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; text-align: center; color: #324a5e; padding: 15px 0; } #ScheduleModal .modeOpt { margin: 30px 10px; width: 86px; height: 37px; background: #18191c; border-radius: 50px; float: right; } #ScheduleModal .tabOpt li:first-child { border-radius: 50px 0 0 50px; } #ScheduleModal .tabOpt li:last-child { border-radius: 0 50px 50px 0; } #ScheduleModal .modeOpt li { display: inline-block; width: 40px; float: left; } #ScheduleModal .modeOpt img.moonIcon { margin: 8px; } #ScheduleModal .modeOpt img { margin: 6px; } #ScheduleModal .modeOpt li:last-child { float: right; } #ScheduleModal .modeOpt .showIcon { display: block; } #ScheduleModal .modeOpt .hideIcon { display: none; } #ScheduleModal .modeOpt.clicked .showIcon { display: none; } #ScheduleModal .modeOpt.clicked .hideIcon { display: block; } #ScheduleModal .modal-header { margin: 20px 80px; } .ScheduleTable { width: 100%; margin-top: 70px; margin-bottom: 50px; } .ScheduleTable thead th { text-align: center; padding: 42px 30px; /*height: 140px;*/ background: #f8f8f8; } .ScheduleTable thead th:first-child, .ScheduleTable thead th:nth-child(5) { color: #658c53; } .ScheduleTable thead th:nth-child(2), .ScheduleTable thead th:nth-child(4) { color: #5072ea; } .ScheduleTable thead th:nth-child(3), .ScheduleTable thead th:nth-child(6) { color: #ea5750; } .ScheduleTable tbody tr td { text-align: left; vertical-align: top; padding-top: 30px; background: #ffffff; } #boothModal textarea, #sponsorModal textarea { width: 100%; height: 100px; background: #ffffff; border-radius: 30px; padding: 20px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 24px; color: #6f7287; } #boothModal .countNumber .titleTxt, #sponsorModal .countNumber .titleTxt { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 26px; line-height: 24px; color: #333333; text-align: left; margin-bottom: 10px; display: block; } #boothModal .countNumber .calBtnDiv b, #sponsorModal .countNumber .calBtnDiv b { font-family: "Poppins", sans-serif; font-style: normal; font-size: 20px; line-height: 24px; color: #333333; margin-right: 20px; } #boothModal .countNumber .addNumberModel, #sponsorModal .countNumber .addNumberModel { display: inline-block; float: right; margin-top: -30px; } #boothModal .countNumber, #sponsorModal .countNumber { margin-bottom: 50px; } #boothModal .countNumber span button, #sponsorModal .countNumber span button { background: #fff; box-shadow: 0 0 0; margin: 0; width: auto; height: auto; border: 0 solid; border-radius: 50%; padding: 0; } #boothModal .modal-body, #sponsorModal .modal-body { border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; padding: 30px 40px; } #boothModal .countNumber .showNumber, #sponsorModal .countNumber .showNumber { position: relative; top: 5px; margin: 10px; width: 15px; display: inline-block; text-align: center; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 26px; line-height: 24px; color: #333333; } #boothModal .uploadBox, #sponsorModal .uploadBox { width: 100%; height: 184px; background: #ffffff; border: 2px dashed #ebebeb; border-radius: 30px; text-align: center; padding: 30px; margin-bottom: 50px; } #boothModal .uploadBox h4, #sponsorModal .uploadBox h4 { padding: 20px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6f7287; } #boothModal .uploadBox button, #sponsorModal .uploadBox button { position: relative; top: 0; border: 0; color: #fff; width: 186px; height: 67px; background: #5b46f4; box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15); border-radius: 50px; padding: 20px 0; text-align: center; } #boothModal .modal-footer .imgBox img, #sponsorModal .modal-footer .imgBox img { width: 40px; height: auto; } #boothModal .modal-footer .imgBox, #sponsorModal .modal-footer .imgBox { float: left; display: block; width: 70px; height: 100px; padding: 15px 0; } #boothModal .modal-footer span, #sponsorModal .modal-footer span { float: left; display: inline-block; width: 50%; } #boothModal .modal-footer span b, #sponsorModal .modal-footer span b { display: inline-block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700; font-size: 46px; line-height: 60px; color: #333333; } #boothModal .modal-footer span label, #sponsorModal .modal-footer span label { display: inline-block; margin-bottom: 0; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 27px; line-height: 40px; color: #6f7287; } #boothModal .modal-footer span, #sponsorModal .modal-footer span { display: inline-block; float: left; } #boothModal .modal-footer button, #sponsorModal .modal-footer button { width: 210px; height: 77px; border: 0; background: #dc143c; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; text-align: center; color: #ffffff; float: right; } #boothModal .modal-footer, #sponsorModal .modal-footer { padding-top: 40px; } #boothModal .modal-header, #sponsorModal .modal-header { padding-bottom: 40px; } .BecomeAMemberDiv { padding: 140px 0 100px; position: relative; } .BecomeAMemberDiv .createEventClass { position: absolute; right: 0; top: -30%; width: 140px; } .ClickOpenModal .modal-dialog { max-width: 400px; margin-top: 10%; } .ClickOpenModal button { position: absolute; color: #fff; font-size: 34px; right: 10px; filter: brightness(100) invert(100) contrast(1000); z-index: 1; } .ClickOpenModal .modal-body{ padding: 0; } .ClickOpenModal .modal-content img{ width: 100% !important; } #ScheduleModal.modal.show .modal-content.drakMode { background-color: #232428; } #ScheduleModal .modal-content.drakMode .titleHead .yearTxt, #ScheduleModal .modal-content.drakMode .titleHead h2, .ScheduleTable.drakActive tbody td b, .ScheduleTable.drakActive tbody td p { color: #fff; } #ScheduleModal .modal-content.drakMode .tabOpt { background: transparent; } #ScheduleModal .modal-content.drakMode .tabOpt li { background: transparent; color: #fff; } #ScheduleModal .modal-content.drakMode .tabOpt li.active, #ScheduleModal .tabOpt li:hover { background: #5b46f4; } .ScheduleTable.drakActive thead th { background: #2a2b2f; } .ScheduleTable.drakActive tbody td { background: transparent; } .ScheduleTable { border: 1px solid #46aaf7; } .ScheduleTable thead { border-bottom: 1px solid #46aaf7; } .ScheduleTable thead th, .ScheduleTable tbody td { border-left: 1px solid #46aaf7; #width: 16.6%; } .ScheduleTable tbody td b { text-align: left; display: block; padding: 0 20px 0 30px; } .ScheduleTable tbody td p { display: block; padding: 0 20px 5px 30px; text-align: left; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6f7287; } .ScheduleTable tbody td label { display: block; padding: 0 20px 0 30px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-align: left; color: #ea5750; } #map_canvas { height: 430px; border-radius: 15px; } #map-canvas { width: 100%; height: 400px; height: 100vh; } /*-----Media Query-----*/ @media (max-width: 1800px) { .signupItemsDiv .singupCalenderIcon { margin-right: 10px; } .signupItemsDiv ul li .dateTimebox { width: 75%; } } @media (max-width: 1700px) { #ScheduleModal.modal.show .modal-dialog { max-width: 90%; } .aboutEventDiv img { /*width: 100%;*/ height: 100%; border-radius: 15px; } .aboutEventDiv a img.playBtn { top: 30%; left: 30%; } .signupItemsDiv ul li .dateTimebox span { padding: 12px 0 12px 10px; } .signupItemsDiv ul li .innerDiv { margin: 20px 15px; } .signupItemsDiv .singupCalenderIcon { margin-right: 10px; width: 40px; } } @media (max-width: 1550px) { /* .potluckItemsDiv ul li span { padding: 34px 0px 0 22px; } */ .potluckItemsDiv ul li { width: 31%; } .signupItemsDiv .singupCalenderIcon { margin-right: 5px; width: 36px; } .aboutEventDiv img { /*width: 100%;*/ height: 100%; border-radius: 15px; } .aboutEventDiv a { width: 22%; } .aboutEventDiv a img.playBtn { width: 80px; } .TagsDiv span { margin-bottom: 20px; display: inline-block; } .commentSection input { width: 50%; } .signupItemsDiv ul li .dateTimebox span b.timeTxt { font-size: 14px; } } @media (max-width: 1400px) { .RelatedEventsDiv .slick-wrapper { width: 100%; height: 500px; } .RelatedEventsDiv .slick-initialized .slick-slide { width: 251px !important; } .RelatedEventsDiv .textDesp h4 { font-size: 22px; } .RelatedEventsDiv .slick-prev.slick-arrow { right: 8%; top: -15%; } .RelatedEventsDiv .slick-next.slick-arrow { top: -15%; } .speakerListDiv li { width: 30%; } .signupItemsDiv ul li .hrLineDiv { margin: 100px 0 18px; display: block; } .signupItemsDiv ul li .innerDiv { margin: 20px 10px; } .signupItemsDiv .singupCalenderIcon { width: 32px; } .potluckItemsDiv ul li { width: 46%; } .potluckItemsDiv ul li label { right: 0; } } @media (max-width: 1300px) { #ScheduleModal .modal-header { margin: 50px 40px; } .RelatedEventsDiv .slick-wrapper { width: 100%; height: 500px; } .RelatedEventsDiv .slick-initialized .slick-slide { width: 342px !important; } .SponsorsDiv .slick-prev.slick-arrow { left: -15%; } .SponsorsDiv .slick-next.slick-arrow { right: -15%; } .contentMainBox.rightDiv { padding: 30px; } .bannerEventInfo { width: 90%; } .bannerEventInfo .locationInfo { width: 85%; } .bannerEventInfo ul li:first-child { width: 53%; } .bannerEventInfo .title-txt { width: 85%; font-size: 28px; line-height: 37px; margin-bottom: 0; margin-top: 20px; } .sideAddNWatch { width: 60%; } .aboutEventDiv a { width: 28%; } .aboutEventDiv img { /*width: 100%;*/ height: auto; border-radius: 15px; } .aboutEventDiv a img.playBtn { width: 80px; } .commentSection input { width: 40%; } .commentSection button { width: 30%; } .signupItemsDiv ul li { width: 46%; } .signupItemsDiv ul li:nth-child(3n) { margin-right: 18px !important; } .signupItemsDiv ul li:nth-child(even) { margin-right: 0 !important; } .SponsorsDiv .slick-wrapper { width: 80.3%; } .aboutEventDiv a img.playBtn { width: 70px; } } @media (max-width: 1200px) { .scheduleEventDiv, .GiftRegistryDiv, .potluckItemsDiv, .directionsDiv, .signupItemsDiv { margin: 0 44px; } .bannerEventInfo .locationInfo span { display: inline-block; } #ScheduleModal.modal.show .innerMainDiv { overflow-x: auto; overflow-y: auto; max-width: 1400px; } .RelatedEventsDiv .slick-wrapper { width: 100%; height: 500px; } .RelatedEventsDiv .slick-initialized .slick-slide { width: 282px !important; } .RelatedEventsDiv .slick-prev.slick-arrow { top: -20%; } .RelatedEventsDiv .slick-next.slick-arrow { top: -20%; } .speakerListDiv li .socialIconDiv a { width: 45px; height: 45px; padding: 8px; } .speakerListDiv li { width: 29%; } .GiftRegistryDiv img { width: 185px; height: 185px; } .EventPrice-Rate h1 { font-size: 30px; line-height: 30px; } .bannerEventInfo ul li:nth-child(2) { width: 42%; } .EventPrice-Rate h4 { font-size: 16px; line-height: 24px; margin-top: 35px; } .bannerEventInfo .title-txt { width: 85%; font-size: 26px; line-height: 32px; margin-bottom: 10px; margin-top: 20px; height: auto; } } @media (max-width: 1100px) { .bannerEventInfo .title-txt { width: 85%; font-size: 24px; line-height: 32px; } .bannerEventInfo ul { padding-top: 5px; } .sideAddNWatch { width: 67%; } .contentMainBox.leftDiv { width: 65%; } .speakerListDiv li { width: 28%; } /* .potluckItemsDiv ul li span { padding: 34px 0px 0 12px; width: 78%; } */ .signupItemsDiv ul li { margin-right: 15px; } .signupItemsDiv ul li:nth-child(3n) { margin-right: 15px !important; } .speakersection { margin-top: 30px; } .aboutEventDiv a { width: 28%; } } @media (max-width: 1080px) { .potluckItemsDiv ul li { width: 100%; } .potluckItemsDiv ul li label:before { right: 20px; } } @media (max-width: 991px) { .event-detail-header { position: relative; display: block; margin-bottom: 10px; } .headerBannerImgDiv .bannerImgHeader { width: 100%; max-height: 510px; /*height: auto;*/ object-fit: contain; object-position: top center; } .event-detail-header .container-fluid-custom h2 { color: #666; margin-top: 0; } .event-detail-header .Countdown-Div h3 { color: #666; margin-top: 0; margin-bottom: 10px; } .headerBannerImgDiv { width: 100%; height: auto; } .mt100 { margin-top: 100px; } .event-detail-header .Countdown-Div { position: relative; right: 0; top: 0; } .event-detail-header .container-fluid-custom .dashboard-breadcrum { margin-top: 0 !important; margin-bottom: 0 !important; } .sideAddNWatch { width: 100%; height: 80px; text-align: center; margin: 70px auto; position: relative; display: inline-block; margin-bottom: 0 !important; } .sideAddNWatch .dropdown.open { display: inline-block; } .event-detail-header, .container-fluid-custom, nav, ol, li.breadcrumb-item.active { color: #000000 !important; } .container-fluid-custom, .bannerEventInfo { position: relative; } .titleHeaderDiv { position: relative; top: 0; } .event-hero-image { height: 600px; } .bannerEventInfo { width: 100%; height: 200px; border-top-right-radius: 0; margin-top: 30px; position: relative; background: linear-gradient( 91.22deg, rgb(101 58 129) 2.77%, rgb(126 50 131 / 97%) 98.35% ); } .timeDate-Select span i { font-size: 25px; } .bannerEventInfo ul li { margin: 0 10px 0 0; } .bannerEventInfo ul li:first-child { width: 51%; } .bannerEventInfo ul li:nth-child(2) { width: 44%; } .bannerEventInfo .locationInfo { width: 85%; margin-bottom: -20px; } .event-detail-header .Countdown-Div .timerDiv span b { font-size: 20px; padding-bottom: 4px; } .event-detail-header .Countdown-Div .timerDiv span { width: 64px; height: 64px; font-size: 14px; line-height: 14px; color: #5d658d; margin-right: 9px; padding: 22px 5px; } .bannerEventInfo .title-txt { margin-bottom: 10px; margin-top: 10px; width: 95%; font-size: 22px; line-height: 32px; } .bannerEventInfo .container-fluid-custom { width: 98%; margin-right: 1%; margin-left: 1%; } .bannerEventInfo ul { padding-top: 10px; } .moreCommentDiv .dropdown-content .profilePicDiv { width: 67px; height: 67px; border-radius: 50px; display: inline-block; } .timeDate-Select { width: 363px; height: 127px; padding: 50px 0 30px 60px; margin-left: -45px; } .bannerEventInfo ul li:before { margin: 0 0 0 -25px; } .scheduleEventDiv, .GiftRegistryDiv, .potluckItemsDiv, .directionsDiv, .signupItemsDiv, .aboutEventDiv { margin: 0 37px; } .RelatedEventsDiv .slick-initialized .slick-slide { width: 318px !important; } .RelatedEventsDiv .slick-prev.slick-arrow { top: -16%; right: 10%; } .RelatedEventsDiv .slick-next.slick-arrow { top: -16%; } .SponsorsDiv .slick-wrapper { width: 80.5%; } .contentMainBox.leftDiv, .contentMainBox.rightDiv { width: 100%; } .SponsorsDiv .slick-next.slick-arrow, .SponsorsDiv .slick-prev.slick-arrow, .SponsorsDiv .slick-prev.slick-arrow:hover, .SponsorsDiv .slick-next.slick-arrow:hover, .RelatedEventsDiv .slick-next.slick-arrow, .RelatedEventsDiv .slick-prev.slick-arrow, .RelatedEventsDiv .slick-prev.slick-arrow:hover, .RelatedEventsDiv .slick-next.slick-arrow:hover { width: 50px; height: 50px; background-size: contain; } .speakersection { padding: 30px 40px 0; margin: 40px 0 0; } .RelatedEventsDiv { margin: 80px 0 0; } .speakerListDiv li { display: inline-block; width: 44%; /*height: 350px;*/ padding: 24px 0; margin-bottom: 39px; margin-right: 34px; } .scheduleEventDiv h4, .GiftRegistryDiv h2 { font-size: 18px; line-height: 20px; } .GiftRegistryDiv p { font-size: 16px; line-height: 30px; } .SponsorsDiv h2 { font-size: 45px; line-height: 90px; text-align: center; color: #333333; } .SponsorsDiv p { font-size: 20px; line-height: 30px; } .RelatedEventsDiv h2 { font-size: 35px; line-height: 40px; } .aboutEventDiv a { width: 28%; } .signupItemsDiv ul li { width: 47%; margin-right: 10px; } .signupItemsDiv ul li:nth-child(even) { margin-right: 10px; } .potluckItemsDiv ul li { width: 47%; } } @media (max-width: 768px) { .potluckItemsDiv ul { display: block; } .potluckItemsDiv ul li { width: 46%; } .RelatedEventsDiv .slick-wrapper { width: 100%; height: 480px; } .RelatedEventsDiv .slick-initialized .slick-slide { width: 300px !important; } .RelatedEventsDiv .slick-prev.slick-arrow, .RelatedEventsDiv .slick-next.slick-arrow { top: -90px; display: none !important; } .RelatedEventsDiv .slick-slider .slick-list { width: 100%; } .SponsorsDiv .slick-wrapper { width: 81%; } .SponsorsDiv .slick-prev.slick-arrow { left: -25%; } .SponsorsDiv .slick-next.slick-arrow { right: -25%; } .speakersection { margin: 30px 0 0; } .speakerListDiv li { width: 100%; } .sideAddNWatch { width: 100%; } .potluckItemsDiv h1 { width: 240px; height: 30px; font-size: 30px; line-height: 30px; } .potluckItemsDiv h4 { font-size: 22px; line-height: 24px; margin-bottom: 0; } .potluckItemsDiv ul li { margin-top: 30px; float: left; } .SponsorsDiv .slick-prev.slick-arrow, .SponsorsDiv .slick-next.slick-arrow { display: none !important; } .bannerEventInfo .title-txt { width: 100%; font-size: 20px; line-height: 32px; } .bannerEventInfo ul li:before { margin: 0 0 0 -40px; } .EventPrice-Rate h1 { font-size: 26px; line-height: 30px; } .potluckItemsDiv ul li { width: 100%; } .scheduleEventDiv, .GiftRegistryDiv, .potluckItemsDiv, .directionsDiv, .signupItemsDiv, .aboutEventDiv { margin: 0 20px; } #boothModal .countNumber .titleTxt, #sponsorModal .countNumber .titleTxt { font-size: 20px; } #boothModal .countNumber .calBtnDiv b, #sponsorModal .countNumber .calBtnDiv b { font-size: 16px; } .commentSection input { font-size: 13px; margin: 24px; } .moreCommentDiv .dropdown-action { font-size: 16px; color: #000000; width: 100%; padding: 0.5em 0.5em; margin: 40px 0 0; } .userCommentListIInner { list-style: none; padding-left: 40px; margin-top: 30px; display: inline-block; } .moreCommentDiv .dropdown-content .profilePicDiv { width: 60px; height: 60px; border-radius: 50px; display: inline-block; } .moreCommentDiv .dropdown-content .userCommentList li span { font-size: 16px; width: 80%; } .moreCommentDiv .dropdown-content .userCommentList li span b { font-size: 16px; } .event-detail-header .Countdown-Div { position: relative; right: 0; top: 0; } .aboutEventDiv p { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 20px; color: #6f7287; } .sideAddNWatch button { margin-left: 13px; font-size: 16px; line-height: 30px; color: #ffffff; width: 180px; height: 55px; } .sideAddNWatch a.socialIcon { margin-left: 13px; display: inline-block; width: 55px; height: 55px; padding: 15px; margin-top: 0; } .bannerEventInfo .locationInfo { width: 100%; height: 50px; font-size: 14px; line-height: 25px; } .TagsDiv { font-size: 18px; line-height: 24px; margin: 54px 77px 0; } .bannerEventInfo ul li:first-child { width: 100%; height: 100px; } .bannerEventInfo ul li:nth-child(2) { width: 70%; } .timeDate-Select { width: 100%; height: 100px; padding: 30px 35px; margin-left: -30px; background-size: contain; margin-top: 45px; } .EventPrice-Rate h4 { font-size: 14px; line-height: 24px; margin-top: 20px; } .sideAddNWatch .calendarBtn { width: 220px; height: 55px; font-size: 16px; line-height: 27px; padding: 10px 15px; } .sideAddNWatch .calendarBtn img, .sideAddNWatch button img { width: 20px; } .bannerEventInfo { height: 250px; } .timeDate-Select span { width: 38%; font-size: 16px; line-height: 27px; } .timeDate-Select span b { font-size: 18px; line-height: 42px; display: inline-block; } .timeDate-Select span img { float: left; padding: 5px; width: 35px; } .timeDate-Select span:nth-child(2) { width: 24%; padding: 8px 0; } .aboutEventDiv a img.playBtn { width: 70px; } .aboutEventDiv a { width: 30%; } .aboutEventDiv a { margin-right: 10px; margin-top: 0; margin-bottom: 20px; } .commentSection h1, .directionsDiv h1, .signupItemsDiv h1 { font-size: 28px; } .moreCommentDiv .dropdown-content .userCommentList li span p { font-size: 16px; line-height: 30px; } .signupItemsDiv ul li { width: 46%; } .scheduleEventDiv button, .GiftRegistryDiv button, .potluckItemsDiv button { margin-top: 20px !important; } } @media (max-width: 637px) { .eventgiftlist { display: block; padding-top: 50px; } .GiftRegistryDiv .bannerImg { width: 40%; height: auto; } .GiftRegistryDiv ul { margin-top: 3rem; } } @media (max-width: 576px) { .scheduleEventDiv button, .GiftRegistryDiv button, .potluckItemsDiv button { margin-top: 10px !important; } .bannerEventInfo ul li:first-child { height: 150px; } .bannerEventInfo ul li:nth-child(2) { width: 100%; } .timeDate-Select { width: 100%; height: 100px; padding: 30px 35px; margin-left: -30px; background-size: contain; margin-top: 10px; } .EventPrice-Rate h4 { font-size: 14px; line-height: 24px; margin-top: 40px; } .signupItemsDiv ul li { width: 100%; min-height: 220px; } .TagsDiv { font-size: 18px; line-height: 24px; margin: 54px 30px 0; } /* .imageListDiv{ text-align: center; } */ .video_modal i { left: 60%; color: #b9a9a9; top: 55%; } .flex { justify-content: center; align-items: center; } .aboutEventDiv a { width: 55%; } .userCommentList { padding-left: 0; } .userCommentListIInner { list-style: none; padding-left: 0; margin-top: 30px; display: inline-block; } .commentSection button { width: 30%; } .commentSection input { font-size: 13px; margin: 24px; padding-left: 0; } .moreCommentDiv .dropdown-content .userCommentList li span .shareBtnDiv b { margin-right: 10px; } .moreCommentDiv .dropdown-content .profilePicDiv { width: 50px; height: 50px; border-radius: 50px; display: inline-block; } .moreCommentDiv .dropdown-content .userCommentList li span { font-size: 14px; width: 80%; } .moreCommentDiv .dropdown-content .userCommentList li span b { font-size: 14px; line-height: 30px; } .moreCommentDiv .dropdown-content .userCommentList li span p { font-size: 14px; line-height: 26px; } .scheduleEventDiv, .GiftRegistryDiv, .potluckItemsDiv, .directionsDiv, .signupItemsDiv, .aboutEventDiv, .commentSection, .tagsSection{ margin: 0 30px; } .sideAddNWatch .calendarBtn { width: 220px; height: 45px; font-size: 12px; line-height: 24px; padding: 10px 15px; margin-bottom: 10px; } .sideAddNWatch button { margin-left: 5px; font-size: 12px; line-height: 24px; color: #ffffff; width: 120px; height: 40px; margin-bottom: 10px; } .sideAddNWatch a.socialIcon { margin-left: 0; display: inline-block; width: 40px; height: 40px; padding: 5px; margin-top: 0; margin-bottom: 10px; } .share-button.sharer { width: 50px !important; } .sideAddNWatch a.socialIcon img { width: 20px; height: auto; } .commentSection button { font-size: 14px; } .bannerEventInfo { height: 290px; } .aboutEventDiv a img.playBtn { width: 60px; } .signupItemsDiv .singupCalenderIcon { width: 40px; } .signupItemsDiv ul li .hrLineDiv { margin: 80px 0 15px; display: block; } .sideAddNWatch { width: 100%; height: 60px; margin: 14% auto; } .GiftRegistryDiv img { width: 100%; height: auto; margin-bottom: 20px; text-align: center; } .aboutEventDiv button#loadMore2 { margin: 0 25%; } .GiftRegistryDiv b .bannerImg { width: 80% !important; } .back-to-top { width: 30px; height: 30px; } } @media (max-width: 440px) { .bannerEventInfo .title-txt { width: 100%; font-size: 18px; line-height: 22px; } .timeDate-Select span { width: 38%; } .timeDate-Select span:nth-child(2) { width: 40px; } .sideAddNWatch { width: 100%; height: 60px; margin: 40px auto; margin-top: 70px; padding-top: 135px; } .timeDate-Select { width: 100%; padding: 30px 0 15px 30px; } /* .bannerEventInfo ul li:last-child { width: 15%; margin-left: -20px; } */ .aboutEventDiv a img.playBtn { width: 50px; } } @media (max-width: 350px) { .event-detail-header .container-fluid-custom nav ol li.breadcrumb-item a { font-size: 14px; } .event-detail-header .Countdown-Div .timerDiv span { width: 46%; margin-bottom: 10px; } } /*-----Social Icon------*/ .social .fbtn { width: 40px; display: inline-block; color: #fff; text-align: center; line-height: 40px; float: left; } .social .fa { padding: 15px 0; } .facebook { background-color: #3b5998; } .gplus { background-color: #dd4b39; } .twitter { background-color: #55acee; } .insta { background-color: #962fbf ; } .stumbleupon { background-color: #eb4924; } .pinterest { background-color: #cc2127; } .linkedin { background-color: #0077b5; } .whatsapp { background-color: #25D366; } .buffer { background-color: #323b43; } .share-button.sharer { height: 20px; padding: 0; display: inline-block; width: 70px; } .share-button.sharer .social.active.top { transform: scale(1) translateY(-10px); } .share-button.sharer .social.active { opacity: 1; transition: all 0.4s ease 0s; /* visibility: visible; */ display: block; } .share-button.sharer .social.top { margin-top: 20px; transform-origin: 0 0 0; width: 300px; position: absolute; z-index: 11; } .share-button.sharer .social { margin-left: -65px; opacity: 0; transition: all 0.4s ease 0s; /* visibility: hidden; */ display: none; } @media (max-width: 400px) { .share-button.sharer .social.top { left: 15%; margin: 10px auto; } } /* =========================================================== Blog Page=============================================================*/ .blog .about-us{ overflow: hidden; } .home-hero { display: grid; grid-gap: 0; grid-auto-rows: minmax(250px, auto); margin-top: 5rem; margin-left: -15px; margin-right: -15px; } .events-section .marketing-slide-buttons .swiper-button-next,.events-section .marketing-slide-buttons .swiper-button-prev { border: 1px solid #000; color: #000; } .events-section .marketing-slide-buttons .swiper-button-next:after, .events-section .marketing-slide-buttons .swiper-button-prev:after { background-image: none; } .spacing { border: 1px solid transparent; } .home-hero > * { padding: 0.75rem; background-repeat: no-repeat; background-size: contain; background-color: #333; color: #fff; } .feature { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url(/static/event/theme2/assets/img/hero-1.jpg); background-position: top center; color: #fff; display: flex; flex-direction: column; } .news { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url(/static/event/theme2/assets/img/hero-4.jpg); color: #fff; display: flex; flex-direction: column; } .special { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url(/static/event/theme2/assets/img/hero-2.jpg); color: #fff; display: flex; flex-direction: column; } .blog-baanner-text { margin-top: auto; } .blog-baanner-text span { vertical-align: middle; } .special h3, .amazing h3, .feature h3, .news h3, .blog-baanner-text a { font-weight: 500; color: #fff; font-size: 1rem; } .blog-baanner-text a { font-weight: 400; font-size: 1rem; } .blog-h-btn { border-radius: 40px; width: 118px; height: 34px; border: 0; color: #475fdb; font-weight: 400; font-size: 14px; margin-top: auto; margin-bottom: 15px; background-color: #f4f7fb; } .amazing { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)), url(/static/event/theme2/assets/img/hero-3.jpg); color: #fff; display: flex; flex-direction: column; } .home-hero h2 { color: #fff; font-weight: 600; font-size: 30px; } .home-hero.breadcrumb { font-weight: 600; color: #dfdfdf; } .home-hero .breadcrumb a { color: #dfdfdf; } .topics { background-color: #fff; border-radius: 15px; padding: 2rem; margin: 60px auto; } .topics h2 { font-weight: 700; font-size: 38px; position: relative; margin-bottom: 40px; } .topics h2:after { content: ""; width: auto; position: absolute; background-color: #eceff1; height: 6px; top: 50%; right: 150px; left: 350px; } .events-section .card-body h3 { font-size: 20px; font-weight: 500; line-height: normal; margin: 0 0 15px; } .events-section .blog-baanner-text a { color: #dc143c; } .bi-chat-dots { font-weight: 700; font-size: 23px; line-height: 23px; } .employee-stories { margin: 60px 0; } .emp-card { position: relative; display: flex; height: 400px; } .emp-card-footer { position: absolute; bottom: 0; padding: 1rem 2rem; color: #fff; } .emp-card-footer h3 { color: #fff; } .emp-card img { border-radius: 15px; width: 100%; opacity: 0.9; } .employee-stories .events-section .card { box-shadow: none; border: none; padding: 0; } .small-text { margin-top: 30px; } .small-text .emp-card-footer h3 { font-weight: 500; font-size: 1rem; } .small-text .emp-card { min-height: 450px; border-radius: 15px; overflow: hidden; } .small-text .emp-card img { width: 100%; opacity: 0.7; border-radius: 30px; background-color: #000; } .subsribe-widget, .categories-widget { margin-top: 30px; } ul#side-rcnt-thumb-post-list { list-style: none; margin: 0; padding: 0; } #side-rcnt-thumb-post-list li { margin-bottom: 15px; overflow: hidden; padding-top: 15px; position: relative; min-height: 76px; } .srtpl-l { float: left; margin-right: 15px; } .srtpl-a { display: block; outline: 0 !important; font-weight: 400; } #recent-posts { padding: 0 2rem; } #side-rcnt-thumb-post-list img { max-width: 100%; width: auto; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .srtpl-r { margin-left: 90px; } .srtpl-n { display: block; color: #343534; font-weight: 500; font-size: 18px; outline: 0 !important; text-decoration: none; } .srtpl-r p { font-size: 14px; margin-bottom: 0; } #sidebar h4 { font-weight: 400; font-size: 24px; } .categories-widget { border-radius: 20px; border: 1px solid #e8e8e8; padding: 2rem; } .categories-widget h4 { margin-top: 1rem; } .categories-widget ul { list-style: none; padding: 0; margin: 0; } .categories-widget ul li { font-size: 18px; border-bottom: 1px solid #e8e8e8; padding: 1rem 0; } .categories-widget ul li:last-child { border-bottom: 0; } .subscribe-widget { background-color: #11171a; } .subsribe-widget h4 { color: #fff; margin-bottom: 0; } .input2::-webkit-input-placeholder { color: #889ba5; } .input2:-moz-placeholder { color: #889ba5; opacity: 1; } .input2::-moz-placeholder { color: #889ba5; opacity: 1; } .input2:-ms-input-placeholder { color: #889ba5; } .wrap-input2 input { outline: none; border: none; } .wrap-input2 { width: 100%; position: relative; border-bottom: 1px solid #adadad; margin-bottom: 37px; color: #889ba5; } .input2 { display: block; width: 100%; font-family: Poppins-Regular, sans-serif; font-size: 15px; color: #889ba5; line-height: 1.2; background: transparent; font-weight: 400; } .focus-input2 { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .focus-input2::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background: #db1563; background: -webkit-linear-gradient(45deg, #d5007d, #e53935); background: -o-linear-gradient(45deg, #d5007d, #e53935); background: -moz-linear-gradient(45deg, #d5007d, #e53935); background: linear-gradient(45deg, #d5007d, #e53935); } .focus-input2::after { content: attr(data-placeholder); display: block; width: 100%; position: absolute; top: 0; left: 0; font-size: 13px; color: #999; line-height: 1.2; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } input.input2 { height: 45px; } input.input2 + .focus-input2::after { top: 16px; left: 0; } textarea.input2 { min-height: 115px; padding-top: 13px; padding-bottom: 13px; } textarea.input2 + .focus-input2::after { top: 16px; left: 0; } .input2:focus + .focus-input2::after { top: -13px; } .input2:focus + .focus-input2::before { width: 100%; } .has-val.input2 + .focus-input2::after { top: -13px; } .has-val.input2 + .focus-input2::before { width: 100%; } .container-contact2-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 13px; } .wrap-contact2-form-btn { display: block; position: relative; z-index: 1; border-radius: 2px; width: auto; overflow: hidden; margin: 0 auto; } .contact2-form-bgbtn { position: absolute; z-index: -1; width: 300%; height: 100%; background: #db1563; background: -webkit-linear-gradient( -135deg, #d5007d, #e53935, #d5007d, #e53935 ); background: -o-linear-gradient(-135deg, #d5007d, #e53935, #d5007d, #e53935); background: -moz-linear-gradient(-135deg, #d5007d, #e53935, #d5007d, #e53935); background: linear-gradient(-135deg, #d5007d, #e53935, #d5007d, #e53935); top: 0; left: -100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .contact2-form-btn { display: flex; justify-content: center; align-items: center; padding: 0 2rem; height: 50px; font-size: 18px; color: #333333; background: #ffffff; box-shadow: 0 15px 27px rgba(18, 18, 18, 0.25); border-radius: 50px; font-weight: 500; } .wrap-contact2-form-btn:hover .contact2-form-bgbtn { left: 0; } .marketing-slide-buttons.blog-slider-btn.flex-wrap { left: 20px; float: right; } .blog .pagination .page-item:last-child .page-link{ color: #FFF; } .blog .pagination{ margin-top: -1.5rem; } @media (max-width: 576px) { .wrap-contact2 { padding: 72px 15px 90px; } } .validate-input { position: relative; } .subsribe-widget { background-color: #11171a; color: #889ba5; } @media (max-width: 992px) { .alert-validate::before { visibility: visible; opacity: 1; } .topics h2:after{ display: none; } } @media (min-width: 500px) { .home-hero { grid-template-columns: auto auto; } .feature { grid-column: 1; grid-row: 1/3; } .special { grid-column: 2; grid-row: 1/3; } .amazing { grid-column: 2; grid-row: 1/3; } .news { grid-column: 3; grid-row: 1/3; } } @media (min-width: 800px) { .home-hero { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: minmax(150px, auto) minmax(150px, auto); grid-auto-rows: minmax(50px, auto); } .feature { grid-column: 1; grid-row: 1 / 8; } .special { grid-column: 2; grid-row: 1 / 3; } .amazing { grid-column: 2; grid-row: 3 / 8; } .news { grid-column: 3; grid-row: 1 / 8; } } /*---------------NewCM------------------*/ .EventUserLogDiv { display: inline-block; width: 100%; margin: 10px 0; clear: both; } .EventUserLogDiv ul { list-style: none; padding: 0; width: 90%; } .EventUserLogDiv ul li { display: inline-block; /*width: 20%;*/ float: left; margin-right: 10px; background: #fefefe; border-radius: 15px; } .EventUserLogDiv ul li:hover { color: #fff !important; background: #5b46f4; border-radius: 15px; } /* .EventUserLogDiv ul li:hover span.imgBox img{ filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%); } .EventUserLogDiv ul li:first-child span.imgBox img{ filter: invert(5%) sepia(3%) saturate(27%) hue-rotate(349deg) brightness(93%) contrast(91%); } .EventUserLogDiv ul li:hover span.imgBox{ background: #4B37DE !important; }*/ .EventUserLogDiv .slick-slide:nth-child(odd) span.imgBox { background: #4b37de; } .EventUserLogDiv .slick-slide:nth-child(even) span.imgBox { background: #ffefdb; } .EventUserLogDiv .slick-slide:nth-child(4n) span.imgBox { background: #ebfaea; } .EventUserLogDiv .slick-slide:nth-child(3n) span.imgBox { background: #fee9e9; } .EventUserLogDiv .slick-slide:nth-child(5n) span.imgBox { background: dodgerblue; } .EventUserLogDiv .slick-slide:nth-child(6n) span.imgBox { background: #b85b9c; } .EventUserLogDiv .slick-slide:nth-child(7n) span.imgBox { background: #46ba1e; } .EventUserLogDiv .slick-slide:nth-child(8n) span.imgBox { background: #712048; } .EventUserLogDiv ul li span.imgBox img { margin: auto; width: 40px; height: 30px; } .EventUserLogDiv ul li span.imgBox { width: 50px; height: 50px; border-radius: 15px; display: inline-block; padding: 10px 0; text-align: center; float: left; margin-right: 10px; } .EventUserLogDiv ul li span.txtBox { margin-top: 15px; display: inline-block; padding-right: 35px; } .EventUserLogDiv ul li { padding-left: 15px; border: 0; justify-content: normal; } .EventUserLogDiv ul li:hover b { color: #ffffff; } .EventUserLogDiv ul li:hover label { color: #adc6ff; } .EventUserLogDiv ul li label { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; text-align: left; color: #c8c8c8; display: block; } .EventUserLogDiv ul li b { display: block; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; text-align: left; color: #333333; } .EventUserLogDiv .slick-wrapper { margin: auto; width: 100%; } .EventUserLogDiv .slick-slide { margin-right: 20px; } #EventUserLogSlider .slick-next.slick-arrow { background-image: url(/static/event/theme2/assets/img/rightArrow.png); display: block; object-fit: cover; object-position: top; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; right: -8%; top: 24%; width: 67px; height: 67px; } #EventUserLogSlider button { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer { background: #1b1c20; padding: 0 0 25px 0; color: #eee; font-size: 16px; position: relative; z-index: 99; } #footer .footer-top { background: #232428; padding: 20px 0 10px; margin-top: 250px; } #footer .footer-top .footer-info { margin-bottom: 30px; } #footer .footer-top .footer-info h2 { font-size: 42px; font-weight: 700; color: #fff; } #footer .footer-top .footer-info h3 { font-size: 26px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-family: "Poppins", sans-serif; font-weight: 700; color: #fff; } #footer .footer-top .footer-info img { height: 40px; margin-bottom: 10px; } #footer .footer-top .footer-info p { font-size: 14px; margin-bottom: 2rem; color: #fff; /* padding-right: 5rem; */ } #footer .footer-top .social-links a { background: #222636; color: #eee; line-height: 1; margin-right: 4px; border-radius: 50%; width: 36px; height: 36px; transition: 0.3s; display: inline-flex; align-items: center; justify-content: center; } #footer .footer-top .social-links a i { line-height: 0; font-size: 16px; } #footer .footer-top .social-links a:hover { background: #f82249; color: #fff; } #footer .footer-top h4, #footer .footer-top .newslatter { font-size: 20px; font-weight: 700; color: #fff; position: relative; padding-bottom: 12px; } #footer .footer-top .newslatter { padding-bottom: 0; } #footer .footer-top .footer-links { margin-bottom: 30px; } #footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; } #footer .footer-top .footer-links ul.inline-list { width: 45%; display: inline-block; vertical-align: text-top; } #footer .footer-top .footer-links ul.inline-list:last-child { padding-left: 25px; } #footer .footer-top .footer-links ul li { padding: 10px 0; } #footer .footer-top .footer-links ul li:first-child { padding-top: 0; } #footer .footer-top .footer-links ul a, #footer a { color: #c9c9c9; } .terms-footer a { border-right: 2px solid #232428; padding-right: 10px; margin-right: 5px; } .terms-footer a:last-child { border: 0; } #footer .footer-top .footer-links ul a:hover, #footer a:hover { color: #393d48; } #footer .footer-top .footer-contact { margin-bottom: 30px; } #footer .footer-top .footer-contact p { line-height: 26px; } #footer .footer-top .footer-newsletter { margin-bottom: 30px; } #footer .footer-top .footer-newsletter input[type="email"] { border: 0; padding: 6px 8px; width: 65%; } #footer .footer-top .footer-newsletter input[type="submit"] { background: #f82249; border: 0; width: 35%; padding: 6px 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; } #footer .footer-top .footer-newsletter input[type="submit"]:hover { background: #e0072f; } #footer .copyright { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 10px; } #footer .credits { color: #ddd; } #footer .credits a { font-weight: 700; } .footer-profile-links { padding-left: 42%; margin-top: -4rem; } .profile-event-links { padding-left: 30%; } .profile-event-links a { padding: 0 10px; } @media (min-width: 1173px) and (max-width: 1266px) { .footer-profile-links { margin-top: -5rem; } } @media (min-width: 1266px) and (max-width: 1400px) { .footer-profile-links { margin-top: -6rem; } } @media (min-width: 1432px) and (max-width: 1550px) { .footer-profile-links { margin-top: -5rem; } } @media (max-width: 992px) { .footer-profile-links { padding-left: 0; margin-top: -2rem; } .profile-event-links { padding-left: 30%; } .profile-event-links a:first-child { padding-right: 10%; } .profile-event-links a:last-child { padding-right: 10%; } } @media (max-width: 767px) { .footer-profile-links { margin-top: -2rem; } .profile-event-links { padding-left: 15%; } .profile-event-links a:first-child { padding-right: 15%; } .profile-event-links a:last-child { padding-right: 15%; } } @media (max-width: 576px) { .profile-event-links { padding-left: 15%; } #footer .footer-top .footer-links ul li { padding: 7px 0; } .profile-event-links { padding-left: 10%; } .profile-event-links a:first-child { padding-right: 10%; } .profile-event-links a:last-child { padding-right: 10%; } } @media (max-width: 410px) { .profile-event-links { padding-left: 5%; } .profile-event-links a:first-child { padding-right: 5%; } .profile-event-links a:last-child { padding-right: 5%; } } #subscribe { position: relative; z-index: 999; } #subscribe .input-box { background: #1b1c20; border: 0; outline: none; padding: 15px; border-radius: 50px; font-size: 14px; display: flex; justify-content: space-between; margin: 22px 0 0; } #subscribe .input-box input { background-color: transparent; color: #c9e2fe; border: 0; border-radius: 20px; } @media (max-width: 1400px) { #footer .footer-top h4, #footer .footer-top .newslatter { font-size: 16px; } #footer { font-size: 14px; } } @media (max-width: 767px) { #footer .footer-top .footer-info h2 { font-size: 26px; margin-bottom: 10px; } #footer .footer-top h4, #footer .footer-top .newslatter { font-size: 18px; } #footer .copyright { display: block; padding: 20px 0; text-align: center; } .credits { margin-top: 15px; } .terms-footer { margin-bottom: 15px; padding: 0 5%; } } @media (min-width: 767px) { #subscribe .input-box { min-width: 300px; padding: 10px; } } @media (min-width: 850px) { #subscribe .input-box { min-width: 350px; } } @media (max-width: 700px) { #footer { font-size: 14px; } #footer .container { max-width: 95%; } #footer .footer-top { background: #232428; padding: 60px 30px 30px; } #footer .copyright { padding: 20px 30px; } } @media (min-width: 700px) and (max-width: 992px) { #footer .container { max-width: 85%; } /* Custom Css Start*/ #hero {height: 130vh;} /* Custom Css Start*/ } @media (min-width: 992px) { #footer .container { max-width: 90%; } } #subscribe button { border: 0; padding: 9px 25px; cursor: pointer; background: #e0072f; color: #fff; transition: all 0.3s ease; outline: none; font-size: 14px; border-radius: 50px; } #subscribe button:hover { opacity: 0.9; } @media (max-width: 576px) { .credits { margin-top: 15px; } .terms-footer { margin-bottom: 15px; } #footer .copyright { padding: 20px 10px 0; } } @media (max-width: 460px) { #footer .footer-top { background: #232428; padding: 60px 10px 30px; } } /*-------------------------------------Blog detail---------------------------------------*/ /* main#main{ background-color: #FBFBFB; } */ .blog-detail-header{ margin: 80px auto 0; } .blog-title-header{ position: absolute; top:80px; left: 3%; } .blog-detail-header .dashboard-breadcrum .breadcrumb li.active{ color:#fff; } .blog-banner-img{ width: 100%; } .blog-title-header h1{ margin-bottom: 0; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 30px; line-height: 60px; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, .05); margin-top: 30px; } .blog-title-header nav li a{ color: #A1A1A1; } .blog-detail-body{ padding: 80px; background-color: #FBFBFB; } .blog-detail-body .container-fluid{ padding: 80px 5%; border-radius: 20px; background-color: #FFFFFF; } .blog-detail-body .content small{ color: #7C7C7C; } .blog-detail-content ul { list-style-type: none; } .blog-detail-content ul li{ display: inline; } .blog-detail-body h4 span{ height: 24px; width: 5px; display: inline-block; vertical-align: middle; background-color:#f00; margin-bottom: 0; } .blog-detail-body .commentSection{ margin: 0 0 20px 0; } .blog-detail-body .blog-img1{ width: 100%; margin: 30px 0; } .image-with-text .blog-body-img{ float: left; width: 300px; margin: 0 20px 20px 0; } .image-with-text .blog-body-img1{ float: right; width: 300px; margin: 0 0 20px 20px; } .blog-detail-content i{ margin-right: 10px; font-size: 20px; color: #B2B2B2; } .blog-detail-content .btn-color i{ color: #FFFFFF; } .blog-detail-content i{ transform: rotateX(180deg) !important; } .blog-detail-content button:hover i{ color: #FFFFFF; } .blog-detail-content button{ margin-right: 15px; padding: 0.5rem 2rem; height: 50px; } .recent-posts{ margin-bottom: 30px; } .recent-posts a{ font-size: 18px; color: #333333; font-weight: 500; } .recent-posts div{ padding: 5px 5px; border-radius: 15px; } .recent-posts div a:hover{ color: #dc143c; } /* .recent-posts div a{ color: #6F7287; font-size: 14px; } */ .recent-posts div img{ float: left; display: flex; margin: 0 10px 0 0; } .recent-posts div p{ display: flex; font-size: 14px; line-height: 24px; margin-bottom: 10px; } .blog-detail-body .categories{ border: 1px solid #E8E8E8; padding: 20px; border-radius: 20px; } .blog-detail-body .categories h4{ margin-left: 25px; } .blog-detail-body .categories ul{ list-style-type: none; margin-right: 25px; } .blog-detail-body .categories ul li{ font-size: 20px; padding: 20px 0; } .blog-detail-body .categories ul li a{ color: #222; } .blog-detail-body .categories ul li:not(:last-child){ border-bottom: 1px solid #E8E8E8; } @media (min-width:1600px){ .blog-detail-body .content p{ font-size: 21px; line-height: 36px; margin-bottom: 50px; } .recent-posts a p{ font-size: 14px; line-height: 30px; margin-bottom: 10px; } } @media (max-width:1600px){ .image-with-text .blog-body-img , .image-with-text .blog-body-img1{ width: 250px; } .blog-detail-body .content p{ line-height: 24px; margin-bottom: 30px; font-size: 18px; } } @media (max-width:1200px){ .image-with-text .blog-body-img , .image-with-text .blog-body-img1{ width: 225px; } } @media (max-width:992px){ .image-with-text .blog-body-img , .image-with-text .blog-body-img1{ width: 200px; margin: 0 10px 10px 0; } .blog-detail-body .content p{ font-size: 16px; } .blog-detail-body h2{ font-size: 24px; } .recent-posts div{ padding: 10px 5px; } } @media (max-width:767px){ .recent-posts div{ padding: 5px 5px; } .blog-detail-body{ padding: 40px; } .blog-detail-body .container-fluid{ padding: 40px 5%; } .blog-detail-body h2{ font-size: 20px; } .blog-detail-body .content h4{ font-size: 16px; } .blog-detail-content button { margin-right: 15px; padding: 0.3rem 1.5rem; height: 45px; } } @media (max-width:576px){ .image-with-text .blog-body-img , .image-with-text .blog-body-img1{ width: 50%; } .blog-detail-content i{ margin-right: 4px; font-size: 14px; margin-bottom: 3px; } .blog-detail-content button{ margin-right: 4px; padding: 0.35rem 1rem; height: 40px; font-size: 14px; } .blog-detail-content .count{ font-size: 14px; } .blog-detail-body .categories ul li{ font-size: 16px; padding: 15px 0; } .blog-detail-body .container-fluid{ max-width: 94%; padding: 20px 3%; } .blog-title-header h1{ line-height: 30px; font-size: 20px; margin-top: 10px; } .dashboard-breadcrum .breadcrumb li{ font-size: 12px; } .blog-detail-body .content p{ font-size: 14px; } /* Event Page mobile section coding start*/ .event-hero-image {height: auto;} .headerBannerImgDiv .bannerImgHeader {height: auto !important;} .headerBannerImgDiv .bannerImgHeader { width: 100%; max-height: 100%; height: auto ; object-fit: contain ; object-position: top center; } .timeDate-Select {margin-left: -40px;} .timeDate-Select { width: 110%; padding: 30px 0 15px 30px; } .sideAddNWatch { width: 100%; height: 60px; margin: 40px auto; margin-top: 40px; margin-bottom: 40px; margin-top: -15px !important; padding-top: 0px; } .row {--bs-gutter-x: 0rem !important; --bs-gutter-y: 0 !important;} #footer .footer-top h4, #footer .footer-top .newslatter { font-size: 15px; } #eventDescription tbody tr td img { max-width: 100% !important; } .bannerEventInfo { height: 380px; } #header #logo h2, #header.header-inner h2 {font-size: 30px !important;} #logo .me-3 {margin-right: 0.2rem !important;} /* Event Page mobile section coding end*/ } @media (max-width:450px){ .image-with-text .blog-body-img , .image-with-text .blog-body-img1{ width: 100%; } .blog-detail-content button{ padding: 0.3rem 1rem; font-size: 12px; } } /*------------------------------------------Blog detail end----------------------------------------------------*/ .hidden-initially { display: none !important; } .modal-input-rounded{ border-radius: 5px !important; } .errorMessage { border-radius: 50px !important; } .successMessage { border-radius: 50px !important; } .globalErrorMessage { border-radius: 50px !important; min-height: 50px; align-content: center; padding: 13px 20px; } .header-profile-pic { border-radius: 20px; } .cart .pm-button { border-radius: 20px; } .cart .pm-link { border-radius: 20px; } .nodata { font-size: 20px; font-weight: 400; padding-top: 20px; } .border-bottom-round-25 { border-radius: 0 0 25px 25px; } /* Start Customize bootstrap type ahead on landing page city search */ .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .ui-autocomplete > li > div { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .ui-state-hover, .ui-state-active, .ui-state-focus { text-decoration: none; color: #262626; background-color: #f5f5f5; cursor: pointer; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* End Customize bootstrap type ahead on landing page city search */ .uploaded-video-btn { background-color: black; border-radius: 5px; } .global-error-msg { border-radius: 10px; min-height: 50px; padding: 10px 10px 10px 20px; height: auto; } .mb-0 { margin-bottom: 0px; } .mt-30 { margin-top: 30px; } .form-label-data { font-size: 18px !important; } .formDiv textarea { width: 100%; background: #f6f7f9; border-radius: 50px; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #5d658d; padding: 21px 10px 21px 30px; border: 0; margin-bottom: 10px; } .ticket-terms-checkbox { width:20px !important; height:10px !important; padding: 10px 10px 10px 10px !important; margin-right: 5px !important; } .form-check-input:checked { background-color: #2C2C2C !important; border-color: #2C2C2C !important; } h5 .mb-1 { margin-bottom: 1px !important; } .mb-5 { margin-bottom: 5px !important; } /*.form-control::-moz-placeholder { color: #827d7d; opacity: 1; } .form-control:-ms-input-placeholder { color: #827d7d; } .form-control::-webkit-input-placeholder { color: #827d7d; }*/ /* Start Owl slider */ .owl-prev { position: absolute; bottom: 50px; left: 48%; z-index: 9999; } .owl-next { position: absolute; bottom: 50px; left: 53%; z-index: 9999; } .owl-carousel .owl-item img { display: block; width: unset; max-height: 550px; background-position:center; background-size: cover; /*margin-top: 100px;*/ } /* Start Owl slider */ /*Blog start here*/ .social-icons-blog { width: 30px; height: 30px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 5px; } /*Blog end here*/ .schedule { --b: .5em; /* border width */ --c: 3em; /* corner size */ --r: 2em; /* corner rounding */ position: relative; margin: 1em auto; border: solid var(--b) transparent; padding: 1em; max-width: 23em; font: 1.25em ubuntu, sans-serif; &::before { position: absolute; z-index: -1; inset: calc(-1*var(--b)); border: inherit; border-radius: var(--r); background: linear-gradient(orange, deeppink, purple) border-box; --corner: conic-gradient(from -90deg at var(--c) var(--c), red 25%, #0000 0) 0 0/ calc(100% - var(--c)) calc(100% - var(--c)) border-box; --inner: conic-gradient(red 0 0) padding-box; -webkit-mask: var(--corner), var(--inner); -webkit-mask-composite: source-out; mask: var(--corner) subtract, var(--inner); content: '' } } .search-icon { padding-left: 25px; background: url("/static/event/theme2/assets/img/search-tiny-icn.svg") no-repeat left; background-size: 20px; } .float-button { position: fixed; bottom: 20px; right: 20px; padding: 15px 32px; display: inline-block; cursor: pointer; text-align: center; line-height: 5px !important; z-index: 1; } .mr-10 { margin-right: 10px; } .html5-qrcode-element { background-color: #f82249; box-shadow: 0 15px 27px rgba(220, 20, 60, 0.25); border-radius: 15px; color: #fff; font-weight: 400; font-size: 18px; padding: 1rem 2.5rem; border: 2px solid #f82249; margin-left: 0.5rem; } .boothListDiv li { display: inline-block; text-align: center; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 30px; padding: 35px 0; margin-bottom: 39px; margin-right: 34px; } /* ********** */ #layout-container { position: relative; width: 90%; max-width: 1600px; margin: 20px auto; border: 1px solid #ccc; } #layout-container img { display: block; width: 100%; height: auto; } #layout-container svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .booth { fill: rgba(255, 0, 0, 0.0); /* Transparent fill */ stroke: rgba(0, 123, 255, 0.0); /* Transparent stroke initially */ stroke-width: 2; cursor: pointer; transition: fill 0.2s, stroke 0.2s; } .booth:hover { fill: rgba(0, 123, 255, 0.4); stroke: rgba(0, 80, 255, 0.9); } .image-container { position: relative; display: inline-block; } .overlay-image { position: absolute; z-index: 10; width: 25px; } .modal-backdrop { width: 100% !important; height: 100% !important; }