/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.8.1743155084
Updated: 2025-03-28 09:44:44

*/

html {
    scroll-behavior: smooth;
  }

h1.entry-title {
    display: none;
}
.read-guides-btn {
    font-family: inherit;
    background: #cd2653;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.0333em;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 1.1em 1.44em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.15s linear;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.carelines-dashboard {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr)!important;
    gap: 20px!important;
    max-width: 1100px!important;
    margin: auto!important;
    padding: 40px 20px!important;
}
.carelines-box {
    background: #D4F180!important;
    padding: 20px!important;
    border-radius: 8px!important;
    text-align: center!important;
}
.carelines-box h2 {
    color: #008000!important;
}
.carelines-box .carelines-btn {
    background: orange!important;
    border: none!important;
    padding: 10px 15px!important;
    color: white!important;
    border-radius: 5px!important;
    cursor: pointer!important;
}
.footer-nav-widgets-wrapper, #site-footer {
    background-color: #008449 !important;
    color: #fff !important;
    /* border-color: #dedfdf; */
    border-style: solid;
    border-width: 0;
}
#site-footer a {
    text-decoration: none;
    color: #fff !important;
}
/* Story saver form */
.story-container {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 800px;
    margin: 20px auto;
}
.story-saver .form-group {
    margin-bottom: 15px;
}
.story-saver label {
    font-weight: bold;
}
.story-saver input, textarea, select {
    width: 10%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* .story-saver button {
    
    background: orange!important;
    border: none!important;
    padding: 10px 15px!important;
    color: white!important;
    border-radius: 5px!important;
    cursor: pointer!important;
    width: 100%;

} */
.masonry-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: auto;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
}
.masonry-item {
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.masonry-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.mason-pad-top {
    padding: 2% 0px;
}

.masonry-item .card-block {
    height: auto;
    padding: 8px 15px 15px 15px;
    display: block;
    width: 100%;
}
.card-block .card-title {
    text-transform: none;
    font-size: 26px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #284e6e;
}
.card-block .card-text {
    color: #008343;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 15px 0 0 0;
    height: auto;
    overflow: hidden;
    display: block;
}
.card-block .card-counter {
    color: #4fa97d;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 15px 0 0 0;
    display: block;
    width: 100%;
}
.card-block .card-counter > div {
    display: block;
    width: 100%;
}
.card-block .card-counter .progress {
    height: 25px;
    margin-bottom: 7px;
    overflow: hidden;
    border-radius: 3px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar-success {
    background-color: #5cb85c;
}
.card-block .card-counter .progress-values {
    display: block;
    overflow: hidden;
}
.value.value-left {
    width: 50%;
    float: left;
    text-align: left;
}
.progress-value-number {
    font-weight: 700;
    font-size: 15px;
    color: #008243;
}
.progress-value-text {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    color: #008243;
}
.value.value-right {
    width: 50%;
    float: right;
    text-align: right;
}
/* patient single story page */

.bm-container {
    max-width: 1140px;
}
.bm-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.blk-4 {
    flex: 0 0 35%;
    max-width: 35%;
    padding: 15px;
}
.blk-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
/*.blk-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}*/
.blk-8 {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 15px;
}
.blk-10 {
    flex: 0 0 85%;
    max-width: 85%;
    padding: 15px;
}
.blk-12 {
    flex: 0 0 85%;
    max-width: 100%;
    padding: 15px;
}

.blk-cutr {
    max-width: 32% !important;
}
.single-patient-bs header {
    background-color: #2b572c;
    color: white;
    padding: 10px;
    text-align: center;
}

.single-patient-bs nav a {
    color: white;
    margin: 0 10px;
    text-decoration: none;
}

.hero-curtain {
    background-color: #a1cc56;
    text-align: center;
    padding: 5%;
}

/*.content {
    display: flex;
    justify-content: space-around;
    padding: 20px;
}*/

.patient-info {
    text-align: left;
}
.patient-info span {
    display: block;
    text-align: left;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    /* padding-left: 16px; */
    padding-top: 10px;
}
.patient-info img {
    width: 150px;
    border-radius: 50%;
}

.story {
    max-width: 700px;
}

.donation-section {
    max-width: 300px;
}

.donation-box {
    background: #2b572c;
    color: white;
    padding: 15px;
    text-align: center;
}

.single-patient-bs button {
    background: #ffcc00;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.single-patient-bs footer {
    background: #2b572c;
    color: white;
    text-align: center;
    padding: 10px;
}
.clines-pl-2 {
    display: block;
    text-align: left;
    padding-bottom: 10px;
    font-size: 18px;
    padding-left: 30px;
}
.patient-header-links {
    display: block;
    /* float: right; */
    /* margin-top: 12%; */
    margin: 0 auto;
    padding-top: 16%;
}
.phl-big {
    list-style-type: none;
}
.patient-header-links > li {
    display: block;
    float: left;
    text-align: center;
    padding: 0 0 0 35px;
}
.patient-header-links li a {
    line-height: 20px;
    color: #ffffff;
    text-decoration: none;
}
.patient-header-links li a img {
    display: block;
    margin: 0 auto 5px auto;
    vertical-align: top;
}
.patient-header-links li a .image-title {
    display: block;
    line-height: 18px;
    font-weight: 400;
    font-size: 18px;
}
.caveat {
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
}
.carelines-dnt-btn {
    background: orange!important;
    border: none!important;
    padding: 10px 10px!important;
    color: white!important;
    cursor: pointer!important;
    display: block;
    width: 100%;
}
.donation-box .progress-value-text {
    color: #fff;
}
.donation-box .progress-value-number {
    color: #fff;
}
/* Sort & Search Section */
.sort-search {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.sort-search select,
.sort-search input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search-input {
    width: 60%;
    display: flex;
    align-items: center;
}

.search-input input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 5px;
}

.search-input button {
    background: #92c83e;
    border: none;
    padding: 10px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}

/* Journal Entries */
.msg-box {
    background: #F5F5F0;
    border-radius: 0px;
    padding: 25px;
    margin-bottom: 15px;
}
.msg-description {
font-family: Domine;
font-weight: 400;
font-size: 32px;
line-height: 125%;
letter-spacing: 2%;
color: #000000;
}
.msg-author-name {
font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: #000000;
}

.msg-box strong {
    color: #4b7300;
}

.msg-box small {
    display: block;
    color: #666;
    margin-top: 5px;
}

.msg-box a {
    color: #4b7300;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}

/* Journal Form */
.journal-form {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 10px;
}

.journal-form h3 {
    background: #92c83e;
    padding: 10px;
    margin: -15px -15px 15px;
    border-radius: 10px 10px 0 0;
    color: white;
    text-align: center;
    font-size: 18px;
}

.journal-form input,
.journal-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.journal-form button {
    background: #92c83e;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
}

.journal-form button:hover {
    background: #7faa34;
}
ul.comment-thread {
    list-style: none;
}
.dashboard-box {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 20px;
    min-height: 150px;
    position: relative;
}
.dashboard-box h4 {
    margin-bottom: 15px;
}
.dashboard-box p {
    margin: 4px 0;
}
.dashboard-button {
    margin-top: 10px;
    background: #4CAF50;
    color: white;
    padding: 8px 16px;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
}
.notes {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}
.green-bg {
    background: #8CDC3D;
    padding: 30px 0;
}
.dashboard-nav {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 15px 20px;
    margin-bottom: 30px;
}
.dashboard-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.dashboard-nav ul li {
    margin-right: 20px;
}
.dashboard-nav ul li a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
}
.dashboard-nav ul li a:hover {
    color: #4CAF50;

}
.dashboard-nav ul li.active a {
    font-weight: bold;
    color: #0073aa; /* or any highlight color */
    text-decoration: underline;
}
.shift-top {
    padding: 5rem 0 3rem;
}
.form-submit .submit {
    border: 1px solid #3A5A40;
    background-color: #3A5A40 !important;
    border-color: #3A5A40;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    color: #fff !important;
}
.root-data-givewp-embed {
    padding-top: 7%;
}
.patient-hero {
    background-color: #3A5A40;
    padding: 5rem 0 4rem;
}
/* Custom styles for journal entries and comments */

.comment-thread {
    list-style: none;
    padding-left: 20px;
    margin-top: 15px;
    border-left: 2px solid #e9ecef;
}

.comment-form {
    margin-top: 15px;
}

.comment-form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.comment-form input {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.reply-btn {
    color: #0d6efd;
    text-decoration: none;
    font-size: 0.9rem;
    margin-left: 10px;
}

.reply-btn:hover {
    text-decoration: underline;
}
.input-group input#search-journal {
    margin-top: 4px;
}
.input-group .btn {
    margin-top: 4px;
}
.btn-bmsearch {
    color: #3A5A40 !important;
    border-color: #3A5A40 !important;
}


/* Bootstrap 5 Dropdown Hover */
@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
    }
    
    .navbar .dropdown-menu {
        margin-top: 0;
    }
    
    /* Remove dropdown arrow on desktop */
    .navbar .dropdown > .dropdown-toggle:after {
        display: none;
    }
    
    .navbar .dropdown-menu {
        border: none;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    
    .navbar .dropdown-item {
        padding: 0.5rem 1rem;
    }
    
  

    /* Caret Icon Styles */
  
    
    .navbar .dropdown:hover .bi-chevron-down {
        transform: rotate(180deg);
        transition: transform 0.2s ease-in-out;
    }

    /* Prevent click behavior on desktop */
    .navbar .dropdown > .mobile-dropdown[data-bs-toggle="dropdown"] {
        pointer-events: none;
    }
}

/* Mobile Styles */
@media (max-width: 991.98px) {
   

    .navbar .dropdown-menu {
        border: none;
        padding-left: 1.5rem;
    }

    .navbar .dropdown-item {
        padding: 0.5rem 0;
    }

    /* Rotate caret when dropdown is open */
    .navbar .dropdown.show .bi-chevron-down {
        transform: rotate(180deg);
        transition: transform 0.2s ease-in-out;
    }
}

/* GiveWP Form Custom Layout */
.custom-give-form {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}

.custom-amount-input {
    margin-bottom: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.custom-amount-input .give-donation-amount {
    margin: 0;
}

.custom-amount-input input.give-text-input {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    border: 2px solid #ddd;
    border-radius: 4px;
    text-align: center;
}

.custom-amount-buttons {
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.give-currency-symbol {
    font-weight: bold;
    font-size: 18px;
}

/* Bootstrap 5 Navigation Customization */
.navbar-nav .dropdown > a {
    position: relative;
    padding-right: 2rem;
    cursor: pointer;
    text-decoration: none;
}

.navbar-nav .dropdown > a:hover {
    text-decoration: none;
}

/* Hide Bootstrap's default caret */
.navbar-nav .dropdown > a::after {
    display: none !important;
}

.navbar-nav .dropdown > a .bi-chevron-down {
    font-size: 0.75rem;
    transition: transform 0.2s ease-in-out;
    display: flex;
    color: black;
}

/* Mobile Styles */
@media (max-width: 991.98px) {
    .navbar-nav .dropdown > a {
        padding-right: 2.5rem;
    }
    
   
    /* Hide any additional dropdown indicators */
    .navbar-nav .dropdown .dropdown-toggle::after,
    .navbar-nav .dropdown .dropdown-toggle::before {
        display: none !important;
    }
    
    .navbar-nav .dropdown-menu {
        border: none;
        padding-left: 1.5rem;
        box-shadow: none;
        display: none;
    }
    
    .navbar-nav .dropdown-menu.show {
        display: block;
    }
    
    .navbar-nav .dropdown-item {
        padding: 0.5rem 0;
    }

    /* Rotate caret when dropdown is open on mobile */
    .navbar-nav .dropdown > a[aria-expanded="true"] .bi-chevron-down {
        transform: rotate(180deg);
        transition: transform 0.2s ease-in-out;

    }
}

/* Desktop Styles */
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }
    
    .navbar-nav .dropdown-menu {
        margin-top: 0;
        border: none;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        display: none;
    }
    
    .navbar-nav .dropdown-menu.show {
        display: block;
    }
    
    .navbar-nav .dropdown > a {
        pointer-events: auto;
    }
    
    .navbar-nav .dropdown > a:focus {
        outline: none;
    }
    
 
}

/* Patient Support Page Styles */
.patient-porcelain { background-color: #F5F5F0; }
.patient-mushroom { background-color: #E0DED7; }
.pt-adjust {
    background-position: 102% 100% !important;
    height: 720px !important;
}
.patient-support-header {
    padding: 7rem 0 0rem;
    background-color: #fff;
    /* margin-bottom: 2rem; */
}

.patient-support-section {
    position: relative;
    overflow: hidden;
}
.patient-support-header h1 {
    font-weight: 500;
}
.section-title {
    font-family: 'Domine', serif;
    margin-bottom: 10px;
    font-size: 36px;
    color: #000;
    font-weight: 400;
}
.additional-resounce-section,.additional-resounce-section .section-title , .additional-resounce-section .resource-title {
        color: #333333 !important ;
}
.resource-title {
    font-family: 'Domine';
    margin-bottom: 1rem;
    font-size: 28px;
    color: #000;
    font-weight: 500;
}

.image-placeholder {
    width: 100%;
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
   

    .image-placeholder {
        height: 300px;
        margin-bottom: 2rem;
    }
}

@media (max-width: 767px) {


    .image-placeholder {
        height: 250px;
    }
}

/* Beautify GiveWP custom meta checkboxes and inputs */
.custom-give-meta-fields label[style*="font-weight:600"] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #3A5A40;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.custom-give-meta-fields input[type="checkbox"] {
  accent-color: #588157;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.7em;
  border-radius: 4px;
  border: 2px solid #3A5A40;
  transition: box-shadow 0.2s;
}
.custom-give-meta-fields input[type="checkbox"]:focus {
  outline: 2px solid #A3B18A;
  box-shadow: 0 0 0 2px #A3B18A33;
}
.custom-give-meta-fields ._tribute_container_1mg5b_394,
.custom-give-meta-fields .donorname-box {
  background: #F0EFEB;
  border-radius: 10px;
  padding: 1rem 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 4px solid #588157;
}
.custom-give-meta-fields input[type="text"], .custom-give-meta-fields select {
    border: 2px solid #3A5A40;
    border-radius: 50px;
    padding: 13px 16px;
    margin-top: 0.3rem;
    margin-bottom: 0.7rem;
    background: #f5f7f0;
    transition: border-color 0.2s;
    font-size: 22px !important;
    font-family: 'Domine', serif !important;
    color: #3A5A40 !important;
    max-width: 100%;
}
.custom-give-meta-fields input[type="text"]:focus,
.custom-give-meta-fields select:focus {
  border-color: #A3B18A;
  outline: none;
}
.custom-give-meta-fields ._instructions_1mg5b_394 {
  color: #344E41;
  font-size: 0.98rem;
  margin-bottom: 0.7rem;
}
.custom-give-meta-fields .go45213157 {
  color: #344E41;
  font-size: 0.98rem;
  margin-bottom: 0.7rem;
}
/* Add a little spacing between sections */
.custom-give-meta-fields > div {
  margin-bottom: 1.1rem;
}
.give-meta-label {
    display: inline-block;
    align-items: center;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.5rem;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.3;
}
.give-meta-label input[type="checkbox"] {
  accent-color: #588157;
  width: 1.15em;
  height: 1.15em;
  margin-right: 0.65em;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  border-radius: 4px;
  border: 2px solid #3A5A40;
  transition: box-shadow 0.2s;
  position: relative;
  top: 0;
}
/* Ensure all checkboxes in custom-give-meta-fields are aligned */
.custom-give-meta-fields input[type="checkbox"] {
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}
.make-block {
    display: inline-block;
    padding: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 28px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c8c3ce;
  transition: .4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #7cb342;
}
input:checked + .slider:before {
  transform: translateX(28px);
}
h5.text-white>a {
    color: #fff;
    text-decoration: none;
}

/* Latest Journal Entry Widget Styles */

.latest-journal-header h3 {
  font-family: Domine;
font-weight: 600;
font-size: 28px;
line-height: 125%;
letter-spacing: 0%;

}

.latest-journal-body {
   margin-top: 25px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   align-items: flex-start;
}

.latest-journal-title {
  font-family: Domine;
font-weight: 400;
font-size: 26px;
line-height: 125%;
letter-spacing: 2%;
color: black;
    margin-bottom: 0; /* Remove default p margin if excerpt is wrapped in p */


}

.latest-journal-date {
  font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: black;
    margin-bottom: 0; /* Remove default p margin if excerpt is wrapped in p */


}

.latest-journal-excerpt p {
    margin-bottom: 0; /* Remove default p margin if excerpt is wrapped in p */
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 125%;
letter-spacing: 0%;
color: black;

}

.latest-journal-read-more {
    color: #000;
    font-size: 16px !important;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
}

.latest-journal-read-more:hover {
    color: #7c9a23; /* Darken color on hover */
    text-decoration: underline;
}

/* Ensure the parent .journal-widget still has shadow and bottom margin if needed */

/* Single Journal Entry Page Styles */
.journal-entry-single .entry-title {
    color: #8FBC8F; /* A slightly desaturated green, as per image hint */
    font-weight: bold;
    font-size: 2rem; /* Adjust as needed */
    margin-bottom: 0.5rem;
}

.journal-entry-single .entry-meta {
    font-size: 0.9rem;
    color: #6c757d; /* Standard muted color */
    margin-bottom: 1.5rem;
}

.journal-entry-single .entry-content p {
    line-height: 1.7;
    margin-bottom: 1rem;
}

/* Sidebar Widgets for Journal Entry Page */
.sidebar-journal_entry .widget {
    background-color: #f8f9fa; /* Light grey background for widgets */
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.sidebar-journal_entry .widget-title {
    background-color: #A9A9A9; /* Darker grey for widget titles, as per image */
    color: white;
    padding: 0.75rem 1rem;
    text-align: center;
    font-size: 1.1rem;
    margin: -1rem -1rem 1rem -1rem; /* Extend to edges of padding */
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.journal-search-form .search-field {
    margin-bottom: 0.5rem;
}

.recent-entries-list {
    list-style: none;
    padding-left: 0;
}

.recent-entry-item {
    border-bottom: 1px solid #e9ecef; /* Light border */
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.recent-entry-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.recent-entry-title a {
    color: #8FBC8F; /* Match entry title color */
    font-weight: 500; /* Semi-bold for titles */
    text-decoration: none;
}

.recent-entry-title a:hover {
    text-decoration: underline;
}

.recent-entry-meta {
    font-size: 0.8rem;
    color: #6c757d;
}

.recent-entry-excerpt {
    font-size: 0.9rem;
    color: #495057;
}

.recent-entry-excerpt .read-more-link {
    color: #8FBC8F;
    font-weight: bold;
    text-decoration: none;
}

.see-more-journal-entries .btn {
    /* Use existing btn styles or customize if needed */
    /* Example: background-color: #8FBC8F; border-color: #8FBC8F; color: white; */
}

/* Single Journal Entry Comments Styling */
.comments-area {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 2px solid #E0DED7; /* Match theme border color/style */
    background-color: #F5F5F0; /* Light background like sidebar widgets */
    padding: 1.5rem;
    border-radius: 8px;
}

.comments-title,
.comment-reply-title {
    font-family: 'Domine', serif;
    font-size: 1.5rem; /* Adjusted size */
    font-weight: 500;
    color: #3A5A40; /* Theme green */
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #E0DED7;
}

.comments-area .comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comments-area .comment {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E0DED7; /* Lighter border for separation */
    display: flex;
    gap: 1rem;
}

.comments-area .comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comments-area .comment-author {
    flex-shrink: 0;
}

.comments-area .comment-author img.avatar {
    width: 48px; /* Standard avatar size */
    height: 48px;
    border-radius: 50%;
    background-color: #E0DED7; /* Placeholder background */
}

.comment-body {
    flex-grow: 1;
}

.comments-area .fn, /* Author name */
.comments-area .fn a {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #3A5A40;
    text-decoration: none;
    font-size: 1rem;
}

.comments-area .comment-meta {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #6c757d; /* Muted color */
    margin-bottom: 0.5rem;
}

.comments-area .comment-meta a {
    color: #6c757d;
    text-decoration: none;
}

.comments-area .comment-content p {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 0.5rem;
}

.comments-area .reply a.comment-reply-link {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: #fff;
    background-color: #588157; /* Slightly lighter green for reply */
    padding: 0.25rem 0.6rem;
    border-radius: 100px; /* Match theme buttons */
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.comments-area .reply a.comment-reply-link:hover {
    background-color: #3A5A40;
}

/* Comment Form Styling */
.comment-form label {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
    display: block;
    margin-bottom: .3rem;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #E0DED7;
    border-radius: 100px; /* Rounded inputs */
    background-color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    transition: border-color 0.2s ease;
}

.comment-form textarea {
    border-radius: 20px; /* Slightly less rounded for textarea */
    min-height: 120px;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    border-color: #3A5A40;
    outline: none;
    box-shadow: 0 0 0 2px rgba(58, 90, 64, 0.15);
}

.comment-form .comment-notes, /* "Your email address will not be published..." */
.comment-form .logged-in-as { /* "Logged in as..." */
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.comment-form .logged-in-as a {
    color: #3A5A40;
}

.comment-form .form-submit {
    margin-top: 1rem;
    margin-bottom: 0;
}

.comment-form .form-submit input[type="submit"] {
    /* Reusing theme button style */
    border: 1px solid #3A5A40;
    background-color: #3A5A40 !important;
    border-color: #3A5A40;
    padding: 10px 25px !important; /* Adjusted padding */
    font-weight: 600 !important;
    border-radius: 100px !important;
    font-size: 1rem !important; /* Adjusted size */
    color: #fff !important;
    font-family: 'Domine', serif;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.comment-form .form-submit input[type="submit"]:hover {
    background-color: #588157 !important;
    border-color: #588157 !important;
}

/* Styling for nested comments */
.comments-area .children {
    list-style: none;
    padding-left: 2rem; /* Indentation for replies */
    margin-top: 1.5rem;
    border-left: 2px solid #E0DED7;
}
.comment-form-comment textarea {
    width: 100%;
}

.comment-form-comment label {
    color: #000;
}
.set-padd-bm {
    padding: 2rem 0;
}

/* Ask To Join Modal Styles */
.ask-to-join-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,0.6);
}
.ask-to-join-modal-content {
  background: #aee28a;
  margin: 10% auto;
  padding: 30px;
  border-radius: 8px;
  width: 100%;
  max-width: 516px;
  position: relative;
  text-align: center;
}
.ask-to-join-title {
  margin-bottom: 20px;
  color: #2d572c;
}
.ask-to-join-form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.ask-to-join-input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}
.ask-to-join-email {
  width: 100%;
  margin-bottom: 15px;
}
.ask-to-join-send {
  width: 100%;
}
.ask-to-join-msg {
  margin-top: 15px;
}
.ask-to-join-modal .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}
/* Basic Slick Arrow Styling Example */
.patient-gallery-slider .slick-prev,
.patient-gallery-slider .slick-next {
    font-size: 20px; /* Adjust */
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 0;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    cursor: pointer;
    height: 40px; /* Adjust */
    width: 40px;  /* Adjust */
    z-index: 10;
    border-radius: 50%;
}
.patient-gallery-slider .slick-prev { left: -25px; /* Adjust */ }
.patient-gallery-slider .slick-next { right: -25px; /* Adjust */ }
.patient-gallery-slider .slick-prev:hover,
.patient-gallery-slider .slick-next:hover {
    background: rgba(0,0,0,0.8);
}

/* Slick slider custom arrow styles for patient gallery */
.patient-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    outline: none;
}
.patient-gallery-slider .slick-prev-custom {
    left: -20px;
}
.patient-gallery-slider .slick-next-custom {
    right: -20px;
}
.patient-gallery-slider .slick-arrow:hover,
.patient-gallery-slider .slick-arrow:focus {
    background: #8bbf5d;
    color: #fff;
}
.patient-gallery-slider {
    position: relative;
    padding: 0 30px; /* space for arrows */
}
@media (max-width: 768px) {
    .patient-gallery-slider .slick-prev-custom,
    .patient-gallery-slider .slick-next-custom {
        left: 0;
        right: 0;
    }
    .patient-gallery-slider {
        padding: 0 10px;
    }
}