.center-items { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .become-volunteer-two-text p { padding: 0 0 15px; color: #ffedd3; } @media (min-width: 767px) { .email-list { width: 40%; } } .section-title__title .section-title__tagline { font-size: 33px; } @media only screen and (max-width: 767px) { ul.list-unstyled.news-two__list { padding: 0; } } dl, ol, ul { list-style: none !important; } .main-header-four .main-menu .main-menu__list > li.current > a, .main-header-four .main-menu .main-menu__list > li.current-menu-ancestor > a, .main-header-four .main-menu .main-menu__list > li.current-menu-item > a, .main-header-four .main-menu .main-menu__list > li.current-menu-page > a, .main-header-four .main-menu .main-menu__list > li.current_page_item > a, .main-header-four .main-menu .main-menu__list > li:hover > a, .main-header-four.stricky-header .main-menu__list > li.current > a, .main-header-four.stricky-header .main-menu__list > li.current_page_item > a, .main-header-four.stricky-header .main-menu__list > li.current-menu-ancestor > a, .main-header-four.stricky-header .main-menu__list > li.current-menu-item > a, .main-header-four.stricky-header .main-menu__list > li.current-menu-page > a, .main-header-four.stricky-header .main-menu__list > li:hover > a { color: var(--oxpins-black); } .notice-bar{ margin-top: 20px; } .footer-widget__contact-list li .text p a { color: var(--oxpins-extra); } .thm-btn{ color: var(--oxpins-white); } .testimonial-four__author img { width: 100px !important; height: 100px; } .testimonial-title h3{ top: -30px; padding: 0px 100px; font-size: 20px; position: relative; font-weight: 600; color: var(--testimonial-title-color); } .testimonial-four__title{ line-height: 150%; font-size: inherit; } .testimonial-four__text{ font-size: 1.75rem; margin: 20px auto 40px; } .testimonial-four__single { background-color: #9d7c6354; padding: 90px 30px 70px; } .testimonial-four__text a { color: var(--oxpins-primary); } .testimonial-four__text a:hover { color: var(--oxpins-black); } .testimonial-four__author .author_img { width: 150px !important; height: 150px !important; max-width: 150px; border-radius:50%; } .testimonial-four__link { font-size: 16px; } input:focus, textarea:focus { outline: none !important; box-shadow: none !important; border-color: var(--oxpins-extra) !important; background-color: var(--oxpins-extra) !important; } input:-webkit-autofill, textarea:-webkit-autofill { background-color: var(--oxpins-extra) !important; color: var(--oxpins-black) !important; -webkit-box-shadow: 0 0 0px 1000px inherit inset !important; transition: background-color 5000s ease-in-out 0s; } ul.list-unstyled.news-one__meta { padding: 0; font-family: 'Naskh'; } .date-area { font-family: 'Naskh'; } .margin-top-40 { margin-top: 40px; } .margin-top-70 { margin-top: 70px; } .mobile-nav__content .main-menu__list > li:last-child, .mobile-nav__content .main-menu__list > li > ul > li:last-child, .mobile-nav__content .main-menu__list > li > ul > li > ul > li:last-child { border-bottom: 0; } /* ================================================== Spacers Sets ================================================== */ .spacer-10 { height: 10px; clear: both; width: 100%; } .spacer-20 { height: 20px; clear: both; width: 100%; } .spacer-30 { height: 30px; clear: both; width: 100%; } .spacer-40 { height: 40px; clear: both; width: 100%; } .spacer-50 { height: 50px; clear: both; width: 100%; } .spacer-60 { height: 60px; clear: both; width: 100%; } .spacer-75 { height: 75px; clear: both; width: 100%; } .spacer-100 { height: 100px; clear: both; width: 100%; } /*-------------------------------------------------------------- # top-header --------------------------------------------------------------*/ .top-header { position: relative; top: 0; text-align: right; background-color: var(--top-header-bg-color); color: var(--top-header-color); } table { border-collapse: collapse; width: 100%; } th, td { padding: 2px 15px; } td, th { border-left: 1px dashed #7f7f7f52; text-align: center; } .top-header .top-social { float: left; } .top-header .top-social { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .top-header .top-social li { margin-left: 10px; margin-right: 0; display: inline-block; } .top-header .top-social li a { color: inherit; font-size: 22px; } .top-header .top-social li a:hover { color: #71614abe; } @media only screen and (max-width: 767px) { .top-header { display: block; text-align: center; } } @media only screen and (max-width: 767px) { .date-area { padding: 5px 0; font-size: 12px; } } @media only screen and (max-width: 767px) { table { font-size: 10px; } } @media only screen and (max-width: 767px) { .top-header .top-social { float: none; margin-top: 5px; } } @media (max-width: 992px) { .date-area { text-align: center; } } .main-header-four__logo { position: absolute; } .main-header-four__logo img { width: 85px; } .counter-one__text { color: var(--counter-one__text); } /*-------------------------------------------------------------- # index page start --------------------------------------------------------------*/ *, ::after, ::before { box-sizing: border-box; } body { margin: 0; font-family: 'Naskh'; background-color: var(--oxpins-body); background-image: url(../images/donate-shape-bg.png); background-repeat: repeat; background-size: auto; } .header-title { text-align: center; width:100%; margin: 10px auto; } .header-title img { height: 150px; } .module-list { max-width: 40%; margin: auto; padding: 1rem; } .module-item { display: flex; background-color: var(--oxpins-gray3); align-items: center; padding: 10px 20px; border-radius: 10px; margin-bottom: 4.5rem; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: relative; min-height: 6rem; } .module-item img { width: 6rem; height: 8rem; border-radius: 10px; object-fit: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .module-title span{ display: inline-block; font-size: 1.5rem; color: var(--oxpins-black); font-weight: 700; font-family: Naskh; line-height: 1.2; text-decoration: none; background: linear-gradient(to left, currentColor 0%, currentColor 100%) right bottom / 0% 2px no-repeat; transition: all 500ms ease; } a:hover .module-item { opacity: 0.8; transform: scale(1.05); } a:hover .module-title span { color: var(--oxpins-secondary); background-size: 100% 1px; } @media (max-width: 1299px) { .module-list { max-width: 50%; } } @media (max-width: 992px) { .module-list { max-width: 60%; } } @media (max-width: 776px) { .module-list { max-width: 80%; } } @media (max-width: 556px) { .module-list { max-width: 100%; } .module-title span{ font-size: 1rem; } .header-title img { height: 130px; } } /*-------------------------------------------------------------- # index page end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # gallery page start --------------------------------------------------------------*/ .gallery-page__img:before { background: linear-gradient(180deg, rgba(var(--oxpins-secondary-rgb), 0.0928746499) 53%, rgb(var(--oxpins-secondary-rgb)) 100%); } /*-------------------------------------------------------------- # gallery page end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # volunteer page start --------------------------------------------------------------*/ .become-volunteer-two__title{ color: var(--oxpins-gray3); } .become-volunteer-two .thm-btn-two { background-color: var(--oxpins-white); color: var(--oxpins-black); padding: 13px 24px; } .become-volunteer-two .thm-btn-two::before { background-color: var(--oxpins-gray3); } .become-volunteer-two .thm-btn-two:hover { color: var(--oxpins-black); } @media(max-width: 575px){ .become-volunteer-two{ padding: 0; } .become-volunteer-two__title { margin: 0 0 20px; } } /*-------------------------------------------------------------- # volunteer page end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # HomePage start --------------------------------------------------------------*/ .empty-homepage-rubric__tagline { font-size: 30px; line-height: 49px; font-weight: 300; color: #707876; letter-spacing: -0.04em; } .events-one, .news-carousel-page, .page-wrapper, .become-volunteer-two, .news-two, .testimonial-four { background-color: var(--oxpins-section); } .news-two__meta-one { color: var(--oxpins-extra); } .main-header-four.stricky-header, .main-header-four { background-color: var(--oxpins-extra); } .main-header-four .main-menu .main-menu__list > li > a, .main-header-four.stricky-header .main-menu__list > li > a { color: var(--oxpins-stricky-header-color); } /*-------------------------------------------------------------- # HomePage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # BroadcastPage start --------------------------------------------------------------*/ .error-page { z-index: 0; background-color: inherit; } .list-unstyled.donation-details__recent-donation-inner { border: 2px solid #786f6b52 !important; padding: 10px !important; } .list-unstyled.donation-details__recent-donation-list { padding: 0 40px; } .post-media audio { width: 100%; margin: 20px 0; } .donation-details__summary { color: var(--oxpins-black); } .additional-next-broadcast{ margin-bottom: 20px; color: var(--oxpins-primary); } .stream-btn { text-align: center; } .stream-btn button { border: 2px solid #786f6b52 !important; background-color: var(--oxpins-extra); color: var(--oxpins-black); border-radius: 5px; } .stream-btn button:hover { background-color: #f9f4e8dc !important; color: #2d221dd5 !important; } .stream-btn button:focus { background-color: #f9f4e8dc !important; color: #2d221dd5 !important; } .donation-details__sidebar-shaare-cause { padding: 20px 40px; z-index: 0; } .donation-details__sidebar-shaare-cause-social a { margin-left: 10px; } .clock-text { line-height: 30px !important; } .stream-btn .form-group{ display: inline-block; } @media only screen and (min-width: 1200px) { .donation-details__left.streaming { width: 50%; } } @media only screen and (max-width: 767px) { .donation-details__recent-donation-list { flex-direction: column; align-items: normal; } .streaming .donation-details__recent-donation-list { flex-direction: row; align-items: normal; } .streaming .donation-details__recent-donation-list li + li { margin-top: 0; } } @media only screen and (max-width: 378px) { .stream-btn .form-group{ margin-bottom: 15px; } } /*-------------------------------------------------------------- # BroadcastPage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Announcements start --------------------------------------------------------------*/ .news-sidebar__img{ border: 2px solid var(--oxpins-primary); padding: 5px } .sidebar__tags-list a:hover { color: var(--oxpins-white) !important; } .news-sidebar__single a{ margin-left: 10px; } .news-sidebar__single + .news-sidebar__single { margin-top: 80px; } .sidebar__category .sidebar__title { padding-right: 30px; } .sidebar__category .sidebar__category-list.list-unstyled { padding-inline-start: 0; } .sidebar__category-list li a { color: var(--oxpins-gray) !important; } .sidebar__category input[type="radio"] { accent-color: var(--oxpins-primary) !important; } .bootstrap-select .dropdown-toggle { display: none !important; } .select2-selection.select2-selection--multiple{ border-radius: 15px; } .sidebar__category form { padding: 5px 30px; } .sub-widget-title { margin-bottom: 10px; } .news-sidebar .btn-primary, .contact-btn { background-color: var(--oxpins-primary); } .news-sidebar .btn-primary:focus { border-color: #9d7c63e3; outline: black !important; } .news-sidebar .btn-primary:hover, .contact-btn:hover { background-color: #9d7c63e3; } .news-sidebar__title { font-size: 23px; } .news-sidebar .list-unstyled.news-sidebar__meta{ padding-inline-start: 0; } .news-sidebar .news-sidebar__content-box{ margin-top: 2px; } .news-sidebar .news-sidebar__bottom { margin-top: 15px; } .checkbox input[type="checkbox"] { display: none; } .checkbox-icon { width: 20px; height: 20px; border: 2px solid; border-radius: 4px; display: inline-block; position: relative; transition: all 0.3s ease-in-out; vertical-align: middle; } .checkbox input[type="checkbox"]:checked + label .checkbox-icon { background-color: var(--oxpins-primary); border-color: var(--oxpins-primary); } .checkbox input[type="checkbox"]:checked + label .checkbox-icon::after { content: ""; position: absolute; left: 5px; top: 2px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .checkbox:hover .checkbox-icon { border-color: var(--oxpins-primary); } .result_stats { border: 1px dotted var(--oxpins-primary); border-radius: 10px; background: #f3e7d2; padding: 10px; margin-bottom: 50px; } .tag-cloud { display: flex; align-items: center; gap: 8px; } .tag-cloud i, .bs-callout-warning-files a { color: var(--oxpins-primary); } .bs-callout-warning-files{ border-right-color: var(--oxpins-primary); } .tag { display: inline-block; background: #faf8f5; color: var(--oxpins-primary) !important; font-size: 14px; padding: 4px 10px; border-radius: 4px; text-decoration: none; border: 1px solid var(--oxpins-primary); } .tag:hover { background: #f0e6dc; } .comment-form__input-box input[type=text], .comment-form__input-box input[type=email] { background-color: var(--oxpins-extra); color: var(--oxpins-black); } input[type=text]::placeholder, input[type=email]::placeholder, textarea::placeholder { color: var(--oxpins-black) !important; } textarea { color: var(--oxpins-black) !important; } .post-comments { margin: 35px 0 0 0; } /*-------------------------------------------------------------- # Announcements end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Pagination start --------------------------------------------------------------*/ .pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px; list-style: none; } .pagination li { margin: 3px; } .pagination a { display: flex; align-items: center; justify-content: center; padding: 8px 12px; min-width: 36px; border-radius: 5px; background: #f8f9fa; color: var(--oxpins-primary); text-decoration: none; font-weight: 500; transition: all 0.3s ease-in-out; border: 1px solid #ddd; } .pagination a:hover { background: var(--oxpins-primary); color: #fff; } .pagination .active a { background: var(--oxpins-primary); color: #fff; font-weight: bold; cursor: default; pointer-events: none; } .pagination .disabled a { color: #ccc; background: #f1f1f1; pointer-events: none; } .pagination li a i { font-size: 14px; } @media (max-width: 480px) { .pagination a { padding: 6px 10px; font-size: 14px; } } /*-------------------------------------------------------------- # Pagination end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # ContactPage start --------------------------------------------------------------*/ .billing_details_form .select-box .nice-select { color: var(--oxpins-black); } .box-style1 { border: 5px solid var(--oxpins-extra); border-radius: 3px; box-shadow: 0 0 0 1px #e0e5e9 inset; padding: 20px; margin-bottom: 30px; } /*-------------------------------------------------------------- # ContactPage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # CalendarPage start --------------------------------------------------------------*/ .caleran-input { width: 100% !important; } .program-area { position: relative; display: block; padding: 50px 0 120px; } .timeline-date { color: white; text-align: right; font-size: 16px; position: relative; display: inline-block; padding: 6px 5px 3px 5px; background-color: var(--oxpins-primary); border-radius: 5px; font-family: Naskh; } .program-area { margin: 30px 0 0 0; } .program-area h3 { font-size: 22px; text-align: right; font-family: Kufi; margin-bottom: 20px; } .program-area input { display: none; } .cd-h-timeline__events ol { margin: 0; } .datepicker-area .caleran-inline { padding-bottom: 20px; } .js .cd-h-timeline__container { width: 100%; max-width: unset; } .js .cd-h-timeline__dates::after, .js .cd-h-timeline__dates::before { display: none; } .js .cd-h-timeline__dates { margin: 0 33px; } .js .cd-h-timeline__date { cursor: pointer; } .js .cd-h-timeline__filling-line, .js .cd-h-timeline__date--selected::after { background-color: #8a6d3b; border-color: #8a6d3b; } .js .cd-h-timeline__navigation:hover { border-color: #8a6d3b; } .js .cd-h-timeline__navigation--inactive:hover { border-color: #e3e3e3; } .timeline-item { text-align: right; padding: 0 0 10px 0; } .timeline-date i { float: right; margin-left: 5px; margin-top: 2px; } .timeline-item-details { display: flex; align-items: center; margin-top: 10px; } .timeline-item img { display: inline-block; width: 100px; height: 100px; border-radius: 50%; -webkit-box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.4); border: solid 5px #fff; margin: 10px 0; } .timeline-item-details ul { display: inline-block; list-style: none; margin: 0 17px 10px 0; padding: 0; } .timeline-item ul li { margin-top: 13px; } .timeline-item .timeline-title { font-family: "Kufi", sans-serif; font-size: 18px; color: var(--oxpins-black); } .timeline-item .timeline-author { font-family: "Naskh", sans-serif; font-size: 16px; color: var(--oxpins-primary); } .timeline-item .timeline-title:hover, .timeline-item .timeline-author:hover { text-decoration: underline; } .timeline-item p { margin-top: 5px; text-align: right; line-height: 1.9; font-size: 16px; } .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end { background: none; } .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span { background: var(--oxpins-primary); } .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span{ background-color: #9d7c6336; } /*-------------------------------------------------------------- # CalenderPage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SearchPage end --------------------------------------------------------------*/ .search.col-sm-6 { float: right; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .search .badge { float: left; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: var(--oxpins-gray); border-radius: 10px; } .search h4 a:hover, .search h3 a:not(.badge):hover{ color: var(--oxpins-primary) !important; } .search h4 a{ font-size: 1rem; } .search .meta-data { display: block; font-size: 0.8rem; } .search .meta-data i{ color: var(--oxpins-primary); } .search .meta-data div { display: inline-block; } .meta-data.alt > div::after { margin-right: 10px; margin-left: 0; content: ''; } .search .btn-primary { background-color: var(--oxpins-primary); } .search .btn-primary:focus { border-color: #9d7c63e3; } .search .btn-primary:hover { background-color: #9d7c63ba; } .search p { font-size: 0.8rem; } .search .post-actions { margin-top: 20px; } .search li { padding-bottom: 40px; } .error-page__form button[type=submit] { left: 0px; right: unset; } .error-page__form input { height: 60px; width: 100%; border: none; outline: none; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); border: 1px solid var(--oxpins-bdr-color); font-size: 14px; color: var(--oxpins-gray); font-weight: 400; padding-left: 50px; padding-right: 75px; border-radius: var(--oxpins-bdr-radius); } .error-page__form input::placeholder { color: var(--oxpins-gray) !important; } @media (max-width: 992px) { ul.search { padding: 0 !important; } } /*-------------------------------------------------------------- # SearchPage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # errorPage start --------------------------------------------------------------*/ .error-title { color: var(--oxpins-primary); } .error-btn{ background-color: var(--oxpins-primary); } .error-btn:hover, .error-btn:active, .error-btn:focus { background-color: #9d7c63e3; } /*-------------------------------------------------------------- # errorPage end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # site map start --------------------------------------------------------------*/ .site-map h3{ margin: 0 0 20px 0; font-weight: 400; line-height: 1.5em; font-size: 1.5em; letter-spacing: 0.5px; } .site-map h3 a:hover { color: var(--oxpins-black) !important; } .site-map .map-item ul{ list-style-type: disc !important; color: var(--oxpins-black) !important; margin-right: 0; } .site-map .map-item li a{ color: var(--oxpins-black); } .site-map .map-item li a:hover { color: var(--oxpins-black); } /*-------------------------------------------------------------- # site map end --------------------------------------------------------------*/