html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}       .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.bbe-container {
max-width: 1340px;
width: 100%;
padding: 0 30px;
margin-inline: auto;
}  .widgets-wrap::-webkit-scrollbar {
width: 4px;
}
.widgets-wrap::-webkit-scrollbar-thumb {
background-color: var(--bbe-theme-color);
border-radius: 40px;
} .video-title,
.video-meta .video-channel,
.banner-sidebar .bbe-article .entry-title,
.bbe-main-banner.layout--three .sidebar-content .bbe-article .entry-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} .bbe-article .entry-categories,
.bbe-web-stories .entry-categories {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body .entry-categories .cat-item,
body .entry-categories .cat-item .cat-item-link,
.bbe-web-stories .entry-categories .cat-item,
.bbe-web-stories .entry-categories .cat-item .cat-item-link {
--bbe-site-font-weight: 700;
--bbe-site-font-size: 11px;
--bbe-site-font-lineheight: 1.3;
--bbe-site-font-letterspacing: 0.05em;
--bbe-site-font-texttransform: uppercase;
display: inline-block;
}
body .entry-categories .cat-item a {
--bbe-site-color: var(--bbe-site-meta-color);
color: var(--bbe-site-color);
}
body.bbe-light .entry-categories .cat-item a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .cat-filled .entry-categories .cat-item a {
--bbe-site-bg-color: #f5f5f5;
background: var(--bbe-site-bg-color);
padding: 4px 12px;
}
.bbe-dark.cat-filled .entry-categories .cat-item a {
--bbe-site-bg-color: #ffffff21;
}
.bbe-light.cat-filled .entry-categories .cat-item a:hover {
background: var(--bbe-site-bg-color-hover);
}
.cat-outline .entry-categories .cat-item a {
border: 1px solid var(--bbe-site-border-color);
padding: 4px 12px;
}
.cat-outline .entry-categories .cat-item a:hover {
border-color: var(--bbe-site-border-color-hover);
}
.cat-rounded .entry-categories .cat-item a {
border-radius: 3px;
}
.cat-circle .entry-categories .cat-item a {
border-radius: 30px;
}
.bbe-article .entry-title,
.bbe-article .entry-title a {
--bbe-site-font-size: 17px;
--bbe-site-font-lineheight: 1.48;
}
.bbe-article .entry-meta,
.bbe-web-stories .entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
row-gap: 6px;
}
.bbe-article .entry-meta > div,
.bbe-ticker-news .bbe-article .entry-date,
.widget_blog_bee_post_list_widget .post-list-widget .entry-date,
.widget_blog_bee_carousel_posts_widget .carousel-widget .entry-date,
.bbe-web-stories .entry-meta > div,
.bbe-post-navigation .nav-date {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 11px;
--bbe-site-font-letterspacing: 0.02em;
--bbe-site-font-texttransform: uppercase;
color: var(--bbe-site-meta-color);
display: flex;
align-items: center;
}
.bbe-article .entry-meta > div a,
.bbe-ticker-news .bbe-article .post-date a {
color: var(--bbe-site-meta-color);
display: inline-block;
}
.bbe-article svg {
color: var(--bbe-site-meta-color);
}
.bbe-article .entry-meta .icon i,
.bbe-ticker-news .bbe-article .entry-date .icon i,
.widget .bbe-article .entry-date .icon i,
.bbe-web-stories .entry-meta .icon i {
font-size: calc(var(--bbe-site-font-size) * 0.89);
margin-right: 6px;
}
.bbe-light .bbe-article .entry-meta > div a:hover,
.bbe-light .bbe-ticker-news .bbe-article .post-date a:hover,
.bbe-post-navigation .nav-date:hover {
--bbe-site-meta-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-meta-color-hover);
}
.show-date--modified .published {
display: none;
}
.show-date--modified .post-date .updated {
display: block;
}
.bbe-article .entry-excerpt p {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 14px;
--bbe-site-font-lineheight: 1.64;
color: var(--bbe-site-excerpt-color);
}
.single .site-main .wp-block-heading,
.page .site-main .wp-block-heading {
--bbe-site-font-size: 18px;
color: var(--bbe-site-color);
}
.single .site-main h1.wp-block-heading,
.page .site-main h1.wp-block-heading {
font-size: calc( var(--bbe-site-font-size) + 14px );
}
.single .site-main h2.wp-block-heading,
.page .site-main h2.wp-block-heading {
font-size: calc( var(--bbe-site-font-size) + 8px );
}
.single .site-main h3.wp-block-heading,
.page .site-main h3.wp-block-heading {
font-size: calc( var(--bbe-site-font-size) + 2px );
}
.single .site-main h4.wp-block-heading,
.page .site-main h4.wp-block-heading {
font-size: var(--bbe-site-font-size);
}
.single .site-main h5.wp-block-heading,
.page .site-main h5.wp-block-heading {
font-size: calc( var(--bbe-site-font-size) - 2px );
}
.single .site-main h6.wp-block-heading,
.page .site-main h6.wp-block-heading {
font-size: calc( var(--bbe-site-font-size) - 4px );
}
.single .site-main .bbe-article .entry-excerpt ul,
.single .site-main .bbe-article .entry-excerpt ol,
.page .site-main .bbe-article .entry-excerpt ul,
.page .site-main .bbe-article .entry-excerpt ol {
color: var(--bbe-site-excerpt-color);
}
.single .site-main .bbe-article .entry-excerpt ul li,
.single .site-main .bbe-article .entry-excerpt ol li,
.page .site-main .bbe-article .entry-excerpt ul li,
.page .site-main .bbe-article .entry-excerpt ol li {
margin-bottom: 10px;
list-style: revert;
}
.single .site-main .bbe-article .entry-excerpt ul,
.single .site-main .bbe-article .entry-excerpt ol,
.page .site-main .bbe-article .entry-excerpt ul,
.page .site-main .bbe-article .entry-excerpt ol {
padding-left: 20px;
} .bbe-article .entry-read-more a {
--bbe-site-font-family: 'Outfit', sans-serif;
--bbe-site-font-weight: 500;
--bbe-site-font-size: 11px;
--bbe-site-font-letterspacing: 0.13em;
--bbe-site-font-texttransform: uppercase;
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--bbe-site-color);
}
.bbe-article .entry-read-more a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.bbe-post-button.filled a {
--bbe-site-bg-color: var(--bbe-site-grey-color);
padding: 8px 15px;
background: var(--bbe-site-bg-color);
}
.bbe-post-button.filled a:hover {
background: var(--bbe-site-bg-color-hover);
}
.bbe-post-button.outline a {
padding: 8px 15px;
border: 1px solid var(--bbe-site-border-color);
}
.bbe-post-button.outline a:hover {
border-color: var(--bbe-site-border-color-hover);
}
.bbe-article .bbe-post-button.circle a {
border-radius: 30px;
}
body .bbe-article .entry-read-more i {
font-size: calc( var(--bbe-site-font-size) * 0.8 );
width: initial;
height: initial;
border: none;
background: transparent;
}  .bbe-header .align--center .bbe-site-logo {
text-align: center;
}
.bbe-header .align--right .bbe-site-logo {
text-align: right;
}
.bbe-headers .bbe-site-logo .custom-logo-link {
display: none;
}
.bbe-headers .bbe-site-logo .custom-logo-link {
display: block;
}
.bbe-builder .bbe-site-logo .site-title,
.bbe-builder .bbe-site-logo .site-title-link {
--bbe-site-font-size: 26px;
--bbe-site-font-lineheight: 1.4;
color: var(--bbe-site-color);
margin: 0;
}
.bbe-light .bbe-builder .bbe-site-logo .site-title-link:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.bbe-header .bbe-site-logo .site-description {
--bbe-site-font-weight: 400;
color: var(--bbe-site-description-color);
} .bbe-header .bbe-site-logo .highlight {
--bbe-site-font-size: 26px;
--bbe-site-font-lineheight: 1.4;
--bbe-site-color: var(--bbe-theme-color);
--bbe-site-bg-color: #ffffff00;
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
display: inline-block;
}
.bbe-header .bbe-site-logo .site-title-link:hover .highlight {
--bbe-site-bg-color-hover: #ffffff00;
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
} .bbe-builder .bbe-site-logo {
display: flex;
flex-direction: column;
}
.bbe-builder .bbe-site-logo .custom-logo,
.bbe-builder .bbe-sticky-site-logo .sticky-logo,
.bbe-builder .bbe-footer-logo a img {
width: 210px;
} .bbe-builder .bbe-menu {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-builder .menu-toggle {
display: none;
}
.bbe-builder .bbe-menu li {
position: relative;
}
.bbe-builder .bbe-menu div > .menu,
.bbe-builder .bbe-menu .menu > ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.bbe-builder .bbe-menu div > .menu > li,
.bbe-builder .bbe-menu .menu > ul > li {
padding: 2px 12px;
}
.bbe-builder .bbe-menu li a {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
position: relative;
color: var(--bbe-site-color);
}
.bbe-builder .bbe-menu li a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
body .site .bbe-header .bbe-menu li.current_page_item > a,
body .site .bbe-header .bbe-menu li.current-menu-item > a {
--bbe-site-color: var(--bbe-theme-color);
color: var(--bbe-site-color);
}
.bbe-header .bbe-menu li.menu-item-has-children > a .submenu-icon,
.bbe-header .bbe-menu li.page_item_has_children > a .submenu-icon {
font-size: calc( var(--bbe-site-font-size) * 0.72 );
}
@media ( min-width: 950px ) {
.bbe-header .menu-toggle {
display: none;
}
.bbe-header .bbe-menu .icon-button {
display: none;
} .bbe-header .bbe-menu .sub-menu,
.bbe-header .bbe-menu .children {
--bbe-site-bg-color: #fff;
position: absolute;
top: 100%;
width: 240px;
display: none;
opacity: 0;
transition: var(--transition-2);
z-index: 99999;
padding: 16px 0;
background: var(--bbe-site-bg-color);
box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
}
.bbe-header .bbe-menu li .sub-menu .sub-menu,
.bbe-header .bbe-menu li .children .children {
top: 0;
left: 100%;
}
.bbe-header .third.has-primary-menu .bbe-menu li .sub-menu .sub-menu,
.bbe-header .third.has-primary-menu .bbe-menu li .children .children {
right: 100%;
left: initial;
}
.bbe-header .bbe-menu li:hover > .sub-menu,
.bbe-header .bbe-menu li:focus-within > .children,
.bbe-header .bbe-menu li:focus-within > .sub-menu,
.bbe-header .bbe-menu li:hover > .children,
.bbe-header .bbe-menu li.focus > .sub-menu,
.bbe-header .bbe-menu li.focus > .children {
display: block;
opacity: 1;
}
.bbe-dark .bbe-header .bbe-menu .sub-menu,
.bbe-dark .bbe-header .bbe-menu .children {
background: #212121f7;
}
.bbe-header .bbe-menu li .sub-menu li,
.bbe-header .bbe-menu li .children li {
padding: 8px 20px;
}
.bbe-header .bbe-menu li .sub-menu li:first-child,
.bbe-header .bbe-menu li .children li:first-child {
padding-top: 0;
}
.bbe-header .bbe-menu li .sub-menu li:last-child,
.bbe-header .bbe-menu li .children li:last-child {
padding-bottom: 0;
}
.bbe-header .bbe-menu li > .sub-menu li + li,
.bbe-header .bbe-menu li > .children li + li {
border-top: 1px solid #00000014;
}
.bbe-header .bbe-menu li.menu-item-has-children .sub-menu .submenu-icon,
.bbe-header .bbe-menu li.page_item_has_children .children .submenu-icon {
transform: rotate(-90deg);
}
} .bbe-header .bbe-secondary-menu {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-secondary-menu .icon-button {
display: none;
} .bbe-header .bbe-search-icon i,
.bbe-header .bbe-search-icon .icon svg {
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.bbe-header .bbe-search-icon i:hover,
.bbe-header .bbe-search-icon .icon svg:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.bbe-header .form-wrapper {
--bbe-site-bg-color: #fff;
opacity: 0;
visibility: hidden;
background: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-header .form-wrapper {
background: #212121;
}
.bbe-header .form-wrapper.active {
opacity: 1;
visibility: visible;
}
.bbe-header .search-form {
display: flex;
align-items: center;
gap: 10px;
}
.bbe-header .search-form > label {
width: 100%;
}
.bbe-header .search-field {
width: 100%;
height: 42px;
border: none;
padding: 0 5px;
border-radius: 0;
color: var(--bbe-site-color);
background-color: transparent;
border-bottom: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-header .search-field:focus {
outline: none;
color: var(--bbe-site-color);
border-color: var(--bbe-site-border-color-muted);
}
.bbe-header .form-wrapper .search-icon {
display: none;
}
.bbe-header .form-wrapper:not(.layout--four) .close-icon {
background-color: var(--bbe-site-bg-color);
color: var(--bbe-site-color);
}
.bbe-dark .bbe-header .form-wrapper:not(.layout--four) .close-icon {
background-color: #212121;
} .bbe-header .bbe-live-search {
display: none;
}
.bbe-header .loaded .bbe-live-search {
display: block;
margin-top: 20px;
text-align: center;
}
.bbe-header .loaded .bbe-live-search .article-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
column-gap: 25px;
max-height: 350px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #dddddd transparent;
padding-right: 3px;
}
.bbe-header .bbe-live-search .bbe-article {
display: flex;
align-items: center;
gap: 14px;
text-align: left;
}
.bbe-header .bbe-live-search .bbe-article .bbe-article-figure {
width: 80px;
height: 70px;
}
.bbe-header .bbe-live-search .bbe-article .entry-content {
flex: 1;
}
.bbe-header .bbe-live-search .bbe-article .entry-title,
.bbe-header .bbe-live-search .bbe-article .entry-title a {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 15px;
color: var(--bbe-site-color);
}
.bbe-header .bbe-live-search .bbe-article .entry-title {
margin-bottom: 5px;
}
.bbe-header .bbe-live-search .ajax-button {
--bbe-site-font-family: 'Outfit', sans-serif;
--bbe-site-font-weight: 500;
--bbe-site-font-size: 12px;
--bbe-site-font-letterspacing: 0.13em;
--bbe-site-font-texttransform: uppercase;
--bbe-site-bg-color: #30344b;
margin-top: 20px;
padding: 8px 14px;
color: #fff;
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
}
.bbe-header .bbe-live-search .ajax-button:hover {
--bbe-site-bg-color-hover: var(--bbe-theme-color);
background: var(--bbe-site-bg-color-hover);
}
.bbe-live-search .ajax-wrapper .no-results-label {
margin: 0;
}
.ajax-wrapper .ajax-button .no-results-label.hidden {
display: none;
}
.bbe-live-search .ajax-wrapper .ajax-button:empty {
display: none;
} .bbe-header .bbe-search-icon {
position: relative;
}
.bbe-header .bbe-search-icon .layout--one {
--bbe-site-bg-color: #fff;
position: absolute;
left: 0;
width: 360px;
transform: translateY(20px);
padding: 14px 30px 20px;
transition: var(--transition-2);
z-index: 99999;
background: var(--bbe-site-bg-color);
box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
-webkit-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
-moz-box-shadow: 0px 1px 5px 3px rgb(0 0 0 / 9%);
}
.bbe-header .third .bbe-search-icon .layout--one {
right: 0;
left: initial;
}
.bbe-dark .bbe-header .bbe-search-icon .layout--one {
background: #212121f7;
}
.bbe-header .bbe-search-icon .layout--one.active {
transform: translateY(10px);
}
.bbe-header .bbe-search-icon .layout--one .icon {
display: none;
}
.bbe-header .bbe-search-icon .layout--one .article-wrap {
grid-template-columns: 100%;
} .bbe-header .form-wrapper.layout--two {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0;
z-index: 1;
transition: var(--transition-1);
transition: all .5s ease-in-out;
}
.bbe-header .form-wrapper.layout--two .bbe-container {
position: relative;
}
.bbe-header .form-wrapper.layout--two .search-form {
position: relative;
}
.bbe-header .form-wrapper.layout--two .close-icon {
position: absolute;
right: 5px;
}
.bbe-header .form-wrapper.layout--two .bbe-live-search {
--bbe-site-bg-color: #fff;
position: absolute;
width: calc( 100% - 60px );
background: var(--bbe-site-bg-color);
padding: 20px;
box-shadow: 0 0 4px #00000026;
border-radius: 3px;
}
.bbe-dark .bbe-header .form-wrapper.layout--two .bbe-live-search {
--bbe-site-bg-color: #212121;
} .bbe-header .form-wrapper.layout--three {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
padding: 40px 0;
transform: translateY(-10px);
transition: var(--transition-1);
box-shadow: 0 4px 4px 0px #0000000d;
}
.bbe-header .form-wrapper.layout--three.active {
transform: translateY(0);
}
.bbe-header .form-wrapper.layout--three .search-form {
position: relative;
}
.bbe-header .form-wrapper.layout--three .close-icon {
position: absolute;
right: 5px;
} .bbe-header .form-wrapper.layout--four {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: var(--transition-1);
z-index: 6;
display: flex;
align-items: center;
}
.admin-bar .bbe-header .form-wrapper.layout--four {
top: 32px;
}
.bbe-header .form-wrapper.layout--four .search-form {
position: relative;
width: 80%;
margin-inline: auto;
}
.bbe-header .form-wrapper.layout--four.loaded .search-form {
margin-top: -5rem;
}
.bbe-header .form-wrapper.layout--four .search-field {
height: initial;
font-size: 3rem;
text-align: center;
}
.bbe-header .form-wrapper.layout--four .close-icon {
position: fixed;
top: 80px;
right: 50px;
font-size: 22px;
color: var(--bbe-site-color);
}
.bbe-header .form-wrapper.layout--four .bbe-live-search {
width: 80%;
margin-inline: auto;
margin-top: 40px;
} .bbe-header .bbe-search-field .search-form {
position: relative;
padding: 0 0px 0 10px;
overflow: hidden;
border: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-dark .bbe-header .bbe-search-field .search-form {
border-color: var(--bbe-site-border-color-muted);
}
.bbe-header .bbe-search-field label {
padding-right: 40px;
}
.bbe-header .bbe-search-field .search-field {
border: none;
}
.bbe-header .bbe-search-field .search-icon {
--bbe-site-bg-color: #ffffff00;
position: absolute;
right: 0;
height: 100%;
padding: 0 10px;
transition: var(--transition-1);
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
border-left: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-light .bbe-header .bbe-search-field .search-icon:hover {
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
}
.bbe-header .bbe-search-field .close-icon {
display: none;
}
.bbe-header .bbe-search-field {
position: relative;
}
.bbe-header .bbe-search-field .bbe-live-search {
--bbe-site-bg-color: #fff;
position: absolute;
z-index: 1;
padding: 20px;
width: 100%;
margin: 0;
z-index: 2;
background: var(--bbe-site-bg-color);
box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
-webkit-box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
-moz-box-shadow: 0px 4px 5px 3px rgb(0 0 0 / 9%);
}
.bbe-dark .bbe-header .bbe-search-field .bbe-live-search {
--bbe-site-bg-color: #292c2f;
}
.bbe-header .bbe-search-field.width--small .bbe-live-search,
.bbe-header .bbe-search-field.width--medium .bbe-live-search {
width: 400px;
}
.bbe-header .third .bbe-search-field.width--small .bbe-live-search,
.bbe-header .third .bbe-search-field.width--medium .bbe-live-search {
right: 0;
} .bbe-header .bbe-search-field.width--small {
width: 150px;
} .bbe-header .bbe-search-field.width--medium {
width: 250px;
} .bbe-header .bbe-search-field.width--large {
width: 400px;
} .bbe-header .bbe-search-field.width--full .search-field,
.bbe-header .column:has(.width--full),
.bbe-header .bbe-search-field.width--full {
width: 100%;
}
.bbe-header .bbe-search-field.loaded .bbe-live-search .article-wrap {
grid-template-columns: 100%;
} .bbe-header .bbe-dark-mode {
position: relative;
}
.bbe-header .bbe-dark-mode .icon-wrapper {
display: flex;
align-items: center;
gap: 8px;
transition: var(--transition-1);
line-height: initial;
}
.bbe-header .bbe-dark-mode .icon {
font-size: 15px;
}
.bbe-light .bbe-header .bbe-dark-mode .icon-wrapper.light-icon {
color: var(--bbe-site-color);
}
.bbe-light .bbe-header .bbe-dark-mode .icon-wrapper.light-icon:hover {
color: var(--bbe-site-color-hover);
}
.bbe-dark .bbe-header .bbe-dark-mode .icon-wrapper.dark-icon {
color: var(--bbe-site-color);
}
.bbe-dark .bbe-header .bbe-dark-mode .icon-wrapper.dark-icon:hover {
color: var(--bbe-site-color-hover);
}
.bbe-header .bbe-dark-mode .label {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
--bbe-site-font-texttransform: uppercase;
} .bbe-light .bbe-header .bbe-dark-mode.layout--one .dark-icon,
.bbe-dark .bbe-header .bbe-dark-mode.layout--one .light-icon {
display: none;
}
.bbe-header .bbe-dark-mode.layout--one .icon-wrapper.light-icon {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-dark-mode.layout--one .icon-wrapper.light-icon:hover {
--bbe-site-bg-color-hover: #ffffff00;
background: var(--bbe-site-bg-color-hover);
}
.bbe-header .bbe-dark-mode.layout--one .icon-wrapper.dark-icon {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-dark-mode.layout--one .icon-wrapper.dark-icon:hover {
--bbe-site-bg-color-hover: #ffffff00;
background: var(--bbe-site-bg-color-hover);
}
.bbe-header .bbe-dark-mode.layout--one .icon {
margin-top: 1px;
} .bbe-header .bbe-dark-mode.layout--two {
display: flex;
align-items: center;
gap: 8px;
padding: 3px;
border-radius: 30px;
}
.bbe-light .bbe-header .bbe-dark-mode.layout--two {
--bbe-site-bg-color-hover: #efefef;
background: var(--bbe-site-bg-color-hover);
}
.bbe-dark .bbe-header .bbe-dark-mode.layout--two {
--bbe-site-bg-color-hover: #efefef33;
background: var(--bbe-site-bg-color-hover);
}
.bbe-header .bbe-dark-mode.layout--two .icon-wrapper {
padding: 4px;
border-radius: 30px;
}
.bbe-header .bbe-dark-mode.layout--two .icon-wrapper:has(.label) {
padding: 4px 18px;
}
.bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon {
--bbe-site-bg-color: #fff;
background: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon {
--bbe-site-bg-color: #212121;
background: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon {
color: #fff;
}
.bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon:hover,
.bbe-header .bbe-dark-mode .icon-wrapper.dark-icon:hover {
color: var(--bbe-site-color-hover);
}
.bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon,
.bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon {
pointer-events: none;
}
.bbe-header .bbe-dark-mode.layout--two .icon-wrapper .icon {
order: 2;
}
.bbe-light .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.dark-icon .icon,
.bbe-dark .bbe-header .bbe-dark-mode.layout--two .icon-wrapper.light-icon .icon {
display: none;
} .bbe-social-icons {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.bbe-social-icons:has(.label) {
gap: 14px;
}
.bbe-social-icons i {
transition: color .3s ease-in-out, background .3s ease-in-out, border-color .3s ease-in-out, transform .3s ease-in-out;
}
.bbe-social-icons a {
display: flex;
align-items: center;
gap: 6px;
}
.bbe-social-icons a i {
color: var(--bbe-site-color);
}
.bbe-social-icons a:hover i {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.bbe-social-icons .social-icon .label {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
color: var(--bbe-site-color);
transition: color .3s ease-in-out;
}
.bbe-social-icons .social-icon:hover .label {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .bbe-header .second .bbe-ticker-news {
max-width: 600px;
width: 100%;
}
.bbe-header .bbe-ticker-news {
display: flex;
align-items: center;
row-gap: 15px;
flex: 1;
min-width: 0;
overflow: hidden;
}
.bbe-header .bbe-ticker-news .label {
--bbe-site-color: var(--bbe-theme-color);
--bbe-site-font-weight: 600;
--bbe-site-font-size: 13px;
--bbe-site-font-texttransform: uppercase;
--bbe-site-bg-color: #ffffff00;
display: flex;
align-items: center;
align-self: stretch;
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-ticker-news .entry-content {
--bbe-site-bg-color: #ffffff00;
flex: 1;
overflow: hidden;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-ticker-news .bbe-article {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 0;
}
.bbe-header .bbe-ticker-news:not(.slider--none) .bbe-article {
gap: 16px;
}
.bbe-header .bbe-ticker-news .bbe-article .bbe-article-figure {
width: 110px;
height: 90px;
}
.bbe-header .bbe-ticker-news:not(.slider--none) .bbe-article .bbe-article-figure {
width: 60px;
height: 50px;
}
.bbe-header .bbe-ticker-news .bbe-article .entry-inner {
flex: 1;
}
.bbe-header .bbe-ticker-news .bbe-article .entry-title,
.bbe-header .bbe-ticker-news .bbe-article .entry-title a {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 14px;
--bbe-site-font-lineheight: 1.4;
--bbe-site-font-letterspacing: 0.2px;
}
.bbe-header .bbe-ticker-news .bbe-article .entry-date {
margin-top: 6px;
} .bbe-header .bbe-ticker-news .controller-wrap {
display: flex;
align-self: stretch;
align-items: center;
gap: 8px;
}
.bbe-header .bbe-ticker-news.slider--marquee .controller-wrap {
padding: 0 5px;
cursor: pointer;
transition: var(--transition-1);
background: var(--bbe-site-bg-color);
border: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-header .bbe-ticker-news.slider--marquee .controller-wrap:hover {
background: var(--bbe-site-bg-color-hover);
border: 1px solid var(--bbe-site-border-color-muted-hover);
}
.bbe-header .bbe-ticker-news .controller-wrap .slick-arrow {
position: relative;
width: 27px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
overflow: hidden;
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
border: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-header .bbe-ticker-news .controller-wrap .slick-arrow:hover {
background: var(--bbe-site-bg-color-hover);
border: 1px solid var(--bbe-site-border-color-muted-hover);
}
.bbe-header .bbe-ticker-news .controller-wrap .icon i {
color: var(--bbe-site-color);
} .bbe-header .bbe-ticker-news.slider--none {
flex-direction: column;
align-items: self-start;
}
.bbe-header .bbe-ticker-news.slider--none .label {
align-self: auto;
}
.bbe-header .bbe-ticker-news.slider--none .entry-content {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
} .bbe-ticker-news.slider--none.column--one .entry-content {
grid-template-columns: 100%;
}
.bbe-ticker-news.slider--none.column--two .entry-content {
grid-template-columns: repeat(2, 1fr);
}
.bbe-ticker-news.slider--none.column--three .entry-content {
grid-template-columns: repeat(3, 1fr);
}
.bbe-ticker-news.slider--none.column--four .entry-content {
grid-template-columns: repeat(4, 1fr);
}
.bbe-ticker-news.slider--none.column--five .entry-content {
grid-template-columns: repeat(5, 1fr);
} @media ( max-width: 768px ) {
.bbe-ticker-news.slider--none.tablet-column--one .entry-content {
grid-template-columns: 100%;
}
.bbe-ticker-news.slider--none.tablet-column--two .entry-content {
grid-template-columns: repeat(2, 1fr);
}
.bbe-ticker-news.slider--none.tablet-column--three .entry-content {
grid-template-columns: repeat(3, 1fr);
}
.bbe-ticker-news.slider--none.tablet-column--four .entry-content {
grid-template-columns: repeat(4, 1fr);
}
.bbe-ticker-news.slider--none.tablet-column--five .entry-content {
grid-template-columns: repeat(5, 1fr);
}
} @media ( max-width: 610px ) {
.bbe-ticker-news.slider--none.mobile-column--one .entry-content {
grid-template-columns: 100%;
}
.bbe-ticker-news.slider--none.mobile-column--two .entry-content {
grid-template-columns: repeat(2, 1fr);
}
.bbe-ticker-news.slider--none.mobile-column--three .entry-content {
grid-template-columns: repeat(3, 1fr);
}
.bbe-ticker-news.slider--none.mobile-column--four .entry-content {
grid-template-columns: repeat(4, 1fr);
}
.bbe-ticker-news.slider--none.mobile-column--five .entry-content {
grid-template-columns: repeat(5, 1fr);
}
} .bbe-header .bbe-ticker-news.slider--slick  {
gap: 20px;
}
.bbe-ticker-news.slider--slick .entry-content:not(.slick-initialized) .bbe-article + .bbe-article,
.bbe-ticker-news.slider--slick .entry-content:not(.slick-initialized) ~ .controller-wrap {
display: none;
}
.bbe-ticker-news.slider--slick .bbe-article .entry-title {
max-width: 340px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.bbe-ticker-news.slider--slick .bbe-article .entry-date {
margin-bottom: -2px;
} .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper {
flex: 1;
overflow: hidden;
width: 100%;
position: relative;
}
.bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:before,
.bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 30px;
z-index: 1;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--bbe-site-white-color));
}
.bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
right: 0;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bbe-site-white-color));
}
.bbe-header .bbe-ticker-news.slider--marquee .entry-track {
display: flex;
width: max-content;
animation: bbe-slide 20s linear infinite;
}
.bbe-header .bbe-ticker-news.slider--marquee .entry-content {
display: flex;
flex-shrink: 0;
}
.bbe-header .bbe-ticker-news.slider--marquee .entry-content .bbe-article {
padding-right: 30px;
}
.bbe-header .bbe-ticker-news.slider--marquee.pause-on-hover .entry-content-wrapper:hover .entry-track,
.bbe-header .bbe-ticker-news.slider--marquee.paused .entry-content-wrapper .entry-track {
animation-play-state: paused;
} .bbe-header .bbe-ticker-news.slider--marquee.direction--right .entry-track {
animation: bbe-slide-right 20s linear infinite;
}
.bbe-header .bbe-ticker-news.slider--marquee.direction--right .bbe-article {
padding: 0 0 0 30px;
} html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-track {
animation: bbe-slide-rtl 20s linear infinite;
}
html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content .bbe-article {
padding-right: 0;
padding-left: 30px;
} html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee.direction--right .entry-track {
animation: bbe-slide-right-rtl 20s linear infinite;
}
html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee.direction--right .bbe-article {
padding-left: 0;
padding-right: 30px;
} html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:before {
right: 0;
left: auto;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
html[dir="rtl"] .bbe-header .bbe-ticker-news.slider--marquee .entry-content-wrapper:after {
left: 0;
right: auto;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
}
@keyframes bbe-slide {
0%   {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes bbe-slide-right {
0%   {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
} @keyframes bbe-slide-rtl {
0% {
transform: translateX(0);
}
100% {
transform: translateX(50%);
}
}
@keyframes bbe-slide-right-rtl {
0% {
transform: translateX(50%);
}
100% {
transform: translateX(0);
}
} .bbe-header .bbe-date-time {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-date-time,
.bbe-header .bbe-date-time > span {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
--bbe-site-font-letterspacing: -0.2px;
color: var(--bbe-site-color);
}
.bbe-header .bbe-date-time .time {
position: relative;
padding-left: 9px;
margin-left: 9px;
}
.bbe-header .bbe-date-time .time:before {
content: '';
position: absolute;
top: 50%;
left: -1px;
transform: translateY(-50%);
width: 2px;
height: 12px;
background: currentColor;
} .bbe-header .bbe-time {
--bbe-site-bg-color: #ffffff00;
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-time,
.bbe-header .bbe-time > .time {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
--bbe-site-font-letterspacing: -0.2px;
color: var(--bbe-site-color);
} .bbe-header .bbe-custom-button .custom-button-link {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 14px;
--bbe-site-color: #fff;
--bbe-site-bg-color: #3b5cff;
position: relative;
display: flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
border-radius: 6px;
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
border-color: var(--bbe-site-border-color);
transition: var(--transition-1);
}
.bbe-header .bbe-custom-button .custom-button-link svg {
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.bbe-header .bbe-custom-button .custom-button-link:hover {
--bbe-site-color-hover: #fff;
--bbe-site-bg-color-hover: #5d76f1;
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
border-color: var(--bbe-site-border-color-hover);
}
.bbe-header .bbe-custom-button .custom-button-link:hover svg {
color: var(--bbe-site-color-hover);
}
.bbe-header .context--after .icon,
.bbe-error-404 .context--after .icon {
order: 2;
}
.bbe-header .bbe-custom-button .custom-button-link .icon i {
font-size: calc( var(--bbe-site-font-size) * 0.94 );
} .icon.svg {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.icon svg {
fill: currentColor;
} .bbe-header .bbe-random-blog .random-blog-link {
--bbe-site-bg-color: #ffffff00;
display: flex;
align-items: center;
gap: 6px;
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
}
.bbe-header .bbe-random-blog .random-blog-link,
.bbe-header .bbe-random-blog .random-blog-link .label {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 15px;
}
.bbe-header .bbe-random-blog .random-blog-link:hover {
--bbe-site-bg-color-hover: #ffffff00;
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
}
.bbe-header .bbe-random-blog.context--after .random-blog-link .icon {
order: 2;
}
.bbe-header .bbe-random-blog .random-blog-link .icon i {
font-size: calc( var(--bbe-site-font-size) * 0.94 );
} .bbe-builder .column:has(.bbe-builder-divider) {
align-self: stretch;
} .bbe-builder .header-divider-1,
.bbe-builder .header-divider-2,
.bbe-builder .header-divider-3 {
display: flex;
align-self: stretch;
align-items: center;
}
.bbe-builder .style--solid {
border-style: solid;
}
.bbe-builder .style--dashed {
border-style: dashed;
}
.bbe-builder .style--dotted {
border-style: dotted;
}
.bbe-builder .style--double {
border-style: double;
} .bbe-builder .bbe-builder-divider {
border-width: 0;
border-right-width: 1px;
border-color: var(--bbe-site-border-color);
height: 50%;
} .bbe-builder .bbe-builder-html p {
--bbe-site-font-size: 15px;
--bbe-site-font-weight: 500;
color: var(--bbe-site-color);
}
.bbe-builder .bbe-builder-html a {
--bbe-site-color: #0073aa;
color: var(--bbe-site-color);
}
.bbe-dark .bbe-builder .bbe-builder-html a {
color: #fff;
}
.bbe-builder .bbe-builder-html a:hover {
color: var(--bbe-site-color-hover);
}
.bbe-builder .bbe-builder-html ul,
.bbe-builder .bbe-builder-html ol {
padding-left: 18px;
}
.bbe-builder .bbe-builder-html ul li,
.bbe-builder .bbe-builder-html ol li {
list-style: revert;
}
.bbe-builder .bbe-builder-html ul li + li,
.bbe-builder .bbe-builder-html ol li + li {
margin-top: 8px;
} .bbe-header .bbe-off-canvas .canvas-icon.icon i,
.bbe-header .bbe-off-canvas .canvas-icon.icon svg {
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.bbe-header .bbe-off-canvas .canvas-icon.icon i:hover,
.bbe-header .bbe-off-canvas .canvas-icon.icon svg:hover {
color: var(--bbe-site-color-hover);
} .bbe-header .bbe-off-canvas .off-canvas-sidebar {
--bbe-site-bg-color: #fff;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
height: 100vh;
visibility: hidden;
transition: .4s ease-in-out;
transition-property: transform, visibility;
content-visibility: auto;
transform: translate3d(-100%, 0, 0);
width: 350px;
background-color: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-header .bbe-off-canvas .off-canvas-sidebar {
--bbe-site-bg-color: #292c2f;
}
.bbe-header .bbe-off-canvas.active .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 10;
background: #1d1d2c91;
backdrop-filter: blur(8px);
}
.bbe-header .bbe-off-canvas.position--right .off-canvas-sidebar {
right: 0;
left: initial;
transform: translate3d(100%, 0, 0);
}
body .bbe-header .bbe-off-canvas.active .off-canvas-sidebar {
transform: translate3d(0, 0, 0);
visibility: visible;
} .bbe-header .bbe-off-canvas .close-icon {
position: absolute;
top: 15px;
right: 12px;
}
.bbe-header .bbe-off-canvas .close-icon i {
border: none;
width: 20px;
height: 20px;
color: var(--bbe-site-color);
background: transparent;
transition: var(--transition-1)
}
.bbe-header .bbe-off-canvas .close-icon i:hover {
color: var(--bbe-site-color-hover);
} .bbe-header .bbe-off-canvas .widgets-wrap {
margin: 50px 8px 0 0;
overflow-y: auto;
height: calc(100% - 50px);
padding: 20px 20px 20px 25px;
}
.bbe-header .bbe-off-canvas .widget .sub-menu {
margin-top: 8px;
} .widget {
color: var(--bbe-site-color);
--bbe-site-font-weight: 400;
--bbe-site-font-size: 15px;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
color: var(--bbe-site-color);
margin-bottom: 20px;
}
.widget a {
--bbe-site-color: #0073aa;
color: var(--bbe-site-color);
}
.bbe-dark .widget a {
color: #fff;
}
.widget a:hover {
color: var(--bbe-site-color-hover);
}
.widget + .widget {
margin-top: 30px;
}
.widget p {
color: var(--bbe-site-excerpt-color);
}
.bbe-builder .widget .entry-date a,
.widget .entry-date a {
--bbe-site-color: var(--bbe-site-meta-color);
color: var(--bbe-site-color);
}
.bbe-dark .widget .entry-date a {
color: #fff;
}
.bbe-builder .widget .entry-date a:hover {
color: var(--bbe-site-color-hover);
}
.widget .entry-date a:hover {
color: var(--bbe-theme-color);
}
.widget-area .widget a:hover,
.sidebar-block .widget a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .widget ul li + li,
.widget ol li + li {
margin-top: 8px;
} .widget blockquote {
font-style: italic;
border-left: 4px solid var(--bbe-site-border-color-muted);
padding: 15px;
} .bbe-dark .widget pre {
background: #eeeeee1f;
}
.widget code {
font-family: 'Courier New', Courier, monospace;
padding: 12px 16px;
} .widget_search .wp-block-search__label {
display: inline-block;
margin-bottom: 20px;
}
.widget_search .wp-block-search__label,
.widget .wp-block-heading {
--bbe-site-font-size: 18px;
--bbe-site-font-weight: 700;
--bbe-site-font-texttransform: uppercase;
font-family: var(--bbe-site-font-family);
font-weight: var(--bbe-site-font-weight);
font-size: var(--bbe-site-font-size);
line-height: var(--bbe-site-font-lineheight);
letter-spacing: var(--bbe-site-font-letterspacing);
text-decoration: var(--bbe-site-font-decoration);
text-transform: var(--bbe-site-font-texttransform);
font-style: var(--bbe-site-font-style);
}
.widget_search .wp-block-search__input:focus {
outline: none;
}
.widget_search .wp-block-search__input {
padding: 6px 12px;
border-radius: var(--bbe-image-border-radius);
} .widget_blog_bee_author_info_widget .author-info-widget:not(.layout--two) .author-info {
text-align: center;
}
.widget_blog_bee_author_info_widget .author-info-widget:not(.layout--two) .bbe-article-figure {
max-width: 510px;
margin-inline: auto;
}
.widget_blog_bee_author_info_widget .author-info-widget.radius--rounded .bbe-article-figure {
border-radius: 6px;
}
.widget_blog_bee_author_info_widget .author-info-widget.radius--circle:not(.layout--two) .bbe-article-figure {
border-radius: 50%;
max-width: 230px;
height: 230px;
}
.widget_blog_bee_author_info_widget .author-info-widget:not(.layout--two) .author-info-inner {
margin-top: 22px;
}
body .site .widget_blog_bee_author_info_widget .author-info-widget .author-name {
--bbe-site-font-size: 24px;
--bbe-site-font-weight: 400;
--bbe-site-font-texttransform: uppercase;
--bbe-site-font-letterspacing: 1px;
margin-bottom: -4px;
}
.widget_blog_bee_author_info_widget .author-info-widget .author-name a {
--bbe-site-color: #30344b;
color: var(--bbe-site-color);
}
.bbe-dark .widget_blog_bee_author_info_widget .author-info-widget .author-name a {
color: #fff;
}
.widget_blog_bee_author_info_widget .author-info-widget .author-name a:hover {
color: var(--bbe-site-color-hover);
}
.widget_blog_bee_author_info_widget .author-info-widget:not(.layout--two) .author-tag {
--bbe-site-font-size: 13px;
--bbe-site-font-letterspacing: 1px;
--bbe-site-font-texttransform: uppercase;
color: var(--bbe-site-excerpt-color);
}
.widget_blog_bee_author_info_widget .author-info-widget:not(.layout--two) .author-desc {
margin-top: 12px;
padding: 0 15px;
} .widget_blog_bee_carousel_posts_widget .carousel-widget {
position: relative;
}
.widget_blog_bee_carousel_posts_widget .carousel-widget > .controller-wrap {
position: absolute;
top: 50%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1;
}
.widget_blog_bee_carousel_posts_widget .carousel-widget > .controller-wrap .slick-arrow {
width: 30px;
height: 40px;
background: #ffffff4d;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: #fff;
z-index: 1;
}
.widget_blog_bee_carousel_posts_widget .bbe-article-figure {
aspect-ratio: 4 / 3;
position: relative;
}
.widget .bbe-article-figure .post-format-icon {
top: 10px;
left: 10px;
}
.widget_blog_bee_carousel_posts_widget .entry-content {
margin-top: 16px;
}
.widget_blog_bee_carousel_posts_widget .entry-content .entry-title {
margin-bottom: 6px;
}
.widget_blog_bee_carousel_posts_widget .entry-content .entry-title a {
--bbe-site-color: #30344b;
color: var(--bbe-site-color);
}
.bbe-dark .widget_blog_bee_carousel_posts_widget .entry-content .entry-title a {
color: #fff;
}
.widget_blog_bee_carousel_posts_widget .entry-content .entry-title a:hover {
color: var(--bbe-site-color-hover);
} .widget_blog_bee_category_collection_widget .category-wrap {
display: grid;
gap: 25px;
margin-left: 8px;
}
.widget_blog_bee_category_collection_widget .category-wrap .cat-item {
position: relative;
list-style: none;
}
.widget_blog_bee_category_collection_widget .category-wrap .bbe-article-figure {
aspect-ratio: 14 / 4;
}
.widget_blog_bee_category_collection_widget .category-wrap .entry-content {
position: absolute;
bottom: 13%;
left: -8px;
display: flex;
}
.widget_blog_bee_category_collection_widget .category-wrap .entry-content .cat-item-link {
max-width: 145px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_blog_bee_category_collection_widget .category-wrap .entry-content > a {
background-color: #1a1a1a;
color: #ffffff;
padding: 11px 16px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
line-height: 1;
}
.widget_blog_bee_category_collection_widget .category-wrap .entry-content .cat-item-count {
background-color: #4b4b4b;
padding: 11px 14px;
} .widget_blog_bee_tag_collection_widget .tag-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.widget_blog_bee_tag_collection_widget .tag-wrap .tag-item {
list-style: none;
}
.widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link {
--bbe-site-color: #30344b;
display: flex;
align-items: center;
gap: 6px;
padding: 3px 8px;
color: #fff;
background: var(--bbe-site-color);
}
.widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link:hover {
background-color: var(--bbe-theme-color);
color: #fff;
}
.widget_blog_bee_tag_collection_widget .tag-wrap .tag-item .tag-item-link > span {
font-size: 14px;
font-weight: 500;
} .social-platforms-widget.bbe-sidebar-widget > div {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 0;
}
.widget_blog_bee_social_platforms_widget .social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f0f0f0;
text-decoration: none;
transition: var(--transition-1);
}
.widget_blog_bee_social_platforms_widget .social-icon .fa-facebook {
padding-left: 2px;
}
.widget_blog_bee_social_platforms_widget .animation--grow .social-icon:hover {
background-color: #e0e0e0;
color: #111;
}
.widget_blog_bee_social_platforms_widget .social-icon i {
font-size: 16px;
line-height: 1;
}
.widget_blog_bee_social_platforms_widget .social-icon .label {
display: none;
} .widget_blog_bee_post_list_widget .post-list-widget .article-wrap {
display: grid;
gap: 20px;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article {
display: flex;
align-items: center;
gap: 16px;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article .bbe-article-figure {
position: relative;
width: 105px;
height: 90px;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--one .bbe-article .bbe-article-figure .post-format-icon,
.widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article + .bbe-article .bbe-article-figure .post-format-icon {
display: none;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list .bbe-article .entry-content {
flex: 1;
}
.widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title,
.widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title a {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
--bbe-site-font-lineheight: 1.46;
--bbe-site-color: #30344b;
}
.bbe-dark .widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title a {
color: #fff;
}
.widget_blog_bee_post_list_widget .post-list-widget .bbe-article .entry-title {
margin-bottom: 4px;
} .widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child {
flex-direction: column;
align-items: initial;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .bbe-article-figure {
width: 100%;
height: initial;
aspect-ratio: var(--bbe-ratio-4-3);
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .entry-title,
.widget_blog_bee_post_list_widget .post-list-widget.layout--list.variant--two .bbe-article:first-child .entry-title a {
font-size: calc( var(--bbe-site-font-size) + 2px);
} .widget_blog_bee_post_list_widget .post-list-widget.layout--grid .bbe-article .bbe-article-figure {
margin-bottom: 16px;
aspect-ratio: 16 / 9;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .icon {
color: var(--bbe-site-meta-color);
} .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--one .bbe-article .entry-title,
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--one .bbe-article .entry-title a {
font-size: calc( var(--bbe-site-font-size) + 2px);
} .widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child {
grid-column: span 2;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article-figure {
aspect-ratio: 4 / 3;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid .entry-content .entry-date .icon {
color: var(--bbe-site-meta-color);
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child .entry-title,
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid.variant--two .article-wrap .bbe-article:first-child .entry-title a {
font-size: calc( var(--bbe-site-font-size) + 2px);
} .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column .article-wrap .bbe-article-figure {
aspect-ratio: 4 / 3;
margin-bottom: 16px;
} .widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) {
grid-column: 1 / -1;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .bbe-article-figure {
aspect-ratio: 16 / 9;
}
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .entry-title,
.widget_blog_bee_post_list_widget .post-list-widget.layout--grid-two-column.variant--two .article-wrap .bbe-article:nth-child(3n + 1) .entry-title a {
font-size: calc( var(--bbe-site-font-size) + 2px);
} body .widget.widget_blog_bee_post_list_widget .post-list-widget .ajax-button {
display: inline-flex;
width: 100%;
pointer-events: none;
background: transparent;
margin-top: 25px;
}
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 14px;
--bbe-site-color: #fff;
--bbe-site-bg-color: #3b5cff;
position: relative;
display: flex;
align-items: center;
padding: 8px 18px;
margin-inline: auto;
border-radius: 6px;
pointer-events: all;
color: var(--bbe-site-color);
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
}
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label:hover {
--bbe-site-color-hover: #fff;
--bbe-site-bg-color-hover: #5d76f1;
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
border-color: var(--bbe-site-border-color-hover);
}
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button:active {
--bbe-site-color-hover: #fff;
--bbe-site-bg-color-hover: #5d76f1;
color: var(--bbe-site-color-hover);
background: var(--bbe-site-bg-color-hover);
border-color: var(--bbe-site-border-color-hover);
}
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button .label.hidden,
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button .no-results-label.hidden {
display: none;
}
.widget_blog_bee_post_list_widget .post-list-widget .ajax-button .no-results-label {
font-size: 15px;
color: var(--bbe-site-meta-color);
}
.ajax-wrapper .ajax-button .label:after {
content: "";
width: 12px;
height: 12px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spin .6s linear infinite;
display: none;
margin-left: 8px;
}
.ajax-wrapper.retrieving .ajax-button .label:after {
display: block;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
} .bbe-header .bbe-mobile-canvas i {
transition: var(--transition-1);
color: var(--bbe-site-color);
width: 20px;
height: 17px;
}
.bbe-header .bbe-mobile-canvas i:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .bbe-header .bbe-mobile-canvas.dropdown {
display: none;
}
body .bbe-header .bbe-mobile-canvas.popup--fullscreen,
body .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--on,
body .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--off .row {
--bbe-site-bg-color: #fff;
padding: 25px;
background: var(--bbe-site-bg-color);
box-shadow: 0 0 3px #0000001f;
}
body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--fullscreen,
body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--on,
body.bbe-dark .bbe-header .bbe-mobile-canvas.popup--dropdown.full-width--off .row {
--bbe-site-bg-color: #292c2f;
}
.bbe-header .bbe-mobile-canvas.dropdown .column {
max-height: 300px;
overflow-y: auto;
padding-right: 15px;
margin-right: -12px;
}
.bbe-builder .bbe-mobile-canvas .bbe-menu div > .menu,
.bbe-builder .bbe-mobile-canvas .bbe-menu .menu > ul {
display: initial;
}
body .site .bbe-header .bbe-mobile-canvas .bbe-menu li {
padding: 0;
}
body .site .bbe-header .bbe-mobile-canvas .bbe-menu li + li {
padding-top: 20px;
}
.bbe-header .bbe-mobile-canvas .bbe-menu li:not(.current_page_item) a {
color: #30344b;
}
.bbe-dark .bbe-header .bbe-mobile-canvas .bbe-menu li:not(.current_page_item) a {
color: #fff;
}
.bbe-header .bbe-mobile-canvas .bbe-menu span.submenu-icon {
display: none;
}
.bbe-header .bbe-mobile-canvas .bbe-menu .sub-menu,
.bbe-header .bbe-mobile-canvas .bbe-menu .children {
padding-top: 20px;
}
.bbe-header .bbe-mobile-canvas.align--left .bbe-menu .sub-menu,
.bbe-header .bbe-mobile-canvas.align--left .bbe-menu .children {
padding-left: 12px;
}
.bbe-header .bbe-mobile-canvas.align--right .bbe-menu .sub-menu,
.bbe-header .bbe-mobile-canvas.align--right .bbe-menu .children {
padding-right: 12px;
}
.bbe-builder .bbe--responsive .sub-menu,
.bbe-builder .bbe--responsive .children,
.bbe-builder .bbe-sticky-header .children {
display: none;
}
.bbe-header .bbe-mobile-canvas .bbe-menu .sub-menu.active,
.bbe-header .bbe-mobile-canvas .bbe-menu .children.active,
.bbe-header .bbe-sticky-header .bbe-menu .children.active {
display: block;
} .bbe-header .bbe-mobile-canvas.align--center li > a {
justify-content: center;
}
.bbe-header .bbe-mobile-canvas.align--right li > a {
justify-content: flex-end;
}
.bbe-header .bbe-mobile-canvas li > a .icon-button {
position: absolute;
right: 0;
margin-top: -2px;
}
.bbe-header .bbe-mobile-canvas.align--right li > a .icon-button {
position: absolute;
right: initial;
left: 0;
} .bbe-header .bbe-mobile-canvas.popup--dropdown.active  {
position: absolute;
display: block;
width: 100%;
z-index: 1;
}
.bbe-header .bbe-mobile-canvas.popup--dropdown .canvas-close-icon {
display: none;
} .bbe-header .bbe-mobile-canvas .canvas-close-icon {
position: absolute;
top: 30px;
right: 30px;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen.active {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999;
display: flex;
}
.admin-bar .bbe-header .bbe-mobile-canvas.popup--fullscreen.active {
top: 46px;
}
.admin-bar .bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--top.active {
padding-top: 80px;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--middle {
align-items: center;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen.valign--bottom {
align-items: flex-end;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen .bbe-container {
padding: 0;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen .column {
max-height: 400px;
}
.bbe-header .bbe-mobile-canvas.popup--fullscreen .bbe-menu li a {
font-size: calc( var(--bbe-site-font-size) * 1.24 );
} .bbe-sections-wrap {
margin: var(--bbe-section-margin);
}
.bbe-sections-wrap > *,
.bbe-you-may-have-missed {
--bbe-site-bg-color: #ffffff00;
padding: var(--bbe-section-padding);
background: var(--bbe-site-bg-color);
}  .bbe-main-banner .row {
position: relative;
}
.bbe-main-banner .row .slick-dots {
position: absolute;
bottom: 30px;
right: 40px;
}
.bbe-main-banner .row .slick-vertical .slick-dots {
bottom: 40px;
right: 30px;
flex-direction: column;
}
.bbe-main-banner .row .slick-dots li button {
width: 15px;
height: 15px;
background: #a9adaa;
}
.bbe-main-banner .row .slick-dots li.slick-active button {
width: 17px;
height: 17px;
}
.bbe-main-banner .row .slick-dots li.slick-active button::before {
border: 3px solid #ffffff;
} .bbe-main-banner .controller-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
width: 100%;
z-index: 1;
pointer-events: none;
transition: var(--transition-1);
}
.bbe-main-banner .controller-wrap .slick-arrow {
pointer-events: all;
width: 38px;
height: 50px;
background: #ffffff4d;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: #fff;
z-index: 1;
}
.bbe-main-banner .controller-wrap .slick-arrow i {
font-size: 16px;
}
.bbe-main-banner .entry-content .bbe-article-figure img {
position: absolute;
} .bbe-main-banner .ratio--wide .entry-content .bbe-article-figure {
aspect-ratio: 16 / 9;
}
.bbe-main-banner .ratio--boxy .entry-content .bbe-article-figure {
aspect-ratio: 4 / 3;
}
.bbe-main-banner .ratio--rectangle .entry-content .bbe-article-figure {
aspect-ratio: 3 / 1;
}
.bbe-main-banner .ratio--banner .entry-content .bbe-article-figure {
aspect-ratio: 2 / 1;
}
.bbe-main-banner .ratio--square .entry-content .bbe-article-figure {
aspect-ratio: 1 / 1;
}
.bbe-main-banner .ratio--initial .entry-content .bbe-article-figure {
aspect-ratio: 4 / 2;
}
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .ratio--initial .entry-content .bbe-article-figure {
height: 100%;
aspect-ratio: initial;
}
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner,
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .entry-content,
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .slick-list,
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner .slick-track,
.bbe-main-banner:not(.layout--two) .block-wrap:has(.banner-sidebar) .bbe-main-banner-main .block-inner {
height: 100%;
} .bbe-main-banner .entry-content .entry-inner {
display: flex;
flex-direction: column;
gap: 0;
}
.bbe-main-banner.align--center .entry-content .entry-inner {
align-items: center;
}
.bbe-main-banner.align--right .entry-content .entry-inner {
align-items: flex-end;
}
body .bbe-main-banner .entry-content .entry-inner > *:first-child {
margin-top: 0;
}
.bbe-main-banner .entry-content .entry-inner .entry-categories {
margin-top: 16px;
}
body .site .bbe-main-banner .bbe-main-banner-main .entry-title,
body .site .bbe-main-banner .bbe-main-banner-main .entry-title a {
--bbe-site-font-size: 32px;
--bbe-site-font-lineheight: 1.34;
--bbe-site-font-letterspacing: -0.01em;
}
.bbe-main-banner .entry-content .entry-inner .entry-title {
max-width: 680px;
margin-top: 16px;
}
.bbe-main-banner .entry-content .entry-inner .entry-excerpt {
margin-top: 16px;
font-size: 14px;
font-weight: 300;
line-height: 1.65;
max-width: 520px;
}
.bbe-main-banner .entry-content .entry-inner .entry-meta {
margin-top: 22px;
}
.bbe-main-banner .entry-content .entry-inner .entry-read-more {
margin-top: 14px;
} .bbe-main-banner .block-wrap {
display: flex;
gap: 30px;
}
.bbe-main-banner .block-wrap .bbe-main-banner-main,
.bbe-main-banner .block-wrap .slider-content-wrap {
flex: 1;
min-width: 0;
}
.bbe-main-banner .block-wrap .bbe-main-banner-main .block-inner {
position: relative;
}
.bbe-main-banner .block-wrap .banner-sidebar {
flex: 0 0 30%;
}
.bbe-main-banner .block-wrap:has(.bbe-main-banner-left):has(.bbe-main-banner-right) .banner-sidebar {
flex: 0 0 25%;
} .bbe-main-banner.layout--one .entry-content .bbe-article-figure .entry-inner {
position: absolute;
inset: 0;
z-index: 2;
gap: 0;
padding: 4%;
justify-content: flex-end;
}
.bbe-main-banner.position--top-left .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--top-left .entry-content .bbe-article-figure .entry-meta {
justify-content: flex-start;
}
.bbe-main-banner.position--top-center .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--top-center .entry-content .bbe-article-figure .entry-meta {
justify-content: flex-start;
align-items: center;
text-align: center;
}
.bbe-main-banner.position--top-right .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--top-right .entry-content .bbe-article-figure .entry-meta {
justify-content: flex-start;
align-items: flex-end;
text-align: right;
}
.bbe-main-banner.position--center-left .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--center-left .entry-content .bbe-article-figure .entry-meta {
justify-content: center;
}
.bbe-main-banner.position--center-center .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--center-center .entry-content .bbe-article-figure .entry-meta {
justify-content: center;
align-items: center;
text-align: center;
}
.bbe-main-banner.position--center-right .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--center-right .entry-content .bbe-article-figure .entry-meta {
justify-content: center;
align-items: flex-end;
text-align: right;
}
.bbe-main-banner.position--bottom-center .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--bottom-center .entry-content .bbe-article-figure .entry-meta {
align-items: center;
text-align: center;
}
.bbe-main-banner.position--bottom-right .entry-content .bbe-article-figure .entry-inner,
.bbe-main-banner.position--bottom-right .entry-content .bbe-article-figure .entry-meta {
align-items: flex-end;
text-align: right;
}
.bbe-main-banner.layout--one .entry-content .bbe-article-figure .bbe-article-thumb {
filter: brightness(0.8) saturate(0.85);
}
.bbe-main-banner.layout--one .entry-content .bbe-article-figure:before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(10, 8, 6, 0.15) 0%, rgba(10, 8, 6, 0.0) 30%, rgba(10, 8, 6, 0.55) 65%, rgb(10 8 6 / 85%) 100%);
}
body .site .bbe-main-banner:not(.layout--two) .entry-content .bbe-article-figure .entry-inner * {
color: #fff;
background: transparent;
border: none;
padding: 0;
} .bbe-main-banner.layout--two .block-wrap:has(.bbe-main-banner-left):has(.bbe-main-banner-right) .controller-wrap {
top: 30px;
right: 30px;
justify-content: right;
gap: 15px;
transform: initial;
}
.bbe-main-banner.layout--two .block-wrap .bbe-main-banner-main {
overflow: hidden;
}
.bbe-main-banner.layout--two .block-wrap .bbe-main-banner-main .slick-list {
overflow: visible;
}
.bbe-main-banner.layout--two .block-wrap:has(.bbe-main-banner-left):has(.bbe-main-banner-right) .entry-content .bbe-article-figure {
aspect-ratio: 5 / 3;
}
.bbe-main-banner.layout--two .bbe-article.slick-current .entry-inner > * {
animation: none;
}
.bbe-main-banner.layout--two .bbe-main-banner-main .bbe-article .entry-inner {
margin-top: 30px;
}
.bbe-main-banner.layout--two .bbe-main-banner-main.align--center .bbe-article .entry-inner,
.bbe-main-banner.layout--three .bbe-main-banner-main.align--center .bbe-article .entry-inner {
align-items: center;
text-align: center;
}
.bbe-main-banner.layout--two .bbe-main-banner-main.align--right .bbe-article .entry-inner,
.bbe-main-banner.layout--three .bbe-main-banner-main.align--right .bbe-article .entry-inner {
align-items: flex-end;
text-align: right;
}
.bbe-main-banner.layout--two .bbe-article .entry-inner .entry-title {
max-width: 780px;
}
.bbe-main-banner.layout--two .bbe-article .entry-inner .entry-excerpt {
max-width: 620px;
} .bbe-carousel {
--bbe-carousel-gap: 15px;
}
.bbe-carousel .row {
position: relative;
}
.bbe-carousel .slick-list {
margin: 0 calc(var(--bbe-carousel-gap) * -1);
}
.bbe-carousel .slick-list .slick-track,
.bbe-carousel .entry-content:not(.slick-initialized) {
display: flex !important;
align-items: stretch;
}
.bbe-carousel .bbe-article {
margin: 0 var(--bbe-carousel-gap);
}
.bbe-carousel .bbe-article-figure {
position: relative;
} .bbe-carousel.ratio--boxy .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
}
.bbe-carousel.align--center .entry-inner {
text-align: center;
}
.bbe-carousel.align--right .entry-inner {
text-align: right;
}
.bbe-carousel .bbe-article .entry-categories {
margin-bottom: 14px;
}
.bbe-carousel .bbe-article .entry-meta {
margin-top: 12px;
}
.bbe-carousel .bbe-article .entry-excerpt,
.bbe-carousel .bbe-article .bbe-post-button {
margin-top: 12px;
} .bbe-carousel .controller-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding-top: 20px;
margin-top: 30px;
border-top: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-carousel .controller-wrap:empty {
display: none;
}
.bbe-carousel .controller-wrap:has(.slick-arrow) {
justify-content: space-between;
}
.bbe-carousel.arrow--bottom .controller-wrap .slick-arrow {
position: relative;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
overflow: hidden;
border-radius: 50%;
transition: var(--transition-1);
background: var(--bbe-site-bg-color);
border: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-carousel.arrow--bottom .controller-wrap .slick-arrow:hover {
border-color: var(--bbe-site-border-color-hover);
}
.bbe-carousel.arrow--bottom .slick-arrow i {
z-index: 1;
color: var(--bbe-site-color);
} .bbe-carousel.layout--one .bbe-article-figure {
margin-bottom: 25px;
} .bbe-category-collection:not(.layout--four) .entry-content {
display: grid;
gap: 30px;
} .bbe-category-collection.column--one:not(.layout--four) .entry-content {
grid-template-columns: repeat(1, 1fr);
}
.bbe-category-collection.column--two:not(.layout--four) .entry-content {
grid-template-columns: repeat(2, 1fr);
}
.bbe-category-collection.column--three:not(.layout--four) .entry-content {
grid-template-columns: repeat(3, 1fr);
}
.bbe-category-collection.column--four:not(.layout--four) .entry-content {
grid-template-columns: repeat(4, 1fr);
}
.bbe-category-collection.column--five:not(.layout--four) .entry-content {
grid-template-columns: repeat(5, 1fr);
}
.bbe-category-collection.column--six:not(.layout--four) .entry-content {
grid-template-columns: repeat(6, 1fr);
}
.bbe-category-collection.column--seven:not(.layout--four) .entry-content {
grid-template-columns: repeat(7, 1fr);
}
.bbe-category-collection.column--eight:not(.layout--four) .entry-content {
grid-template-columns: repeat(8, 1fr);
}
.bbe-category-collection.column--nine:not(.layout--four) .entry-content {
grid-template-columns: repeat(9 , 1fr);
}
.bbe-category-collection.column--ten:not(.layout--four) .entry-content {
grid-template-columns: repeat(10, 1fr);
}
.bbe-category-collection .cat-item-link {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 14px;
--bbe-site-font-lineheight: 1.4;
--bbe-site-font-texttransform: capitalize;
}
.bbe-category-collection .cat-item-count {
font-size: calc( var(--bbe-site-font-size) * 0.8 );
} .bbe-category-collection .bbe-article-figure {
aspect-ratio: 5 / 5;
}
.bbe-category-collection.layout--one .bbe-article-figure:before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: #00000038;
}
.bbe-category-collection.layout--one .bbe-article-figure .cat-item-link {
position: absolute;
left: 50%;
bottom: 10px;
width: 90%;
z-index: 1;
text-align: center;
padding: 8px 15px;
border-radius: inherit;
background-color: #ffffff59;
transform: translateX(-50%);
color: #fff;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.bbe-category-collection.layout--one .bbe-article-figure .cat-item-count {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 2px 10px;
border-radius: inherit;
color: var(--bbe-theme-color);
background: #fff7ed;
}
.bbe-category-collection.layout--one .cat-item-count::after {
content: "→";
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 10px;
transform: translateY(-1px);
} .bbe-three-blocks .row {
display: grid;
gap: 30px;
}
.bbe-three-blocks .block-item .article-wrap {
display: grid;
gap: 20px;
border-radius: inherit;
}  .bbe-three-blocks.layout--one .row {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.bbe-three-blocks:not(.layout--grid) .bbe-article .post-format-icon {
display: none;
} .bbe-three-blocks .align--center .bbe-article .entry-content {
text-align: center;
}
.bbe-three-blocks .align--right .bbe-article .entry-content {
text-align: right;
}
.bbe-three-blocks .align--center .bbe-article .entry-content .entry-categories,
.bbe-three-blocks .align--center .bbe-article .entry-content .entry-meta {
justify-content: center;
}
.bbe-three-blocks .align--right .bbe-article .entry-content .entry-categories,
.bbe-three-blocks .align--right .bbe-article .entry-content .entry-meta {
justify-content: flex-end;
}
.bbe-three-blocks .bbe-article .entry-categories {
margin-bottom: 9px;
}
.bbe-three-blocks .bbe-article .entry-title,
.bbe-three-blocks .bbe-article .entry-title a {
--bbe-site-font-size: 15px;
}
.bbe-three-blocks .bbe-article .entry-meta {
margin-top: 9px;
}
.bbe-three-blocks .bbe-article .entry-excerpt {
margin-top: 16px;
}
.bbe-three-blocks .bbe-article .bbe-post-button {
margin-top: 8px;
} .bbe-three-blocks .layout--list .bbe-article {
display: flex;
}
.bbe-three-blocks .layout--list .bbe-article .bbe-article-figure {
width: 120px;
height: 100px;
margin-right: 15px;
}
.bbe-three-blocks .layout--list .bbe-article .entry-content {
flex: 1;
} .bbe-three-blocks .layout--grid .bbe-article-figure {
margin-bottom: 16px;
aspect-ratio: 4 / 3;
} .bbe-content-sidebar .content-wrapper {
display: flex;
align-items: flex-start;
gap: 30px;
}
.bbe-content-sidebar .content-wrapper .content-block {
flex: 1;
}
.bbe-content-sidebar .content-wrapper:has(.sidebar-block) > .content-block {
flex: 0 1 70%;
position: sticky;
top: 0;
}
.bbe-content-sidebar .content-wrapper .sidebar-block {
flex: 0 1 30%;
position: sticky;
top: 0;
background: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-content-sidebar .content-wrapper .sidebar-block {
border-color: var(--bbe-site-border-color-muted);
}
.bbe-content-sidebar .content-block .bbe-article .entry-title,
.bbe-content-sidebar .content-block .bbe-article .entry-title a {
--bbe-site-font-size: 30px;
}
.bbe-content-sidebar .featured-post .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-2-1);
margin-bottom: 25px;
}
.bbe-content-sidebar .featured-post .bbe-article .entry-inner {
text-align: center;
}
.bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-categories,
.bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-meta {
justify-content: center;
}
.bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-categories {
margin-bottom: 15px;
}
.bbe-content-sidebar .featured-post .bbe-article .entry-inner .entry-meta {
margin-top: 15px;
} .bbe-content-sidebar .list-post {
display: grid;
gap: 30px;
}
.bbe-content-sidebar .list-post .bbe-article .entry-inner {
flex: 1;
gap: 10px;
}
.bbe-content-sidebar .sidebar-block .widget_blog_bee_post_list_widget .post-list-widget .article-wrap {
display: grid;
gap: 30px;
}
.bbe-content-sidebar .list-post .bbe-article .entry-title,
.bbe-content-sidebar .list-post .bbe-article .entry-title a {
font-size: calc( var(--bbe-site-font-size) * 0.5 );
line-height: calc( var(--bbe-site-font-lineheight) * 1.04 );
}
.bbe-content-sidebar .list-post .bbe-article .entry-title {
margin-bottom: 10px;
} .bbe-content-sidebar.layout--one .list-post {
grid-template-columns: repeat(2, 1fr);
margin-top: 35px;
padding-top: 30px;
border-top: 1px solid var(--bbe-site-border-color-dark);
}
.bbe-content-sidebar.layout--one .featured-post .bbe-article .divider {
width: 40px;
height: 2px;
margin: 15px auto;
opacity: 0.6;
background: var(--bbe-theme-color);
}
.bbe-content-sidebar.layout--one .list-post .bbe-article {
display: flex;
gap: 20px;
}
.bbe-content-sidebar.layout--one .list-post .bbe-article .bbe-article-figure {
width: 100px;
height: 90px;
}
.bbe-content-sidebar.layout--one .list-post .bbe-article .bbe-article-figure .post-format-icon {
display: none;
} .frontpage-widget-area ul li,
.frontpage-widget-area ul li {
list-style: unset;
}
.frontpage-widget-area .widget_blog_bee_carousel_posts_widget .entry-categories li,
.frontpage-widget-area .widget_blog_bee_carousel_posts_widget .slick-dots li {
list-style: none;
margin: 0;
}
body .site .frontpage-widget-area .bbe-carousel {
padding: 0;
background: transparent;
}
.frontpage-widget-area .widget .entry-date a {
--bbe-site-color: var(--bbe-site-meta-color);
color: var(--bbe-site-color);
}
.frontpage-widget-area .widget .entry-date a:hover {
color: var(--bbe-site-color-hover);
}
.widget.widget_block {
text-align: initial;
} 
.widget.widget_block figure {
border-radius: inherit;
overflow: hidden;
} .bbe-post-grid .article-wrap {
display: grid;
gap: 30px;
}
.bbe-post-grid.column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-grid.column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-grid.column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-grid.column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
.bbe-post-grid.tab-column--one  .article-wrap {
grid-template-columns: 100%;
}
.bbe-post-grid.tab-column--two  .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-grid.tab-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-grid.tab-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-grid.tab-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 610px) {
.bbe-post-grid.mobile-column--one .article-wrap {
grid-template-columns: 100%;
}
.bbe-post-grid.mobile-column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-grid.mobile-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-grid.mobile-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-grid.mobile-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
.bbe-post-grid .article-wrap .bbe-article {
display: flex;
flex-direction: column;
gap: 14px;
}
.bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap {
display: flex;
gap: 14px;
}
.bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap .entry-numbering {
font-size: 20px;
color: var(--bbe-theme-color);
}
.bbe-post-grid .article-wrap .bbe-article .entry-inner-wrap .entry-inner {
flex: 1;
}
.bbe-post-grid.align--center .article-wrap .bbe-article .entry-inner {
text-align: center;
}
.bbe-post-grid.align--right .article-wrap .bbe-article .entry-inner {
text-align: right;
}
.bbe-post-grid .article-wrap .bbe-article .entry-categories {
margin-bottom: 8px;
}
.bbe-post-grid .article-wrap .bbe-article .entry-meta {
margin-top: 10px;
}
.bbe-article .entry-meta:empty {
display: none;
}
.bbe-post-grid .article-wrap .bbe-article .entry-excerpt,
.bbe-post-grid .article-wrap .bbe-article .bbe-post-button {
margin-top: 15px;
} .bbe-post-grid.ratio--boxy .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
}
.bbe-post-grid .bbe-article .entry-title,
.bbe-post-grid .bbe-article .entry-title a {
--bbe-site-font-size: 16px;
} .bbe-post-list  .article-wrap {
display: grid;
gap: 30px;
}
.bbe-post-list.column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-list.column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-list.column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-list.column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
.bbe-post-list.tab-column--one  .article-wrap {
grid-template-columns: 100%;
}
.bbe-post-list.tab-column--two  .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-list.tab-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-list.tab-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-list.tab-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 610px) {
.bbe-post-list.mobile-column--one .article-wrap {
grid-template-columns: 100%;
}
.bbe-post-list.mobile-column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-post-list.mobile-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-post-list.mobile-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-post-list.mobile-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
.bbe-post-list .article-wrap .bbe-article {
display: flex;
align-items: center;
gap: 25px;
min-width: 0;
}
.bbe-post-list .article-wrap .bbe-article .bbe-article-figure {
flex: 0 1 40%;
}
.bbe-post-list .article-wrap .bbe-article .entry-inner {
flex: 1;
}
.bbe-post-list.align--center .article-wrap .bbe-article .entry-inner {
text-align: center;
}
.bbe-post-list.align--right .article-wrap .bbe-article .entry-inner {
text-align: right;
}
.bbe-post-list .article-wrap .bbe-article .entry-categories {
margin-bottom: 8px;
}
.bbe-post-list .article-wrap .bbe-article .entry-title,
.bbe-post-list .article-wrap .bbe-article .entry-title a {
--bbe-site-font-size: 16px;
}
.bbe-post-list .article-wrap .bbe-article .entry-meta {
margin-top: 10px;
}
.bbe-post-list .article-wrap .bbe-article .entry-excerpt {
margin-top: 13px;
}
.bbe-post-list .article-wrap .bbe-article .bbe-post-button {
margin-top: 17px;
} .bbe-post-list.ratio--wide .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-16-9);
}
.bbe-post-list.ratio--boxy .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
}
.bbe-post-list.ratio--banner .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-2-1);
}
.bbe-post-list.ratio--square .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-1-1);
} .bbe-web-stories .section-head-wrap {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px;
}
.bbe-web-stories .section-head-wrap .section-head {
flex: 1;
margin: 0;
}
.bbe-web-stories .stories-wrap {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
}
.bbe-web-stories .stories-wrap.retrieving-stories .story {
opacity: 0.5;
}
.bbe-web-stories .stories-wrap .preview {
position: relative;
cursor: pointer;
}
.bbe-web-stories .stories-wrap .preview .bbe-article-figure {
position: relative;
overflow: hidden;
border-radius: var(--bbe-image-border-radius);
}
.bbe-web-stories.ratio--wide .stories-wrap .preview .bbe-article-figure {
aspect-ratio: 4 / 5;
}
.bbe-web-stories.ratio--boxy .stories-wrap .preview .bbe-article-figure {
aspect-ratio: 2 / 3;
}
.bbe-web-stories.ratio--banner .stories-wrap .preview .bbe-article-figure {
aspect-ratio: 3 / 4;
}
.bbe-web-stories.ratio--square .stories-wrap .preview .bbe-article-figure {
aspect-ratio: 1 / 1;
}
.bbe-web-stories .stories-wrap .preview .bbe-article-figure:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(transparent 35%, #000000d9 100%);
transition: background-color 0.3s ease-in-out;
}
.bbe-web-stories .stories-wrap .story-title-wrap {
position: absolute;
bottom: 18px;
padding: 8.1%;
z-index: 2;
}
.bbe-web-stories .stories-wrap .preview .story-count {
--bbe-site-font-size: 11px;
padding: 5px 12px;
border-radius: 50px;
background: #fff;
color: #494949;
}
.bbe-web-stories .stories-wrap .story-title {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 18px;
--bbe-site-font-lineheight: 1.5;
margin-top: 14px;
color: #fff;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.bbe-web-stories .preview .indicators {
position: absolute;
bottom: 0;
z-index: 1;
display: flex;
padding: 7% 8.1%;
width: 100%;
gap: 10px;
margin: 0;
cursor: pointer;
}
.bbe-web-stories .preview .indicators .indicator {
height: 4px;
display: block;
background: #ffffff57;
width: 100%;
border-radius: 50px;
list-style: none;
overflow: hidden;
} .web-stories--open {
overflow: hidden;
}
.bbe-web-stories .inner-stories-wrap.open {
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0);
align-items: center;
height: 100%;
padding: 20px;
}
.admin-bar .bbe-web-stories .inner-stories-wrap.open {
top: 32px;
height: calc(100vh - 32px);
}
.bbe-web-stories .inner-stories-wrap.open .ambient-wrapper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
filter: blur(10px);
z-index: -1;
display: none;
}
.bbe-web-stories.ambient .inner-stories-wrap.open .ambient-wrapper {
display: block;
}
.bbe-web-stories .inner-stories {
display: flex;
justify-content: center;
height: 100%;
}
.bbe-web-stories .inner-stories .inner-story {
position: relative;
}
.bbe-web-stories .inner-stories .inner-story-wrap {
height: 100%;
}
.bbe-web-stories .inner-stories .inner-story-wrap:not(.slick-initialized) {
display: none;
}
.bbe-web-stories .inner-stories .slick-list {
width: 380px;
height: 100%;
border-radius: var(--bbe-image-border-radius);
} .bbe-web-stories .inner-stories .no-thumb .slick-list {
box-shadow: 0 0 6px 3px #ffffff29;
}
.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap {
top: 50%;
left: 50%;
bottom: initial;
transform: translate(-50%, -50%);
text-align: center;
}
.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap .meta-wrap,
.bbe-web-stories .inner-stories-wrap .no-thumb .content-wrap .post-categories {
justify-content: center;
}
.bbe-web-stories .no-thumb .inner-story-wrap .slick-dots li {
background: #a3a3a32e;
}
@media (max-width: 610px) {
.bbe-web-stories .inner-stories .slick-list {
width: 410px;
}
}
.bbe-web-stories .slick-track,
.bbe-web-stories .story-cover-wrap,
.bbe-web-stories .story-cover {
height: 100%;
}
.bbe-web-stories .story-cover-wrap {
position: relative;
}
.bbe-web-stories .story-cover-wrap:before {
content: "";
background: linear-gradient(transparent 35%, #000000d9 100%);
opacity: .9;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.bbe-web-stories .story-cover-wrap .story-cover img {
width: 100%;
height: 100%;
object-fit: cover;
animation: none;
}
.bbe-web-stories .slick-current .story-cover-wrap .story-cover img {
animation: zoomIn 5s ease-in-out;
animation-fill-mode: forwards;
will-change: transform;
}
@keyframes zoomIn {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
.bbe-web-stories .inner-stories-wrap .entry-inner {
position: absolute;
bottom: 0;
padding: 6%;
width: 100%;
z-index: 1;
}
.bbe-web-stories .inner-stories-wrap .entry-inner * {
color: #fff;
}
.bbe-web-stories .inner-stories-wrap .entry-inner .entry-categories {
margin-bottom: 12px;
animation: none;
}
.bbe-web-stories .inner-stories-wrap .entry-inner .entry-title {
--bbe-site-font-size: 24px;
animation: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-title {
animation: moveIn .3s linear forwards;
animation-fill-mode: forwards;
will-change: transform;
}
@keyframes moveIn {
0% {
transform: translateX(50px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bbe-web-stories .inner-stories-wrap .entry-inner .entry-meta {
margin-top: 14px;
animation: none;
}
.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-meta,
.bbe-web-stories .inner-stories-wrap .slick-current .entry-inner .entry-categories {
animation: slide-in .3s linear forwards;
animation-fill-mode: forwards;
will-change: transform;
}
@keyframes slide-in {
0% {
transform: translateX(-50px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
} .bbe-web-stories .inner-story-wrap .slick-dots {
display: flex;
position: absolute;
top: 0;
padding: 3%;
width: 100%;
gap: 10px;
margin: 0;
}
.bbe-web-stories .inner-story-wrap .slick-dots li {
height: 4px;
display: block;
background: #0000002e;
width: 100%;
border-radius: 50px;
list-style: none;
overflow: hidden;
position: relative;
}
.bbe-web-stories .inner-story-wrap .slick-dots li.slick-active:before {
content: '';
position: absolute;
width: 20%;
height: 4px;
background: #fff;
border-radius: 50px;
animation: expandWidth var(--expandWidth-timer, 5s) ease forwards;
}
@keyframes expandWidth {
from {
width: 0;
}
to {
width: 100%;
}
}
.bbe-web-stories .inner-story-wrap .slick-dots li button {
display: none;
} .bbe-web-stories .action-buttons {
position: absolute;
top: 30px;
right: 12px;
display: none;
}
.bbe-web-stories .inner-stories-wrap.open .action-buttons {
display: block;
}
.bbe-web-stories .action-buttons .action-btn {
cursor: pointer;
color: #fff;
font-size: 20px;
line-height: 20px;
background: rgba(0, 0, 0, 0.3);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease-in-out;
border: none;
}
.bbe-web-stories .action-buttons .action-btn.close {
margin-bottom: 10px;
} .bbe-web-stories .inner-stories-wrap:not(.open) .story-arrows .icon {
display: none;
}
.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon,
.bbe-web-stories .inner-stories-wrap.open .slick-arrow {
z-index: 1;
background-color: #fff;
color: #000;
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
display: flex !important;
align-items: center;
justify-content: center;
}
.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon {
color: #5b5b5b;
}
.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon.disabled {
opacity: .25;
pointer-events: none;
}
.bbe-web-stories .inner-stories-wrap .story-arrows .icon.prev-arrow {
left: -75px;
}
.bbe-web-stories .inner-stories-wrap .story-arrows .icon.next-arrow {
right: -75px;
}
.bbe-web-stories .inner-stories-wrap.open .story-arrows .icon i {
font-size: 14px;
} .bbe-web-stories .inner-story .inner-story-wrap .slick-arrow {
border-radius: 0;
transform: translateY(-50%);
height: 250px;
font-size: 18px;
background: #ffffff14;
color: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.bbe-web-stories .inner-story:hover .inner-story-wrap .slick-arrow {
opacity: 1;
visibility: visible;
}
body .bbe-web-stories .inner-story .slick-arrow.slick-next {
right: 0;
}
.bbe-web-stories .inner-story .inner-story-wrap .slick-arrow i {
position: initial;
font-size: 12px;
} .blog-bee-main-wrap .content-wrapper {
display: flex;
gap: 30px;
min-width: 0;
}
.blog-bee-main-wrap .content-wrapper .site-main {
flex: 1;
}
.blog-bee-main-wrap .content-wrapper:has(.widget-area) .site-main {
flex: 0 1 70%;
}
.blog-bee-main-wrap .content-wrapper .widget-area {
flex: 0 1 30%;
}
.content-wrapper:has( > aside:nth-of-type(2) ) .widget-area {
flex: 0 0 20%;
min-width: 0;
}
.widget-area {
background: var(--bbe-site-bg-color);
}
.bbe-dark .widget-area {
border-color: var(--bbe-site-border-color-muted);
} .bbe-sections-wrap .article-wrap {
display: grid;
gap: 30px;
}
.blog-bee-main-wrap.column--two .site-main .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.blog-bee-main-wrap.column--three .site-main .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.blog-bee-main-wrap.column--four .site-main .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.blog-bee-main-wrap.column--five .site-main .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media ( max-width: 768px ) {
.blog-bee-main-wrap.tab-column--one .site-main .article-wrap {
grid-template-columns: 100%;
}
.blog-bee-main-wrap.tab-column--two .site-main .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.blog-bee-main-wrap.tab-column--three .site-main .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.blog-bee-main-wrap.tab-column--four .site-main .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.blog-bee-main-wrap.tab-column--five .site-main .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
@media ( max-width: 610px ) {
.blog-bee-main-wrap.mobile-column--one .site-main .article-wrap {
grid-template-columns: 100%;
}
.blog-bee-main-wrap.mobile-column--two .site-main .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.blog-bee-main-wrap.mobile-column--three .site-main .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.blog-bee-main-wrap.mobile-column--four .site-main .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.blog-bee-main-wrap.mobile-column--five .site-main .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
} .blog-bee-main-wrap.ratio--wide .site-main .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-16-9);
}
.blog-bee-main-wrap.ratio--boxy .site-main .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
}
.blog-bee-main-wrap.ratio--rectangle .site-main .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-3-1);
}
.blog-bee-main-wrap.ratio--banner .site-main .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-2-1);
}
.blog-bee-main-wrap.ratio--square .site-main .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-1-1);
}
.blog-bee-main-wrap .site-main .bbe-article {
position: relative;
}
.blog-bee-main-wrap .site-main .bbe-article .entry-content {
display: grid;
gap: 25px;
}
.blog-bee-main-wrap.align--center .site-main .bbe-article .entry-content {
text-align: center;
}
.blog-bee-main-wrap.align--right .site-main .bbe-article .entry-content {
text-align: right;
} body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-title,
body .blog-bee-main-wrap.layout--grid.column--one .site-main .bbe-article .entry-inner .entry-excerpt {
max-width: 80%;
}
body .blog-bee-main-wrap.layout--grid.column--one.align--center .site-main .bbe-article .entry-inner .entry-title,
body .blog-bee-main-wrap.layout--grid.column--one.align--center .site-main .bbe-article .entry-inner .entry-excerpt {
margin-inline: auto;
}
body .blog-bee-main-wrap.layout--grid.column--one.align--right .site-main .bbe-article .entry-inner .entry-title,
body .blog-bee-main-wrap.layout--grid.column--one.align--right .site-main .bbe-article .entry-inner .entry-excerpt {
margin-left: auto;
}
body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-content {
gap: 0;
}
body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:first-of-type {
margin-bottom: 25px;
}
body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:last-of-type {
margin-top: 25px;
}
body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:first-child {
margin-top: 0;
}
body:not(.single) .blog-bee-main-wrap.layout--grid .site-main .bbe-article .entry-inner:last-child {
margin-bottom: 0;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-categories {
margin-top: 12px;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-title {
margin-top: 12px;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-meta {
margin-top: 10px;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .entry-excerpt {
margin-top: 13px;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner .bbe-post-button {
margin-top: 17px;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner > *:first-child {
margin-top: 0;
}
body:not(.single) .blog-bee-main-wrap .site-main .bbe-article .entry-inner > *:last-child {
margin-bottom: 0;
} .blog-bee-main-wrap.alter--enabled .site-main .bbe-article:nth-child(even) .bbe-article-figure {
order: 2;
}
body:not(.single) .blog-bee-main-wrap.layout--grid.alter--enabled .site-main .bbe-article:nth-child(even) .entry-inner:last-of-type {
margin-bottom: 25px;
margin-top: 0;
} .blog-bee-main-wrap.position--right .site-main .bbe-article .bbe-article-figure {
order: 2;
} .blog-bee-main-wrap .bbe-article .entry-footer {
position: absolute;
top: -21px;
left: 0;
line-height: 1;
opacity: 0;
visibility: hidden;
transition: var(--transition-1);
}
.blog-bee-main-wrap .bbe-article:hover .entry-footer {
opacity: 1;
visibility: visible;
}
.blog-bee-main-wrap .bbe-article .entry-footer .post-edit-link {
color: #ffffff;
background: #2271b1;
padding: 5px 7px;
font-size: 10px;
letter-spacing: 0.6px;
text-transform: uppercase;
} .article-wrap .entry-social-share {
position: relative;
}
.article-wrap .entry-social-share .share-button {
color: var(--bbe-site-color);
}
.article-wrap .entry-social-share .social-shares {
position: absolute;
top: 100%;
left: 50%;
opacity: 0;
visibility: hidden;
padding: 8px 12px;
border-radius: 3px;
display: flex;
gap: 14px;
z-index: 1;
align-items: center;
transform: translate(-50%, 25px);
transition: var(--transition-2);
box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 4%);
border: 1px solid var(--bbe-site-grey-color);
background-color: var(--bbe-site-bg-color);
}
.article-wrap .entry-social-share .social-shares {
--bbe-site-bg-color: #fff;
padding: 8px 12px;
border: 1px solid var(--bbe-site-grey-color);
background-color: var(--bbe-site-bg-color);
}
.bbe-dark .article-wrap .entry-social-share:not(.official--on) .social-shares {
--bbe-site-bg-color: #292c2f;
}
.article-wrap .entry-social-share:hover .social-shares {
opacity: 1;
visibility: visible;
transform: translate(-50%, 15px);
}
.article-wrap .entry-social-share .social-shares:before {
bottom: calc(100% - 6px);
left: 50%;
content: " ";
height: 12px;
width: 12px;
border-radius: 2px;
position: absolute;
background-color: var(--bbe-site-bg-color);
border: 1px solid transparent;
border-left-color: var(--bbe-site-grey-color);
border-top-color: var(--bbe-site-grey-color);
transform: translateX(-50%) rotateZ(41deg);
-webkit-box-shadow: -1px 1px 1px -1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: -1px 1px 3px -1px rgba(0,0,0,0.05);
box-shadow: -1px -1px 3px -1px rgb(0 0 0 / 23%);
}
.article-wrap .entry-social-share .social-shares li a {
font-size: 12px;
color: var(--bbe-site-color);
}
.article-wrap .entry-social-share .social-shares li a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .blog-bee-main-wrap.layout--list.column--two .site-main .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
body .site .bbe-sections-wrap .blog-bee-main-wrap.layout--list .site-main .bbe-article {
border-bottom: 1px solid var(--bbe-site-border-color-muted);
padding-bottom: 30px;
overflow: visible;
}
body .site .blog-bee-main-wrap.layout--list .site-main .bbe-article:last-child {
padding: 0;
border: none;
}
.blog-bee-main-wrap.layout--list .site-main .bbe-article .entry-content {
grid-template-columns: 30fr 70fr;
align-items: center;
}
.blog-bee-main-wrap.layout--list.alter--enabled .site-main .bbe-article:nth-child(even) .entry-content,
.blog-bee-main-wrap.layout--list.position--right .site-main .bbe-article .entry-content {
grid-template-columns: 70fr 30fr;
} .blog-bee-main-wrap:not(.masonry--on) .bbe-pagination {
margin-top: 40px;
} .blog-bee-main-wrap .bbe-pagination.default.filled .nav-links a {
--bbe-site-bg-color: #efefef;
background: var(--bbe-site-bg-color);
padding: 6px 14px;
}
.blog-bee-main-wrap .bbe-pagination.default.filled .nav-links a:hover {
--bbe-site-bg-color-hover: #efefef;
background: var(--bbe-site-bg-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.default.outline .nav-links a {
border: 1px solid var(--bbe-site-border-color);
padding: 6px 14px;
}
.blog-bee-main-wrap .bbe-pagination.default.outline .nav-links a:hover {
border: 1px solid var(--bbe-site-border-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.default.rounded .nav-links a,
.blog-bee-main-wrap .bbe-pagination.number.rounded .page-numbers .page-numbers.current,
.blog-bee-main-wrap .bbe-pagination.ajax.rounded .label {
border-radius: 4px;
}
.blog-bee-main-wrap .bbe-pagination.default.circle .nav-links a,
.blog-bee-main-wrap .bbe-pagination.number.circle .page-numbers .page-numbers.current,
.blog-bee-main-wrap .bbe-pagination.ajax.circle .label {
border-radius: 30px;
} .blog-bee-main-wrap .bbe-pagination.default .nav-links {
display: flex;
justify-content: space-between;
}
.blog-bee-main-wrap .bbe-pagination.default .nav-links a {
font-size: 14px;
color: var(--bbe-site-color);
display: inline-block;
}
.blog-bee-main-wrap .bbe-pagination.default .nav-links a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .blog-bee-main-wrap .bbe-pagination.number > .page-numbers {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.blog-bee-main-wrap .bbe-pagination.number .prev.page-numbers i,
.blog-bee-main-wrap .bbe-pagination.number .next.page-numbers i {
background: transparent;
border: none;
width: initial;
height: initial;
font-size: 16px;
}
.blog-bee-main-wrap .bbe-pagination.number .page-numbers a {
color: var(--bbe-site-color);
}
.blog-bee-main-wrap .bbe-pagination.number .page-numbers .page-numbers.current {
color: var(--bbe-theme-color);
}
.blog-bee-main-wrap .bbe-pagination.number .page-numbers a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.number .page-numbers .page-numbers.current {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.blog-bee-main-wrap .bbe-pagination.number.filled .page-numbers span.page-numbers.current,
.blog-bee-main-wrap .bbe-pagination.number.outline .page-numbers span.page-numbers.current {
width: 35px;
height: 35px;
line-height: 35px;
}
.blog-bee-main-wrap .bbe-pagination.number.filled .page-numbers .page-numbers.current {
--bbe-site-bg-color: var(--bbe-theme-color);
color: #fff;
background: var(--bbe-site-bg-color);
}
.blog-bee-main-wrap .bbe-pagination.number.outline .page-numbers span.page-numbers.current {
border: 1px solid var(--bbe-site-border-color);
}
.blog-bee-main-wrap .bbe-pagination.number .dots {
color: var(--bbe-site-color);
} .blog-bee-main-wrap .bbe-pagination.ajax {
text-align: center;
}
.blog-bee-main-wrap .bbe-pagination.ajax.filled .label,
.blog-bee-main-wrap .bbe-pagination.ajax.outline .label {
line-height: 46px;
padding: 0 50px;
height: 46px;
}
.blog-bee-main-wrap .bbe-pagination.ajax.filled .label {
background: var(--bbe-site-bg-color);
}
.blog-bee-main-wrap .bbe-pagination.ajax.filled .label:hover {
--bbe-site-bg-color-hover: var(--bbe-theme-color);
background: var(--bbe-site-bg-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.ajax.outline .label {
border: 1px solid var(--bbe-site-border-color);
}
.blog-bee-main-wrap .bbe-pagination.ajax.outline .label:hover {
border-color: var(--bbe-site-border-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.ajax .label {
font-size: 12px;
text-transform: uppercase;
color: var(--bbe-site-color);
display: flex;
align-items: center;
transition: var(--transition-1);
}
.blog-bee-main-wrap .bbe-pagination.ajax .label:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.blog-bee-main-wrap .bbe-pagination.ajax .hidden {
display: none;
} .ajax-wrapper .no-results-label {
color: var(--bbe-site-color);
margin-top: 20px;
display: inline-block;
}
.bbe-pagination .ajax-wrapper .no-results-label {
margin: 0;
}
.ajax-wrapper .no-results-label.hidden {
display: none;
}
body .site .ajax-wrapper .ajax-button.hidden {
display: none;
} .single .blog-bee-main-wrap .bbe-article-figure .post-thumbnail {
height: 100%;
}
.single .single-article .entry-inner .entry-title,
.single .single-header .entry-inner .entry-title {
--bbe-site-font-size: 30px;
--bbe-site-font-lineheight: 1.46;
max-width: 800px;
color: var(--bbe-site-color);
margin-top: 15px;
}
.single .row > .single-header {
margin-bottom: 25px;
}
.single .align--center .single-article .entry-inner,
.single .align--center .single-header .entry-inner {
text-align: center;
align-items: center;
}
.single .align--center .single-article .entry-inner .entry-title,
.single .align--center .single-header .entry-inner .entry-title {
margin-inline: auto;
}
.single .align--right .single-article .entry-inner,
.single .align--right .single-header .entry-inner {
text-align: right;
align-items: flex-end;
}
.single .align--right .single-article .entry-inner .entry-title,
.single .align--right .single-header .entry-inner .entry-title {
margin-left: auto;
}
.single .single-header .entry-inner > *:first-child {
margin-top: 0;
}
.single .single-header .entry-categories {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
}
.single .single-header .entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
row-gap: 6px;
margin-top: 10px;
}
.single .single-header .entry-meta i {
font-size: calc(var(--bbe-site-font-size) * 0.89);
margin-right: 6px;
}
.single .single-header .entry-meta > div {
--bbe-site-font-size: 11px;
--bbe-site-font-letterspacing: 0.02em;
--bbe-site-font-texttransform: uppercase;
color: var(--bbe-site-meta-color);
display: flex;
align-items: center;
}
.single .single-header .entry-meta > div a {
color: inherit;
display: inline-block;
} .blog-bee-main-wrap.ratio--boxy .single-header .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
} .single .blog-bee-main-wrap.layout--one .single-article .entry-inner {
margin-top: 30px;
} .single .entry-excerpt.align--left p {
text-align: left;
}
.single .entry-excerpt.align--center p {
text-align: center;
}
.single .entry-excerpt.align--right p {
text-align: right;
}
.single .entry-excerpt.align--justify p {
text-align: justify;
}
.single .entry-excerpt *,
.page .entry-excerpt * {
margin-bottom: 20px;
}
.single .entry-excerpt *:last-child,
.page .entry-excerpt *:last-child {
margin: 0;
}
.wp-element-caption {
font-style: italic;
margin-top: -12px;
font-size: 13px;
text-align: center;
}
.wp-block-quote {
position: relative;
padding: 15px 25px;
margin: 35px 0;
}
.wp-block-code {
padding: 20px 25px;
color: var(--bbe-site-color);
background: #eeeeee;
}
.bbe-dark .wp-block-code {
background: #ffffff17;
}
.wp-block-quote:before {
content: '“';
line-height: 1;
color: var(--bbe-site-color);
opacity: 0.1;
font-size: 8rem;
position: absolute;
left: -12px;
top: -11px;
font-family: Georgia, "Times New Roman", serif;
}
.single .wp-block-embed iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
} .single .tags-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 20px;
color: var(--bbe-site-color);
}
.single .tags-links a {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 12px;
margin: 0;
border-radius: 100px;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
transition: var(--transition-1);
border: 0.5px solid var(--bbe-site-border-color-muted);
}
.single .tags-links a:before {
content: '\f02b';
font-family: 'Font Awesome 7 Free';
font-weight: 600;
font-size: 12px;
margin-bottom: -2px;
color: var(--bbe-site-meta-color);
}
.single .tags-links a:hover {
color: var(--bbe-theme-color);
border-color: var(--bbe-theme-color);
} .bbe-post-navigation {
margin: 40px 0;
}
.bbe-post-navigation .nav-links {
display: flex;
justify-content: space-between;
gap: 12px;
}
.bbe-post-navigation .nav-links > div {
flex: 1;
}
.bbe-post-navigation .nav-links .nav-previous {
text-align: left;
}
.bbe-post-navigation .nav-links .nav-next {
text-align: right;
}
.bbe-post-navigation .nav-links a {
display: flex;
gap: 20px;
min-width: 0;
padding: 16px 20px;
border: 1px solid var(--bbe-site-border-color-dark);
}
.bbe-post-navigation .nav-links a:hover {
background: #f9fafb;
}
.bbe-dark .bbe-post-navigation .nav-links a:hover {
background: #f9fafb12;
}
.bbe-post-navigation .nav-next a {
justify-content: flex-end;
}
.bbe-post-navigation .nav-links .nav-content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
flex: 1;
}
.bbe-post-navigation .nav-links .bbe-article-figure {
width: 100px;
height: 90px;
}
.bbe-post-navigation .nav-subtitle {
font-size: 11px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--bbe-site-meta-color);
}
.bbe-post-navigation .nav-title {
font-weight: 400;
font-size: 14px;
color: var(--bbe-site-color);
}
.bbe-post-navigation .nav-date {
margin-top: -2px;
display: initial;
transition: color .3s ease-in-out;
}
.bbe-post-navigation .nav-next .nav-title {
margin-left: auto;
} .bbe-author-box {
padding-top: 30px;
margin: 2rem 0;
text-align: center;
border-top: 1px solid var(--bbe-site-border-color-dark);
}
.bbe-author-box .author-thumb img {
width: 120px;
height: 120px;
border-radius: 50%;
margin-inline: auto;
}
.bbe-author-box .author-name {
font-size: 18px;
font-weight: 500;
margin: 0 0 14px;
text-transform: capitalize;
}
.bbe-author-box .author-name a {
color: var(--bbe-site-color);
}
.bbe-author-box .author-name a:hover {
color: var(--bbe-site-color-hover);
}
.bbe-author-box .author-desc {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 15px;
color: var(--bbe-site-excerpt-color);
}
.bbe-author-box .author-socials {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 16px;
}
.bbe-author-box .author-socials .social-item {
color: var(--bbe-site-color);
font-size: 16px;
}
.bbe-author-box .author-socials .social-item i {
transition: var(--transition-1);
}
.bbe-author-box .author-socials .social-item:hover .fa-facebook-f {
color: #1877F2;
}
.bbe-author-box .author-socials .social-item:hover .fa-x-twitter {
color: #000000;
}
.bbe-author-box .author-socials .social-item:hover .fa-linkedin-in {
color: #0A66C2;
}
.bbe-author-box .author-socials .social-item:hover .fa-instagram {
color: #E4405F;
}
.bbe-author-box .author-socials .social-item:hover .fa-youtube {
color: #FF0000;
}
.bbe-author-box .author-socials .social-item:hover .fa-telegram {
color: #26A5E4;
}
.bbe-author-box .author-socials .social-item:hover .fa-whatsapp {
color: #25D366;
}
.bbe-author-box .author-socials .social-item:hover .fa-tiktok {
color: #000000;
}
.bbe-author-box .author-socials .social-item:hover .fa-weixin {
color: #07C160;
} .bbe-author-box.layout--default .author-elements {
margin-top: 32px;
} .bbe-author-box.layout--side {
display: flex;
align-items: center;
gap: 35px;
}
.bbe-author-box.layout--side .author-elements {
text-align: left;
flex: 1;
} .single .content-wrapper .bbe-article .social-content-wrap {
display: flex;
align-items: flex-start;
gap: 35px;
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-excerpt {
flex: 1;
}
.single .content-wrapper .bbe-article .social-content-wrap:has(.is-inline) {
flex-direction: column;
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed {
position: sticky;
top: 120px;
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed.position--right {
order: 2;
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-icon {
margin-right: 6px;
font-size: 12px;
color: var(--bbe-site-meta-color);
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .share-text {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: var(--bbe-site-meta-color);
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares {
text-align: center;
margin-top: 22px;
}
.single .content-wrapper .bbe-article .social-content-wrap .entry-social-share.is-fixed .social-shares .social + .social {
margin-top: 10px;
}
.single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a {
color: var(--bbe-site-color);
}
.single .content-wrapper .bbe-article .social-content-wrap .official--off .social-shares li a:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
} .entry-social-share.is-inline {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.entry-social-share.is-inline .share-button {
display: inline-flex;
align-items: center;
gap: 8px;
}
.entry-social-share.is-inline .share-button:after {
content: ':';
}
.entry-social-share.is-inline .social-shares {
display: flex;
gap: 8px;
} .comments-area {
margin-top: 40px;
}
.comments-area .comment-respond {
padding: 28px;
border-radius: var(--bbe-image-border-radius);
border: 1px solid var(--bbe-site-border-color-dark);
}
.comments-area .comment-respond .comment-reply-title {
font-weight: 500;
font-size: 18px;
margin-bottom: 28px;
color: var(--bbe-site-color);
}
.comments-area .comment-form {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.comments-area .comment-form p {
position: relative;
width: 100%;
}
.comments-area .comment-form .comment-notes {
margin-bottom: 20px;
}
.comments-area .comment-form .comment-notes,
.comments-area .comment-form .logged-in-as,
.comments-area .comment-form .comment-form-cookies-consent {
font-weight: 400;
font-size: 13px;
color: var(--bbe-site-excerpt-color);
padding: 10px 14px;
background: #f9fafb;
border-radius: var(--bbe-image-border-radius);
border: 1px solid var(--bbe-site-border-color-muted);
}
.bbe-dark .comments-area .comment-form .comment-notes,
.bbe-dark .comments-area .comment-form .logged-in-as,
.bbe-dark .comments-area .comment-form .comment-form-cookies-consent {
background: #313538;
}
.comments-area .comment-form .logged-in-as a {
color: #0073aa;
text-decoration: underline;
}
.comments-area .comment-form .logged-in-as a:hover {
color: var(--bbe-site-color);
}
.comments-area .comment-form .required {
color: #D85A30;
margin-left: 2px;
}
.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email {
width: calc( 50% - 10px );
}
.comments-area .comment-form label {
font-weight: 400;
font-size: 12px;
color: var(--bbe-site-color);
letter-spacing: 0.03em;
display: block;
margin-bottom: 6px;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form textarea {
font-size: 14px;
padding: 0 12px 0 12px;
width: 100%;
height: 40px;
border-radius: var(--bbe-image-border-radius);
outline: none;
color: var(--bbe-site-color);
background: transparent;
transition: var(--transition-1);
border: 1px solid var(--bbe-site-border-color-muted);
}
.comments-area .comment-form textarea#comment {
height: 130px;
padding: 12px;
resize: vertical;
line-height: 1.6;
}
.comments-area .comment-form input:hover,
.comments-area .comment-form textarea:hover {
border-color: #d1d5db;
}
.bbe-dark .comments-area .comment-form input:hover,
.bbe-dark .comments-area .comment-form textarea:hover {
border-color: #d1d5db80;
}
.comments-area .comment-form input:focus,
.comments-area .comment-form textarea:focus {
border-color: #378ADD;
box-shadow: 0 0 0 3px rgba(55, 138, 221, 0.1);
}
.comments-area .comment-form .comment-form-cookies-consent {
display: flex;
gap: 10px;
margin-top: 20px;
}
.comments-area .comment-form .comment-form-cookies-consent input[type="checkbox"] {
width: 14px;
height: 14px;
margin-top: 1px;
accent-color: #378ADD;
cursor: pointer;
}
.comments-area .comment-form .comment-form-cookies-consent label {
line-height: 1.5;
cursor: pointer;
margin: 0;
} .comments-area .comment-form .form-submit .submit {
font-weight: 500;
font-size: 14px;
display: inline-flex;
align-items: center;
padding: 0 24px;
height: 42px;
background: #111827;
border-radius: var(--bbe-image-border-radius);
color: #ffffff;
cursor: pointer;
margin-top: 10px;
transition: var(--transition-1);
}
.comments-area .comment-form .form-submit .submit:hover {
background: var(--bbe-theme-color);
}
.comments-area .comment-form .form-submit .submit:active {
transform: scale(0.98);
} .single .bbe-related-posts {
margin-top: 50px;
}
.single .bbe-related-posts.column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.single .bbe-related-posts.column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.single .bbe-related-posts.column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
} .single .bbe-related-posts.ratio--wide .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-16-9);
}
.single .bbe-related-posts.ratio--boxy .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-4-3);
}
.single .bbe-related-posts.ratio--banner .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-2-1);
}
.single .bbe-related-posts.ratio--square .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-1-1);
}
.single .bbe-related-posts .entry-content .entry-categories {
margin-bottom: 12px;
}
.single .bbe-related-posts .entry-content .entry-meta {
margin-top: 10px;
} .single .bbe-related-posts.layout--grid .bbe-article {
display: flex;
flex-direction: column;
gap: 20px;
} .page-header {
padding: 10px 0 50px;
max-width: 44%;
margin-inline: auto;
text-align: center;
}
.page-header .page-title {
font-size: 34px;
text-transform: capitalize;
color: var(--bbe-site-color);
}
.page-header .archive-count {
margin-top: 8px;
display: inline-block;
color: var(--bbe-site-color);
}
.page-header .archive-description {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 14px;
--bbe-site-font-lineheight: 1.64;
color: var(--bbe-site-excerpt-color);
margin-top: 16px;
} .search .blog-bee-main-wrap .page-title {
margin-bottom: 15px;
}
.search .blog-bee-main-wrap .search-form {
display: flex;
align-items: center;
border-radius: 3px;
overflow: hidden;
background: #fafafa;
}
.search.bbe-dark  .search-form {
background: #383838;
}
.search .blog-bee-main-wrap .search-form label {
width: 100%;
}
.search .blog-bee-main-wrap .search-form input.search-field {
width: 100%;
padding: 4px 16px;
font-size: 16px;
height: 42px;
border-radius: 3px 0 0 3px;
background: transparent;
color: var(--bbe-site-color);
border-color: var(--bbe-site-border-color-dark);
}
.search .blog-bee-main-wrap .search-form input.search-field::placeholder {
color: var(--bbe-site-color);
}
.search .blog-bee-main-wrap .search-form input.search-field:focus {
outline: none;
}
.search .blog-bee-main-wrap .search-form .icon {
height: 42px;
padding: 10px 10px;
border-radius: 0 3px 3px 0;
color: var(--bbe-site-meta-color);
transition: var(--transition-1);
border: 1px solid var(--bbe-site-border-color-dark);
border-left: 0;
}
.search .blog-bee-main-wrap .search-form .icon.close-icon {
display: none;
}
.search .blog-bee-main-wrap .search-form .icon:hover {
background-color: var(--bbe-site-grey-color);
} .search .blog-bee-main-wrap .filter-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 10px;
justify-content: space-between;
align-items: center;
border-radius: 3px;
margin-bottom: 54px;
}
.search .blog-bee-main-wrap .filter-wrapper .filter.has-dropdown {
position: relative;
}
.search .blog-bee-main-wrap .filter-wrapper .filter .head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 12px;
cursor: pointer;
color: var(--bbe-site-color);
border: 1px solid var(--bbe-site-border-color-dark);
border-radius: 3px;
transition: var(--transition-2);
}
.search .blog-bee-main-wrap .filter-wrapper .filter .head .label {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 13px;
}
.search .blog-bee-main-wrap .filter-wrapper .filter .head:hover {
background: var(--bbe-site-grey-color);
}
.search .blog-bee-main-wrap .filter-wrapper .filter .head .icon {
font-size: 12px;
margin-bottom: -2px;
}
.search .blog-bee-main-wrap .filter-wrapper .filter .body {
position: absolute;
top: 100%;
left: 0;
width: 220px;
background: #fff;
border-radius: 3px;
box-shadow: 0 4px 10px -2px rgba(0,0,0,0.1);
padding: 12px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: var(--transition-2);
z-index: 1;
}
.bbe-dark.search .blog-bee-main-wrap .filter-wrapper .filter .body {
background: #3c3f42;
}
.filter-wrapper .filter.has-dropdown.active .body {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.filter-wrapper .filter .items {
display: grid;
gap: 8px;
max-height: 250px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #dddddd transparent;
}
.filter-wrapper .filter .item {
display: flex;
align-items: center;
padding: 6px 8px;
border-radius: 3px;
transition: var(--transition-1);
}
.filter-wrapper .filter .item:hover {
background: #f5f5f5;
background: var(--bbe-site-grey-color);
}
.filter-wrapper .filter .item input[type="checkbox"] {
position: relative;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 2px solid #ccc;
border-radius: 3px;
cursor: pointer;
margin-right: 10px;
transition: var(--transition-1);
}
.filter-wrapper .filter .item input[type="checkbox"]:checked {
background-color: var(--bbe-theme-color);
border-color: var(--bbe-theme-color);
}
.filter-wrapper .filter .item input[type="checkbox"]:checked::after {
content: "✔";
color: #fff;
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
}
.filter-wrapper .filter .item label {
font-size: 14px;
color: var(--bbe-site-color);
cursor: pointer;
text-transform: capitalize;
}
.filter-wrapper .filter .body .clear {
font-weight: 500;
font-size: 13px;
margin-top: 10px;
background: #f5f5f5;
border: 1px solid var(--bbe-site-border-color-dark);
border-radius: 3px;
padding: 6px 12px 8px;
transition: var(--transition-1);
}
.filter-wrapper .filter .body .clear:hover {
background: #e4e4e4;
}
.filter-wrapper .filter.before input,
.filter-wrapper .filter.after input {
border-radius: 3px;
padding: 6px 12px;
font-size: 14px;
width: 100%;
background: var(--bbe-site-bg-color);
border: 1px solid var(--bbe-site-border-color-dark);
}
.filter-wrapper .filter.before input::placeholder,
.filter-wrapper .filter.after input::placeholder {
color: var(--bbe-site-color);
}
.filter-wrapper .action-btn {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.3px;
padding: 6px 12px;
border-radius: 3px;
height: 100%;
opacity: 1;
transition: var(--transition-1);
}
.filter-wrapper .filter-button {
background: #2563eb;
color: #fff;
}
.filter-wrapper .filter-button.disabled {
cursor: not-allowed;
opacity: .5;
}
.filter-wrapper .clear-button {
background: #ffe3e3;
color: #c92a2a;
border: 1px solid #ffc9c9;
}
.filter-wrapper .clear-button.disabled {
cursor: not-allowed;
opacity: .5;
} .ui-datepicker {
font-size: 12px;
border-radius: 3px;
padding: 8px;
box-shadow: 0 0 5px #00000024;
background: var(--bbe-site-bg-color);
}
.ui-datepicker .ui-datepicker-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
cursor: pointer;
color: var(--bbe-site-color);
padding: 10px;
}
.ui-datepicker .ui-datepicker-title {
display: flex;
align-items: center;
gap: 6px;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 13px;
padding: 2px 4px;
border-radius: 3px;
}
.ui-datepicker .ui-datepicker-calendar {
border-collapse: collapse;
margin: 6px 0 0;
}
.ui-datepicker .ui-datepicker-calendar th {
font-weight: 600;
padding: 4px;
color: var(--bbe-site-color);
}
.ui-datepicker .ui-datepicker-calendar td {
text-align: center;
padding: 4px;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: block;
padding: 6px;
border-radius: 4px;
color: var(--bbe-site-color);
}
.ui-datepicker .ui-datepicker-calendar a:hover {
background: var(--bbe-site-grey-color);
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
background: #fffa90;
color: #30344b;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
background: var(--bbe-theme-color);
color: #fff;
} .page .site-main .bbe-article.ratio--wide .post-thumbnail {
aspect-ratio: var(--bbe-ratio-16-9);
}
.page .site-main .bbe-article.ratio--boxy .post-thumbnail {
aspect-ratio: var(--bbe-ratio-4-3);
}
.page .site-main .bbe-article.ratio--banner .post-thumbnail {
aspect-ratio: var(--bbe-ratio-2-1);
}
.page .site-main .bbe-article.ratio--square .post-thumbnail {
aspect-ratio: var(--bbe-ratio-1-1);
}
.page .site-main .bbe-article .entry-title {
--bbe-site-font-size: 28px;
--bbe-site-font-lineheight: 1.42;
max-width: 700px;
margin-bottom: 20px;
color: var(--bbe-site-color);
}
.page .site-main .bbe-article .entry-content {
margin-top: 30px;
} .bbe-error-404 .page-header {
max-width: 100%;
padding: 0;
text-align: center;
}
.bbe-error-404 .page-header .page-title {
--bbe-site-font-weight: 500;
}
.bbe-error-404 .page-header .error-image {
margin: 1.5em 0px 0px;
}
.bbe-error-404 .page-content {
text-align: center;
margin-top: 15px;
}
.bbe-error-404 .error-actions {
margin-top: 1.5em;
}
.bbe-error-404 .error-actions .error-button {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 22px;
display: inline-flex;
gap: 8px;
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.bbe-error-404 .error-actions .error-button:hover {
color: var(--bbe-site-color-hover);
}
.bbe-error-404 .error-actions .error-button i {
width: auto;
height: auto;
border: none;
background: transparent;
}
.bbe-error-404 .error-actions .error-button.filled {
--bbe-site-bg-color: var(--bbe-site-grey-color);
padding: 8px 15px;
background: var(--bbe-site-bg-color);
padding: 8px 16px;
}
.bbe-error-404 .error-actions .error-button.filled:hover {
background: var(--bbe-site-bg-color-hover);
}
.bbe-error-404 .error-actions .error-button.outline {
padding: 8px 15px;
border: 1px solid var(--bbe-site-border-color);
}
.bbe-error-404 .error-actions .error-button.outline:hover {
border-color: var(--bbe-site-border-color-hover);
}
.bbe-error-404 .error-actions .error-button.rounded {
border-radius: 6px;
}
.bbe-error-404 .error-actions .error-button.circle {
border-radius: 30px;
}
.bbe-error-404 .error-actions .icon {
display: flex;
align-items: center;
}
.bbe-error-404 .error-actions .icon i {
font-size: calc( var(--bbe-site-font-size) - 5px );
} .bbe-you-may-have-missed .article-wrap {
display: grid;
gap: 30px;
}
.bbe-you-may-have-missed.column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-you-may-have-missed.column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-you-may-have-missed.column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-you-may-have-missed.column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 768px) {
.bbe-you-may-have-missed.tab-column--one  .article-wrap {
grid-template-columns: 100%;
}
.bbe-you-may-have-missed.tab-column--two  .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-you-may-have-missed.tab-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-you-may-have-missed.tab-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-you-may-have-missed.tab-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 610px) {
.bbe-you-may-have-missed.mobile-column--one .article-wrap {
grid-template-columns: 100%;
}
.bbe-you-may-have-missed.mobile-column--two .article-wrap {
grid-template-columns: repeat(2, 1fr);
}
.bbe-you-may-have-missed.mobile-column--three .article-wrap {
grid-template-columns: repeat(3, 1fr);
}
.bbe-you-may-have-missed.mobile-column--four .article-wrap {
grid-template-columns: repeat(4, 1fr);
}
.bbe-you-may-have-missed.mobile-column--five .article-wrap {
grid-template-columns: repeat(5, 1fr);
}
}
.bbe-you-may-have-missed .article-wrap .bbe-article {
display: flex;
flex-direction: column;
gap: 25px;
}
.bbe-you-may-have-missed.align--center .article-wrap .bbe-article .entry-inner {
text-align: center;
}
.bbe-you-may-have-missed.align--right .article-wrap .bbe-article .entry-inner {
text-align: right;
}
.bbe-you-may-have-missed .article-wrap .bbe-article .entry-categories {
margin-bottom: 13px;
}
.bbe-you-may-have-missed .article-wrap .bbe-article .entry-meta {
margin-top: 10px;
}
.bbe-you-may-have-missed .article-wrap .bbe-article .entry-excerpt,
.bbe-you-may-have-missed .article-wrap .bbe-article .bbe-post-button {
margin-top: 15px;
} .bbe-you-may-have-missed.ratio--wide .bbe-article .bbe-article-figure {
aspect-ratio: var(--bbe-ratio-16-9);
}  .bbe-footer .bbe-site-logo .site-description {
display: none;
} .bbe-footer .bbe-footer-menu .page_item_has_children,
.bbe-footer .bbe-footer-menu .children {
display: flex;
}
.bbe-footer .bbe-footer-menu .sub-menu li,
.bbe-footer .bbe-footer-menu .children li {
padding: 2px 12px;
} .bbe-footer .bbe-copyright p {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 15px;
color: var(--bbe-site-color);
}
.bbe-footer .bbe-copyright a {
--bbe-site-color: #0073aa;
color: var(--bbe-site-color);
}
.bbe-footer .bbe-copyright a:hover {
color: var(--bbe-site-color-hover);
} .bbe-footer .bbe-scroll-to-top {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 15px;
--bbe-site-color: #fff;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.bbe-footer .bbe-scroll-to-top:hover {
--bbe-site-color-hover: #fff;
color: var(--bbe-site-color-hover);
}
body .bbe-footer .bbe-scroll-to-top .label:empty {
display: none;
}
.bbe-footer .bbe-scroll-to-top .icon {
color: inherit;
}
.bbe-footer .bbe-scroll-to-top .icon i {
font-size: calc(var(--bbe-site-font-size) * 0.9);
} .bbe-footer .bbe-scroll-to-top.is-fixed {
position: fixed;
bottom: 25px;
left: 25px;
opacity: 0;
visibility: hidden;
z-index: 1;
transform: translateY(25px);
transition: var(--transition-1);
}
.bbe-footer .bbe-scroll-to-top.is-fixed.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.bbe-footer .bbe-scroll-to-top.position--center {
left: 50%;
transform: translateX(-50%);
}
.bbe-footer .bbe-scroll-to-top.position--right {
right: 25px;
left: initial;
} .bbe-footer .bbe-scroll-to-top.layout--one .label {
--bbe-site-bg-color: #30344b;
display: flex;
align-items: center;
height: 40px;
border-radius: 50px;
padding: 4px 16px;
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
}
.bbe-footer .bbe-scroll-to-top.layout--one:hover .label {
--bbe-site-bg-color-hover: #E78371;
background: var(--bbe-site-bg-color-hover);
}
.bbe-footer .bbe-scroll-to-top.layout--one .icon {
--bbe-site-bg-color: #30344b;
width: 40px;
height: 40px;
border-radius: 50px;
background: var(--bbe-site-bg-color);
transition: var(--transition-1);
}
.bbe-footer .bbe-scroll-to-top.layout--one:hover .icon {
--bbe-site-bg-color-hover: var(--bbe-theme-color);
background: var(--bbe-site-bg-color-hover);
} .bbe-footer .bbe-scroll-to-top.layout--two {
--bbe-site-bg-color: #30344b;
padding: 6px 16px;
border-radius: 50px;
background: var(--bbe-site-bg-color);
}
.bbe-footer .bbe-scroll-to-top.layout--two:hover {
--bbe-site-bg-color-hover: #E78371;
background: var(--bbe-site-bg-color-hover);
} .comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list > .comment {
margin-bottom: 30px;
} .comment-list .children {
margin-top: 25px;
padding-left: 50px;
border-left: 2px solid #e5e7eb;
} .comment-body {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 24px;
position: relative;
} .comment-meta {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.comment-author {
display: flex;
align-items: center;
gap: 12px;
}
.comment-author img {
width: 48px;
height: 48px;
border-radius: 50%;
flex-shrink: 0;
}
.comment-author .fn {
font-size: 1rem;
font-weight: 600;
}
.comment-author .fn a {
text-decoration: none;
color: inherit;
}
.comment-author .says {
display: none;
} .comment-metadata {
font-size: 0.875rem;
}
.comment-metadata a {
text-decoration: none;
color: #6b7280;
} .comment-content {
line-height: 1.8;
color: #374151;
}
.comment-content > *:first-child {
margin-top: 0;
}
.comment-content > *:last-child {
margin-bottom: 0;
}
.comment-content img {
max-width: 100%;
height: auto;
border-radius: 8px;
} .reply {
margin-top: 20px;
}
.comment-reply-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 999px;
text-decoration: none;
font-size: 0.875rem;
font-weight: 600;
border: 1px solid #d1d5db;
transition: all .25s ease;
}
.comment-reply-link:hover {
background: #111827;
border-color: #111827;
color: #fff;
} .comment-content table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
}
.comment-content th,
.comment-content td {
border: 1px solid #e5e7eb;
padding: 10px;
text-align: left;
} .comment-content blockquote {
margin: 20px 0;
padding: 15px 20px;
border-left: 4px solid #111827;
background: #f8fafc;
} .comment-content code,
.comment-content pre {
background: #f3f4f6;
border-radius: 6px;
white-space: pre-wrap;
overflow-wrap: break-word;
word-break: break-word;
}
.comment-content code {
padding: 2px 6px;
}
.comment-content pre {
padding: 15px;
overflow-x: auto;
} @media (max-width: 768px) {
.comment-list .children {
padding-left: 20px;
}
.comment-body {
padding: 18px;
}
.comment-meta {
flex-direction: column;
gap: 10px;
}
}
body.customize-partial-edit-shortcuts-shown footer.bbe-footer {
position: relative;
}
body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut {
position: initial;
opacity: 0;
visibility: hidden;
transition: all .3s ease-in-out;
pointer-events: none;
}
body.customize-partial-edit-shortcuts-shown footer.bbe-footer:hover > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown header.bbe-header:hover > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown header.bbe-header:hover > .customize-partial-edit-shortcut,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer:hover > .customize-partial-edit-shortcut {
opacity: 1;
visibility: visible;
}
body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut:before,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut:before {
content: '';
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
left: 2px;
top: 2px;
outline: 2px solid #3582c4;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all .3s ease-in-out;
}
body.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button,
body.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button {
left: 0;
width: 34px;
height: 26px;
min-height: 26px;
border-radius: 2px;
border: none;
box-shadow: none;
}
body.rtl.customize-partial-edit-shortcuts-shown header.bbe-header > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button,
body.rtl.customize-partial-edit-shortcuts-shown footer.bbe-footer > .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button {
right: 0;
}
.customize-partial-edit-shortcut button svg {
min-width: 16px;
min-height: 16px;
width: 16px;
height: 16px;
}:root {  --bbe-theme-color: #E78371;
--bbe-gradient-theme-color: linear-gradient(90deg, rgb(37, 99, 235), rgb(6, 182, 212));
--bbe-site-color: #30344b;
--bbe-site-color-hover: #E78371;
--bbe-site-bg-color: #fff;
--bbe-site-bg-color-hover: #fff;
--bbe-site-border-color: #000; --bbe-site-border-color-hover: #000;
--bbe-site-border-color-muted: #e5e7eb; --bbe-site-border-color-muted-hover: #e5e7eb; --bbe-site-grey-color: #efefef;
--bbe-site-border-color-dark: #d5d5d5;
--bbe-site-meta-color: #6b727e;
--bbe-site-excerpt-color: #50565e;
--bbe-site-toc-active-color: #b8945a;
--bbe-site-toc-border-color: #e5dfd3;
--bbe-site-white-color: #fff;
--bbe-site-description-color: #424242; --bbe-site-facebook-color: #1877F2;
--bbe-site-twitter-color: #1DA1F2;
--bbe-site-instagram-color: linear-gradient(192deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
--bbe-site-threads-color: #000000;
--bbe-site-whatsapp-color: #25D366;
--bbe-site-x-color: #000000;
--bbe-site-tiktok-color: #000;
--bbe-site-snapchat-color: #d6d409;
--bbe-site-pinterest-color: #E60023;
--bbe-site-reddit-color: #FF4500;
--bbe-site-tumblr-color: #35465C;
--bbe-site-mastodon-color: #6364FF;
--bbe-site-bluesky-color: #0085FF;
--bbe-site-linkedin-color: #0A66C2;
--bbe-site-youtube-color: #FF0000;
--bbe-site-twitch-color: #6441A5;
--bbe-site-vimeo-color: #1AB7EA;
--bbe-site-dailymotion-color: #00AAFF;
--bbe-site-discord-color: #5865F2;
--bbe-site-telegram-color: #0088CC;
--bbe-site-skype-color: #00AFF0;
--bbe-site-viber-color: #7360F2;
--bbe-site-weixin-color: #07C160;
--bbe-site-qq-color: #12B7F5;
--bbe-site-kk-color: #e8d103;
--bbe-site-odnoklassniki-color: #EE8208;
--bbe-site-weibo-color: #E6162D;
--bbe-site-renren-color: #005EAC; --bbe-site-font-family: 'Inter', sans-serif;
--bbe-site-font-weight: 600;
--bbe-site-font-size: 16px;
--bbe-site-font-lineheight: 1.6;
--bbe-site-font-letterspacing: 0;
--bbe-site-font-decoration: none;
--bbe-site-font-texttransform: none;
--bbe-site-font-style: unset; --transition-1: all 0.3s ease-in-out;
--transition-2: all .4s ease-in-out;
--bbe-icon-width: 35px;
--bbe-section-margin: 0;
--expandWidth-timer: 5s;
--bbe-section-padding: 30px 0 30px 0;
--bbe-image-border-radius: 0 0 0 0;
--bbe-container-border-radius: 0 0 0 0;
--bbe-ratio-16-9: 16 / 9;
--bbe-ratio-4-3: 4 / 3;
--bbe-ratio-3-1: 3 / 1;
--bbe-ratio-2-1: 2 / 1;
--bbe-ratio-1-1: 1 / 1; --bbe-card-bg: #fff;
--bbe-card-border-width: 1px;
--bbe-card-border-style: solid;
--bbe-card-border-color: #feeaec;
--bbe-card-border-radius: 0;
--bbe-card-box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
--bbe-card-box-shadow-hover: 0px 6px 15px -2px rgba(0,0,0,0.12);
--bbe-card-padding: 20px;
--bbe-card-glass-morphism-bg-color: linear-gradient(135deg, #ffffff4f, rgba(255, 255, 255, 0.05));
} .bbe-dark {
--bbe-site-bg-color: #292c2f;
--bbe-site-color: #fff;
--bbe-site-border-color: #56595b;
--bbe-site-border-color-hover: #56595b;
--bbe-site-description-color: #fff;
--bbe-site-border-color-muted: #56595b;
--bbe-site-grey-color: #efefef1f;
--bbe-site-border-color-dark: #ffffff26;
--bbe-site-meta-color: #ededed;
--bbe-site-excerpt-color: #fff;
--bbe-site-toc-border-color: #56595b;
--bbe-card-bg: #ffffff17;
--bbe-card-border-color: #efefef40;
--bbe-site-white-color: #292c2f;
--bbe-card-glass-morphism-bg-color: linear-gradient( 135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01), rgba(0, 0, 0, 0.08) );
} *,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
html {
font-size: 16px;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: var(--bbe-site-font-family);
line-height: 1.6;
overflow-x: hidden;
}
body:before {
content: '';
position: fixed;
inset: 0;
z-index: -1;
background: var(--bbe-site-bg-color);
}
body.no-scroll {
overflow: hidden;
}
img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
a {
text-decoration: none;
color: inherit;
transition: var(--transition-1);
word-wrap: break-word;
overflow-wrap: anywhere;
}
a:active {
outline: none;
}
a:focus {
outline: 1px dotted black;
}
ul li,
ol li {
list-style: none;
}
button,
input[type="submit"] {
cursor: pointer;
border: none;
padding: 0;
border-radius: 0;
background-color: transparent;
}
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
figure, hr, li > ul, li > ol,
.entry-content,
.widget,
.post, .page {
margin: 0;
padding: 0;
}
.bbe-article-figure {
position: relative;
overflow: hidden;
background: #efefef9e;
border-radius: var(--bbe-image-border-radius);
}
.width--full-width .bbe-container {
max-width: 100%;
padding: 0;
}
.width--wide .bbe-container {
max-width: 100%;
} .entry-title a {
color: var(--bbe-site-color);
}    p,
h1, h2, h3, h4, h5, h6,
.site-title,
.site-title-link,
.highlight,
.site-description,
.label,
.entry-title,
.entry-title a,
.bbe-menu li a,
.bbe-date-time,
.bbe-date-time > span,
.bbe-custom-button .custom-button-link,
.random-blog-link,
.bbe-time,
.bbe-time .time,
.widget,
.entry-read-more a,
.view-all,
.author-tag,
.all-results-button,
.bbe-breadcrumb .trail-item a,
.bbe-breadcrumb .trail-end span,
.page-header .archive-description,
.insta-gallery-button,
.bbe-web-stories .text,
.bbe-web-stories .story-count,
.bbe-web-stories .story-title,
.error-button,
.bbe-scroll-to-top,
.bbe-author-box .author-desc,
.bbe-toc .table-of-content ul li a,
.bbe-post-navigation .nav-date {
font-family: var(--bbe-site-font-family);
font-weight: var(--bbe-site-font-weight);
font-size: var(--bbe-site-font-size);
line-height: var(--bbe-site-font-lineheight);
letter-spacing: var(--bbe-site-font-letterspacing);
text-decoration: var(--bbe-site-font-decoration);
text-transform: var(--bbe-site-font-texttransform);
font-style: var(--bbe-site-font-style);
}
h1, h2, h3, h4, h5, h6 {
--bbe-site-font-weight: 600;
--bbe-site-font-lineheight: 1.4;
--bbe-site-font-letterspacing: -0.2px;
}
h1 {
--bbe-site-font-size: 32px;
}
h2 {
--bbe-site-font-size: 26px;
}
h3 {
--bbe-site-font-size: 20px;
}
h4 {
--bbe-site-font-size: 18px;
}
h5 {
--bbe-site-font-size: 16px;
}
h6 {
--bbe-site-font-size: 14px;
}
.entry-categories .cat-item,
.entry-meta > div,
.cat-item-link,
.cat-item-count,
.bbe-ticker-news .bbe-article .entry-date,
.entry-social-share .share-button,
.widget_blog_bee_post_list_widget .entry-date,
.widget_blog_bee_carousel_posts_widget .entry-date {
font-family: var(--bbe-site-font-family);
font-weight: var(--bbe-site-font-weight);
font-size: var(--bbe-site-font-size);
line-height: var(--bbe-site-font-lineheight);
letter-spacing: var(--bbe-site-font-letterspacing);
text-decoration: var(--bbe-site-font-decoration);
text-transform: var(--bbe-site-font-texttransform);
font-style: var(--bbe-site-font-style);
} @media ( min-width: 950px ) {
.bbe-menu:not(.hover--none) div > .menu > li > a:before,
.bbe-menu:not(.hover--none) .menu > ul > li > a:before,
.bbe-footer .bbe-footer-menu:not(.hover--none) li a:before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 2px;
background-color: currentColor;
transition: var(--transition-1);
} .bbe-menu.hover--one ul li a:hover:before,
.bbe-menu.hover--one ul li.current_page_item a:before,
.bbe-menu.hover--one ul li.current-menu-item a:before {
width: 100%;
} .bbe-builder .bbe-menu.hover--two ul li a:before {
left: 50%;
}
.bbe-builder .bbe-menu.hover--two ul li a:hover:before,
.bbe-builder .bbe-menu.hover--two ul li.current_page_item a:before,
.bbe-builder .bbe-menu.hover--two ul li.current-menu-item a:before {
width: 100%;
left: 0;
} .bbe-builder .bbe-menu.hover--three ul li a:before {
width: 100%;
opacity: 0;
transform: translateX(-30%);
}
.bbe-builder .bbe-menu.hover--three ul li a:hover:before,
.bbe-builder .bbe-menu.hover--three ul li.current_page_item a:before,
.bbe-builder .bbe-menu.hover--three ul li.current-menu-item a:before {
opacity: 1;
transform: translate(0, 0);
}
}  .bbe-social-icons.animation--grow i:hover {
transform: scale(1.2);
} .bbe-social-icons.animation--shrink i:hover {
transform: scale(0.9);
} .bbe-social-icons.animation--rotate i:hover {
transform: rotate(25deg);
} .bbe-social-icons.animation--slide-up i:hover {
transform: translateY(-3px);
}  .filled i {
--bbe-site-bg-color: var(--bbe-site-grey-color);
width: var(--bbe-icon-width);
height: var(--bbe-icon-width);
display: flex;
justify-content: center;
align-items: center;
background: var(--bbe-site-bg-color);
}
.filled i:hover {
--bbe-site-bg-color-hover: var(--bbe-site-grey-color);
background: var(--bbe-site-bg-color-hover);
}
.outline i {
width: var(--bbe-icon-width);
height: var(--bbe-icon-width);
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--bbe-site-border-color);
}
.outline i:hover {
border-color: var(--bbe-site-border-color-hover);
}
.rounded i,
.bbe-post-button.rounded a {
border-radius: 3px;
}
.circle i {
border-radius: 50%;
}  .bbe-header .bbe-custom-button.hover--one .custom-button-link:hover,
.bbe-error-404 .error-button.hover--one:hover {
transform: translateY(-2px);
} .bbe-header .bbe-custom-button.hover--two .custom-button-link:hover,
.bbe-error-404 .error-button.hover--two:hover {
transform: scale(1.05);
} .bbe-header .bbe-custom-button.hover--three .custom-button-link:before,
.bbe-error-404 .error-button.hover--three::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.bbe-header .bbe-custom-button.hover--three .custom-button-link:hover:before,
.bbe-error-404 .error-button.hover--three:hover::before {
-webkit-animation: circle 1s;
animation: circle 1s;
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 150%;
height: 150%;
opacity: 0;
}
}   .post-title--one .bbe-article .entry-title a:hover  {
color: var(--bbe-theme-color);
} .post-title--two .bbe-article .entry-title a {
background-image: linear-gradient(currentColor, currentColor);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
}
.post-title--two .bbe-article .entry-title a:hover {
background-size: 100% 2px;
} body.single .site .content-wrapper .bbe-article-figure img,
body.single .site .single-header .bbe-article-figure img,
body.page .site .bbe-article-figure img {
transform: none;
filter: revert;
}
body.single.image-hover--three .content-wrapper .bbe-article-figure::after,
body.single.image-hover--three .single-header .bbe-article-figure::after,
body.page.image-hover--three .bbe-article-figure::after {
content: none;
}
.image-hover--one .bbe-article-figure img {
display: block;
transform: scale(1.04) translateY(0);
transition: transform .6s cubic-bezier(.63, -.01, .24, 1), filter .4s ease;
}
.image-hover--one .bbe-article-figure:hover img {
transform: scale(1.04) translateY(-4px);
filter: brightness(0.92);
} .image-hover--two .bbe-article-figure img {
width: 100%;
display: block;
transform: scale(1);
transition: transform .6s ease, filter .4s ease;
will-change: transform;
}
.image-hover--two .bbe-article-figure:hover img {
transform: scale(1.08);
filter: brightness(0.92);
} .section-head,
.widget-title {
display: flex;
font-size: 0;
margin-bottom: 20px;
}
.section-head.empty {
display: none;
}
.block-align--center .section-head,
.block-align--center .widget-title {
justify-content: center;
}
.block-align--right .section-head,
.block-align--right .widget-title {
justify-content: right;
}
.section-head span.label,
.widget-title span.label {
--bbe-site-font-size: 18px;
--bbe-site-font-weight: 700;
--bbe-site-font-texttransform: uppercase;
background: var(--bbe-site-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} body.block-title--four .section-head,
body.block-title--four .widget-title {
align-items: center;
padding-left: 7px;
gap: 15px;
}
.block-title--four .section-head .divider,
.block-title--four .widget-title .divider {
display: block;
position: relative;
border-radius: 50%;
height: 7px;
width: 7px;
flex-shrink: 0;
line-height: initial;
background-color: var(--bbe-site-color);
}
.block-title--four .section-head .divider::before,
.block-title--four .section-head .divider::after,
.block-title--four .widget-title .divider::before,
.block-title--four .widget-title .divider::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid var(--bbe-site-color);
animation: divider-heading-pulse 2s ease-in-out infinite;
}
@keyframes divider-heading-pulse {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(3);
opacity: 0;
}
} @media ( min-width: 769px ) {
.blog-bee-main-wrap .content-wrapper.is-sticky {
align-items: flex-start;
}
.blog-bee-main-wrap .content-wrapper.is-sticky .site-main {
position: sticky;
top: 0;
}
.blog-bee-main-wrap .content-wrapper.is-sticky .widget-area {
position: sticky;
top: 0;
}
} .bbe-toc {
--bbe-site-bg-color: #fffdf8;
background: var(--bbe-site-bg-color);
border: 1px solid var(--bbe-site-toc-border-color);
}
.bbe-dark .bbe-toc {
--bbe-site-bg-color: #292c2f;
}
.bbe-toc.empty {
display: none;
}
.bbe-toc .toc-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
user-select: none;
cursor: pointer;
padding: 18px 22px 16px;
}
.bbe-toc .toc-header .section-head {
font-size: 0;
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.bbe-toc .toc-header .section-head:before {
content: '';
display: inline-block;
width: 18px;
height: 2px;
background: #b8945a;
flex-shrink: 0;
}
.bbe-toc .toc-header .section-head .label {
--bbe-site-font-weight: 500;
--bbe-site-font-size: 10px;
--bbe-site-font-letterspacing: 0.12em;
}
.bbe-toc .toc-header .section-head .label:before {
display: none;
}
.bbe-toc .toc-header .toc-icon i {
font-size: 11px;
color: var(--bbe-site-color);
}  .bbe-toc.list--dot .toc-heading-title a:before {
content: '';
flex-shrink: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #d4c4a8;
border: 1.5px solid var(--bbe-site-toc-active-color);
transition: var(--transition-1);
}
.bbe-toc.list--dot .toc-heading-title a:hover:before {
background: var(--bbe-site-toc-active-color);
transform: scale(1.3);
}
.bbe-toc .table-of-content {
display: none;
border-top: 1px solid var(--bbe-site-toc-border-color);
}
.bbe-toc .table-of-content.open {
display: block;
}
.bbe-toc .table-of-content ul li a {
--bbe-site-font-weight: 400;
--bbe-site-font-size: 13px;
--bbe-site-font-lineheight: 1.45;
--bbe-site-font-letterspacing: 0.01em;
display: flex;
gap: 12px;
padding: 12px 20px 12px 22px;
margin-left: -1px;
border-left: 2px solid transparent;
}
.bbe-toc .table-of-content ul li a:hover {
border-color: var(--bbe-site-toc-active-color);
color: var(--bbe-site-toc-active-color);
background: linear-gradient(90deg, #faf3e8 0%, transparent 100%);
}
.bbe-dark .bbe-toc .table-of-content ul li a:hover {
background: linear-gradient(90deg, #faf3e81f 0%, transparent 100%);
}
.bbe-toc .table-of-content ul li.active a {
border-color: var(--bbe-site-toc-active-color);
color: var(--bbe-site-toc-active-color);
}
.bbe-toc .table-of-content ul li a .numberiing-prefix {
margin-top: 1px;
} .bbe-toc.fixed {
position: fixed;
top: 50%;
left: 20px;
transform: translateY(-7rem);
z-index: 1;
width: 300px;
}
.bbe-toc.fixed.position--right {
right: 20px; 
left: initial;
}
.bbe-toc.fixed .toc-list-item-wrap {
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #dddddd transparent;
} .widget_blog_bee_carousel_posts_widget .article-wrap:not(.slick-initialized) .bbe-article + .bbe-article {
display: none;
}
.bbe-main-banner.layout--three .sidebar-content:not(.slick-initialized),
.bbe-carousel .entry-content:not(.slick-initialized),
.bbe-insta-gallery.slider--on .gallery:not(.slick-initialized) {
opacity: 0;
transition: var(--transition-1);
}
.bbe-main-banner.layout--three .sidebar-content:not(.slick-initialized) {
height: 324px;
}
.bbe-carousel .entry-content:not(.slick-initialized) {
height: 300px;
}
.bbe-main-banner-main .entry-content:not(.slick-initialized) .bbe-article + .bbe-article {
display: none;
} .slick-arrow i,
.story-arrows .icon i {
position: absolute;
font-size: 10px;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .prev-arrow i + i {
transform: translateX(25px);
opacity: 0;
}
.prev-arrow:hover i:first-child {
transform: translateX(-25px);
opacity: 0;
}
.prev-arrow:hover i + i {
transform: translateX(0);
opacity: 1;
} .next-arrow i + i {
transform: translateX(-25px);
opacity: 0;
}
.next-arrow:hover i:first-child {
transform: translateX(25px);
opacity: 0;
}
.next-arrow:hover i + i {
transform: translateX(0);
opacity: 1;
} .bbe-slick-dots .slick-dots,
.bbe-main-banner .slick-dots {
display: flex;
gap: 12px;
}
.bbe-slick-dots.type--dots .slick-dots li,
.bbe-main-banner .slick-dots li {
line-height: 0;
}
.bbe-slick-dots.type--dots .slick-dots li button,
.bbe-main-banner .slick-dots li button {
--bbe-site-grey-color: #00000033;
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
font-size: 0;
cursor: pointer;
background: var(--bbe-site-grey-color);
}
.bbe-dark .bbe-slick-dots.type--dots .slick-dots li button,
.bbe-dark .bbe-main-banner .slick-dots li button {
--bbe-site-grey-color: #ffffff73;
}
.bbe-slick-dots.type--dots .slick-dots li.slick-active button,
.bbe-main-banner .slick-dots li.slick-active button {
width: 12px;
height: 12px;
background: transparent;
}
.bbe-slick-dots.type--dots .slick-dots li.slick-active button::before,
.bbe-main-banner .slick-dots li.slick-active button::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid var(--bbe-site-color);
animation: prixClipFix 0.3s linear forwards;
will-change: clip-path;
}
@keyframes prixClipFix {
0%   { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
25%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
50%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
75%  { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); }
} body #page.site .bbe-main-banner .banner-sidebar:not(.scroll--off) {
max-height: 580px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
background:
linear-gradient(var(--bbe-site-bg-color) 30%, transparent) center top,
linear-gradient(transparent, var(--bbe-site-bg-color) 70%) center bottom,
radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.4), transparent) center top,
radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.4), transparent) center bottom;
background-repeat: no-repeat;
background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
background-attachment: local, local, scroll, scroll;
}
.banner-sidebar .article-wrap {
display: grid;
gap: 25px;
}
.banner-sidebar .article-wrap .bbe-article {
display: grid;
gap: 17px;
}
.banner-sidebar.align--center .article-wrap .bbe-article .entry-inner {
text-align: center;
}
.banner-sidebar.align--right .article-wrap .bbe-article .entry-inner {
text-align: right;
}
.banner-sidebar .bbe-article .entry-inner .entry-title {
-webkit-line-clamp: 2;
} .banner-sidebar.layout--grid .bbe-article-figure {
aspect-ratio: 16 / 9;
}
.banner-sidebar .entry-categories {
margin-bottom: 9px;
}
.banner-sidebar .entry-excerpt {
margin-top: 10px;
}
.banner-sidebar .entry-meta {
margin-top: 9px;
} .banner-sidebar.layout--list .article-wrap {
gap: 18px;
}
body #page.site .banner-sidebar.layout--list .bbe-article:not(:last-child) {
padding-bottom: 18px;
border-bottom: 1px solid var(--bbe-site-border-color-muted);
}
.banner-sidebar.layout--list .bbe-article {
display: flex;
align-items: center;
gap: 20px;
}
.banner-sidebar.layout--list .bbe-article .bbe-article-figure {
width: 100px;
height: 100px;
}
.banner-sidebar.layout--list.position--right .bbe-article .bbe-article-figure {
order: 2;
}
.banner-sidebar.layout--list .bbe-article .entry-inner {
flex: 1;
}
.banner-sidebar.layout--list .bbe-article .entry-inner .entry-title,
.banner-sidebar.layout--list .bbe-article .entry-inner .entry-title a {
font-size: calc(var(--bbe-site-font-size) - 2px);
} body #page.site .banner-sidebar.image--off .bbe-article:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid var(--bbe-site-border-color-muted);
} .single .blog-bee-main-wrap .site-main .bbe-article {
overflow: visible;
}
body #page.site .bbe-sections-wrap .bbe-content-sidebar .row,
body #page.site .bbe-sections-wrap .blog-bee-main-wrap .row,
body #page.site .bbe-main-banner .bbe-article,
body #page.site .bbe-carousel .bbe-article,
body #page.site .widget .bbe-article,
body.card--boxed .blog-bee-main-wrap.layout--list.card--default .bbe-article,
body .site .blog-bee-main-wrap.layout--list.card--boxed .bbe-article,
body .site .bbe-sections-wrap .bbe-three-blocks .block-item .bbe-article,
body.card--boxed .site .bbe-three-blocks .block-item .bbe-article .entry-content,
body .site .bbe-three-blocks.card--boxed .block-item .bbe-article .entry-content,
body #page.site .widget .wp-block-group .widget {
padding: 0;
border-radius: 0;
box-shadow: none;
border: none;
background: transparent;
transform: initial;
backdrop-filter: revert;
}
body #page.site .bbe-sections-wrap .bbe-content-sidebar .row:before,
body #page.site .bbe-sections-wrap .blog-bee-main-wrap .row:before,
body #page.site .bbe-main-banner .bbe-article:before,
body #page.site .bbe-carousel .bbe-article:before,
body #page.site .widget .bbe-article:before,
body.card--boxed .blog-bee-main-wrap.layout--list.card--default .bbe-article:before,
body .site .blog-bee-main-wrap.layout--list.card--boxed .bbe-article:before,
body .site .bbe-sections-wrap .bbe-three-blocks .block-item .bbe-article:before,
body.card--boxed .site .bbe-three-blocks .block-item .bbe-article .entry-content:before,
body .site .bbe-three-blocks.card--boxed .block-item .bbe-article .entry-content:before,
body #page.site .widget .wp-block-group .widget {
content: none !important;
} .home.card--section-boxed .bbe-sections-wrap > *.card--default .row,
.card--section-boxed .card--default .content-wrapper > *,
.card--section-boxed .card--default .bbe-related-posts,
.card--section-boxed .card--default.bbe-you-may-have-missed .row {
background: var(--bbe-card-bg);
border-radius: var(--bbe-card-border-radius);
padding: var(--bbe-card-padding);
transition: var(--transition-1);
border-width: var(--bbe-card-border-width);
border-style: var(--bbe-card-border-style);
border-color: var(--bbe-card-border-color);
border-image: var(--bbe-card-border-color) 1;
box-shadow: var(--bbe-card-box-shadow);
} .card--boxed .card--default .bbe-article,
.card--boxed .card--default .stories-wrap .story,
.card--boxed .layout--list.card--default .bbe-article .entry-content,
.card--boxed .card--default .block-wrap > div,
.card--boxed .bbe-carousel.card--default .entry-content,
.card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li,
.card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item,
body.card--boxed .site .card--default .widget,
.card--boxed .bbe-three-blocks.card--default .block-item,
.card--boxed .card--default .bbe-post-navigation,
.card--boxed .card--default .bbe-author-box,
.card--boxed .card--default .comments-area {
background: var(--bbe-card-bg);
border-radius: var(--bbe-card-border-radius);
padding: var(--bbe-card-padding);
transition: var(--transition-1);
border-width: var(--bbe-card-border-width);
border-style: var(--bbe-card-border-style);
border-color: var(--bbe-card-border-color);
border-image: var(--bbe-card-border-color) 1;
box-shadow: var(--bbe-card-box-shadow);
}
.card--boxed .card--default .bbe-article:hover,
.card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li:hover,
.card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item:hover {
box-shadow: var(--bbe-card-box-shadow-hover);
}
.card-animation--on.card--boxed .card--default .bbe-article:hover,
.card-animation--on.card--boxed .bbe-category-collection.card--default:not(.layout--four) .entry-content > li:hover,
.card-animation--on.card--boxed .bbe-video-playlist.layout--one.card--default:not(.active) .entry-content .video-item:hover {
transform: translateY(-4px);
}
.single.card-animation--on.card--boxed .site-main .bbe-article:hover,
.page.card-animation--on.card--boxed .site-main .bbe-article:hover {
transform: initial;
box-shadow: var(--bbe-card-box-shadow);
} .section-head-wrap .view-all {
color: var(--bbe-site-color);
transition: var(--transition-1);
}
.section-head-wrap .view-all:hover {
--bbe-site-color-hover: var(--bbe-theme-color);
color: var(--bbe-site-color-hover);
}
.section-head-wrap .view-all .label {
font-weight: 500;
font-size: 12px;
}
.section-head-wrap .view-all .icon {
font-size: 11px;
margin-left: 3px;
color: inherit;
} .bbe-breadcrumb {
margin-bottom: 20px;
background: var(--bbe-site-bg-color);
}
.bbe-breadcrumb .trail-items {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.bbe-breadcrumb.align--center .trail-items {
justify-content: center;
}
.bbe-breadcrumb.align--right .trail-items {
justify-content: flex-end;
}
.bbe-breadcrumb .trail-item a,
.bbe-breadcrumb .trail-end span {
--bbe-site-font-size: 14px;
--bbe-site-font-weight: 400;
color: var(--bbe-site-color);
}
.bbe-breadcrumb .trail-item a:hover {
--bbe-site-color-hover: #0073aa;
color: var(--bbe-site-color-hover);
}
.bbe-breadcrumb .icon.seperator {
font-size: 10px;
color: var(--bbe-site-color);
} .bbe-article.format-video iframe,
.bbe-article.format-audio iframe {
width: 100%;
height: 100%;
} .icon.post-format-icon {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
font-size: 10px;
display: flex;
align-items: center;
height: 25px;
padding: 0 13px;
color: #fff;
border-radius: 15px;
background: #000000a6;
} .bbe-carousel.layout--one .bbe-article.post_format-post-format-image {
height: auto;
}
.bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure {
margin: 0;
width: 100%;
min-height: 100%;
}
.bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
padding: 10%;
}
.bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner * {
color: #fff;
background: transparent;
border: none;
padding: 0;
}
.bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner .entry-categories,
.bbe-carousel.layout--one .post_format-post-format-image .bbe-article-figure .entry-inner .entry-meta {
justify-content: center;
} .bbe-preloader {
--bbe-site-color: var(--bbe-theme-color);
--bbe-site-bg-color: #0e152773;
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
visibility: visible;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transition: all 0.3s ease;
background: var(--bbe-site-bg-color);
}
.bbe-preloader.hidden {
opacity: 0;
visibility: hidden;
} .bbe-preloader.style--spinner::before {
content: "";
width: 48px;
height: 48px;
border-radius: 50%;
position: absolute;
box-sizing: border-box;
border: 3px solid #ffffff59;
animation: bbeRotation 1s linear infinite;
}
.bbe-preloader.style--spinner::after {
content: "";
width: 40px;
height: 40px;
border: 3px solid;
border-radius: 50%;
box-sizing: border-box;
border-color: var(--bbe-site-color) transparent;
animation: bbeRotation 0.7s linear infinite reverse;
}
@keyframes bbeRotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .bbe-preloader.style--bars {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
z-index: 9999;
}
.bbe-preloader.style--bars::before {
content: "";
position: absolute;
width: 220px;
height: 220px;
border-radius: 50%;
background: radial-gradient( circle,rgba(255,255,255,.25) 0%,transparent 70% );
filter: blur(25px);
animation: bbeGlowPulse 2.5s ease-in-out infinite;
}
.bbe-preloader.style--bars .dot {
display: block;
flex: 0 0 auto;
width: 7px;
height: 65px;
border-radius: 30px;
background: var(--bbe-theme-color, #ffffff);
transform-origin: center bottom;
animation: bbeBarsWave 1.5s ease-in-out infinite;
}
.bbe-preloader.style--bars .dot:nth-child(1) {
animation-delay: -0.4s;
opacity: .5;
}
.bbe-preloader.style--bars .dot:nth-child(2) {
animation-delay: -0.2s;
opacity: .75;
}
.bbe-preloader.style--bars .dot:nth-child(3) {
animation-delay: 0s;
}
.bbe-preloader.style--bars .dot:nth-child(4) {
animation-delay: .2s;
opacity: .75;
}
.bbe-preloader.style--bars .dot:nth-child(5) {
animation-delay: .4s;
opacity: .5;
}
@keyframes bbeBarsWave {
0%, 100% {
transform: scaleY(.35);
}
50% {
transform: scaleY(1);
}
}
@keyframes bbeGlowPulse {
0%, 100% {
transform: scale(.9);
opacity: .4;
}
50% {
transform: scale(1.2);
opacity: .8;
}
} .entry-meta > * + *::before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
line-height: 1;
margin-right: 10px;
color: var(--bbe-site-meta-color);
}
.bbe-main-banner:not(.layout--two) .entry-content .entry-meta > *::before,
.bbe-carousel.layout--two .bbe-article .entry-meta > *:before,
body .overlay--enabled .bbe-article .entry-meta > *::before,
.single .blog-bee-main-wrap.layout--two .single-header .entry-inner .entry-meta > *:before {
color: #ffffff9c;
}
body.meta-seperator--circle .entry-meta > * + *::before,
.bbe-category-collection.layout--four.meta-seperator--circle .cat-item + .cat-item::before {
content: "\25CB";
font-size: 14px;
margin-top: -3px;
}
body.meta-seperator--dot .entry-meta > * + *::before,
.bbe-category-collection.layout--four.meta-seperator--dot .cat-item + .cat-item::before {
content: "\2022";
font-size: 10px;
opacity: .7;
margin-top: -2px;
}
body.meta-seperator--dash .entry-meta > * + *::before,
.bbe-category-collection.layout--four.meta-seperator--dash .cat-item + .cat-item::before {
content: "\2013";
font-size: 8px;
margin-top: -2px;
}
body.meta-seperator--slash .entry-meta > * + *::before,
.bbe-category-collection.layout--four.meta-seperator--slash .cat-item + .cat-item::before {
content: "/";
font-size: 12px;
}
body.meta-seperator--pipe .entry-meta > * + *::before,
.bbe-category-collection.layout--four.meta-seperator--pipe .cat-item + .cat-item::before {
content: "|";
font-size: 11px;
margin-top: -4px;
} .entry-meta .icon.svg,
.widget .entry-date .icon.svg {
margin-right: 6px;
} .width-layout--two .site {
position: relative;
width: 95%;
max-width: 1330px;
margin: 25px auto;
overflow: clip;
box-shadow: 0 1px 7px #ababab80;
background: var(--bbe-site-bg-color);
border-radius: var(--bbe-container-border-radius);
}
.width-layout--two .site:before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.width-layout--two .bbe-header .bbe-sticky-header {
max-width: 1330px;
width: 95%;
}body .bbe-header {
position: relative;
background: var(--bbe-site-bg-color);
border-color: var(--bbe-site-border-color);
}
.bbe-builder .bbe-row .row {
display: grid;
grid-template-columns: auto auto;
align-items: center;
gap: 10px;
}
.bbe-builder .bbe-row.has-middle-column .row {
grid-template-columns: 1fr auto 1fr;
}
.bbe-builder .bbe-row .column {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
min-width: 0;
}
.bbe-builder .bbe-row .column.second .bbe-site-logo {
text-align: center;
}
.bbe-builder .bbe-row .column.third {
justify-content: flex-end;
} .bbe-header .bbe-header-top-row.full-width--on,
.bbe-header .bbe-header-top-row.full-width--off .row {
--bbe-site-bg-color: #ffffff00;
padding: 8px 0;
border-bottom: 1px solid var(--bbe-site-border-color-muted);
background: var(--bbe-site-bg-color);
}
body.bbe-dark .site .bbe-builder .full-width--on,
body.bbe-dark .site .bbe-builder .full-width--off .row {
border-color: #56595b;
} .bbe-header .bbe-header-middle-row.full-width--on,
.bbe-header .bbe-header-middle-row.full-width--off .row {
--bbe-site-bg-color: #ffffff00;
padding: 25px 0;
border-bottom: 2px solid var(--bbe-site-border-color);
background: var(--bbe-site-bg-color);
} .bbe-header .bbe-header-bottom-row.full-width--on,
.bbe-header .bbe-header-bottom-row.full-width--off .row {
--bbe-site-bg-color: #ffffff00;
padding: 8px 0;
background: var(--bbe-site-bg-color);
}
@media ( max-width: 950px ) {
.bbe-header .bbe--normal {
display: none;
}
}
@media ( min-width: 950px ) {
.bbe-header .bbe--responsive {
display: none;
}
} .bbe-header .bbe-sticky-header {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(-220%);
transition: var(--transition-1);
background: var(--bbe-site-bg-color);
}
.bbe-dark .bbe-header .bbe-sticky-header {
background: #292c2f;
}
.bbe-header.sticky--on .bbe-sticky-header {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.bbe-header .bbe-sticky-header .full-width--on,
.bbe-header .bbe-sticky-header .full-width--off .row {
backdrop-filter: blur(var(--bbe-sticky-backdrop-filter));
-webkit-backdrop-filter: blur(var(--bbe-sticky-backdrop-filter));
background: var(--bbe-site-bg-color);
}
@media ( min-width: 600px ) {
.admin-bar .bbe-header .bbe-sticky-header {
top: 32px;
}
} .bbe-dark .bbe-footer {
background: #000;
}
.bbe-footer .bbe-row.full-width--off .row,
.bbe-footer .bbe-row.full-width--on {
padding: 20px 0;
}
.bbe-light .bbe-footer .bbe-row.full-width--off .row,
.bbe-light .bbe-footer .bbe-row.full-width--on {
--bbe-site-bg-color: #ffe4e0;
background: var(--bbe-site-bg-color);
}
.bbe-footer .bbe-footer-bottom-row.full-width--off .row,
.bbe-footer .bbe-footer-bottom-row.full-width--on {
padding: 50px 0;
}
.bbe-footer.bbe-builder .bbe-row .row {
gap: 30px;
row-gap: 15px;
} .bbe-footer .align--top .row {
align-items: flex-start;
}
.bbe-footer .align--bottom .row {
align-items: flex-end;
}.official--on .facebook i {
color: var(--bbe-site-facebook-color);
}
.official--on.outline .facebook i {
border-color: var(--bbe-site-facebook-color);
}
.official--on.outline .facebook i:hover {
color: #fff;
background: var(--bbe-site-facebook-color);
}
.official--on.filled .facebook i {
color: #fff;
background: var(--bbe-site-facebook-color);
}
.official--on.filled .facebook i:hover {
background: #4191f9;
} .official--on .twitter i {
color: var(--bbe-site-twitter-color);
}
.official--on.outline .twitter i {
border-color: var(--bbe-site-twitter-color);
}
.official--on.outline .twitter i:hover {
color: #fff;
background: var(--bbe-site-twitter-color);
}
.official--on.filled .twitter i {
color: #fff;
background: var(--bbe-site-twitter-color);
}
.official--on.filled .twitter i:hover {
background: #42b5fb;
} .official--on .instagram i {
background: var(--bbe-site-instagram-color);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.official--on.outline .instagram i {
border-color: #f56040;
}
.official--on.outline .instagram i:hover {
-webkit-text-fill-color: #fff;
background: var(--bbe-site-instagram-color);
}
.official--on.filled .instagram i {
-webkit-text-fill-color: #fff;
background: var(--bbe-site-instagram-color);
}
.official--on.filled .instagram i:hover {
background: linear-gradient(192deg, #5A73EB, #6F6AE3, #9A57C2, #D04C96, #E5527A, #FF4A4A, #F77A57, #F88C55, #FDBB5F, #FFE39A);
} .official--on .threads i {
color: var(--bbe-site-threads-color);
}
.official--on.outline .threads i {
border-color: var(--bbe-site-threads-color);
}
.official--on.outline .threads i:hover {
color: #fff;
background: var(--bbe-site-threads-color);
}
.official--on.filled .threads i {
color: #fff;
background: var(--bbe-site-threads-color);
}
.official--on.filled .threads i:hover {
background: #585858;
} .official--on .whatsapp i {
color: var(--bbe-site-whatsapp-color);
}
.official--on.outline .whatsapp i {
border-color: var(--bbe-site-whatsapp-color);
}
.official--on.outline .whatsapp i:hover {
color: #fff;
background: var(--bbe-site-whatsapp-color);
}
.official--on.filled .whatsapp i {
color: #fff;
background: var(--bbe-site-whatsapp-color);
}
.official--on.filled .whatsapp i:hover {
background: #38e378;
} .official--on .x i {
color: var(--bbe-site-x-color);
}
.official--on.outline .x i {
border-color: var(--bbe-site-x-color);
}
.official--on.outline .x i:hover {
color: #fff;
background: var(--bbe-site-x-color);
}
.official--on.filled .x i {
color: #fff;
background: var(--bbe-site-x-color);
}
.official--on.filled .x i:hover {
background: #585858;
} .official--on .tiktok i {
color: var(--bbe-site-tiktok-color);
}
.official--on.outline .tiktok i {
border-color: var(--bbe-site-tiktok-color);
}
.official--on.outline .tiktok i:hover {
color: #fff;
background: var(--bbe-site-tiktok-color);
}
.official--on.filled .tiktok i {
color: #fff;
background: var(--bbe-site-tiktok-color);
}
.official--on.filled .tiktok i:hover {
background: #585858;
} .official--on .snapchat i {
color: var(--bbe-site-snapchat-color);
}
.official--on.outline .snapchat i {
border-color: var(--bbe-site-snapchat-color);
}
.official--on.outline .snapchat i:hover {
color: #fff;
background: var(--bbe-site-snapchat-color);
}
.official--on.filled .snapchat i {
color: #fff;
background: var(--bbe-site-snapchat-color);
}
.official--on.filled .snapchat i:hover {
background: #e1df26;
} .official--on .pinterest i {
color: var(--bbe-site-pinterest-color);
}
.official--on.outline .pinterest i {
border-color: var(--bbe-site-pinterest-color);
}
.official--on.outline .pinterest i:hover {
color: #fff;
background: var(--bbe-site-pinterest-color);
}
.official--on.filled .pinterest i {
color: #fff;
background: var(--bbe-site-pinterest-color);
}
.official--on.filled .pinterest i:hover {
background: #ff3e5b;
} .official--on .reddit i {
color: var(--bbe-site-reddit-color);
}
.official--on.outline .reddit i {
border-color: var(--bbe-site-reddit-color);
}
.official--on.outline .reddit i:hover {
color: #fff;
background: var(--bbe-site-reddit-color);
}
.official--on.filled .reddit i {
color: #fff;
background: var(--bbe-site-reddit-color);
}
.official--on.filled .reddit i:hover {
background: #fd8559;
} .official--on .tumblr i {
color: var(--bbe-site-tumblr-color);
}
.official--on.outline .tumblr i {
border-color: var(--bbe-site-tumblr-color);
}
.official--on.outline .tumblr i:hover {
color: #fff;
background: var(--bbe-site-tumblr-color);
}
.official--on.filled .tumblr i {
color: #fff;
background: var(--bbe-site-tumblr-color);
}
.official--on.filled .tumblr i:hover {
background: #536e91;
} .official--on .mastodon i {
color: var(--bbe-site-mastodon-color);
}
.official--on.outline .mastodon i {
border-color: var(--bbe-site-mastodon-color);
}
.official--on.outline .mastodon i:hover {
color: #fff;
background: var(--bbe-site-mastodon-color);
}
.official--on.filled .mastodon i {
color: #fff;
background: var(--bbe-site-mastodon-color);
}
.official--on.filled .mastodon i:hover {
background: #8384fb;
} .official--on .bluesky i {
color: var(--bbe-site-bluesky-color);
}
.official--on.outline .bluesky i {
border-color: var(--bbe-site-bluesky-color);
}
.official--on.outline .bluesky i:hover {
color: #fff;
background: var(--bbe-site-bluesky-color);
}
.official--on.filled .bluesky i {
color: #fff;
background: var(--bbe-site-bluesky-color);
}
.official--on.filled .bluesky i:hover {
background: #41a4ff;
} .official--on .linkedin i {
color: var(--bbe-site-linkedin-color);
}
.official--on.outline .linkedin i {
border-color: var(--bbe-site-linkedin-color);
}
.official--on.outline .linkedin i:hover {
color: #fff;
background: var(--bbe-site-linkedin-color);
}
.official--on.filled .linkedin i {
color: #fff;
background: var(--bbe-site-linkedin-color);
}
.official--on.filled .linkedin i:hover {
background: #4483c3;
} .official--on .youtube i {
color: var(--bbe-site-youtube-color);
}
.official--on.outline .youtube i {
border-color: var(--bbe-site-youtube-color);
}
.official--on.outline .youtube i:hover {
color: #fff;
background: var(--bbe-site-youtube-color);
}
.official--on.filled .youtube i {
color: #fff;
background: var(--bbe-site-youtube-color);
}
.official--on.filled .youtube i:hover {
background: #ff6060;
} .official--on .twitch i {
color: var(--bbe-site-twitch-color);
}
.official--on.outline .twitch i {
border-color: var(--bbe-site-twitch-color);
}
.official--on.outline .twitch i:hover {
color: #fff;
background: var(--bbe-site-twitch-color);
}
.official--on.filled .twitch i {
color: #fff;
background: var(--bbe-site-twitch-color);
}
.official--on.filled .twitch i:hover {
background: #8769bf;
} .official--on .vimeo i {
color: var(--bbe-site-vimeo-color);
}
.official--on.outline .vimeo i {
border-color: var(--bbe-site-vimeo-color);
}
.official--on.outline .vimeo i:hover {
color: #fff;
background: var(--bbe-site-vimeo-color);
}
.official--on.filled .vimeo i {
color: #fff;
background: var(--bbe-site-vimeo-color);
}
.official--on.filled .vimeo i:hover {
background: #57d3fb;
} .official--on .dailymotion i {
color: var(--bbe-site-dailymotion-color);
}
.official--on.outline .dailymotion i {
border-color: var(--bbe-site-dailymotion-color);
}
.official--on.outline .dailymotion i:hover {
color: #fff;
background: var(--bbe-site-dailymotion-color);
}
.official--on.filled .dailymotion i {
color: #fff;
background: var(--bbe-site-dailymotion-color);
}
.official--on.filled .dailymotion i:hover {
background: #5fc2f3;
} .official--on .discord i {
color: var(--bbe-site-discord-color);
}
.official--on.outline .discord i {
border-color: var(--bbe-site-discord-color);
}
.official--on.outline .discord i:hover {
color: #fff;
background: var(--bbe-site-discord-color);
}
.official--on.filled .discord i {
color: #fff;
background: var(--bbe-site-discord-color);
}
.official--on.filled .discord i:hover {
background: #848df3;
} .official--on .telegram i {
color: var(--bbe-site-telegram-color);
}
.official--on.outline .telegram i {
border-color: var(--bbe-site-telegram-color);
}
.official--on.outline .telegram i:hover {
color: #fff;
background: var(--bbe-site-telegram-color);
}
.official--on.filled .telegram i {
color: #fff;
background: var(--bbe-site-telegram-color);
}
.official--on.filled .telegram i:hover {
background: #359bcf;
} .official--on .skype i {
color: var(--bbe-site-skype-color);
}
.official--on.outline .skype i {
border-color: var(--bbe-site-skype-color);
}
.official--on.outline .skype i:hover {
color: #fff;
background: var(--bbe-site-skype-color);
}
.official--on.filled .skype i {
color: #fff;
background: var(--bbe-site-skype-color);
}
.official--on.filled .skype i:hover {
background: #36bbed;
} .official--on .viber i {
color: var(--bbe-site-viber-color);
}
.official--on.outline .viber i {
border-color: var(--bbe-site-viber-color);
}
.official--on.outline .viber i:hover {
color: #fff;
background: var(--bbe-site-viber-color);
}
.official--on.filled .viber i {
color: #fff;
background: var(--bbe-site-viber-color);
}
.official--on.filled .viber i:hover {
background: #8d7ef5;
} .official--on .weixin i {
color: var(--bbe-site-weixin-color);
}
.official--on.outline .weixin i {
border-color: var(--bbe-site-weixin-color);
}
.official--on.outline .weixin i:hover {
color: #fff;
background: var(--bbe-site-weixin-color);
}
.official--on.filled .weixin i {
color: #fff;
background: var(--bbe-site-weixin-color);
}
.official--on.filled .weixin i:hover {
background: #3dcf83;
} .official--on .qq i {
color: var(--bbe-site-qq-color);
}
.official--on.outline .qq i {
border-color: var(--bbe-site-qq-color);
}
.official--on.outline .qq i:hover {
color: #fff;
background: var(--bbe-site-qq-color);
}
.official--on.filled .qq i {
color: #fff;
background: var(--bbe-site-qq-color);
}
.official--on.filled .qq i:hover {
background: #3bc5f9;
} .official--on .kk i {
color: var(--bbe-site-kk-color);
}
.official--on.outline .kk i {
border-color: var(--bbe-site-kk-color);
}
.official--on.outline .kk i:hover {
color: #fff;
background: var(--bbe-site-kk-color);
}
.official--on.filled .kk i {
color: #fff;
background: var(--bbe-site-kk-color);
}
.official--on.filled .kk i:hover {
background: #efdc32;
} .official--on .odnoklassniki i {
color: var(--bbe-site-odnoklassniki-color);
}
.official--on.outline .odnoklassniki i {
border-color: var(--bbe-site-odnoklassniki-color);
}
.official--on.outline .odnoklassniki i:hover {
color: #fff;
background: var(--bbe-site-odnoklassniki-color);
}
.official--on.filled .odnoklassniki i {
color: #fff;
background: var(--bbe-site-odnoklassniki-color);
}
.official--on.filled .odnoklassniki i:hover {
background: #ed9d43;
} .official--on .weibo i {
color: var(--bbe-site-weibo-color);
}
.official--on.outline .weibo i {
border-color: var(--bbe-site-weibo-color);
}
.official--on.outline .weibo i:hover {
color: #fff;
background: var(--bbe-site-weibo-color);
}
.official--on.filled .weibo i {
color: #fff;
background: var(--bbe-site-weibo-color);
}
.official--on.filled .weibo i:hover {
background: #e54254;
} .official--on .renren i {
color: var(--bbe-site-renren-color);
}
.official--on.outline .renren i {
border-color: var(--bbe-site-renren-color);
}
.official--on.outline .renren i:hover {
color: #fff;
background: var(--bbe-site-renren-color);
}
.official--on.filled .renren i {
color: #fff;
background: var(--bbe-site-renren-color);
}
.official--on.filled .renren i:hover {
background: #277cc3;
} .align--center .content-wrapper .entry-categories,
.align--center .content-wrapper .entry-categories,
.align--center .content-wrapper .entry-meta,
.align--center .entry-inner .entry-categories,
.align--center .entry-inner .entry-meta {
justify-content: center;
}
.align--right .content-wrapper .entry-categories,
.align--right .content-wrapper .entry-meta,
.align--right .entry-inner .entry-categories,
.align--right .entry-inner .entry-meta {
justify-content: right;
} .controller-wrap .filled {
--bbe-site-bg-color: #30344b;
background: var(--bbe-site-bg-color);
} 
.controller-wrap .outline {
border: 1px solid var(--bbe-site-border-color);
}
.controller-wrap .rounded {
border-radius: 6px;
}
.controller-wrap .circle {
border-radius: 30px;
}