body {
background: var(--lipotype-style--content-bg);
}
.wp-block-tag-cloud + ul {
margin-left: 0;
padding-left: 0;
}
.wp-block-tag-cloud + ul li {
display: inline-block;
margin-right: 25px;
}
.wp-block-tag-cloud + ul li::marker {
display: none;
}
@media (max-width: 768px) {
body #content article > [class*=wp-block-]:not(.fullwidth):not(img) {
--wp--style--global--content-size: 100%;
}
}
.single-lipotype-news #content article,
.single-lipotype-news #content > section,
.single-case-studies #content article,
.single-case-studies #content > section, body:not(:has(.disable-legacy-css)) #content article,
body:not(:has(.disable-legacy-css)) #content > section {
background: var(--lipotype-style--content-bg);
color: #003246;
}
.single-lipotype-news #content article .lipotype-wp-block-root > *,
.single-lipotype-news #content > section .lipotype-wp-block-root > *,
.single-case-studies #content article .lipotype-wp-block-root > *,
.single-case-studies #content > section .lipotype-wp-block-root > *, body:not(:has(.disable-legacy-css)) #content article .lipotype-wp-block-root > *,
body:not(:has(.disable-legacy-css)) #content > section .lipotype-wp-block-root > * {
margin-bottom: 30px;
}
.single-lipotype-news #content article > [class*=wp-block-]:not(.fullwidth):not(img),
.single-lipotype-news #content > section > [class*=wp-block-]:not(.fullwidth):not(img),
.single-case-studies #content article > [class*=wp-block-]:not(.fullwidth):not(img),
.single-case-studies #content > section > [class*=wp-block-]:not(.fullwidth):not(img), body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-]:not(.fullwidth):not(img),
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-]:not(.fullwidth):not(img) {
max-width: var(--wp--style--global--content-size);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1170px) {
.single-lipotype-news #content article > [class*=wp-block-]:not(.fullwidth):not(img),
.single-lipotype-news #content > section > [class*=wp-block-]:not(.fullwidth):not(img),
.single-case-studies #content article > [class*=wp-block-]:not(.fullwidth):not(img),
.single-case-studies #content > section > [class*=wp-block-]:not(.fullwidth):not(img), body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-]:not(.fullwidth):not(img),
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-]:not(.fullwidth):not(img) {
--wp--style--global--content-size: calc(100% - 60px);
}
}
@media (max-width: 768px) {
.single-lipotype-news #content article > [class*=wp-block-]:not(.fullwidth):not(img) > *,
.single-lipotype-news #content > section > [class*=wp-block-]:not(.fullwidth):not(img) > *,
.single-case-studies #content article > [class*=wp-block-]:not(.fullwidth):not(img) > *,
.single-case-studies #content > section > [class*=wp-block-]:not(.fullwidth):not(img) > *, body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-]:not(.fullwidth):not(img) > *,
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-]:not(.fullwidth):not(img) > * {
--wp--style--global--content-size: 100%;
}
}
.single-lipotype-news #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-lipotype-news #content > section > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-case-studies #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-case-studies #content > section > [class*=wp-block-] > :not(.fullwidth):not(img), body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-] > :not(.fullwidth):not(img) {
max-width: var(--wp--style--global--content-size);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1170px) and (min-width: 768px) {
.single-lipotype-news #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-lipotype-news #content > section > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-case-studies #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
.single-case-studies #content > section > [class*=wp-block-] > :not(.fullwidth):not(img), body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-] > :not(.fullwidth):not(img),
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-] > :not(.fullwidth):not(img) {
max-width: calc(100% - 60px);
}
}
.single-lipotype-news #content article > [class*=wp-block-].fullwidth > *,
.single-lipotype-news #content > section > [class*=wp-block-].fullwidth > *,
.single-case-studies #content article > [class*=wp-block-].fullwidth > *,
.single-case-studies #content > section > [class*=wp-block-].fullwidth > *, body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-].fullwidth > *,
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-].fullwidth > * {
max-width: calc(100% - 60px);
}
@media (min-width: 1170px) {
.single-lipotype-news #content article > [class*=wp-block-].fullwidth > *,
.single-lipotype-news #content > section > [class*=wp-block-].fullwidth > *,
.single-case-studies #content article > [class*=wp-block-].fullwidth > *,
.single-case-studies #content > section > [class*=wp-block-].fullwidth > *, body:not(:has(.disable-legacy-css)) #content article > [class*=wp-block-].fullwidth > *,
body:not(:has(.disable-legacy-css)) #content > section > [class*=wp-block-].fullwidth > * {
max-width: var(--wp--style--global--content-size);
}
}
.single-lipotype-news #content article .tb-fields-and-text.p-no-padding > p,
.single-lipotype-news #content > section .tb-fields-and-text.p-no-padding > p,
.single-case-studies #content article .tb-fields-and-text.p-no-padding > p,
.single-case-studies #content > section .tb-fields-and-text.p-no-padding > p, body:not(:has(.disable-legacy-css)) #content article .tb-fields-and-text.p-no-padding > p,
body:not(:has(.disable-legacy-css)) #content > section .tb-fields-and-text.p-no-padding > p {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 782px) {
.single-lipotype-news #content article .tb-fields-and-text.p-with-padding > p,
.single-lipotype-news #content > section .tb-fields-and-text.p-with-padding > p,
.single-case-studies #content article .tb-fields-and-text.p-with-padding > p,
.single-case-studies #content > section .tb-fields-and-text.p-with-padding > p, body:not(:has(.disable-legacy-css)) #content article .tb-fields-and-text.p-with-padding > p,
body:not(:has(.disable-legacy-css)) #content > section .tb-fields-and-text.p-with-padding > p {
padding-left: 30px;
padding-right: 30px;
}
}
.single-lipotype-news #content article > .wp-block-group,
.single-lipotype-news #content > section > .wp-block-group,
.single-case-studies #content article > .wp-block-group,
.single-case-studies #content > section > .wp-block-group, body:not(:has(.disable-legacy-css)) #content article > .wp-block-group,
body:not(:has(.disable-legacy-css)) #content > section > .wp-block-group {
padding-top: var(--lipotype-row-gap);
padding-bottom: var(--lipotype-row-gap);
}
.single-lipotype-news #content article > .wp-block-group:first-child,
.single-lipotype-news #content > section > .wp-block-group:first-child,
.single-case-studies #content article > .wp-block-group:first-child,
.single-case-studies #content > section > .wp-block-group:first-child, body:not(:has(.disable-legacy-css)) #content article > .wp-block-group:first-child,
body:not(:has(.disable-legacy-css)) #content > section > .wp-block-group:first-child {
padding-top: var(--lipotype-padding-top-first-element, 100px);
}
.single-lipotype-news figcaption,
.single-case-studies figcaption, body:not(:has(.disable-legacy-css)) figcaption {
font-size: 16px;
margin-bottom: 30px;
}
@media (max-width: 426px) {
.single-lipotype-news .lipotype-mobile-center,
.single-case-studies .lipotype-mobile-center, body:not(:has(.disable-legacy-css)) .lipotype-mobile-center {
text-align: center;
}
.single-lipotype-news .lipotype-mobile-group-separator,
.single-case-studies .lipotype-mobile-group-separator, body:not(:has(.disable-legacy-css)) .lipotype-mobile-group-separator {
background-image: url(//us.lipotype.com/wp-content/themes/lipotype/assets/_legacy/images/bg_gradient_mobile.svg);
background-repeat: repeat-x;
padding-top: 30px !important;
}
.single-lipotype-news .lipotype-mobile-group-separator.wp-block-group,
.single-case-studies .lipotype-mobile-group-separator.wp-block-group, body:not(:has(.disable-legacy-css)) .lipotype-mobile-group-separator.wp-block-group {
max-width: 100% !important;
}
.single-lipotype-news .lipotype-mobile-group-separator.wp-block-group > .wp-block-group__inner-container,
.single-case-studies .lipotype-mobile-group-separator.wp-block-group > .wp-block-group__inner-container, body:not(:has(.disable-legacy-css)) .lipotype-mobile-group-separator.wp-block-group > .wp-block-group__inner-container {
max-width: calc(100% - 60px) !important;
}
.single-lipotype-news .lipotype-mobile-swap-columns > div > .wp-block-columns,
.single-lipotype-news .lipotype-mobile-swap-columns.wp-block-columns,
.single-case-studies .lipotype-mobile-swap-columns > div > .wp-block-columns,
.single-case-studies .lipotype-mobile-swap-columns.wp-block-columns, body:not(:has(.disable-legacy-css)) .lipotype-mobile-swap-columns > div > .wp-block-columns,
body:not(:has(.disable-legacy-css)) .lipotype-mobile-swap-columns.wp-block-columns {
flex-direction: column-reverse;
flex-wrap: nowrap;
}
}
@media (max-width: 768px) {
.single-lipotype-news [class*=fullwidth-mobile],
.single-case-studies [class*=fullwidth-mobile], body:not(:has(.disable-legacy-css)) [class*=fullwidth-mobile] {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: block;
}
.single-lipotype-news .fullwidth-mobile-child-margin > *,
.single-case-studies .fullwidth-mobile-child-margin > *, body:not(:has(.disable-legacy-css)) .fullwidth-mobile-child-margin > * {
margin-left: 30px;
margin-right: 30px;
}
}
.lipotype-quote-container {
border-top: 15px solid #8cce52;
padding: 20px;
font-size: 16px;
}
.lipotype-quote-container > div > .wp-block-columns {
margin: 0;
}
body :where(.has-lipotype-dark-blue-color) {
color: #003246;
}
body :where(.has-lipotype-dark-blue-color).wp-block-button__link {
color: #003246;
}
body :where(.has-lipotype-dark-blue-background-color) {
background-color: #003246;
color: white;
}
body :where(.has-lipotype-dark-blue-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-light-blue);
}
body :where(.has-lipotype-dark-blue-background-color) a:not(.wp-element-button):hover {
color: #007fb8;
}
body :where(.has-lipotype-light-green-color) {
color: #8cce52;
}
body :where(.has-lipotype-light-green-color).wp-block-button__link {
color: #8cce52;
}
body :where(.has-lipotype-light-green-background-color) {
background-color: #8cce52;
color: white;
}
body :where(.has-lipotype-light-green-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-light-green-background-color) a:not(.wp-element-button):hover {
color: #005a7d;
}
body :where(.has-lipotype-dark-green-color) {
color: #329a53;
}
body :where(.has-lipotype-dark-green-color).wp-block-button__link {
color: #329a53;
}
body :where(.has-lipotype-dark-green-background-color) {
background-color: #329a53;
color: white;
}
body :where(.has-lipotype-dark-green-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-dark-green-background-color) a:not(.wp-element-button):hover {
color: #005a7d;
}
body :where(.has-lipotype-light-blue-color) {
color: #009de1;
}
body :where(.has-lipotype-light-blue-color).wp-block-button__link {
color: #009de1;
}
body :where(.has-lipotype-light-blue-background-color) {
background-color: #009de1;
color: white;
}
body :where(.has-lipotype-light-blue-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-light-blue-background-color) a:not(.wp-element-button):hover {
color: #005a7d;
}
body :where(.has-lipotype-dark-yellow-color) {
color: #ECC132;
}
body :where(.has-lipotype-dark-yellow-color).wp-block-button__link {
color: #ECC132;
}
body :where(.has-lipotype-dark-yellow-background-color) {
background-color: #ECC132;
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-dark-yellow-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-light-blue);
}
body :where(.has-lipotype-dark-yellow-background-color) a:not(.wp-element-button):hover {
color: #007fb8;
}
body :where(.has-lipotype-grey-color) {
color: #ccc;
}
body :where(.has-lipotype-grey-color).wp-block-button__link {
color: #ccc;
}
body :where(.has-lipotype-grey-background-color) {
background-color: #ccc;
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-grey-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-light-blue);
}
body :where(.has-lipotype-grey-background-color) a:not(.wp-element-button):hover {
color: #007fb8;
}
body :where(.has-lipotype-beige-color) {
color: var(--lipotype-color-dark-beige);
}
body :where(.has-lipotype-beige-color).wp-block-button__link {
color: var(--lipotype-color-dark-beige);
}
body :where(.has-lipotype-beige-background-color) {
background-color: var(--lipotype-color-dark-beige);
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-beige-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-green);
}
body :where(.has-lipotype-beige-background-color) a:not(.wp-element-button):hover {
color: var(--lipotype-color-green__highlight);
}
body :where(.has-lipotype-carrara-color) {
color: #f9f9f6;
}
body :where(.has-lipotype-carrara-color).wp-block-button__link {
color: #f9f9f6;
}
body :where(.has-lipotype-carrara-background-color) {
background-color: #f9f9f6;
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-carrara-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-green);
}
body :where(.has-lipotype-carrara-background-color) a:not(.wp-element-button):hover {
color: var(--lipotype-color-green__highlight);
}
body :where(.has-lipotype-purple-color) {
color: var(--lipotype-color-purple);
}
body :where(.has-lipotype-purple-color).wp-block-button__link {
color: var(--lipotype-color-purple);
}
body :where(.has-lipotype-purple-background-color) {
background-color: var(--lipotype-color-purple);
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-purple-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-green);
}
body :where(.has-lipotype-purple-background-color) a:not(.wp-element-button):hover {
color: var(--lipotype-color-green__highlight);
}
body :where(.has-lipotype-white-color) {
color: white;
}
body :where(.has-lipotype-white-color).wp-block-button__link {
color: white;
}
body :where(.has-lipotype-white-background-color) {
background-color: white;
color: var(--lipotype-color-dark-blue);
}
body :where(.has-lipotype-white-background-color) a:not(.wp-element-button) {
color: var(--lipotype-color-light-blue);
}
body :where(.has-lipotype-white-background-color) a:not(.wp-element-button):hover {
color: #007fb8;
}