/*
Theme Name: Genesis Block Theme Child
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.1766403015
Updated: 2025-12-22 11:30:15

*/

.single_taxonomy_title{
    background: #5d617d;
    border-radius: 4px;
}

.js-faq .faq-item {
  padding: 12px 0;
      background: #eff0f2;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 13px;
}

.js-faq .faq-question {
  cursor: pointer;
  position: relative;
  padding-right: 28px;
  font-weight: 500;
}

.js-faq .faq-question::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: url("/wp-content/themes/genesis-block-theme-child/image/downarrow.png") no-repeat center;
  background-size: contain;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.25s ease;
}

.js-faq .faq-item.active .faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}


.js-faq .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #353F5C !important;
    font-family: "Rethink Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px 8px 8px 8px;
}

form label {
    font-size: 18px;
    font-family: 'Rethink Sans' !important;
}
.post-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 24px;
}

.post-grid-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    transition: all 0.3s ease;
}

.post-grid-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}

.post-grid-title a {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    leading-trim: NONE;
    color: #353F5C;
    line-height: 27px;
    letter-spacing: 0px;
    font-family: "Rethink Sans", Sans-serif;
}

.post-grid-excerpt {
    font-family: "Rethink Sans", Sans-serif;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    padding-right: 22px;
    color: #4A5565;
}
.post-grid-excerpt .info_icon{
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    cursor: pointer;
}
.list_block_container ul{
    list-style: none;
}
.list_block_container ul li{
    margin-bottom: 16px;
    position: relative;
    padding-left: 15px;
}
.list_block_container ul li:before{
    content: "";
    display: block;
    background: url(image/icon_tick.png);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 3px;
}
.load_more_wrapper #load-more-tests{
    background-color: #353F5C;
    font-family: "Rethink Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    border-radius: 50px 50px 50px 50px;
    border: 0;
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
}
.load_more_wrapper{
    text-align: center;
    margin-top: 15px;
}

.lab-test-info-section {
    margin: 60px 0;
    max-width:848px;
    margin: auto;
    border-radius: 10px 10px 10px 10px;
    
}

.lab-test-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(266px, 266px));
    gap: 24px;
    justify-content: center;
    margin: 0 auto;
}

.lab-info-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #e5e7eb;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
}

.lab-info-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.lab-info-header img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.lab-info-header h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.lab-info-content {
    font-size: 14px;
    line-height: 1.6;
    color: #374151;
}

.lab-test-info-section .lab-info-box .lab-info-header h4{
    font-family: "Rethink Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #353F5C99;
}
.lab-test-info-section .lab-info-box .lab-info-header{
    align-items: flex-start;
}
.lab-test-info-section .lab-info-box .lab-info-content{
    font-family: "Rethink Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #353F5C;
}
.lab-test-included-section{
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
    padding: 32px;
    border-radius: 10px;
}
.lab-test-included-section .lab-test-included-box h3{
    font-family: "Rethink Sans", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    color: #353F5C;
    border-bottom: 1px solid #353F5C33;
    padding-bottom: 10px;
}
.lab-test-included-section .lab-test-included-box .lab-test-included-content p{
    line-height: 28px;
    color: #353F5CCC;
    font-family: "Rethink Sans", Sans-serif;
    font-size: 18px;
}

.custom-dropdown {
    position: relative;
    width: 280px;
    cursor: pointer;
    user-select: none;
}

.dropdown-selected {
    padding: 12px 40px 12px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    position: relative;
}

.dropdown-selected::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-50%) rotate(45deg);
}

.custom-dropdown.open .dropdown-selected::after {
    transform: translateY(-50%) rotate(-135deg);
}

.dropdown-options {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    max-height: 260px;
    overflow-y: auto;
    display: none;
    z-index: 99;
}

.custom-dropdown.open .dropdown-options {
    display: block;
}

.dropdown-options li {
    padding: 10px 15px;
    font-size: 14px;
}

.dropdown-options li:hover {
    background: #f5f5f5;
}

.lab-filters{
    display: flex;
    justify-content: end;
    gap: 15px;
    margin-bottom: 25px;
}
.lab-filters input#lab-search{
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 10px;
    outline: 0;
    font-family: "Rethink Sans", Sans-serif;
    color: #353F5C;
    font-size: 16px;
}
.lab-filters .dropdown-selected{
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-family: "Rethink Sans", Sans-serif;
    color: #353F5C;
    font-size: 16px;
}
.lab-filters .dropdown-selected::after{
    border-right: 2px solid #353F5C;
    border-bottom: 2px solid #353F5C;
}
.lab-filters .custom-dropdown .dropdown-options{
    top: 100%;
    margin-top: 0;
    border: 1px solid #e5e7eb;
    list-style: none;
    padding: 10px 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-top: 0;
}
.lab-filters .custom-dropdown .dropdown-options li{
    padding: 12px 15px;
    font-size: 16px;
    color: #353F5C;
    font-family: "Rethink Sans", Sans-serif;
}

/* ===== Chrome, Edge, Safari ===== */
.custom-dropdown .dropdown-options::-webkit-scrollbar {
    width: 5px;
}

.custom-dropdown .dropdown-options::-webkit-scrollbar-track {
    background: transparent;
}

.custom-dropdown .dropdown-options::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 10px;
}

.custom-dropdown .dropdown-options::-webkit-scrollbar-thumb:hover {
    background-color: #8e8e8e;
}

/* ===== Firefox ===== */
.custom-dropdown .dropdown-options {
    scrollbar-width: thin;
    scrollbar-color: #b5b5b5 transparent;
}

/* Tablet */
@media (max-width: 1024px) {
    .lab-test-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .lab-test-included-section .lab-test-included-box h3{
        font-size: 30px;
    }
    .lab-test-included-section .lab-test-included-box .lab-test-included-content p{
        font-size: 16px;
    }
    header .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu{
        display: none;
    }
    header .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu{
        display: flex;
    }
}
/* .lab_category_wrapper .e-con-inner > a, .lab_category_wrapper{
    border: 0 !important;
} */
.wpcf7-form-control-wrap[data-name="tests_category"]{
    position: relative;
}
.wpcf7-form-control-wrap[data-name="tests_category"] .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
.wpcf7-form-control-wrap[data-name="tests_category"] .wpcf7-checkbox .wpcf7-list-item{
    margin: 0 !important;
}
.wpcf7-form-control-wrap[data-name="tests_category"] .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
    padding-left: 4px;
}
.lab-tests-title{
    margin-bottom: 15px;
}
/* Mobile */
@media (max-width: 640px) {
    .lab-test-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .post-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_newsletter_section{
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .post-grid-card{
        padding: 16px;
    }
    .post-grid-wrapper{
        gap: 10px;
    }
    .load_more_wrapper{
        margin-top: 25px;
    }
    .lab-test-included-section .lab-test-included-box h3{
        font-size: 25px;
    }
    .lab-filters input#lab-search{
        width: 49%;
        flex: 1;
    }
    .lab-filters .custom-dropdown{
        flex: 1;
        width: auto;
    }
}
@media (max-width: 690px) {
    .post-grid-wrapper {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .lab-filters{
        flex-direction: column;
    }
    .lab-filters input#lab-search{
        width: 100%;
    }
}