.archiveintroheader h1 {
  font-style: roboto !important;
  color: #020202 !important;
  font-size: 85px !important;
  font-weight: 700 !important;
  line-height: 1em !important;
  letter-spacing: -1px !important;
  margin: 0px 0px 0.2em 0px!important;
  padding: 0px !important;
}

@media only screen and (max-width: 1600px) {
.archiveintroheader h1 {
  font-size: 85px !important;
}}

@media only screen and (max-width: 1400px) {
.archiveintroheader h1 {
  font-size: 77px !important;
}}

@media only screen and (max-width: 1300px) {
.archiveintroheader h1 {
  font-size: 70px !important;
}}

@media only screen and (max-width: 1200px) {
.archiveintroheader h1 {
  font-size: 64px !important;
}}

@media only screen and (max-width: 1150px) {
.archiveintroheader h1 {
  font-size: 59px !important;
}}

@media only screen and (max-width: 1100px) {
.archiveintroheader h1 {
  font-size: 58px !important;
}}

@media only screen and (max-width: 1024px) {
.archiveintroheader h1 {
  font-size: 63px !important;
}}

@media only screen and (max-width: 800px) {
.archiveintroheader h1 {
  font-size: 55px !important;
}}

@media only screen and (max-width: 640px) {
.archiveintroheader h1 {
  font-size: 48px !important;
}}

@media only screen and (max-width: 560px) {
.archiveintroheader h1 {
  font-size: 44px !important;
}}

@media only screen and (max-width: 480px) {
.archiveintroheader h1 {
  font-size: 40px !important;
}}

@media only screen and (max-width: 420px) {
.archiveintroheader h1 {
  font-size: 35px !important;
}}

@media only screen and (max-width: 375px) {
.archiveintroheader h1 {
  font-size: 32px !important;
}}

@media only screen and (max-width: 350px) {
.archiveintroheader h1 {
  font-size: 30px !important;
}}

#libraryhero {
  width: 1600px !important;
  height: 660px !important;
}

@media only screen and (max-width: 1600px) {
#libraryhero {
  width: 100vw !important;
  height: 41.25vw !important;
}}

@media only screen and (max-width: 1024px) {
#libraryhero {
  width: 100vw !important;
  height: 60vw !important;
}}

@media only screen and (max-width: 480px) {
#libraryhero {
  width: 100vw !important;
  height: 60vw !important;
}}

.libraryintroheader h2 {
  font-style: roboto !important;
  color: #020202 !important;
  font-size: 85px !important;
  font-weight: 700 !important;
  line-height: 1em !important;
  letter-spacing: -1px !important;
  margin: 0px 0px 0.2em 0px!important;
  padding: 0px !important;
}

@media only screen and (max-width: 1600px) {
.libraryintroheader h2 {
  font-size: 85px !important;
}}

@media only screen and (max-width: 1400px) {
.libraryintroheader h2 {
  font-size: 77px !important;
}}

@media only screen and (max-width: 1300px) {
.libraryintroheader h2 {
  font-size: 70px !important;
}}

@media only screen and (max-width: 1200px) {
.libraryintroheader h2 {
  font-size: 64px !important;
}}

@media only screen and (max-width: 1150px) {
.libraryintroheader h2 {
  font-size: 59px !important;
}}

@media only screen and (max-width: 1100px) {
.libraryintroheader h2 {
  font-size: 58px !important;
}}

@media only screen and (max-width: 1024px) {
.libraryintroheader h2 {
  font-size: 63px !important;
}}

@media only screen and (max-width: 800px) {
.libraryintroheader h2 {
  font-size: 55px !important;
}}

@media only screen and (max-width: 640px) {
.libraryintroheader h2 {
  font-size: 48px !important;
}}

@media only screen and (max-width: 560px) {
.libraryintroheader h2 {
  font-size: 44px !important;
}}

@media only screen and (max-width: 480px) {
.libraryintroheader h2 {
  font-size: 40px !important;
}}

@media only screen and (max-width: 420px) {
.libraryintroheader h2 {
  font-size: 35px !important;
}}

@media only screen and (max-width: 375px) {
.libraryintroheader h2 {
  font-size: 32px !important;
}}

@media only screen and (max-width: 350px) {
.libraryintroheader h2 {
  font-size: 30px !important;
}}

.libraryintrosubtext {
  font-style: roboto !important;
  color: #020202 !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0px !important;
  margin: 0px 0px 0px 0px!important;
  padding: 0px !important;
}

@media only screen and (max-width: 1600px) {
.libraryintrosubtext {
  font-size: 26px !important;
}}

@media only screen and (max-width: 1400px) {
.libraryintrosubtext {
  font-size: 24px !important;
}}

@media only screen and (max-width: 1200px) {
.libraryintrosubtext {
  font-size: 22px !important;
}}

@media only screen and (max-width: 1150px) {
.libraryintrosubtext {
  font-size: 20px !important;
}}

@media only screen and (max-width: 1100px) {
.libraryintrosubtext {
  font-size: 18px !important;
}}

@media only screen and (max-width: 1024px) {
.libraryintrosubtext {
  font-size: 18px !important;
}}

@media only screen and (max-width: 800px) {
.libraryintrosubtext {
  font-size: 17px !important;
}}

@media only screen and (max-width: 640px) {
.libraryintrosubtext {
  font-size: 17px !important;
}}

@media only screen and (max-width: 600px) {
.libraryintrosubtext {
  font-size: 17px !important;
}}

@media only screen and (max-width: 560px) {
.libraryintrosubtext {
  font-size: 17px !important;
}}

@media only screen and (max-width: 520px) {
.libraryintrosubtext {
  font-size: 16px !important;
}}

@media only screen and (max-width: 480px) {
.libraryintrosubtext {
  font-size: 20px !important;
}}

@media only screen and (max-width: 420px) {
.libraryintrosubtext {
  font-size: 18px !important;
}}

@media only screen and (max-width: 375px) {
.libraryintrosubtext {
  font-size: 18px !important;
}}

@media only screen and (max-width: 350px) {
.libraryintrosubtext {
  font-size: 16px !important;
}}

:is(#content, #main) .blog-author-block {
  background:#f2f2f2;
  margin: 20px auto;
  max-width: 800px;
  width: 90%;
  padding: 30px;
}

:is(#content, #main) .blog-author-block .fusion-image-element {
  margin-bottom:20px;
  background:#000;
}

:is(#content, #main) .blog-author-block .fusion-image-element img {
  aspect-ratio:1/1;
  object-fit:cover;
  width:100%;
  display:block;
}

:is(#content, #main) .blog-author-block p {
  font-size: 20px;
}

:is(#content, #main) .blog-author-block .meet-expert p {
  display: inline-block;
  margin:0;
  padding: 5px 10px 5px 40px;
  background: #FFB81C url(../images/btn-arrow.webp) no-repeat;
  background-size: 30px auto;
  background-position: 5px center;
}

:is(#content, #main) .blog-author-block .fusion-title {
  margin:24px 0 0;
}

:is(#content, #main) .blog-author-block .lp-btn {
  margin-top:4px;
  min-width:0;
  width:auto!important;
}

@media (min-width:768px) {
:is(#content, #main) .blog-author-block {
  margin: 40px;
}

:is(#content, #main) .blog-author-block .fusion-image-element {
  margin-bottom:0;
}}

.accordion-header {
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  color: #0275c0;
  padding: 5px 0;
  list-style: none;
}

.accordion-header .header-icon {
  display: inline-block;
  width: 1em;
  text-align: center;
  margin-right: 15px;
  transition: transform 0.2s ease-in-out;
}

.accordion-component[open] .accordion-header .header-icon {
  transform: rotate(90deg);
}

/* Avada One retains the native block-widget styling but omits the classic
   Categories / Recent Posts rules used by the imported blog sidebar. */
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) {
  position: relative;
  margin: 0 0 45px;
  padding: 0;
  background-color: #fafafa;
  border: 0 solid transparent;
  color: #020202;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) .widget-title {
  color: #020202;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 10px 10px 10px 12px;
  border-bottom: 1px solid #969696;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li:first-child {
  padding-top: 0;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li a {
  color: #020202;
  text-decoration: none;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li a:hover,
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li a:focus-visible {
  color: #0093d0;
}
#main .fusion-content-widget-area :is(.widget_categories, .widget_recent_entries) li a::before {
  position: absolute;
  font-family: awb-icons;
  content: "\f105";
  margin-left: -12px;
}
#main .fusion-content-widget-area .widget_categories li a {
  display: block;
  border: 0;
  background: none;
  padding: 0;
}

/* Use the server-rendered rows so the column layout is ready before scripts run. */
:is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
    #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
    #archivebody > .fusion-builder-row) {
  column-gap: 0 !important;
  --awb-gap-column: 0px;
}
@media (min-width: 1025px) {
  :is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
      #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
      #archivebody > .fusion-builder-row) > .fusion-layout-column:first-child {
    width: 75% !important;
    flex: 0 0 75% !important;
  }
  :is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
      #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
      #archivebody > .fusion-builder-row) > .fusion-layout-column:last-child {
    width: 25% !important;
    flex: 0 0 25% !important;
  }
}
/* The three desktop header CTAs occupy 428.265625px with their configured
   14px Roboto text, 30px horizontal padding and borders. Reserve that same
   space from first paint; the existing menu collapses at 1275px. */
@media (min-width: 1276px) {
  :is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
      #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
      #archivebody > .fusion-builder-row) > .fusion-layout-column:first-child {
    width: calc(100% - 428.265625px) !important;
    flex: 0 0 calc(100% - 428.265625px) !important;
  }
  :is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
      #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
      #archivebody > .fusion-builder-row) > .fusion-layout-column:last-child {
    width: 428.265625px !important;
    flex: 0 0 428.265625px !important;
  }
}
/* Preserve the source's stacked article/sidebar layout at 1024px and below. */
@media (max-width: 1024px) {
  :is(body.single-post #main > .post > .fusion-fullwidth:first-child > .fusion-builder-row,
      #post-1004 .fusion-fullwidth:has(.lpusa-legacy-blog, .lp-native-blog-grid) > .fusion-builder-row,
      #archivebody > .fusion-builder-row) > .fusion-layout-column {
    width: 100% !important;
    flex-basis: 100% !important;
  }
}