/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
# Blocks
# Media
# Captions
# Galleries (Legacy)
# Post and page content
# Alignments
# Custom block colors
# Custom font sizes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/
@import "_custom-properties.scss";
@import "_blocks.scss";
@import "_media.scss";
@import "_pagination.scss";
@import "_widgets.scss";
@import "_grid.scss";
/*--------------------------------------------------------------
# Post and page content
--------------------------------------------------------------*/
/* Custom rule for sticky posts:
.sticky {
}
*/
article.sticky {
font-size: inherit;
}
.entry {
box-shadow: 0px 15px 25px -10px rgba(0,0,0,0.05);
border-radius: .25rem;
}
.custom-archive-loop-item.entry {
box-shadow: none;
border-radius: 0;
}
.entry-loop {
overflow: hidden;
}
.content-wrap {
position: relative;
//-index: 1;
}
.kadence-thumbnail-position-behind + .entry {
z-index: 1;
position: relative;
}
@media screen and (max-width: $phone-minus-query) {
.content-style-boxed .content-bg:not(.loop-entry) {
margin-left: -1rem;
margin-right: -1rem;
width: auto;
}
.content-width-fullwidth.content-style-boxed .content-bg:not(.loop-entry) {
margin-left: 0;
margin-right: 0;
}
.content-style-boxed .comments-area {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.primary-sidebar {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: $tablet-plus-query) {
.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not( .kb-post-no-image ) {
display: grid;
grid-template-columns: 1fr 2fr;
}
.blog.content-style-unboxed, .archive.content-style-unboxed, .search-results.content-style-unboxed {
.grid-lg-col-1.item-image-style-beside article.loop-entry {
grid-gap: 2rem;
.post-thumbnail {
margin-bottom: 0;
}
}
}
.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry {
grid-gap: 2rem;
.post-thumbnail {
margin-bottom: 0;
}
}
}
.archive.content-style-unboxed, .blog.content-style-unboxed, .post-type-archive.content-style-unboxed, .search-results.content-style-unboxed {
.entry-content-wrap {
padding: 0;
}
.entry {
box-shadow: none;
}
}
.article-post-thumbnail-caption {
font-size: 90%;
margin:0;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
}
.content-style-unboxed .kadence-thumbnail-position-above + .article-post-thumbnail-caption {
margin-top: calc( 0px - var(--global-md-spacing) );
margin-bottom: var(--global-md-spacing);
}
.single-content {
margin: var(--global-md-spacing) 0 0;
address, figure, hr, p, table, pre, form, .wp-block-buttons, .wp-block-button, .wc-block-grid, .wp-block-kadence-advancedbtn, .wp-block-media-text, .wp-block-cover, .entry-content-asset, .wp-block-kadence-form, .wp-block-group, .wp-block-yoast-faq-block, .wp-block-yoast-how-to-block, .schema-faq-section, .wp-block-kadence-tableofcontents, .enlighter-default, .wp-block-kadence-iconlist, [class*=__inner-content] {
margin-top: 0;
margin-bottom:var(--global-md-spacing);
}
.wp-block-buttons .wp-block-button {
margin-bottom: 0;
}
p > img {
display: inline-block;
&.aligncenter {
display: block;
}
}
li > img {
display: inline-block;
&.aligncenter {
display: block;
}
}
// This removes the extra space when adding a spacer below the paragraph.
p:not(.wp-block-kadence-advancedheading) + .wp-block-kadence-spacer {
margin-top: calc( 0rem - var(--global-md-spacing) );
}
.wp-block-yoast-faq-block .schema-faq-question {
margin-bottom: .5em;
}
.elementor-widget-container:first-child:not(style) h1, .elementor-widget-container:first-child:not(style) h2, .elementor-widget-container:first-child:not(style) h3, .elementor-widget-container:first-child:not(style) h4, .elementor-widget-container:first-child:not(style) h5, .elementor-widget-container:first-child:not(style) h6 {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.5em 0 .5em;
&:first-child {
margin-top: 0;
}
// Useful if you add one heading after another.
&+* {
margin-top: 0;
}
// &+ {
// .wp-block-buttons, .wp-block-button, .wc-block-grid, .wp-block-kadence-advancedbtn, .wp-block-media-text, .wp-block-image, .wp-block-cover, .entry-content-asset, .wp-block-kadence-form, .wp-block-kadence-iconlist {
// margin-top: 0;
// }
// }
}
.wp-block-kadence-advancedgallery + p {
margin-top: var(--global-md-spacing);
}
ul, ol {
margin: 0 0 var(--global-md-spacing);
padding-left: 2em;
&.aligncenter {
text-align: center;
padding-left: 0;
}
}
.kad-slider ul {
padding: 0;
margin: 0;
}
li>ol, li>ul {
margin: 0;
}
/* Align .more-link with the content. */
> .more-link {
display: block;
}
address, figure, hr, p, table, pre, form, .wp-block-buttons, .wp-block-button, .wp-block-kadence-advancedbtn, .wp-block-media-text, .wp-block-cover, .entry-content-asset, .wp-block-kadence-form, .wp-block-group, .wp-block-yoast-faq-block, .wp-block-yoast-how-to-block, .schema-faq-section, .wp-block-kadence-tableofcontents, .enlighter-default, .wp-block-kadence-iconlist, h1, h2, h3, h4, h5, h6, ul, ol {
&:last-child {
margin-bottom: 0;
// > figure {
// margin-top: 0;
// }
}
}
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title {
margin-bottom: 0.5em;
}
.wp-block-image {
margin-top: 0;
margin-bottom: 0;
figure {
margin-bottom: var(--global-md-spacing);
}
&:last-child {
figure {
margin-bottom: 0;
}
}
}
figure.wp-block-image {
margin-bottom: var(--global-md-spacing);
&:last-child {
margin-bottom: 0;
}
}
}
.entry-content:after {
display: table;
clear: both;
content: '';
}
.content-title-style-hide .entry-content, .content-title-style-above .entry-content {
margin: 0;
}
.content-title-style-above .entry-content-wrap .post-thumbnail + .single-content {
margin: var(--global-md-spacing) 0 0;
}
.wp-site-blocks .post-thumbnail {
display: block;
height: 0;
padding-bottom: 66.67%;
overflow: hidden;
position: relative;
&.kadence-thumbnail-ratio-1-2 {
padding-bottom: 50%;
}
&.kadence-thumbnail-ratio-9-16 {
padding-bottom: 56.25%;
}
&.kadence-thumbnail-ratio-1-1 {
padding-bottom: 100%;
}
&.kadence-thumbnail-ratio-3-4 {
padding-bottom: 75%;
}
&.kadence-thumbnail-ratio-5-4 {
padding-bottom: 125%;
}
&.kadence-thumbnail-ratio-4-3 {
padding-bottom: 133%;
}
&.kadence-thumbnail-ratio-3-2 {
padding-bottom: 150%;
}
&.kadence-thumbnail-ratio-inherit {
padding-bottom: 0;
height:auto;
.post-thumbnail-inner {
position: static;
}
img {
margin-left: auto;
margin-right: auto;
}
}
.post-thumbnail-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
img {
flex: 1;
object-fit: cover;
}
&:not(.kadence-thumbnail-ratio-inherit) img {
height: 100%;
width: 100%;
}
}
.wp-block-newspack-blocks-homepage-articles .post-thumbnail {
&:not(.kadence-thumbnail-ratio-inherit) img {
height: auto;
width: 100%;
}
}
.archive.content-style-unboxed .wp-site-blocks .post-thumbnail, .blog.content-style-unboxed .wp-site-blocks .post-thumbnail, .post-type-archive.content-style-unboxed .wp-site-blocks .post-thumbnail, .search-results.content-style-unboxed .wp-site-blocks .post-thumbnail {
margin-bottom: 1em;
}
.content-style-unboxed .kadence-thumbnail-position-above {
margin-bottom:var(--global-md-spacing);
}
.kadence-thumbnail-position-behind {
margin-bottom: -4.3em;
position: relative;
z-index: 0;
}
.content-style-unboxed .kadence-thumbnail-position-behind:after {
position: absolute;
content: '';
top: 0;
bottom: -1px;
left: 0;
right: 0;
background: linear-gradient(0deg, var(--global-palette9) 5%, rgba(var(--global-palette9rgb),0.35) 30%, rgba(255,255,255,0) 50%);
}
.kadence-breadcrumbs {
margin: 1em 0;
font-size: 85%;
color: var(--global-palette5);
a {
color: inherit;
}
p {
margin: 0;
}
}
.entry-content-wrap .entry-header .kadence-breadcrumbs:first-child {
margin-top: 0;
}
.entry-meta {
font-size: 80%;
margin: 1em 0;
display: flex;
flex-wrap: wrap;
> * {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
time {
white-space: nowrap;
}
}
a {
color: inherit;
text-decoration: none;
}
.meta-label {
margin-right: .2rem;
}
.author-avatar {
width: 25px;
height: 25px;
margin-right: .5rem;
position: relative;
display: inline-block;
a.author-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.image-size-ratio {
padding-bottom: 100%;
display: block;
}
img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 50%;
}
}
}
.entry-meta>*:after {
margin-left: .5rem;
margin-right: .5rem;
content: "";
display: inline-block;
background-color: currentColor;
height: .25rem;
width: .25rem;
opacity: .8;
border-radius: 9999px;
vertical-align: .1875em;
}
.entry-meta.entry-meta-divider-slash>*:after {
content: '/';
height: auto;
background: transparent;
}
.entry-meta.entry-meta-divider-dash>*:after {
content: '-';
height: auto;
background: transparent;
}
.entry-meta.entry-meta-divider-vline>*:after {
content: '|';
height: auto;
background: transparent;
}
.entry-meta>*:last-child:after {
display: none;
}
.entry-meta-divider-customicon.entry-meta>*>.kadence-svg-iconset {
margin-right: 0.3em;
margin-left: .8em;
}
.entry-meta-divider-customicon.entry-meta>*:after {
display: none;
}
.entry-meta-divider-customicon.entry-meta .kt-reading-time-wrap {
margin-left: .8em;
}
.loop-entry .entry-header .entry-title {
margin: 0;
}
.loop-entry .entry-summary p, .loop-entry .entry-header .entry-meta {
margin: 1em 0;
}
/* Hides the update date and time. */
.updated:not(.published) {
display: none;
}
.updated-on .updated:not(.published) {
display: inline-block;
}
.entry-summary {
margin: var(--global-xs-spacing) 0 0;
}
a.post-more-link {
font-weight: bold;
letter-spacing: .05em;
text-transform: uppercase;
text-decoration: none;
color: inherit;
font-size: 80%;
.kadence-svg-iconset {
margin-left: 0.5em;
}
&:hover {
color: var(--global-palette-highlight);
}
}
.more-link-wrap {
margin-top: var(--global-xs-spacing);
margin-bottom: 0;
}
.entry-taxonomies {
margin-bottom: 0.5em;
letter-spacing: .05em;
font-size: 70%;
text-transform: uppercase;
a {
text-decoration: none;
font-weight: bold;
}
.category-style-pill a {
background: var(--global-palette-highlight);
color: white;
padding: 0.25rem;
border-radius: 0.25rem;
margin-right: .25rem;
margin-bottom: .25rem;
display: inline-block;
line-height: 1.2;
&:last-child {
margin-right: 0;
}
&:hover {
color: white;
}
}
.category-style-underline a {
text-decoration: underline;
}
}
.loop-entry.type-post .entry-taxonomies .category-style-pill a {
color:white;
}
@media screen and (max-width: $phone-minus-query) {
.loop-entry .entry-taxonomies {
margin-bottom: 1em;
}
}
.entry-tags {
margin-top: var(--global-xs-spacing);
.tags-links {
display: flex;
flex-wrap: wrap;
}
a.tag-link {
margin-right: 0.5em;
padding: 0.4em 0.6em;
margin-top: 0.5em;
font-size: 80%;
border: 1px solid var(--global-gray-500);
border-radius: 0.25rem;
color: var(--global-palette5);
text-decoration: none;
&:hover {
background: var(--global-palette-highlight);
color: var(--global-palette-btn);
border-color: var(--global-palette-highlight);
}
&:last-child {
margin-right: 0;
}
}
}
.entry-hero-container-inner {
background: var( --global-palette7 );
.entry-header {
min-height: 200px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex-direction: column;
margin-bottom: 0;
> div {
width: 100%;
}
}
}
.entry-hero-layout-fullwidth > .entry-hero-container-inner > .site-container {
max-width:none;
}
.entry-hero {
position: relative;
}
.hero-section-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.hero-container {
position: relative;
}
.title-align-left {
text-align: left;
.entry-meta {
justify-content: flex-start;
}
}
.title-align-center {
text-align: center;
.entry-meta {
justify-content: center;
}
}
.title-align-right {
text-align: right;
.entry-meta {
justify-content: flex-end;
}
}
.entry-hero {
.title-align-left {
text-align: left;
align-items: flex-start;
}
.title-align-center {
text-align: center;
align-items: center;
}
.title-align-right {
text-align: right;
align-items: flex-end;
}
}
@media screen and (max-width: $tablet-minus-query) {
.title-tablet-align-left {
text-align: left;
.entry-meta {
justify-content: flex-start;
}
}
.title-tablet-align-center {
text-align: center;
.entry-meta {
justify-content: center;
}
}
.title-tablet-align-right {
text-align: right;
.entry-meta {
justify-content: flex-end;
}
}
.entry-hero {
.title-tablet-align-left {
text-align: left;
align-items: flex-start;
}
.title-tablet-align-center {
text-align: center;
align-items: center;
}
.title-tablet-align-right {
text-align: right;
align-items: flex-end;
}
}
}
@media screen and (max-width: $phone-minus-query) {
.title-mobile-align-left {
text-align: left;
.entry-meta {
justify-content: flex-start;
}
}
.title-mobile-align-center {
text-align: center;
.entry-meta {
justify-content: center;
}
}
.title-mobile-align-right {
text-align: right;
.entry-meta {
justify-content: flex-end;
}
}
.entry-hero {
.title-mobile-align-left {
text-align: left;
align-items: flex-start;
}
.title-mobile-align-center {
text-align: center;
align-items: center;
}
.title-mobile-align-right {
text-align: right;
align-items: flex-end;
}
}
}
.entry-header {
margin-bottom: 1em;
}
.page-content{
margin: 2rem 0 0;
}
.page-header{
margin-bottom: var(--global-lg-spacing);
}
.hero-container .page-header {
margin-bottom: 0;
}
.entry-footer {
clear: both;
}
// Post End
.post-navigation-wrap.entry-content-wrap, .post-navigation-wrap .post-navigation, .entry-author.entry-content-wrap {
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
}
.comments-area.entry-content-wrap {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.single-entry.post.entry.post-footer-area-boxed {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.post-footer-area-boxed ~ .entry-related {
margin: 0;
width: auto;
max-width: 100%;
.entry-related-inner-content.alignwide {
margin: 0;
width: auto;
max-width: 100%;
}
}
/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.wp-block-image .alignleft {
margin-right: var(--global-md-spacing);
}
.wp-block-image .alignright {
margin-left: var(--global-md-spacing);
}
.alignfull, .alignwide, .entry-content .alignwide, .entry-content .alignfull {
margin-left: calc( 50% - ( var(--global-vw, 100vw) / 2 ));
margin-right: calc( 50% - ( var(--global-vw, 100vw) / 2 ));
max-width: 100vw;
width: var(--global-vw, 100vw );
padding-left: 0;
padding-right: 0;
clear:both;
}
@media screen and (min-width: $laptop-plus-query) {
.content-width-narrow .entry-content .alignwide, .content-width-narrow .content-area .alignwide {
margin-left: -80px;
margin-right: -80px;
width: auto;
}
}
.content-width-fullwidth .wp-site-blocks .alignwide {
margin-left: 0;
margin-right: 0;
width: unset;
max-width: unset;
}
.content-style-boxed .entry-content .alignwide {
margin-left: - 2rem;
margin-right: - 2rem;
max-width: unset;
width: unset;
}
.content-style-boxed .wp-site-blocks .entry-content > .alignwide.is-layout-constrained {
padding-left: var(--global-content-boxed-padding );
padding-right: var(--global-content-boxed-padding );
}
.content-style-boxed .wp-site-blocks .entry-content .alignwide > * .alignwide {
margin-left: unset;
margin-right: unset;
}
/*--------------------------------------------------------------
## Custom block font sizes.
--------------------------------------------------------------*/
.has-small-font-size {
font-size: var(--global-font-size-small);
}
.has-regular-font-size {
font-size: var(--global-font-size-medium);
}
.has-large-font-size {
font-size: var(--global-font-size-large);
}
.has-larger-font-size {
font-size: var(--global-font-size-larger);
}
.has-xxlarge-font-size {
font-size: var(--global-font-size-xxlarge);
}
.entry-content-asset.videofit{
position: relative;
padding-top: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
body.elementor-template-full-width, body.content-width-fullwidth {
form.post-password-form {
text-align: center;
margin: var(--global-xxl-spacing) auto;
}
}
body.content-style-unboxed {
form.post-password-form {
margin: var(--global-xxl-spacing) auto;
}
}
// Edge Case.
.entry-title {
word-wrap: break-word;
}
.entry-hero-layout-contained >.entry-hero-container-inner {
position: relative;
}
body.content-style-boxed:not(.content-width-fullwidth) .wp-block-kadence-rowlayout.alignfull > .kt-row-layout-inner > .kb-theme-content-width {
padding-left: calc( var(--global-content-edge-padding) + var(--global-boxed-spacing) );
padding-right: calc( var(--global-content-edge-padding) + var(--global-boxed-spacing) );
}
.item-content-vertical-align-center .loop-entry .entry-content-wrap {
display: flex;
flex-direction:column;
justify-content:center;
}
.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-header {
margin-bottom: 0;
}
.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-summary {
margin-top:0;
}
.item-content-vertical-align-center .loop-entry .entry-summary p, .item-content-vertical-align-center .loop-entry .entry-header .entry-meta {
margin-bottom:0
}