/* Theme Name: Our Lady of Mercy Heritage Church Child Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: lady-mercy Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Our Lady of Mercy Heritage Church is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.3.0.1742971710 Updated: 2025-03-26 06:48:30 */ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap'); h1 {font-family: "Roboto", sans-serif; font-weight: 900; font-size: 55px;} h2 {font-family: "Alegreya", serif !important; font-weight: 800 !important; font-size: 30px;} .icobox .box-body b {font-weight: 700;} .banneslider .elementskit-commentor-content {color: #fff; font-family: "Roboto", sans-serif;} .banneslider .elementskit-commentor-content h1 {font-family: "Roboto", sans-serif; font-weight: 900; font-size: 55px; text-transform: uppercase; line-height: 1.1;} .banneslider .elementskit-commentor-content {font-size: 18px; font-weight: 400; line-height: 24px;} .bg-fix {background-attachment: fixed !important;} .blog_box .image_main_wrap img {height: 235px; object-fit: cover;} .blog_box {overflow: hidden; border-radius: 10px; box-shadow: 0px 0px 24px -2px #ccc; margin: 10px;} .blogbox_content {padding: 28px 25px 35px 25px;} .blogbox_content h3 {font-family: "Alegreya", serif; font-size: 25px; font-weight: 500; color: #000; margin-bottom: 10px;} .blogbox_content p {font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; color: #626262; line-height: 21px;} .postbtn {font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 700; color: #000; border: 3px solid #59b6cf; max-width: 158px; text-align: center; display: block; padding: 13px 10px; text-decoration: none !important; text-transform: uppercase; margin-top: 20px;} .postbtn:hover {background-color: #59b6cf; color: #fff;} .blogbox_content .date {color: #626262; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 15px;} .boximg .elementskit-box-header img {width: 100%; height: 413px !important; object-fit: cover;} .tours_wrapper {display: flex; gap: 30px 19px; flex-wrap: wrap;} .ourtours {width: 32.2%; overflow: hidden; border-radius: 15px; background-color: #fff; box-shadow: 0px 0px 20px 10px #cccccc82;} .tours-data {padding: 20px 27px;} .ourtours img {width: 100%; height: 235px; object-fit: cover;} .ourtours h4 {font-family: "Alegreya", serif; font-size: 25px; font-weight: 500; color: #000; margin-top: 0; margin-bottom: 5px;} .ourtours p {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 17px; color: #626262;} #alltour .tourcontent {height: 240px; overflow-x: auto;} #all-simplefilter {display: none !important;} .simplefilter li {font-family: "Roboto", sans-serif; font-weight: 700 !important; font-size: 15px; text-transform: uppercase !important; color: #000 !important; background-color: transparent !important; border: 3px solid #59b6cf; padding: 14px 70px !important; line-height: 1.2;} #f-simplefilter-8654.simplefilter li:hover, #f-simplefilter-8654.simplefilter li.active {background-color: #59b6cf !important; color: #fff !important;} .filter_gallery_8654 {margin-top: 40px !important; margin-left: auto !important; margin-right: auto !important;} .filters-div .filtr-item {height: 360px !important;} .filters-div .filtr-item img { width: 100% !important; height: 100% !important; object-fit: cover; } body.single .site-main {max-width: 1200px; padding: 40px 20px;} body.single .entry-title {font-family: "Alegreya", serif !important; font-weight: 800 !important; font-size: 40px; text-align: center; margin-bottom: 25px; line-height: 1.1;} body.single .site-main h3, .tribe-events .tribe-events-calendar-list__event-title, .tribe-events-single-event-description h3 {font-family: "Alegreya", serif !important; font-weight: 800 !important; font-size: 25px;} .tribe-events .tribe-events-calendar-list__event-title {line-height: 1.1 !important;} body.single .site-main p, .tribe-events-single-event-description p {font-family: "Roboto", serif; color: #5c5c5c; font-size: 16px;} body.single .site-main p a {color: #59b6cf;} .tribe-common-l-container.tribe-events-l-container {padding-top: 50px !important; padding-bottom: 50px !important; font-family: "Roboto", serif; overflow-x: hidden;} .tribe-events-c-search__input:focus {outline: none !important; border: 0px;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border { border-color: #59b6cf; } .tribe-common-c-btn.tribe-events-c-search__button { background-color: #59b6cf !important; text-transform: uppercase; font-family: "Roboto", serif !important; border-radius: 0px !important; } .tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button { font-size: 22px !important; } .tribe-events-calendar-list__event-description p, .tribe-events-calendar-list__event-datetime {font-family: "Roboto", serif !important; color: #5c5c5c; font-size: 15px;} .tribe-events-calendar-list__event-date-tag-datetime {background-color: #59b6cf; height: auto !important; padding: 15px !important;} .tribe-events-calendar-list__event-date-tag-datetime span {color: #fff !important;} .tribe-events-c-subscribe-dropdown__button {border-radius: 0px !important; border: 3px solid #59b6cf !important; font-family: "Roboto", serif !important; text-transform: uppercase !important; color: #59b6cf !important;} .tribe-events-c-subscribe-dropdown__button:hover {background-color: #59b6cf !important; color: #fff !important;} #tribe-events-content .tribe-events-back {margin-bottom: 15px;} #tribe-events-content .tribe-events-back a {font-family: "Roboto", serif !important; font-weight: 500;} #tribe-events-content .tribe-events-single-event-title {font-family: "Alegreya", serif !important; font-size: 30px !important; font-weight: 500 !important; color: #000; line-height: 1.2;} #tribe-events-content .tribe-events-schedule span {font-family: "Roboto", serif !important; color: #5c5c5c !important; font-size: 15px !important; font-weight: 400 !important;} #give-form-5923-wrap {font-family: "Roboto", serif !important;} #give-form-5923-wrap .give-goal-progress .income { color: #000; font-size: 35px; line-height: 40px; } #give-donation-level-button-wrap button, #give-purchase-button { border: 2px solid #59b6cf !important; border-radius: 0px !important; font-family: "Roboto", serif !important; text-transform: uppercase; font-size: 15px !important; color: #59b6cf; font-weight: 500 !important; } #give-donation-level-button-wrap button:hover, #give-purchase-button:hover {background-color: #59b6cf !important; color: #fff !important;} .single-give_forms .give_forms { padding: 0px 20px; } .gall .gallery-item img {height: 360px; object-fit: cover;} .gallslider .elementor-swiper-button { background-color: #fff; border-radius: 100px; padding: 14px; } .gallslider figure img {width: 100%; height: 240px; object-fit: cover;} .gt_switcher {width: 100% !important;} .gt_switcher a { width: auto !important; border: 1px solid #000 !important; font-family: "Roboto", Sans-serif; font-size: 14px !important; color: #000 !important; line-height: 1.1; } .gt_switcher .gt_option { width: auto !important; } @media only screen and (min-width: 1025px) and (max-width: 1200px) { .tours_wrapper {gap: 25px 16px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { h1 {font-size: 40px;} h2 {font-size: 28px;} .banneslider .elementskit-commentor-content h1 {font-size: 40px; line-height: 1;} .blogbox_content h3, .ourtours h4, body.single .site-main h3, .tribe-events .tribe-events-calendar-list__event-title, .tribe-events-single-event-description h3 {font-size: 24px;} .blogbox_content p {font-size: 16px; line-height: 22px;} .tours_wrapper {gap: 20px 12px;} .ourtours img {height: 220px;} .tours-data {padding: 20px 16px;} .ourtours p {font-size: 15px;} .simplefilter li { font-size: 14px; padding: 14px 50px !important; } .filter_gallery_8654 {margin-top: 28px !important; margin-left: auto !important; margin-right: auto !important;} .filters-div .filtr-item {height: 320px !important;} .tribe-events-calendar-list__event-date-tag-datetime {padding: 6px !important;} .gall .gallery-item img {height: 300px;} } @media only screen and (min-width: 551px) and (max-width: 768px) { .ourtours {width: 48%;} } @media only screen and (min-width: 320px) and (max-width: 550px) { .ourtours {width: 100%;} } @media only screen and (min-width: 320px) and (max-width: 767px) { h1 {font-size: 35px;} h2 {font-size: 25px;} footer .hfe-nav-menu li a {justify-content: center !important;} .banneslider .elementskit-commentor-content h1 {font-size: 35px; line-height: 1;} .banneslider .elementskit-commentor-content {font-size: 15px; line-height: 22px;} .blogbox_content h3, .ourtours h4, body.single .site-main h3, .tribe-events .tribe-events-calendar-list__event-title, .tribe-events-single-event-description h3 {font-size: 22px;} .blogbox_content p {font-size: 15px; line-height: 21px;} .ourtours p {font-size: 15px;} .tours-data {padding: 18px 20px;} .filter_gallery_8654 {margin-top: 28px !important; margin-left: auto !important; margin-right: auto !important;} .filters-div .filtr-item {height: 286px !important;} body.single .entry-title {font-size: 35px; margin-bottom: 22px;} body.single .site-main p, .tribe-events-single-event-description p {font-size: 15px;} .tribe-events-calendar-list__event-date-tag-datetime { padding: 8px !important; margin-right: 5px !important; } .bg-fix {background-attachment: inherit !important;} .gall .gallery-item img {height: 300px;} }