/* Centralized theme CSS derived from live site's custom.css - for pixel-accurate styling */

/* Fonts */
@font-face {
  font-family: "Myriad Pro Regular";
  src: url("../fonts/Myriad/MyriadPro-Regular.woff2") format("woff2"), url("../fonts/Myriad/MyriadPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad Pro Semibold";
  src: url("../fonts/Myriad/MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/Myriad/MyriadPro-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad Pro Bold";
  src: url("../fonts/Myriad/MyriadPro-Bold.woff2") format("woff2"), url("../fonts/Myriad/MyriadPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html { font-size: 10px; }
body { background: #ffffff; color: #4d4d4d; font-family: "Myriad Pro Regular", system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; overflow-x:hidden; }

:root{ --ep-primary: #005075; --ep-accent: #00b8ce; --ep-muted:#4d4d4d; }

/* Typography helpers */
h1,h2,h3,h4,h5{ font-family: 'Myriad Pro Bold', 'Myriad Pro Semibold', system-ui, -apple-system, 'Segoe UI', Roboto; color: var(--ep-primary); }
.container { max-width: 1170px; margin: 0 auto; padding: 0 1.5rem; }

/* Header */
.bs-header { padding: 1.4rem 0; position:relative; z-index:50; }
.bs-header .container { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; }
.bs-header .logo-wrap { max-width: 13.5rem; flex-shrink:0; }
.bs-header .right-wrap { display:flex; align-items:center; position:relative; min-width:0; }
.bs-header .right-wrap .form-wrap { width:35.88rem; min-width:0; }
.bs-header .right-wrap .form-wrap form { width:100%; }
.bs-header .right-wrap .form-wrap .form-group { display:flex; max-width:32.5rem; align-items:center; width:100%; min-width:0; }
.bs-header .right-wrap .form-wrap .form-control { color:#4d4d4d; padding:0 2rem; outline:none; border:1px solid #005075; border-radius:5px 0 0 5px; height:4.4rem; line-height:4.2rem; width:100%; background:#f4f8f9; min-width:0; flex:1 1 auto; box-sizing:border-box; }
.bs-header .right-wrap .form-wrap .icon { padding:0 1.4rem; background:#f4f8f9; border:1px solid #005075; border-left:none; height:4.4rem; min-width:44px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; cursor:pointer; border-radius:0 5px 5px 0; flex:0 0 auto; box-sizing:border-box; }
.bs-header .right-wrap .action-wrap { margin-left:4rem; flex-shrink:0; }
.bs-header .right-wrap .action-wrap .btn { min-width: 15rem; padding:1rem 1.4rem; text-align:center; font-size:1.8rem; background:#005075; color:#fff; border-radius:5px; font-family: "Myriad Pro Regular"; cursor:pointer; min-height:44px; }
.bs-header .right-wrap .navigation { position:relative; margin-left:3rem; flex-shrink:0; }
.bs-header .right-wrap #toggle { display:none; }
.bs-header .right-wrap .hamburger { height:3rem; display:grid; justify-items:center; align-content:center; z-index:120; cursor:pointer; padding:0.2rem 0; min-width:44px; min-height:44px; }
.bs-header .right-wrap .hamburger div { background-color:#005075; width:2.75rem; height:0.2rem; margin-top:0.7rem; transition:all .2s ease-in-out; }
.bs-header .right-wrap .menu { display:none; position:absolute; top:calc(100% + 1rem); right:0; min-width:20rem; background-color:#00b8ce; margin:0; gap:0.2rem; padding:0.8rem 0; list-style:none; text-align:left; z-index:130; border-radius:0.8rem; box-shadow:0 14px 40px rgba(0,0,0,.16); overflow:visible; }
.bs-header .right-wrap .menu a { padding:1rem 1.6rem; font-size:1.6rem; color:#fff; font-family: "Myriad Pro Semibold"; display:block; white-space:nowrap; }
.bs-header .right-wrap .menu a:hover { background:#005075; }
.bs-header .right-wrap #toggle:checked ~ .menu { display:grid; }
@media only screen and (max-width: 1023px) {
  .bs-header .right-wrap { flex:1 1 auto; justify-content:flex-end; }
  .bs-header .right-wrap .form-wrap { width:auto; flex:1 1 auto; max-width:none; margin-right:1.6rem; }
  .bs-header .right-wrap .form-wrap .form-group { max-width:none; }
  /* Tablet: nav links go back behind the hamburger before they get cramped. */
  .bs-header .right-wrap .hamburger { display:grid; height:3rem; justify-items:center; align-content:center; z-index:120; cursor:pointer; padding:0.2rem 0; min-width:44px; min-height:44px; }
  .bs-header .right-wrap .hamburger div { background-color:#005075; width:2.75rem; height:0.2rem; margin-top:0.7rem; transition:all .2s ease-in-out; }
  .bs-header .right-wrap .menu { display:none; position:absolute; top:calc(100% + 1rem); right:0; left:auto; min-width:20rem; width:min(24rem, calc(100vw - 2rem)); flex-direction:column; align-items:stretch; background-color:#00b8ce; gap:0.2rem; padding:0.8rem 0; z-index:130; border-radius:0.8rem; box-shadow:0 14px 40px rgba(0,0,0,.16); }
  .bs-header .right-wrap .menu a { padding:1rem 1.6rem; border-radius:0; color:#fff; }
  .bs-header .right-wrap .menu a:hover { background:#005075; }
  .bs-header .right-wrap #toggle:checked ~ .menu { display:flex; }
}
@media only screen and (max-width: 768px) {
  .bs-header { padding:1.2rem 0; }
  .bs-header .container { display:grid; grid-template-columns:4.4rem auto 1fr auto; grid-template-areas:"nav logo . subscribe" "search search search search"; align-items:center; gap:0.8rem 1rem; }
  .bs-header .logo-wrap { max-width:9.4rem; }
  .bs-header .logo-wrap { grid-area:logo; }
  .bs-header .right-wrap { display:contents; }
  .bs-header .right-wrap .form-wrap { grid-area:search; width:100%; margin-top:0.2rem; margin-right:0; }
  .bs-header .right-wrap .form-wrap .form-group { max-width:none; }
  .bs-header .right-wrap .action-wrap { grid-area:subscribe; margin-left:0; }
  .bs-header .right-wrap .navigation { grid-area:nav; margin-left:0; }
  .bs-header .right-wrap .form-wrap .form-control { height:4rem; line-height:3.8rem; }
  .bs-header .right-wrap .form-wrap .icon { height:4rem; }
  .bs-header .right-wrap .action-wrap .btn { min-width:9.5rem; padding:.6rem 1rem; font-size:1.4rem; min-height:44px; }
  /* Mobile: swap back to a hamburger that opens a dropdown. */
  .bs-header .right-wrap .hamburger { display:grid; height:2.5rem; justify-items:center; align-content:center; z-index:120; cursor:pointer; padding:0.2rem 0; min-width:44px; min-height:44px; margin-left:0; }
  .bs-header .right-wrap .hamburger div { background-color:#005075; width:2.75rem; height:0.2rem; margin-top:0.7rem; transition:all .2s ease-in-out; }
  .bs-header .right-wrap .menu { display:none; position:absolute; top:calc(100% + .8rem); left:0; right:auto; min-width:20rem; width:min(24rem, calc(100vw - 2rem)); background-color:#00b8ce; flex-direction:column; align-items:stretch; gap:0.2rem; padding:0.8rem 0; z-index:130; border-radius:0.8rem; box-shadow:0 14px 40px rgba(0,0,0,.16); }
  .bs-header .right-wrap .menu a { padding:1rem 1.6rem; border-radius:0; color:#fff; }
  .bs-header .right-wrap .menu a:hover { background:#005075; }
  .bs-header .right-wrap #toggle:checked ~ .menu { display:flex; }
}

/* Banner */
.bs-banner { background:#005075; }
.bs-banner .cont-wrap { display:flex; justify-content:space-between; height:45.5rem; align-items:center; padding-top:3rem; padding-bottom:3rem; }
.bs-banner .info-wrap .title { color:#fff; font-size:4.4rem; font-family:"Myriad Pro Bold"; line-height:4.5rem; }
.bs-banner .info-wrap .desc { color:#fff; font-size:2rem; margin-top:1.1rem; font-family:"Myriad Pro Regular"; line-height:2.7rem; }
.bs-banner .img-wrap { align-self:flex-end; height:40.4rem; width:29.4rem; }
@media (max-width:768px){
  .bs-banner .cont-wrap{ display:block; height:auto; padding:0 2rem; }
  .bs-banner .info-wrap .title{ font-size:2.4rem; line-height:2.7rem; }
  .bs-banner .img-wrap{ height:24.3rem; max-width:24.5rem; margin:4rem auto 0; }
}

/* Sections */
.bs-section{ padding:6.5rem 0; }
.bs-section .sec-title { margin-bottom:3rem; text-align:center; }
.bs-section .sec-title .title { font-size:3rem; color:var(--ep-primary); display:inline; border-bottom:4px solid var(--ep-accent); padding-bottom:0.4rem; font-family:"Myriad Pro Bold"; line-height:1.15; letter-spacing:-0.01em; }
.bs-section .sec-cont { margin-top:0.5rem; }
@media (max-width:768px){ .bs-section{ padding:4.2rem 0; } .bs-section .sec-title{ margin-bottom:2.4rem; } .bs-section .sec-title .title{ font-size:2.3rem; border-bottom:3px solid var(--ep-accent); } }

/* Tabs */
.bs-tab .tabs-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:0.8rem 1.2rem; padding:1.2rem 0 0; }
.bs-tab .tabs-nav li { list-style:none; }
.bs-tab .tabs-nav .tab-link { display:inline-flex; align-items:center; justify-content:center; padding:0.85rem 1.6rem; border-radius:999px; border:1px solid rgba(0,80,117,.18); color:var(--ep-primary); font-family:"Myriad Pro Semibold"; font-size:1.6rem; transition:all .2s ease; }
.bs-tab .tabs-nav li.active .tab-link,
.bs-tab .tabs-nav .tab-link:hover { background:var(--ep-primary); color:#fff; border-color:var(--ep-primary); box-shadow:0 8px 16px rgba(0,80,117,.16); }

/* Cards */
.bs-card { background:#f7f7f7; height:100%; position:relative; display:flex; flex-direction:column; justify-content:flex-start; min-height:24.5rem; border-radius:1.2rem; box-shadow:0 2px 12px rgba(0,0,0,.06); overflow:hidden; border:1px solid rgba(0,80,117,.08); transition:transform .2s ease, box-shadow .2s ease; }
.bs-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.1); }
.bs-card .img-wrap { height:15rem; overflow:hidden; position:relative; background:#dfe8ed; }
.bs-card .img-wrap a,
.bs-card .img-wrap img { display:block; width:100%; height:100%; object-fit:cover; }
.bs-card .img-wrap img { transform:scale(1.01); transition:transform .35s ease; }
.bs-card:hover .img-wrap img { transform:scale(1.05); }
.bs-card .info-wrap { padding:1.8rem 2rem 2.4rem; flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:1rem; }
.bs-card .card-title { font-size:1.9rem; line-height:1.35; color:#26364a; margin:0; font-family:"Myriad Pro Semibold"; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.8rem; }
.bs-card .desc { font-size:1.45rem; line-height:1.7; color:#4d4d4d; margin-top:0; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.bs-card .card-link { position:absolute; inset:0; z-index:1; }
.bs-card.typ-small .img-wrap{ height:15.7rem; }
.swiper-container { position:relative; padding:0 4rem; }
.swiper-wrapper { align-items:stretch; }
.swiper-slide { height:auto; display:flex; }
.swiper-slide.card-item { width:auto; }
.swiper-slide .bs-card { width:100%; }
.swiper-button-next, .swiper-button-prev { width:3.6rem; height:3.6rem; min-width:36px; min-height:36px; background:var(--ep-accent); color:#fff; display:flex; align-items:center; justify-content:center; top:50%; transform:translateY(-50%); box-shadow:0 6px 18px rgba(0,0,0,.16); border:2px solid rgba(255,255,255,.9); border-radius:9999px; }
.swiper-button-next:hover, .swiper-button-prev:hover{ background:var(--ep-primary); }
.swiper-button-next::after, .swiper-button-prev::after{ color:#fff; font-size:1.1rem; font-weight:700; }
/* Only ever show a prev/next arrow when the user can actually act on it. */
.swiper-button-lock,
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock { display:none !important; }
.swiper-button-disabled { display:none !important; }
@media (min-width:1024px){ .bs-card{ min-height:26rem; } .bs-card .img-wrap{ height:15rem; } .swiper-container{ padding:0 4.8rem; } }
@media (max-width:1023px){ .swiper-container{ padding:0 3.2rem; } .bs-card .info-wrap{ padding:1.8rem 1.8rem 2.2rem; } }
@media (max-width:767px){ .swiper-container{ padding:0 2.6rem; } .bs-card{ min-height:22rem; } .bs-card .img-wrap{ height:11.5rem; } .bs-card .info-wrap{ padding:1.5rem 1.5rem 2rem; } .bs-card .card-title{ font-size:1.8rem; min-height:auto; } .bs-card .desc{ font-size:1.55rem; } .swiper-button-next, .swiper-button-prev{ width:40px; height:40px; } }

/* Tips/Tricks tiles */
.tips-slider .swiper-slide a{ display:block; padding:1.6rem 1.8rem; border-radius:1rem; background:linear-gradient(145deg,#f4f8f9,#eaf7fa); box-shadow:0 4px 16px rgba(0,0,0,0.06); min-width:220px; border:1px solid rgba(0,80,117,.08); transition:transform .2s ease, box-shadow .2s ease; }
.tips-slider .swiper-slide a:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.1); }
.tips-slider .swiper-slide .card-title { font-size:1.8rem; line-height:1.35; color:#26364a; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tips-slider .swiper-slide .desc { font-size:1.4rem; line-height:1.6; color:#4d4d4d; }
.tips-slider .swiper-slide { width:auto; }

/* Only Tips and Tricks plus Recent Articles are carousels. */
.triendingSlider,
.latest-video-wrap .artilceslider { padding:0; }
.triendingSlider .swiper-wrapper,
.latest-video-wrap .artilceslider .swiper-wrapper { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:2.4rem; width:100%; height:auto; transform:none !important; }
.triendingSlider .swiper-slide,
.latest-video-wrap .artilceslider .swiper-slide { display:flex; width:auto !important; margin:0 !important; }
.triendingSlider .swiper-button-next,
.triendingSlider .swiper-button-prev,
.latest-video-wrap .artilceslider .swiper-button-next,
.latest-video-wrap .artilceslider .swiper-button-prev { display:none; }
@media (max-width:1023px) {
  .triendingSlider .swiper-wrapper,
  .latest-video-wrap .artilceslider .swiper-wrapper { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:2rem; }
}
@media (max-width:640px) {
  .triendingSlider .swiper-wrapper,
  .latest-video-wrap .artilceslider .swiper-wrapper { grid-template-columns:1fr; gap:1.6rem; }
}

/* Footer */
.bs-footer{ padding:5.2rem 0 7rem; background:#00b8ce; position:relative; overflow:hidden; }
.bs-footer .container { position:relative; z-index:2; }
.bs-footer .cont-wrap { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; z-index:2; }
.bs-footer .foot-title{ color:#fff; font-size:3.2rem; font-family:"Myriad Pro Bold"; margin:0; line-height:1.2; max-width:56rem; }
.bs-footer .form-wrap { width:100%; margin-top:2.4rem; }
.bs-footer .form-wrap form { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1.4rem; text-align:center; }
.bs-footer .form-wrap .form-group { width:min(100%, 34rem); }
.bs-footer .form-wrap .form-group { margin:0; }
.bs-footer .form-wrap .form-control { width:100%; background:#fff; border:none; outline:none; padding:1.3rem 2rem; border-radius:3rem; text-align:center; color:rgba(0,80,117,.45); font-size:1.5rem; height:4.6rem; }
.bs-footer .form-wrap .btn { min-width:16rem; padding:1.3rem 2rem; text-align:center; font-size:1.6rem; background:#005075; color:#fff; border-radius:5px; font-family:"Myriad Pro Bold"; border:none; cursor:pointer; height:4.6rem; }
.bs-footer .footer-bg { position:absolute; left:0; right:0; bottom:0; width:100%; height:25rem; z-index:1; display:block; }
.bs-footer .footer-bg img { width:100%; height:100%; object-fit:cover; opacity:.55; }
.bs-copyright{ padding:8.3rem 0 4.4rem; }
.bs-copyright .cont-wrap{ text-align:center; }
.bs-copyright .title{ color:#005075; font-size:2rem; font-family:"Myriad Pro Bold"; margin:0 0 2.6rem; }
.bs-copyright .desc p{ font-size:1.6rem; line-height:1.6; color:#4d4d4d; margin:0 0 1.2rem; }
.bs-popup .popup-wrap { max-width:70rem; width:min(92vw, 70rem); background:#fff; padding:2rem; border-radius:1.2rem; box-shadow:0 12px 40px rgba(0,0,0,.2); }
.bs-popup .close-btn { font-size:2.4rem; line-height:1; color:#4d4d4d; cursor:pointer; }
.bs-popup .head-wrap { display:flex; align-items:center; justify-content:space-between; gap:1.6rem; margin-bottom:1.4rem; }
.bs-popup .head-wrap .title { font-size:1.8rem; color:var(--ep-primary); font-family:"Myriad Pro Bold"; margin:0; }
.bs-popup .body-wrap { position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:0.8rem; overflow:hidden; }
.bs-popup .body-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.bs-popup .body-wrap .video-unavailable:not(.hidden) { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:#f4f8f9; z-index:1; }
.bs-popup .body-wrap .video-loading { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:#000; z-index:2; }
.bs-popup .body-wrap .video-loading.hidden { display:none; }
.bs-popup .body-wrap .video-loading .spinner { width:4rem; height:4rem; border:0.4rem solid rgba(255,255,255,.25); border-top-color:#fff; border-radius:50%; animation:ep-spin .8s linear infinite; }
@keyframes ep-spin { to { transform:rotate(360deg); } }

/* Thumbnail loading shimmer - shown from the moment a card renders until its
   image has actually finished loading, so slow connections see a clear
   loading state instead of a blank/empty box. */
.img-wrap.is-loading { background:linear-gradient(90deg, #dfe8ed 25%, #eef3f6 37%, #dfe8ed 63%); background-size:400% 100%; animation:ep-shimmer 1.4s ease infinite; }
.img-wrap.is-loading img { opacity:0; }
.img-wrap img { transition:opacity .25s ease; }
@keyframes ep-shimmer { 0% { background-position:100% 50%; } 100% { background-position:0 50%; } }
@media (max-width:768px){ .bs-footer{ padding:4rem 0 6rem; } .bs-footer .foot-title{ font-size:2.4rem; } .bs-footer .form-wrap form{ flex-direction:column; gap:1.2rem; } .bs-footer .form-wrap .form-group { width:min(100%, 32rem); } .bs-footer .form-wrap .btn{ width:min(100%, 32rem); min-width:0; padding:1.1rem 2rem; font-size:1.6rem; } .bs-footer .footer-bg{ height:17rem; } .bs-copyright{ padding:4rem 0 3.5rem; } .bs-copyright .cont-wrap{ text-align:left; } .bs-copyright .title{ text-align:center; margin-bottom:1.5rem; } .bs-copyright .mbo-line-break{ display:block; } }

/* Utilities */
img { width:100%; }
a { text-decoration:none; color:inherit; }

/* Small view adjustments */
@media (max-width:1024px) { html{ font-size:9px; } .container{ padding:0 1.5rem; } }
@media (max-width:640px){ .swiper-container { padding: 0 2.2rem; } .swiper-button-next, .swiper-button-prev { width:38px; height:38px; } }

/* Article / content polish */
article.prose h1,
article.prose h2,
article.prose h3 { color:var(--ep-primary); font-family:"Myriad Pro Bold"; line-height:1.2; margin-top:2.4rem; margin-bottom:1rem; }
article.prose h1 { font-size:3.2rem; }
article.prose h2 { font-size:2.4rem; }
article.prose h3 { font-size:2rem; }
article.prose p,
article.prose li { font-size:1.8rem; line-height:1.8; color:#4d4d4d; }
article.prose a { color:var(--ep-primary); text-decoration:underline; }
article.prose img { border-radius:0.8rem; margin:1.2rem 0; }
article.prose blockquote { border-left:4px solid var(--ep-accent); padding-left:1.2rem; color:#005075; font-style:italic; }
@media (max-width:768px){ article.prose h1{ font-size:2.5rem; } article.prose h2{ font-size:2rem; } article.prose h3{ font-size:1.8rem; } article.prose p, article.prose li { font-size:1.6rem; line-height:1.75; } }

/* Article pages: align the static markup with the live article template. */
.post-hero { background:#005075; }
.post-hero .post-hero-container { max-width:1170px; margin:0 auto; padding:0 1.5rem; }
.post-hero .cont-wrap { display:flex; align-items:center; justify-content:space-between; height:45.5rem; padding:3rem 0; }
.post-hero .title { max-width:68rem; margin:0; color:#fff; font:4.4rem/4.5rem "Myriad Pro Bold"; }
.post-hero .img-wrap { align-self:flex-end; width:29.4rem; height:40.4rem; }
.post-hero .img-wrap img { width:100%; height:100%; object-fit:contain; }
.lyt-blog-details { display:flex !important; gap:0 !important; max-width:1170px; margin:0 auto; padding:0 1.5rem 7rem; }
.lyt-blog-details > .bs-blog-details { width:66.33%; padding:3.7rem 0 10rem; }
.lyt-blog-details article.prose { max-width:none; }
.lyt-blog-details article.prose h1 { margin:0 0 1rem; color:#4d4d4d; font:4.2rem/1 "Myriad Pro Bold"; }
.lyt-blog-details article.prose > div { margin:0 0 3rem !important; font-size:1.6rem !important; color:#4d4d4d !important; }
.lyt-blog-details article.prose p { margin:0 0 3rem; font-size:1.6rem; line-height:1.5; }
.lyt-blog-details article.prose h2 { margin:0 0 2.2rem; color:#005075; font:3rem/1.15 "Myriad Pro Bold"; }
.lyt-blog-details article.prose ul { margin:0 0 3rem 2.2rem; }
.lyt-blog-details article.prose li { margin-bottom:1rem; font-size:1.6rem; line-height:1.5; }
.bs-sidebar { width:33.67%; margin:13rem 0 0; padding-left:4.7rem; }
.bs-sidebar > div { box-shadow:none !important; }
.bs-sidebar .search-wrap { margin:0 0 2rem; padding:1.5rem !important; background:#f7f7f7 !important; border-radius:5px !important; }
.bs-sidebar .search-title { margin:0 0 1.5rem !important; color:#4d4d4d; font:2.4rem/1 "Myriad Pro Bold"; }
.bs-sidebar .label-list { display:flex !important; flex-wrap:wrap; gap:1rem; margin:0 !important; padding:0 !important; list-style:none; }
.bs-sidebar .label-link { display:inline-block !important; padding:.8rem .9rem !important; border-radius:2rem !important; background:#00b8ce !important; color:#fff !important; font:1.2rem/1 "Myriad Pro Regular"; }
.bs-sidebar .card-wrap { padding:0 0 4rem !important; background:transparent !important; }
.bs-sidebar .main-title { margin:0 0 2rem !important; color:#4d4d4d; font:2.7rem/1 "Myriad Pro Bold"; }
.bs-sidebar .card-wrap > ul:not(:first-of-type) { display:none; }
.bs-sidebar .card-wrap > ul:first-of-type { display:grid; gap:2rem; margin:0; padding:0; list-style:none; }
.bs-sidebar .sidebar-card { display:grid !important; grid-template-columns:13.7rem 1fr; gap:2.5rem !important; align-items:stretch !important; margin:0 !important; padding:0 !important; background:#f7f7f7; }
.bs-sidebar .sidebar-card > div:first-child { width:13.7rem !important; height:auto !important; border-radius:1rem 0 0 1rem !important; }
.bs-sidebar .sidebar-card > div:first-child img { width:100%; height:100%; object-fit:cover; }
.bs-sidebar .sidebar-card > div:last-child { padding:1rem 1rem 1.2rem 0 !important; }
.bs-sidebar .sidebar-card h3 { margin:0 0 .9rem; color:#005075; font:2rem/1 "Myriad Pro Bold"; }
.bs-sidebar .sidebar-card p { margin:0; color:#4d4d4d; font:1.6rem/1.3 "Myriad Pro Regular"; }
.bs-sidebar .sidebar-card a { display:inline-block; margin-top:2rem; padding:.8rem .9rem; border-radius:2rem; background:#00b8ce; color:#fff; font:1.2rem/1 "Myriad Pro Regular"; }
.bs-sidebar .bs-download { padding:0 !important; background:transparent !important; text-align:left !important; }
.bs-sidebar .bs-download h4 { margin:0 0 1rem !important; color:#005075; font:2.4rem/1 "Myriad Pro Bold"; }
.bs-sidebar .bs-download p { margin:0 0 1.5rem !important; font-size:1.6rem !important; line-height:1.35; }
.bs-sidebar .bs-download img { max-width:14rem; margin:0 !important; }
.typ-subscribe { background:rgba(0,0,0,.8) !important; }
.typ-subscribe .popup-wrap { width:min(92vw, 52rem) !important; padding:1rem !important; border-radius:1rem !important; }
.typ-subscribe .close-btn { position:static !important; display:flex; justify-content:flex-end; font-size:2.8rem; color:#4d4d4d; cursor:pointer; }
.typ-subscribe h3 { margin:0 0 1.6rem !important; color:#005075; font:2.4rem/1 "Myriad Pro Bold"; }
.typ-subscribe form { display:grid; gap:1.2rem; }
.typ-subscribe input[type="text"], .typ-subscribe input[type="email"] { width:100%; padding:.9rem 2rem; border:1px solid #005075; border-radius:5px; background:#f4f8f9; color:#005075; font-size:1.4rem; }
.typ-subscribe form > div:last-child { text-align:right; }
.typ-subscribe .sub-form-submit { padding:1rem 2.6rem; border:0; border-radius:5px; background:#005075; color:#fff; font:1.6rem "Myriad Pro Bold"; }
@media (max-width:768px) {
  .post-hero .cont-wrap { height:auto; min-height:26rem; padding:3rem 2rem 0; }
  .post-hero .title { font-size:2.4rem; line-height:1.15; }
  .post-hero .img-wrap { width:17rem; height:22rem; }
  .lyt-blog-details { display:block !important; padding-bottom:4rem; }
  .lyt-blog-details > .bs-blog-details { width:100%; padding:3.5rem 0 4rem; }
  .lyt-blog-details article.prose h1 { font-size:2.8rem; line-height:1.1; }
  .bs-sidebar { width:100%; margin:0; padding:0; }
  .bs-sidebar .sidebar-card { grid-template-columns:11rem 1fr; gap:1.5rem !important; }
  .bs-sidebar .sidebar-card > div:first-child { width:11rem !important; }
}

/* Navigation, search and mobile polish. */
.bs-header .logo-wrap img { display:block; width:13.2rem; max-width:none !important; height:auto; }
.bs-header .right-wrap .form-wrap .form-control:focus { background:#fff; border-color:#00b8ce; box-shadow:0 0 0 3px rgba(0,184,206,.16); }
.bs-header .form-wrap { position:relative; }
.site-search-results { position:absolute; top:calc(100% + .8rem); left:0; z-index:140; width:100%; max-height:31rem; overflow:auto; padding:1.2rem; border:1px solid rgba(0,80,117,.18); border-radius:.8rem; background:#fff; box-shadow:0 14px 30px rgba(0,0,0,.16); color:#4d4d4d; }
.site-search-results p { margin:0 0 .8rem; font-size:1.4rem; }
.site-search-results ul { margin:0; padding:0; list-style:none; }
.site-search-results li + li { border-top:1px solid #e4eef0; }
.site-search-results a { display:block; padding:.9rem 0; color:#005075; font:1.5rem/1.25 "Myriad Pro Semibold"; }
.site-search-results a:hover { color:#00b8ce; }
.swiper-button-next, .swiper-button-prev { margin-top:0 !important; }

@media (max-width:768px) {
  .bs-header .logo-wrap { max-width:94px; }
  .bs-header .logo-wrap img { width:94px; }
  .bs-banner .cont-wrap { display:flex; flex-direction:column; height:auto; padding:3rem 2rem 0; }
  .bs-banner .img-wrap { display:block; align-self:center; width:100%; max-width:24.5rem; height:24.3rem; margin:2.4rem auto 0; }
  .bs-banner .img-wrap img { width:100%; height:100%; object-fit:contain; }
  .post-hero .cont-wrap { display:flex !important; flex-direction:column; height:auto; min-height:0; padding:3rem 2rem 0; }
  .post-hero .img-wrap { display:block !important; align-self:center; width:17rem; height:22rem; margin:2rem auto 0; }
}

/* End of custom-theme.css */