body.has-sidebar #content{ width:100% !important; } body.has-sidebar #main .sidebar{ display:none; } #content .fusion-builder-row-6 { z-index: 111!important; } .mbre-hero-overlay { position: relative; width: 100%; min-height: 340px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px 56px 36px; color: #ffffff; } .mbre-hero-overlay::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.52) 100% ); z-index: 1; } .mbre-hero-overlay > * { position: relative; z-index: 2; } .mbre-hero-eyebrow { font-size: 16px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #00A3E0; margin: 0 auto; display: block; text-align: center; } .mbre-aio-card { position: relative; margin: -120px auto 30px auto;  /* negative top margin creates the hero overlap */ max-width: 100%; background: #ffffff; border-top: 3px solid #00A3E0; padding: 24px 28px 20px 28px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06); z-index: 111; } .fusion-breadcrumbs .awb-breadcrumb-sep:after{ color:#000000 !important; } .mbre-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-weight: 500; font-size: 14px; color: #8A8A8A; margin-bottom: 18px; } .mbre-byline { margin-left: auto; } .mbre-rule { border: none; border-top: 1px solid #E2E2E2; margin: 0 0 18px 0; } .mbre-attr { display: flex; align-items: center; gap: 14px; } .mbre-attr img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .mbre-attr-text { flex: 1; min-width: 0; } .mbre-attr-name { font-size: 16px; font-weight: 700; color: #1C1C1C; margin: 0 0 3px 0; } .mbre-attr-name a, .mbre-attr-creds a, .mbre-aio-card .mbre-breadcrumbs a { color: #00a3e0; } .mbre-attr-stats { font-size: 16px; color: #5A5A5A; margin: 0 0 2px 0; line-height: 1.5; font-weight: 400; } .mbre-attr-creds { font-size: 16px; color: #5A5A5A; margin: 0 0 2px 0; line-height: 1.5; font-weight: 400; } .mbre-attr-specialty { font-size: 16px; color: #5A5A5A; font-style: italic; margin: 4px 0 0 0; line-height: 1.5; font-weight: 400; } .mbre-post-body { padding-top: 40px; } @media (min-width: 1920px){ .single-blog-title-sec { padding-bottom: 4% !important; } }@media (max-width: 1024px) { .mbre-meta { flex-direction: column; align-items: flex-start; gap: 4px; } .mbre-byline { margin-left: 0; } } @media (max-width: 768px) { .mbre-hero-overlay { min-height: 280px; padding: 28px 24px 48px 24px; } .mbre-hero-eyebrow { font-size: 14px; letter-spacing: 2px; } .mbre-aio-card { margin-top: -105px; padding: 22px 22px 18px 22px; } .mbre-meta { font-size: 11px; } } @media (max-width: 480px) { .mbre-hero-overlay { min-height: 260px; padding: 24px 18px 48px 18px; } .mbre-hero-eyebrow { font-size: 13px; letter-spacing: 1.8px; margin-bottom: 10px; } .mbre-aio-card { margin-top: -105px; padding: 18px 16px 16px 16px; } .mbre-meta { flex-direction: row; gap: 3px; font-size: 10.5px; margin-bottom: 14px; } .mbre-byline { margin-left: 0; } .mbre-attr { align-items: flex-start; gap: 12px; } .mbre-attr-name { font-size: 15px; } .mbre-attr-stats, .mbre-attr-creds, .mbre-attr-specialty { font-size: 11px; } .mbre-post-body { padding-top: 28px; } } .fusion-breadcrumbs.fusion-breadcrumbs-1.MobileViewBreadcrumbsSinglepage{ display:none; }