html {
scroll-behavior: smooth;
}
main {
margin-top: 0;
}
@media only screen and (max-width: 600px) {
main {
padding: 0 20px !important;
}
.wp-block-site-logo a, .wp-block-site-logo img {
width: 130px !important;
}
}
@media only screen and (max-width: 600px) {
.wp-block-column:has(> .wp-block-image) {
order: -1;
}
.wp-block-column:has(> .wp-block-video) {
order: -1;
}
}
.has-mobile-image .wp-image-mobile {
display: none !important;
}
@media only screen and (max-width: 600px) {
.wp-block-cover.has-mobile-image {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
color: #000 !important;
padding: 0;
}
.has-mobile-image .wp-block-cover__image-background {
display: none;
}
.has-mobile-image .wp-image-mobile {
display: block !important;
margin-bottom: 15px;
}
.wp-block-image.has-mobile-image > img:first-child {
display: none !important;
}
}
/* Navigation */
header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 99999;
font-size: 14px;
}
.header .wp-block-navigation-item {
margin-right: 20px;
}
.header .cta {
background: #4CAC47;
color: white;
border-radius: 5px;
padding: 10px 25px;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-weight: bold !important;
}
@media screen and (max-width: 600px) {
h1 {
font-size: 32px !important;
}
h2 {
font-size: 25px !important;
}
h3 {
font-size: 22px !important;
}
}
/* Cover block */
@media screen and (max-width: 600px) {
.collagenplusflexi7 .wp-block-cover {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
color: #000 !important;
}
.collagenplusflexi7 .wp-block-cover__image-background {
position: static !important;
height: auto !important;
width: 100% !important;
object-fit: unset !important;
order: 1 !important;
border-radius: 20px !important;
z-index: 2;
margin-bottom: 20px !important;
}
.collagenplusflexi7 .wp-block-cover__inner-container {
order: 2 !important;
}
.collagenplusflexi7 .wp-block-cover__background {
z-index: 1 !important;
opacity: 100% !important;
}
.collagenplusflexi7 .wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: transparent;
}
}
/* Round block image */
.side-by-side img {
border-radius: 15px;
}
/* Columns */
@media screen and (max-width: 600px) {
.wp-block-columns {
gap: 0 !important;
}
}
/* Orderform */
.orderform {
padding: 55px;
border-radius: 20px;
box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
.orderform {
padding: 30px;
}
.orderform .orderform__title--level2 {
font-size: 24px !important;
text-align: center !important;
}
}
.orderform h2,
.orderform h3 {
margin: 0;
font-weight: bold;
}
.orderform .wp-block-colums {
margin-bottom: 0;
}
.orderform .orderform__header {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dashed gray;
}
.orderform .orderform__footer {
margin-top: 25px;
padding-top: 25px;
border-top: 1px dashed gray;
margin-bottom: 0;
}
.orderform .orderform__shipping {
margin-top: 25px;
}
/* Testimonials slider */
.slider-testimonial {
background: #fbf8f3;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
border: 1px solid #e1e8ed;
height: 100%;
}
/* Brandbook */
@media only screen and (max-width: 600px) {
.brandbook {
padding-top: 20px !important;
}
.brandbook.wp-block-columns {
justify-content: center !important;
}
.brandbook.wp-block-columns .wp-block-column {
flex-basis: 30% !important;
width: 30% !important;
flex-grow: unset !important;
}
}
.lectinect-list li {
position: relative;
list-style: none;
padding: 10px 0;
}
.lectinect-list li::before {
content: '';
background: url('data:image/svg+xml,');
height: 16px;
width: 26px;
background-size: contain;
display: block;
position: absolute;
}
.lectinect-quote p::before {
left: 0;
}
.lectinect-quote p::after {
right: 0;
bottom: 0px;
}
@media only screen and (min-width: 600px) {
.hide-on-desktop {
display: none !important;
}
}
@media only screen and (max-width: 600px) {
.hide-on-desktop {
display: block !important;
}
.hide-on-mobile {
display: none !important;
}
}
.orderform__hybrid {
display: none;
}
@media only screen and (max-width: 600px) {
.longcopy__first-box {
margin-top: 0 !important;
}
}
.longcopy__first-box {
position: relative;
z-index: 999999;
}
@media only screen and (max-width: 600px) {
.home-banner {
display: block !important;
min-height: unset !important;
}
.home-banner h1,
.home-banner h2,
.home-banner h3,
.home-banner h4,
.home-banner h5,
.home-banner h6,
.home-banner p {
color: #000 !important;
}
}
mark.has-inline-color {
padding: 2px 5px;
border-radius: 3px;
display: inline-block;
}
.entry-content .buy-box__orderform,
.entry-content .buy-box__tier-2-orderform,
.entry-content .buy-box__tier-3-orderform {
display: none;
}