/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor 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.2.1.1735796074
Updated: 2025-01-02 05:34:34

*/
/* New Landing Page CSS*/

.main-heading-span h1 span {color: #D40D34;} #change-state-btn a span { font-weight: 700 !important; color: #1A3A66 !important; } #change-state-btn a:hover span { color: #C00E31 !important; } .woocommerce-orders-table__cell-order-actions a:last-child { margin: 0 !important; } .woocommerce-orders-table__cell-order-actions a { margin-right: 8px !important; } .woocommerce-checkout-payment fieldset input[type="checkbox"] { width: 16px !important; height: 16px; margin-right: 8px !important; position: relative; top: 3px; accent-color: #c00e31; } .states_list_outer_grid { column-count: 4; column-gap: 20px; } .states_list_outer_grid .state_name { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.75; margin-bottom: 15px; } .states_list_outer_grid .state_name.disabled a, .states_list_outer_grid .state_name.disabled { color: #939393; } .states_list_outer_grid .state_name a { color: #1A3A66; font-weight: 400; line-height: 1.3; } .states_list_outer_grid .state_name a:hover { color: #D40D34; } .states_list_outer_grid .state_name:not(.disabled) a { display: inline-block; animation: stateMove 1.5s ease-in-out infinite } @keyframes stateMove { 0% { transform: scale(1.2); color: #D40D34; font-weight: 500; } 50% { transform: scale(1); color: #1A3A66; font-weight: 400; } 100% { transform: scale(1.2); color: #D40D34; font-weight: 500; } } #faq-section .e-n-accordion { column-count: 2; column-gap: 36px; } #faq-section .e-n-accordion .e-n-accordion-item { break-inside: avoid; } #faq-section .e-n-accordion .e-n-accordion-item[open] summary { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* contact form */ .contact-form .form-fields { display: flex; gap: 25px; } .contact-form input:focus, .contact-form input:focus-visible, .contact-form textarea:focus, .contact-form textarea:focus-visible, .contact-form select:focus, .contact-form select:focus-visible { outline: none; border-color: #D9D9D9; } .contact-form .field { width: 100%; margin-bottom: 20px; position: relative; } .contact-form br { display: none; } .contact-form label { display: block; margin-bottom: 6px; font-weight: 500; color: #000; } .contact-form label, .contact-form input, .contact-form input::placeholder, .contact-form select, .contact-form textarea { font-size: 16px; line-height: 24px; } .contact-form input, .contact-form select, .contact-form textarea { border: 1px solid #D9D9D9; border-radius: 5px; padding: 12px 15px; } .contact-form input::placeholder, .contact-form textarea::placeholder { color: #8e8e8e; } .contact-form textarea { height: 108px; } .contact-form input[type=submit] { line-height: 26px; padding: 15px 60px; border: none; background: #C00E31; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out; } .contact-form input[type=submit]:hover { background: #1A3A66; } .contact-form .disclaimer-text { margin: 15px 0 30px; color: #000; } .contact-form select, .contact-form select option[disabled] { color: #8e8e8e; } .contact-form select option { color: #000; } .contact-form select { appearance: none; background: url(https://ecoursesforcourt.com/wp-content/uploads/2025/01/arrow-down.svg) no-repeat; background-position: 97%; background-size: 12px; background-color: #fff; } .contact-form span.wpcf7-not-valid-tip { display: none; } .contact-form .submit-button .wpcf7-spinner:first-of-type { display: none; } .contact-popup-form.sent .wpcf7-response-output { margin: 0; border: none; color: #46b450; padding: 15px 0 0; font-weight: 500; } .popup-support-form .dialog-message.dialog-lightbox-message::-webkit-scrollbar { padding: 0; width: 0; } .contact-form select:focus, .contact-form select:valid { color: #000; } .popup-support-form .dialog-message.dialog-lightbox-message { max-height: 90vh; border-radius: 8px; } .verify_form form label { margin-bottom: 10px; } .verify_form form input { border: 1px solid #D9D9D9 !important; border-radius: 5px; color: #000; padding: 13px 15px; outline: none; } .verify_form form label b { font-weight: 600; } .verify_form form button { font-family: 'Inter', sans-serif; color: #fff; background-color: #c00e31 !important; border: 0; border-radius: 5px; padding: 15px 40px; line-height: 1.3; font-weight: 500; outline: none; } .verify_form form button:hover { background-color: #1A3A66 !important; } .verify_form .success { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .verify_form .success > div, .verify_form .error > div { display: flex; align-items: center; justify-content: space-between; row-gap: 20px; column-gap: 10px; border-bottom: 1px solid #d6d6d6; padding: 0 0 20px; width: 100%; color: #000; } .verify_form .success > div b, .verify_form .error > div b { font-weight: 600; } .verify_form .success > a { display: inline-block; background-color: #c00e31; color: #fff; font-family: 'Inter', sans-serif; font-weight: 500; line-height: 1.3; padding: 15px 20px; border-radius: 5px; transition: all 0.2s linear; width: 231px; text-align: center; } .verify_form .success > a:hover { background-color: #1A3A66; } .verify_form .error a { font-family: 'Inter', sans-serif; background: #C00E31; color: #fff; padding: 15px 20px; display: block; width: max-content; margin-top: 20px; border-radius: 5px; font-weight: 500; text-transform: capitalize; line-height: 26px; transition: all 0.3s ease-in-out; margin-inline: auto; } .verify_form .error a:hover { background: #1a3a66; } .verify_form .error { color: #000; font-size: 16px; line-height: 1.8; } .verify_form .error > p { color: #c00e31; font-size: 18px; margin-bottom: 25px; text-align: center; } .verify_form .error > div { margin-bottom: 10px; } .woocommerce-checkout .woocommerce-additional-fields { display: none !important; } .elementor-widget-search .e-search-form { position: relative; } .search_error { position: absolute; top: calc(100% + 15px); color: #ff6060; } .active_states_list select { border: none; padding: 15px 20px; appearance: none; background-image: url(images/arrow_drop_down.svg); background-repeat: no-repeat; background-size: 14px; background-position: calc(100% - 20px); cursor: pointer; font-size: 18px; } .active_states_list select:focus { outline: none; } .active_states_list label{ display: none;} .home_product_box_img a, .home_product_box_img div { width: 100%; } /* State Mega Menu */ #menu_state_dropdown .states_list_outer_grid .state_name a::before { content: ""; display: block; background: url(https://ecoursesforcourt.com/wp-content/uploads/2025/01/list-icon.svg) no-repeat; width: 10px; height: 8px; background-size: 10px; } #menu_state_dropdown .states_list_outer_grid .state_name a { position: relative; display: flex; align-items: center; gap: 10px; width: max-content; animation: none; color: #000; font-weight: 500; transition: all 0.3s ease-in-out; } #menu_state_dropdown .states_list_outer_grid .state_name a:hover { color: #C00E31; } #menu_state_dropdown .states_list_outer_grid .state_name.disabled { display: none; } #menu_state_dropdown .states_list_outer_grid { display: grid; grid-template-columns: repeat(6, 1fr); } @media screen and (max-width:1440px){ .states_list_outer_grid .state_name{ margin-bottom:10px; } } @media screen and (max-width:1280px) { .states_list_outer_grid .state_name{ font-size:15px; line-height:1.65; } } @media screen and (max-width:1200px) { #faq-section .e-n-accordion { column-gap: 20px; } #menu_state_dropdown .states_list_outer_grid { grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width:1023px) { .contact-form input, .contact-form select, .contact-form textarea { padding: 10px 15px; } .contact-form label, .contact-form input, .contact-form input::placeholder, .contact-form select, .contact-form textarea, .contact-form .disclaimer-text { font-size: 15px; } .contact-form .form-fields { gap: 20px; } .contact-form input[type=submit] { padding: 12px 60px; } .states_list_outer_grid { column-count: 4; } .active_states_list select { font-size: 16px; } #menu_state_dropdown .states_list_outer_grid .state_name { font-size: 15px; } } @media (max-width:991px){ #menu_state_dropdown .states_list_outer_grid { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width:881px) { li.menu-item-has-children span.sub-arrow svg path { fill: #fff; } } @media screen and (max-width:800px) { #faq-section .e-n-accordion { column-count: 1; } .states_list_outer_grid { column-count: 3; } } @media (max-width:767px){ #menu_state_dropdown .states_list_outer_grid { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width:640px) {.image_achor_width .elementor-loop-container.elementor-grid {grid-auto-rows: auto!important;} .contact-form select { background-position: 94%; } .contact-form .submit-button { text-align: center; } .contact-form .submit-button span.wpcf7-spinner { position: absolute; right: 0; margin: 0; } .contact-form .disclaimer-text { text-align: center; margin: 10px 0 20px; } .contact-popup-form.sent .wpcf7-response-output { text-align: center; } .states_list_outer_grid { column-count: 2; } .image_achor_width .elementor-widget-image a { width: 100%; height: 100%; } .mobile-image div { display: block; } } @media (max-width:575px){ #menu_state_dropdown .states_list_outer_grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width:500px) { .contact-form .form-fields { display: block; } .contact-form .field { margin-bottom: 15px; } .contact-form input[type=submit] { padding: 10px 60px; } .popup-support-form .elementor-location-popup { max-height: 85vh; overflow-y: auto; border-radius: 8px; } body .verify_form .success>div { flex-direction: column; align-items: flex-start; gap: 5px; font-size: 15px; } body .verify_form .success>a { font-size: 15px; width: 220px; padding: 15px 20px; text-align: center; } .account-dropdown.logged-in .icon-user { width: 40px !important; height: 40px !important; } }