/* ==== event-page-css ====== */ .event_page--wrapper { overflow: hidden; } .event_page--wrapper .banner_title { line-height: 4.75rem; padding-bottom: 0.6875rem; } @media ( min-width: 420px ) { .event_page--wrapper .banner_title { line-height: 6.625rem; } } @media ( min-width: 576px ) { .event_page--wrapper .banner_title { line-height: 7.25rem; } } @media ( min-width: 992px ) { .event_page--wrapper .banner_title { line-height: 10.625rem; padding-bottom: 0px; } } @media (min-width: 1200px) { .event_page--wrapper .banner_title { font-size: 10rem; } } /* ----- ends ------ */ /* ========== event-page-sec2: awareness-rights ============== */ .awareness_rights--wrapper .awareness_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 25px; line-height: 36px; text-transform: capitalize; color: var(--white); margin-bottom: 0; padding-bottom: 28px; } .awareness_rights--wrapper .time-date-wrapper { text-align: center; } .time-date-wrapper span { font-family: var(--open-sans); font-style: normal; font-weight: bold; font-size: 50px; line-height: 68px; text-align: center; text-transform: uppercase; color: var(--white); background: var(--primary-color); border-radius: 5px; display: block; border: 1px solid var(--white); margin-bottom: 15px; padding: 13px 20px; } .time-date-wrapper span:last-child { margin-bottom: 0px; } .time-date-wrapper span p { font-family: var(--open-sans); font-style: normal; font-weight: 600; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; } .awareness_rights--wrapper .time_wrapper { background: var(--secondary-color); border-radius: 5px; text-align: center; padding: 7px 23px; max-width: 307px; width: 100%; margin-top: 6.3125rem; } .time_wrapper .time_inner { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 30px; line-height: 36px; text-align: center; text-transform: capitalize; color: var(--white); margin-right: 2px; } .time_wrapper .time_inner:last-child { margin-right: 0px; } .awareness_rights--wrapper .text_wrapper { font-family: var(--montserrat); font-style: normal; font-weight: normal; font-size: 25px; line-height: 36px; color: var(--white); display: block; padding: 36px 0px 22px; } .awareness_rights--wrapper .btn_request { display: block; background: var(--quaternary-color); } .awareness_rights--wrapper .btn_request:hover { background: #354569; } .awareness_rights--wrapper .btn_request::after { background: #9B9FAE; } .members_img--wrapper { background: var(--white); border-radius: 15px; } @media ( min-width: 576px ) { .awareness_rights--wrapper .time-date-wrapper { display: flex; align-items: center; justify-content: flex-start; } .awareness_rights--wrapper .awareness_title { font-size: 30px; } .awareness_rights--wrapper .text_wrapper { font-size: 30px; line-height: 40px; } .time-date-wrapper span { background: url('../../images/day-bg.png') no-repeat 0 0; background-size: cover; width: 100%; display: block; border: none; margin-right: 0.5rem; margin-bottom: 0; } } @media ( min-width: 768px ) { .awareness_rights--wrapper .awareness_title { color: var(--quaternary-color); } } @media ( min-width: 992px ) { .awareness_rights--wrapper .awareness_title { padding-top: 34px; } } @media ( min-width: 992px ) and ( max-width: 1780px ) { .time-date-wrapper span { font-size: 30px; line-height: 37px; padding: 9px 10px; } } @media ( min-width: 1200px ) { .awareness_rights--wrapper .btn_request { max-width: 230px; width: 230px; } .time-date-wrapper span { margin-right: 1.375rem; } .awareness_rights--wrapper .common_political_info--wrapper { padding-right: 2rem; } } @media ( min-width: 1880px ) { .time-date-wrapper span { font-size: 45px; line-height: 50px; padding: 13px 25px; } } /* ========== awareness-rights ============== */ /* ========== event-page-sec3: upcoming-events ============== */ .event_page--wrapper .upcoming-events--wrapper .upcoming_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 30px; line-height: 36px; text-transform: capitalize; color: var(--quaternary-color); margin-bottom: 0; text-align: center; position: relative; padding: 50px 0px 32px; } .event_page--wrapper .upcoming-events--wrapper .row::before { display: none; } @media ( min-width: 992px ) { .event_page--wrapper .upcoming-events--wrapper .upcoming_title { color: var(--white); padding: 70px 0px 82px; } .event_page--wrapper .upcoming-events--wrapper { margin-top: -26.875rem; } .event_page--wrapper .upcoming-events--wrapper .row::after { right: -8rem; bottom: 15rem; } .event_page--wrapper .upcoming_events--members { margin-bottom: 5.9375rem; } .event_page--wrapper .take_action--wrapper { margin-top: 7.375rem; } } @media ( min-width: 1680px ) { .event_page--wrapper .upcoming-events--wrapper .row::after { right: -15rem; bottom: 5rem; height: 75vh; } .event_page--wrapper .take_action--wrapper.dotted_map_before::before { bottom: -6rem; left: 15rem; } }