File: /var/www/html/insiders/wp-load/wp-content/themes/breadly/fallback.css
/* Base spacing for internal use */
/* Default transition */
/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
*
* # GTM Box
*
* -------------------------------------------------------------------------- */
.wp-block-gtm-box.is-style-breadly--gtm-box--area, .wp-block-gtm-box.is-style-breadly--gtm-box--cover-area {
background: var(--wp--preset--color--area-bg-2);
padding: var(--gtm--space--md) var(--gtm--space--md);
border-radius: var(--wp--custom--breadly--radius--normal);
}
.wp-block-gtm-box.is-style-breadly--gtm-box--cover-area {
background: rgba(242, 236, 232, 0.8352941176);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.wp-block-gtm-box.is-style-breadly--gtm-box--archive-title {
background: var(--wp--preset--color--area-bg);
background-repeat: no-repeat;
background-size: cover;
padding: var(--gtm--space--4xl) 0;
min-height: 400px;
}
.wp-block-gtm-box.is-style-breadly--gtm-box--archive-title:not(#\9 ) {
background-image: url(../assets/archive-title.svg);
}
@media (max-width: 767.98px) {
.wp-block-gtm-box.is-style-breadly--gtm-box--archive-title {
padding: var(--gtm--space--md) 0;
min-height: 250px;
}
}
.wp-block-gtm-box.is-style-breadly--gtm-box--bg-1 {
background-image: url(../assets/bg-1.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: right center;
padding: var(--gtm--space--4xl) var(--gtm--space--3xl);
}
/* -----------------------------------------------------------------------------
*
* # Common fixing
*
* -------------------------------------------------------------------------- */
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.wp-block-spacer {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
}
/* -----------------------------------------------------------------------------
*
* # Theme fallback
*
* -------------------------------------------------------------------------- */
:root {
--gtm--space--auto: auto;
--gtm--space--zero: 0px;
--gtm--space--4xs: 4px;
--gtm--space--3xs: 8px;
--gtm--space--2xs: 16px;
--gtm--space--xs: 24px;
--gtm--space--sm: 32px;
--gtm--space--md: 40px;
--gtm--space--lg: 48px;
--gtm--space--xl: 56px;
--gtm--space--2xl: 64px;
--gtm--space--3xl: 72px;
--gtm--space--4xl: 80px;
}
body {
--gtm--font-family--heading: "Vollkorn";
--gtm--font-family--body: "Lexend Deca";
--gtm--layout--content-size: var(--wp--custom--breadly--content-normal);
--gtm--layout--wide-size: var(--wp--custom--breadly--content-wide);
font-family: var(--gtm--font-family--body);
font-weight: 300;
font-size: 16px;
line-height: var(--wp--custom--typography--line-height--normal);
color: var(--wp--preset--color--secondary-text);
}
.gtm-fallback-header {
padding: 0 1.5em;
border-bottom: 1px solid #e0e0e0;
height: 94px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/**
* Archive page
*/
.gtm-fallback-archive-page-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.gtm-fallback-archive-page-header > * {
width: 100%;
max-width: var(--wp--custom--breadly--content-wide);
}
.gtm-fallback-category-badge-small {
font-size: 0.85em;
color: white;
}
.gtm-fallback-category-badge-small a {
border-radius: var(--wp--custom--breadly--radius--normal);
background: var(--wp--preset--color--tertiary);
padding: 0.5em 0.75em;
line-height: 1.2;
}
.gtm-fallback-category-badge-small a:hover {
text-decoration: underline;
}
.gtm-fallback-category-badge-small .wp-block-post-terms__separator {
line-height: 2.5;
}
.gtm-fallback-query-loop .wp-block-post-template {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 48px;
}
@media (min-width: 1200px) {
.gtm-fallback-query-loop .wp-block-post-template {
grid-template-columns: repeat(4, 1fr);
}
}
.gtm-fallback-query-loop .wp-block-post {
width: auto !important;
}
.gtm-fallback-query-loop .wp-block-query-pagination {
border-bottom: 1px solid #e0e0e0;
}
.gtm-fallback-query-loop .wp-block-query-pagination-numbers {
margin-left: auto;
margin-bottom: 0;
}
.gtm-fallback-query-loop .wp-block-query-pagination-numbers:last-child {
margin-right: auto;
}
.gtm-fallback-query-loop .wp-block-query-pagination-prev {
margin-right: auto;
}
.gtm-fallback-query-loop .wp-block-query-pagination-next {
margin-left: auto;
}
.gtm-fallback-query-loop .wp-block-image {
margin-right: -0.8em;
}
.wp-block-post-featured-image img {
border-radius: var(--wp--custom--breadly--radius--normal);
}
/**
* Single post style
*/
.single-post .wp-block-post-terms {
color: white;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 10px;
}
.single-post .wp-block-post-terms a {
border-radius: var(--wp--custom--breadly--radius--normal);
background: var(--wp--preset--color--tertiary);
padding: 0.5em 0.75em;
line-height: 1.2;
}
.single-post .wp-block-post-terms a:hover {
text-decoration: underline;
}
.single-post .wp-block-post-terms .wp-block-post-terms__separator {
line-height: 2;
}
.single-post .wp-block-post-title {
margin-top: 0;
max-width: 17em;
}
.gtm-fallback-post-meta-vertical {
-webkit-margin-before: 4em;
margin-block-start: 4em;
-webkit-margin-after: 2.5em;
margin-block-end: 2.5em;
gap: 4em;
}
.gtm-fallback-post-meta-vertical .wp-block-group > :first-child {
font-size: 10px;
font-style: normal;
font-weight: 700;
color: var(--wp--preset--color--tertiary-text);
text-transform: uppercase;
}
.gtm-fallback-post-meta-vertical .wp-block-group > :last-child {
-webkit-margin-before: 0;
margin-block-start: 0;
}
.logged-in-as a, .gtm-fallback-post-next-prev a {
text-decoration: underline;
}
.gtm-fallback-post-next-prev a {
color: var(--wp--preset--color--primary);
}
.wp-block-comment-author-name a,
.wp-block-comment-reply-link a,
.wp-block-comment-edit-link a {
font-weight: 500;
text-decoration: underline;
}
.wp-block-comment-author-name a:hover,
.wp-block-comment-reply-link a:hover,
.wp-block-comment-edit-link a:hover {
color: var(--wp--preset--color--primary);
}
figure.wp-caption,
p > iframe {
max-width: 100%;
}
/**
* Frontend style
*/
body:not(.editor-styles-wrapper):not(.archive):not(.single) .gtm-fallback-archive-page-header {
display: none !important;
}
body:not(.editor-styles-wrapper).single:not(.gtm-has-comments-section) .gtm-fallback-comment-section-header, body:not(.editor-styles-wrapper).page:not(.gtm-has-comments-section) .gtm-fallback-comment-section-header {
display: none;
}