:root { --main-font: Chivo;
--backup-font: 'Helvetica Neue';
--display-font: 'Berkshire Swash';
--main-fonts: var(--main-font, --backup-font, sans-serif);
--global--color-primary: #222222;
--global--line-height-body: 1.5rem;
--form--border-width: 2px;
--newsletter--border-width: 1px;
--button--border-width: 2px;
--form--border-color: #222222;
--form--spacing-unit: 10px;
--button--line-height: 1.5rem;
--button--padding-vertical: 10px;
--button--padding-horizontal: 20px; --purple: var(--wp--preset--color--purple);
--purple-light: var(--wp--preset--color--purple-light);
--blue: var(--wp--preset--color--blue);
--gray-dark: var(--wp--preset--color--gray-dark);
--gray-light: var(--wp--preset--color--gray-light);
--black: var(--wp--preset--color--black);
--white: #fff;  --link-color: var(--wp--preset--color--blue);
--link-color-hover: var(--wp--preset--color--blue);
}
.blue-text {
color: var(--wp--preset--color--blue);
}
.purple-text {
color: var(--wp--preset--color--purple);
}
.blue-bkg-link a {
background-color: var(--wp--preset--color--blue) !important;
}
.purple-bkg-link a {
background-color: var(--wp--preset--color--purple) !important;
}
.margin-none {
margin: 0 !important;
}
* {
font-size: 100%;
font-family: var(--main-fonts);
}
.entry-content,
.entry-summary,
p,
a,
ul,
li,
span,
title {
font-family: var(--main-font, 'Helvetica Neue', sans-serif);
font-size: var(--wp--preset--font-size--normal);
}
a {
color: var(--wp--preset--color--blue);
}
a.wp-block-button__link:focus,
a.wp-block-button__link:hover {
text-decoration: none;
color: var(--wp--preset--color--blue);
}
a:focus,
a:hover {
background-color: initial !important;
text-decoration: none !important;
color: var(--wp--preset--color--black);
outline: none
}
a.has-white-color:focus,
a.has-white-color:hover {
color: var(--wp--preset--color--black) !important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
color: var(--wp--preset--color--black);
}
a[href=''],
a[href='#'] {
display: none;
}
textarea:focus,
img:focus,
button:focus,
a:focus,
a:focus img {
outline: none !important;
}
h1,
.h1 {
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
font-size: var(--wp--preset--font-size--large-heading);
}
h2,
.h2 {
font-size: var(--wp--preset--font-size--heading);
}
.widget h3,
h3,
.h3 {
font-family: var(--main-font, 'Helvetica Neue', sans-serif);
font-size: var(--wp--preset--font-size--sub-heading);
}
h4,
.h4 {
font-family: var(--main-font, 'Helvetica Neue', sans-serif);
font-size: var(--wp--preset--font-size--normal);
font-weight: bold;
}
h5,
.h5,
h6,
.h6 {
font-family: var(--main-font, 'Helvetica Neue', sans-serif);
}
h2,
.h2 {
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
input[type='text'],
input[type='email'],
input[type='submit'] {
border-radius: 4px;
border-width: var(--button--border-width);
}
input[type='submit'] {
background-color: var(--wp--preset--color--purple) !important;
}
input[type='checkbox'],
input[type='text'],
input[type='email'],
input[type='submit'].newsletter__submit {
border-width: var(--newsletter--border-width);
}
input[type='text']:focus,
input[type='email']:focus,
input[type='submit'].newsletter__submit:focus
input[type='text'].newsletter__name:hover,
input[type='email'].newsletter__email:hover,
input[type='submit'].newsletter__submit:hover {
border-width: var(--newsletter--border-width);
}
input[type='submit']:hover {
border-radius: 4px;
color: var(--wp--preset--color--purple);
border-width: var(--button--border-width);
background-color: var(--wp--preset--color--white) !important;
}
.button {
display: inline-block;
line-height: 100%;
height: 100%;
}
.cta__button a {
font-size: var(--wp--preset--font-size--normal) !important;
}
.cta__button:hover a {
color: var(--wp--preset--color--black);
border-color: var(--wp--preset--color--black) !important;
}
.site .button:focus,
button:focus,
input[type='submit']:focus,
input[type='reset']:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
outline: none;
border-color: var(--wp--preset--color--black);
color: var(--wp--preset--color--black);
} .wp-block-buttons .wp-block-button.link-only a,
.wp-block-buttons .link-only a {
background: none;
color: var(--wp--preset--color--blue);
}
.social-media-links {
display: flex;
justify-content: flex-start;
}
.social-media-links > * {
padding-right: 1rem;
}
.social-media-links.links-only .widget_text {
display: none;
}
.link-only a {
border: none !important;
background-color: none !important;
text-decoration: underline !important;
color: var(--wp--preset--color--blue) !important;
padding: 0 !important;
}
.wp-block-buttons
> .wp-block-button.has-custom-font-size
.wp-block-button__link {
font-size: var(--wp--preset--font-size--normal);
}
.wp-block-button:not(.link-only) .wp-block-button__link {
border-radius: 4px;
font-size: var(--wp--preset--font-size--normal);
min-width: 200px;
border-width: var(--form--border-width);
border-color: transparent;
}
.wp-block-button:not(.link-only) .wp-block-button__link:focus {
border-color: var(--wp--preset--color--black);
}
.social-media-links .wp-block-button.link-only .wp-block-button__link:hover,
.social-media-links .wp-block-button.link-only .wp-block-button__link:active {
background-color: #fff !important;
text-decoration: none !important;
color: var(--wp--preset--color--blue) !important;
border-width: var(--form--border-width);
} .font-family-regular {
font-family: var(--main-fonts);
}
.font-family-display {
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
}
.bold {
font-weight: bold;
}
.text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-capitalize {
text-transform: capitalize;
}
.display-block {
margin: 0 0 0.5rem;
padding: 0;
}
.display-flex {
display: flex;
margin: 0 0 1rem;
padding: 0;
}
.flex-center {
align-items: center;
justify-content: center;
}
.center-align {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.block {
display: block !important;
}
.inline-block {
display: inline-block !important;
}
.ptb50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.ptb100 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt50 {
padding-top: 50px;
}
.pt25 {
padding-top: 25px;
}
.pb50 {
padding-bottom: 50px;
}
.pb25 {
padding-bottom: 25px;
}
.m0,
.margin0 {
margin: 0 !important;
}
.mb0 {
margin-bottom: none !important;
}
.mtb50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mtb100 {
margin-top: 100px;
margin-bottom: 100px;
}
.mt50 {
margin-top: 50px;
}
.mt25 {
margin-top: 25px;
}
.mb50 {
margin-bottom: 50px;
}
.mb25 {
margin-bottom: 25px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
} .site-title,
.site-title a {
font-size: var(--wp--preset--font-size--heading);
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
text-decoration: none;
}
.site-description {
font-family: var(--main-fonts);
}
.primary-navigation a {
font-family: var(--main-fonts);
}
.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
text-decoration-style: solid;
}
.primary-navigation a:focus,
.primary-navigation a:hover {
text-decoration-style: solid !important;
background: none !important;
color: currentColor !important;
}
.site-branding {
display: flex;
justify-content: flex-end;
width: 50%;
margin: 0;
}
.primary-navigation-open #site-navigation .site-branding {
justify-content: center;
visibility: visible;
margin: 0 auto;
}
.primary-navigation-open .site-title a {
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
}
.site-header {
position: relative;
justify-content: center;
max-width: 90%;
padding-top: 2rem;
border-bottom: 1px solid var(--wp--preset--color--light-gray);
padding-bottom: 2rem;
margin-bottom: 2rem;
align-items: center;
}
.lock-scrolling .site {
position: fixed;
max-width: 100%;
width: 100%;
}
.primary-navigation > .primary-menu-container {
visibility: hidden;
}
.menu-button-container {
display: flex;
right: unset;
left: 0;
padding: 0;
}
.primary-navigation-open .menu-button-container {
width: auto;
right: unset;
padding-top: calc(0.5 * var(--global--spacing-vertical));
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
padding-bottom: 0;
background-color: transparent;
width: 100%;
}
.primary-navigation .menu-button-container {
padding-top: 0;
top: 2rem;
}
.admin-bar .primary-navigation .menu-button-container {
padding-top: 0;
}
.primary-navigation .site-branding__mobile {
left: -99999px;
display: block;
position: absolute;
transition: all 0.15s ease-in-out;
color: var(--branding--color-link);
white-space: nowrap;
visibility: hidden;
}
.primary-navigation-open .site-branding__mobile {
width: 100%;
text-align: center;
top: 2rem;
left: 0;
z-index: 10;
white-space: nowrap;
}
.primary-navigation-open .site-branding__mobile .site-description {
display: none;
}
.primary-navigation-open .menu-button-container #primary-mobile-menu {
position: absolute;
height: auto;
}
.menu-button-container #primary-mobile-menu:focus {
border: solid 1px var(--wp--preset--color--black);
}
.primary-navigation-open.admin-bar .primary-navigation {
top: var(--global--admin-bar--height);
}
.admin-bar .primary-navigation,
.primary-navigation {
position: absolute;
top: var(--global--admin-bar--height);
top: 0;
color: var(--primary-nav--color-text);
font-size: var(--primary-nav--font-size);
line-height: 1.15;
margin-top: 0;
margin-bottom: 0;
left: 0;
right: unset;
}
.primary-navigation-open .primary-navigation {
position: fixed;
z-index: 2;
height: 100%;
width: 400px;
}
.primary-navigation-open .primary-menu-container__background {
z-index: 2;
background-color: #fff;
height: 100%;
width: 400px;
left: 0;
}
.primary-menu-container__background {
position: absolute;
z-index: 2;
background-color: #fff;
height: 100%;
width: 400px;
transition: all 0.15s ease-in-out;
left: -999px;
}
.primary-navigation > div > .menu-wrapper {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
margin: 0;
max-width: none;
padding-left: 0;
position: relative;
margin-top: 6rem;
justify-content: center;
align-items: center;
}
.admin-bar .primary-navigation .primary-menu-container,
.primary-navigation .primary-menu-container {
height: calc(100vh - var(--global--admin-bar--height));
left: -999px;
visibility: visible;
width: 100%;
position: absolute;
display: none;
}
.admin-bar .primary-navigation-open .primary-navigation .primary-menu-container,
.primary-navigation-open .primary-navigation .primary-menu-container {
height: calc(100vh - var(--global--admin-bar--height));
z-index: 9;
overflow-x: hidden;
overflow-y: auto;
border: var(--button--border-width) solid transparent;
background-color: var(--global--color-background);
top: 0;
padding-top: calc(
var(--button--line-height) * var(--primary-nav--font-size-button) + 42px +
5px
);
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
padding-bottom: var(--global--spacing-horizontal);
width: 100%;
position: absolute;
visibility: visible;
opacity: 1;
transform: translateY(0);
left: 0 !important;
margin: 0;
background-color: rgba(112, 45, 119, 0.5);
width: 400px;
padding-top: 6rem;
display: block;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#primary-menu-list .menu-item:focus a,
#primary-menu-list .menu-item:hover a,
#primary-menu-list .menu-item a:focus,
#primary-menu-list .menu-item a:hover {
text-decoration: underline !important;
}
.primary-navigation > div > .menu-wrapper li {
width: 100%;
}
.menu-button-container #primary-mobile-menu .dropdown-icon.close .svg-icon,
.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
height: 2rem;
width: 2rem;
margin: 0;
}
.header-social-media {
position: relative;
width: 50%;
}
.header-social-media #page__category {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: row;
grid-template-columns: unset;
width: auto;
column-gap: unset;
justify-content: flex-end;
}
.header-social-media #page__category section {
margin: 0;
justify-content: center;
align-items: center;
}
.header-social-media #page__category ul {
display: flex;
}
.header-social-media #page__category ul li {
margin-right: 0.8rem;
height: 1.5rem;
width: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.header-social-media ul li a {
display: inline-block;
position: relative;
z-index: 1;
max-height: 100%;
}
.header-social-media #page__category ul span {
display: inline-block;
}
.header-social-media #page__category ul object {
position: relative;
z-index: -1;
max-width: 25px;
max-height: 25px;
}
.header-social-media #page__category ul li svg {
max-width: 25px;
max-height: 25px;
}
.header-social-media ul li a object svg,
.header-social-media ul li a span object svg {
color: var(--wp--preset--color--purple);
fill: var(--wp--preset--color--purple);
}
.header-social-media a:focus svg,
.header-social-media svg:hover {
fill: var(--wp--preset--color--purple);
color: var(--wp--preset--color--purple);
}
.header-social-media #page__category section .wp-block-button {
margin: 0;
}
@media screen and (max-width: 767px) {
.site-header {
position: relative;
align-items: center;
justify-content: center;
max-width: 90%;
}
.site-branding {
justify-content: center;
}
.site-title {
text-align: center;
}
.site-title a {
font-size: var(--wp--preset--font-size--heading);
font-family: var(--display-font, 'Helvetica Neue', sans-serif);
padding: 0;
}
.header-social-media {
display: none;
}
.lock-scrolling .site {
position: fixed;
max-width: 100%;
width: 100%;
}
.primary-navigation > .primary-menu-container {
visibility: hidden;
}
.primary-navigation-open .primary-menu-container__background {
width: 100%;
}
.primary-menu-container__background {
left: -999px;
}
.menu-button-container {
display: flex;
right: unset;
left: 0;
padding: 0;
}
.primary-navigation-open .menu-button-container {
width: auto;
right: unset;
padding-top: calc(0.5 * var(--global--spacing-vertical));
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
padding-bottom: 0;
background-color: transparent;
width: 100%;
}
.primary-navigation .menu-button-container {
top: 2rem;
}
.primary-navigation .site-branding__mobile {
display: none;
}
.primary-navigation-open .site-branding__mobile {
width: 100%;
text-align: center;
display: block;
z-index: 10;
white-space: nowrap;
}
.primary-navigation-open .site-branding__mobile .site-description {
display: none;
}
.primary-navigation-open .menu-button-container #primary-mobile-menu {
position: absolute;
height: auto;
z-index: 11;
}
.primary-navigation-open.admin-bar .primary-navigation {
top: var(--global--admin-bar--height);
}
.admin-bar .primary-navigation,
.primary-navigation {
position: absolute;
top: var(--global--admin-bar--height);
top: 0;
color: var(--primary-nav--color-text);
font-size: var(--primary-nav--font-size);
line-height: 1.15;
margin-top: 0;
margin-bottom: 0;
left: 0;
right: unset;
}
.primary-navigation-open .primary-navigation {
width: 100%;
position: fixed;
z-index: 2;
background-color: #fff;
height: 100%;
width: 100%;
max-width: 100%;
}
.primary-navigation > div > .menu-wrapper {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
margin: 0;
max-width: none;
padding-left: 0;
position: relative;
margin-top: 6rem;
justify-content: center;
align-items: center;
}
.admin-bar .primary-navigation .primary-menu-container,
.primary-navigation .primary-menu-container {
height: calc(100vh - var(--global--admin-bar--height));
left: -999px;
visibility: visible;
width: 100%;
position: fixed;
}
.admin-bar
.primary-navigation-open
.primary-navigation
.primary-menu-container,
.primary-navigation-open .primary-navigation .primary-menu-container {
height: calc(100vh - var(--global--admin-bar--height));
overflow-x: hidden;
overflow-y: auto;
border: var(--button--border-width) solid transparent;
background-color: var(--global--color-background);
top: 0;
padding-top: calc(
var(--button--line-height) * var(--primary-nav--font-size-button) + 42px +
5px
);
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
padding-bottom: var(--global--spacing-horizontal);
width: 100%;
position: absolute;
visibility: visible;
opacity: 1;
transform: translateY(0);
left: 0 !important;
margin: 0;
padding-top: 6rem;
background-color: rgba(112, 45, 119, 0.5);
width: 100%;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.primary-navigation > div > .menu-wrapper li {
width: 100%;
}
.menu-button-container #primary-mobile-menu .dropdown-icon.close .svg-icon,
.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
height: 2rem;
width: 2rem;
margin: 0;
} .social-media-links {
justify-content: flex-start;
}
} .page-title,
.singular .entry-title,
.page-title > *,
.singular .entry-title > * {
font-size: var(--wp--preset--font-size--large-heading);
color: var(--wp--preset--color--blue);   }
.page-header,
.singular .entry-header {
padding-bottom: calc(0.5 * var(--global--spacing-vertical));
margin-bottom: var(--global--spacing-vertical);
border-bottom: 2px solid var(--wp--preset--color--blue);
}  .site-main .alignwide .wp-block-columns {
max-width: 100%;
display: flex;
} .wp-block-columns .wp-block-column:not(:last-child).flex-item {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-columns.flex-container {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-top: 1rem;
}
.flex-container .flex-item {
max-width: 49%;
min-width: 49%;
}
.flex-container .flex-item img {
max-width: 150px !important;
}
.flex-container .flex-item a {
height: 100%;
display: block;
width: 100%;
text-align: left;
margin-bottom: 0.5rem;
font-size: var(--wp--preset--font-size--normal);
font-weight: bold;
}
.wp-block-column:nth-child(2n) { }
@media only screen and (max-width: 767px) {
.page-header.alignwide {
margin: 0;
}
}
@media only screen and (min-width: 767px) {
.wp-block-columns .wp-block-column:not(:last-child).flex-item {
margin-bottom: var(--global--spacing-vertical);
}
.flex-container .flex-item {
min-width: 23%;
max-width: 23%;
margin: 0 1% 2rem;
}
.wp-block-column:nth-child(2n) {
margin-left: inherit;
}
.wp-block-column:nth-child(5n) {
margin-left: 0;
}
} .lcp_catlist {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.lcp_catlist li {
max-width: 49%;
min-width: 49%;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
align-items: center;
height: 200px;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.lcp li a,
.lcp_catlist li a {
height: 100%;
display: block;
width: 100%;
text-align: left;
margin-bottom: 0.5rem;
font-size: var(--wp--preset--font-size--normal);
font-weight: bold;
}
.lcp_catlist li img,
.lcp_catlist li a img {
max-width: 100%;
height: 100%;
width: auto;
}
@media only screen and (min-width: 767px) {
.lcp_catlist li {
min-width: 23%;
max-width: 23%;
margin: 0 1% 2rem;
}
.lcp li a,
.lcp_catlist li a {
text-align: center;
}
} .site-main {
padding-top: 0;
}
.site-main .entry-content {
margin-top: 1rem;
}
.site-main.left-align .entry-header img,
.site-main.left-align .entry-content > * {
margin-left: 0;
} .site-main.full-width article .entry-header {
margin: 0 auto;
}
.site-main article .entry-header {
padding: 0;
margin: 0;
border: 0;
}
.site-main article .entry-header h1 {
padding-bottom: calc(0.5 * var(--global--spacing-vertical));
margin-bottom: var(--global--spacing-vertical);
border-bottom: 2px solid var(--wp--preset--color--blue);
}
.site-main article .entry-content .alignfull {
text-align: center;
padding-left: var(--global--spacing-vertical);
padding-right: var(--global--spacing-vertical);
}
.site-main article .entry-content .alignfull > .wp-block-columns {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
justify-content: space-around;
justify-content: center;
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.site-main
article
.entry-content
.alignfull:not(.component__new-releases)
> .wp-block-columns
.wp-block-column:not(.alignfull) {
max-width: 500px;
margin-left: 0;
margin-right: 0;
}
.site-main
article
.entry-content
.component__new-releases
> .wp-block-columns
.wp-block-column {
max-width: 1000px;
}
@media screen and (max-width: 767px) {
.site-main article .entry-content .alignfull > .wp-block-columns {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: left;
margin: 0;
margin-bottom: 1rem;
padding: 1rem 2rem;
}
.site-main article .entry-content .wp-block-column.alignfull {
width: 100%;
padding: 0;
}
.site-main article .entry-content .wp-block-group.alignfull,
.site-main article .entry-content .wp-block-columns.alignfull {
padding-left: 0;
padding-right: 0;
}
}
.site-main article .entry-content .alignfull p {
text-align: left;
}
.site-main article .entry-content h2 {
color: var(--wp--preset--color--blue);
width: auto;
display: inline-block;
text-align: center;
margin: 0 auto;
padding-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.site-main article .entry-content h2::after {
margin-bottom: var(--global--spacing-vertical);
border-bottom: 2px solid var(--wp--preset--color--blue);
content: '';
width: 50%;
display: block;
margin: 0 auto;
padding-top: 4px;
}
article .post-thumbnail img.wp-post-image {
margin-top: 0;
}
article .entry-header .post-thumbnail {
margin: 0;
}
article .entry-header .post-thumbnail img {
max-width: 300px !important;
}
article .entry-header .entry-title {
margin: 0;
}
article .entry-header .flex-container > * {
margin-right: 1rem;
} .mc4wp-form-fields {
display: flex;
justify-content: center;
align-items: center;
}
.mc4wp-form-fields .newsletter__name {
font-size: var(--wp--preset--font-size--normal);
}
.mc4wp-form-fields .newsletter__email {
font-size: var(--wp--preset--font-size--normal);
}
.mc4wp-form-fields .newsletter__submit {
font-size: var(--wp--preset--font-size--normal);
}
.newsletter {
border: var(--newsletter--border-width) solid;
border-radius: 6px;
max-width: 90%;
text-align: center;
}
.entry-content .mc4wp-form,
.entry-content
.mc4wp-form:not(.alignwide):not(.alignfull):not(.alignleft):not(.alightright):not(.wp-block-separator):not(.woocommerce) {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
max-width: 90%;
margin: 1rem auto 0;
} .editor-styles-wrapper .wp-block {
margin: 2em auto 0;
max-width: var(--responsive--alignwide-width);
} #sidebar {
width: 30%;
}
.sidebar {
width: 100%;
display: flex;
flex-direction: column;
border: var(--button--border-width) solid var(--wp--preset--color--light-gray);
padding: 1rem;
margin-top: 6rem;
}
.sidebar > *:not(:first-child) {
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--wp--preset--color--light-gray);
}
.sidebar #block-10 .display-flex {
margin-bottom: 0;
}
.sidebar #block-10 .display-flex a {
margin-bottom: 1rem;
}
.sidebar .button {
width: 50%;
min-width: 200px;
text-align: center;
border-radius: 5px;
}
.sidebar .button:focus,
.sidebar .button:hover {
color: 1px solid var(--wp--preset--color--light-gray);
color: #fff;
}
@media screen and (max-width: 767px) {
#sidebar__product {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.sidebar {
margin-top: 0;
}
#sidebar {
width: 90%;
margin: 0 auto;
} .mc4wp-form-fields {
display: flex;
justify-content: center;
align-items: center;
}
.newsletter__form > input {
margin-bottom: 1rem;
}
.mc4wp-form-fields .newsletter__name {
width: 100%;
}
.mc4wp-form-fields .newsletter__email {
width: 100%;
}
.mc4wp-form-fields .newsletter__submit {
width: 100%;
}
} #primary {
display: flex;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
#primary.full-width {
max-width: 100%;
}
.site-main {
width: 65%;
}
.site-main.full-width {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.site-main.full-width {
width: 100%;
max-width: 100%;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.site-main {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#primary {
flex-direction: column;
}
} .page__Homepage .site-header {
margin-bottom: 0;
}
.page__Homepage .widget-area__section {
display: none;
}
.page__Homepage .component__new-releases {
margin-top: -150px;
padding-top: 150px;
padding-bottom: 150px;
background-color: #fff;
background-image: url(http://localhost:8080/starter/wp-content/uploads/2021/10/background-fadedclouds-70-opacity.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.site-main
article
.entry-content
.component__new-releases
> .wp-block-columns
.wp-block-column {
max-width: 1000px;
}
.wp-block-latest-posts > li > a {
font-size: var(--wp--preset--font-size--normal);
font-weight: bold;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
font-size: var(--wp--preset--font-size--normal);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-vertical));
}
.more-link {
display: block;
margin-top: 0.5rem;
}
.wp-block-latest-posts__featured-image a {
width: 100%;
}
.wp-block-latest-posts__featured-image img {
max-height: 100% !important;
}
.wp-block-latest-posts.is-grid li {
padding: 0 3rem;
text-align: left;
}
@media screen and (max-width: 767px) {
.wp-block-columns .wp-block-column > *:first-child {
margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
margin-top: 0;
}
.page__Homepage .component__new-releases {
margin-top: 50px;
margin-bottom: 50px;
padding-top: 0;
}
.wp-block-latest-posts.is-grid li {
width: 100%;
padding: 1rem 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
display: flex;
flex-direction: column;
margin: 0;
}
} .page__About .widget-area__section {
display: none;
}  .page__Series .site-main article .entry-content h2,
.page__Books .site-main article .entry-content h2 {
color: var(--wp--preset--color--blue);
display: inline-block;
text-align: center;
padding-bottom: 0;
margin: 0 auto;
margin-bottom: var(--global--spacing-vertical);
}
.page__Series .site-main article .entry-content h3,
.page__Books .site-main article .entry-content h3 {
padding: 0.5rem 0;
margin-bottom: var(--global--spacing-vertical);
}
.page__Series .site-main article .entry-content h2::after,
.page__Books .site-main article .entry-content h2::after {
margin-bottom: var(--global--spacing-vertical);
border-bottom: 2px solid var(--wp--preset--color--blue);
content: '';
width: 50%;
display: block;
margin: 0 auto;
padding-top: 4px;
} article.category-blog {
margin: 0;
margin-top: var(--wp--preset--font-size--normal);
text-align: left;
}
article.category-blog .entry-title {
text-align: left;
margin-left: 0;
}
article.category-blog .entry-content > p,
article.category-blog > * {
text-align: left;
margin-left: 0;
}
article.category-blog.category__blog-post .entry-content p {
text-align: left;
margin: 0 !important;
}
article.category-blog.category__blog-post .entry-footer {
margin-top: 0;
padding-bottom: calc(2 * var(--global--spacing-vertical));
}
.sidebar__blog .widget_block,
.sidebar__blog .widget_block ul li {
font-size: var(--wp--preset--font-size--normal);
margin: 0;
margin-bottom: var(--global--font-size-xs);
}
.sidebar__blog .widget_block ul li a {
font-size: var(--wp--preset--font-size--normal);
}
.sidebar__blog h3 {
background-color: var(--wp--preset--color--blue);
color: #fff;
text-align: center;
padding: 0.5rem 0;
font-weight: normal;
}
.sidebar__blog .wp-block-latest-posts > li > a {
font-weight: normal;
}
.sidebar__blog .wp-block-categories-list .cat-item .children {
display: none;
}
.pagination .nav-links > *,
.comments-pagination .nav-links > * {
font-size: var(--wp--preset--font-size--normal);
text-underline-offset: 3px;
} .single .site-main > article > .entry-footer {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
}
.single .site-main > article > .entry-footer.align-left {
margin-left: 0;
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
text-align: left;
}
@media screen and (max-width: 767px) {
.single .site-main > article > .entry-footer {
margin-top: 0;
}
.site-main article {
margin-bottom: 2rem;
}
} .page-template__archive {
margin-top: 0;
}
.page-template__archive .entry-content > * {
margin: 0 !important;
}
.page-template__archive .entry-footer {
margin-left: 0;
} .comments-title,
.comment-reply-title {
font-size: var(--wp--preset--font-size--sub-heading);
letter-spacing: var(--heading--letter-spacing-h3);
color: var(--wp--preset--color--purple);
font-weight: bold;
}
.comment-author .url {
color: var(--wp--preset--color--blue);
}
.comment-form > p textarea {
border-radius: 8px;
background-color: var(--wp--preset--color--light-gray);
border-width: var(--newsletter--border-width);
}
input[type='checkbox']:focus,
input[type='text']:focus,
input[type='email']:focus,
.comment-form > p textarea:focus {
background-color: var(--wp--preset--color--white);
outline: none;
}
.post-taxonomies > span a,
.published {
font-style: italic;
font-size: var(--wp--preset--font-size--small);
text-decoration: none;
}
.post-taxonomies > span a:hover {
text-decoration: underline !important;
}
.comment-form-url {
display: none;
}
.comment-meta .comment-author .fn {
font-size: var(--wp--preset--font-size--normal);
}
.comments-area.show-avatars .avatar {
top: 0;
} .site-footer > .site-info a:hover {
text-decoration: none;
}
.widget-area {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1rem;
}
.widget-area__section {
display: flex;
justify-content: center;
align-items: center;
max-width: 90%;
margin: 1rem auto 2rem;
} .newsletter__container {
padding: 2rem 4rem;
border: var(--newsletter--border-width) solid var(--wp--preset--color--purple);
border-radius: 10px;
}
.newsletter__title {
color: var(--wp--preset--color--purple);
border-bottom: var(--form--border-width) solid
var(--wp--preset--color--purple);
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.newsletter__container {
padding: 1rem 2rem;
}
} .site-footer {
padding-top: 0;
padding-bottom: calc(1.7 * var(--global--spacing-vertical));
width: 100%;
margin: 0;
max-width: 100%;
}
.footer-navigation {
margin: 0;
}
.footer-navigation-wrapper {
justify-content: flex-start;
}
.site-footer > .site-info {
display: flex;
align-items: center;
max-width: var(--responsive--alignwide-width);
margin: auto;
border: none;
justify-content: space-between;
}
.footer-social-media {
margin: 0;
background: var(--wp--preset--color--purple);
color: var(--white);
width: 100%;
max-height: 100px;
}
.footer-social-media section {
width: 100%;
margin: 0;
}
.footer-social-media #page__category {
padding: calc(40px - 15px) 0;
margin: 0 auto;
}
.footer-social-media ul {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.footer-social-media ul li img {
max-width: 30px;
height: auto;
}
.header-social-media {
position: relative;
width: 50%;
}
.header-social-media #page__category {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: row;
grid-template-columns: unset;
width: auto;
column-gap: unset;
justify-content: flex-end;
}
.header-social-media #page__category section {
margin: 0;
justify-content: center;
align-items: center;   }
.header-social-media #page__category ul {
display: flex;
}
.header-social-media #page__category ul li {
margin-right: 0.8rem;
height: 1.5rem;
width: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.header-social-media ul li a {
display: inline-block;
position: relative;
z-index: 1;
max-height: 100%;
}
.header-social-media #page__category ul span {
display: inline-block;
}
.header-social-media #page__category ul object {
position: relative;
z-index: -1;
max-width: 25px;
max-height: 25px;
}
.header-social-media #page__category ul li svg {
max-width: 25px;
max-height: 25px;
}
.footer-social-media ul li a object svg,
.footer-social-media ul li a svg {
color: var(--wp--preset--color--white) !important;
fill: var(--wp--preset--color--white) !important;
}
.footer-social-media ul li a:focus svg,
.footer-social-media ul li a svg:hover {
fill: var(--wp--preset--color--black) !important;
color: var(--wp--preset--color--black) !important;
}
.header-social-media #page__category section .wp-block-button {
margin: 0;
}
.site-footer .powered-by a {
padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
}
@media screen and (max-width: 767px) {
.site-footer > .site-info {
flex-direction: column;
}
.site-footer .powered-by a {
padding: 0;
}
.site-footer > .site-info .powered-by {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}