/*
 Theme Name:   HippocraticPost Child
 Description:  Custom theme built on Understrap
 Author:       The Hippocratic Post
 Author URI:   https://www.hippocraticpost.com
 Template:     understrap
 Text Domain:  hippocraticpost-child
 Version:      1.0.1
*/



:root {
   
    --primary_color: #43527B;
    --secondary_color: #283442;
    --tertiary_color: #41619A; 
	--quaternary_color: #ACAEBA;
    --brillient-blue:#0072b1;
    --body_color: #283442;
	--body_font: "Poppins", sans-serif;
    --heading_font: "Instrument Serif", serif;
}



.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #43527B;
    --bs-btn-border-color: #43527B;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #41619A;
    --bs-btn-hover-border-color: #41619A;

    --bs-btn-focus-shadow-rgb: 67, 82, 123;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #323E5C;
    --bs-btn-active-border-color: #2E3954;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #43527B;
    --bs-btn-disabled-border-color: #43527B;
}

.container {
  max-width: 1170px;
}


a, a:hover, a:focus { text-decoration: none; color:var(--brillient-blue);  }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--body_font); font-weight: 500; }
h1, .h1 { font-size: 40px; line-height: 1.3em;  letter-spacing: -1.0px; }
h2, .h2 { font-size: 100px; line-height: 70px; font-weight: 400; letter-spacing: -2.0px; font-family: var(--heading_font); }
h3, .h3 { font-size: 40px; line-height: 48px; letter-spacing: -0.8px; }
h4, .h4 { font-size: 20px; line-height: 30px; letter-spacing: -0.5px; }
h5, .h5 { font-size: 18px; line-height: 28px; letter-spacing: -0.5px; }
h6, .h6 { font-size: 16px; line-height: 24px; letter-spacing: -0.5px; }

body{ font-family: var(--body_font); font-weight:400; color: var(--body_color); font-size: 16px; line-height:24px; background: #EDEEF2; } 

.rounded-tag {padding: 5px 10px; font-size: 16px; line-height: 24px; display: inline-block; background: rgb(from var(--tertiary_color) r g b / 9%); border-radius: 3px; font-weight: 500; text-transform: uppercase; } 
.home .rounded-tag h3 { font-size: 16px; line-height: 24px; margin-bottom: 0; }
.pill-tags {display: flex; flex-wrap: wrap; gap: 10px; }
.pill-tags a, .pill-tags-btn {font-weight: 500; color: var(--body_color); text-decoration: none; padding: 2px 12px 2px 20px; border: 1px solid var(--body_color); border-radius: 20px; position: relative; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; }
.pill-tags a:hover {background: var(--body_color); color: #fff; } 
.pill-tags a:before {position: absolute; content: ''; width: 3px; height: 3px; background: var(--body_color); top: 13px; left: 10px; border-radius: 50%; transition: background-color .5s ease-in-out; }
.pill-tags a:hover:before{ background: #fff;  }
button.pill-tags-btn { font-size:16px !important; padding-left: 45px; padding-right: 45px;   }
button.pill-tags-btn:hover,
button.pill-tags-btn:focus,
button.pill-tags-btn:focus-visible{
  background-color: var(--body_color);
  color: #fff;
}
h3.verticle-text {writing-mode: sideways-lr; margin: 0; font-size: 22px; line-height: 1; color: var(--quaternary_color); position: absolute; left: 5px; letter-spacing: 0; top:10px; }

p{ margin: 0; }
p + p{ margin-top: 15px;  }

.link-text a {color: var(--body_color); font-size: 16px; line-height: 1; letter-spacing: -0.3px; }
.link-text a:hover {text-decoration: underline; }

.button-1 a span.text {font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; padding: 14px 30px; transition: background-color .4s ease-in-out; background: var(--primary_color); border-radius: 52px; position: relative; }
.button-1 a {text-decoration: none; display: inline-flex; align-items: center; }
.button-1 a span.icon {width: 50px; height: 50px; background: var(--primary_color); border-radius: 50%; margin-right: 2px; position: relative; transition: background-color .4s ease-in-out; }
.button-1 a span {display: inline-block;}
.button-1 a span.icon:before {position: absolute; content: ''; width: 20px; height: 20px; background: var(--primary_color); right: -15px; top: 14px; transition: background-color .4s ease-in-out; }
.button-1 a span.text:before {width: 6px; height: 6px; position: absolute; content: ''; background: #EDEEF2; left: -4px; border-radius: 50%; top: 12px; }
.button-1 a span.text:after {width: 6px; height: 6px; position: absolute; content: ''; background: #EDEEF2; left: -4px; border-radius: 50%; bottom: 12px; }
.button-1 a span.icon:after {position: absolute; content: ''; top: 15px; left: 15px;  width: 20px; height: 20px; transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(0, 0); will-change: transform; background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353912 11.6889L11.5423 0.49999M11.5423 0.49999L4.30567 0.499993M11.5423 0.49999L11.5423 7.73663' stroke='white'/%3E%3C/svg%3E%0A") no-repeat center; }
.button-1 a:hover span.text { background: var(--body_color); }
.button-1 a:hover span.icon { background: var(--body_color); }
.button-1 a:hover span.icon:before { background: var(--body_color); }
.button-1 a:hover span.icon:after {  transform: translate(3px, -2px);  }

header.header{ background: var(--primary_color); position: relative; z-index: 1001; }
header.header .menu-wrapper {margin-top: 34px; }
header.header .logo a {display: inline-block; }
header.header .top-bar {padding: 10px; }
header.header .top-bar .inner {display: flex; align-items: center; justify-content: space-between; gap: 20px; }
header.header .top-bar .social-medias {display: flex; flex-wrap: wrap; gap: 6px; }
header.header .top-bar .social-medias .item a {width: 32px; height: 32px; display: inline-block; background: rgb(from #fff r g b / 15%); display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: background-color .5s ease-in-out; }
header.header .top-bar .social-medias .item a .hp-icon,
header.header .top-bar .social-medias .item a .hp-icon path {width: 15px; height: 15px; color: #fff; fill: #fff; }
header.header .top-bar .social-medias .item a:hover {background: var(--tertiary_color); }
header.header .top-bar ul#top-menu {display: flex; list-style: none; gap: 23px; margin: 0; padding: 0; }
header.header .top-bar ul#top-menu li a.nav-link {color: #fff; display: inline; background-image: linear-gradient(to right, #fff 0 0); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 1px; transition: background-size .25s ease-in-out; }
header.header .top-bar ul#top-menu li a.nav-link:hover, header.header .top-bar ul#top-menu li a.nav-link:focus{ background-size: 100% 1px; }
header.header .top-bar ul#top-menu li:last-child a.nav-link{ background-image: none; }
header.header .top-bar ul#top-menu li:last-child a.nav-link i{ transition: transform .25s ease-in-out; }
header.header .top-bar ul#top-menu li:last-child a.nav-link:hover i{  transform: scale(1.2); }
header.header .fullscreen-search-popup .input-group {flex-wrap: nowrap;}
header.header .fullscreen-search-popup .input-group input.search-submit {min-width: 130px; font-size: 16px; line-height: 1; background: var(--body_color); border-color: var(--body_color); transition: border-color .5s ease-in-out, background .5s ease-in-out; }
header.header .fullscreen-search-popup .input-group input.search-submit:hover { background: #546578; border-color: #546578;  }



header.header nav#main-nav { background: var(--primary_color) !important; padding: 0 0 36px; }
header.header nav#main-nav > .container { justify-content: center; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary {  text-align: center;  }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li:first-child.mega-menu-item { position: absolute; left: -14%; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li:nth-child(2).mega-menu-item > a.mega-menu-link:before { width: 0; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li:first-child.mega-menu-item > a:hover {background: none; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {margin: 0; } 
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { background: transparent;color: #fff; font-weight: 500; transition: color .25s ease-in-out, background .25s ease-in-out; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover {background: #fff; color: var(--body_color); }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a span.mega-indicator:after { transition: color .25s ease-in-out, transform .25s ease-in-out; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	content: "" !important;
	width: 0.45em;
	height: 0.45em;
	border: solid currentColor;
	border-width: 0 1.5px 1.5px 0;
	display: inline-block;
	font-family: inherit !important;
	line-height: 1;
	transform: rotate(45deg) translateY(-0.12em);
	vertical-align: 0.1em;
}
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
	transform: rotate(-135deg) translateY(-0.12em);
}
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link {margin-left: 25px; position: relative; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link:before {position: absolute; content: ''; width: 1px; height: 100%; background: #EDEEF2; display: inline-block; left: -14px; opacity: 0.2; } 
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link { font-weight: 500; }


.top-bar .right .links a::after { content: ''; position: absolute; left: 0; bottom: 1px; height: 1px; width: 100%; background-color: #fff; transform: scaleX(1); transform-origin: left; opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.top-bar .right .links a:hover::after, .top-bar .right .links a:focus::after { transform: scaleX(0); opacity: 0; }

.top-spot-slider-section{ padding: 90px 0; }
.top-spot-slider-section .box {height: 527px; } 
.top-spot-slider-section .box a.img-anchor { position: relative; overflow: hidden;  border-radius: 10px; display: block; height: 100%;}
.top-spot-slider-section .box a.img-anchor img { transition: transform 0.5s ease-in-out; }
.top-spot-slider-section .box a.img-anchor:hover img {transform: scale(1.1); }
.top-spot-slider-section .box a.img-anchor .ribbon {width: 150px; height: 150px; overflow: hidden; position: absolute; left: -10px; top: 0px; z-index: 2; }
.top-spot-slider-section .box a.img-anchor .ribbon span {position: absolute; display: block; width: 225px; padding: 15px 0; background-color: var(--primary_color) ; color: #fff; font: 700 18px / 1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); text-align: center; right: -25px; top: 30px; transform: rotate(-45deg); } 
.top-spot-slider-section .box picture {max-width: 826px; width: 100%; height:100%; display: block; }
.top-spot-slider-section .box picture img, 
.top-spot-slider-section .box a img {width: 100%; height: 100%; object-fit: cover }
.top-spot-slider-section .box .right-box { height: 100%; background: #fff; border-radius: 10px; padding:30px 30px 35px;  position: relative; }
.top-spot-slider-section .box .right-box .pill-tags{ padding-right: 80px; }
.top-spot-slider-section .box .right-box h2 {margin: 0; } 
.top-spot-slider-section .box .right-box h2 a {color: var(--body_color); } 
.top-spot-slider-section .button-1 {margin-top: 34px;}    
.top-spot-slider-section .box .right-box button.slide-arrow {position: absolute; top: 25px; right:20px; width: 30px; height: 30px; border-radius: 50%; background: transparent; border: 1px solid transparent; transition: border-color 0.2s  ease-in-out; }
.top-spot-slider-section .box .right-box button.slide-arrow:hover { border-color: var(--body_color); }
.top-spot-slider-section .box .right-box button.slide-prev {right: 50px;}
.top-spot-slider-section .box .right-box button.slide-next {transform:scale(-1) translate(0, -1px); }


.card-box picture img {width: 100%; height: 100%; object-fit: cover; }
.card-box img, 
.card-box a.img-wrap { object-fit: cover; display: inline-block; }
.card-box a.img-wrap, .card-box.video iframe{ border-radius: 10px; overflow: hidden;width: 100%; }
.card-box a.img-wrap img { transition: transform 0.5s ease-in-out; }
.card-box a.img-wrap:hover img {transform: scale(1.1); }

.card-box + .card-box {margin-top: 40px; }
.card-box .rounded-tag {margin-top: 22px; }
.card-box h4, .card-box h3.h4 {margin-top: 12px; margin-bottom: 0; }
.card-box h3 a, .card-box h3.h4 a, .card-box h4 a, .content-box h3.h4 a, .content-box h3.h5 a  {color: var(--body_color);text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: inline; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background-image: linear-gradient( to right, var(--body_color) 0 0  ); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 1px; transition: background-size .25s ease-in-out; }
.card-box h3 a:hover, .card-box h3.h4 a:hover, .card-box h3.h4 a:focus, .card-box h4 a:hover, .content-box h3.h4 a:hover, .content-box h3.h4 a:focus, .content-box h3.h5 a:hover, .content-box h3.h5 a:focus  { background-size: 100% 1px; }

.two-col70-50{padding: 40px 0 80px 0;}
.two-col70-50 h2 { margin-left: -36px; position: relative; margin-bottom: -20px; z-index: 2;} 
/*.two-col70-50 .switchitem h2  { margin: 0; font-size: 26px; padding-bottom: 20px; letter-spacing:0; line-height: 1.4em; font-family: var(--body_font); font-weight: 500;  }*/
.two-col70-50 .switchitem h2 a { color: var(--body_color); }
.two-col70-50 .left-coll { padding-right: 80px; }


.main-post { width: 100%; } 
.main-post .card-box { align-items: flex-start; flex-direction: column; gap: 44px; }
.main-post .card-box > a { width: 100%; height: auto; border-radius: 10px; overflow: hidden; }
.main-post .card-box picture img {aspect-ratio: 16/ 8; }

.main-post .card-box .title {margin-top: 10px; }
.main-post .card-box .button-1 {margin-top: 20px; }
.main-post .card-box .featured-video { width: 100%; padding-bottom: 20px }
.main-post .card-box .featured-video iframe {width: 100%; border-radius: 10px; height: auto; aspect-ratio: 16 / 9; }
.main-post .card-box h3 a {background-size: 100% 0; transition: unset;}
.main-post .card-box h3 a:hover {background-size: 100% 0; transition: unset;}
.other-posts {margin-top: 40px; max-width: 554px; width: 100%; }

.card-right .right-inner{ padding-left: 34px; }
/*.right-cards-wrapper { height: 100%; border: 1px solid red; }*/
/*.hp-slot { padding-left: 34px; }*/
.a-wrapper { margin: 3rem 0 2rem 0; position: relative; padding-bottom: 15px; }
.a-label { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; padding: 0 6px; line-height: 1.6em; }


.card-right .button-1 {text-align: right; margin-top: 20px; }
.recent-posts-list {padding: 36px 40px; background: #fff; border-radius: 10px; } 

.content-box {max-width: 448px; width: 100%; } 
.content-box + .content-box {margin-top: 30px; }
.content-box h3.h4 {margin-top: 10px; }


.talking-points-section .card-wrapper {margin-top: 54px; }


.video-section .recent-posts-list {padding-top: 36px; }
.video-section .recent-posts-list .logo {margin-bottom: 50px; }


.sresultssm { font-size: 18px }
.sresultssm .pill-tags-btn, .archive .pill-tags-btn { padding-left:12px ; margin-left: 12px; font-size: 14px;  }
.search-results .entry-meta .rounded-tag, .archive .entry-meta .rounded-tag { font-size: 0.9em; line-height: 20px; }
.search-results .entry-title, .archive .entry-title { padding-top: 5px;  }
.search-results .entry-title a, .archive .entry-title a { color:var(--body_color); padding-top: 5px; }
.search-results .indresult, .archive .indresult { margin-top:25px; border-top: 1px dashed var(--quaternary_color); padding-top: 20px }

.search-results .entry-title a, .archive .entry-title a {color: var(--body_color);text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: inline; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background-image: linear-gradient( to right, var(--body_color) 0 0  ); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 1px; transition: background-size .25s ease-in-out; }
.search-results .entry-title a:hover, .search-results .entry-title a:focus, .archive .entry-title a:hover, .archive .entry-title a:focus { background-size: 100% 1px; }

.search-thumb{ position: relative; display: block; width: 100%; overflow: hidden; }

.search-thumb img { position: absolute; inset: 0;  width: 100%; height: 100%; object-fit: cover; }
.search-thumb::before{ content: ""; display: block; padding-top: 100%; }

@media (max-width: 767.98px){
  .search-thumb::before{
    padding-top: 56.25%; /* 9/16 = 56.25% */
  }
}

/* If aspect-ratio is supported, use it instead of the fallback */
@supports (aspect-ratio: 1 / 1){
  .search-thumb::before{ display: none; }

  .search-thumb{ aspect-ratio: 1 / 1; } /* default square */

  @media (max-width: 767.98px){
    .search-thumb{ aspect-ratio: 16 / 9; } /* mobile rectangle */
  }
}

/* IMPORTANT: prevent col-md-auto collapsing on md+ */
@media (min-width: 768px){
  .search-thumb{
    width: 150px;  /* pick your desktop thumb width */
  }
}

.single-page .lhc { line-height: 1.4em; font-size: 18px; }

.paginationcont { margin-top:25px; }
.pagination .next, .pagination .prev { display: inline-block !important; visibility: visible !important; opacity: 1 !important; font-size: 1.2em }

.pagination { justify-content: center; gap: 10px; }
.pagination li span, .pagination li a { color: var(--quaternary_color); background: none; font-size: 18px; font-weight: 400; border: none; }
.pagination li span:hover, .pagination li a:hover { color: var(--primary_color); }
.pagination li.active span { color: #fff; font-weight: 700; background-color: var(--primary_color); }
/*div.pagination { padding-top: 70px; padding-bottom: 100px; }*/
.pagination li a.next.page-link, .pagination li a.prev.page-link { display: none; }
.pagination li a:focus, .pagination li a:focus-visible { box-shadow: none; outline: none; border: 0; }




/* Single Post Page */
#single-wrapper .col-md {max-width: 796px; }
#single-wrapper .content-area { padding-right: 2.5rem;}
nav.breadcrumb { font-size: 16px; }
nav.breadcrumb a { color: var(--body_color); overflow: hidden; text-overflow: ellipsis; display: inline; background-image: linear-gradient(to right, var(--body_color) 0 0); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 1px; transition: background-size .25s ease-in-out; }
nav.breadcrumb a:hover, nav.breadcrumb a:focus { background-size: 100% 1px; }
nav.breadcrumb .breadcrumb_last { color: var(--quaternary_color); }

#single-wrapper article .posted-on { color: var(--quaternary_color); }
.post-comments { color: var(--quaternary_color); font-size: 16px; font-weight: 500; line-height: 24px; padding: 5px 10px; text-transform: uppercase; }
.post-share span, .post-tags span { color: var(--quaternary_color); font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; }
.post-share { gap: 8px; }
.post-share a { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; border-radius: 4px; color: #fff; }
.hp-icon { width: 1em; height: 1em; display: inline-block; fill: currentColor; vertical-align: -0.125em; }
.post-share a .hp-icon { width: 18px; height: 18px; fill: currentColor; vertical-align: 0; }
.post-share a.btn-fb { background: #3b5998; }
.post-share a.btn-in { background: var(--brillient-blue); }
.post-share a:not(.btn-fb):not(.btn-in) { background: #000; }
.post-share a:hover,
.post-share a:focus {
	background: var(--primary_color);
	color: #fff;
}
.post-tags a { font-weight: 500; color: var(--body_color); text-decoration: none; padding: 5px 15px; background-color: #DEE1EA; border-radius: 20px; position: relative; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; margin-right: 5px; }
.post-tags a:hover { background: var(--body_color); color: #fff; }

#single-wrapper article .abh_box {padding: 40px 0 !important; }
#single-wrapper article .abh_box .abh_tab_content { padding: 30px !important; border: none !important; border-radius: 0 0 10px 10px !important; }
#single-wrapper article .abh_box .abh_tab_content .abh_image {border-radius: 50%; overflow: hidden; }
#single-wrapper article .abh_box .abh_tab_content .abh_name a, #single-wrapper article .abh_box .abh_tab_content .abh_name {font-weight: 400 !important; color: var(--body_color) !important;}
#single-wrapper article .abh_box .abh_tab_content .abh_description {color: var(--quaternary_color); }
#single-wrapper article .abh_box .abh_tab_content .abh_description ul{ margin: 0 !important; }

#single-wrapper article .abh_box li.abh_about:before, #single-wrapper article .abh_box li.abh_about:after {display: none; }
#single-wrapper article .abh_box ul.abh_tabs { border: none !important; }
#single-wrapper article .abh_box ul.abh_tabs a { font-size: 14px; line-height: 20px !important; border-radius: 10px 10px 0 0 !important; font-weight: 500 !important; font-family: var(--body_font); border: none !important; padding: 10px 20px !important; min-width: 134px; display: inline-block; text-align: center; background-color: #f2f3f6 !important; } 
#single-wrapper article .abh_box ul.abh_tabs .abh_active a { background-color: #ffffff !important; }
#single-wrapper article .abh_box ul.abh_tabs li { display: inline-block !important; }
#single-wrapper article .abh_box .abh_tab_content .abh_description ul li a {font-size: 14px; line-height: 20px; } 
#single-wrapper article .abh_box .abh_tab_content .abh_description ul li a:hover {text-decoration: underline !important;}

#comments #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] {background: var(--brillient-blue); padding-top: 6px !important; }
#comments #wpdcom .wc-field-submit input[type="submit"] {background: var(--brillient-blue); }
#comments #wpdcom .wpd_label__check i.wpdicon-on {color: var(--brillient-blue);border-color: var(--brillient-blue);}
#comments #wpdcom .wpd-thread-head .wpd-thread-info {color: var(--quaternary_color); border-bottom-color: var(--primary_color); }
#comments #wpdcom .wpd-thread-head .wpdiscuz-user-settings {color: var(--primary_color); border-bottom-color: var(--primary_color); }
#comments #wpdcom .wpd-thread-filter .wpdf-reacted {color: var(--primary_color); border-bottom-color: var(--primary_color); }
#comments #wpdcom .wpd-thread-filter .wpdf-hottest {color: var(--primary_color); border-bottom-color: var(--primary_color); }
#comments #wpdcom .wpd-thread-filter .wpdf-sorting {color: var(--quaternary_color); font-weight: 500; font-family: var(--body_font); }
#comments #wpdcom .wpd-comment .wpd-comment-right {padding-bottom: 30px;}
#comments #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img {border-color: var(--quaternary_color); }
#comments #wpdcom .wpd-blog-administrator .wpd-comment-label {background: var(--brillient-blue); }
#comments #wpdcom .wpd-blog-administrator .wpd-comment-author, #comments #wpdcom .wpd-blog-administrator .wpd-comment-author a {color: var(--brillient-blue); }
#comments #wpdcom .wpd-comment-text p {color: var(--body_color); }

#single-wrapper article h2, #single-wrapper article h3, #single-wrapper article h4, #single-wrapper article h5 {margin-top: 20px;}
#single-wrapper article h2{ font-family: var(--body_font); font-size: 44px; line-height: 1.4em; font-weight: 500;  margin-left:0px; margin-bottom: 20px;  }
#single-wrapper article iframe { width: 100%; border-radius: 10px; height: auto; aspect-ratio: 16 / 9; }
#single-wrapper article picture{ margin-top: 40px; display: inline-block; width: 100%; }
#single-wrapper article picture img {width: 100%; border-radius: 10px; }
#single-wrapper article .entry-content {margin-top: 40px; }
#single-wrapper article .entry-content a, #single-wrapper article .entry-content p {font-size: 16px; line-height: 24px; }
#single-wrapper article .entry-content a { text-decoration: none; color: var(--brillient-blue); }
#single-wrapper article .entry-content a:hover { text-decoration: underline; }

.single-post .featured-image-wrapper { position:relative; margin-bottom: 25px;  }
.single-post figcaption.imgcredit { position:absolute; bottom:10px; right:10px; display:inline-block; padding:5px 10px;   }
.single-post figcaption .bhu { position:absolute;  top:0; left:0; width:100%; height:100%;  background: rgba(255,255,255,0.8); z-index:1;  border-radius: 3px;  }
.single-post figcaption .toplyer { z-index:2; display:block; color: var(--primary_color); text-transform: uppercase;  position:relative; font-size: 12px; line-height: 1em; padding: 3px 0;  font-weight: 600 }
.single-post figcaption .toplyer a { color: #43527B; text-decoration: underline; transition: color 0.25s ease, text-decoration-color 0.25s ease, opacity 0.25s ease; }
.single-post figcaption .toplyer a:hover, .single-post figcaption .bhu a:focus {  color: #2f3a58; text-decoration-color: transparent; }


.entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--body_font); font-weight: 500; padding: 20px 0 15px; letter-spacing:0; line-height: 1.3em; margin: 0;   }
.entry-content h2 { font-size: 32px; }
.entry-content h3 { font-size: 28px; }
.entry-content h4 { font-size: 24px; }
.entry-content ol, .post .entry-content ul { padding-top: 20px;  }
.post .entry-content ol ol, .post .entry-content ol ul, .post .entry-content ul ol, .post .entry-content ul ul { padding-top: 5px; }
.entry-content ol li, .entry-content ul li { padding-bottom: 5px; } 

.more-posts h2 { margin-left: 0; line-height: 1em; padding-bottom:0.4em; }

.entry-content > p:first-of-type { font-size: 24px; line-height: 1.4em; }
.entry-content #ez-toc-container p:first-of-type { font-size: inherit; }
.entry-content  a{ color: var(--brillient-blue);text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: inline; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background-image: linear-gradient(to right, var(--brillient-blue) 0 0); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0% 1px; transition: background-size .25s ease-in-out; }
.entry-content #ez-toc-container a.ez-toc-link { color: var(--tertiary_color);  background-image: linear-gradient(to right, var(--tertiary_color) 0 0);  }
.entry-content #ez-toc-container a:hover, .entry-content #ez-toc-container a:focus { text-decoration: none; }
.entry-content  a:hover, .entry-content  a:focus { background-size: 100% 1px; }
.entry-content.mark-links a { background-image: none; }
.entry-content .button-1 a {  display: inline-flex; }
#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label  { left:0; }

.wpcf7-form-control-wrap  { width:100%; }
.wpcf7-form-control { width:90%; }
.wpcf7 { padding-left:0; padding-right:0; width:100%; max-width: 100%; }
.wpcf7 input.pill-tags-btn { font-weight: 500; color: var(--body_color); text-decoration: none; padding: 2px 12px 2px 20px; border: 1px solid var(--body_color); border-radius: 20px; position: relative; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; background: transparent; cursor: pointer; }
.wpcf7 input.pill-tags-btn:hover { color: #fff; background: var(--body_color); border: 1px solid var(--body_color); }

.fbcontainer {  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal; margin-bottom:30px; font-size: 16px; }
.switchitem  { flex: 0 0 auto; align-self: auto; position:relative; width:50%; padding:20px; background-size: cover; background-repeat:none; background-position:center center; box-sizing:border-box; }
.imitme a { position:absolute; width:100%; height:100%; left:0; top:0;  }
.fbcontainer h2 { font-size:28px; margin-top: 0; padding-top:0;   }


h2.video-title-h { position: relative; z-index: 200; }
.youtube-player { position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; border-radius: 16px;  }
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent; border-radius: inherit; }
.youtube-player > div { position: absolute; inset: 0; z-index: 2; }
.youtube-player img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: none; cursor: pointer; transition: 0.4s all; }
.youtube-player img:hover { filter: brightness(75%); }
.youtube-player .play { height: 120px; width: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; }
.youtube-player .play svg { width: 100%; height: 100%; color: rgba(255, 255, 255, 0.8); }

.copy-wrap { position: relative; }
.copy-btn { position: absolute; bottom: -35px; right: 10px; z-index: 2; }
pre { overflow-x: auto; }

footer.footer{  padding: 80px 0 92px; }
footer.footer h2 {padding: 0 10px; font-size: 14.4vw; width: 100%; line-height: 0.4; color: rgb(from var(--quaternary_color) r g b / 34%); }
footer.footer .footer-inner {max-width: 1380px; width: 100%; margin: 0 auto; background: #fff; border-radius: 10px; overflow: hidden; position: relative; }
footer.footer .footer-box{ padding: 50px 62px 0; } 
footer.footer h3 {font-size: 50px; font-weight: 400; font-family: var(--heading_font); line-height: 1; color: var(--quaternary_color); } 
footer.footer .ftop-row {margin-top: 34px; display: flex; justify-content: space-between; gap: 20px;  } 
footer.footer .footer-top {display: flex; justify-content: space-between; gap: 20px; padding-bottom: 60px; max-width: 1163px; width: 100%; } 
footer.footer .footer-top .left {max-width: 662px; width: 100%; }
footer.footer .ftop-row .left { display: flex; }
footer.footer .ftop-row .left .fcol { flex: 1; }
footer.footer .ftop-row ul li + li {margin-top: 24px; }
footer.footer .footer-top ul {list-style: none; padding: 0; margin: 0; }
footer.footer .ftop-row ul li a {font-size: 16px; line-height: 1; letter-spacing: -0.3px; }
footer.footer .ftop-row ul li a:hover{ text-decoration: underline; }
footer.footer .footer-top .right {max-width: 294px; width: 100%; }
footer.footer .footer-top .right .fcol {width: 138px; }

footer.footer h4 {font-size: 32px; font-family: var(--heading_font); line-height: 1; color: var(--quaternary_color); margin: 0; }
footer.footer .footer-center {display: flex; justify-content: space-between; gap: 20px; max-width: 1258px; margin: 0 auto; border-top: 1px solid #D9D9D9; padding: 30px 0; align-items: center; flex-wrap: wrap; }
footer.footer .footer-center .left {display: flex; align-items: center; flex-wrap: wrap; gap: 26px; }
footer.footer .footer-center .logos {display: flex; align-items: center; gap: 14px; }

footer.footer .footer-bottom {background: var(--primary_color); color: #fff; padding: 4px; }

#customForm > div { margin-left: 0 !important; }

.list-group-item.active { background-color: var(--primary_color); border-color: var(--primary_color); }

@media (min-width: 769px){
  header.header nav#main-nav li.astm-search-menu { display: none; }
  header.header nav#main-nav a.navbar-brand { display: none; }
}

@media (min-width: 768px){
  
  header.header nav ul#main-menu > li  > a { padding: 0; font-size: 18px; line-height: 1.5; }
  .card-box img { width: 100%; height: 100%; flex-shrink: 0; }

}

@media (min-width: 992px){
  header.header nav#main-nav .container a.navbar-brand {display: none; }
  .top-spot-slider-section .box > a { height: 554px; }
  .stickysidebar .right-cards-wrapper > aside{
    position: sticky;
    top: 50px;
  }

  /* JS-enhanced segmented mode */
  .stickysidebar .hp-slot{
    position: relative;
    display: block;
    /* optional minimum slot height: */
    min-height: 270px; 
  }

  .stickysidebar .hp-step{
    position: sticky;
    top: 50px;
  }
    
}



@media (max-width: 1510px){
  .lifestyle-medicine-section h2{ margin-left: 0; }
  .talking-points-section h2{ margin-left: 0; }
  .video-section h2 { margin-left: 0; } 
}

@media (max-width: 1399px){
  .top-spot-slider-section .box .right-box {max-width: 500px; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li:first-child.mega-menu-item{ left: -6%; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link { margin-left: 60px;}
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link:before { left: -30px; }

}
@media (max-width: 1199px){
  h1, .h1 {font-size: 40px; line-height: 48px; } 
  h2, .h2 {font-size: 70px; }
  h3, .h3 {font-size: 32px; line-height: 44px; }
  h4, .h4 {font-size: 22px; line-height: 28px; }

  header.header nav ul#main-menu > li + li {margin-left: 66px; }
  header.header nav ul#main-menu > li + li:before {left: -33px; }

  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link {margin-left: 20px; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link:before {left: -12px; }
  
  .top-spot-slider-section {padding: 60px 0; } 
  .top-spot-slider-section .box .right-box {max-width: 420px; padding: 45px 30px 30px; }
  .top-spot-slider-section .box .right-box button.slide-prev{ right: 70px; }
  .top-spot-slider-section .box .right-box button.slide-next{ right: 40px; }

  .two-col70-50 {padding: 50px 0; } 

  .lifestyle-medicine-section .left {max-width: 540px; }
  .recent-posts-list {padding: 44px 20px; }
  .video-section .row-left {max-width: 540px; }

  #single-wrapper .widget-area {max-width: 400px; }
  #single-wrapper article h2 {font-size: 36px; }
    
  footer.footer .footer-top { flex-direction: column; gap: 40px; }
  footer.footer .footer-top .left { max-width: 100%; }
  footer.footer .footer-top .right { max-width: 100%; }
  footer.footer .ftop-row { justify-content: flex-start; }

}

@media (max-width: 1100px){
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li:first-child.mega-menu-item { display: none; }
}


@media (max-width: 991px){
      h1, .h1 {font-size: 30px; line-height: 38px; }
      h2, .h2 {font-size: 50px; }
      h3, .h3 {font-size: 28px; line-height: 40px; }
      h4, .h4 {font-size: 20px; line-height: 28px; }
    h3.verticle-text {writing-mode:horizontal-tb; position: unset; padding: 10px 20px; padding-left: 5px; }


  header.header nav ul#main-menu > li + li {margin-left: 24px; }
  header.header nav ul#main-menu > li > a {font-size: 16px; }
  header.header nav ul#main-menu > li + li:before {left: -12px; height: 30px; top: -3px; }
  

header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link {margin: 0; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link:before {display: none; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 14px; }
header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item li a.mega-menu-link {font-size: 14px; line-height: 1; }


  .top-spot-slider-section {padding: 45px 0; } 

  .top-spot-slider-section .box {height: 470px; }
  .top-spot-slider-section .box .right-box {max-width: 100%; }
  .top-spot-slider-section .box .right-box .pill-tags{ padding-right: 0; }
  .top-spot-slider-section .box .right-box button.slide-arrow {top: 14px; }
  .top-spot-slider-section .box .right-box button.slide-prev {right: 55px; } 
  .top-spot-slider-section .box .right-box button.slide-next {right: 20px; } 

  .two-col70-50 {padding: 40px 0; } 
  .two-col70-50 .left-coll {padding-right: 10px; }
  .lifestyle-medicine-section .left {max-width: 100%; }
  .card-right {max-width: 100%; }
  .card-right .right-inner { padding-left: 0; }
  .other-posts {max-width: 100%; }

  .talking-points-section .inner {max-width: 100%; }
  .video-section .row-left {max-width: 100%; }
  .content-box {max-width: 100%; }

  #single-wrapper .widget-area {max-width: 100%; }
}
@media (max-width: 768px){
  header.header .logo { display: none; } 
  header.header .top-bar{ display: none; }
  header.header nav#main-nav { margin-top: 0; padding: 20px 0; } 
  header.header nav#main-nav .container { justify-content: flex-start; max-width: 100%; }
  header.header nav#main-nav a.navbar-brand { max-width: 320px; position: relative; z-index: 2; }
  header.header .menu-wrapper {margin-top: 0; }
  header.header nav#main-nav #mega-menu-wrap-primary{ width: 100%; }
  header.header nav#main-nav #mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.astm-search-menu {display: block !important; } 
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 20px; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item li a.mega-menu-link {font-size: 18px; }
  
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.astm-search-menu form{ margin-top: 10px; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.astm-search-menu form input { color: #fff; border-color: #5F6C8F !important;background: #5F6C8F;}
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.astm-search-menu form input::placeholder { color: #fff; }
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.astm-search-menu form button.is-search-submit span { background: #5F6C8F; border-color: #5F6C8F; } 
  header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.astm-search-menu form button.is-search-submit span svg path {fill: #fff; }

  h3.verticle-text {writing-mode:horizontal-tb; position: unset; padding: 10px 20px; padding-left: 0; }
}

@media (max-width: 767px){
  h3, .h3 { font-size: 24px; line-height: 32px; } 

  

  header.header .top-bar .inner { flex-direction: column-reverse; gap: 10px; }
  header.header .top-bar .right .links .item .search-box {width: 250px; } 

  
  
  header.header nav#main-nav .navbar-toggler { border-color: #fff; }
  header.header .menu-wrapper {margin-top: 0; }
  header.header nav .navbar-collapse { border-radius: 10px; border: 1px solid #fff; margin-top: 10px; }
  header.header nav ul#main-menu > li + li { margin: 0; }
  header.header nav ul#main-menu > li + li:before { display: none; }
  header.header nav ul#main-menu > li > a {padding: 8px 15px; }
  header.header nav ul#main-menu  ul.dropdown-menu { background: transparent; border: none; padding: 0 0 20px 10px; margin: 0; }
  header.header nav ul#main-menu ul.dropdown-menu li a {color: #fff; }


  header.header .fullscreen-search-popup .input-group input.search-submit {min-width: 100px; }
  header.header .fullscreen-search-popup .input-group input[type="search"] {font-size: 14px; line-height: 1; }

  
  .top-spot-slider-section .box{ height: auto; gap: 24px; }
  .top-spot-slider-section .box a.img-anchor {height: auto; aspect-ratio: 16/11; }
  .top-spot-slider-section .box .right-box .bottom-content {margin-top: 30px; } 
  .top-spot-slider-section .button-1 {margin-top: 20px; }

  .lifestyle-medicine-section{ padding: 35px 0; }


  .talking-points-section { padding: 35px 0; }
  .talking-points-section .inner {max-width: unset; }
  .talking-points-section .card-wrapper {margin-top: 32px; } 

  .other-posts{ margin-top: 40px; }
  .card-box {flex-direction: column; align-items: flex-start; gap: 30px; }
  .card-box a.img-wrap img {width: 100%; }
  .card-box a.img-wrap picture img, .card-box a.img-wrap img {aspect-ratio: 16/9; }
  .card-box picture {height: auto; width: 100%; }

  .main-post .card-box {gap: 30px; }

  .two-col70-50 .left-coll{ padding-right: 0; }
  .two-col70-50 .card-right{ margin-top: 50px; }
  .two-col70-50 { align-items: flex-start; }
  .video-section {padding: 35px 0; }

  #single-wrapper article h2 {font-size: 28px; }
  #single-wrapper .content-area { padding-right: 0 !important;}
  

  footer.footer {padding: 50px 0 40px; }
  footer.footer .footer-box {padding: 40px 20px 0; }
  footer.footer h3 {font-size: 40px; }
  footer.footer .ftop-row {flex-direction: column; gap: 40px; }
  footer.footer .footer-center {justify-content: space-evenly; }
  footer.footer .footer-top {padding-bottom: 30px;}
	
	header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary {  text-align: left;  }
	header.header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{display:block;}
	header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-mb-facebook-menu, 
	header.header nav#main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-mb-linkedin-menu{display:inline-block; vertical-align:middle; margin:10px 10px 10px 0;}
}

@media (max-width: 575px){
  header.header nav#main-nav a.navbar-brand { max-width: 260px; }
}

.fullscreen-search-popup {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.95);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease forwards;
}

.fullscreen-search-popup.active {
    display: flex;
}

.fsp-content {
    width: 90%;
    max-width: 700px;
    position: relative;
}

.fsp-close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.fsp-inner {
    width: 100%;
}

.fullscreen-search-popup input[type="search"],
.fullscreen-search-popup input[type="text"] {
    width: 100%;
    padding: 20px;
    font-size: 22px;
    border-radius: 8px;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.mb-facebook-menu a, .mb-linkedin-menu a { background: #5F6C8F !important; border-radius: 50% !important; width: 40px !important; text-align: center !important; }
.is-form-style input.is-search-input { font-size: 16px !important; }