/*
 Theme Name:   Sumobaby Child
 Description:  Custom theme built on Understrap
 Author:       Sumobaby
 Author URI:   https://www.sumobaby.net
 Template:     understrap
 Version:      1.0.1
*/



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

@media (min-width: 1464px) {
  .container {
    max-width: 1444px;
  }
}

a, a:hover, a:focus { text-decoration: none; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--body_font); font-weight: 500; }
h1, .h1 { font-size: 48px; line-height: 60px;  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: 52px; letter-spacing: -0.8px; }
h4, .h4 { font-size: 24px; line-height: 32px; letter-spacing: -0.5px; }
h5, .h5 { font-size: 20px; 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: 14px; line-height:24px; background: #EDEEF2; } 


/*#wpadminbar{  display: none; }*/


.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; } .pill-tags {display: flex; flex-wrap: wrap; gap: 10px; }
.pill-tags a {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; }
.pill-tags a:before {position: absolute; content: ''; width: 3px; height: 3px; background: var(--body_color); top: 13px; left: 10px; border-radius: 50%; }
h3.verticle-text {writing-mode: sideways-lr; margin: 0; font-size: 24px; line-height: 1; color: var(--quaternary_color); position: absolute; left: 5px; letter-spacing: 0; }

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

.button-1 a span.text {font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; padding: 14px 30px; 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; }
.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; }
.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: ''; width: 20px; height: 20px; transition: .2s; 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; top: 15px; left: 15px; }
.button-1 a:hover span.icon:after {top: 12px; left: 16px; } 

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: .2s; }
header.header .top-bar .social-medias .item a:hover {background: var(--tertiary_color); }


header.header .top-bar .right .links {display: flex; align-items: center; gap: 24px; }
header.header .top-bar .right .links .item a {color: #fff; font-weight: 500; }
header.header .top-bar .right .links .item {position: relative; }
header.header .top-bar .right .links .item .search-box {position: absolute; right: 0; top: 30px; width: 300px; display: none; }
header.header .top-bar .right .links .item picture {cursor: pointer;}
header.header .top-bar .right .links .item .search-box input[type="search"] {width: 100%;padding: 10px;}
header.header .top-bar .right .links .item .search-box button {background: transparent; border: none; filter: brightness(0) saturate(100%) invert(15%) sepia(6%) saturate(3203%) hue-rotate(172deg) brightness(92%) contrast(85%); position: absolute; top: 9px; right: 10px; }

header.header input[type="search"]::-webkit-search-cancel-button,
header.header input[type="search"]::-webkit-search-decoration,
header.header input[type="search"]::-webkit-search-results-button,
header.header input[type="search"]::-webkit-search-results-decoration {display: none; -webkit-appearance: none; } 

header.header nav#main-nav {background: var(--primary_color) !important; padding: 0 0 36px; }
header.header nav ul#main-menu {max-width: 1034px; width: 100%; margin: 0 auto; justify-content: center; }
header.header nav ul#main-menu > li + li {margin-left: 112px;  position: relative; } 
header.header nav ul#main-menu > li + li:before {position: absolute; content: ''; width: 1px; height: 39px; background: #EDEEF233; left: -56px; top: -7px; } 
header.header nav ul#main-menu > li  > a { padding: 0; font-size: 18px; line-height: 1.5; color: #fff; }
header.header nav ul#main-menu > li > a:after { border: none;   background: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353516 0.353546L3.35352 3.35355L6.35352 0.353546' stroke='white'/%3E%3C/svg%3E%0A") no-repeat center; width: 6px; height: 3px; }



.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 { display: flex; justify-content: space-between; gap: 12px; }
.top-spot-slider-section .box picture {max-width: 826px; width: 100%; height: 661px; } 
.top-spot-slider-section .box picture img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.top-spot-slider-section .box .right-box {max-width: 577px; width: 100%; flex-shrink: 0; background: #fff; border-radius: 10px; padding: 45px 52px 52px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.top-spot-slider-section .box .right-box .pill-tags{ padding-right: 80px; }
.top-spot-slider-section  h1 a {text-decoration: none; color: var(--body_color); }
.top-spot-slider-section .button-1 {margin-top: 34px;}    
.top-spot-slider-section button.slick-arrow {filter: brightness(0) saturate(100%) invert(15%) sepia(6%) saturate(3203%) hue-rotate(172deg) brightness(92%) contrast(85%); }
.top-spot-slider-section button.slick-arrow {z-index: 1000; }
.top-spot-slider-section button.slick-arrow:before { background: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5293 5.47096L0.706171 5.47062M0.706171 5.47062L5.82325 0.353546M0.706171 5.47062L5.82325 10.5877' stroke='%23283442'/%3E%3C/svg%3E%0A"); opacity: 1; font-size: 0; width: 15px; height: 10px; display: inline-block; }
.top-spot-slider-section button.slick-prev{top: 60px; right: 90px; left: unset; }
.top-spot-slider-section button.slick-next{top: 60px; right: 60px; }
.top-spot-slider-section button.slick-next:before{ transform: scaleX(-1); }

.card-box {display: flex; gap: 26px; align-items: flex-end; }
.card-box picture { width: 284px; height: 166px; flex-shrink: 0; }
.card-box picture img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.card-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.card-box + .card-box {margin-top: 40px; }
.card-box.video picture {position: relative; } 
.card-box.video picture:before {position: absolute; content: ''; width: 38px; height: 38px; background: url("data:image/svg+xml,%3Csvg width='27' height='30' viewBox='0 0 27 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5 13.2611C26.8333 14.0309 26.8333 15.9554 25.5 16.7252L3 29.7156C1.66667 30.4854 -1.46564e-06 29.5231 -1.39834e-06 27.9835L-2.62689e-07 2.00278C-1.95391e-07 0.463183 1.66667 -0.49907 3 0.270731L25.5 13.2611Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.card-box .rounded-tag {margin-top: 32px; }
.card-box h4 {margin-top: 12px; margin-bottom: 0; }
.card-box h3 a, .card-box h4 a {color: var(--body_color);text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.card-box h3 a:hover, .card-box h4 a:hover{ text-decoration: underline; }


.life-style-medicine-section{ padding: 80px 0; }
.life-style-medicine-section h2 {position: relative; margin-bottom: -20px; } 
.main-post { width: 100%; } 
.main-post .card-box { align-items: flex-start; flex-direction: column; gap: 44px; }
.main-post .card-box picture {width: 100%; height: unset; } 
.main-post .card-box picture img {aspect-ratio: 16/ 8; }
.talking-points-section {padding: 80px 0; }

.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%; }
.main-post .card-box .featured-video iframe {width: 100%; border-radius: 10px; height: auto; aspect-ratio: 16 / 9; }
.other-posts {margin-top: 60px; max-width: 554px; width: 100%; }

.life-style-medicine-section .inner {display: flex; justify-content: space-between; grid-gap: 20px; } 
.life-style-medicine-section h2{ margin-left: -36px; }
.life-style-medicine-section .left {max-width: 700px; width: 100%; flex-shrink: 0; }
.life-style-medicine-section .card-right { position: relative; max-width: 614px; width: 100%; }
.life-style-medicine-section .card-right .right-inner{ position: sticky; top: 50px; padding-left: 34px; }
.life-style-medicine-section .card-right .button-1 {text-align: right; margin-top: 20px; }
.recent-posts-list {padding: 44px 48px; 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; }
.content-box h3.h4 a { color: var(--body_color); 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; line-height: 1.2em; }
.content-box h3.h4 a:hover, .content-box h3.h4 a:focus { background-size: 100% 1px; }

.talking-points-section h2 { margin-left: -36px; } 
.talking-points-section .inner {max-width: 626px; width: 100%; }
.talking-points-section .card-wrapper {margin-top: 54px; }


.video-section {padding: 80px 0; } 
.video-section h2 { margin-left: -36px; margin-bottom: -20px; position: relative; } 
.video-section .inner{ display: flex; justify-content: space-between; grid-gap: 20px; } 
.video-section .row-left{ max-width: 700px; width: 100%; flex-shrink: 0; }
.video-section .main-post .right {max-width: 627px; }

.video-section .card-right {position: relative; max-width: 614px; width: 100%; }
.video-section .card-right .right-inner { position: sticky; top: 50px; padding-left: 34px; } 
.video-section .recent-posts-list {padding-top: 36px; }
.video-section .recent-posts-list .logo {margin-bottom: 50px; }
.video-section .card-right .button-1 {margin-top: 20px; }


#single-wrapper .col-md {max-width: 796px; }
#single-wrapper .row { gap: 20px; justify-content: space-between; }
#single-wrapper article .entry-meta a {color: #0072B1; }
#single-wrapper article .entry-meta a:hover {text-decoration: none; }
#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.2; font-weight: 500; }
#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: #0072B1; }
#single-wrapper article .entry-content a:hover {text-decoration: underline;}
#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; } 
#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: #0072B1; padding-top: 6px !important; } #comments #wpdcom .wc-field-submit input[type="submit"] {background: #0072B1; }
#comments #wpdcom .wpd_label__check i.wpdicon-on {color: #0072B1;border-color: #0072B1;}
#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: #0072B1; }
#comments #wpdcom .wpd-blog-administrator .wpd-comment-author, #comments #wpdcom .wpd-blog-administrator .wpd-comment-author a {color: #0072B1; }
#comments #wpdcom .wpd-comment-text p {color: var(--body_color); }

#single-wrapper .widget-area {max-width: 500px; width: 100%; padding-left: 34px; }
#single-wrapper .widget-area .right-cards-wrapper {position: sticky; top: 40px; } 
#single-wrapper .widget-area aside#block-2 { background: #fff; border-radius: 10px; padding: 45px 40px; }
#single-wrapper .widget-area aside { position: relative;  }
#single-wrapper .widget-area .wp-block-group { background: #fff; border-radius: 10px; padding: 45px 40px; }
#single-wrapper .widget-area aside + aside {margin-top: 40px; }
#single-wrapper .widget-area aside#block-2 form label {margin-bottom: 10px; }
#single-wrapper .widget-area aside#block-2 form button.wp-block-search__button {background: var(--primary_color); border-radius: 20px; } 
#single-wrapper .widget-area aside#block-2 form button.wp-block-search__button:hover {background: var(--tertiary_color); } 
#single-wrapper .widget-area aside h2 {writing-mode: sideways-lr; margin: 0; top: 5px; letter-spacing: 0; font-size: 24px; line-height: 1; color: var(--quaternary_color); position: absolute; left: -30px; font-family: var(--body_font); }
#single-wrapper .widget-area aside ul { margin: 0; }
#single-wrapper .widget-area aside ul li a { color: #0072B1; }
#single-wrapper .widget-area aside ul li + li {margin-top: 8px; } 
#single-wrapper .widget-area aside ul li a:hover {text-decoration: none; } 
#single-wrapper .widget-area aside ol {margin: 0; padding: 0; }
#single-wrapper .widget-area aside ol li { margin: 0; }
#single-wrapper .widget-area aside ol li + li {margin-top: 8px; } 
#single-wrapper .widget-area aside ol li a { color: #0072B1; }
#single-wrapper .widget-area aside ol li a:hover {text-decoration: none; }
#single-wrapper article  footer.entry-footer {display: flex; flex-direction: column; }
#single-wrapper article footer.entry-footer a { color: #0072B1; }
#single-wrapper article footer.entry-footer a:hover {text-decoration: none; }
#single-wrapper .navigation .nav-links {gap: 20px }
 #single-wrapper .navigation {padding: 0; }
#single-wrapper .navigation .nav-links span {background: #fff; padding: 15px; border-radius: 10px; flex: 1; }
#single-wrapper .navigation {margin-top: 30px; }
#single-wrapper .navigation .nav-links span a {color: #0072B1; position: relative; display: inline-block; }
#single-wrapper .navigation .nav-links span a i {position: absolute; top: 50%; transform: translateY(-50%); }
#single-wrapper .navigation .nav-links span.nav-previous a { padding-left: 20px; }
#single-wrapper .navigation .nav-links span.nav-previous a i{ left: 0; }
#single-wrapper .navigation .nav-links span.nav-next a { padding-right: 20px; }
#single-wrapper .navigation .nav-links span.nav-next a i{ right: 0; }
/*Footer css*/
footer.footer{  padding: 100px 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 .fcol {width: 184px; } footer.footer .ftop-row ul li + li {margin-top: 24px; }
footer.footer .ftop-row .left .fcol:nth-child(2), footer.footer .ftop-row .fcol:nth-child(3) {width: 150px; } 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; }

@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: 284px; height: 166px; flex-shrink: 0; }

}

@media (min-width: 992px){
  header.header nav#main-nav .container a.navbar-brand {display: none; } 
}

@media (max-width: 1510px){
  .life-style-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; }
}
@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; }

  .top-spot-slider-section .box .right-box {max-width: 420px; padding: 45px 30px 30px; }

  .life-style-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: 991px){
  h2, .h2 {font-size: 50px; }


  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; }
  
  .top-spot-slider-section .box {flex-direction: column; }
  .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 button.slick-prev {bottom: -50px; top: unset; right: unset; left: calc(50% - 15px); }
  .top-spot-slider-section button.slick-next {bottom: -50px; top: unset; right: unset; left: calc(50% + 15px); }

  .life-style-medicine-section .inner {flex-direction: column; gap: 50px; }
  .life-style-medicine-section .left {max-width: 100%; }
  .life-style-medicine-section .card-right {max-width: 100%; }
  .life-style-medicine-section .card-right .right-inner {position: static; }
  .other-posts {max-width: 100%; }

  .talking-points-section .inner {max-width: 100%; }
  .video-section .inner {flex-direction: column; }
  .video-section .row-left {max-\width: 100%; }
  .video-section .card-right {max-width: 100%; } 
  .video-section .card-right .right-inner {position: static; }
  .content-box {max-width: 100%; }

  #single-wrapper .widget-area {max-width: 100%; }
}
@media (max-width: 767px){
  h1, .h1 {font-size: 32px; line-height: 38px; }
  h3, .h3 { font-size: 24px; line-height: 32px; } 
  h4, .h4 {font-size: 20px; line-height: 28px; }

  header.header .logo {display: none; } 

  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 {padding-bottom: 20px; }
  header.header nav#main-nav .container { justify-content: space-between; }
  header.header nav#main-nav a.navbar-brand {max-width: 230px; }
  header.header nav#main-nav .navbar-toggler { border-color: #fff; }
  header.header .menu-wrapper {margin-top: 10px; }
  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; }


  
  .top-spot-slider-section {padding: 50px 0; }
  .top-spot-slider-section .box picture {height: auto; }

  .life-style-medicine-section{ padding: 35px 0; }
  .talking-points-section{ padding: 35px 0; }
  .talking-points-section .inner {max-width: 100%; }
  .talking-points-section .card-wrapper {margin-top: 32px; } 

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

  .video-section {padding: 35px 0; }

  
  #single-wrapper .widget-area {padding-left: 46px; }
  #single-wrapper .widget-area .right-cards-wrapper {position: static; }
  #single-wrapper article h2 {font-size: 28px; }
  #single-wrapper .widget-area aside + aside {margin-top: 20px; }
  #single-wrapper .widget-area aside#block-2 {padding: 30px 20px 20px; } 
  #single-wrapper .widget-area .wp-block-group {padding: 30px 20px 20px; }
  #single-wrapper .navigation .nav-links{ flex-direction: column; }

  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;}
}