/* === ulpn-theme-head === */
:root {
  --general-text-color: #5d5d60;
  --title-text-color: #5d5d60;
  --subtitle-text-color: #5d5d60;
  --heading2-text-color: #e78c31;
  --heading3-text-color: #fa715e;
  --link-default-color: #5d5d60;
  --link-hover-color: #5d5d60;
  --header-cta-text-color: #ffffff;
  --header-cta-bg-color: #fa715e;
  --header-cta-hover-text-color: #ffffff;
  --header-cta-hover-bg-color: #4cd6bc;
}

body {
  color: var(--general-text-color);
}

.post-info-title {
  color: var(--title-text-color);
}

.post-info-subtitle {
  color: var(--subtitle-text-color);
}

body h2 {
  color: var(--heading2-text-color);
}

body h3 {
  color: var(--heading3-text-color);
}

a {
  color: var(--link-default-color);
}

a:hover, a:focus {
  color: var(--link-hover-color);
}

#masthead {
  background-color: #ffffff;
}

.header-cta a {
  color: var(--header-cta-text-color);
  background-color: var(--header-cta-bg-color);
}

.header-cta a:focus {
  color: var(--header-cta-text-color);
}

.header-cta a:hover {
  color: var(--header-cta-hover-text-color);
  background-color: var(--header-cta-hover-bg-color);
}

ul li:before {
  background: var(--general-text-color);
}

.post-content ol.branded-list li:before {
  color: #fa715e;
}

/* === ulpn-theme-global-font === */
body {
  font-family: "Roboto", "Roboto Fallback Windows", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@font-face {
  font-family: "Roboto Fallback Windows";
  src: local("Times New Roman");
  font-weight: 400;
  size-adjust: 109.50%;
  ascent-override: 84.73%;
  descent-override: 22.30%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Roboto Fallback Windows";
  src: local("Times New Roman Bold");
  font-weight: bold;
  size-adjust: 104.51%;
  ascent-override: 88.77%;
  descent-override: 23.36%;
  line-gap-override: 0%;
}

/* === asset-loader-advertorial-expertmarket-global-style === */
html {
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
}

@media (min-width:768px) {
  html {
    font-size: 15px;
  }

}

@media (min-width:992px) {
  html {
    font-size: 16px;
  }

}

body {
  font-size: 1.2rem;
  position: relative;
}

.wrapper {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

h1 {
  font-size: 1.9rem;
  line-height: 1.2;
  font-weight: 700;
}

@media (min-width:768px) {
  h1 {
    line-height: 1.3;
  }

}

@media (min-width:992px) {
  h1 {
    font-size: 2.4rem;
  }

}

h2 {
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: 700;
  margin: 1rem 0;
}

@media (min-width:768px) {
  h2 {
    font-size: 1.65rem;
    margin-top: 2rem;
  }

}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

p {
  line-height: 1.95rem;
  margin-top: 1em;
  margin-bottom: 1em;
}

button, .button {
  font-size: 1.3rem;
  line-height: 2.5;
}

@media (min-width:768px) {
  button, .button {
    font-size: 1.3rem;
  }

}

.post-info-title {
  font-weight: 900;
  margin-bottom: .3rem;
}

.post-content ol:not([class]), .post-content ol.list-numbers {
  margin: 0 0 15px;
}

.post-content ol:not([class]) li, .post-content ol.list-numbers li {
  line-height: 1.5;
}

.post-content ol:not([class]) li:before, .post-content ol.list-numbers li:before {
  content: counter(index) ".";
  counter-increment: index;
  display: inline-block;
  min-width: 20px;
  margin: 0 5px 0 0;
  text-align: right;
}

.post-content ol:not([class]) li:first-child, .post-content ol.list-numbers li:first-child {
  counter-reset: index;
}

.post-content ol.branded-list li, .post-content .numbered-list-round li {
  position: relative;
  padding: .2rem 2.5rem 1rem;
  line-height: 1.5;
}

.post-content ol.branded-list li:before, .post-content .numbered-list-round li:before {
  content: counter(index);
  counter-increment: index;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 26px;
  height: 26px;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.post-content ol.branded-list li:first-child, .post-content .numbered-list-round li:first-child {
  counter-reset: index;
}

.post-content ul[class=""], .post-content ul:not([class]), .post-content ul.list-dotted {
  margin: 0 0 15px;
}

.post-content ul[class=""] li, .post-content ul:not([class]) li, .post-content ul.list-dotted li {
  line-height: 1.5;
  position: relative;
  padding: 0 0 0 25px;
}

.post-content ul[class=""] li:before, .post-content ul:not([class]) li:before, .post-content ul.list-dotted li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 8px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.post-content ul[class=""] li svg, .post-content ul:not([class]) li svg, .post-content ul.list-dotted li svg {
  display: none;
}

.post-content ul.branded-list li {
  position: relative;
  padding: .2rem 2.5rem .5rem 2.5rem;
  line-height: 1.5;
}

.post-content ul.branded-list li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 100%;
}

.post-content .benefits {
  margin: 1rem 0 2rem;
  padding: 1rem 1.8rem;
}

.post-content .benefits-title {
  margin: 1rem 0;
  padding: 1rem;
  font-size: 1.6rem;
}

@media (min-width:768px) {
  .post-content .benefits-title {
    font-size: 1.8rem;
  }

}

.post-content .grid-cta-title {
  margin: 0 0 1rem;
}

.post-content .grid-cta-title a {
  font-weight: 600;
}

@media (min-width:768px) {
  .post-content .grid-cta-title a {
    line-height: 1.3;
  }

}

@media (min-width:992px) {
  .post-content .grid-cta-title a {
    font-size: 2.2rem;
    font-weight: 900;
    padding: 1.2rem 0;
  }

}

.post-content .grid-cta-options {
  margin: 1rem 0;
}

.post-content .grid-cta-options li {
  margin-bottom: .5rem;
}

.post-content .grid-cta-footer {
  font-size: 1.2rem;
  font-weight: 600;
  margin: .5rem 0;
}

.footer-top * div {
  border-color: #b2b2b2;
}

.flexi-comp-footer {
  --container-width: 1020px;
  --footer-padding-desktop: 32px 0;
  --footer-padding-mobile: 40px 0 70px;
  --footer-container-padding: 0 20px;
}