/* Blog post */ .blog-post { margin: 0 auto; max-width: 960px; } .blog-post__meta { margin-bottom: 1.4rem; } .blog-post__meta a { text-decoration: underline; } .blog-post__timestamp { display: block; } .blog-post__tags svg { height: auto; margin-right: 0.35rem; width: 15px; } .blog-post__tag-link { font-size: 0.875rem; } /* Blog related posts */ .blog-related-posts { background-color: #F8FAFC; } .blog-related-posts h2 { text-align: center; } .blog-related-posts__list { display: flex; flex-wrap: wrap; } .blog-related-posts__post { flex: 0 0 100%; padding: 1rem; } @media screen and (min-width: 768px) { .blog-related-posts__post { flex: 0 0 calc(100% / 2); } } @media screen and (min-width: 1000px) { .blog-related-posts__post { flex: 0 0 calc(100% / 3); } } .blog-related-posts__image { height: auto; max-width: 100%; } .blog-related-posts__title { margin: 0.7rem 0; } /* Blog comments */ .blog-comments { margin: 0 auto; max-width: 680px; } .blog-comments .hs-submit { text-align: center; } .blog-comments .comment-reply-to { border: 0 none; } .blog-comments .comment-reply-to:hover, .blog-comments .comment-reply-to:focus { background-color: transparent; text-decoration: underline; } .mbtm50 { margin-bottom: 50px; } .blog-post-wrap .blog-post-body-wrapper .left-part { padding-right: 50px; } #hs_cos_wrapper_widget_165415609401927 .baseModuleStyle{min-height:567px;display:flex;justify-content:center;align-items:center;} .header__logo img { height: 75px !important; } .blog-post-2024 .keona-blg-post-body ol li{font-weight:600;} .blog-post-2024 .keona-blg-post-body ol li span{font-weight:400;} /* Right Side Form Css Here */ .blog-post-2024 .rightformbg,.koena-rebg, .blog-post-2024 .keona-catbg, .blog-post-2024 .koena-sharingbg { border-radius: 10px; padding: 40px 20px; } .blog-post-2024 .postrightform h3{color:#fff; font-size:20px; text-transform:capitalize; margin-bottom:35px;font-weight: 600;} .blog-post-2024 .postrightform form input[type=text],.postrightform form input[type=email], .blog-post-2024 .postrightform form input[type=password], .blog-post-2024 .postrightform form input[type=tel], .blog-post-2024 .postrightform form input[type=number], .blog-post-2024 .postrightform form input[type=file], .blog-post-2024 .postrightform form select, .postrightform form textarea{background-color:transparent; color:#fff; border:0px; border-bottom:2px solid #fff; border-radius: 0; padding: 6px 20px 6px 10px; font-size: 16px;} .blog-post-2024 .postrightform form .input input::placeholder{color:#fff;} .blog-post-2024 .keona-blg-post-right form label { color: #fff; } .blog-post-2024 .hs-fieldtype-checkbox > label { font-size: 20px !important; font-weight: bold; margin-bottom: 15px; display: block; } /* Right Side Category Box css Here */ .keona-catlist ul li { list-style-type: none; } .keona-catlist ul li a { font-size: 16px; border-bottom: 1px solid; width: 100%; display: inline-block; padding-bottom: 10px; margin-bottom: 10px; font-weight:400; color:var(--primary_color);} .keona-catlist ul { padding: 0; width: 100%; margin:0px; } .keona-catlist ul li:last-child a{padding-bottom:0px; margin-bottom:0px; border:0px;} .keona-cathdr h6,.koena-re-hdr H6,.koena-sharing-hdr H6{font-weight:700;font-size: 20px; } /* Right side Recent post Css Here */ .blog-post-2024 .koena-recentpost-left { width: 120px; } .blog-post-2024 .koena-recentpost-right { width: calc(100% - 120px); padding-left: 17px; } .blog-post-2024 .koena-re-img { height: 80px; border-radius: 10px;background-repeat: no-repeat; background-position: center; background-size: cover; } .blog-post-2024 .koena-recent-tagicon, .blog-post-2024 .koena-recent-dateicon { width: 20px; height: 20px; border-radius: 3px; display: flex; justify-content: center; align-items: center; background-color:var(--primary_color);} .blog-post-2024 .koena-recent-date, .koena-recent-tag { font-size: 12px; width: calc(100% - 20px); padding-left: 5px; font-family:'Inter', sans-serif;} .blog-post-2024 .koena-recentpost-title h6 a{ font-size: 15px; font-weight: 700; color:var(--primary_color);font-family:'Gilroy', sans-serif;} .blog-post-2024 .koena-recentpost-box { margin-bottom: 20px; } .blog-post-2024 .koena-recentpost-box:last-child { margin-bottom: 0px; } .blog-post-2024 .koena-recentpost-right-top { margin-bottom: 5px; } .blog-post-2024 .koena-recent-tagbox { padding-right: 10px; } .blog-post-2024 .cw-social-share a{width:calc(16.66% - 30px); text-align:center; margin:0px 15px; line-height:0;} .blog-post-2024 .cw-social-share{margin:0px -15px;} .blog-post-2024 .cw-social-share a:hover svg path { fill: #0A3380 !important;transition:0.5s all ease;} .blog-post-2024 .koena-cta a{margin-top:40px;font-size:14px;display:inline-block; position: relative; border:0px solid #f5903e; padding: 15px 30px; text-decoration: none; font-style: normal; color: #FFF !important; cursor: pointer !important; background: linear-gradient(180deg, #ff8b42 0%, #cb5003 100%); border-radius:30px; text-transform:uppercase;font-family: 'Gilory' !important; font-weight:500;z-index: 99999;} .blog-post-2024 .kh-recentBlogPostCTA { width: 50%;} .blog-post-2024 .keona-rightsidebar .grecaptcha-badge { margin: 0;} /* Post Body Css Here */ .blog-post-2024 .keona-blg-post-body p,.blog-post-2024 .keona-blg-post-body ul li,.blog-post-2024 .keona-blg-post-body ol li, .blog-post-2024 .keona-blg-post-body table tr td{font-family:'Inter', sans-serif;/* font-size:18px !important; line-height:1.5; color:#000; font-weight:400;*/} /* .blog-post-2024 .keona-blg-post-body h1,.blog-post-2024 .keona-blg-post-body h2,.blog-post-2024 .keona-blg-post-body h3,.blog-post-2024 .keona-blg-post-body h4,.blog-post-2024 .keona-blg-post-body h5,.blog-post-2024 .keona-blg-post-body h6{font-family:'Gilroy', sans-serif;} */ .blog-post-2024 .keona-blg-post-body ul li,.keona-blg-post-body ol li{list-style-type:none;} .blog-post-2024 .keona-blg-post-body ul,.blog-post-2024 .keona-blg-post-body ol{margin-left:0;} .blog-post-2024 .keona-blg-post-left { padding-right: 50px; width:65%;} .blog-post-2024 .keona-blg-post-right{ width:35%;} .blog-post-2024 .keona-blg-posting{padding:80px 0px 100px;} /* .blog-post-2024 .keona-blg-post-body p span,.keona-blg-post-body ul li span,.keona-blg-post-body ol li span{font-size:18px !important;} */ .blog-post-2024 .keona-blg-post-body ul li {list-style-type:disc;} .blog-post-2024 .keona-blg-post-body ol li {list-style-type:decimal;} .blog-post-2024 .keona-blg-post-body a{text-decoration:none !important;} .blog-post-2024 .keona-btmauthor { padding: 30px 0px; border-top: 1px solid #0A3380; border-bottom: 1px solid #0A3380; margin: 50px 0px; } .blog-post-2024 .kh-authrlabel{margin-right:20px} .blog-post-2024 .kh-authrlabel p{font-family:; margin-bottom: 0; font-size: 14px;} .blog-post-2024 blockquote { padding: 20px; font-size:18px; color:var(--primary_color);margin:30px 0px;font-family: 'Inter',sans-serif; border-left:3px solid var(--primary_color);line-height:1.5;} .blog-post-2024 blockquote span{ color:var(--secondary_color);} .blog-post-2024 .keona-blg-post-body h2,.keona-blg-post-body h3,.keona-blg-post-body h4,.keona-blg-post-body h5,.keona-blg-post-body h6,.keona-blg-post-body p{margin-bottom:30px;} .blog-post-2024 .keona-blg-postimg.bg-normal {height: 500px; border-radius: 10px; margin-bottom: 40px;} .blog-post-2024 .keona-blg-postimg img { width:100%; border-radius:10px; object-fit:cover; object-position:center; margin-bottom:30px;max-height: 500px; } /* Footer CTA Css Here */ .blog-post-2024 .footerctacontent{max-width:990px; margin:0 auto 40px;} .blog-post-2024 .footerdescription h2{font-size:56px; margin-bottom:20px;} .blog-post-2024 .keona-footercta a { font-size: 14px;padding: 13px 35px;font-family: 'Gilory' !important; font-weight:500; } /* blog post banner */ .blog-post-2024 .kh-blogPostBanner{padding:100px 0 170px;position:relative;z-index:2;min-height: 490px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} /* .kh-blogPostBanner{background-image:url('https://www.keonahealth.com/hubfs/Keonahealth_2022/banner%20blog.png')} */ .blog-post-2024 .kh-blogPostBannerInner{max-width:1125px;margin:0 auto;width:100%;} .blog-post-2024 .kh-BlogPostTitle{text-align:center;} .blog-post-2024 .kh-BlogpostTag, .blog-post-2024 .kh-BlogpostDate, .blog-post-2024 .kh-BlogpostAuthor{margin-right:20px;margin-bottom: 30px;} .blog-post-2024 .kh-BlogpostAuthor{margin-right:0;} .blog-post-2024 .kh-BlogPostContent { padding-top: 20px; } .blog-post-2024 .kh-BlogpostTagIcon, .kh-BlogpostDateIcon{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;width:25px;height:25px;background:#fff;border-radius:2px;margin-right:10px;} /* .kh-blogpostTagTitle, .kh-blogpostAuthorName, .kh-blogpostDateTitle { width: calc(100% - 35px); } */ .blog-post-2024 .kh-blogpostTagTitle p, .kh-blogpostAuthorName p{color: #fff;margin-bottom: 0;} .blog-post-2024 .kh-blogpostTagTitle p a, .kh-blogpostAuthorName p a {font-size:16px; text-transform: capitalize; color: #fff;font-weight: 400;line-height: 1.2;} .blog-post-2024 .kh-blogpostDateTitle p {font-size:16px; text-transform:uppercase; color:#fff;font-weight:400;line-height:1.2;margin-bottom:0;} .blog-post-2024 .kh-BlogpostAuthorIcon{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;width:33px;height:33px;margin-right:10px;} .blog-post-2024 .kh-BlogpostAuthorIcon img{border-radius: 50px; width: 33px; object-fit: contain; object-position: center;} .blog-post-2024 .kh-BlogpostTagIcon img, .blog-post-2024 .kh-BlogpostDateIcon img{width:14px; height:14px;object-fit: contain; object-position: center;} .blog-post-2024 .kh-recentBlogPostSharingGrp svg path{fill:var(--primary_color);} .blog-post-2024 .keona-blg-post-body img { border-radius: 10px;} .blog-post-2024 .kh-BlogPostTitle h1,.blog-post-2024 .keona-blg-post-body h2, .blog-post-2024 .keona-blg-post-body h3, .blog-post-2024 .keona-blg-post-body h4, .blog-post-2024 .keona-blg-post-body h5, .blog-post-2024 .keona-blg-post-body h6{font-weight:600;} /* blog post Related */ .blog-post-2024 .kh-recentPostContentTitle h3{margin:0;font-size:30px;font-weight: 600;} .blog-post-2024 a:hover { text-decoration: none !important; } .blog-post-2024 .kh-recentBlogpostTagTitle p, .blog-post-2024 .kh-recentBlogpostDateText p{margin-bottom:0} .blog-post-2024 .kh-recentBlogpostTagTitle p a,.blog-post-2024 .kh-recentBlogpostDateText p{color:#0a3380} .blog-post-2024 .kh-recentPostBoxGrp{padding:50px 0;} .blog-post-2024 .kh-recentBoxInner{padding:0 11px;margin-bottom: 20px;} .blog-post-2024 .kh-recentBoxInnerContent{border-radius:10px; height:100%; border:2px solid; overflow:hidden;} /* .kh-recentpostImg img{border-radius:10px;min-height: 270px; height: 100%; object-fit: cover;} */ .blog-post-2024 .kh-recentpostbtmContent {padding: 30px 20px; border-radius: 0px 0px 10px 10px; display: flex; flex-direction: column; height: calc(100% - 270px);} .blog-post-2024 .kh-recentBlogpostTag {margin-right: 30px; margin-bottom: 20px;} .blog-post-2024 .kh-recentBlogpostDate { margin-bottom: 20px;} .blog-post-2024 .kh-recentpostImg{position:relative;} .blog-post-2024 .kh-recentpostImg a img{height: 270px; object-fit: cover; border-radius:0 !important; object-position: center; width: 100%;} .blog-post-2024 .recentPostSharingIcon{position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 10px; cursor:pointer; background: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .blog-post-2024 .kh-recentBlogpostTagIcon, .blog-post-2024 .kh-recentBlogpostDateIcon{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;width:25px;height:25px;background:#0A3380;border-radius:2px;margin-right:10px;} .blog-post-2024 .kh-recentBlogpostTagTitle p a, .kn-recentBlogpostDateText p, .kh-recentBlogpostAuthorName p a { font-size:14px; text-transform: capitalize; color:#0A3380; font-weight:400; line-height: 1.2; } .blog-post-2024 .keona-blg-post-body p, .blog-post-2024 .keona-blg-post-body ul li, .blog-post-2024 .keona-blg-post-body ol li, .blog-post-2024 .keona-blg-post-body table tr td{ color:var(--primary_color);} /* .blog-post-2024 .keona-blg-post-body p{color:var(--primary_color);} */ .blog-post-2024 .kh-recentBlogpostAuthorName p{margin-bottom:0;} .blog-post-2024 .kh-recentBlogpostAuthorName p span.lsp-author-link { font-size:14px; text-transform: capitalize; color: #0A3380; font-weight: 400; line-height: 1.2; font-family: Inter,sans-serif;} .blog-post-2024 .kh-recentBlogpostDateText p, .blog-post-2024 .kh-recentBlogpostDateText.lsp-date{text-transform:uppercase; font-family:font-family: 'Inter', sans-serif;font-size:14px;} .blog-post-2024 .kh-recentBlogPostTitle, .blog-post-2024 .kh-recentBlogPostContent{padding-bottom:15px;} .blog-post-2024 .kh-recentBlogPostContent p{font-size:14px;font-weight:400;line-height:1.4;color:#000;font-family: 'Inter', sans-serif;} .blog-post-2024 .kh-recentBlogPostCTA a{display: inline-block; position: relative; border: 0px solid #f5903e; text-align:center; padding: 12px 20px;font-size:14px;text-decoration:none; font-style:normal; color: #FFF; background: linear-gradient(180deg,#ff8b42 0%,#cb5003 100%); border-radius:30px; text-transform: uppercase;font-family: 'Gilory' !important; font-weight:500; z-index:1;} .blog-post-2024 .kh-recentBlogPostSharingGrp{background:#fff;position: absolute; height:40px; top: 10px; z-index:9; right: 0; padding: 12px 10px 4px; visibility:hidden; opacity:0; border-radius: 10px 0px 0px 10px; transition: all .5s ease; } .blog-post-2024 .kh-recentBlogPostSharingGrp a{margin:0px; cursor:pointer; line-height:1;} .blog-post-2024 .kh-recentBlogPostSharingGrp svg { width: 28px; height: 19px; line-height: 1; } .blog-post-2024 .kh-recentBlogPostTitle h6 { line-height:1.5;font-size:20px; font-weight:600; color:var(--primary_color); margin-bottom: 0;} .blog-post-2024 .kh-recentPostSharingIconInner:hover .kh-recentBlogPostSharingGrp,.actsharing .kh-recentBlogPostSharingGrp{right:40px; visibility:visible; opacity:1;} /* .blog-post-2024 .kh-recentBlogCTAAuthor > div {padding-bottom:10px;} */ .blog-post-2024 .kh-recentBlogCTAAuthor.dis-flex { margin-top: auto;padding-top: 10px; } .blog-post-2024 .postrightform form input[type=submit]{display: inline-block; font-size:14px; position:relative; border:0 solid #f5903e; padding:15px 35px;text-decoration: none; font-style: normal; color: #fff!important; cursor: pointer!important; background: linear-gradient(180deg,#ff8b42,#cb5003); border-radius:30px; text-transform:uppercase; font-family:font-family: 'Gilory' !important; font-weight:500; margin-top:10px; z-index: 99999;} .blog-post-2024 .kh-recentBlogpostAuthorIconDefualt{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 25px; height: 25px; margin-right: 10px;background: #0a3380;border-radius:50%;} .blog-post-2024 .kh-recentBlogpostAuthorIconDefualt img{width:12px; height:15px;} .blog-post-2024 .kh-recentBlogpostAuthorIconDefualt svg { width: 11px; } .blog-post-2024 .kh-recentBoxInner:hover .blog-post-2024 .kh-recentBlogpostAuthorIconDefualt{background-color:#fff;} .blog-post-2024 .kh-recentBoxInner:hover .blog-post-2024 .kh-recentBlogpostAuthorIconDefualt svg path{fill:#fff;} .blog-post-2024 .kh-BlogpostAuthorIconDefualt img{width:14px; height:15px;} .blog-post-2024 .kh-BlogpostAuthorIconDefualt{display: flex; flex-wrap:wrap; justify-content: center; align-items:center; width:25px; height:25px; margin-right:10px;background:#fff;border-radius: 2px;} .blog-post-2024 .rightformbg .hs_error_rollup { display: none; } .blog-post-2024 .kh-recentPostSection { padding-top: 20px;} .blog-post-2024 .koena-re-img{ border-radius 3px} .blog-post-2024 .kh-recentpostbtmContent{padding:40px 30px;} .blog-post-2024 .kh-recentBlogpostAuthor { width: 50%; } .blog-post-2024 form, .blog-post-2024 .submitted-message{color:#fff;} .blog-post-2024 .keona-blg-post-body form .hs-richtext { color: #000; } .blog-post-2024 .kh-recentBlogPostContent { margin-bottom: 30px;} .blog-post-2024 .kh-BlogpostAuthorIcon { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 25px; height: 25px; margin-right: 10px; background: #0a3380; border-radius: 50%; } .blog-post-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent, .blog-post-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent { background-color: #0A3380;border-radius:0px;} .blog-post-2024 .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon, .blog-post-2024 .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon{ background-color: #fff; } .blog-post-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent *, .blog-post-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent * { color: #fff; } .blog-post-2024 .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon svg path, .blog-post-2024 .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon svg path { fill:#0A3380; } .blog-post-2024 .inputs-list input[type=checkbox]:checked+span:before { background:#1a73e8; border-color:#fff; color:#fff; border-radius: 0; height:15px; width:15px; position: absolute; left: -20px; border:0; } .blog-post-2024 .inputs-list input[type=checkbox]:checked+span:after { left: -18px; width: 5px; height:5px; top:4px;color:#fff;background: transparent; } .blog-post-2024 .inputs-list input[type=checkbox]+span:before{ background:#fff; border-color:#fff; color:#fff;border-radius: 0;height:15px; width:15px; position: absolute;left:-20px;border:0;} .blog-post-2024 .kh-recentBlogpostTagIcon svg path , .blog-post-2024 .kh-recentBlogpostDateIcon svg path{ fill: #fff; } /*********************************************************** Blog Listing Css start Here ********************************************/ /* .blog-listing-2024 .keonalistinginner { row-gap: 24px;} */ .blog-listing-2024 .keonasearchbar input.hs-search-field__input { font-size: 16px;color: #082966; font-family: 'Inter', sans-serif;line-height: 1.4;position:relative;border:2px solid #0A3380; border-radius: 10px;padding:15px 60px 15px 30px;min-height: 56.39px;} .blog-listing-2024 .keonasearchbar input.hs-search-field__input:focus-visible { outline: 0 !important; } .blog-listing-2024 .kh-blogListbannerSection .baseModuleParent{max-width:800px;width:100%;margin:0 auto;} .blog-listing-2024 .kh-blogListbannerSection{text-align:center;padding: 100px 0 220px; position: relative; z-index: 2;} .blog-listing-2024 .kh-blogListbannerSection h1{margin-bottom:20px;font-size: 56px; color: #fff;} .blog-listing-2024 .kh-blogListbannerSection p{font-size:20px;color:#fff;line-height: 1.4; font-family: Inter,sans-serif;} .blog-listing-2024 .kh-recentpostbtmContent{ display: flex;flex-direction:column;height: calc(100% - 270px);padding: 40px 30px;} .blog-listing-2024 .keonalistinginner .kh-recentBoxInner, .blog-listing-2024 .hs-search-resultslisting.keonalistinginner .kh-recentBoxInner:nth-child(2){ width: calc(33.33% - 20px); margin: 0px 10px 20px; padding:0px; position:relative; z-index:1;} .blog-listing-2024 .keonalistbox-1:first-child { width: calc(60% - 20px); } .blog-listing-2024 .keonalistinginner .kh-recentBoxInner:nth-child(2){ width: calc(40% - 20px);} .blog-listing-2024 .kh-recentpostImg img{height: 270px; object-fit: cover; border-radius: 10px 10px 0 0; object-position: center; width: 100%;} .blog-listing-2024 .recentPostSharingIcon { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 10px; cursor: pointer; background: #fff; display: flex ; flex-wrap: wrap; align-items: center; justify-content: center; } .blog-listing-2024 .kh-recentBlogPostSharingGrp { background: #fff; position: absolute; height: 40px; top: 10px; z-index: 9; right: 0; padding: 12px 10px 4px; visibility: hidden; opacity: 0; border-radius: 10px 0px 0px 10px; transition: all .5s ease; } .blog-listing-2024 .kh-recentpostImg .recentPostSharingIcon img{height:auto; width:20px; object-fit:unset; height:auto; width:20px;border-radius: unset; object-position:unset;} .blog-listing-2024 .keonalistinginner .kh-recentBoxInnerContent{border-radius: 10px; height: 100%; overflow: hidden; border: 2px solid;} .blog-listing-2024 .keonalistinginner .kh-recentpostbtmContent{border:0px; border-radius:0px;transition:0.5s all ease;} .blog-listing-2024 .keonalistinginner .kh-recentpostImg{border-radius:10px 10px 0px 0px;} .blog-listing-2024 .keonalistinginner .kh-recentpostImg img{border-radius:0px;} .blog-listing-2024 .keonalistboxlink a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; z-index:1; } .blog-listing-2024 .keonalistinginner .kh-recentBlogpostAuthorName p a, .blog-listing-2024.keonalistinginner .kh-recentBlogpostTagTitle p a{font-size: 14px; text-transform: capitalize; color:var(--primary_color); font-weight: 400; line-height: 1.2;position:relative; z-index:2;} .blog-listing-2024 .keonalistinginner .recentPostSharingIcon {z-index:2;} .blog-listing-2024 .kh-recentBlogpostTag { margin-right: 30px; margin-bottom: 20px; } .blog-listing-2024 .kh-recentBlogpostTagIcon, .blog-listing-2024 .kh-recentBlogpostDateIcon{ display:flex;flex-wrap:wrap; justify-content:center;align-items:center;width:25px;height:25px; background:#0A3380;border-radius: 2px; margin-right: 10px; } .blog-listing-2024 .kh-recentBlogpostDate{ margin-bottom:20px;} .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent, .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent { background-color:#0A3380; } .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent *, .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentpostbtmContent *{color:#fff;} .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon, .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon{background-color:#fff;} .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon, .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon{background-color:#fff;} .blog-listing-2024 .kh-recentBlogpostTagIcon svg path , .blog-listing-2024 .kh-recentBlogpostDateIcon svg path{ fill: #fff; } .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon svg path, .blog-post-2024 .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon svg path{fill:#54A7DC;} .blog-listing-2024 .kh-recentBlogpostAuthorIconDefualt{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 25px; height: 25px; margin-right: 10px;background: #0a3380;border-radius:50%;} .blog-listing-2024 .kh-recentBlogpostAuthorIconDefualt img{width:12px; height:15px;} .blog-listing-2024 .kh-recentBlogpostAuthorIconDefualt svg { width: 11px; } .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostAuthorIconDefualt{background-color:#fff;} .blog-listing-2024 .kh-recentBoxInner:hover .kh-recentBlogpostAuthorIconDefualt svg path{fill:var(--primary_color);} .kh-recentBoxInner:hover .kh-recentBlogpostTagIcon svg path, .kh-recentBoxInner:hover .kh-recentBlogpostDateIcon svg path { fill: var(--primary_color); } .blog-listing-2024 .keonalistinginner .kh-recentBlogPostContent p{font-size:16px; color:#000;} .blog-listing-2024 .kh-recentBlogPostContent.hs-search-resultsdescription {color:#000;font-size:16px;font-weight: 400; line-height: 1.4;font-family: 'Inter';} .blog-listing-2024 .keonalistopbox { width: calc(33.33% - 30px); border: 2px solid var(--primary_color); border-radius: 10px; margin: 0px 15px; padding: 15px 30px; } .blog-listing-2024 .keonasearchbar{width: calc(33.33% - 30px); margin: 0px 15px;} .blog-listing-2024 .keonalistinginner .kh-recentBlogpostDateText p{font-size:14px; } .blog-listing-2024 .keonasearchbar button { padding: 0; background-color: transparent; border: 0; border-radius: 0; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);} .blog-listing-2024 .keonasearchbar .hs-search-field__bar button svg { height: 20px; } .blog-listing-2024 .keonalistopbox h6{font-size:16px; color:var(--primary_color); font-weight:400; cursor:pointer;font-family: 'Inter';line-height:1.4; position:relative;margin-bottom:0;} .blog-listing-2024 .keonalistopbox h6:after{position:absolute; content:""; top:50%; right:0; background-image:url('https://www.keonahealth.com/hubfs/Keona%202024/Icons/Down_arrow.svg'); width:16px; background-repeat:no-repeat; background-size:cover; background-repeat: no-repeat; background-size: cover; height: 9px; transform: translateY(-50%); transition:0.5s all ease; } .blog-listing-2024 .keonasearchbar .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #000; position: absolute; background-color: #fff; z-index: 99; padding: 20px; border-radius: 10px; border: 0; box-shadow: 1px 1px 11px -1px rgb(0 0 0 / 20%); } .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions li{margin-bottom:6px;} .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions li a, .blog-listing-2024 .keonacatlist ul li a, .blog-listing-2024 .keonatypelist ul li a{font-size:16px; color:var(--primary_color); transition:0.5s all ease;} .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions li:last-child{margin-bottom:0px;} .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions #results-for{font-size:22px;} .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions li a:hover,.keonasearchbar .hs-search-field__suggestions li a:focus{background-color:transparent !important;} .blog-listing-2024 .keonacatlist,.keonatypelist { position: absolute; top: 54px; left: 0; right: 0; height: 100px; overflow: auto; width: 100%; background-color: #fff; padding:10px 20px; box-shadow: 1px 1px 5px 1px rgba(0 0 0 / 20%); visibility: hidden; opacity: 0; z-index: 9; border-radius: 10px; transition: 0.5s all ease; } .blog-listing-2024 .kh-blogPostByAuthorBio p{font-family: 'Inter',sans-serif; font-size: 14px;line-height: 1.4;color:#000;} .blog-listing-2024 .keona-blg-post-body li::marker { font-weight: bold;} .blog-listing-2024 .keonacatlist.activetab::-webkit-scrollbar { width: 6px; } .blog-listing-2024 .keonacatlist.activetab::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .blog-listing-2024 .keonacatlist.activetab::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .blog-listing-2024 .keonacatlist.activetab ,.blog-listing-2024 .keonatypelist.activetab{ visibility: visible; opacity: 1; } .blog-listing-2024 .keonalistopbox.keonacatbar, .keonalistopbox.keonatypebar { position: relative; } .blog-listing-2024 .keonacatlist ul li,.keonatypelist ul li { list-style-type: none; margin-bottom: 5px;} .blog-listing-2024 .keonacatlist ul li:last-child,.keonatypelist ul li:last-child{margin-bottom:0px;} .blog-listing-2024 .keonacatlist ul,.keonatypelist ul { padding: 0; margin: 0px; } .blog-listing-2024 .kh-recentBoxInnerContent .kh-recentBlogCTAAuthor>div,.blog-listing-2024 .kh-recentBoxInner .kh-recentBlogPostContent{padding-bottom:0px;} .blog-listing-2024 .keonalistinginner .kh-recentBlogCTAAuthor{padding-top:0px;margin-top:auto;} .blog-listing-2024 .kh-recentBlogPostCTA { width: 50%; } .blog-listing-2024 .kh-recentBlogpostAuthor{ width: 50%; } .blog-listing-2024 .post-listing{align-items:unset !important; -webkit-align-items: unset !important;} .blog-listing-2024 .topic-link{border:0px !important; padding:0px !important;color:var(--primary_color);} .blog-listing-2024 .kh-recentBlogpostAuthorName p,.blog-listing-2024 .keonalistinginner .kh-recentBlogPostContent p { margin-top: 0px; } .blog-listing-2024 .kh-recentBlogPostTitle h6{line-height:1.5;font-size:20px; font-weight:600; color:var(--primary_color); margin-bottom:15px;text-transform:uppercase;} .blog-listing-2024 .post-listing.keonalistinginner.dis-flex{margin-left:0;} .blog-listing-2024 .keonatypebar{display:none;} .blog-listing-2024 .loadMoreBtn.txt-center.koena-cta { width: 100%; text-align:center;} .blog-listing-2024 .loadMoreBtn .koena-cta a{margin-top:40px; } .blog-listing-2024 span.highlight{ color:#f5903e;} .blog-listing-2024 .keonasearchbar .hs-search-field__suggestions li a:hover, .blog-listing-2024 .keonacatlist ul li a:hover, .blog-listing-2024 .keonatypelist ul li a:hover{color:#ff8b42;} .blog-listing-2024 .kh-recentBlogPostTitle.post-content-detail a{color:var(--primary_color);} .blog-listing-2024 .recentPostSharingIcon{cursor:poiter;} .blog-listing-2024 .keonalistingbg { padding-bottom: 100px; } .blog-listing-2024 h6.active-hdr:after { transform: rotate(180deg); top: 36%;} .blog-listing-2024 .kh-BlogpostAuthorIcon{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;width:33px;height:33px;margin-right:10px;} .blog-listing-2024 .kh-BlogpostAuthorIcon img{border-radius: 50px; width:25px; object-fit: contain; object-position: center;} .blog-listing-2024 .keona-blg-post-body ul li ul li{list-style-type: circle;} .blog-listing-2024 .keona-blg-post-left iframe { width: 100%; } .blog-listing-2024 .keona-blg-postimg{text-align: center;} .blog-listing-2024 .keona-blg-postimg img {width:100%; border-radius: 10px; margin-bottom: 30px;object-fit: cover; } .blog-listing-2024 .keona-blg-post-body table.styleTable tr , .blog-listing-2024 .keona-blg-post-body table.styleTable td, .blog-listing-2024 .keona-blg-post-body table.styleTable th{border-color:#99acc2} .blog-listing-2024 .keona-blg-post-body table.styleTable tr:first-child th{background:#0f4c82;color:#fff;} .blog-listing-2024 .keona-blg-post-body table.styleTable tr:nth-child(odd) td{background:#d0dce6;} .blog-listing-2024 .kh-onlyFormModule form, .blog-listing-2024 .kh-onlyFormModule .submitted-message { line-height: 1.5; color: #000; font-weight: 400; } .blog-listing-2024 .kh-onlyFormModule input { border: 1px solid #000;} .blog-listing-2024 .kh-onlyFormModule{padding:30px 0;border-radius: 15px;margin-top:40px;} .blog-listing-2024 .kh-onlyFormModule .submitted-message{text-align:center} .blog-listing-2024 .submitted-message p{text-align:center;color:#000;} .blog-listing-2024 .kh-onlyFormModule form{max-width:500px;margin:0 auto;width:100%;} .blog-listing-2024 .kh-onlyFormModule .form-title { color:var(--primary_color); text-align: center; margin-bottom: 20px; } .blog-listing-2024 .kh-recentPostSharingIconInner:hover .kh-recentBlogPostSharingGrp, .actsharing .kh-recentBlogPostSharingGrp { right: 40px; visibility: visible; opacity: 1; } .blog-listing-2024 .kh-recentBlogPostSharingGrp svg { width: 28px;height: 19px;line-height: 1;} .blog-listing-2024 .kh-recentBlogPostSharingGrp svg path { fill: var(--primary_color);} .blog-listing-2024 .keona-blg-post-left{overflow:auto;} .blog-listing-2024 .table-wrap-dd { width: 100%; overflow: auto; } .blog-listing-2024 .kh-searchTitle a{font-weight: 600; font-size: 20px; font-family: 'Gilroy',sans-serif !important;} .blog-listing-2024 .searchPageCTA{font-size:14px;} /* .keona-blg-post-body .table-font-resize table tr td , .table-font-resize th{font-size:14px !important;} */ .blog-listing-2024 .keona-blg-post-body .formResize2022 table{width:100%;} .blog-listing-2024 .kh-recentBlogPostContent { margin-bottom:20px;} .blog-listing-2024 .kh-recentBlogPostCTA a { display: inline-block; position: relative; border: 0px solid #f5903e; text-align: center; padding: 12px 20px; font-size:14px; text-decoration: none; font-style: normal; color: #FFF !important; background: linear-gradient(180deg, #ff8b42 0%, #cb5003 100%); border-radius: 30px; text-transform: uppercase;font-family: 'Gilory' !important; font-weight:500;z-index: 99999; } /************* Blog Footer css ******/ .keona-footer-2024 .footer-top { background-position: 100% 100%; background-repeat: no-repeat; background-size: 100% 100%; padding: 250px 0px 10px; position: relative; } /************* Blog Footer css end******/ /************************************************* Responsive *******************************************/ @media(max-width:1440px){ .blog-listing-2024 .keona-blg-posting{padding:80px 0px;} .blog-listing-2024 .kh-BlogPostTitle h1, .blog-listing-2024 .kh-blogListbannerSection h1{font-size:48px;} } @media(max-width:1100px){ .w65,.w35{width:100%} .blog-post-2024 .keona-blg-post-left { padding-right: 0px; width:100%;} .blog-post-2024 .keona-blg-post-right{ width:100%;} .blog-post-2024 .theiaStickySidebar { position: unset !important; } .blog-post-2024 .keona-catbg, .blog-post-2024 .koena-rebg, .blog-post-2024 .koena-sharingbg, .blog-post-2024 .rightformbg{margin:0 auto 50px; max-width:500px;} .blog-post-2024 .koena-sharingbg{ margin: 0 auto 0px;} .blog-post-2024 .kh-BlogPostTitle h1,.blog-post-2024 .footerdescription h2{font-size:44px;} .blog-post-2024 .kh-recentBoxInner.keonalistbox-1:first-child { width: 100% !important; } .blog-post-2024 .kh-recentPostBoxGrp{margin:0 auto;} .blog-post-2024 .hs-search-resultslisting.keonalistinginner .blog-post-2024 .kh-recentBoxInner:nth-child(2){ width: calc(50% - 20px); margin: 0px 10px 20px; } .blog-listing-2024 .keonalistinginner .kh-recentBoxInner, .blog-listing-2024 .hs-search-resultslisting.keonalistinginner .kh-recentBoxInner:nth-child(2), .blog-listing-2024 .keonalistinginner .kh-recentBoxInner:nth-child(2){ width: calc(50% - 20px);} .blog-listing-2024 .keonalistbox-1:first-child { width:100%;max-width:768px;margin:0 auto 20px auto; } .blog-post-2024 .kh-recentBoxInner { padding: 0; margin-bottom: 20px; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .blog-post-2024 .kh-recentPostContentTitle h3 { text-align: center; } } @media(max-width:1024px){ .blog-post-2024 .kh-recentPostSharingIconInner:hover .kh-recentBlogPostSharingGrp{opacity:0; visibility:hidden; right:0;} .blog-post-2024 .actsharing .kh-recentBlogPostSharingGrp{opacity:1 !important; visibility:visible !important; right:40px !important;} } @media(max-width:991px){ .blog-post-2024 .kh-blogListbannerSection{padding: 80px 0 150px;} .blog-post-2024 .kh-blogPostBanner {padding:70px 0 120px;min-height:auto;} .blog-post-2024 h1,.blog-post-2024 .kh-BlogPostTitle h1,.blog-post-2024 .footerdescription h2{font-size:40px;} .blog-post-2024 h2{font-size:28px;} .blog-post-2024 .keona-blg-post-body ol li, .blog-post-2024 .keona-blg-post-body p, .blog-post-2024 .keona-blg-post-body ul li, .blog-post-2024 .keona-blg-post-body table tr td,.blog-post-2024 .keona-blg-post-body p span, .blog-post-2024 .keona-blg-post-body ul li span, .keona-blg-post-body ol li span{font-size:16px !important;} .blog-post-2024 .keonasearchbar,.blog-post-2024 .keonalistopbox { width: 100%; margin: 0 auto 20px; max-width: 500px; } .blog-post-2024 .keonalistopbox:last-child{margin-bottom:0px;} .blog-post-2024 .keonalistopbox.keonacatbar { margin-bottom: 0px; } .blog-post-2024 .keonalistingbg { padding-bottom: 50px;} .blog-listing-2024 .keonasearchbar{width:100%;margin: 0 auto 20px; max-width: 500px;} .blog-listing-2024 .keonalistopbox { width: 100%; max-width: 500px; margin: 0 auto; } .blog-listing-2024 .keonalistingbg { padding-bottom:30px; } } @media(max-width:767px){ .blog-post-2024 .kh-recentBoxInner{margin:0 auto; } .blog-post-2024 .kh-blogListbannerSection{padding: 60px 0 120px;} .blog-post-2024 .kh-blogPostBanner {padding: 50px 0 100px;} .blog-post-2024 .keona-blg-posting{padding:60px 0px;} .blog-post-2024 .keona-btmauthor{padding:20px 0px; margin:40px 0px;} .blog-post-2024 .kh-BlogPostTitle h1,.blog-post-2024 .footerdescription h2{font-size:36px;} .blog-post-2024 .kh-recentPostBoxGrp .w-50{width:100% !important;} .blog-post-2024 .kh-recentBoxInner.keonalistbox-1 { width: 100% !important; max-width:400px; margin:0 auto 40px; } .blog-post-2024 .keonalistinginner .kh-recentBoxInner , .blog-post-2024 .keonalistinginner .kh-recentBoxInner:nth-child(2), .blog-post-2024 .hs-search-resultslisting.keonalistinginner .kh-recentBoxInner:nth-child(2){ width: 100%; max-width:400px; margin:0 auto 20px;} .blog-post-2024 .keonalistinginner .kh-recentpostbtmContent, .blog-listing-2024 .keonalistinginner .kh-recentpostbtmContent{height:auto;} .blog-post-2024 .kh-recentBoxInner .kh-recentBlogPostContent{padding-bottom:0px;} .blog-post-2024 .kh-recentBoxInner .kh-recentBlogCTAAuthor.dis-flex{padding-top:0px;} .blog-post-2024 .kh-recentpostbtmContent, .blog-listing-2024 .kh-recentpostbtmContent{padding:30px 20px;} .blog-post-2024 .kh-recentBoxInner { padding: 0; } .blog-post-2024 .search-top-section h2 { text-align: center; } .blog-post-2024 .loadMoreBtn.txt-center.koena-cta a{margin-top:20px;} .blog-post-2024 .keonalistingbg { padding-bottom: 40px;} .blog-post-2024 .keona-blg-post-body img {float:none !important;display:block;margin-left: 0 !important;margin-right: 0 !important;} .blog-post-2024 .kh-recentBoxInner { padding: 0;margin-bottom:20px;width:100%;max-width: 500px;margin-left: auto;margin-right: auto;} .blog-post-2024 .kh-recentPostContentTitle h3{ text-align:center;} .blog-listing-2024 .keonalistinginner .kh-recentBoxInner, .blog-listing-2024 .hs-search-resultslisting.keonalistinginner .kh-recentBoxInner:nth-child(2), .blog-listing-2024 .keonalistinginner .kh-recentBoxInner:nth-child(2){ width: 100%; margin: 0px 0px 20px; } } @media(max-width:640px){ .blog-post-2024 .kh-recentBoxInner{ width:100%;} .blog-post-2024 .keona-blg-posting{padding:50px 0px;} .blog-post-2024 .koena-recentpost-left { width: 100%; } .blog-post-2024 .koena-recentpost-right { width: 100%; } .blog-post-2024 .koena-re-img { height: 50vw; margin-bottom: 20px;} .blog-post-2024 .koena-recentpost-right-top { margin-bottom: 10px; } .blog-post-2024 .koena-recentpost-box { margin-bottom: 40px; } .blog-post-2024 .koena-recentpost-box:last-child{margin-bottom:0px;} .blog-post-2024 .kh-recentBlogPostCTA { order:2; width:100%;} .blog-post-2024 .kh-recentBlogpostAuthor { order: 1; width: 100%; justify-content: flex-start; margin-bottom: 20px; } /* .keona-blg-post-body table tr td { width: 100% !important; display: block; height: auto !important; } */ .blog-post-2024 .table-wrap-dd-order table tr td { width: 100% !important; display: block; height: auto !important; } .blog-post-2024 .keona-blg-post-body table.styleTable tr td { width: unset !important; display: table-cell; height: auto !important; } .blog-post-2024 .keona-blg-post-body table tr td, .blog-post-2024 .keona-blg-post-body table tr th *{font-size:14px !important;} } @media(max-width:480px){ .blog-post-2024 .kh-BlogPostContent{display:block} .blog-post-2024 .kh-blogPostBanner{padding: 50px 0 110px;} .kh-BlogPostTitle h1,.blog-post-2024 .footerdescription h2{font-size:30px;} .blog-post-2024 .kh-BlogpostTag, .kh-BlogpostDate, .kh-BlogpostAuthor{margin-right:0px;} .blog-post-2024 .keona-blg-postimg.bg-normal{height:300px;} .blog-post-2024 .table-wrap-dd table { width: 460px;} .blog-listing-2024 .kh-recentBlogPostContentTag { flex-direction: column; } .blog-listing-2024 .kh-recentBlogpostTag, .blog-listing-2024 .kh-recentBlogpostDate { justify-content: left; } .blog-listing-2024 .keonalistinginner .kh-recentBlogCTAAuthor{flex-direction: column-reverse;} .blog-listing-2024 .kh-recentBlogpostAuthor { width: 100%; justify-content: flex-start; margin-bottom: 20px; } .blog-post-2024 .kh-recentPostBoxGrp { padding: 30px 0;} } @media(max-width:360px){ .blog-post-2024 .keona-blg-postimg.bg-normal{height:250px;} }