File: /var/www/html/insiders/wp-load/wp-content/themes/breadly/style.css
/*!
Theme Name: Breadly
Theme URI: https://demo.gutenmate.com/breadly
Author: Gutenmate
Author URI: https://gutenmate.com
Description: Web theme for Gutenmate plugin.
Version: 1.1.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: breadly
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*
* Font smoothing.
* This is a niche setting that will not be available via Global Styles.
* https://github.com/WordPress/gutenberg/issues/35934
*/
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/*
* Text link styles.
* Necessary until the following issue is resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/27075
*/
a {
text-decoration-thickness: 1px;
text-underline-offset: 0.25ch;
}
a:hover,
a:focus {
-webkit-text-decoration-style: dashed;
text-decoration-style: dashed;
}
a:active {
text-decoration: none;
}
figure {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
/* Base spacing for internal use */
/* Default transition */
/*
This file will be used both frontend and editor
Keep using :root for basic typography
*/
:root {
--gtm--theme--font-size--2-xs: 0.6875em;
--gtm--theme--font-size--xs: 0.75em;
--gtm--theme--font-size--sm: 0.875em;
--gtm--theme--font-size--md: 1em;
--gtm--theme--font-size--lg: 1.125em;
--gtm--theme--font-size--xl: 1.25em;
--gtm--theme--font-size--2-xl: 1.375em;
--gtm--theme--font-size--3-xl: 1.625em;
--gtm--theme--font-size--4-xl: 2em;
--gtm--theme--font-size--5-xl: 2.5625em;
--gtm--theme--font-size--6-xl: 3.1875em;
--gtm--theme--font-size--7-xl: 4em;
--gtm--theme--font-size--8-xl: 4.5em;
}
@media (min-width: 0) and (max-width: 767.98px) {
:root {
--gtm--theme--font-size--md: 1em;
--gtm--theme--font-size--lg: 1.0625em;
--gtm--theme--font-size--xl: 1.1875em;
--gtm--theme--font-size--2-xl: 1.424em;
--gtm--theme--font-size--3-xl: 1.602em;
--gtm--theme--font-size--4-xl: 1.802em;
--gtm--theme--font-size--5-xl: 2.027em;
--gtm--theme--font-size--6-xl: 2.281em;
}
}
body {
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);
}
/* Heading style */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--gtm--font-family--heading);
line-height: 1.15;
font-weight: 600;
color: var(--wp--preset--color--primary-text);
letter-spacing: -0.02em;
}
h1 {
font-size: var(--gtm--theme--font-size--4-xl);
}
h2 {
font-size: var(--gtm--theme--font-size--3-xl);
}
h3 {
font-size: var(--gtm--theme--font-size--2-xl);
}
h4 {
font-size: var(--gtm--theme--font-size--xl);
}
h5 {
font-size: var(--gtm--theme--font-size--lg);
}
h6 {
font-size: var(--gtm--theme--font-size--md);
}
textarea {
line-height: 1.45;
}
.wp-caption {
font-family: inherit;
}
.wp-caption-text {
font-family: inherit;
}
.sticky {
font-family: inherit;
}
.screen-reader-text {
font-family: inherit;
}
.gallery-caption {
font-family: inherit;
}
.bypostauthor {
font-family: inherit;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
pre {
overflow: auto;
}
/**
*
* WP Post Content
*
*/
.wp-block-post-content::after {
content: "";
display: block;
clear: both;
}
/**
*
* WP Post Content
* WP Comment Content
*
* To apply style to generic elements
*
*/
.wp-block-post-content ol:not([class]),
.wp-block-post-content ul:not([class]),
.wp-block-comment-content ol:not([class]),
.wp-block-comment-content ul:not([class]) {
margin-top: 0.25em;
}
.wp-block-post-content ol:not([class]) li:not(:first-child),
.wp-block-post-content ul:not([class]) li:not(:first-child),
.wp-block-comment-content ol:not([class]) li:not(:first-child),
.wp-block-comment-content ul:not([class]) li:not(:first-child) {
margin-top: 0.25em;
}
.wp-block-post-content table:not([class]),
.wp-block-post-content table[class=""],
.wp-block-comment-content table:not([class]),
.wp-block-comment-content table[class=""] {
border: 1px solid var(--wp--preset--color--line);
border-collapse: collapse;
}
.wp-block-post-content table:not([class]) thead th,
.wp-block-post-content table:not([class]) tfoot th,
.wp-block-post-content table[class=""] thead th,
.wp-block-post-content table[class=""] tfoot th,
.wp-block-comment-content table:not([class]) thead th,
.wp-block-comment-content table:not([class]) tfoot th,
.wp-block-comment-content table[class=""] thead th,
.wp-block-comment-content table[class=""] tfoot th {
color: var(--wp--preset--color--secondary-text);
background: var(--wp--preset--color--area);
font-size: var(--gtm--theme--font-size--sm);
}
.wp-block-post-content table:not([class]) caption,
.wp-block-post-content table[class=""] caption,
.wp-block-comment-content table:not([class]) caption,
.wp-block-comment-content table[class=""] caption {
padding: 0.5em;
}
.wp-block-post-content table:not([class]) th,
.wp-block-post-content table:not([class]) td,
.wp-block-post-content table[class=""] th,
.wp-block-post-content table[class=""] td,
.wp-block-comment-content table:not([class]) th,
.wp-block-comment-content table:not([class]) td,
.wp-block-comment-content table[class=""] th,
.wp-block-comment-content table[class=""] td {
padding: 0.25em 1em;
border: 1px solid lightgrey;
}
.wp-block-post-content .gallery,
.wp-block-comment-content .gallery {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--gtm--space--xs);
}
.wp-block-post-content .gallery img,
.wp-block-comment-content .gallery img {
width: auto;
max-width: 100%;
}
.wp-block-post-content .gallery.gallery-columns-3,
.wp-block-comment-content .gallery.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.wp-block-post-content .gallery.gallery-columns-4,
.wp-block-comment-content .gallery.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.wp-block-post-content .gallery .gallery-caption,
.wp-block-comment-content .gallery .gallery-caption {
font-size: var(--gtm--theme--font-size--sm);
}
.wp-block-post-content .wp-caption-text,
.wp-block-comment-content .wp-caption-text {
font-size: var(--gtm--theme--font-size--sm);
}
.wp-block-post-content blockquote:not([class]),
.wp-block-comment-content blockquote:not([class]) {
font-size: var(--gtm--theme--font-size--4-xl);
font-family: var(--gtm--font-family--heading);
letter-spacing: -0.02em;
line-height: 1.2;
font-weight: 800;
color: var(--wp--preset--color--primary-text);
margin-left: 1em;
margin-right: 1em;
}
.wp-block-post-content blockquote:not([class]) cite,
.wp-block-comment-content blockquote:not([class]) cite {
font-size: 14px;
font-style: normal;
font-weight: 600;
text-decoration: none;
}
/**
*
* WP RSS
*
*/
.wp-block-rss li {
margin-top: 0.5em;
}
/**
*
* WP Latest Posts
*
*/
.wp-block-latest-posts li {
margin-top: 0.5em;
}
.wp-block-latest-posts a {
font-weight: 600;
color: var(--wp--preset--color--primary-text);
text-decoration: none;
}
.wp-block-latest-posts time {
color: var(--wp--preset--color--tertiary-text);
}
/**
*
* WP Latest Comments
*
*/
.wp-block-latest-comments .wp-block-latest-comments__comment-author {
font-weight: 600;
color: var(--wp--preset--color--primary-text);
text-decoration: none;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-link {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.wp-block-latest-comments time {
color: var(--wp--preset--color--tertiary-text);
margin-top: 0.25em;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
margin-top: 0.5em;
}
/**
*
* WP Calendar
*
*/
.wp-block-calendar caption {
font-weight: 600;
margin-bottom: 0.5em;
}
.wp-block-calendar nav {
margin-top: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wp-block-calendar .wp-calendar-nav-prev,
.wp-block-calendar .wp-calendar-nav-next {
font-weight: 600;
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
border-color: var(--wp--preset--color--line);
}
/**
*
* WP Archive List
*
*/
.wp-block-archives-list li:not(:first-child) {
margin-top: var(--gtm--space--4xs);
}
/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
*
* # SITE
*
* -------------------------------------------------------------------------- */
:root {
--gtm-transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
--gtm-section-headline-line-spacing: 1.5em;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
a {
-webkit-transition: var(--gtm-transition);
transition: var(--gtm-transition);
-webkit-transition-property: var(--gtm-global--transition-property);
transition-property: var(--gtm-global--transition-property);
will-change: var(--gtm-global--transition-property);
}
/*//////////////////////////////////////
// Preloader
//////////////////////////////////////*/
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: rgba(136, 136, 136, 0.5);
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
-webkit-animation: lds-ellipsis1 0.6s infinite;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
-webkit-animation: lds-ellipsis3 0.6s infinite;
animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes lds-ellipsis1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes lds-ellipsis3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(24px, 0);
transform: translate(24px, 0);
}
}
@keyframes lds-ellipsis2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(24px, 0);
transform: translate(24px, 0);
}
}
/*//////////////////////////////////////
// Form
//////////////////////////////////////*/
.breadly-theme-button,
button[type=submit],
input[type=submit] {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word;
border-radius: var(--wp--custom--breadly--radius--normal);
font-family: var(--gtm--font-family--heading);
font-weight: 700;
font-size: var(--gtm--theme--font-size--sm);
line-height: 1.8;
padding: 0.65em 1.25em;
color: #fff;
background-color: var(--wp--preset--color--primary-text);
}
.breadly-theme-input,
input:not([type=submit]):not([type=checkbox]),
textarea,
select {
padding: calc(0.667em + 2px);
border: 1px solid #949494;
font-size: 1em;
font-family: inherit;
border-color: #ddd !important;
border-radius: var(--wp--custom--breadly--radius--normal);
}
.breadly-theme-contact-form input:not([type=submit]):not([type=checkbox]),
.breadly-theme-contact-form textarea,
.breadly-theme-contact-form select {
width: 100%;
}
/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
*
* # core/nextpage Block
*
* -------------------------------------------------------------------------- */
.post-nav-links span, .post-nav-links a {
display: inline-block;
padding: 0.3em 0.35em;
min-width: 2em;
text-align: center;
background-color: var(--wp--preset--color--area-bg);
border-radius: 4px;
}
.post-nav-links span:not(:last-child), .post-nav-links a:not(:last-child) {
margin-right: 0.2em;
}
.post-nav-links a {
color: white;
background-color: var(--wp--preset--color--primary);
text-decoration: none;
}