html {
box-sizing: border-box;
font-size: 62.5%; line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
*,
*::before,
*::after { box-sizing: inherit;
}
body {
margin: 0;
word-wrap: break-word;
}
hr {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.15);
border: 0;
box-sizing: content-box;
height: 1px;
overflow: visible;
}
pre {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 0.8rem;
font-family: var(--tripp-font-monospace);
margin: 0;
max-width: 100%;
overflow: auto;
padding: 1.5rem 2rem;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: none;
}
b,
strong {
font-weight: 600;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
vertical-align: super;
}
img {
border-style: none;
height: auto;
max-width: 100%;
position: relative;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: inherit;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
}
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 inherit;
}
fieldset {
padding: 1rem 2rem 2rem;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0 1rem;
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;
}   :root,
.has-scheme-light,
.flext-has-scheme-light {
--tripp-color-black-rgb: 18, 23, 26;
--tripp-color-white-rgb: 255, 255, 255;
--tripp-color-black: rgb(var(--tripp-color-black-rgb));
--tripp-color-white: rgb(var(--tripp-color-white-rgb));
--tripp-color-primary-rgb: 131, 209, 220;
--tripp-color-on-primary-rgb: var(--tripp-color-black-rgb);
--tripp-color-secondary-rgb: 197, 248, 140;
--tripp-color-on-secondary-rgb: var(--tripp-color-black-rgb);
--tripp-color-header: rgba(var(--tripp-color-on-surface-rgb), 0.03);
--tripp-color-on-header: rgba(var(--tripp-color-on-surface-rgb), 0.75);
--tripp-color-background-rgb: 245, 248, 249;
--tripp-color-on-background-rgb: var(--tripp-color-black-rgb);
--tripp-color-surface-rgb: var(--tripp-color-white-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-menu-rgb: var(--tripp-color-surface-rgb);
--tripp-color-on-menu-rgb: var(--tripp-color-on-surface-rgb);
--tripp-color-red-rgb: 237, 79, 76;
--tripp-color-alert: #fa656b;
--tripp-color-info: #3a784a; --wp--preset--color--surface: rgb(var(--tripp-color-surface-rgb));
--wp--preset--color--on-surface: rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--color--grey: rgba(var(--tripp-color-on-surface-rgb), 0.6); --wp--preset--shadow--natural: 6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4);
--wp--preset--shadow--sharp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--outlined: 6px 6px 0 -3px rgb(var(--tripp-color-background-rgb)), 6px 6px 0 rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--shadow--crisp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 1);
} .has-scheme-dark,
.flext-has-scheme-dark {
--tripp-color-black-rgb: 30, 30, 30;
--tripp-color-white-rgb: 245, 245, 245;
--tripp-color-header: rgba(var(--tripp-color-on-surface-rgb), 0.02);
--tripp-color-on-header: rgb(var(--tripp-color-on-surface-rgb));
--tripp-color-background-rgb: 18, 18, 18;
--tripp-color-on-background-rgb: var(--tripp-color-white-rgb);
--tripp-color-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-white-rgb);
--tripp-color-menu-rgb: var(--tripp-color-surface-rgb);
--tripp-color-on-menu-rgb: var(--tripp-color-on-surface-rgb);
--tripp-color-black: rgb(var(--tripp-color-black-rgb));
--tripp-color-white: rgb(var(--tripp-color-white-rgb));
--tripp-color-alert: #d84f54;
--tripp-color-info: #0c0; --wp--preset--color--surface: rgb(var(--tripp-color-surface-rgb));
--wp--preset--color--on-surface: rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--color--grey: rgba(var(--tripp-color-on-surface-rgb), 0.6); --wp--preset--shadow--natural: 6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4);
--wp--preset--shadow--sharp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--outlined: 6px 6px 0 -3px rgb(var(--tripp-color-background-rgb)), 6px 6px 0 rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--shadow--crisp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 1);
} :root { --tripp-font-primary: "Roboto Slab", "Helvetica", "Arial", sans-serif;
--tripp-font-secondary: -apple-system, blinkmacsystemfont, "Inter", "Segoe UI", helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--tripp-font-highlight: "Caveat", serif;
--tripp-font-monospace: "Cutive Mono", monospace;
--tripp-font-size-base: 1.6rem;
--tripp-font-size-xs: 1.2rem;
--tripp-font-size-sm: 1.4rem;
--tripp-font-size-md: 1.8rem;
--tripp-font-size-lg: 2rem;
--tripp-font-size-xl: 2.6rem;
--tripp-font-size-xxl: 3.2rem;
--tripp-font-size-xxxl: 3.6rem;
--tripp-font-size-highlight: var(--tripp-font-size-base); --tripp-font-size-h1: var(--tripp-font-size-xxl);
--tripp-font-size-h2: 2.8rem;
--tripp-font-size-h3: 2.4rem;
--tripp-font-size-h4: 2.2rem;
--tripp-font-size-h5: var(--tripp-font-size-lg);
--tripp-font-size-h6: var(--tripp-font-size-md); --tripp-header-menu-height: 6.5rem;
--tripp-header-menu-gap: 6.5rem;
--tripp-admin-bar-height: 0px;  --tripp-spacing-xs: 1.5rem;
--tripp-spacing-sm: 2rem;
--tripp-spacing-md: 3rem;
--tripp-spacing-lg: 4rem;
--tripp-spacing-horizontal: 2rem;
--tripp-spacing-vertical: 4rem;
--tripp-alignright-margin: 0;
--tripp-alignleft-margin: 0; --tripp-content-width: 78rem;
--tripp-wide-width: 129rem;
--tripp-full-width: 140rem;
--tripp-sidebar-width: 100%; --tripp-grid-columns: 1;
--tripp-grid-gap: var(--tripp-spacing-md); --tripp-scrollbar-width: 0;
--tripp-transition-ease: cubic-bezier(0.46, 0.03, 0.52, 0.96);
--tripp-transition-delay: 0.1s;
} .has-text-mode-light {
--tripp-color-on-surface-rgb: 245, 245, 245;
--tripp-color-on-header: rgb(var(--tripp-color-on-surface-rgb));
}
.has-text-mode-dark {
--tripp-color-on-surface-rgb: 17, 17, 17;
--tripp-color-on-header: rgba(var(--tripp-color-on-surface-rgb), 0.75);
}
.admin-bar {
--tripp-admin-bar-height: 46px;
}
.desktop-menu {
--tripp-header-menu-height: 9.5rem;
--tripp-header-menu-gap: 9.5rem;
}
.desktop-menu.centered-menu {
--tripp-header-menu-height: 15rem;
--tripp-header-menu-gap: 15rem;
}
.transparent-menu,
.desktop-menu.centered-menu.transparent-menu {
--tripp-header-menu-gap: 0px; }  @font-face {
font-family: Caveat;
font-style: normal;
font-weight: 400;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/caveat-regular.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/caveat-regular.woff) format("woff");
}
@font-face {
font-family: Caveat;
font-style: normal;
font-weight: 700;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/caveat-700.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/caveat-700.woff) format("woff");
} @font-face {
font-family: "Cutive Mono";
font-style: normal;
font-weight: 400;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/cutive-mono-regular.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/cutive-mono-regular.woff) format("woff");
} @font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 300;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-300.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-300.woff) format("woff");
}
@font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 400;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-regular.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-regular.woff) format("woff");
}
@font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 600;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-600.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-600.woff) format("woff");
}
@font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 700;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-700.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/roboto-slab-700.woff) format("woff");
} @font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-300.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-300.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-regular.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-regular.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-600.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-600.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
src:
local(""),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-700.woff2) format("woff2"),
url(//poptasi.com/wp-content/themes/tripp/assets/fonts/inter-700.woff) format("woff");
}
body {
font-family: var(--tripp-font-secondary);
font-size: var(--tripp-font-size-base);
line-height: 1.618;
-webkit-font-smoothing: antialiased;
}
a {
color: rgb(var(--tripp-color-primary-rgb));
text-decoration: none;
transition: color 0.3s var(--tripp-transition-ease);
outline: none;
}
a:hover,
a:focus {
color: rgb(var(--tripp-color-on-surface-rgb));
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgb(var(--tripp-color-on-surface-rgb));
font-family: var(--tripp-font-primary);
font-weight: 600;
line-height: 1.25;
letter-spacing: 0;
margin: 0 0 1.5rem;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: 400;
}
h1 {
font-size: var(--tripp-font-size-h1);
}
h2 {
font-size: var(--tripp-font-size-h2);
}
h3 {
font-size: var(--tripp-font-size-h3);
}
h4 {
font-size: var(--tripp-font-size-h4);
}
h5 {
font-size: var(--tripp-font-size-h5);
}
h6 {
font-size: var(--tripp-font-size-h6);
}
p {
margin: 1.5rem 0 0 0;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
clear: both;
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-lg);
font-style: normal;
line-height: 1.4;
margin: 0;
padding-top: 2rem;
position: relative;
z-index: 0;
}
blockquote::before {
content: "\e208";
font-family: tripp, sans-serif;
font-size: 4rem;
font-style: normal;
line-height: 0.6;
z-index: 0;
}
blockquote cite,
blockquote footer {
color: inherit;
display: block;
font-family: var(--tripp-font-secondary);
font-size: var(--tripp-font-size-base);
font-style: normal;
font-weight: 400;
margin-top: 2rem;
opacity: 0.8;
}
blockquote cite em {
font-family: var(--tripp-font-secondary);
font-style: normal;
}
address {
margin: 0 0 1.5rem;
}
code,
kbd,
samp,
tt,
var {
font-family: var(--tripp-font-monospace);
font-size: var(--tripp-font-size-base);
}
code {
color: inherit;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: rgba(var(--tripp-color-primary-rgb), 0.3);
padding: 0 0.2rem;
text-decoration: none;
}
mark {
color: inherit;
text-decoration: none;
}
mark.has-inline-color {
font-family: var(--tripp-font-highlight);
}
big {
font-size: 125%;
} @font-face {
font-family: tripp;
font-style: normal;
font-weight: 400;
src: url(//poptasi.com/wp-content/themes/tripp/assets/fonts/tripp.woff) format("woff");
}
[class^="tripp-ico-"]::before,
[class*=" tripp-ico-"]::before {
display: inline-block;
font-family: tripp, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin-top: 1px;
text-align: center;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 1em;
}
.tripp-ico-onbackorder::before {
content: "\e890";
}
.tripp-ico-calendar::before {
content: "\e229";
}
.tripp-ico-update::before {
content: "\e228";
}
.tripp-ico-protect::before {
content: "\e225";
}
.tripp-ico-sortby::before {
content: "\e224";
}
.tripp-ico-wavy::before {
content: "\e223";
}
.tripp-ico-download::before {
content: "\e222";
}
.tripp-ico-timer::before {
content: "\e221";
}
.tripp-ico-hourglass::before {
content: "\e226";
}
.closed-comments::before {
content: "\e227";
}
.tripp-ico-eye-hide::before {
content: "\e220";
}
.tripp-ico-ok-circle::before {
content: "\e219";
}
.tripp-ico-info::before {
content: "\e218";
}
.tripp-ico-attention::before {
content: "\e217";
}
.tripp-ico-link::before {
content: "\e216";
}
.tripp-ico-artical::before {
content: "\e215";
}
.tripp-ico-wavy-line::before {
content: "\e214";
}
.tripp-ico-title-za::before {
content: "\e213";
}
.tripp-ico-title::before {
content: "\e212";
}
.tripp-ico-date::before {
content: "\e211";
}
.tripp-ico-date-new::before {
content: "\e210";
}
.tripp-ico-cancel::before {
content: "\e209";
}
.tripp-ico-quotes::before {
content: "\e208";
}
.tripp-ico-location::before {
content: "\e207";
}
.tripp-ico-coupon::before {
content: "\e206";
}
.tripp-ico-share::before {
content: "\e205";
}
.tripp-ico-comment::before {
content: "\e204";
}
.tripp-ico-eye::before {
content: "\e203";
}
.tripp-ico-folder::before {
content: "\e202";
}
.tripp-ico-list::before {
content: "\e833";
}
.tripp-ico-filter::before {
content: "\e816";
}
.tripp-ico-light::before {
content: "\e814";
}
.tripp-ico-dark::before {
content: "\e815";
}
.tripp-ico-facebook::before {
content: "\e811";
}
.tripp-ico-pinterest::before {
content: "\e812";
}
.tripp-ico-twitter::before {
content: "\e813";
}
.tripp-ico-whatsapp::before {
content: "\e810";
}
.tripp-ico-like::before {
content: "\e825";
}
.tripp-ico-unlike::before {
content: "\e826";
}
.tripp-ico-stock::before {
content: "\e889";
}
.tripp-ico-outofstock::before {
content: "\e886";
}
.tripp-ico-mail::before {
content: "\e888";
}
.tripp-ico-logout::before {
content: "\e887";
}
.tripp-ico-user::before {
content: "\e885";
}
.tripp-ico-login::before {
content: "\e882";
}
.tripp-ico-delivery::before {
content: "\e881";
}
.tripp-ico-search::before {
content: "\e82c";
}
.tripp-ico-check::before {
content: "\e831";
}
.tripp-ico-sticky-post::before {
content: "\e100";
}
.tripp-ico-reply::before {
content: "\e802";
}
.tripp-ico-globe::before {
content: "\e921";
}
.tripp-ico-tag::before {
content: "\e200";
}
.tripp-ico-detail::before {
content: "\e201";
}
.tripp-ico-spinner::before {
content: "\e91f";
}
.tripp-ico-resize::before {
content: "\e837";
}
.tripp-ico-zoom-out::before {
content: "\e92c";
}
.tripp-ico-play::before {
content: "\e91b";
}
.tripp-ico-back::before {
content: "\e803";
}
.tripp-ico-resize-full::before {
content: "\e836";
}
.tripp-ico-archive::before {
content: "\e85e";
}
.tripp-ico-arrow-down::before {
content: "\e90e";
}
.tripp-ico-arrow-left::before {
content: "\e912";
}
.tripp-ico-arrow-right::before {
content: "\e913";
}
.tripp-ico-arrow-up::before {
content: "\e905";
}
.tripp-ico-author::before {
content: "\e916";
}
.tripp-ico-bookmark::before {
content: "\e841";
}
.tripp-ico-down::before {
content: "\e845";
}
.tripp-ico-left::before {
content: "\e842";
}
.tripp-ico-right::before {
content: "\e843";
}
.tripp-ico-up::before {
content: "\e844";
}
.tripp-ico-more::before {
content: "\e840";
}
.tripp-ico-pencil::before {
content: "\e80a";
}
.tripp-ico-setting::before {
content: "\e82f";
}
.tripp-ico-shopping-bag::before {
content: "\e82d";
}
.tripp-ico-star::before {
content: "\e806";
}
.tripp-ico-star-empty::before {
content: "\e807";
}
.tripp-ico-half::before {
content: "\e808";
}
.tripp-ico-trash::before {
content: "\e599";
}
.tripp-ico-zoom-in::before {
content: "\e91c";
}
.tripp-ico-cart::before {
content: "\e848";
}
.tripp-ico-pause::before {
content: "\e904";
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
word-wrap: normal; }
.screen-reader-text:focus {
background-color: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
box-shadow: 0 0 2px 2px rgba(var(--tripp-color-surface-rgb), 0.6);
clip: auto;
color: rgb(var(--tripp-color-on-surface-rgb));
display: block;
font-size: var(--tripp-font-size-sm);
font-weight: 600;
height: auto;
left: 0.5rem;
line-height: normal;
padding: 1.5rem 2.3rem 1.4rem;
text-decoration: none;
top: 0.5rem;
width: auto;
z-index: 100000; } .skip-link {
left: -9999rem;
text-decoration: underline;
top: 2.5rem;
}
.skip-link:focus {
display: block;
font-size: var(--tripp-font-size-sm);
font-weight: 600;
left: 1rem;
line-height: normal;
padding: 1.5rem 2rem 1.5rem;
right: auto;
text-decoration: none;
top: 1rem;
z-index: 100000;
}  q::before,
q::after {
content: "";
}
ul {
list-style: disc;
margin: 0 0 1.5rem 0;
padding: 0 0 0 2rem;
}
ol {
list-style: decimal;
margin: 0 0 1.5rem 0;
padding: 0 0 0 2.5rem;
}
ul li,
ol li {
margin: 0 0 0.6rem;
}
li > ol,
li > ul {
margin: 0.5rem 0 0;
}
dt {
font-weight: 600;
}
dd {
margin: 0 1.5rem 1.5rem;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
margin: 0 0 1.5rem;
width: 100%;
}
th,
td {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
padding: 1rem 0.5rem;
text-align: inherit;
}
thead th {
border-bottom: 2px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
}
iframe {
border: none;
display: block;
margin: auto;
}
video {
outline: none;
} .entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.mejs-container:not(.alignfull):not(.alignwide) {
max-width: var(--tripp-content-width);
}
.wp-caption {
font-size: 1.1rem;
margin: 0;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 1.1rem 0;
text-align: center;
}
figcaption::-webkit-scrollbar {
width: 0;
}
.gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.gallery-item {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 0 0.5rem 0.5rem 0;
position: relative;
width: 100%;
}
.gallery-item .gallery-icon {
align-items: flex-end;
display: flex;
height: 100%;
margin: 0;
}
.gallery-item .gallery-icon a {
position: relative;
}
.gallery-item .gallery-icon a,
.gallery-item .gallery-icon img {
flex: 1;
height: 100%;
line-height: 0;
object-fit: cover;
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.333333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-columns-10 .gallery-item {
width: 10%;
}
.gallery-columns-11 .gallery-item {
width: 9.09%;
}
.gallery-columns-12 .gallery-item {
width: 8.33%;
}
.gallery-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent);
bottom: 0.5rem;
color: #fff;
font-size: 1.1rem;
display: block;
left: 0;
line-height: 1.3;
max-height: calc(80% - 4rem);
overflow: scroll;
padding: 1rem 1rem 0.5rem;
position: absolute;
right: 0.5rem;
}
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption,
.gallery-columns-11 .gallery-caption,
.gallery-columns-12 .gallery-caption {
display: none;
} .tripp-grid {
display: grid;
gap: var(--tripp-grid-gap);
grid-template-columns: repeat(var(--tripp-grid-columns), 1fr);
width: 100%;
} .content-loader {
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s, visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
visibility: hidden;
z-index: 9999;
}
.content-loader.is-loading {
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
visibility: visible;
}
.content-loader.has-background-overlay .loader-background {
background: rgba(var(--tripp-color-background-rgb), 1);
bottom: 0;
clip-path: circle(0% at 50% 50%);
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
}
.content-loader.has-background-overlay.is-loading .loader-background {
clip-path: circle(150% at 50% 50%);
}
.content-loader.has-background-overlay.is-loaded .loader-background {
clip-path: circle(0% at 50% 50%);
}
.loading-icon {
align-items: center;
border-radius: 50%;
display: inline-flex;
height: 20rem;
justify-content: center;
opacity: 0;
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
width: 20rem;
}
.content-loader.is-loading .loading-icon {
opacity: 1;
}
.content-loader.is-loaded .loading-icon * {
animation-play-state: paused;
}
.content-loader .loading-icon > * {
z-index: 9;
} .tripp-spinner-windmill {
height: 6rem;
position: relative;
width: 6rem;
}
.tripp-windmill-icon {
animation: tripp-windmill-rotate 1s linear infinite;
transform-origin: center;
}
@keyframes tripp-windmill-rotate {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
} .tripp-camper-van-mirror {
fill: hsla(185, 73%, 81%, 0.529);
}
.tripp-camper-van-body {
animation: tripp-camper-van-shake 280ms linear infinite normal forwards;
}
@keyframes tripp-camper-van-shake {
from {
transform: translate(0.000368px, -0.000006px);
}
to {
transform: translate(0.000368px, 0.7px);
}
}
.tripp-camper-van-body-shell {
fill: rgb(var(--tripp-color-surface-rgb));
}
.has-scheme-dark .tripp-camper-van-body-shell {
fill: rgba(var(--tripp-color-white-rgb), 0.4);
}
.tripp-camper-van-body-border,
.tripp-camper-van-wheels > path {
fill: rgb(var(--tripp-color-on-surface-rgb));
}
.tripp-camper-van-road {
animation: tripp-camper-van-road 1s linear infinite normal forwards;
stroke: rgb(var(--tripp-color-on-surface-rgb));
}
@keyframes tripp-camper-van-road {
from {
stroke-dashoffset: 26.775;
}
to {
stroke-dashoffset: 157;
}
} .tripp-airplane-body-shell {
fill: rgb(var(--tripp-color-surface-rgb));
}
.tripp-airplane-border {
fill: rgb(var(--tripp-color-on-surface-rgb));
}
.has-scheme-dark .tripp-airplane-body-shell {
fill: rgba(var(--tripp-color-white-rgb), 0.4);
}
.tripp-airplane-line > path {
animation: tripp-airplane-line 0.8s ease-in-out infinite both;
stroke: rgb(var(--tripp-color-on-surface-rgb));
stroke-dasharray: 22;
transform-origin: center right;
}
@keyframes tripp-airplane-line {
0% {
stroke-dashoffset: 22;
}
25% {
stroke-dashoffset: 22;
}
50% {
stroke-dashoffset: 0;
}
51% {
stroke-dashoffset: 0;
}
80% {
stroke-dashoffset: -22;
}
100% {
stroke-dashoffset: -22;
}
}
.tripp-airplane-line .tripp-airplane-line-bottom {
animation-delay: 0s;
}
.tripp-airplane-line .tripp-airplane-line-middle {
animation-delay: 0.2s;
}
.tripp-airplane-line .tripp-airplane-line-top {
animation-delay: 0.4s;
} .spinner-moon {
border-radius: 50%;
height: 10rem;
overflow: hidden;
position: relative;
width: 10rem;
}
.loader-moon-frontcloud {
animation: tripp-right-to-left 5s linear infinite;
}
.loader-moon-star-group > path {
animation: tripp-star-blinker 2s linear infinite;
opacity: 0.5;
stroke-width: 0;
}
.loader-moon-star-group > path:nth-child(2n+2) {
animation-delay: -0.5s;
}
.loader-moon-star-group > path:nth-child(2n+3) {
animation-delay: -1.25s;
}
.loader-moon-backcloud {
animation: tripp-left-to-right 5s linear infinite;
}
@keyframes tripp-star-blinker {
50% {
opacity: 1;
stroke-width: 2;
}
}
@keyframes tripp-left-to-right {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes tripp-right-to-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
} .spinner-ripple {
height: 6rem;
position: relative;
width: 6rem;
}
.spinner-ripple span {
animation: tripp-spinner-ripple 1s cubic-bezier(0.21, 0.53, 0.56, 0.8) 0s infinite both;
border: 5px solid rgb(var(--tripp-color-on-surface-rgb));
border-radius: 50%;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.spinner-ripple span:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes tripp-spinner-ripple {
0% {
opacity: 1;
transform: scale(0);
}
70% {
opacity: 0.8;
}
100% {
opacity: 0;
transform: scale(1);
}
} .spinner-water-drop {
animation: tripp-water-ripple 2s infinite;
background: rgba(var(--tripp-color-primary-rgb), 0.5);
border: 0 solid rgba(var(--tripp-color-primary-rgb), 0.5);
border-radius: 50%;
height: 0;
left: 50%;
position: absolute;
top: 60%;
transform: translate(-50%, -50%) rotateX(60deg);
transform-origin: center;
transform-style: preserve-3d;
width: 0;
}
.spinner-water-drop::before {
animation: tripp-water-ripple-2 2s infinite;
background: rgb(var(--tripp-color-primary-rgb));
border: 0 solid rgba(var(--tripp-color-primary-rgb), 0.5);
border-radius: 50%;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
top: 50%;
width: 2px;
}
.spinner-water-drop::after {
animation: tripp-water-drop 2s infinite;
background: rgb(var(--tripp-color-primary-rgb));
border-radius: 2rem;
border-top-left-radius: 0;
content: "";
display: block;
height: 10px;
left: 50%;
opacity: 0;
position: absolute;
transform: rotateX(-60deg) translate(-50%, 3em) rotateZ(45deg);
top: 0;
width: 10px;
}
@keyframes tripp-water-drop {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -8rem) rotateZ(45deg);
}
15% {
opacity: 1;
}
35% {
opacity: 1;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
36% {
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
100% {
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
}
@keyframes tripp-water-ripple {
0% {
border-width: 0;
height: 0;
width: 0;
}
35% {
border-width: 0;
height: 0;
width: 0;
}
65% {
background: rgba(var(--tripp-color-primary-rgb), 0.5);
border-width: 0.6rem;
}
85% {
background: rgba(var(--tripp-color-primary-rgb), 0);
border-width: 0;
height: 7rem;
width: 7rem;
}
100% {
background: rgba(var(--tripp-color-primary-rgb), 0);
border-width: 0;
height: 7rem;
width: 7rem;
}
}
@keyframes tripp-water-ripple-2 {
0% {
border-width: 0;
height: 0;
width: 0;
}
45% {
border-width: 0;
height: 0;
width: 0;
}
70% {
background: rgb(var(--tripp-color-primary-rgb));
border-width: 1rem;
}
90% {
background: rgba(var(--tripp-color-primary-rgb), 0);
border-width: 0;
height: 4rem;
width: 4rem;
}
100% {
background: rgba(var(--tripp-color-primary-rgb), 0);
border-width: 0;
height: 4rem;
width: 4rem;
}
} .loader-logo::before {
animation: tripp-spinner-ripple 1s linear 0.2s infinite both;
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.25);
border-radius: 50%;
bottom: 0;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
}
.loader-logo::after {
border-radius: 50%;
box-shadow: 0 0 2rem rgb(var(--tripp-color-on-surface-rgb), 0.1);
content: "";
position: absolute;
height: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
}
.content-loader.is-loaded .loader-logo::after {
animation-play-state: paused;
}
.spinner-logo {
align-items: center;
display: inline-flex;
height: 15rem;
justify-content: center;
position: relative;
width: 15rem;
}
.spinner-logo .spinner-image {
border-radius: 50%;
display: inline-block;
} .tripp-menu {
display: inline-block;
}
.tripp-menu ul {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
box-sizing: border-box;
color: rgb(var(--tripp-color-on-surface-rgb));
left: 0;
list-style: none;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: auto;
transition:
opacity 0.15s var(--tripp-transition-ease),
transform 0.15s var(--tripp-transition-ease),
visibility 0.15s var(--tripp-transition-ease);
visibility: hidden;
z-index: 99;
}
.tripp-menu > ul {
box-shadow:
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
transform: scaleY(0.8);
transform-origin: top center;
}
.tripp-menu.is-menu-open > ul {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.tripp-menu.is-menu-open > button {
background: rgba(var(--tripp-color-on-surface-rgb), 0.8);
color: rgb(var(--tripp-color-surface-rgb));
}
.tripp-menu ul li {
margin: 0;
}
.tripp-menu ul li a {
color: inherit;
display: block;
overflow: hidden;
padding: 1rem 2rem;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.tripp-menu ul > li a::after {
background: rgb(var(--tripp-color-black-rgb));
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
transition: opacity 15ms linear;
top: 0;
width: 100%;
}
.tripp-menu ul li a:hover {
color: inherit;
}
.tripp-menu li.is-selected a::after,
.tripp-menu ul > li.current-cat > a::after,
.tripp-menu ul > li.current-cat-parent > a::after,
.tripp-menu ul > li.current-cat-ancestor > a::after {
opacity: 0.05;
}
.tripp-menu > ul > li:first-child > a::after {
border-radius: 0.8rem 0.8rem 0 0;
overflow: hidden;
}
.tripp-menu > ul > li:last-child > a::after {
border-radius: 0 0 0.8rem 0.8rem;
overflow: hidden;
}
.tripp-menu ul li a > span {
display: block;
margin-right: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tripp-menu ul li.has-children > .menu-toggle-button {
align-items: center;
display: inline-flex;
justify-content: center;
padding: 1rem;
position: absolute;
right: 0;
transition: transform 0.2s var(--tripp-transition-ease);
z-index: 5;
}
.tripp-menu .menu-toggle-button > i {
border-radius: 50%;
display: inline-block;
height: 2.5rem;
width: 2.5rem;
}
.tripp-menu ul ul {
border-radius: 0;
flex-flow: row wrap;
opacity: 0;
overflow: hidden;
position: relative;
transform: scale(1);
transition:
opacity 0.2s var(--tripp-transition-ease),
transform 0.2s var(--tripp-transition-ease),
visibility 0.2s var(--tripp-transition-ease);
visibility: hidden;
}
.tripp-menu li > ul.children {
display: none;
width: 100%;
}
.is-touch-menu li > ul.children {
max-height: 23rem;
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
}
.is-touch-menu ul ul li > a {
font-size: var(--tripp-font-size-sm);
}
.is-touch-menu ul ul ul li > a {
padding-left: 2.5rem;
}
.tripp-menu li.is-sub-menu-visible > ul.children {
background: rgba(var(--tripp-color-on-surface-rgb), 0.1);
opacity: 1;
visibility: visible;
}
.tripp-menu li.is-sub-menu-visible > .menu-toggle-button {
transform: rotate(180deg);
}
.tripp-menu ul > li.is-sub-menu-visible > a::after {
opacity: 0.05;
}
.tripp-menu li.has-children {
flex-flow: row wrap;
}
.tripp-menu > ul > li {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
} .tripp-list {
background: rgb(var(--tripp-color-surface-rgb));
box-shadow:
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
display: block;
list-style: none;
margin: 0;
max-width: calc(100vw - 3rem);
min-width: 17rem;
padding: 0;
position: relative;
transform: scale(0.8);
transform-origin: top left;
z-index: 10;
}
.tripp-list > li {
align-items: center;
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
min-height: 1.5rem;
min-width: 20rem;
padding: 0;
position: relative;
}
.tripp-list > li a::before {
display: none;
}
.tripp-list > li > * {
display: flex;
flex-grow: 1;
flex-wrap: nowrap;
align-items: center;
padding: 1rem 0;
position: relative;
width: 100%;
z-index: 1;
}
.tripp-list a > i {
display: inline-block;
font-size: 100%;
margin-right: 0.8rem;
padding-left: 1px;
width: 2rem;
}
.tripp-list a > span {
flex: 1;
flex-grow: 8;
overflow: hidden;
text-overflow: ellipsis;
} .tripp-scroller-wrapper {
overflow: hidden;
position: relative;
}
.tripp-scroller {
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
white-space: nowrap;
}
.tripp-scroller::-webkit-scrollbar {
display: none;
}
.tripp-scroll-arrow {
align-items: center;
background: linear-gradient(90deg, rgba(var(--tripp-color-background-rgb), 1) 0%, rgba(var(--tripp-color-background-rgb), 1) 50%, rgba(var(--tripp-color-background-rgb), 0) 100%);
cursor: pointer;
display: flex;
font-size: var(--tripp-font-size-lg);
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
visibility: hidden;
width: 6rem;
z-index: 5;
}
.tripp-scroll-arrow.tripp-scroll-forward {
background: linear-gradient(90deg, rgba(var(--tripp-color-background-rgb), 0) 0%, rgba(var(--tripp-color-background-rgb), 1) 50%, rgba(var(--tripp-color-background-rgb), 1) 100%);
justify-content: flex-end;
left: auto;
right: 0;
}
.tripp-scroll-arrow.is-scroll-active {
opacity: 1;
visibility: visible;
}  .flext-lightbox-gallery {
transform: translateZ(5px);
}
.flext-lightbox-gallery .pswp__caption a {
color: rgb(var(--tripp-color-primary-rgb));
}
.flext-lightbox-gallery .pswp__caption a:hover {
color: rgb(var(--tripp-color-white-rgb));
}
.flext-lightbox-gallery .pswp__button {
color: rgb(var(--tripp-color-white-rgb));
}
.flext-lightbox-gallery.pswp--svg .pswp__button--arrow--left,
.flext-lightbox-gallery.pswp--svg .pswp__button--arrow--right {
background-color: rgb(var(--tripp-color-black-rgb));
color: rgb(var(--tripp-color-white-rgb));
}
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--left,
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--right {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--tripp-color-black-rgb));
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--left:hover,
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--right:hover {
background-position: 100% 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-lightbox-gallery .pswp__button--arrow--left {
left: calc(var(--tripp-spacing-horizontal) / 2);
right: auto;
}
.flext-lightbox-gallery .pswp__button--arrow--right {
left: auto;
right: calc(var(--tripp-spacing-horizontal) / 2);
}
.flext-lightbox-zoom::after {
content: "\e91c";
font-family: tripp, sans-serif;
}
.flext-lightbox-external::after,
.gallery .flext-lightbox-link::after {
content: "\e216";
font-family: tripp, sans-serif;
}
.flext-lightbox-link::after {
background: rgb(var(--tripp-color-white-rgb));
color: rgb(var(--tripp-color-black-rgb));
}
.wp-block-image .flext-lightbox-external::after {
font-size: var(--tripp-font-size-base);
left: auto;
right: var(--tripp-spacing-xs);
top: var(--tripp-spacing-xs);
transform: translate3d(0, 0, 0) scale(0);
}
.wp-block-image .flext-lightbox-externalfocus::after,
.wp-block-image .flext-lightbox-external:hover::after {
transform: translate3d(0, 0, 0) scale(1);
} .flext-lightbox {
top: var(--tripp-admin-bar-height);
transform: translateZ(5px);
}
.flext-lightbox:not(.flext-lightbox-fullscreen) .flext-lightbox-container {
margin: var(--tripp-spacing-horizontal);
}
.flext-lightbox-content {
background: rgb(var(--tripp-color-surface-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
border-radius: 0.8rem;
padding: var(--tripp-spacing-horizontal);
}
.flext-lightbox .flext-lightbox-title {
background-size: cover;
margin: calc(var(--tripp-spacing-md) * -1);
margin-bottom: var(--tripp-spacing-sm);
padding: var(--tripp-spacing-md) var(--tripp-spacing-md) 0;
position: relative;
}
.flext-lightbox .flext-lightbox-close {
background-color: rgba(var(--tripp-color-surface-rgb), 0.5);
border: 1px solid rgba(var(--tripp-color-surface-rgb), 0.1);
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-lightbox .flext-lightbox-close:hover {
background-color: rgba(var(--tripp-color-primary-rgb), 0.6);
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-lightbox.flext-lightbox-fullscreen .flext-lightbox-close {
font-size: var(--tripp-font-size-md);
height: var(--tripp-spacing-md);
width: var(--tripp-spacing-md);
}
.flext-lightbox-audio .flext-lightbox-container,
.flext-lightbox-video .flext-lightbox-container,
.flext-lightbox-iframe .flext-lightbox-container {
padding: var(--tripp-spacing-horizontal);
}
.flext-lightbox .flext-loader::before {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.4);
border-top-color: rgba(var(--tripp-color-on-surface-rgb), 0.2);
} .flext-lightbox.flext-share-modal .modal-image {
align-items: center;
}
.flext-lightbox.flext-share-modal .modal-image img {
max-height: 40vh;
}
.flext-lightbox.flext-share-modal .modal-body {
padding: var(--tripp-spacing-md);
}
.flext-lightbox.flext-share-modal .modal-title {
font-size: var(--tripp-font-size-h4);
margin-bottom: 2rem;
max-height: unset;
-webkit-line-clamp: 3;
}
.flext-share-modal .modal-form {
background: rgb(var(--tripp-color-on-surface-rgb), 0.06);
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-radius: 0.8rem;
color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
margin-top: 2.5rem;
padding: 1rem 1.5rem;
transition: background-color 0.3s var(--tripp-transition-ease), border-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.flext-share-modal .modal-form:hover {
background: rgb(var(--tripp-color-on-surface-rgb), 0.02);
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.06);
color: rgba(var(--tripp-color-on-surface-rgb), 1);
}
.flext-share-modal .modal-form .modal-permalink {
background: none;
border-radius: 0;
}
.flext-share-modal .modal-links {
display: flex;
flex-flow: row wrap;
gap: 1rem;
justify-content: center;
}
.flext-share-modal .modal-links a {
background-image: linear-gradient(45deg, rgba(var(--tripp-color-on-surface-rgb), 0.06), rgba(var(--tripp-color-on-surface-rgb), 0.06), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: inherit;
font-size: 1.5rem;
height: 3.2rem;
line-height: 3.2rem;
margin: 0;
padding: 0;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
width: 3.2rem;
}
.flext-share-modal .modal-links a:hover {
background-position: 100% 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-share-modal .modal-form button {
color: rgb(var(--tripp-color-primary-rgb));
justify-content: flex-end;
line-height: 0;
right: 1.5rem;
top: 2px;
transition: color 0.3s var(--tripp-transition-ease);
}
.flext-share-modal .modal-form button:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-share-modal .modal-form .copy-clipboard .flext-ico-check {
color: var(--tripp-color-info);
transition: color 0.3s;
} .flext-lightbox-login-modal .flext-lightbox-close {
margin: var(--tripp-spacing-sm);
}
.flext-lightbox-login-modal form > p {
margin-bottom: var(--tripp-spacing-xs);
position: relative;
}
.flext-lightbox-login-modal .login-username input,
.flext-lightbox-login-modal .login-password input {
padding-left: 6rem;
}
.flext-lightbox-login-modal .login-username::before,
.flext-lightbox-login-modal .login-password::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.8);
border-radius: 0.8rem 0 0 0.8rem;
bottom: 0;
color: rgb(var(--tripp-color-surface-rgb));
content: "\e885";
display: inline-block;
font-family: tripp, sans-serif;
height: 4rem;
left: 0;
line-height: 4rem;
padding: 0 1.5rem;
position: absolute;
}
.flext-lightbox-login-modal .login-password::before {
content: "\e882";
}
.flext-lightbox-login-modal .login-submit .button-primary {
align-items: center;
justify-content: center;
height: 4rem;
width: 100%;
}
.flext-lightbox-login-modal .flext-form-nav-links {
margin-top: 1rem;
}
.flext-form-nav-links a {
align-items: center;
background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-secondary-rgb)), rgb(var(--tripp-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem;
color: rgb(var(--tripp-color-surface-rgb));
display: inline-flex;
flex: 1 0 auto;
height: 4rem;
justify-content: center;
padding: 0 1.5rem;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.flext-form-nav-links a:hover {
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
} .flext-author-follow-modal .flext-lightbox-title {
background: none;
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
clip-path: unset;
color: rgb(var(--tripp-color-on-surface-rgb));
margin: calc(var(--tripp-spacing-sm) * -1);
margin-bottom: var(--tripp-spacing-sm);
padding: var(--tripp-spacing-sm);
}
.flext-author-follow-modal .flext-lightbox-content {
padding: var(--tripp-spacing-sm);
}
.flext-author-follow-modal .flext-lightbox-close {
margin: var(--tripp-spacing-sm);
}
.flext-author-follow-modal .flext-author-followers-list,
.flext-author-follow-modal .flext-author-following-list {
height: calc(100% - (var(--tripp-spacing-md) * 2 ));
} .flext-button-prev {
font-size: 1.6rem;
height: 3rem;
width: 3rem;
right: calc(var(--tripp-spacing-xs) + 3.5rem);
}
.flext-button-next {
font-size: 1.6rem;
height: 3rem;
width: 3rem;
} form {
position: relative;
}
input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button {
background-color: rgb(var(--annne-color-on-surface-rgb));
} [type="reset"],
[type="submit"],
[type="submit"].is-primary {
background: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border: none;
border-radius: 0.8rem;
color: rgb(var(--tripp-color-on-primary-rgb));
cursor: pointer;
font-size: var(--tripp-font-size-sm);
font-weight: 600;
height: 4rem;
letter-spacing: 0.125rem;
line-height: 1.5;
margin: 0;
outline: none;
overflow: hidden;
padding: 0 4rem;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
transition: background-position 0.3s var(--tripp-transition-ease);
vertical-align: middle;
white-space: nowrap;
}
[type="reset"]:hover,
[type="submit"]:hover,
[type="reset"]:focus,
[type="submit"]:focus,
[type="reset"]:active,
[type="submit"]:active,
[type="submit"].is-primary:hover,
[type="submit"].is-primary:active {
background-position: 100% 0;
}
button,
.tripp-button {
align-items: center;
background: none;
border: none;
color: inherit;
cursor: pointer;
display: inline-flex;
flex-flow: row wrap;
justify-content: center;
line-height: 1.5;
outline: none;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
text-overflow: ellipsis;
z-index: 1;
}
[type="reset"]:disabled,
[type="submit"]:disabled,
button:disabled,
.tripp-button:disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.tripp-button > * {
display: inline-block;
line-height: 1;
margin: 0.25rem;
position: relative;
white-space: nowrap;
z-index: 1;
}
.tripp-outlined {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.3);
color: inherit;
padding: 0.5rem 1.5rem;
transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
.tripp-outlined:hover {
background-color: rgb(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
}
.tripp-outlined.is-primary {
border-color: rgba(var(--tripp-color-primary-rgb), 0.3);
}
.tripp-outlined.is-primary:hover {
border-color: rgba(var(--tripp-color-primary-rgb), 0.3);
color: rgb(var(--tripp-color-on-primary-rgb));
}
.tripp-rounded {
border-radius: 0.8rem;
}
.tripp-unelevated {
background: rgb(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
}
.tripp-unelevated.is-primary:hover {
background: rgba(var(--tripp-color-primary-rgb), 0.5);
color: rgb(var(--tripp-color-on-primary-rgb));
} .tripp-icon-button {
align-items: center;
cursor: pointer;
border: none;
box-sizing: border-box;
display: inline-flex;
flex-wrap: wrap;
font-size: 140%;
height: 5rem;
justify-content: center;
outline: none;
padding: 1rem;
position: relative;
text-decoration: none;
text-align: center;
transition: color 0.25s;
-webkit-user-select: none;
user-select: none;
width: 5rem;
}
.tripp-icon-button:hover,
.tripp-icon-button:focus {
color: rgb(var(--tripp-color-on-secondary-rgb));
}
.tripp-icon-button::before {
background: rgb(var(--tripp-color-secondary-rgb));
content: "";
height: 100%;
opacity: 0;
position: absolute;
transition: opacity 0.25s;
width: 100%;
}
.tripp-icon-button:hover::before,
.tripp-icon-button:focus::before {
opacity: 1;
}
.tripp-icon-button:active {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.tripp-icon-button i {
line-height: 0;
position: relative;
z-index: 5;
} input[type="checkbox"],
input[type="radio"] {
appearance: none;
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 1.8rem;
line-height: 1.8rem;
margin: 0 0.6rem 0 0;
outline: none;
position: relative;
text-align: center;
vertical-align: middle;
width: 1.8rem;
transition: background-color 0.25s, border-color 0.25s;
}
input[type="radio"] {
border-radius: 50%;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: rgb(var(--tripp-color-on-surface-rgb));
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: rgb(var(--tripp-color-on-surface-rgb));
border-color: rgb(var(--tripp-color-on-surface-rgb));
}
input[type="checkbox"]:checked::before {
color: rgb(var(--tripp-color-surface-rgb));
content: "\e831";
display: inline-block;
font-family: tripp, sans-serif;
font-size: var(--tripp-font-size-sm);
height: 100%;
margin: 0;
vertical-align: top;
width: 100%;
}
input[type="radio"]:checked::before {
border: 3px solid rgb(var(--tripp-color-surface-rgb));
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
margin: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
appearance: none;
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.8rem;
box-shadow: none;
box-sizing: border-box;
color: inherit;
font-size: var(--tripp-font-size-base);
font-weight: 400;
height: 4rem;
letter-spacing: 0.04rem;
line-height: 1.5;
margin: 0;
padding: 0.5rem 1rem;
transition: border-color 0.25s;
outline: none;
width: 100%;
}
textarea {
border-radius: 0.8rem;
border-width: 1px;
padding: 1rem;
resize: vertical;
height: auto;
}
label {
display: inline-block;
font-weight: 400;
margin-bottom: 0.5rem;
}
input[type="text"]::-ms-clear {
display: none;
height: 0;
width: 0;
}
input[type="text"]::-ms-reveal {
display: none;
height: 0;
width: 0;
}
input[type="search"] {
background: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input[type="range"] {
width: 100%;
} input[type="date"]::-webkit-clear-button {
display: none;
} input[type="date"]::-webkit-inner-spin-button {
display: none;
}
input[type="file"]::file-selector-button {
border: none;
background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem;
color: rgb(var(--tripp-color-surface-rgb));
cursor: pointer;
margin-right: 1.5rem;
padding: 0.5rem 1.5rem;
transition: background-position 0.3s var(--tripp-transition-ease);
}
input[type="file"]::file-selector-button:hover {
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
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="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 {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.5);
}
::placeholder {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
} select {
appearance: none;
background-color: rgb(var(--tripp-color-surface-rgb));
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNS41cHgiIGhlaWdodD0iNi45OTNweCIgdmlld0JveD0iMCAxMjMyLjE3NCAxNS41IDYuOTkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMTIzMi4xNzQgMTUuNSA2Ljk5MyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjMDMwMTA0IiBwb2ludHM9IjEwLDEyMzIuMTc1IDAsMTIzMi4xNzQgNSwxMjM5LjEzIAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
background-position: right 1rem center;
background-repeat: no-repeat;
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.8rem;
color: rgb(var(--tripp-color-on-surface-rgb));
cursor: pointer;
height: 4rem;
margin: 0;
max-width: 100%;
outline: none;
overflow: hidden;
padding: 0.5rem 3rem 0.5rem 1.5rem;
position: relative;
text-indent: 0.001px;
text-overflow: ellipsis;
transition: border-color 0.25s;
}
.has-scheme-dark select,
.flext-has-scheme-dark select {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE1LjUgNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUuNSA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMCwwIDAsMCA1LDcgCSIvPgo8L2c+Cjwvc3ZnPgo=);
background-size: 16px;
}
select:hover,
select:focus {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.5);
}
select option {
background-color: rgb(var(--tripp-color-surface-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
}
select[multiple="multiple"] {
background-image: none;
height: auto;
padding: 0;
}
select[multiple="multiple"] option {
background-color: transparent;
color: inherit;
padding: 0.5rem 1rem;
}
select[multiple="multiple"] option:checked {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
} .widget {
margin-bottom: calc(var(--tripp-spacing-horizontal) * 2);
position: relative;
}
.widget .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-left: 0 !important;
margin-right: 0 !important;
}
.main-sidebar .widget:last-child,
.menu-widgets .widget:last-child {
margin-bottom: 0;
} .site .site-content .widget {
background: rgb(var(--tripp-color-surface-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
margin-bottom: 0;
}
.widget a {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.widget a:hover,
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li:first-child .post-title a:hover,
.main-sidebar .flext-post-tabs .post-tab-posts li:first-child .post-title a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.widget .widget-title h2 {
font-size: var(--tripp-font-size-md);
font-weight: 600;
margin-bottom: 1.5rem;
}
.widget_nav_menu h2 {
margin-bottom: 2rem;
}
.widget .post-date {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-xs);
} .widget select {
background-color: rgb(var(--tripp-color-surface-rgb));
font-size: var(--tripp-font-size-base);
margin: 0;
width: 100%;
} .widget_search .search-form {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.8rem;
background-color: rgb(var(--tripp-color-surface-rgb));
}
.wp-block-search .wp-block-search__button {
font-size: var(--tripp-font-size-sm);
letter-spacing: 0.1rem;
} .widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_entries ul {
display: flex;
flex-flow: column wrap;
gap: 1rem;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.widget_recent_comments ul,
.widget_rss ul {
display: flex;
flex-flow: row wrap;
gap: 1.4rem;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li,
.widget_pages li,
.flext-post-tabs .flext-tab ul li:last-child {
margin-bottom: 0;
}
.widget_archive li > a,
.widget_categories li > a,
.widget_recent_comments li a {
position: relative;
} .widget_pages ul {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.widget_pages > ul {
display: flex;
flex-flow: row wrap;
gap: 1rem;
list-style-type: none;
margin: 0;
padding: 0;
}
.widget_pages ul > li {
flex: 0 0 100%;
width: 100%;
}
.widget_pages li::marker {
vertical-align: top;
}
.widget_pages li > a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
padding: 0;
position: relative;
text-overflow: inherit;
transition: color 0.3s ease-out;
vertical-align: top;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_pages li > a:hover,
.widget .vertical-menu li a:hover {
color: rgb(var(--tripp-color-on-background-rgb));
}
.widget_pages li > a::before {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)), rgb(var(--tripp-color-primary-rgb)));
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem 0;
bottom: 0.5rem;
content: "";
display: inline-block;
height: 1rem;
left: 0;
opacity: 0.7;
position: absolute;
top: 1.3rem;
transform: scaleX(0) translateY(-50%);
transform-origin: right center;
transition: transform 0.5s var(--tripp-transition-ease);
width: 100%;
z-index: -1;
}
.widget_pages li.current_page_item > a::before,
.widget_pages li:hover > a::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--tripp-transition-ease);
} .widget_archive li,
.widget_categories li,
.widget_meta li {
align-items: flex-start;
display: flex;
flex: 0 0 100%;
flex-flow: row wrap;
justify-content: space-between;
margin: 0;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
transition: border-color 0.3s var(--tripp-transition-ease);
width: 100%;
}
.widget_archive li .children,
.widget_categories li .children {
flex: 1 1 100%;
padding: 0 0 0 1.5rem;
margin: 1rem 0 0;
width: 100%;
}
.widget_archive li a,
.widget_categories li a,
.widget_meta li a {
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: wrap;
z-index: 1;
}
.widget_archive li .posts-count {
position: absolute;
right: 0;
}
.widget_categories li a {
width: 80%;
} .widget ul > li > a.rsswidget {
display: block;
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-base);
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
.widget_recent_comments li,
.widget_recent_entries li {
display: flex;
flex-flow: row wrap;
min-height: 4rem;
padding-left: 5rem;
position: relative;
}
.widget_recent_entries li:not(:has(.post-date)) {
align-items: center;
}
.widget_recent_entries li {
margin: 0 0 0.6rem 0;
width: 100%;
}
.widget_recent_comments li {
font-size: var(--tripp-font-size-xs);
margin: 0 0 0.6rem;
}
.widget_recent_entries li::before {
align-items: center;
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 50%;
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
content: "\e215";
display: inline-flex;
flex: 0 0 auto;
font-family: tripp, sans-serif;
font-size: 1.6rem;
justify-content: center;
height: 4rem;
left: 0;
line-height: 4rem;
margin-right: 1.5rem;
position: absolute;
width: 4rem;
}
.widget_recent_entries li > a,
.widget_recent_comments li > a {
display: block !important;
display: -webkit-box !important;
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-base);
font-weight: 600;
line-height: 1.3;
overflow: hidden;
width: 100%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.widget_recent_comments li > a {
margin-top: 0.5rem;
}
.widget_recent_entries .post-date {
display: block;
margin: 0.5rem 0 0;
}
.comment-author-link {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: inline-block;
font-weight: 400;
margin: 0 0.5rem 0 0;
}
.comment-author-link a {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.comment-author-link a:hover {
color: inherit;
text-decoration: underline;
} .main-sidebar .vertical-menu {
gap: 0.8rem;
}
.main-sidebar .vertical-menu ul.sub-menu {
margin-top: 0.6rem;
}
.main-sidebar .widget .vertical-menu li {
font-size: var(--tripp-font-size-base);
}
.main-sidebar .widget .vertical-menu > li {
font-size: var(--tripp-font-size-xl);
}
.main-sidebar .widget .vertical-menu > li > .sub-menu-button {
margin-top: 1rem;
}
.main-sidebar .widget .menu-widgets {
margin-top: var(--tripp-spacing-vertical);
} .widget a.tag-cloud-link {
font-size: var(--tripp-font-size-sm) !important;
}
a.tag-cloud-link {
align-items: center;
background-image: linear-gradient(45deg, rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 0.8rem;
color: inherit;
display: inline-flex;
margin: 0 0.1rem 0.5rem 0;
padding: 0.3rem 1rem;
transition: background-position 0.3s var(--tripp-transition-ease), border-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
a.tag-cloud-link:hover {
background-position: 98% 50%;
border-color: transparent;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.tag-link-count {
padding-left: 0.5rem;
} .calendar_wrap,
.wp-block-calendar {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
}
.wp-calendar-table {
border: none;
margin: 0;
table-layout: fixed;
text-align: initial;
width: 100%;
}
.wp-calendar-table caption {
color: rgb(var(--tripp-color-on-surface-rgb));
border-bottom: 2px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
font-weight: 600;
margin: 0 0 1rem;
padding: 0.8rem 1rem 1rem;
position: relative;
text-align: center;
}
.wp-calendar-table thead {
border: none;
}
.wp-calendar-table th,
.wp-calendar-table td {
border: none;
}
.wp-calendar-table thead th {
background: none;
border: none;
font-weight: 700;
text-align: center;
}
.wp-calendar-table tbody {
border: none;
color: rgb(var(--tripp-color-on-surface-rgb));
}
.wp-calendar-table tbody td {
padding: 0.4rem 0;
text-align: center;
}
.wp-calendar-table tbody td#today {
color: rgb(var(--tripp-color-surface-rgb));
font-weight: 400;
position: relative;
z-index: 5;
}
.wp-calendar-table tbody td#today::before {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
border-radius: 0.5rem;
content: "";
display: block;
height: 2.8rem;
left: 50%;
line-height: 2.8rem;
padding: 0;
position: absolute;
width: 2.8rem;
transform: translate(-50%, -50%);
top: 50%;
z-index: -1;
}
.wp-calendar-table tbody td a {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.5rem;
color: rgb(var(--tripp-color-on-primary-rgb));
font-weight: 400;
display: inline-block;
height: 2.8rem;
position: relative;
transition: background-position 0.3s var(--tripp-transition-ease);
width: 2.8rem;
z-index: 5;
}
.wp-calendar-table tbody td a:hover,
.wp-calendar-table tbody td a:focus {
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.wp-calendar-table tbody .pad {
background: none;
}
.wp-calendar-table tfoot td {
border: none;
padding-top: 1.6rem;
}
.wp-calendar-nav {
border-top: 2px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
display: flex;
font-weight: 400;
justify-content: space-between;
margin-top: 0.5rem;
padding: 0.5rem 1rem;
}
.wp-calendar-nav a {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-secondary-rgb)), rgb(var(--tripp-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.5rem;
display: inline-block;
font-size: var(--tripp-font-size-sm);
margin: 0.5rem 0;
padding: 0.1rem 1.5rem;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.wp-calendar-nav a:hover {
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.wp-calendar-nav-next {
text-align: right;
} .widget_rss .widget-title a {
margin-right: 0.5rem;
}
.widget_rss ul li {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.widget_rss ul li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_rss ul li a {
display: block;
font-weight: 600;
}
.widget_rss ul li span,
.widget_rss ul li cite {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: inline-block;
font-size: var(--tripp-font-size-xs);
font-weight: 400;
line-height: 1;
padding-top: 1rem;
}
.widget_rss .rss-date {
font-size: var(--tripp-font-size-xs);
padding: 0.5rem 0;
}
.widget_rss .rssSummary {
font-size: var(--tripp-font-size-sm);
line-height: 1.5;
margin: 1rem 0;
} .widget_text .textwidget {
overflow: hidden;
}
:is(.widget_text, .textwidget) > :is(h1, h2, h3, h4, h5, h6, p, .wp-block-social-links, .wp-block-buttons):first-child {
margin-top: 0;
} .widget_media_gallery .widget-title {
margin-bottom: 0.5rem;
}
.widget_media_gallery .gallery {
margin: 0 -0.5rem 1.5rem;
}
.widget_media_gallery .gallery-item {
padding: 0 0.5rem 1rem;
}
.widget_media_gallery img {
border-radius: 1.5rem;
} .widget_media_image > * {
display: block;
}
.widget_media_image a img {
display: block;
width: 100%;
}
.widget_media_image img {
border-radius: 1.5rem;
margin: auto;
}
.widget .post-header > * {
line-height: 1.3;
}
.widget .post-header .post-title {
font-size: var(--tripp-font-size-sm);
margin: 0;
}
.widget .post-title a {
outline: none;
transition: color 0.3s;
} .widget_block .wp-block-group > * + * {
margin-top: 0;
}
.widget_block .wp-block-group > h2 {
font-size: var(--tripp-font-size-md);
font-weight: 600;
margin-bottom: 1.5rem;
}
.main-sidebar .widget_block .wp-block-group > :is(h1, h2, h3, h4, h5, h6) {
margin: 0 0 1.5rem;
}
.wp-block-post-title a,
.wp-block-latest-comments a,
.wp-block-latest-posts a,
.wp-block-rss a {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} .widget_block ul.wp-block-rss li span {
line-height: 1.618;
}
.widget_block ul.wp-block-rss.is-grid li {
border: none;
padding: 0;
} .widget_block .wp-block-latest-posts {
flex-flow: row wrap;
gap: 1rem;
}
.widget_block .wp-block-latest-posts li {
display: flex;
flex-flow: row wrap;
min-height: 4.2rem;
padding: 0 0 0 5rem;
position: relative;
width: 100%;
}
.widget_block .wp-block-latest-posts li:not(:has(.post-date)) {
align-items: center;
}
.widget_block .wp-block-latest-posts:not(.is-grid):has(.wp-block-latest-posts__featured-image) {
gap: 2rem;
}
.widget_block .wp-block-latest-posts:not(.is-grid):has(.wp-block-latest-posts__featured-image.alignright),
.widget_block .wp-block-latest-posts:not(.is-grid):has(.wp-block-latest-posts__featured-image.alignleft) {
gap: 1.4rem;
}
.widget_block .wp-block-latest-posts .wp-block-latest-posts__featured-image + .wp-block-latest-posts__post-title::before {
display: none;
}
.widget_block .wp-block-latest-posts:not(.is-grid) li::before {
align-items: center;
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 50%;
color: var(--tripp-color-on-surface-light);
content: "\e215";
display: inline-flex;
flex: 0 0 auto;
font-family: tripp, sans-serif;
font-size: 1.6rem;
justify-content: center;
height: 4rem;
left: 0;
line-height: 4rem;
margin-right: 1.5rem;
position: absolute;
width: 4rem;
}
.widget_block .wp-block-latest-posts.is-grid li::before {
background-color: transparent;
}
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__post-author),
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__post-date),
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__post-excerpt),
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image) {
align-items: flex-start;
}
.widget_block .wp-block-latest-posts .wp-block-latest-posts__post-title {
font-size: var(--tripp-font-size-base);
}
.widget_block .wp-block-latest-posts .wp-block-latest-posts__post-title:not(:has(+ *)) {
margin: 0;
} .widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image) {
padding: 0;
}
.widget_block .wp-block-latest-posts.is-grid li a::before {
display: none;
} .widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image.alignleft),
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image.alignright) {
display: block;
}
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image.alignleft)::before,
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image.alignright)::before {
content: "";
display: table;
height: initial;
table-layout: fixed;
width: initial;
}
.widget_block .wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignleft {
float: left;
margin: 0 1.5rem 0 0;
max-width: 30%;
}
.widget_block .wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignright {
float: right;
margin: 0 0 0 1.5rem;
max-width: 30%;
}
.widget_block .wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignleft + a,
.widget_block .wp-block-latest-posts li .wp-block-latest-posts__featured-image.alignright + a {
width: auto;
}
.widget_block .wp-block-latest-posts li:has(.wp-block-latest-posts__post-excerpt) {
margin-bottom: 0;
} .widget_block .wp-block-latest-posts.is-grid li {
line-height: 1;
padding: 0;
} .widget_block .wp-block-latest-comments li {
align-items: flex-start;
display: flex;
flex-flow: row nowrap;
margin-bottom: 0;
position: relative;
}
.widget_block .wp-block-latest-comments li::before,
.widget_recent_comments li::before {
align-items: center;
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 50%;
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
content: "\e885";
display: inline-flex;
flex: 0 0 auto;
font-family: tripp, sans-serif;
font-size: 1.6rem;
justify-content: center;
height: 4rem;
line-height: 4rem;
margin-right: 1.5rem;
position: relative;
width: 4rem;
}
.widget_recent_comments li::before {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
left: 0;
position: absolute;
}
.widget_block .is-layout-flow.wp-block-group .wp-block-latest-comments article {
background: none;
border: none;
padding: 0;
}
.widget_block .wp-block-latest-comments__comment-author {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.widget_block a.wp-block-latest-comments__comment-author {
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-flex;
}
.widget_block .wp-block-latest-comments .avatar {
flex: 0 1 3rem;
height: 3rem;
margin-right: 1rem;
width: 3rem;
}
.widget_block .wp-block-latest-comments__comment-link {
line-height: 1.2;
margin-top: 0.5rem;
}
.widget_nav_menu a {
color: inherit;
}
.widget_archive li a:hover,
.widget_pages a:hover,
.cat-item a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}  .flext-post-carousel-widget {
border-radius: 1.5rem;
overflow: hidden;
transform: translateZ(0);
}
.flext-post-carousel-widget .flext-carousel .post-thumbnail::after {
background-image: linear-gradient(0deg, rgba(var(--tripp-color-black-rgb), 0.8) 0%, rgba(var(--tripp-color-black-rgb), 0) 100%);
bottom: 0;
content: "";
display: block;
left: 0;
right: 0;
position: absolute;
top: 50%;
z-index: 1;
}
.flext-post-carousel-widget .flext-post-carousel .post-header {
--tripp-color-on-surface-rgb: var(--tripp-color-white-rgb);
bottom: 0;
padding: 2rem;
position: absolute;
z-index: 99;
}
.flext-post-carousel .post-header {
font-size: var(--tripp-font-size-md);
opacity: 0;
overflow: hidden;
transform: translateX(3rem);
transition: color 0.3s, opacity 0.8s var(--tripp-transition-ease), transform 0.8s var(--tripp-transition-ease);
}
.flext-post-carousel-widget.widget .flext-post-carousel .term-links a {
color: rgba(var(--tripp-color-white-rgb), 0.6);
margin-bottom: 0.5rem;
}
.flext-post-carousel .flext-slide-active .post-header {
color: rgb(var(--tripp-color-white-rgb));
opacity: 1;
transform: translateX(0);
transition: color 0.3s, opacity 0.8s var(--tripp-transition-ease) 1s, transform 0.8s var(--tripp-transition-ease) 0.7s;
}
.flext-post-carousel .post-header,
.flext-post-carousel .meta-destination {
width: 100%;
}
.flext-post-carousel .post-header .post-title {
font-size: var(--tripp-font-size-md);
}
.flext-post-carousel .post-header .post-title a {
display: inline-block;
display: -webkit-box;
max-height: 4.7rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.widget .flext-post-carousel .flext-button-next,
.widget .flext-post-carousel .flext-button-prev {
border-radius: 50%;
right: 1.5rem;
top: 1.5rem;
}
.widget .flext-post-carousel .flext-button-prev {
left: auto;
right: 6rem;
}
.flext-post-carousel-widget .flext-button-next.flext-button-disabled,
.flext-post-carousel-widget .flext-button-prev.flext-button-disabled {
opacity: 0.35;
} .flext-post-tabs .flext-tabs-nav {
border-bottom: none;
display: grid;
gap: 0 0.5rem;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
justify-content: flex-start;
}
.flext-post-tabs .flext-tabs-nav a {
align-items: center;
background: rgba(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 1.5rem;
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: flex;
font-family: var(--tripp-font-secondary);
font-size: 1.1rem;
font-weight: 600;
justify-content: center;
letter-spacing: 0;
padding: 0;
text-transform: uppercase;
transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out;
white-space: unset;
}
.flext-post-tabs .flext-tabs-nav a:hover {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-post-tabs .flext-tabs-nav a.is-active {
background: rgba(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
}
.flext-post-tabs .flext-tabs-nav a span {
display: inline-block;
display: -webkit-box;
margin: 1rem 0.5rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.flext-tabs-nav a::after {
display: none;
}
.flext-tabs-nav a span {
opacity: 1;
}
.flext-post-tabs .flext-tab .post-tab-posts {
align-items: flex-start;
display: flex;
flex-flow: row wrap;
gap: 2rem;
}
.flext-post-tabs .flext-tab .post-tab-posts li {
align-items: flex-start;
flex: 1 1 calc(50% - 1rem);
flex-flow: row wrap;
gap: 0.5rem 0;
max-width: calc(50% - 1rem);
margin: 0;
overflow: hidden;
width: 100%;
}
.flext-post-tabs .flext-tab .post-tab-posts li > div {
flex: 1 1 100%;
overflow: hidden;
}
.flext-post-tabs .flext-tab .post-tab-posts .post-thumbnail {
border-radius: 1.5rem;
transform: translateZ(0);
}
.flext-post-tabs .flext-tab .post-tab-posts .post-header {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.flext-post-tabs .post-tab-posts .post-title {
margin-top: 0.3rem;
width: 100%;
}
.main-sidebar .flext-post-tabs .post-tab-posts li:first-child .post-title a {
max-height: 4.7rem;
}
.flext-post-tabs .flext-tab .post-title a {
max-height: 3.6rem;
}
.flext-post-tabs .post-tab-posts li .meta-destination {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
margin: 0.5rem 0 0;
order: 2;
position: relative;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li:not(:first-child) .meta-destination a,
.flext-post-tabs .post-tab-posts li:not(:first-child) .meta-destination a,
.posts-layout-list .meta-destination a span {
font-size: 1.4rem;
}
.top-menu .menu-widgets .post-tab-posts li:first-child .post-title,
.main-sidebar .flext-post-tabs .post-tab-posts li:first-child .post-title {
font-size: var(--tripp-font-size-md);
-webkit-line-clamp: 3;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li:first-child,
.main-sidebar .flext-post-tabs .post-tab-posts li:first-child,
.has-sidebar .flext-post-tabs .post-tab-posts li:first-child {
border-radius: 1.5rem;
flex: 1 1 100%;
max-width: 100%;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li:first-child .has-post-thumbnail,
.main-sidebar .flext-post-tabs .post-tab-posts li:first-child .has-post-thumbnail,
.has-sidebar .flext-post-tabs .post-tab-posts li:first-child .has-post-thumbnail {
position: relative;
}
.flext-post-tabs li .post-thumbnail a i {
display: none;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header,
.main-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header {
bottom: 0;
color: rgb(var(--tripp-color-white-rgb));
display: inline-flex;
left: 0;
order: 2;
padding: 4rem 2rem 2rem;
position: absolute;
right: 0;
text-align: left;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header > *,
.main-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header > *,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header > * {
order: 1;
position: relative;
z-index: 1;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header::before,
.main-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header::before,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-header::before {
background: linear-gradient(to bottom, rgba(30, 30, 30, 0), rgba(30, 30, 30, 0.8));
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .term-links a,
.main-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .term-links a,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .term-links a {
color: rgba(var(--tripp-color-white-rgb), 0.6);
margin: 0 0 0.5rem;
order: 1;
padding: 0;
}
.top-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-title a,
.main-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-title a,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .post-title a,
.has-sidebar .flext-post-tabs .post-tab-posts li.has-post-thumbnail:first-child .term-links a:hover,
.flext-post-carousel-widget.widget .flext-post-carousel .term-links a:hover {
color: rgb(var(--tripp-color-white-rgb));
}
.flext-post-tabs .flext-tab .recent-comments-list {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
padding: 1.5rem;
margin-top: 1rem;
}
.flext-post-tabs .flext-tab .recent-comments-list li {
margin-bottom: 2rem;
}
.flext-post-tabs .recent-comments-list .post-header {
gap: 0.5rem;
}
.flext-post-tabs .recent-comments-list .post-header > span {
font-size: var(--tripp-font-size-xs);
} .flext-categories .category-item {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
padding: 1.5rem;
z-index: 1;
}
.flext-categories .category-item.has-thumbnail {
background: transparent;
border-radius: 0;
}
.flext-categories a {
color: inherit;
}
.flext-categories a span {
display: -webkit-box;
overflow: hidden;
text-overflow: unset;
white-space: unset;
z-index: 9;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.desktop-menu.has-scheme-dark .flext-categories a span {
font-weight: 600;
}
.flext-categories .posts-count {
align-items: flex-start;
margin: 0;
position: relative;
} .flext-categories.has-thumbnail .category-item {
border: none;
}
.flext-categories.has-thumbnail .category-item:not(.has-thumbnail) {
align-items: center;
display: flex;
flex-flow: column nowrap;
height: auto;
justify-content: center;
}
.flext-categories.has-thumbnail .category-item:not(.has-thumbnail) a::before {
display: none;
}
.flext-categories.has-thumbnail .category-item a {
align-items: flex-start;
background: none;
color: inherit;
font-weight: 600;
line-height: 1.2;
padding: 0;
}
.flext-categories.has-thumbnail .has-thumbnail a {
border-radius: 1.5rem;
color: #fff;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
.flext-categories.has-thumbnail .category-item a span {
display: inline-block;
max-width: 100%;
overflow: hidden;
padding: 1.5rem;
text-align: center;
width: 100%;
-webkit-box-orient: vertical;
}
.flext-categories .has-thumbnail .posts-count {
align-items: center;
color: rgba(var(--tripp-color-white-rgb), 0.6);
display: flex;
flex-flow: row wrap;
font-size: var(--tripp-font-size-sm);
justify-content: center;
line-height: 1.2;
margin: 0;
position: absolute;
text-align: center;
width: 100%;
}
.flext-categories.has-thumbnail .category-item:not(.has-thumbnail) .posts-count {
color: rgb(var(--tripp-color-on-surface-rgb));
display: block;
margin: 0;
position: relative;
} .flext-widget-categories .flext-categories {
display: flex;
flex-flow: column nowrap;
gap: 1rem;
}
.flext-widget-categories .flext-categories .category-item {
align-items: flex-start;
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
margin-bottom: 0;
transition: border-color 0.3s var(--tripp-transition-ease);
}
.flext-widget-categories .flext-categories .category-item:hover {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.2);
}
.flext-widget-categories .flext-categories:not(.has-thumbnail) a:has(+ .posts-count) {
width: 80%;
}
.flext-widget-categories .flext-categories a {
position: relative;
z-index: 1;
}
.flext-widget-categories .flext-categories a span {
max-width: 100%;
} .flext-widget-categories .flext-categories.has-thumbnail {
border: none;
display: grid;
gap: 2rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flext-widget-categories .flext-categories.has-thumbnail .category-item {
margin: 0;
overflow: unset;
}
.flext-widget-categories .flext-categories.has-thumbnail .category-item a span {
display: -webkit-box;
white-space: normal;
}
.flext-widget-categories .flext-categories.has-thumbnail .category-item.has-thumbnail {
background: none;
border: none;
padding: 0;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a:hover {
color: rgb(var(--tripp-color-white-rgb));
}
.flext-widget-categories .flext-categories.has-thumbnail a::before {
opacity: 0.6;
border-radius: 50%;
}
.flext-widget-categories .flext-categories.has-thumbnail img {
border-radius: 50%;
transition: transform 0.8s ease-out;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a {
border-radius: 50%;
overflow: hidden;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a:hover img {
transform: scale(1.15);
}
.flext-widget-categories .flext-categories.has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
line-height: 1.2;
max-width: unset;
text-align: center;
width: 100%;
z-index: 9;
-webkit-line-clamp: 2;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a span {
padding: 0 1rem;
position: absolute;
transform: translateY(-50%);
top: 50%;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-secondary-rgb), 0.7), rgba(var(--tripp-color-secondary-rgb), 0.7));
border-radius: 50%;
color: rgb(var(--tripp-color-on-secondary-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-sm);
font-weight: 600;
height: 3.8rem;
justify-content: center;
margin: 0 0 0 1rem;
padding: 0;
position: absolute;
top: 0;
width: 3.8rem;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-primary-rgb), 0.5), rgba(var(--tripp-color-primary-rgb), 0.5));
border-radius: 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
content: "";
display: inline-flex;
height: 3.8rem;
justify-content: center;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
top: 0;
width: 3.8rem;
z-index: -1;
}
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail:hover .posts-count::before {
opacity: 1;
} .flext-widget-social-icons .flext-social-icons {
font-size: var(--tripp-font-size-md);
}
.flext-widget-social-icons .flext-social-icons.flext-style-circle a {
background: rgba(var(--tripp-color-on-surface-rgb), 0.1);
}
.flext-widget-social-icons .flext-social-icons.flext-style-circle a:hover {
background-color: var(--flext-widget-social-icon-color);
}
.flext-social-icons.flext-style-names a::before {
display: none;
}
.flext-social-icons.flext-style-names a:hover {
color: var(--flext-widget-social-icon-color);
} .flext-author-entry {
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 1.5rem;
margin-bottom: var(--tripp-spacing-sm);
}
.flext-widget-authors .flext-author-entry {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
border-radius: 1.5rem;
}
.flext-author-entry.has-cover-image .flext-author-cover-image::after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.flext-author-entry:not(.has-cover-image) .flext-author-header {
padding-top: 2rem;
}
.widget .flext-author-entry.has-cover-image {
border: none;
padding: 2rem;
position: relative;
}
.flext-author-entry.has-cover-image {
padding-top: 0;
}
.flext-author-entry.has-cover-image .flext-author-avatar .avatar {
background: rgb(var(--tripp-color-surface-rgb));
border: 0.5rem solid transparent;
box-sizing: content-box;
}
.flext-author-entry .flext-author-detail {
padding: 0 2rem 2rem;
}
.flext-author-entry:not(.has-cover-image) .flext-author-title {
margin: 2rem 0 0.5rem;
}
.widget .flext-author-title {
font-size: var(--tripp-font-size-md);
margin: 2rem 0 0;
}
.flext-author-entry .flext-author-title {
margin: 1rem 0 0;
}
.widget .flext-author-entry.has-cover-image a {
color: inherit;
}
.widget .flext-author-entry.has-cover-image a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.widget .flext-author-entry.has-cover-image .flext-author-follow-numbers {
color: rgba(var(--tripp-color-white-rgb), 0.6);
}
.widget .flext-author-entry.has-cover-image .flext-author-follow-numbers::after {
background: rgba(var(--tripp-color-white-rgb), 0.6);
}
.widget .flext-author-entry p.flext-author-location {
margin: 1.5rem 0 0.8rem 0;
}
.widget .flext-author-entry.has-cover-image .flext-author-location {
color: rgba(var(--tripp-color-white-rgb), 0.6);
}
.widget .flext-author-entry.has-cover-image .flext-author-cover-image::after {
background: linear-gradient(to bottom, rgba(37, 37, 37, 0.3), rgba(37, 37, 37, 1));
}
.widget .flext-author-entry.has-cover-image .flext-author-detail {
padding: 0;
color: rgba(var(--tripp-color-white-rgb));
}
.flext-author-entry .flext-author-description {
display: -webkit-box;
margin: 1rem 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.flext-author-entry .flext-author-follow-numbers {
font-size: var(--tripp-font-size-sm);
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.flext-author-entry .flext-author-location {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: inline-flex;
font-size: var(--tripp-font-size-sm);
justify-content: center;
margin: 0.5rem 0 0;
}
.flext-author-entry .flext-author-follow-numbers + .flext-author-location {
margin-top: 0;
}
.flext-author-entry .flext-social-icons {
margin-top: 1.5rem;
} .flext-author-follow {
background: linear-gradient(45deg, rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
color: rgb(var(--tripp-color-surface-rgb));
font-size: 2.2rem;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.flext-author-follow:hover {
background-position: 70% 100%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-author-follow.flext-unfollow-button {
background-position: 75% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-author-follow.flext-unfollow-button:hover {
background-position: 100% 100%;
} .flext-author-follow-numbers {
gap: 1rem;
margin: 1.2rem 0 0;
}
.flext-author-follow-numbers::after {
align-items: center;
background: rgba(var(--tripp-color-on-surface-rgb), 0.6);
content: "";
display: inline-flex;
height: 1.3rem;
order: 1;
width: 0.1rem;
}
.flext-author-follow-numbers a {
color: inherit;
}
.flext-author-follow-numbers a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.flext-author-follow-numbers .flext-author-following {
order: 3;
} .flext-instagram-feed .flext-columns-5,
.flext-flickr .flext-columns-5,
.flext-instagram-feed .flext-columns-10,
.flext-flickr .flext-columns-10,
.flext-instagram-feed .flext-columns-11,
.flext-flickr .flext-columns-11 {
--flext-grid-columns: 5;
}
.flext-instagram-feed .flext-columns-11 li:last-child,
.flext-flickr .flext-columns-11 li:last-child {
display: none;
}
.flext-instagram-feed .flext-columns-6,
.flext-flickr .flext-columns-6,
.flext-instagram-feed .flext-columns-9,
.flext-flickr .flext-columns-9 {
--flext-grid-columns: 3;
}
.flext-instagram-feed .flext-columns-7,
.flext-flickr .flext-columns-7 {
--flext-grid-columns: 7;
}
.flext-instagram-feed .flext-columns-12,
.flext-flickr .flext-columns-12 {
--flext-grid-columns: 4;
}
.flext-gallery:not(.flext-has-gutters),
.flext-gallery.flext-has-gutters .flext-grid-item {
border-radius: 1.5rem;
overflow: hidden;
z-index: 1;
}
.flext-block-section.alignfull .flext-block-instagram-feed.alignfull .flext-gallery:not(.flext-has-gutters) {
border-radius: 0;
}
.flext-widget-instagram .flext-instagram-feed .widget-title {
align-items: center;
border-bottom: none;
margin-bottom: 0;
}
.flext-instagram-feed .widget-title h2::after {
display: none;
}
.flext-instagram-feed .widget-title .flext-instagram-username {
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-base);
font-weight: 600;
line-height: 1.25;
margin: 0;
padding: 0 0 1.5rem;
}
.flext-instagram-feed .widget-title .flext-instagram-username::before {
margin: 0.2rem 0.5rem 0 0;
} .widget_block.widget_recent_comments .wp-block-latest-comments {
margin: 0;
padding: 0;
}
.widget_block.widget_recent_comments li {
padding: 0;
}
.widget_block.widget_recent_comments li::before {
display: none;
}
.widget_block.widget_recent_comments .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: var(--tripp-font-size-sm);
margin: 0;
} .widget_block .wp-block-archives-dropdown .wp-block-archives__label {
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-h4);
font-weight: 600;
} .widget .wpforms-container .wpforms-title {
font-size: var(--tripp-font-size-base);
margin-bottom: 1rem;
} .widget-wrapper .wpforms-container :is(input[type="submit"], button[type="submit"]),
.blog-sidebar .tripp-xt-newsletter-form.tripp-xt-form-row :is(input[type="submit"], button[type="submit"]) {
width: 100%;
}
:is(.blog-sidebar, .footer-widgets) .tripp-xt-newsletter-form :is(input[type="text"], input[type="email"], input[type="submit"]) {
height: 4rem;
}
.widget_block .newsletter-form-with-background {
display: flex;
flex-flow: row wrap;
gap: 1.5rem 0;
}
.widget_block .newsletter-form-with-background .wpcf7 {
margin-top: 0;
}
.widget_block .newsletter-form-with-background > p,
.textwidget .newsletter-form-with-background > p {
font-size: var(--tripp-font-size-sm);
}   mark.has-inline-color {
background: inherit;
}
.has-text-color h1,
.has-text-color h2,
.has-text-color h3,
.has-text-color h4,
.has-text-color h5,
.has-text-color h6,
.wp-block-page-list a,
.flext-block-authors a,
.flext-author-location a {
color: inherit;
}
p.has-large-font-size,
p.has-extra-large-font-size,
p.has-huge-font-size {
font-weight: 300;
}
.wp-block-post-title a,
.wp-block-latest-comments a,
.wp-block-latest-posts a,
.wp-block-rss a {
color: inherit;
font-family: var(--tripp-font-primary);
font-weight: 600;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-rss a:hover,
.wp-block-page-list a:hover,
.wp-block-post-title a:hover,
.flext-block-authors a:hover,
.flext-block-categories a:hover,
.flext-block-categories.has-thumbnail.has-square-thumbnail .category-item:hover a,
.flext-author-location a:hover,
.flext-block-authors.is-style-list .flext-author-location a:hover,
.wp-block-archives li a:hover {
color: rgb(var(--tripp-color-primary-rgb));
} .has-background {
border-radius: 1.5rem;
overflow: hidden;
padding: var(--tripp-spacing-xs);
}
.has-background.alignfull {
padding: var(--tripp-spacing-horizontal);
} h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background {
padding: var(--tripp-spacing-xs);
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--tripp-font-primary);
font-size: 5.2rem;
font-weight: 600;
margin: 1rem 1rem 0 0;
}
p.wp-block-subhead {
opacity: 1;
}
.wp-block-embed blockquote {
background: none;
padding: 0 0 1.5rem;
}
.wp-block-embed blockquote::before {
display: none;
} ol {
list-style-type: decimal;
}
ol ol {
padding: 0 0 0 2rem;
}
ol ul ul {
margin-left: 0;
}
ol.is-style-flext-list-circle,
ol.is-style-flext-list-circle ol.is-style-flext-list-circle {
padding: 0;
}
ol.is-style-flext-list-circle ul {
margin-left: 0;
}
ol.is-style-flext-list-circle li::before {
background: rgb(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
font-family: var(--tripp-font-primary);
font-size: 70%;
font-weight: 600;
}
ol.is-style-flext-list-circle.has-extra-small-font-size li {
padding-left: 2rem;
}
ol.is-style-flext-list-circle.has-extra-small-font-size li::before {
height: 1.4rem;
line-height: 1.4rem;
width: 1.4rem;
}
ol.is-style-flext-list-circle.has-small-font-size li {
padding-left: 2.6rem;
}
ol.is-style-flext-list-circle.has-small-font-size li::before {
height: 1.8rem;
line-height: 1.8rem;
width: 1.8rem;
}
ol.is-style-flext-list-circle.has-medium-font-size li::before {
top: 0.4rem;
}
ol.is-style-flext-list-circle.has-large-font-size li {
padding-left: 3.3rem;
}
ol.is-style-flext-list-circle.has-large-font-size li::before {
top: 0.5rem;
}
ol.is-style-flext-list-circle.has-extra-large-font-size li {
padding-left: 3.6rem;
}
ol.is-style-flext-list-circle.has-extra-large-font-size li::before {
font-size: 60%;
height: 2.6rem;
line-height: 2.6rem;
top: 0.7rem;
width: 2.6rem;
}
ol.is-style-flext-list-circle.has-huge-font-size li {
padding-left: 4.5rem;
}
ol.is-style-flext-list-circle.has-huge-font-size li::before {
font-size: 50%;
height: 3.2rem;
line-height: 3.2rem;
top: 1rem;
width: 3.2rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li {
padding-left: 5rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li::before {
font-size: 60%;
height: 3.4rem;
line-height: 3.4rem;
top: 1.2rem;
width: 3.4rem;
} ul.has-background {
padding: var(--tripp-spacing-xs);
}
ul.is-style-default > li,
ul.is-style-flext-list-circle > li {
padding: 0 0 0 0.8rem;
}
ul.is-style-default > li::marker {
color: rgb(var(--tripp-color-primary-rgb));
font-weight: 700;
}
ul.is-style-default ol.is-style-flext-list-circle > li {
padding: 0 0 0 3rem;
}
ul.is-style-flext-list-circle {
margin-left: 0;
}
ul.is-style-flext-list-circle > li::marker {
text-indent: -2rem;
} .wp-block-columns {
flex-flow: row wrap;
}
.wp-block-columns .wp-block-column {
max-width: 100%;
}
.wp-block-columns.has-background {
padding: var(--tripp-spacing-md);
}
:root :where(.is-layout-flow) > :is(h1, h2, h3, h4, h5, h6, p, .wp-block-social-links, .wp-block-buttons) {
margin: var(--tripp-spacing-xs) 0 0 0;
}
:where(.is-layout-flow) > :is(h1, h2, h3, h4, h5, h6, p, .wp-block-social-links, .wp-block-buttons):first-child {
margin: 0;
} .wp-block-group * {
--wp--style--block-gap: var(--tripp-spacing-xs);
}
.wp-block-group-is-layout-constrained > :is(h1, h2, h3, h4, h5, h6, p) {
margin: var(--tripp-spacing-xs) 0 0 0;
}
.wp-block-group-is-layout-constrained > :is(h1, h2, h3, h4, h5, h6, p):first-child {
margin: 0;
} .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
margin-left: 0;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
flex-grow: 0;
} .wp-block-group .wp-block-group__inner-container > * {
margin: 0 0 1.5rem 0;
} .entry-content > * + .wp-block-social-links {
margin-top: var(--tripp-spacing-xs);
}
.wp-block-social-links {
gap: 1rem !important;
}
.wp-block-social-links.is-style-logos-only {
gap: 2rem !important;
}
.wp-block-social-links .wp-social-link {
padding: 0;
}
.wp-block-social-links .wp-social-link::before {
display: none;
}
.wp-social-link:hover {
transform: scale(1);
}
:where(.wp-block-social-links) .wp-block-social-link {
transition: background-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-block-social-link:hover {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
background-color: #ece8d2;
color: #7f4b18;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-feed {
background-color: #ed8030;
color: #fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-chain {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-chain:hover {
background-color: rgb(var(--tripp-color-secondary-rgb));
color: rgb(var(--tripp-color-on-secondary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail {
background-color: rgb(var(--tripp-color-secondary-rgb));
color: rgb(var(--tripp-color-on-secondary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail:hover {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
:where(.wp-block-social-links.has-icon-color.has-icon-background-color:not(.is-style-logos-only)) .wp-block-social-link:hover {
background-color: rgb(var(--tripp-color-primary-rgb)) !important;
color: rgb(var(--tripp-color-on-primary-rgb)) !important;
} :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-chain {
color: rgb(var(--tripp-color-primary-rgb));
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-feed {
color: #ed8030;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
color: #7f4b18;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mail {
color: rgb(var(--tripp-color-secondary-rgb));
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
color: #d1caa5;
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads:hover {
color: #fff;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
color: #00de68;
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
color: #ff424e;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat:hover {
color: #f3dd05;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link.wp-social-link-threads {
color: #fc1d63;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-patreon, .wp-social-link-threads, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x):hover {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x) {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x):hover {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
} .wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-chain {
--wp-block-social-link-color: rgb(var(--tripp-color-primary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link {
--wp-block-social-link-color: rgb(var(--tripp-color-primary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-feed {
--wp-block-social-link-color: #ed8030;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-mail {
--wp-block-social-link-color: rgb(var(--tripp-color-secondary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-amazon {
--wp-block-social-link-color: #f90;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-bandcamp {
--wp-block-social-link-color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-behance {
--wp-block-social-link-color: #0058ff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-bluesky {
--wp-block-social-link-color: #0a7aff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-codepen {
--wp-block-social-link-color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-deviantart {
--wp-block-social-link-color: #02e49b;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-dribbble {
--wp-block-social-link-color: #e94c89;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-dropbox {
--wp-block-social-link-color: #4280ff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-etsy {
--wp-block-social-link-color: #f45800;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-facebook {
--wp-block-social-link-color: #1778f2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-fivehundredpx {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-flickr {
--wp-block-social-link-color: #0461dd;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-foursquare {
--wp-block-social-link-color: #e65678;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-github {
--wp-block-social-link-color: #24292d;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-goodreads {
--wp-block-social-link-color: #7f4b18;
}
.has-scheme-dark .wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-goodreads {
--wp-block-social-link-color: #d1caa5;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-google {
--wp-block-social-link-color: #ea4434;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-gravatar {
--wp-block-social-link-color: #1d4fc4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-instagram {
--wp-block-social-link-color: #f00075;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-lastfm {
--wp-block-social-link-color: #e21b24;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-linkedin {
--wp-block-social-link-color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-mastodon {
--wp-block-social-link-color: #3288d4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-medium {
--wp-block-social-link-color: #00de68;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-meetup {
--wp-block-social-link-color: #f6405f;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-ok {
--wp-block-social-link-color: #ed7e1e;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-patreon {
--wp-block-social-link-color: #ff424e;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-pinterest {
--wp-block-social-link-color: #e60122;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-pocket {
--wp-block-social-link-color: #ef4155;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-reddit {
--wp-block-social-link-color: #ff4500;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-skype {
--wp-block-social-link-color: #0478d7;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-snapchat {
--wp-block-social-link-color: #f3dd05;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-soundcloud {
--wp-block-social-link-color: #ff5600;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-spotify {
--wp-block-social-link-color: #1bd760;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-telegram {
--wp-block-social-link-color: #2aabee;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-threads {
--wp-block-social-link-color: #fc1d63;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-tiktok {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-tumblr {
--wp-block-social-link-color: #011835;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-twitch {
--wp-block-social-link-color: #6440a4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-twitter {
--wp-block-social-link-color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-vimeo {
--wp-block-social-link-color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-vk {
--wp-block-social-link-color: #4680c2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-whatsapp {
--wp-block-social-link-color: #25d366;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-wordpress {
--wp-block-social-link-color: #3499cd;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-x {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-yelp {
--wp-block-social-link-color: #d32422;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-youtube {
--wp-block-social-link-color: #e93522;
}
:where(.wp-block-social-links.is-style-logos-only.has-icon-color) .wp-block-social-link:hover {
color: var(--wp-block-social-link-color) !important;
}
.has-scheme-dark .wp-block-social-links.is-style-logos-only.has-icon-color .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x):hover {
--wp-block-social-link-color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.is-style-logos-only .wp-social-link a {
padding: 0;
} .main-content .entry-content > .wp-block-image.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-image > figure > a,
.wp-block-image img {
display: block;
}
.wp-block-image.is-style-rounded img {
border-radius: 1.5rem;
}
.wp-block-image .is-resized {
width: 100%;
}
.wp-block-image.flext-animation-rotate .is-resized {
width: auto;
}
.entry-content .wp-block-image.flext-animation-rotate .alignright,
.entry-content .wp-block-image.flext-animation-rotate .alignright > img {
margin: 0;
}
.wp-block-image.alignfull:not(.is-style-rounded) img {
border-radius: 0;
width: 100%;
}
[class^="wp-block-"] figcaption,
[class*=" wp-block-"] figcaption {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-xs);
margin-top: 0.5rem;
text-align: center;
}
.wp-block-image figcaption {
margin-bottom: 0;
}
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
clear: both;
float: none;
} .wp-block-image {
position: relative;
}
.wp-block-image.is-style-tripp-circular img {
flex: 1 1 100%;
overflow: hidden;
-webkit-mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/image-circular.svg);
mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/image-circular.svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
} .flext-block-section:has(img[style*="var(--wp--preset--shadow--gradient)"]),
.flext-block-section:has(.wp-block-cover[style*="var(--wp--preset--shadow--gradient)"]) {
overflow: visible;
}
.wp-block-image.flext-has-animation.flext-animated {
overflow: visible;
}
.wp-block-image img[style*="var(--wp--preset--shadow--gradient)"],
.wp-block-gallery .wp-block-image img[style*="var(--wp--preset--shadow--gradient)"] {
z-index: 3;
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--natural)"]),
.wp-block-image.is-style-tripp-circular:has(img[style*="6px 6px 9px rgba(0, 0, 0, 0.2)"], img[style*="rgba(0, 0, 0, 0.2) 6px 6px 9px"]) {
filter: drop-shadow(6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2));
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--deep)"]),
.wp-block-image.is-style-tripp-circular:has(img[style*="12px 12px 50px rgba(0, 0, 0, 0.4)"], img[style*="rgba(0, 0, 0, 0.4) 12px 12px 50px"]) {
filter: drop-shadow(12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4));
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--sharp)"]),
.wp-block-image.is-style-tripp-circular:has(img[style*="6px 6px 0px rgba(0, 0, 0, 0.2)"], img[style*="rgba(0, 0, 0, 0.2) 6px 6px 0px"]) {
filter: drop-shadow(6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2));
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--outlined)"]),
.wp-block-image.is-style-tripp-circular:has(img[style*="6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1)"], img[style*="rgb(255, 255, 255) 6px 6px 0px -3px, rgb(0, 0, 0) 6px 6px"]) {
--wp--preset--shadow--outlined: drop-shadow(3px 3px 0 rgb(var(--tripp-color-background-rgb))) drop-shadow(3px 3px 0 rgb(var(--tripp-color-on-surface-rgb)));
filter: var(--wp--preset--shadow--outlined);
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--crisp)"]),
.wp-block-image.is-style-tripp-circular:has(img[style*="6px 6px 0px rgba(0, 0, 0, 1)"], img[style*="rgb(0, 0, 0) 6px 6px 0px"]) {
filter: drop-shadow(6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 1));
}
.wp-block-image.is-style-tripp-circular:has(img[style*="var(--wp--preset--shadow--gradient)"]) {
filter: drop-shadow(-10px 0 15px rgba(var(--tripp-color-primary-rgb), 0.65)) drop-shadow(10px 0 15px rgba(var(--tripp-color-secondary-rgb), 0.65));
} .main-content .entry-content > .wp-block-video.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-video video {
border-radius: 1.5rem;
}
.entry-content > .wp-block-video.alignfull video {
border-radius: 0;
} .blocks-gallery-grid,
.wp-block-gallery {
--wp--style--block-gap: var(--tripp-spacing-sm);
width: 100%;
}
.wp-block-gallery:not(.has-nested-images),
.blocks-gallery-grid:not(.has-nested-images) {
margin-left: auto;
margin-right: auto;
}
.blocks-gallery-grid figure {
border-radius: 1.5rem;
}
.wp-block-gallery .blocks-gallery-item {
align-items: flex-end;
}
.wp-block-gallery.is-cropped .blocks-gallery-item {
align-items: stretch;
overflow: hidden;
}
.wp-block-gallery figure {
height: 100%;
position: relative;
width: 100%;
}
.wp-block-gallery figure img {
border-radius: 1.5rem;
}
.wp-block-gallery.is-cropped figure {
height: auto;
}
.wp-block-gallery figure > a {
outline: none;
position: relative;
width: 100%;
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: 100%;
z-index: 1;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2) 50%, transparent);
font-size: 1.2rem;
transform: translateY(100%);
transition: transform 0.3s;
z-index: 5;
}
.wp-block-gallery figure:hover figcaption {
transform: translateY(0);
}
.wp-block-gallery .blocks-gallery-item .flext-pin-it-wrapper a.flext-pin-it-button {
display: inline-block;
flex: none;
height: 3rem;
left: 0;
line-height: 3rem;
object-fit: none;
position: absolute;
text-align: center;
top: 0;
width: 3rem;
} .wp-block-cover {
border-radius: 1.5rem;
color: rgb(var(--tripp-color-white-rgb));
letter-spacing: 0.06rem;
overflow: hidden;
padding: calc(var(--tripp-spacing-vertical) / 2);
}
.entry-content > .wp-block-cover.alignfull {
border-radius: 0;
}
.wp-block-cover__inner-container > * {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.wp-block-cover a {
color: inherit;
}
.wp-block-cover a:hover {
text-decoration: underline;
}
.wp-block-cover a.wp-block-button__link:hover {
text-decoration: none;
} .wp-block-quote {
background-color: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
clear: both;
font-style: normal;
margin: var(--tripp-spacing-md) 0 0 0;
padding: var(--tripp-spacing-sm);
position: relative;
z-index: 0;
}
.wp-block-quote.has-background {
overflow: unset;
}
.wp-block-quote::before {
display: flex;
font-size: 4rem;
position: relative;
transform: translate(0);
}
.wp-block-quote.has-text-align-right::before {
display: flex;
transform: rotate(180deg);
}
.wp-block-quote.has-text-align-right::after {
transform: rotate(0);
}
.wp-block-quote::after {
background: none;
bottom: unset;
clip-path: none;
content: "\e208";
display: flex;
font-family: tripp, sans-serif;
font-size: 4rem;
height: auto;
left: unset;
line-height: 0.6;
opacity: 1;
position: relative;
transform: rotate(180deg);
width: auto;
z-index: -1;
}
.wp-block-quote p {
margin: 2rem 0;
}
.wp-block-quote.is-style-plain {
background-color: transparent;
padding: 0;
}
.wp-block-quote.is-style-plain.has-background {
padding: var(--tripp-spacing-sm);
}
.wp-block-quote.is-style-plain::before {
color: rgb(var(--tripp-color-secondary-rgb));
font-size: 5.6rem;
}
.wp-block-quote.is-style-plain.has-text-align-center::before {
display: block;
}
.wp-block-quote.is-style-plain.has-background::before {
color: inherit;
}
.wp-block-quote.is-style-plain p {
margin: 1rem 0;
}
.wp-block-quote.is-style-plain p:last-of-type {
padding: 0;
}
.wp-block-quote.is-style-plain::after,
.wp-block-quote.is-style-plain p::after {
display: none;
}
.wp-block-quote.is-style-plain cite,
.wp-block-quote.is-style-plain footer {
margin: 1.5rem 0;
text-align: inherit;
}
.wp-block-quote.is-large cite em {
font-weight: 300;
}
.wp-block-pullquote {
clear: both;
font-size: var(--tripp-font-size-lg);
margin: 0;
padding: 0;
position: relative;
text-align: left;
z-index: 2;
}
.wp-block-pullquote.has-text-align-left,
.wp-block-pullquote.has-text-align-right {
max-width: var(--tripp-content-width);
}
.wp-block-pullquote blockquote {
font-size: inherit;
padding: var(--tripp-spacing-sm) 0 0;
}
.wp-block-pullquote.has-background blockquote {
margin-left: 0;
margin-right: 0;
max-width: none;
padding: var(--tripp-spacing-md);
}
.wp-block-pullquote blockquote::before {
color: rgb(var(--tripp-color-secondary-rgb));
display: inline-block;
font-size: 9rem;
left: 0;
line-height: 1;
opacity: 0.4;
position: absolute;
top: 0;
z-index: -1;
}
.wp-block-pullquote.has-background blockquote::before {
color: inherit;
left: var(--tripp-spacing-md);
opacity: 0.2;
top: 1rem;
}
.wp-block-pullquote.has-text-align-right blockquote::before {
left: auto;
right: 0;
transform: rotate(180deg);
}
.wp-block-pullquote.has-background.has-text-align-right blockquote::before {
right: var(--tripp-spacing-md);
}
.wp-block-pullquote.has-text-align-center blockquote {
text-align: center;
}
.wp-block-pullquote.has-text-align-center blockquote::before {
left: 50%;
transform: translateX(-50%);
}
.wp-block-pullquote p {
margin: 0;
padding: 0;
}
.wp-block-pullquote.has-background p {
padding: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: inherit;
}
.wp-block-pullquote cite {
display: block;
}
.wp-block-pullquote.has-background blockquote cite {
padding: 0;
} .wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: var(--tripp-spacing-sm);
}
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
font-style: normal;
font-size: inherit;
line-height: inherit;
}
.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer {
font-size: var(--tripp-font-size-base);
text-align: inherit;
} .wp-block-search .wp-block-search__inside-wrapper {
align-items: center;
} .wp-block-table {
border-collapse: collapse;
overflow-x: auto;
width: 100%;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table th,
.wp-block-table tfoot td {
font-family: var(--tripp-font-primary);
background: rgba(var(--tripp-color-primary-rgb), 0.2);
}
.wp-block-table th,
.wp-block-table td {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.2);
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
padding: 1rem;
}
.wp-block-table .has-background th:first-child,
.wp-block-table .has-background td:first-child {
padding-left: 1rem;
}
.wp-block-table .has-background th:last-child,
.wp-block-table .has-background td:last-child {
padding-right: 1rem;
}
.wp-block-table.aligncenter th,
.wp-block-table.aligncenter td {
text-align: center;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: rgba(var(--tripp-color-on-surface-rgb), 0.03);
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-regular thead,
.wp-block-table.is-style-stripes thead {
border-bottom: 3px solid rgba(var(--tripp-color-on-surface-rgb), 0.5);
}
.wp-block-table.is-style-regular tfoot,
.wp-block-table.is-style-stripes tfoot {
border-top: 3px solid rgba(var(--tripp-color-on-surface-rgb), 0.5);
}
.entry-content .wp-block-table td a {
display: inline;
}
.wp-block-table.is-style-tripp-list {
--tripp-transition-delay: 0.3s;
display: block;
padding-bottom: 0.3rem;
}
.wp-block-table.is-style-tripp-list table,
.wp-block-table.is-style-tripp-list table > * {
display: block;
}
.wp-block-table.is-style-tripp-list thead th,
.wp-block-table.is-style-tripp-list tfoot td {
display: none;
}
.wp-block-table.is-style-tripp-list tr {
display: flex;
flex-flow: row wrap;
position: relative;
}
.wp-block-table.is-style-tripp-list tbody {
position: relative;
}
.wp-block-table.is-style-tripp-list thead tr::before,
.wp-block-table.is-style-tripp-list tfoot tr::before {
content: "";
display: block;
}
.wp-block-table.is-style-tripp-list tbody::before,
.wp-block-table.is-style-tripp-list tbody::after,
.wp-block-table.is-style-tripp-list tbody tr::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.8);
content: "";
display: block;
height: 3px;
position: absolute;
transform: scaleX(0) translateZ(0);
transform-origin: top left;
transition: transform 1s var(--tripp-transition-ease);
width: 100%;
}
.wp-block-table.is-style-tripp-list tbody::after {
top: auto;
transform-origin: bottom left;
}
.wp-block-table.is-style-tripp-list tbody tr::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.15);
height: 1px;
transition: transform 1s var(--tripp-transition-ease) var(--tripp-transition-delay);
}
.wp-block-table.is-style-tripp-list tbody tr:first-child::before {
background: transparent;
}
.wp-block-table.is-style-tripp-list.tripp-active tbody::before,
.wp-block-table.is-style-tripp-list.tripp-active tbody::after,
.wp-block-table.is-style-tripp-list.tripp-active tbody tr::before {
transform: scaleX(1) translateZ(0);
}
.wp-block-table.is-style-tripp-list th,
.wp-block-table.is-style-tripp-list td {
border: none;
flex: 1 1 100%;
max-width: 100%;
padding: 0;
opacity: 0;
transition: 0.5s opacity calc(var(--tripp-transition-delay) + 0.5s) var(--tripp-transition-ease);
}
.wp-block-table.is-style-tripp-list td:first-child {
padding: 1.5rem 0 0;
}
.wp-block-table.is-style-tripp-list td:last-child {
padding: 0 0 1.5rem 0;
}
.wp-block-table.is-style-tripp-list .has-background td {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.wp-block-table.is-style-tripp-list tbody td {
font-size: var(--tripp-font-size-md);
}
.wp-block-table.is-style-tripp-list.tripp-active th,
.wp-block-table.is-style-tripp-list.tripp-active td {
opacity: 1;
}
.wp-block-table.is-style-tripp-list td img {
display: block;
margin-bottom: 1rem;
} .wp-block-button__link,
.wp-block-file .wp-block-file__button {
align-items: center;
background: linear-gradient(45deg, transparent, transparent, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb))) border-box;
background-color: rgb(var(--tripp-color-on-surface-rgb));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem;
color: rgb(var(--tripp-color-surface-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-base);
font-weight: 600;
gap: 1rem;
justify-content: center;
letter-spacing: 0.04rem;
line-height: 1.4;
min-height: 4rem;
padding: 0.5rem 2rem;
transition: background-position 0.3s var(--tripp-transition-ease), border-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
padding: 0.5rem 2rem;
}
.wp-block-button__link::after {
align-items: center;
color: rgb(var(--tripp-color-surface-rgb));
display: inline-flex;
justify-content: center;
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: rgb(var(--tripp-color-surface-rgb));
}
.wp-block-button__link.has-background,
.wp-block-file .wp-block-file__button.has-background {
color: rgb(var(--tripp-color-white-rgb));
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background-position: 100% 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
opacity: 1;
} .is-style-outline .wp-block-button__link:hover:not(.has-text-color) {
border-color: rgb(var(--tripp-color-primary-rgb)) !important;
color: rgb(var(--tripp-color-primary-rgb)) !important;
}
.is-style-outline :where(.wp-block-button__link).has-text-color:hover,
:where(.wp-block-button__link).is-style-outline:hover .has-text-color {
color: rgb(var(--tripp-color-on-surface-rgb)) !important;
}
.is-style-outline .wp-block-button__link {
background-image: none !important;
border-style: solid;
border-color: currentcolor;
border-width: 2px;
}
.is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent !important;
}
.is-style-outline .has-background:hover {
border-color: rgb(var(--tripp-color-primary-rgb)) !important;
color: rgb(var(--tripp-color-on-primary-rgb)) !important;
} .is-layout-flex.wp-block-buttons {
gap: var(--tripp-spacing-sm);
}
.wp-block-button.is-style-tripp-link {
margin-right: 0.5rem;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link {
background: none;
color: rgb(var(--tripp-color-primary-rgb));
font-weight: 700;
height: auto;
letter-spacing: unset;
padding: 0 1.5rem 0 0;
position: relative;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link.has-background {
padding: 1rem;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.wp-block-button.is-style-tripp-link .wp-block-button__link::before {
background: rgb(var(--tripp-color-primary-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
top: 50%;
transform: rotate(90deg) translate3d(5px, -50%, 0);
transform-origin: right top;
transition: background-color 0.3s, transform 0.3s, width 0.3s;
width: 10px;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link::after {
background-color: rgb(var(--tripp-color-primary-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
top: 50%;
transform: translate3d(5px, -50%, 0);
transform-origin: right top;
transition: background-color 0.3s, transform 0.3s, width 0.3s;
width: 10px;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link:hover::after,
.wp-block-button.is-style-tripp-link .wp-block-button__link:hover::before {
background-color: rgb(var(--tripp-color-on-surface-rgb));
} .wp-block-buttons:has(.wp-block-button.is-style-tripp-circle) {
gap: 0.5rem var(--tripp-spacing-sm);
}
.wp-block-button.is-style-tripp-circle,
.wp-block-button.is-style-tripp-circle-after {
position: relative;
}
.wp-block-button.is-style-tripp-circle .wp-block-button__link,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link {
align-items: center;
background: none;
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-flex;
font-weight: 700;
line-height: 1;
min-height: 5rem;
padding: 1rem 0 1rem calc(var(--tripp-spacing-lg) / 2.5);
position: relative;
text-align: left;
}
.wp-block-buttons .wp-block-button.is-style-tripp-circle:not(.wp-block-button__width-100):last-child .wp-block-button__link {
padding-right: 0;
}
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link {
padding: 1rem calc(var(--tripp-spacing-lg) / 2.5) 1rem 1rem;
text-align: right;
}
.wp-block-buttons .wp-block-button.is-style-tripp-circle-after:first-child .wp-block-button__link {
padding-left: 0;
}
.wp-block-button.is-style-tripp-circle .wp-block-button__link::before,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link::before,
.wp-block-button.is-style-tripp-circle .wp-block-button__link::after,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link::after {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 50%;
content: "";
display: block;
height: var(--tripp-spacing-lg);
left: 0;
position: absolute;
transform: translateY(-50%) translateZ(0) scale(1);
transform-origin: center;
transition: transform 0.3s;
top: 50%;
width: var(--tripp-spacing-lg);
z-index: -1;
}
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link::before,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link::after {
left: auto;
right: 0;
}
.wp-block-button.is-style-tripp-circle .wp-block-button__link:hover::before,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link:hover::before,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link:hover::after,
.wp-block-button.is-style-tripp-circle .wp-block-button__link:hover::after {
transform: translateY(-50%) scale(0.8);
}
.has-scheme-dark .wp-block-file .wp-block-file__textlink::before,
.flext-has-scheme-dark .wp-block-file .wp-block-file__textlink::before,
.has-scheme-dark .wp-block-file a:not(.wp-block-file__button)::before,
.flext-has-scheme-dark .wp-block-file a:not(.wp-block-file__button)::before,
.has-scheme-dark .wp-block-button.is-style-tripp-circle .wp-block-button__link::before,
.flext-has-scheme-dark .wp-block-button.is-style-tripp-circle .wp-block-button__link::before,
.has-scheme-dark .wp-block-button.is-style-tripp-circle-after .wp-block-button__link::before,
.flext-has-scheme-dark .wp-block-button.is-style-tripp-circle-after .wp-block-button__link::before {
background: none;
}
.wp-block-button.is-style-tripp-circle .wp-block-button__link::after,
.wp-block-button.is-style-tripp-circle-after .wp-block-button__link::after {
background-color: #fff;
mix-blend-mode: difference;
z-index: 10;
}
.wp-block-button.has-custom-width.is-style-tripp-circle,
.wp-block-button.has-custom-width.is-style-tripp-circle-after,
.wp-block-button.has-custom-width.is-style-tripp-link {
flex-basis: auto;
width: auto !important;
}
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle,
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle-after {
font-size: var(--tripp-font-size-xs);
}
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle .wp-block-button__link {
font-size: var(--tripp-font-size-xs);
padding: 1rem 0 1rem 1.2rem;
}
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle-after .wp-block-button__link {
font-size: var(--tripp-font-size-xs);
padding: 1rem 2.1rem 1rem 0;
}
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-25.is-style-tripp-circle-after .wp-block-button__link::after {
height: 2.8rem;
width: 2.8rem;
}
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle .wp-block-button__link {
font-size: var(--tripp-font-size-sm);
padding: 1rem 0 1rem 1.3rem;
}
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle-after .wp-block-button__link {
font-size: var(--tripp-font-size-sm);
padding: 1rem 1.3rem 1rem 0;
}
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-50.is-style-tripp-circle-after .wp-block-button__link::after {
height: 3.2rem;
width: 3.2rem;
}
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle .wp-block-button__link {
padding: 1rem 0 1rem 1.6rem;
}
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle-after .wp-block-button__link {
padding: 1rem 1.6rem 1rem 0;
}
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-75.is-style-tripp-circle-after .wp-block-button__link::after {
height: 4rem;
width: 4rem;
} .wp-block-button .wp-block-button__link[style*="box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)"] {
box-shadow: 6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2) !important;
}
.wp-block-button .wp-block-button__link[style*="box-shadow:12px 12px 50px rgba(0, 0, 0, 0.4)"] {
box-shadow: 12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4) !important;
}
.wp-block-button .wp-block-button__link[style*="box-shadow:6px 6px 0px rgba(0, 0, 0, 0.2)"] {
box-shadow: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2) !important;
}
.wp-block-button .wp-block-button__link[style*="box-shadow:6px 6px 0px rgba(0, 0, 0, 1)"] {
box-shadow: 6px 6px 0 rgb(var(--tripp-color-on-surface-rgb)) !important;
}
.wp-block-button .wp-block-button__link[style*="box-shadow:6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1)"] {
box-shadow: 6px 6px 0 -3px rgb(var(--tripp-color-surface-rgb)), 6px 6px rgb(var(--tripp-color-on-surface-rgb)) !important;
}
.wp-block-button .wp-block-button__link[style*="var(--wp--preset--shadow--gradient)"] {
--wp--preset--shadow--gradient: -6px 0 20px 5px rgba(var(--tripp-color-primary-rgb), 0.5), 6px 0 20px 5px rgba(var(--tripp-color-secondary-rgb), 0.5);
} .wp-block-file {
align-items: flex-start;
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
display: flex;
flex-flow: column nowrap;
font-weight: 400;
gap: 1.5rem;
justify-content: space-between;
padding: var(--tripp-spacing-xs);
}
.wp-block-file.alignleft,
.wp-block-file.aligncenter,
.wp-block-file.alignright {
display: flex;
}
.wp-block-file.aligncenter {
align-items: center;
}
.wp-block-file.alignleft {
align-items: flex-start;
}
.wp-block-file.alignright {
align-items: flex-end;
}
.wp-block-file .wp-block-file__button::after {
align-items: center;
color: rgb(var(--tripp-color-surface-rgb));
content: "\e222";
display: inline-flex;
font-family: tripp, sans-serif;
justify-content: center;
transition: color 0.3s var(--tripp-transition-ease);
}
.wp-block-file .wp-block-file__button:hover::after {
color: rgb(var(--tripp-color-on-primary-rgb));
}
.wp-block-file a {
position: relative;
z-index: 5;
}
.wp-block-file * + .wp-block-file__button {
margin: 0;
}
.wp-block-file:not(.wp-element-button) {
font-size: var(--tripp-font-size-md);
} .wp-block-search .wp-block-search__label {
display: inline-block;
margin-bottom: 0.8rem;
}
.wp-block-search .wp-block-search__input {
background: rgb(var(--tripp-color-surface-rgb));
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.8rem;
height: 4rem;
transition: border-color 0.25s;
}
.wp-block-search__button-outside.wp-block-search .wp-block-search__input {
border-radius: 0.8rem 0 0 0.8rem;
}
.wp-block-search .wp-block-search__input:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:hover {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
}
.wp-block-search .wp-block-search__button {
margin: 0;
background-color: rgb(var(--tripp-color-on-surface-rgb));
border: none;
border-radius: 0 0.8rem 0.8rem 0;
color: rgb(var(--tripp-color-surface-rgb));
height: 4rem;
padding: 0.5rem 2rem;
transition: background-color 0.3s, color 0.3s;
}
.wp-block-search .wp-block-search__button:hover {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background: rgba(var(--tripp-color-on-surface-rgb), 0.013);
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.15);
border-radius: 0.8rem;
padding: 0;
transition: border-color 0.25s;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
background: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
background: none;
color: rgb(var(--tripp-color-on-surface-rgb));
height: 4rem;
letter-spacing: 0.1rem;
margin-left: 1rem;
padding: 0.5rem 1.5rem;
} .wp-block-embed iframe {
border-radius: 1.5rem;
width: 100%;
}
.wp-block-embed-twitter .twitter-tweet {
margin-left: auto;
margin-right: auto;
}
.wp-block-embed.wp-block-embed-tiktok blockquote {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-block-embed.wp-block-embed-tiktok .embed-video-container {
padding: 3rem;
}
.wp-block-embed.wp-block-embed-tiktok {
background: #fff;
border-radius: 1.5rem;
padding: var(--tripp-spacing-sm);
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-embed-instagram {
max-width: 65rem;
}
.wp-block-embed-instagram .instagram-media {
min-width: 26rem !important;
}
.wp-block-embed-instagram blockquote::before {
display: none;
} .wp-block-media-text.has-background {
padding: var(--tripp-spacing-sm);
}
.wp-block-media-text.has-background.alignfull {
border-radius: 0;
padding: var(--tripp-spacing-horizontal);
}
.main-content .entry-content > .wp-block-media-text.alignfull:not(.has-background) {
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.wp-block-media-text.has-background.is-image-fill,
.wp-block-media-text.is-image-fill.alignfull {
gap: 0;
padding: 0;
}
.wp-block-media-text:not(.is-stacked-on-mobile) {
display: grid;
gap: var(--tripp-spacing-sm);
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: var(--tripp-spacing-sm);
}
.wp-block-media-text.is-stacked-on-mobile.is-image-fill.has-background .wp-block-media-text__media {
margin-bottom: 0;
}
.wp-block-media-text__media img {
border-radius: 1.5rem;
}
.wp-block-media-text.alignfull .wp-block-media-text__media img {
border-radius: 0;
}
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text:not(.is-stacked-on-mobile) .wp-block-media-text__content,
.wp-block-media-text.has-background:not(.is-image-fill) .wp-block-media-text__content {
padding: 0;
}
.wp-block-media-text.has-background.is-image-fill .wp-block-media-text__content {
padding: var(--tripp-spacing-sm);
}
.wp-block-media-text.alignfull .wp-block-media-text__content,
.wp-block-media-text.has-background.is-image-fill.alignfull .wp-block-media-text__content {
padding: var(--tripp-spacing-horizontal);
}
.wp-block-media-text h1,
.wp-block-media-text h2,
.wp-block-media-text h3,
.wp-block-media-text h4,
.wp-block-media-text h5,
.wp-block-media-text h6 {
margin: 0 0 3rem 0;
}
.wp-block-media-text .wp-block-media-text__content p:last-child {
margin-bottom: 0;
} .wp-block-separator {
background: rgba(var(--tripp-color-on-surface-rgb), 0.15);
border: none;
width: 20%;
}
.wp-block-separator.has-background {
padding: 0;
}
.wp-block-separator.is-style-dots {
background: none;
border-top: none;
}
.wp-block-separator.is-style-dots::before {
font-size: 3rem;
letter-spacing: 2rem;
padding-left: 2rem;
vertical-align: middle;
}
.wp-block-separator.is-style-wide {
width: 100%;
} .wp-block-spacer {
clear: both;
margin-bottom: 0 !important;
margin-top: 0 !important;
}  .wp-block-tag-cloud.is-style-outline {
gap: unset;
}
.wp-block-tag-cloud.is-style-outline a {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
padding: 0.3rem 1rem;
margin-bottom: 0.8rem;
margin-right: 0.5rem;
}
.wp-block-tag-cloud.is-style-outline a:hover {
background: none;
border: 1px solid rgb(var(--tripp-color-secondary-rgb));
color: rgb(var(--tripp-color-secondary-rgb));
}
.wp-block-tag-cloud.is-style-outline .tag-cloud-link:hover::before {
color: rgb(var(--tripp-color-secondary-rgb));
} .wp-block-archives,
.wp-block-categories {
display: flex;
flex-flow: row wrap;
gap: 1rem;
list-style: none;
padding: 0;
}
.wp-block-categories ul {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
gap: 1rem;
justify-content: space-between;
margin: 1rem 0 0;
padding-left: 1rem;
position: relative;
width: 100%;
}
.wp-block-archives li,
.wp-block-categories li {
align-items: flex-start;
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
margin: 0;
max-width: 100%;
position: relative;
}
.wp-block-archives li:first-of-type,
.wp-block-categories li:first-of-type {
border: none;
margin-bottom: 0;
padding: 0;
}
.wp-block-archives li a,
.wp-block-categories li a {
color: inherit;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: wrap;
width: 80%;
z-index: 1;
}
.wp-block-archives li a:has(+ .posts-count:empty) {
flex: 1 1 100%;
max-width: 100%;
}
.wp-block-archives li .posts-count:empty {
width: 0;
}
.wp-block-categories .children {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
margin: 1rem 0 0;
padding: 0 0 0 1rem;
position: relative;
width: 100%;
}
.wp-block-archives.aligncenter,
.wp-block-latest-comments.aligncenter {
text-align: center;
} .wp-calendar-table {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: inherit;
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
border: none;
}
.wp-block-calendar a {
text-decoration: none;
} .wp-block-latest-comments {
display: flex;
flex-flow: row wrap;
gap: 2rem;
margin-left: auto;
padding: 0;
}
.wp-block-latest-comments__comment {
display: flex;
font-size: inherit;
margin: 0;
}
.wp-block-latest-comments .avatar {
display: flex;
flex: 0 1 4rem;
float: none;
height: 4rem;
margin-right: 1.5rem;
width: 4rem;
}
.wp-block-latest-comments a.wp-block-latest-comments__comment-author {
font-family: var(--tripp-font-secondary);
font-weight: 400;
text-decoration: underline;
transition: color 0.3s var(--tripp-transition-ease);
}
.wp-block-latest-comments article {
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 0 1rem 1rem 1rem;
display: flex;
flex-flow: column wrap;
gap: 0.6rem;
list-style: none;
padding: 1.5rem;
width: 100%;
}
.wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment {
flex-flow: column wrap;
}
.wp-block-latest-comments.aligncenter article {
margin-top: 1rem;
}
.wp-block-latest-comments__comment-author {
display: inline-block;
font-weight: 400;
}
.wp-block-latest-comments__comment-meta {
font-size: var(--tripp-font-size-xs);
}
.wp-block-latest-comments__comment-date {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-xs);
margin-top: 0.5rem;
}
.wp-block-latest-comments__comment-excerpt p {
line-height: inherit;
margin: 0;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-author {
display: inline-flex;
}
.wp-block-latest-comments__comment-link {
display: block;
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-base);
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
margin-top: 0.4rem;
}
.entry-content .wp-block-latest-comments li::before {
display: none;
}
.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
display: inline-block;
display: -webkit-box;
margin-bottom: 0;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .wp-block-latest-posts,
ul.wp-block-rss {
display: flex;
flex-flow: column wrap;
gap: 2rem;
list-style: none;
padding: 0;
}
.wp-block-latest-posts li {
line-height: 1;
}
.wp-block-latest-posts li > * {
line-height: 1.618;
}
.wp-block-rss:not(.is-grid) li {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
margin-bottom: 0;
padding-bottom: 2rem;
}
.wp-block-rss:not(.is-grid) li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.wp-block-latest-posts li:last-child,
.wp-block-rss li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts li::before,
.wp-block-latest-posts li::after {
content: "";
display: table;
table-layout: fixed;
}
.wp-block-latest-posts li::after {
clear: both;
}
.wp-block-latest-posts li a,
.wp-block-rss li a {
display: block;
line-height: 1.3;
margin: 0 0 0.8rem 0;
}
.wp-block-rss .wp-block-rss__item-title {
font-weight: 400;
margin: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
line-height: 1.2;
margin-bottom: 1.4rem;
width: 100%;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date,
.wp-block-latest-posts li .wp-block-latest-posts__post-author,
.wp-block-rss li .wp-block-rss__item-author,
.wp-block-rss li .wp-block-rss__item-publish-date {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.wp-block-latest-posts__post-author,
.wp-block-rss__item-author {
text-transform: capitalize;
}
.wp-block-latest-posts__list.has-dates .wp-block-latest-posts__post-author::after,
.wp-block-rss.has-dates.has-authors time::after {
color: rgb(var(--tripp-color-primary-rgb));
content: "\2022";
display: inline;
margin: 0 0.5rem;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
border-radius: 1.5rem;
display: block;
width: 100%;
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.wp-post-image {
width: var(--tripp-content-width);
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.size-thumbnail {
width: 15rem;
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.size-medium {
width: 30rem;
}
.wp-block-latest-posts__featured-image a {
display: block;
width: 100%;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt,
.wp-block-rss li .wp-block-rss__item-excerpt {
font-size: var(--tripp-font-size-sm);
margin-bottom: 0;
margin-top: 0.6rem;
}
.widget_rss .wp-block-rss li span,
.widget_rss .wp-block-rss li cite {
padding-top: 0;
}
.wp-block-latest-posts.is-grid,
ul.wp-block-rss.is-grid {
display: grid;
gap: 2rem;
grid-template-columns: repeat(var(--tripp-grid-columns), 1fr);
}
ul.wp-block-rss.is-grid {
padding: 1.5rem;
}
.wp-block-latest-posts.is-grid li,
ul.wp-block-rss.is-grid li {
align-content: flex-start;
display: flex;
flex-wrap: wrap;
margin: 0;
position: relative;
width: 100%;
}
.wp-block-latest-posts.is-grid li > *,
.wp-block-rss.is-grid li > * {
display: flex;
flex: 1 1 100%;
}
.wp-block-latest-posts.is-grid li a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-author,
.wp-block-latest-posts li .wp-block-latest-posts__post-date,
.wp-block-rss li .wp-block-rss__item-author,
.wp-block-rss li .wp-block-rss__item-publish-date {
display: inline-flex;
flex: 0 1 auto;
font-size: var(--tripp-font-size-xs);
margin: 0;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
line-height: 1.688;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt > a {
display: none;
} .is-layout-flow.wp-block-query .wp-block-columns {
margin-bottom: 0;
}
.wp-block-post-template .wp-block-post-featured-image {
border-radius: 1.5rem;
overflow: hidden;
}
.is-layout-flow.wp-block-post-template .wp-block-post-excerpt {
margin: 1.5rem 0 0.5rem;
}
.is-layout-flow.wp-block-query .is-layout-flex {
gap: 1.5rem;
}
.is-layout-flow.wp-block-group.alignfull {
border-radius: 0;
}
.is-layout-flow.wp-block-query .is-flex-container.is-flex-container .wp-block-group {
background: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 1.5rem;
padding: var(--tripp-spacing-xs) !important;
}
.wp-block-post-template .wp-block-post-title {
font-size: var(--tripp-font-size-h6);
}
.wp-block-post-template .wp-block-post-date {
font-size: var(--tripp-font-size-sm);
opacity: 0.6;
}
.wp-block-post-template .wp-block-separator {
display: none;
} .wp-block-post-excerpt > *:last-child {
margin-bottom: 0;
} .wp-block-post-author .wp-block-post-author__avatar img {
border-radius: 50%;
}
.wp-block-post-author__byline {
font-size: var(--tripp-font-size-xs);
}
.wp-block-post-author__name {
font-size: var(--tripp-font-size-h6);
font-weight: 700;
margin-bottom: 0.5rem;
}
.wp-block-post-author__bio {
font-size: var(--tripp-font-size-sm);
margin: 0;
} .wp-block-page-list {
display: flex;
flex-flow: row wrap;
gap: 1rem;
list-style-type: none;
margin: 0;
padding: 0;
}
.wp-block-page-list li {
flex: 0 0 100%;
margin-bottom: 0;
width: 100%;
}
.wp-block-navigation__submenu-container {
display: flex;
flex-flow: row wrap;
gap: 1rem;
margin: 0;
padding: 1rem 0 0 1.5rem;
} .taxonomy-category a {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.taxonomy-category a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}  a .flext-format-underline,
.flext-format-underline a {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-format-underline {
background: no-repeat 0 100%;
background-image: linear-gradient(to right, rgb(var(--tripp-color-on-surface-rgb)) 0%, rgb(var(--tripp-color-on-surface-rgb)) 100%);
background-position: center 100%;
background-size: 100% 1px;
color: inherit;
display: inline;
text-decoration: none !important;
transition: color 0.3s var(--tripp-transition-ease), background-size 0.3s var(--tripp-transition-ease);
}
.flext-format-underline:hover,
.flext-format-underline:focus {
background-size: 0 1px;
color: rgb(var(--tripp-color-on-surface-rgb));
} .flext-block-section {
color: rgb(var(--tripp-color-on-surface-rgb));
margin-bottom: var(--tripp-spacing-vertical);
margin-top: var(--tripp-spacing-vertical);
overflow: hidden;
}
.flext-block-section.flext-is-full-height {
min-height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height));
}
.flext-block-section.flext-has-background,
.flext-block-section.flext-has-background.alignfull {
margin-bottom: 0;
margin-top: 0;
padding-bottom: var(--tripp-spacing-vertical);
padding-top: var(--tripp-spacing-vertical);
}
.transparent-menu.has-menu-shadow .flext-block-section.flext-has-background.alignfull:first-child {
margin-top: 0;
}
.flext-block-section-inner > * {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.flext-block-section-inner > * + * {
margin-top: var(--tripp-spacing-md);
}
.flext-block-section-inner > :is(h1, h2, h3, h4, h5, h6) + *,
body .is-layout-flow > :is(h1, h2, h3, h4, h5, h6) + * {
margin-top: var(--tripp-spacing-xs);
}
.flext-block-section-inner > *:last-child {
margin-bottom: 0;
} .main-content .entry-content > .flext-block-map.alignfull {
padding-left: 0;
padding-right: 0;
}
.flext-block-map:not(.alignfull) iframe {
border-radius: 1.5rem;
} .flext-has-inline-animation {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-inline-clip {
border-color: transparent;
padding: 0;
} .flext-has-highlight {
--flext-highlight-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
}
.flext-has-highlight.flext-is-style-background::after {
display: none;
}
.flext-has-highlight.flext-is-style-background::before {
bottom: 0;
height: 60%;
width: calc(100% + 4px);
left: -2px;
top: auto;
}
.flext-has-highlight.flext-is-style-background.flext-animated::before {
transform: scaleX(1) rotate(-2deg);
} .flext-carousel {
--flext-carousel-pagination-color: rgb(var(--tripp-color-on-surface-rgb));
--flext-carousel-pagination-height: 2rem;
}
.flext-carousel.flext-carousel-horizontal .flext-pagination-progressbar .flext-progressbar,
.flext-carousel.flext-carousel-vertical .flext-pagination-progressbar.flext-pagination-progressbar-opposite .flext-progressbar {
height: 0.1rem;
max-width: 10rem;
}
.flext-carousel .flext-button-prev,
.flext-carousel .flext-button-next {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
box-shadow: 0 0 5px rgba(var(--tripp-color-on-surface-rgb), 0.2);
color: rgb(var(--tripp-color-on-surface-rgb));
transition: all 0.3s var(--tripp-transition-ease);
}
.flext-carousel .flext-button-prev:not(.flext-button-disabled):hover,
.flext-carousel .flext-button-next:not(.flext-button-disabled):hover {
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-carousel .flext-button-prev {
left: 2rem;
right: auto;
}
.flext-carousel .flext-button-next {
left: auto;
right: 2rem;
}
.flext-button-next.flext-button-disabled,
.flext-button-prev.flext-button-disabled {
opacity: 0.35;
}
.flext-carousel-horizontal .flext-pagination-bullets .flext-pagination-bullet {
padding: 1rem;
}
.flext-pagination-bullet::before {
border-radius: 50%;
}
.flext-pagination-bullet-active::before,
.flext-pagination-bullet-active:hover::before {
background: transparent;
border: 3px solid rgb(var(--tripp-color-on-background-rgb));
}
.flext-carousel-pagination.flext-carousel-horizontal .flext-button-next,
.flext-carousel-pagination.flext-carousel-horizontal .flext-button-prev {
top: calc(50% - var(--flext-carousel-pagination-height) * 2 + 1.5rem);
} .flext-gallery-caption {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
} .flext-carousel-gallery {
border-radius: 1.5rem;
}
.entry-content > .flext-block-gallery.alignfull > .flext-carousel-gallery,
.entry-content > .flext-block-gallery.alignfull > .flext-carousel-gutters[data-slides-per-view="1"]:not([data-centered-slides]) .flext-slide figure {
border-radius: 0;
}
.flext-carousel-gallery .flext-pagination {
bottom: 2rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.flext-carousel-gallery.flext-carousel-pagination.flext-carousel-horizontal .flext-button-next,
.flext-carousel-gallery.flext-carousel-pagination.flext-carousel-horizontal .flext-button-prev {
top: 50%;
}
.flext-carousel-gallery .flext-pagination-bullet::before {
background: rgb(var(--tripp-color-white-rgb));
opacity: 0.5;
}
.flext-carousel-gallery .flext-pagination-bullet-active::before,
.flext-carousel-gallery .flext-pagination-bullet-active:hover::before {
background: transparent;
border: 3px solid rgb(var(--tripp-color-white-rgb));
opacity: 1;
}
.flext-carousel-gallery .flext-pagination-bullet {
height: 2.5rem;
width: 2.5rem;
}
.flext-carousel-gallery.flext-carousel-horizontal .flext-pagination-bullets .flext-pagination-bullet {
padding: 0.7rem;
} .flext-block-latest-posts {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.flext-block-latest-posts .post-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.3rem;
position: relative;
width: 100%;
}
.flext-block-latest-posts .post-meta > span {
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 0.8rem;
margin-right: 1.5rem;
}
.flext-block-latest-posts .post-meta > span + span {
margin-left: auto;
}
.flext-block-latest-posts .post-meta > span:last-child {
margin-right: 0;
}
.flext-block-latest-posts .post-meta .post-date {
color: rgba(0, 0, 0, 0.4);
}
.flext-block-latest-posts li .post-header strong,
.flext-grid.has-large-gutters li .post-header strong {
display: block;
font-family: var(--tripp-font-primary);
font-weight: 600;
line-height: 1.4;
overflow: hidden;
text-align: initial;
} .flext-block-categories.has-thumbnail {
align-items: stretch;
}
.flext-block-categories.has-thumbnail.has-square-thumbnail {
align-items: flex-start;
}
.flext-block-categories .posts-count {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.flext-block-categories a span {
max-width: 85%;
}
.flext-block-categories .category-item a span {
font-size: var(--tripp-font-size-sm);
padding: 1rem;
} .flext-block-categories.is-style-plain {
gap: 0.5rem;
}
.flext-block-categories.is-style-plain .category-item {
background: none;
}
.flext-block-categories.is-style-plain .category-item::after {
color: rgba(var(--tripp-color-on-surface-rgb), 0.3);
content: "\2044";
display: inline-block;
font-size: var(--tripp-font-size-xl);
line-height: 1;
margin: 0 2rem 0;
}
.flext-block-categories.is-style-plain .category-item:last-child::after {
display: none;
}
.flext-block-categories.is-style-plain a {
color: inherit;
font-size: var(--tripp-font-size-lg);
}
.flext-block-categories.is-style-plain .posts-count > span {
display: none;
}
.flext-block-categories.is-style-plain .posts-count {
display: inline-flex;
font-size: var(--tripp-font-size-xs);
font-weight: 600;
margin: 0 0 0 1rem;
padding: 0;
}
.flext-block-categories.is-style-plain .category-item:hover .posts-count::before {
opacity: 1;
}
.flext-block-categories.is-style-plain .category-item a span {
padding: 0 !important;
} .flext-block-categories {
--flext-carousel-pagination-height: 2rem;
}
.flext-block-categories.flext-carousel .flext-button-prev,
.flext-block-categories.flext-carousel .flext-button-next {
font-size: 1.6rem;
height: 3rem;
transition: all 0.3s var(--tripp-transition-ease);
width: 3rem;
}
.flext-block-categories.flext-carousel:not(.has-thumbnail) .flext-pagination {
margin: 3rem auto 0 auto;
} .flext-block-categories .has-thumbnail a::before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
border-radius: 1.5rem;
opacity: 0.9;
}
.flext-block-categories .has-thumbnail a span {
bottom: 0;
display: inline-block;
left: 0;
padding: 0 2rem 2rem;
position: absolute;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.has-scheme-dark .flext-block-categories:not(.has-thumbnail) li:hover .posts-count {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
.flext-block-categories.has-thumbnail .posts-count > span {
display: inline-flex;
margin-left: 0.5rem;
}
.flext-block-categories.is-style-grid {
--flext-grid-gap: 2rem;
}
.flext-grid.aligncenter {
display: grid;
}
.flext-block-categories.has-thumbnail .category-item img {
border-radius: 1.5rem;
transition: transform 0.8s var(--tripp-transition-ease);
}
.flext-block-categories .category-item .posts-count {
font-size: 0.8rem;
}
.flext-block-categories .has-thumbnail .posts-count {
bottom: 3.6rem;
padding: 0 1.5rem;
top: auto;
}
.flext-block-categories .posts-count > span {
display: none;
text-transform: uppercase;
} .flext-block-categories.flext-carousel.has-square-thumbnail .flext-button-next,
.flext-block-categories.flext-carousel.has-square-thumbnail .flext-button-prev {
top: calc(50% - (var(--flext-carousel-pagination-height) * 2) / 2);
}
.flext-block-categories.flext-carousel.has-square-thumbnail.flext-carousel-pagination.flext-carousel-horizontal .flext-button-next,
.flext-block-categories.flext-carousel.has-square-thumbnail.flext-carousel-pagination.flext-carousel-horizontal .flext-button-prev {
top: calc(50% - (var(--flext-carousel-pagination-height) * 4) / 2);
}
.flext-block-categories.has-square-thumbnail .category-item img {
border-radius: 50%;
aspect-ratio: 1 / 1;
flex: 0 1 auto;
}
.flext-categories.has-square-thumbnail.has-thumbnail a::before {
display: none;
}
.flext-block-categories.has-square-thumbnail .category-item a:hover img {
transform: scale(1);
}
.flext-block-categories.has-square-thumbnail .has-thumbnail a {
background: none;
color: inherit;
display: flex;
flex-direction: column;
}
.flext-categories.has-square-thumbnail .has-thumbnail a {
border-radius: 0;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail a span {
display: inline-block;
display: -webkit-box;
font-size: var(--tripp-font-size-base);
position: relative;
white-space: wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.flext-block-categories.flext-categories.has-square-thumbnail .category-item.has-thumbnail a span {
padding: 1.5rem 0 0 !important;
}
.flext-block-categories.has-square-thumbnail.flext-carousel .has-thumbnail a span {
display: inline-block;
display: -webkit-box;
text-overflow: inherit;
white-space: normal;
-webkit-line-clamp: 2;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-secondary-rgb), 0.7), rgba(var(--tripp-color-secondary-rgb), 0.7));
border-radius: 50%;
color: rgb(var(--tripp-color-on-secondary-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-xs);
font-weight: 600;
height: 4rem;
justify-content: center;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 4rem;
}
.flext-block-categories.flext-categories.has-square-thumbnail .category-item.has-thumbnail .posts-count {
bottom: auto !important;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-primary-rgb), 0.5), rgba(var(--tripp-color-primary-rgb), 0.5));
border-radius: 50%;
bottom: auto;
content: "";
display: inline-flex;
height: 4rem;
justify-content: center;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
top: 0;
width: 4rem;
z-index: -1;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail:hover .posts-count::before {
opacity: 1;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count > span {
display: none;
margin: 0;
} .flext-block-latest-posts.flext-list li {
align-items: center;
display: flex;
margin: 3rem 0;
padding: 0;
}
.flext-block-latest-posts.flext-list li::before {
display: none;
}
.flext-block-latest-posts.flext-list li .post-thumbnail {
align-items: center;
background: rgba(0, 0, 0, 0.05);
border-radius: 50%;
color: #3e3e3e;
display: flex;
flex-grow: 0;
justify-content: center;
height: 5rem;
margin-right: 1.5rem;
min-width: 5rem;
order: 1;
overflow: hidden;
width: 5rem;
}
.flext-block-latest-posts.flext-list li .post-thumbnail img {
height: 5rem;
width: 5rem;
}
.flext-block-latest-posts.flext-list li:not(.has-thumbnail) .post-thumbnail::before {
color: #3e3e3e;
content: "\e80b";
display: inline-block;
font-family: tripp, sans-serif;
font-size: 2.5rem;
}
.flext-block-latest-posts.flext-list li .post-header {
flex-wrap: wrap;
order: 2;
padding: 0;
}
.flext-block-latest-posts:not(.aligncenter) > li .post-meta {
order: 2;
}
.flext-block-latest-posts.flext-list.aligncenter li > * {
flex-direction: column;
text-align: center;
}
.flext-block-latest-posts.flext-list.aligncenter li .post-header {
display: block;
flex-direction: unset;
}
.flext-block-latest-posts.flext-list.aligncenter li .post-thumbnail {
align-self: auto;
}
.flext-block-latest-posts.flext-list.aligncenter li.has-thumbnail .post-thumbnail {
margin: 0 0 1rem;
} .flext-block-latest-posts.flext-grid.has-large-gutters {
box-sizing: border-box;
display: flex;
}
.flext-block-latest-posts.flext-grid .post-thumbnail {
line-height: 0;
}
.flext-block-latest-posts.flext-grid.has-large-gutters li > * {
display: block;
}
.flext-block-latest-posts.flext-grid.has-large-gutters .post-header {
padding: 1.5rem 0;
}
.flext-block-latest-posts.flext-grid.has-large-gutters li .post-meta {
font-size: 1.3rem;
} .entry-content > .flext-block-gallery.alignfull {
padding-left: 0;
padding-right: 0;
} .flext-waterfall-gallery,
.flext-waterfall-gallery.flext-gallery-gutters .flext-gallery-item figure {
border-radius: 1.5rem;
}
.main-content .entry-content > .flext-block-gallery.alignfull > .flext-waterfall-gallery {
margin-left: calc(var(--tripp-spacing-horizontal) - var(--flext-gallery-gap));
margin-right: calc(var(--tripp-spacing-horizontal) - var(--flext-gallery-gap));
}
.flext-waterfall-gallery.flext-gallery-gutters {
border-radius: 0;
} .flext-block-authors .has-cover-image .flext-author-cover-image {
line-height: 0;
position: relative;
}
.flext-author-entry.has-cover-image .flext-author-avatar .avatar {
background: rgb(var(--tripp-color-white-rgb));
}
.flext-block-authors .has-cover-image .flext-author-cover-image::after {
background-image: linear-gradient(to top, rgb(var(--tripp-color-surface-rgb)) 0%, rgba(var(--tripp-color-surface-rgb), 27%) 56.5%, rgba(var(--tripp-color-surface-rgb), 2%) 91%, rgba(var(--tripp-color-surface-rgb), 0.008) 95.2%, rgba(var(--tripp-color-surface-rgb), 0.002) 98.2%, transparent 100%);
top: 30%;
}
.flext-block-authors .flext-author-entry.has-cover-image .flext-author-header {
margin-top: -6.7rem;
}
.flext-block-authors .flext-author-entry:last-child {
margin-bottom: 0;
}
.flext-block-authors .flext-author-avatar a::before {
right: 2rem;
}
.flext-block-authors .edit-profile a {
margin: 1.5rem 0 0;
}
.flext-block-authors .post-thumbnail {
background: rgba(var(--tripp-color-on-surface-rgb), 0.02);
border-radius: 1.5rem;
overflow: hidden;
position: relative;
z-index: 1;
}
.has-scheme-dark .flext-block-authors .post-thumbnail {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
}
.flext-block-authors .post-thumbnail a {
display: block;
}
.flext-block-authors .post-thumbnail img {
transition: transform 0.8s var(--tripp-transition-ease);
}
.flext-block-authors .post-thumbnail a:hover img {
transform: scale(1.1);
}
.author-recent-posts .post-thumbnail svg {
fill: rgba(var(--tripp-color-on-surface-rgb), 0.3);
padding: 1.5vw;
}
.author-recent-posts .flext-featured-post .post-thumbnail svg {
padding: 3.5vw;
}
.flext-block-authors .flext-author-entry .flext-author-title {
font-size: var(--tripp-font-size-md);
}
.author-recent-posts .post-title > a {
font-family: var(--tripp-font-primary);
font-weight: 600;
line-height: 1.25;
}
.flext-block-authors .author-recent-posts {
padding: 0 var(--tripp-spacing-xs) var(--tripp-spacing-xs);
}
.flext-block-authors .author-posts-list {
display: flex;
gap: 1.5rem;
}
.flext-block-authors .author-posts-list .flext-author-post {
flex: 1 1 50%;
max-width: 50%;
}
.flext-block-authors .author-recent-posts .post-title a {
position: relative;
z-index: 2;
}
.flext-block-authors .author-recent-posts .entry-meta {
color: inherit;
z-index: 2;
}
.flext-block-authors .post-title .entry-meta a {
display: flex;
gap: 0.4rem;
}
.flext-block-authors .author-recent-posts .entry-meta a:hover {
color: inherit;
}
.flext-block-authors .term-links {
align-items: baseline;
margin: 0 0 0.5rem 0;
}
.flext-block-authors .term-links a {
font-size: 1.4rem;
}
.flext-block-authors .term-links a > * {
opacity: 0.7;
transition: all 0.3s var(--tripp-transition-ease);
}
.flext-block-authors .term-links a:hover > * {
opacity: 1;
}
.flext-block-authors .term-links a img {
opacity: 1;
}
.flext-block-authors .pagination a {
color: inherit;
} .flext-block-authors.is-style-grid.has-recent-posts .flext-author-entry .flext-author-detail {
overflow: hidden;
width: 100%;
}
.flext-block-authors.is-style-grid .post-title {
font-size: var(--tripp-font-size-sm);
}
.flext-block-authors.is-style-grid .entry-meta {
display: none;
}
.flext-block-authors.is-style-grid .post-title > a {
font-family: var(--tripp-font-secondary);
}
.flext-block-authors.is-style-grid .flext-author-description,
.flext-block-authors.is-style-carousel .flext-author-description {
display: none;
} .flext-block-authors.is-style-list .flext-author-content {
position: relative;
width: 100%;
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-content {
background: rgb(var(--tripp-color-surface-rgb));
}
.flext-block-authors.is-style-list .flext-author-entry:not(.has-cover-image) .flext-author-header {
padding-top: var(--tripp-spacing-sm);
}
.flext-block-authors.is-style-list .flext-author-entry {
justify-content: flex-start;
display: flex;
gap: var(--tripp-spacing-sm);
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-cover-image::after {
top: 0;
}
.flext-block-authors.is-style-list .flext-author-cover-image {
overflow: hidden;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-title {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-detail {
padding: 2rem 2rem 0;
text-align: center;
z-index: 5;
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-follow-numbers a,
.flext-block-authors.is-style-list .has-cover-image .flext-author-location a {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-follow-numbers a:hover,
.flext-block-authors.is-style-list .has-cover-image .flext-author-location a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-follow-numbers::after {
background: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.flext-block-authors.is-style-list .flext-author-description {
margin: 1rem 0 0;
}
.flext-block-authors.is-style-list .author-posts-list {
align-self: flex-start;
flex-flow: column nowrap;
gap: var(--tripp-spacing-sm);
}
.flext-block-authors.is-style-list .author-recent-posts {
display: flex;
flex: 0 0 100%;
flex-flow: column nowrap;
gap: var(--tripp-spacing-sm);
max-width: 100%;
padding: 0 var(--tripp-spacing-sm) var(--tripp-spacing-sm);
}
.flext-block-authors.is-style-list .author-posts-list .flext-author-post {
align-items: flex-start;
display: flex;
flex: 1 1 100%;
flex-flow: row nowrap;
max-width: 100%;
}
.flext-block-authors.is-style-list .flext-featured-post .flext-author-post {
border-radius: 1.5rem;
height: 100%;
position: relative;
}
.flext-block-authors.is-style-list .flext-featured-post .post-thumbnail {
height: 100%;
margin: 0;
}
.flext-block-authors.is-style-list .flext-featured-post .post-thumbnail a {
height: 100%;
}
.flext-block-authors.is-style-list .flext-featured-post .post-thumbnail img {
height: 100%;
object-fit: cover;
width: 100%;
}
.flext-block-authors.is-style-list .flext-featured-post .post-title {
bottom: 0;
color: rgb(var(--tripp-color-white-rgb));
left: 0;
padding: 4rem 2rem 2rem;
position: absolute;
right: 0;
}
.flext-block-authors.is-style-list .author-posts-list .post-thumbnail {
flex: 0 0 8rem;
margin-bottom: 0;
max-width: 8rem;
}
.flext-block-authors.is-style-list .flext-featured-post .post-thumbnail a::before {
background: linear-gradient(to bottom, rgba(30, 30, 30, 0), rgba(30, 30, 30, 0.8));
border-radius: 0 0 1.5rem 1.5rem;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 60%;
z-index: 1;
}
.flext-block-authors.is-style-list .author-posts-list .post-title {
align-self: center;
flex: 1 1 calc(100% - 10rem);
margin-left: 2rem;
max-width: calc(100% - 10rem);
} .flext-block-authors.is-style-carousel {
overflow: hidden;
}
.flext-block-authors.is-style-carousel .flext-author-entry {
margin-bottom: 0;
}
.flext-block-authors.is-style-carousel .flext-author-description {
display: none;
}
.flext-block-authors.flext-carousel .flext-button-prev.flext-button-disabled,
.flext-block-authors.flext-carousel .flext-button-next.flext-button-disabled {
opacity: 0;
} .flext-social-icons a {
color: inherit;
}
.has-scheme-dark .flext-social-icons :is(.flext-link-500px, .flext-link-apple, .flext-link-codepen, .flext-link-github, .flext-link-threads, .flext-link-tumblr, .flext-link-twitter):hover {
--flext-widget-social-icon-color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
} .newsletter-form-with-background {
background: rgba(var(--tripp-color-surface-rgb), 0.6);
border-radius: 8px;
overflow: hidden;
padding: 1.5rem;
position: relative;
}
.newsletter-form-with-background > * {
position: relative;
z-index: 3;
margin: 0;
}
.newsletter-form-with-background::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.3 57.2"><path fill="%23cccccc" d="M19,53.8l4.2-12,8.7,3-12.9,8.9h0Z"/><path fill="%23ffffff" d="M48.1,57.2l-23.5-12.7-5.6,9-1-11.7L0,35.7,59.3,0l-11.1,57.2h-.1Z"/><path fill="%23e2e2e2" d="M18.1,42.4l1,11.5,5.9-8.7L59.3,0,18.1,42.3h0Z"/></svg>');
background-repeat: no-repeat;
background-position: right top;
content: "";
font-size: 7rem;
display: inline-block;
height: 7.2rem;
line-height: 1;
opacity: 0.8;
position: absolute;
right: 1rem;
top: 1rem;
width: 5.9rem;
z-index: 1;
}
.has-scheme-dark .newsletter-form-with-background::before {
opacity: 0.4;
}
.newsletter-form-with-background::after {
background: rgba(var(--tripp-color-primary-rgb), 0.1);
content: "";
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}  body {
background: rgb(var(--tripp-color-background-rgb));
box-sizing: border-box;
color: rgb(var(--tripp-color-on-surface-rgb));
width: 100%;
}
body.custom-background.has-background-color {
background-color: rgb(var(--tripp-color-background-rgb));
}
.is-scrolling-disabled {
scrollbar-width: none;
}
.is-scrolling-disabled body.has-scrollbar {
padding-right: var(--tripp-scrollbar-width);
}
.site {
height: 100%;
position: relative;
width: 100%;
}
.no-scroll {
height: 100%;
overflow: hidden;
touch-action: none;
}
.main-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.main-content-overlay {
background-color: rgba(var(--tripp-color-black-rgb), 0.75);
bottom: 0;
cursor: crosshair;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
z-index: 9900;
} .tripp-drawer {
background: rgb(var(--tripp-color-background-rgb));
bottom: 0;
color: rgb(var(--tripp-color-on-background-rgb));
max-width: var(--tripp-sidebar-width);
overflow: hidden;
padding-top: var(--tripp-header-menu-height);
position: fixed;
right: 0;
top: var(--tripp-admin-bar-height);
transform: translate3d(100%, 0, 0);
transition: transform 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
width: 100%;
z-index: 9980;
}
.drawer-inner {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.05);
height: 100%;
overflow-y: auto;
padding: var(--tripp-spacing-horizontal);
position: relative;
width: 100%;
} .tripp-section {
margin-bottom: var(--tripp-spacing-vertical);
margin-top: var(--tripp-spacing-vertical);
padding: 0 var(--tripp-spacing-horizontal);
position: relative;
width: 100%;
}
.tripp-container {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
position: relative;
width: 100%;
z-index: 1;
} .sidebar-active .main-sidebar {
transform: translate3d(0, 0, 1px);
visibility: visible;
}  .main-header {
height: var(--tripp-header-menu-gap);
overflow: hidden;
}
.menu-hidden .main-header {
display: none;
} .transparent-menu.menu-text-light .main-header,
.full-menu.nav-active .main-header {
--tripp-color-on-menu-rgb: var(--tripp-color-white-rgb);
}
.transparent-menu.menu-text-dark .main-header {
--tripp-color-on-menu-rgb: var(--tripp-color-black-rgb);
}
.mobile-menu.nav-active .main-menu,
.transparent-menu .main-header.is-sticky,
.top-menu.transparent-menu.nav-active .main-header,
.full-menu.sidebar-active .main-header {
--tripp-color-on-menu-rgb: var(--tripp-color-on-surface-rgb);
}
.with-counters {
counter-reset: menu-item-number;
}
.with-counters > li {
counter-increment: menu-item-number;
} .site-title {
display: inline-block;
display: -webkit-box;
flex: 0 0 auto;
font-weight: 400;
letter-spacing: 0.2rem;
max-height: 6rem;
max-width: 50%;
overflow: hidden;
text-transform: uppercase;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
z-index: 9999;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.site-title a {
color: inherit;
} .site-logo {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 100%;
margin: 0 calc(var(--tripp-spacing-horizontal) / 2) 0 0;
max-width: 15rem;
position: relative;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
z-index: 9999;
}
.site-logo .custom-logo-link,
.site-logo .light-logo-link {
align-items: center;
display: flex;
height: 100%;
line-height: 0;
position: relative;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
width: auto;
z-index: 5;
}
.site-logo .light-logo-link {
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
}
.site-logo img {
margin: 1.5rem 0;
max-height: 100%;
width: auto;
}
.has-scheme-dark .site-logo .custom-logo-link {
opacity: 0;
visibility: hidden;
}
.has-scheme-dark .site-logo .light-logo-link {
opacity: 1;
visibility: visible;
}
.transparent-menu.menu-text-light .main-header:not(.is-sticky) .site-logo .custom-logo-link,
.transparent-menu.menu-text-dark .main-header:not(.is-sticky) .site-logo .light-logo-link {
opacity: 0;
visibility: hidden;
}
.transparent-menu.menu-text-light .main-header:not(.is-sticky) .site-logo .light-logo-link,
.transparent-menu.menu-text-dark .main-header:not(.is-sticky) .site-logo .custom-logo-link {
opacity: 1;
visibility: visible;
}
.search-active .site-logo,
.search-active .site-title {
opacity: 0;
visibility: hidden;
} .main-menu {
background: rgb(var(--tripp-color-background-rgb));
box-shadow: 0 1px 0 0 rgba(var(--tripp-color-on-menu-rgb), 0.1);
color: rgb(var(--tripp-color-on-menu-rgb));
height: var(--tripp-header-menu-height);
left: 0;
padding: 0 var(--tripp-spacing-horizontal);
position: absolute;
right: 0;
transform: translateZ(2px);
z-index: 9990;
}
.transparent-menu .main-menu {
background-color: transparent;
}
.transparent-menu.header-hidden .main-menu {
box-shadow: none;
}
.transparent-menu.has-menu-shadow.header-hidden .main-menu {
box-shadow: 0 1px 0 0 rgba(var(--tripp-color-on-menu-rgb), 0.1);
}
.transparent-menu.mobile-menu.nav-active .main-menu {
transition-delay: 0.3s;
}
.transparent-menu .main-header.is-sticky .main-menu,
.transparent-menu.mobile-menu.search-active .main-menu {
background-color: rgb(var(--tripp-color-surface-rgb));
}
.has-sticky-menu .main-menu {
position: fixed;
top: var(--tripp-admin-bar-height);
transition: background-color 0.15s var(--tripp-transition-ease), box-shadow 0.15s var(--tripp-transition-ease), opacity 0.15s var(--tripp-transition-ease), top 0.15s var(--tripp-transition-ease);
}
.main-header.is-hidden .main-menu {
opacity: 0;
transform: translate3d(0, -110%, 1px);
transition: background-color 0.25s var(--tripp-transition-ease), box-shadow 0.25s var(--tripp-transition-ease), opacity 0.25s var(--tripp-transition-ease), top 0.25s var(--tripp-transition-ease), transform 0.25s var(--tripp-transition-ease) 0.25s;
}
.main-header.is-sticky .main-menu {
box-shadow: 0 1px 10px 0 rgba(var(--tripp-color-on-surface-rgb), 0.05);
opacity: 1;
transform: translate3d(0, -110%, 1px);
transition: background-color 0.25s var(--tripp-transition-ease), box-shadow 0.15s var(--tripp-transition-ease), top 0.25s var(--tripp-transition-ease), transform 0.5s var(--tripp-transition-ease);
}
.has-scheme-dark .main-header.is-sticky .main-menu {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 1);
}
.main-header.is-menu-visible .main-menu {
transform: translate3d(0, 0, 1px);
}
.menu-content {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
margin: auto;
max-width: var(--tripp-wide-width);
}
.main-header.is-fullwidth-menu .menu-content {
max-width: none;
} .menu-button {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 100%;
justify-content: center;
margin: 0 -1rem 0 0;
overflow: initial;
padding: 0.5rem 0;
z-index: 9999;
}
.menu-icon {
align-items: center;
border: 5px solid transparent;
border-radius: 50%;
display: flex;
height: 5rem;
justify-content: center;
line-height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
transform: scale(0.8);
transition: transform 0.6s var(--tripp-transition-ease);
width: 5rem;
}
.menu-icon span {
background-color: rgb(var(--tripp-color-on-menu-rgb));
height: 1px;
position: absolute;
top: 50%;
transition: transform 0.3s var(--tripp-transition-ease), background-color 0.3s var(--tripp-transition-ease);
width: 2rem;
}
.menu-icon span:nth-child(1) {
transform: scaleX(0.5) translateY(-0.6rem);
transform-origin: 100% 0;
}
.menu-icon span:nth-child(2) {
transition: background-color 0.3s var(--tripp-transition-ease), transform 0.6s var(--tripp-transition-ease), opacity 0.6s var(--tripp-transition-ease);
}
.menu-icon span:nth-child(3) {
transform: scaleX(0.5) translateY(0.6rem);
transform-origin: 0 50%;
}
.menu-button:hover .menu-icon span:nth-child(1) {
transform: scaleX(1) translateY(-0.6rem);
}
.menu-button:hover .menu-icon span:nth-child(3) {
transform: scaleX(1) translateY(0.6rem);
}
.nav-active .menu-button .menu-icon span:nth-child(1) {
animation: tripp-menu-bar-1-active 1s forwards;
}
@keyframes tripp-menu-bar-1-active {
0% {
transform: translate3d(0, -0.6rem, 0);
transform-origin: left top;
}
50% {
opacity: 0;
transform: translate3d(-100%, -0.6rem, 0);
transform-origin: left top;
}
55% {
opacity: 0;
transform: rotate(45deg) translate3d(-40%, -0.78rem, 0) scaleX(0.7);
transform-origin: left top;
}
100% {
transform: rotate(45deg) translate3d(0, -0.78rem, 0) scaleX(0.7);
transform-origin: left top;
}
}
.nav-active .menu-button .menu-icon span:nth-child(2) {
opacity: 0;
transform: translateX(100%);
}
.nav-active .menu-button .menu-icon span:nth-child(3) {
animation: tripp-menu-bar-3-active 1s forwards;
}
@keyframes tripp-menu-bar-3-active {
0% {
transform: translate3d(0, 0.6rem, 0);
transform-origin: left top;
}
50% {
opacity: 0;
transform: translate3d(-100%, 0.6rem, 0);
transform-origin: left top;
}
55% {
opacity: 0;
transform: rotate(-45deg) translate3d(-40%, 0.6rem, 0) scaleX(0.7);
transform-origin: left top;
}
100% {
opacity: 1;
transform: rotate(-45deg) translate3d(0, 0.6rem, 0) scaleX(0.7);
transform-origin: left top;
}
}
.menu-icon::after {
border: 1px solid transparent;
border-radius: 50%;
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.nav-active .menu-button .menu-icon::after {
animation: tripp-tripp-menu-circle-border-reverse 1s forwards;
}
@keyframes tripp-tripp-menu-circle-border-reverse {
0% {
border-color: #999;
transform: rotate(0deg);
}
25% {
border-color: transparent #999 #999 #999;
transform: rotate(35deg);
}
50% {
border-color: transparent #999 #999 transparent;
}
75% {
border-color: transparent #999 transparent transparent;
}
100% {
border-color: transparent;
transform: rotate(300deg);
}
}
.nav-active .menu-button:hover .menu-icon::after {
animation: tripp-menu-circle-border 1s forwards;
}
@keyframes tripp-menu-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: transparent #999 transparent transparent;
transform: rotate(-35deg);
}
50% {
border-color: transparent #999 #999 transparent;
}
75% {
border-color: transparent #999 #999 #999;
}
100% {
border-color: #999;
transform: rotate(-300deg);
}
} .extra-menu {
align-items: center;
color: rgb(var(--tripp-color-on-menu-rgb));
display: flex;
gap: 1.5rem;
height: 100%;
justify-content: flex-end;
list-style: none;
margin: 0 0 0 auto;
overflow: hidden;
padding: 0;
position: relative;
transition-delay: 0.3s;
z-index: 2;
}
.extra-menu li {
display: inline-block;
margin: 0;
opacity: 0;
padding: 0;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
}
.has-mobile-search-button:not(.search-active) .extra-menu .menu-item-search {
opacity: 1;
visibility: visible;
}
.nav-active .extra-menu li {
opacity: 1;
transition-delay: 0.3s;
visibility: visible;
}
.search-active .extra-menu li {
opacity: 0;
transition-delay: 0s;
visibility: hidden;
}
.extra-menu li a {
align-items: center;
color: inherit;
display: flex;
font-size: 1.8rem;
font-weight: 600;
height: 4rem;
justify-content: center;
position: relative;
text-transform: uppercase;
width: 4rem;
} .extra-menu .menu-item-dark-mode {
order: 1;
}
.extra-menu .menu-item-search {
order: 9;
} body:not(.has-scheme-dark) .dark-mode-button i::before {
content: "\e814";
} .main-menu .menu-widgets {
display: none;
} .top-menu .main-navigation {
align-items: center;
color: rgb(var(--tripp-color-on-menu-rgb));
display: flex;
flex: 1 1 auto;
height: 100%;
} .dropdown-menu {
display: none;
} .header-social-links {
display: none;
}
.centered-menu .menu-logo {
height: 100%;
} .full-menu .main-menu .full-nav-wrapper {
display: none;
} .mobile-menu.nav-active:not(.search-active) .side-menu {
transform: translate3d(0, 0, 0);
visibility: visible;
}
.mobile-menu:not(.has-sliding-sidebar) .menu-item-sidebar {
display: none;
} .vertical-menu {
display: flex;
flex-flow: column nowrap;
gap: 1rem;
list-style: none;
margin: 0;
padding: 0;
position: relative;
transition: all 0.3s var(--tripp-transition-ease);
width: 100%;
}
.vertical-menu ul {
display: none;
list-style: none;
margin: 1.5rem 0 0 0;
overflow: hidden;
padding: 0 0 0 1.5rem;
position: relative;
}
.vertical-menu ul.sub-menu {
margin: 1rem 0 0;
width: 100%;
}
.vertical-menu li {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
letter-spacing: 0.05rem;
margin: 0;
padding: 0;
position: relative;
}
.vertical-menu li:last-of-type {
margin: 0;
}
.vertical-menu ul.sub-menu li {
margin: 0 0 1rem 0;
}
.vertical-menu li a {
color: inherit;
display: inline-block;
position: relative;
}
.vertical-menu li a:hover {
color: inherit;
}
.vertical-menu li.menu-item-has-children > a {
width: 90%;
}
.vertical-menu li.menu-item-has-children > a > i {
display: inline-block;
margin-right: 1rem;
}
.vertical-menu li .sub-menu-button {
display: none;
}
.vertical-menu li.menu-item-has-children > .sub-menu-button {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: inherit;
cursor: pointer;
display: inline-block;
height: 2rem;
margin: 0;
padding: 0;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
width: 2rem;
}
.vertical-menu li.is-sub-menu-visible > .sub-menu-button,
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover {
background-position: 100% 0%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.vertical-menu li.menu-item-has-children > .sub-menu-button::before,
.vertical-menu li.menu-item-has-children > .sub-menu-button::after {
background: rgb(var(--tripp-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: all 0.3s;
width: 6px;
}
.vertical-menu li.menu-item-has-children > .sub-menu-button::after {
transform: translate3d(3px, -50%, 0);
}
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover::before,
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover::after {
background: rgb(var(--tripp-color-on-primary-rgb));
}
.vertical-menu li.menu-item-has-children.is-sub-menu-visible > .sub-menu-button::before {
background: rgb(var(--tripp-color-on-primary-rgb));
transform: rotate(315deg) translate3d(4px, 1px, 0);
}
.vertical-menu li.menu-item-has-children.is-sub-menu-visible > .sub-menu-button::after {
background: rgb(var(--tripp-color-on-primary-rgb));
transform: rotate(-135deg) translate3d(4px, -2px, 0);
}
.vertical-menu li ul li:last-child {
margin-bottom: 0;
}
.vertical-menu li > a {
background-color: rgb(var(--tripp-color-primary-rgb));
background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-on-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: 400% 100%;
display: inline-block;
display: -webkit-box;
overflow: hidden;
transition: background-position 0.3s var(--tripp-transition-ease);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.desktop-menu.has-scheme-dark .vertical-menu li > a {
font-weight: 600;
}
.vertical-menu li.current-menu-item > a,
.vertical-menu li:hover > a,
.vertical-menu li.is-sub-menu-visible > a {
background-position: 90% 50%;
} .side-menu .side-navigation {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.side-menu .vertical-menu {
gap: 0.8rem;
}
.side-menu .vertical-menu li {
font-size: var(--tripp-font-size-base);
}
.side-menu .vertical-menu > li {
font-size: var(--tripp-font-size-xl);
} .side-menu .menu-widgets {
margin-top: var(--tripp-spacing-vertical);
}
.side-menu .menu-widgets .flext-grid,
.side-menu .menu-widgets .flext-grid.flext-columns-2 {
--flext-grid-columns: 2;
}
.side-menu .menu-widgets .flext-grid.flext-columns-3 {
--flext-grid-columns: 3;
}
.side-menu .menu-widgets .flext-widget-social-icons:has(+ .widget:last-child:is(.widget_text)),
.side-menu .menu-widgets .widget_text:has(+ .widget:last-child:is(.flext-widget-social-icons)) {
margin-bottom: 2rem;
} .main-search-bar {
color: rgb(var(--tripp-color-on-menu-rgb));
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.search-active .main-search-bar {
z-index: 5;
}
.tripp-search-form {
align-items: center;
display: flex;
height: 100%;
opacity: 0;
padding: 0 var(--tripp-spacing-horizontal);
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
width: 100%;
}
.search-active .tripp-search-form {
opacity: 1;
visibility: visible;
}
.tripp-search-form form {
width: 100%;
}
.flext-live-search .flext-live-search-form {
margin-right: calc(var(--tripp-spacing-horizontal) + 4rem);
padding: 0 0 0 var(--tripp-spacing-horizontal);
}
.flext-live-search .live-search-field-wrapper {
transform: translateX(120%);
transition: transform 0.3s var(--tripp-transition-ease);
}
.search-active .flext-live-search .live-search-field-wrapper {
transform: translateX(0);
}
.flext-live-search-form .live-search-field input {
background-color: rgba(var(--tripp-color-on-menu-rgb), 0.05);
border: none;
color: rgb(var(--tripp-color-on-menu-rgb));
}
.flext-live-search-form .live-search-field input::placeholder {
color: rgba(var(--tripp-color-on-menu-rgb), 0.5);
}
.flext-live-search .flext-loader::before {
border-color: rgb(var(--tripp-color-on-menu-rgb), 0.4);
border-top-color: rgb(var(--tripp-color-on-menu-rgb), 0.2);
}
.main-search-bar .flext-live-search.is-active .live-search-results-wrapper {
opacity: 0;
visibility: hidden;
}
.search-active .main-search-bar .flext-live-search.is-active .live-search-results-wrapper {
opacity: 1;
visibility: visible;
}
.flext-live-search .live-search-results {
height: calc(100svh - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - 6.5rem);
}
.flext-live-search .live-search-results,
.flext-live-search .search-more {
background: rgb(var(--tripp-color-surface-rgb));
color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
transform: translateX(100%);
transition: transform 0.3s var(--tripp-transition-ease);
}
.search-active .flext-live-search .live-search-results,
.search-active .flext-live-search .search-more {
transform: translateX(0);
}
.flext-live-search .search-results-list h4 {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
color: inherit;
padding: 1.5rem 2rem;
}
.flext-live-search .search-results-list li a {
color: inherit;
padding: 1.5rem 2rem;
transition: background-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.flext-live-search .flext-avatar-list > li .item-thumbnail {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
}
.flext-live-search .flext-avatar-list > li .item-title {
font-weight: 600;
}
.flext-live-search .search-results-list .item-meta {
opacity: 0.5;
}
.flext-live-search .search-results-list .item-meta > span::before {
color: rgb(var(--tripp-color-primary-rgb));
content: "\2022";
display: inline-block;
font-family: tripp, sans-serif;
margin: 0 0.4rem 0 0;
}
.flext-live-search .search-results-list .item-meta > span:first-child::before {
display: none;
}
.flext-live-search .search-more {
color: rgb(var(--tripp-color-primary-rgb));
}
.flext-live-search .search-more a {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
font-weight: 600;
transition: background-color 0.3s var(--tripp-transition-ease);
}
.flext-live-search .search-more a::before {
background-color: rgb(var(--tripp-color-primary-rgb));
border-radius: 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
content: "\e82c";
display: inline-block;
font-family: tripp, sans-serif;
font-style: normal;
font-weight: 400;
height: 3.5rem;
line-height: 3.5rem;
margin-right: 1.5rem;
text-align: center;
vertical-align: middle;
width: 3.5rem;
}
.flext-live-search .search-results-list li:hover,
.flext-live-search .search-more a:hover {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.03);
} .page-header {
align-items: center;
background: var(--tripp-color-header);
color: var(--tripp-color-on-header);
display: flex;
margin-bottom: var(--tripp-spacing-horizontal);
padding-bottom: var(--tripp-spacing-horizontal);
padding-top: var(--tripp-spacing-horizontal);
position: relative;
width: 100%;
}
.page-header.has-gradient-overlay,
.page-header.has-header-archive,
.blog .page-header {
margin-bottom: 0;
}
.transparent-menu .page-header {
padding-top: calc(var(--tripp-header-menu-height) + var(--tripp-spacing-horizontal)); }
.page-header.has-text-align-none {
text-align: center;
}
.page-header .page-overline {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: inline-block;
font-size: var(--tripp-font-size-xs);
margin-bottom: 1rem;
text-transform: uppercase;
}
.page-header .page-title {
margin: 0;
}
.page-header .page-description {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
margin-bottom: 0;
margin-top: 1rem;
}
.page-header.has-header-archive .page-description p {
color: inherit;
white-space: pre-wrap;
} .page-header.has-header-breadcrumb .tripp-container {
text-align: center;
}
.page-header.has-header-breadcrumb.has-text-align-left .tripp-container {
text-align: left;
}
.page-header.has-header-breadcrumb.has-text-align-center .tripp-container {
text-align: center;
}
.page-header.has-header-breadcrumb.has-text-align-right .tripp-container {
text-align: right;
} .page-header.has-header-size-short {
padding-bottom: var(--tripp-spacing-sm);
padding-top: var(--tripp-spacing-sm);
}
.transparent-menu .page-header.has-header-size-short {
padding-top: calc(var(--tripp-header-menu-height) + var(--tripp-spacing-sm)); }
.page-header.has-header-size-tall {
min-height: calc(50vw - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height)); }
.page-header.has-header-size-full {
min-height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height)); }
.page-header.has-header-size-full .page-title {
font-size: 15vw;
} .page-header.has-no-gap {
margin-bottom: 0;
} .page-header .header-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.page-header .header-background.has-background-parallax {
background-attachment: fixed;
}
.page-header .header-background.has-background-repeat {
background-repeat: repeat;
}
.page-header .header-background.has-background-auto {
background-size: auto;
}
.page-header .header-background.has-background-contain {
background-size: contain;
}
.page-header .header-background img {
height: 100%;
flex: 1;
object-fit: cover;
width: 100%;
}
.page-header.has-gradient-overlay .header-background::after {
background-image: linear-gradient(rgba(var(--tripp-color-background-rgb), 0.7), rgba(var(--tripp-color-background-rgb), 0.9) 50%, rgb(var(--tripp-color-background-rgb)));
bottom: -1px;
content: "";
display: block;
left: 0;
right: 0;
position: absolute;
top: 0;
z-index: 0;
}
.page-header .background-overlay {
display: none;
}
.page-header.has-background-image .background-overlay {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.page-header.has-gradient-overlay .background-overlay {
display: none;
}
.page-header .tripp-container {
z-index: 5;
}
.page-header .cover-image {
margin-bottom: 0;
text-align: left;
} .tripp-breadcrumb span,
.tripp-breadcrumb a {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: 1.3rem;
display: inline-block;
position: relative;
vertical-align: middle;
}
.tripp-breadcrumb a,
.breadcrumb-current {
display: inline-block;
max-width: 20rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
.tripp-breadcrumb a:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.tripp-breadcrumb a::after {
background-color: var(--tripp-color-on-header);
bottom: 0.2rem;
content: "";
height: 1px;
left: 0.05rem;
position: absolute;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s var(--tripp-transition-ease);
width: 100%;
}
.tripp-breadcrumb a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
.tripp-breadcrumb .breadcrumb-sep {
margin: 0.1rem 0.5rem 0;
}
.tripp-breadcrumb .breadcrumb-current {
font-weight: 600;
transition: color 0.3s var(--tripp-transition-ease);
}
.tripp-breadcrumb:hover .breadcrumb-current {
color: rgb(var(--tripp-color-on-surface-rgb));
} .has-header-archive .tripp-container {
align-items: center;
flex-direction: column;
display: flex;
}
.archive-image {
display: inline-block;
margin: 0 0 1rem;
position: relative;
z-index: 1;
}
.archive-image img {
background: rgb(var(--tripp-color-background-rgb));
border: 0.5rem solid transparent;
border-radius: 50%;
box-sizing: content-box;
display: block;
margin: 0 auto;
}
.archive.author .archive-image .flext-author-follow {
height: 4rem;
width: 4rem;
}
.archive-details {
position: relative;
text-align: center;
z-index: 1;
}
.has-header-archive .flext-social-icons {
margin-top: 1.5rem;
}
.archive.tag .page-title::before {
background: rgb(var(--tripp-color-on-surface-rgb));
border-radius: 50%;
color: rgb(var(--tripp-color-surface-rgb));
content: "\e200";
display: inline-flex;
font-family: tripp, sans-serif;
font-size: 50%;
justify-content: center;
height: 3rem;
line-height: 0;
margin-right: 1rem;
padding: 2rem;
vertical-align: middle;
width: 3rem;
}
.has-header-archive .page-description .flext-author-follow-numbers {
margin: 0;
}
.has-header-archive .flext-author-description {
margin: 1rem 0 3rem;
} .main-content {
min-height: 50vh;
overflow: hidden;
padding-left: var(--tripp-spacing-horizontal);
padding-right: var(--tripp-spacing-horizontal);
position: relative;
width: 100%;
z-index: 2;
}
.main-content > * {
margin: 0 auto var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
}
.aligncenter {
display: block;
text-align: center;
}
.main-content .alignnone,
.main-content .aligncenter,
.main-content .alignleft,
.main-content .alignright,
.main-content .alignwide {
float: none;
margin-right: auto;
margin-left: auto;
} .main-content .alignfull {
clear: both;
margin-left: calc(var(--tripp-spacing-horizontal) * -1);
margin-right: calc(var(--tripp-spacing-horizontal) * -1);
max-width: none;
padding-left: var(--tripp-spacing-horizontal);
padding-right: var(--tripp-spacing-horizontal);
width: auto;
}
.alignfull .alignfull {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
} .main-content .alignwide {
clear: both;
max-width: var(--tripp-wide-width);
position: relative;
width: 100%;
} .entry-content {
position: relative;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.entry-content > * + * {
margin-top: var(--tripp-spacing-md);
}
.entry-content > h1 + *,
.entry-content > h2 + *,
.entry-content > h3 + *,
.entry-content > h4 + *,
.entry-content > h5 + *,
.entry-content > h6 + * {
margin-top: var(--tripp-spacing-xs);
}
.entry-content > .alignfull {
margin-bottom: var(--tripp-spacing-vertical);
margin-top: var(--tripp-spacing-vertical);
}
.transparent-menu.has-menu-shadow .entry-content > .alignfull:first-child {
margin-top: var(--tripp-header-menu-height);
}
.entry-content > p:first-child:empty {
display: none;
}
.entry-content .aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
}
.main-content > .page > *:last-child,
.entry-content > *:last-child {
margin-bottom: 0;
}
.main-content::before,
.main-content::after,
.main-footer::before,
.main-footer::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after {
content: "";
display: table;
table-layout: fixed;
}
.main-content::after,
.main-footer::after,
.entry-content::after,
.comment-content::after {
clear: both;
}
.entry-content .is-layout-constrained > .alignright,
.entry-content .is-layout-constrained > .alignleft {
float: none;
margin-inline-start: 0;
}  .entry {
position: relative;
}
.entry-header {
line-height: 1.5;
}
.entry-title {
position: relative;
z-index: 1;
}
.entry-title a {
color: inherit;
opacity: 0.8;
overflow: hidden;
position: relative;
transition: color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
vertical-align: middle;
}
.entry-title a:hover {
opacity: 1;
}
.entry-background {
background: #000;
bottom: 0;
left: 0;
opacity: 0.1;
position: absolute;
right: 0;
top: 0;
}
.entry-media {
border-radius: 1.5rem;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.post-thumbnail {
position: relative;
width: 100%;
}
.post-thumbnail a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.post-thumbnail img {
display: block;
width: 100%;
}
.post-thumbnail .tripp-thumbnail-placeholder {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
}
.entry-summary {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.entry-summary > p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: var(--tripp-spacing-sm);
overflow: hidden;
}
.entry-summary blockquote p:last-child {
margin-bottom: 0;
}
.entry-summary blockquote cite {
color: #909ba9;
display: block;
margin-top: 1.5rem;
}
.more-link {
align-items: center;
border-radius: 50%;
color: rgb(var(--tripp-color-on-surface-rgb));
display: flex;
font-weight: 700;
letter-spacing: 0.14rem;
min-width: 3.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.more-link:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.more-link i {
display: inline-block;
margin: 0 0 0 1.5rem;
position: relative;
}
.more-link i::before {
background: rgb(var(--tripp-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
transform: rotate(90deg) translate3d(5px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 10px;
}
.more-link i::after {
background: rgb(var(--tripp-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
transform: translate3d(5px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 10px;
}
.more-link:hover i::before,
.more-link:hover i::after {
background: rgb(var(--tripp-color-primary-rgb));
}
.entry-meta {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: flex;
flex-wrap: wrap;
position: relative;
}
.entry-header .entry-meta {
align-items: center;
gap: 0.4rem 0.8rem;
width: 100%;
}
.entry-meta i {
display: inline-flex;
font-size: 80%;
}
.edit-link {
align-items: center;
display: inline-flex;
font-size: var(--tripp-font-size-xs);
line-height: 2rem;
}
.edit-link i {
font-size: 85%;
}
.term-links {
align-items: center;
display: inline-flex;
flex-flow: row nowrap;
gap: 0 0.5rem;
overflow: hidden;
}
.term-links a {
display: inline-block;
max-width: 20rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: baseline;
white-space: nowrap;
}
.terms-list {
display: flex;
gap: 0.6rem;
overflow-y: hidden;
overflow-x: auto;
}
.meta-category {
position: relative;
}
.meta-destination {
gap: 0.5rem 1.5rem;
position: relative;
}
.meta-destination a {
align-items: center;
display: inline-flex;
font-size: 1.6rem;
gap: 0.4rem;
}
.meta-destination a:hover {
text-decoration: none;
}
.meta-destination a i {
display: inline-block;
font-size: 90%;
height: 2rem;
line-height: 2rem;
}
.meta-destination a i::before {
margin-top: 0;
}
.meta-destination a img {
flex: 0 0 1.6rem;
border-radius: 50%;
transform: scale(0.95);
transition: transform 0.3s var(--tripp-transition-ease);
width: 1.6rem;
aspect-ratio: 1/1;
}
.meta-destination a:hover img {
transform: scale(1);
}
.meta-destination a > span {
font-family: var(--tripp-font-primary);
max-width: 100%;
overflow: hidden;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
}
.entry-footer {
display: flex;
flex-flow: row wrap;
font-size: var(--tripp-font-size-xs);
gap: 1.5rem 1rem;
margin-top: 1.5rem;
width: 100%;
}
.entry-footer .entry-meta {
align-items: flex-start;
flex-direction: column;
flex: 1 1 auto;
margin-bottom: 0;
max-width: 75%;
overflow: hidden;
width: 100%;
}
.entry-footer .entry-meta > div {
display: flex;
gap: 1rem;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.entry-footer .entry-meta > div > span {
align-items: baseline;
display: inline-flex;
gap: 0.5rem;
}
.avatar {
border-radius: 50%;
display: inline-block;
}
.entry-author {
align-items: center;
display: flex;
position: relative;
z-index: 2;
}
.entry-footer .entry-author {
flex-shrink: 0;
}
.entry-author > * {
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
.meta-date {
transition: color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
}
.meta-date:hover {
opacity: 1;
}
.meta-date .updated:not(.published) {
display: none;
} .entry-author.has-multi-author > a {
display: inline-flex;
position: relative;
}
.entry-author.has-multi-author img {
height: 3.2rem;
position: relative;
width: 3.2rem;
z-index: 4;
}
.entry-author.has-multi-author img:nth-child(2) {
margin-left: -0.2rem;
-webkit-mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask.svg);
mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask.svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
z-index: 3;
}
.rtl .entry-author.has-multi-author img:nth-child(2) {
-webkit-mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask-rtl.svg);
mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask-rtl.svg);
}
.entry-author.has-multi-author img:nth-child(3) {
margin-left: -1rem;
z-index: 2;
}
.entry-author.has-multi-author i {
background: rgba(var(--tripp-color-on-surface-rgb), 0.6);
border-radius: 50%;
color: rgb(var(--tripp-color-surface-rgb));
font-size: var(--tripp-font-size-md);
font-style: normal;
line-height: 3.2rem;
margin-left: -0.2rem;
-webkit-mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask.svg);
mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask.svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 3.2rem;
z-index: 3;
}
.rtl .entry-author.has-multi-author i {
-webkit-mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask-rtl.svg);
mask-image: url(//poptasi.com/wp-content/themes/tripp/assets/images/author-mask-rtl.svg);
}
.entry-buttons {
align-items: center;
display: flex;
gap: 0.5rem;
position: relative;
z-index: 2;
}
.posts-list .entry-buttons {
flex: 1 1 100%;
max-width: 100%;
}
.entry-buttons a {
align-items: center;
background-image: linear-gradient(45deg, rgba(var(--tripp-color-on-surface-rgb), 0.08), rgba(var(--tripp-color-on-surface-rgb), 0.08), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
border-radius: 1.6rem;
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-xs);
gap: 0.25rem;
justify-content: center;
min-width: 2.8rem;
min-height: 2.8rem;
transition: background-position 0.3s var(--tripp-transition-ease), background-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
overflow: hidden;
padding: 0 0.8rem;
position: relative;
}
.entry-buttons a:hover {
background-position: 95% 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.entry-buttons .tripp-rating-button .tripp-ico-star {
color: #fdaf40;
transition: color 0.3s var(--tripp-transition-ease);
}
.entry-buttons .tripp-rating-button:hover .tripp-ico-star {
color: rgb(var(--tripp-color-on-primary-rgb));
}
.entry-buttons .post-share {
margin: 0 0 0 auto;
}
.flext-post-likes.flext-like-button {
background: rgba(var(--tripp-color-on-surface-rgb), 0.1);
}
.flext-post-likes.flext-like-button .flext-ico-like::before {
content: "\e826";
font-family: tripp, sans-serif;
}
.flext-post-likes.flext-like-button:hover .flext-ico-like::before {
content: "\e825";
}
.flext-post-likes.flext-like-button:hover {
background-color: rgba(var(--tripp-color-red-rgb), 0.1);
color: rgb(var(--tripp-color-red-rgb));
}
.flext-post-likes.flext-unlike-button {
background-color: rgb(var(--tripp-color-red-rgb));
background-image: none;
background-position: unset;
color: #fff;
}
.flext-post-likes.flext-unlike-button:hover {
background-image: linear-gradient(45deg, rgba(var(--tripp-color-on-surface-rgb), 0.1), rgba(var(--tripp-color-on-surface-rgb), 0.1), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)));
}
.flext-post-likes.flext-is-loading::before {
background: rgb(var(--tripp-color-red-rgb));
}
.flext-post-likes.flext-is-loading::after {
border: 2px solid #fff;
border-top-color: transparent;
}
.flext-post-likes i {
color: inherit;
transform-origin: center 35%;
transition: transform 0.2s var(--tripp-transition-ease);
}
.flext-post-likes:hover i {
transform: scale(1.18);
}
.flext-post-unlikes.flext-is-loading::before {
background: #2e2e2e;
}
.flext-ico-date::before {
content: "\e211";
font-family: tripp, sans-serif;
}
.flext-ico-view::before {
content: "\e203";
font-family: tripp, sans-serif;
}
.flext-ico-share::before {
content: "\e205";
font-family: tripp, sans-serif;
} .post-loader {
border-radius: 8px;
justify-content: center;
margin: auto;
position: relative;
}
.post-loader::before {
animation: tripp-spin 1s infinite linear;
border: 2px solid #a0a0a0;
border-radius: 50%;
border-top-color: #d4d4d4;
content: "";
display: inline-block;
height: 3.5rem;
outline: 1px solid transparent;
position: relative;
width: 3.5rem;
vertical-align: middle;
}
@keyframes tripp-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .edit-link a,
.entry-meta a,
.meta-category a {
color: inherit;
}
.edit-link a:hover,
.entry-meta a:hover,
.meta-category a:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
text-decoration: underline;
} .post-password-required .entry-title a::before,
.post-password-protected .entry-title a::before {
content: "\e225";
display: inline-block;
font-family: tripp, sans-serif;
font-size: 90%;
font-weight: 400;
margin-right: 0.4rem;
}
.post-password-form {
background: rgba(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
overflow: hidden;
padding: var(--tripp-spacing-md);
}
.post-password-form::before {
color: rgb(var(--tripp-color-on-primary-rgb));
content: "\e225";
display: inline-block;
font-family: tripp, sans-serif;
font-size: var(--tripp-font-size-lg);
padding: 0.2rem 0.7rem;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.post-password-form::after {
border-left: 6rem solid transparent;
border-top: 6rem solid rgb(var(--tripp-color-primary-rgb));
content: "";
position: absolute;
right: 0;
top: 0;
}
.entry-summary .post-password-form {
background: rgba(153, 153, 153, 0.06);
}
.post-password-form > p {
align-items: flex-end;
display: flex;
flex-flow: row wrap;
margin-bottom: 2rem;
width: 100%;
}
.post-password-form > p:first-child {
font-size: var(--tripp-font-size-md);
line-height: 1.5;
}
.post-password-form > p:last-child {
margin-bottom: 0;
}
.post-password-form input {
margin-bottom: 1rem;
width: 100%;
}
.post-password-form label {
margin: 0;
width: 100%;
}
.post-password-form label input {
margin-top: 0.5rem;
} .tripp-posts {
position: relative;
}
.main-content > .main-posts {
max-width: none;
}
.posts-list .entry {
color: rgb(var(--tripp-color-on-surface-rgb));
overflow: hidden;
position: relative;
}
.posts-list .meta-category {
display: flex;
width: 100%;
}
.no-results {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: var(--tripp-spacing-horizontal);
margin-top: var(--tripp-spacing-horizontal);
text-align: center;
}
.main-posts .no-results {
min-height: 40vh;
}
.main-posts .no-results::before {
color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
content: "\e82c";
font-family: tripp, sans-serif;
font-size: 10vw;
font-weight: 600;
left: 50%;
line-height: 1;
position: absolute;
transform: translateX(-50%);
}
.main-posts .posts-list .sticky .content-inner {
position: relative;
}
.main-posts .posts-list .sticky .entry-title a::before {
color: rgb(var(--tripp-color-primary-rgb));
content: "\e806";
font-family: tripp, sans-serif;
display: inline-block;
line-height: 1;
padding-right: 1rem;
}
.posts-list .entry-header {
display: flex;
flex-flow: row wrap;
gap: 0.6rem 1rem;
}
.posts-list .entry-title {
width: 100%;
}
.posts-list .entry-media .post-thumbnail,
.posts-list .entry-media .post-thumbnail a,
.posts-list .entry-media .post-thumbnail img {
flex: 1;
height: 100%;
object-fit: cover;
} .posts-filters {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0 var(--tripp-spacing-xs);
justify-content: flex-end;
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-wide-width);
position: relative;
z-index: 20;
}
.has-gradient-overlay + .main-posts .posts-filters {
margin-top: 0;
}
.posts-filters .terms-list {
gap: 0 0.8rem;
list-style: none;
margin: 0;
padding: 0;
}
.posts-filters .terms-list li {
align-items: center;
display: inline-flex;
height: 4rem;
margin: 0;
padding: 0;
}
.posts-filters .terms-list li a {
border-radius: 0.8rem;
color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
display: inline-block;
height: 4rem;
line-height: 3rem;
max-width: 30rem;
overflow: hidden;
padding: 0.5rem 1rem;
position: relative;
text-overflow: ellipsis;
transition: background-color 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
white-space: nowrap;
}
.posts-filters .terms-list li a:hover {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.06);
}
.posts-filters .terms-list li.is-selected a,
.posts-filters .terms-list li.is-selected a:hover {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.95);
color: rgb(var(--tripp-color-surface-rgb));
}
.filter-types,
.filter-categories {
align-items: center;
display: flex;
margin: 0;
overflow: hidden;
position: relative;
}
.filter-types {
flex: 0 0 auto;
width: 100%;
}
.filter-types .terms-list {
gap: 0 var(--tripp-spacing-xs);
width: 100%;
}
.posts-filters .filter-types .terms-list li {
display: flex;
flex: 1 1 50%;
max-width: 50%;
}
.filter-types .terms-list li a {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
background: linear-gradient(45deg, transparent, transparent, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
font-weight: 600;
transition: background-color 0.3s var(--tripp-transition-ease), background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
text-align: center;
width: 100%;
}
.posts-filters .filter-types .terms-list li.is-selected a:hover {
background-color: transparent;
background-position: 70% 0%;
border-color: transparent;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.posts-filters .filter-types .terms-list li a:hover,
.posts-filters .filter-types .terms-list li.is-selected a {
background-color: transparent;
background-position: 100% 0;
border-color: transparent;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.filter-destinations {
margin-right: auto;
max-width: 20rem;
position: relative;
}
.destinations-list.is-touch-menu {
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
width: calc(100vw - (var(--tripp-spacing-horizontal) * 2));
}
.filter-destinations .destination-button {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-radius: 0.8rem;
flex-flow: row nowrap;
gap: 0.75rem;
height: 4rem;
margin: 1.5rem 0;
max-width: 100%;
padding: 0.5rem 1rem;
transition: background-color 0.25s ease-out, border 0.25s ease-out;
}
.filter-destinations .destination-button.is-selected {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
border: 1px solid rgb(var(--tripp-color-background-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
transition: background-color 0.3s var(--tripp-transition-ease), background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.filter-destinations .destination-button > i {
transition: transform 0.3s var(--tripp-transition-ease);
}
.filter-destinations.is-menu-open > .destination-button > i {
transform: rotate(180deg);
}
.filter-destinations li {
display: flex;
min-width: 25rem;
}
.filter-destinations > li {
padding: 0 2rem;
}
.filter-categories {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
flex: 1 1 100%;
order: 1;
padding: var(--tripp-spacing-xs) 0;
width: 100%;
}
.filter-sortby {
flex: 0 0 auto;
position: relative;
z-index: 999;
}
.filter-sortby .sortby-button {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-radius: 0.8rem;
height: 4rem;
margin: 1rem 0;
padding: 0.5rem 1rem;
transition: background-color 0.25s ease-out;
}
.filter-sortby.is-menu-open > button > i::before {
content: "\e209";
}
.filter-sortby .sortby-button span {
display: none;
}
.filter-sortby .tripp-list {
left: auto;
right: 0;
transform-origin: top right;
}
.filter-toggle-button {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-radius: 0.8rem;
height: 4rem;
margin: 1rem 0;
padding: 0.25rem 1rem;
transition: background-color 0.25s ease-out;
}
.filter-toggle-button:hover {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
}
.filter-toggle-button.is-selected {
background: rgba(var(--tripp-color-on-surface-rgb), 0.8);
color: rgb(var(--tripp-color-surface-rgb));
}
.filter-toggle-button.is-selected i::before {
content: "\e209";
}
.filter-toggle-button span {
align-items: center;
background: rgb(var(--tripp-color-secondary-rgb));
border-radius: 50%;
color: rgb(var(--tripp-color-on-secondary-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-xs);
font-weight: 700;
justify-content: center;
margin: 0 0 0 0.5rem;
height: 2.2rem;
width: 2.2rem;
}
.posts-filters .filter-options {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
color: rgb(var(--tripp-color-on-surface-rgb));
display: none;
order: 5;
padding: 2rem;
position: relative;
width: 100%;
}
.filter-options .filter-taxonomies {
gap: var(--tripp-spacing-sm);
}
.filter-taxonomies .filter-tax::before {
background: rgba(255, 255, 255, 0.15);
display: block;
content: "";
margin-bottom: 1.5rem;
height: 1px;
width: 100%;
}
.filter-taxonomies .filter-tax:first-child::before {
display: none;
}
.filter-options .filter-taxonomies .filter-tax h2 {
font-size: var(--tripp-font-size-base);
text-transform: uppercase;
}
.filter-taxonomies .filter-terms {
display: flex;
flex-flow: row wrap;
gap: 1rem;
list-style: none;
margin: 1.5rem 0;
max-height: 13rem;
overflow: auto;
padding: 0 1rem 0 0;
}
.filter-taxonomies .filter-terms li {
margin: 0;
}
.filter-options .filter-terms a {
background: rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 0.6rem;
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-block;
padding: 0.3rem 1.2rem;
position: relative;
transform: translate3d(0, 0, 0);
transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
.filter-options .filter-terms a:hover {
background: rgba(var(--tripp-color-on-surface-rgb), 0.16);
}
.filter-taxonomies .filter-terms li.is-selected a {
background-color: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
.filter-options .filter-terms .is-selected a::after {
align-items: center;
border-radius: 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
content: "\e209";
display: inline-flex;
font-family: tripp, sans-serif;
font-size: 76%;
font-weight: 700;
justify-content: center;
line-height: 1;
margin: 0 0 0 0.5rem;
opacity: 0.4;
transition: background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
text-align: center;
z-index: 1;
}
.filter-options .filter-terms .is-selected a:hover::after {
opacity: 1;
}
.filter-buttons {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
margin-top: 2rem;
padding-top: 2rem;
}
.filter-buttons a {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 0.8rem;
color: inherit;
display: inline-block;
font-size: var(--tripp-font-size-sm);
padding: 1rem 2rem;
transition: background-color 0.3s, color 0.3s;
}
.filter-buttons a:hover {
background: rgb(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
}
.filter-buttons a.disabled {
opacity: 0.7;
pointer-events: none;
}
.filter-buttons a i {
font-size: 80%;
margin-right: 0.5rem;
}  .posts-list .format-quote .post-quote a {
display: block;
}
.posts-list .format-quote .post-quote blockquote {
color: inherit;
font-size: var(--tripp-font-size-lg);
left: 0;
max-height: 100%;
padding: 0;
z-index: 5;
}
.posts-list .format-quote .post-quote blockquote::before {
clear: both;
display: block;
float: none;
font-size: 6rem;
margin-bottom: 0.8rem;
opacity: 1;
padding: 0;
}
.posts-list .format-quote .post-quote blockquote p {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
} .posts-list .format-gallery .flext-nav-button::after {
color: #fff;
font-size: var(--tripp-font-size-h5);
text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.entry-media .flext-post-gallery .total-images {
background: rgb(var(--tripp-color-surface-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
height: 2.6rem;
line-height: 2.2rem;
right: calc(var(--tripp-spacing-xs) + 4px);
top: var(--tripp-spacing-xs);
transition: opacity 0.3s, transform 0.3s;
padding: 0.25rem 0.5rem;
}
.entry-media .entry:hover .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-1rem);
}
.entry-media .flext-post-gallery .total-images::after {
border-color: rgb(var(--tripp-color-surface-rgb));
}
.entry-media .flext-gallery-slider .flext-button-prev {
bottom: var(--tripp-spacing-xs);
left: auto;
transform: translateY(0);
right: calc(var(--tripp-spacing-xs) + 3rem + 0.6rem);
top: auto;
}
.entry-media .flext-gallery-slider .flext-button-next {
bottom: var(--tripp-spacing-xs);
right: var(--tripp-spacing-xs);
transform: translateY(0);
top: auto;
} .posts-list .flext-featured-media .flext-media-link {
align-items: flex-start;
justify-content: flex-end;
}
.flext-featured-media .flext-media-button {
background: rgb(var(--tripp-color-white-rgb));
color: rgb(var(--tripp-color-black-rgb));
}
.posts-list .flext-featured-media .flext-media-button {
background: linear-gradient(45deg, rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 450% 100%;
border-radius: 50%;
font-size: inherit;
height: 3.2rem;
margin: var(--tripp-spacing-xs);
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
width: 3.2rem;
}
.flext-featured-media .flext-media-button::before,
.flext-featured-media .flext-media-button::after,
.posts-list .flext-featured-media .flext-media-button::before,
.posts-list .flext-featured-media .flext-media-button::after {
display: none;
}
.posts-list .flext-post-video.flext-is-playing .flext-media-button {
opacity: 1;
}
.posts-list .flext-featured-media.flext-is-playing .flext-media-button i::before {
content: "\e905";
}
.posts-list .flext-post-audio.flext-is-playing .flext-sound-wave-icon {
height: 3.2rem;
right: var(--tripp-spacing-xs);
top: var(--tripp-spacing-xs);
width: 3.2rem;
}
.flext-post-audio.flext-is-playing .flext-sound-wave-icon span {
background: rgb(var(--tripp-color-black-rgb));
}
.posts-list .flext-post-audio.flext-is-playing .flext-sound-wave-icon span {
height: 0.2rem;
width: 0.15rem;
} .entry-media .flext-media-controls {
gap: 0.8rem;
}
.posts-list .entry-media .flext-media-controls {
bottom: auto;
display: flex;
flex-flow: column nowrap;
margin-top: 3.2rem;
right: var(--tripp-spacing-xs);
top: calc(0.8rem + var(--tripp-spacing-xs));
transform: translate(0);
transition-delay: 0.2s;
}
.posts-list .entry-media .flext-post-video.flext-media-active .flext-media-controls,
.posts-list .entry-media .flext-post-audio.flext-media-active.flext-is-playing .flext-media-controls {
opacity: 1;
transition-delay: 0s;
visibility: visible;
}
.entry-media .flext-media-controls button {
background: linear-gradient(45deg, rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-white-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 450% 100%;
border-radius: 50%;
color: rgb(var(--tripp-color-black-rgb));
margin: 0;
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
}
.posts-list .entry-media .flext-media-controls button {
animation: tripp-bounce-out 0.2s var(--tripp-transition-ease) forwards;
height: 3.2rem;
opacity: 1;
width: 3.2rem;
}
.posts-list .flext-featured-media .flext-media-button:hover,
.entry-media .flext-media-controls button:hover {
background-color: transparent;
background-position: 100% 0;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.posts-list .entry-media .flext-media-controls button:first-child {
margin: 0;
}
.posts-list .entry-media .flext-media-controls .flext-play-button {
display: none;
}
.posts-list .entry-media .flext-post-video.flext-media-active .flext-media-controls button,
.posts-list .entry-media .flext-post-audio.flext-media-active.flext-is-playing .flext-media-controls button {
animation: tripp-bounce-in 0.4s var(--tripp-transition-ease) both;
}
.posts-list .entry-media:hover .flext-media-active .flext-media-controls button:nth-child(3),
.posts-list .entry-media:hover .flext-post-audio.flext-media-active.flext-is-playing .flext-media-controls button:nth-child(3) {
animation-delay: 0.2s;
}
.posts-list .entry-media .flext-media-controls button:nth-child(2) {
animation-delay: 0.2s;
}
@keyframes flext-sound-wave {
0% {
opacity: 0.35;
height: 0.3rem;
}
100% {
opacity: 1;
height: 1.5rem;
}
}
@keyframes tripp-bounce-in {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 0.9;
transform: scale(1.1);
}
80% {
opacity: 1;
transform: scale(0.89);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes tripp-bounce-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
transform: scale(0);
}
} .posts-list .format-link.has-post-thumbnail .post-thumbnail:hover img {
transform: scale(1) translateZ(0);
}
.posts-list .format-link .entry-header {
gap: 1rem;
justify-content: center;
}
.posts-list .format-link .entry-title {
margin-bottom: 0;
text-align: center;
}
.posts-list .format-link.has-post-thumbnail .entry-title {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-sm);
}
.posts-list .format-link .entry-title:hover::before {
display: none;
}
.posts-list .format-link .edit-link {
font-size: var(--tripp-font-size-xs);
}
.posts-list .entry.format-link::after {
align-items: center;
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 50%;
color: rgb(var(--tripp-color-on-surface-rgb));
content: "\e216";
font-family: tripp, sans-serif;
display: inline-flex;
height: 3.2rem;
justify-content: center;
right: var(--tripp-spacing-xs);
position: absolute;
top: var(--tripp-spacing-xs);
width: 3.2rem;
z-index: 5;
} .partial-content.is-loading .posts-layout-grid .has-content-placeholder .entry.format-link::after {
animation: tripp-xt-posts-loading-placeholder 1.25s linear forwards infinite;
background: var(--tripp-xt-loading-placholder-background);
background-size: 200% 100%;
border-radius: 0;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scale(1);
width: 100%;
z-index: 20;
} .posts-list .entry:not(.has-post-thumbnail).has-coupon .content-inner::after,
.posts-list .has-post-thumbnail.has-coupon .entry-media::after,
.posts-layout-grid .entry:not(.has-post-thumbnail).format-quote.has-coupon .entry-media::after,
.flext-block-post-carousel .entry:not(.has-post-thumbnail).format-quote.has-coupon .entry-media::after,
.tripp-xt-block-posts .format-quote.has-coupon:not(.has-post-thumbnail)::after {
align-items: center;
background: #fccd3f;
border-radius: 50%;
color: #141414;
content: "\e206";
font-family: tripp, sans-serif;
font-size: 1.8rem;
display: inline-flex;
height: 3.2rem;
justify-content: center;
right: var(--tripp-spacing-xs);
position: absolute;
top: var(--tripp-spacing-xs);
width: 3.2rem;
z-index: 5;
}
.posts-layout-grid .entry:not(.has-post-thumbnail).format-quote.has-coupon .content-inner::after,
.flext-block-post-carousel .entry:not(.has-post-thumbnail).format-quote.has-coupon .content-inner::after,
.tripp-xt-block-posts .entry:not(.has-post-thumbnail).format-quote.has-coupon .content-inner::after {
display: none;
}
.tripp-xt-block-posts.is-style-2-columns .posts-list .format-gallery.has-coupon:nth-child(3n+1) .entry-media::after,
.tripp-xt-block-posts.is-style-3-columns .format-gallery.has-coupon:nth-child(-n+2) .entry-media::after,
.posts-list .format-gallery.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2rem);
}
.posts-list .format-audio.has-coupon .entry-media::after,
.posts-list .format-video.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2.5rem);
transform: translateZ(0);
}
.tripp-xt-block-posts.is-style-2-columns .format-audio.has-coupon:not(:nth-child(3n+1)) .entry-media::after,
.tripp-xt-block-posts.is-style-2-columns .format-video.has-coupon:not(:nth-child(3n+1)) .entry-media::after {
right: var(--tripp-spacing-xs);
}
.tripp-xt-block-posts.is-style-2-columns .posts-list .format-gallery.has-coupon:not(:nth-child(3n+1)) .entry-media::after,
.tripp-xt-block-posts.is-style-3-columns .format-gallery.has-coupon:not(:nth-child(-n+2)) .entry-media::after {
right: var(--tripp-spacing-xs);
} .tripp-xt-block-posts.is-style-3-columns .has-post-thumbnail.has-coupon:not(:nth-child(-n+2)) .entry-media::after {
font-size: 80%;
height: 2.8rem;
right: 1rem;
top: 1rem;
width: 2.8rem;
}
.tripp-xt-block-posts.is-style-3-columns .has-coupon:not(:nth-child(-n+2)):not(.has-post-thumbnail) .content-inner,
.tripp-xt-block-posts.is-style-3-columns .format-quote.has-coupon:not(:nth-child(-n+2)):not(.has-post-thumbnail) blockquote p {
margin-right: 8rem;
}
.tripp-xt-block-posts.is-style-3-columns .has-coupon:not(:nth-child(-n+2)):not(.has-post-thumbnail) .content-inner::after {
right: 0;
top: 0;
} .posts-list .entry.has-coupon:not(.has-post-thumbnail) .flext-quick-view-button,
.tripp-xt-block-posts.is-style-3-columns .format-quote:not(:nth-child(-n+2)):not(.has-post-thumbnail) .flext-quick-view-button,
.tripp-xt-block-posts.is-style-2-columns .format-quote:not(:nth-child(3n+1)):not(.has-post-thumbnail) .flext-quick-view-button {
right: calc(var(--tripp-spacing-xs) + 4.2rem);
}
.tripp-xt-block-posts.is-style-3-columns .has-coupon:not(:nth-child(-n+2)):not(.has-post-thumbnail) .flext-quick-view-button {
right: 4.2rem;
top: 0;
}
.tripp-xt-block-posts.is-style-3-columns .format-quote.has-coupon:not(:nth-child(-n+2)):not(.has-post-thumbnail) .flext-quick-view-button {
top: var(--tripp-spacing-xs);
right: calc(var(--tripp-spacing-xs) + 4.2rem);
} .posts-list .format-link:not(.has-post-thumbnail).has-coupon .content-inner::after,
.posts-list .format-link.has-post-thumbnail.has-coupon .entry-media::after,
.tripp-xt-block-posts.is-style-3-columns .format-link.has-coupon:not(:nth-child(-n+2)) .content-inner::after {
display: none;
} .partial-content.is-loading .posts-layout-grid .has-content-placeholder .entry:not(.has-post-thumbnail).format-quote.has-coupon .entry-media::after {
animation: tripp-xt-posts-loading-placeholder 1.25s linear forwards infinite;
background: var(--tripp-xt-loading-placholder-background);
background-size: 200% 100%;
border-radius: 0;
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 20;
}
.partial-content.is-loading .posts-list.has-content-placeholder .has-post-thumbnail.has-coupon .entry-media::after {
border-radius: 0;
height: 100%;
width: 100%;
} .posts-style-text-overlay .entry {
align-items: flex-start;
background: rgb(var(--tripp-color-surface-rgb));
box-shadow: 0 0 0 1px rgba(var(--tripp-color-on-surface-rgb), 0.03);
border-radius: 1.5rem;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
min-height: 30rem;
overflow: hidden;
transform: translateZ(0);
}
.posts-style-text-overlay .entry-media {
border-radius: 1.5rem 1.5rem 0 0;
height: 100%;
margin-bottom: 7rem;
width: 100%;
}
.posts-style-text-overlay .entry-title {
font-size: var(--tripp-font-size-lg);
margin-bottom: 0;
}
.posts-style-text-overlay .entry-title a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-style-text-overlay .entry:not(.has-post-thumbnail) .entry-header .entry-meta {
margin-right: 8.5rem;
}
.posts-style-text-overlay .entry .entry-footer {
margin: 0;
z-index: 10;
}
.posts-style-text-overlay .entry:hover .flext-featured-image-rollover {
opacity: 1;
}
.posts-style-text-overlay .content-inner {
display: flex;
flex-flow: column nowrap;
height: 100%;
justify-content: space-between;
padding: calc(var(--tripp-spacing-xs) + 1rem) var(--tripp-spacing-xs) var(--tripp-spacing-xs);
width: 100%;
z-index: 5;
}
.posts-style-text-overlay .has-post-thumbnail .content-inner {
border-radius: 0 0 1rem 1rem;
bottom: 0;
color: rgb(var(--tripp-color-on-surface-rgb));
gap: 1.5rem 0;
height: auto;
min-height: 9.2rem;
overflow: hidden;
padding-top: 0;
position: absolute;
transition: opacity 0.3s var(--tripp-transition-ease);
}
.posts-style-text-overlay .has-post-thumbnail .entry-media::before {
background-image: linear-gradient(to top, rgb(var(--tripp-color-surface-rgb)) 0%, rgba(var(--tripp-color-surface-rgb), 0.69) 50%, rgba(var(--tripp-color-surface-rgb), 0) 100%);
bottom: -1px;
content: "";
height: calc(100%/3);
left: 0;
overflow: hidden;
position: absolute;
right: 0;
transition: opacity 0.3s var(--tripp-transition-ease);
z-index: 3;
}
.posts-style-text-overlay .flext-post-likes:hover i {
transform: scale(1.2);
} .posts-style-text-overlay .format-quote {
box-shadow: none;
min-height: 52rem;
}
.posts-style-text-overlay .format-quote > div {
--tripp-color-on-surface-rgb: var(--tripp-color-on-primary-rgb);
}
.posts-style-text-overlay .format-quote .flext-post-likes.flext-like-button {
--tripp-color-on-surface-rgb: var(--tripp-color-on-primary-rgb);
background-image: none;
}
.posts-style-text-overlay .format-quote .entry-buttons a {
--tripp-color-on-surface-rgb: var(--tripp-color-on-primary-rgb);
}
.posts-style-text-overlay .format-quote:hover > div,
.posts-style-text-overlay .format-quote:hover .flext-post-likes.flext-like-button,
.posts-style-text-overlay .format-quote:hover .entry-buttons a {
--tripp-color-on-surface-rgb: var(--tripp-color-on-secondary-rgb);
}
.posts-style-text-overlay .format-quote .post-quote {
align-items: center;
background: #fff linear-gradient(to top, rgba(var(--tripp-color-secondary-rgb), 0.6), rgba(var(--tripp-color-secondary-rgb), 0.6));
display: flex;
height: 100%;
justify-content: center;
position: absolute;
z-index: 5;
}
.posts-style-text-overlay .format-quote .entry-media {
margin-bottom: 0;
}
.posts-style-text-overlay .format-quote.has-post-thumbnail .post-quote {
bottom: 0;
left: 0;
opacity: 0.9;
position: absolute;
right: 0;
top: 0;
}
.posts-style-text-overlay .format-quote .post-quote a::after {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-primary-rgb), 0.6), rgba(var(--tripp-color-primary-rgb), 0.6));
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s;
}
.posts-style-text-overlay .format-quote:hover .post-quote a::after {
opacity: 0;
}
.posts-style-text-overlay .format-quote .post-quote a,
.posts-style-text-overlay .format-quote .entry-header {
color: rgb(var(--tripp-color-on-primary-rgb));
}
.posts-style-text-overlay .format-quote:hover .post-quote a {
color: rgb(var(--tripp-color-on-secondary-rgb));
}
.posts-style-text-overlay .format-quote .post-quote blockquote {
padding: var(--tripp-spacing-xs);
}
.posts-style-text-overlay .format-quote blockquote cite {
opacity: 1;
}
.posts-style-text-overlay .format-quote .content-inner,
.posts-style-text-overlay .format-quote .entry-footer {
background: none;
}
.posts-style-text-overlay .format-quote .content-inner {
--tripp-color-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-white-rgb);
border-radius: 0 0 1rem 1rem;
bottom: 0;
color: rgb(var(--tripp-color-on-surface-rgb));
gap: 1.5rem 0;
height: auto;
justify-content: flex-end;
left: 0;
min-height: 9.2rem;
order: 1;
overflow: hidden;
position: absolute;
right: 0;
}
.posts-style-text-overlay .has-post-thumbnail.format-quote .content-inner {
background: none;
color: inherit;
}
.posts-style-text-overlay .format-quote .entry-footer {
margin: 0;
}
.posts-style-text-overlay .format-quote .edit-link {
color: rgb(var(--tripp-color-on-primary-rgb));
}
.posts-style-text-overlay .format-quote:hover .edit-link,
.posts-style-text-overlay .format-quote:hover .edit-link a:hover {
color: rgb(var(--tripp-color-on-secondary-rgb));
}
.posts-style-text-overlay .flext-post-gallery .total-images {
right: calc(var(--tripp-spacing-xs) + 4px);
top: var(--tripp-spacing-xs);
} .posts-style-text-overlay .format-link .content-inner {
justify-content: center;
}
.posts-style-text-overlay .format-link.has-post-thumbnail .entry-media {
height: 100%;
}
.posts-style-text-overlay .format-link.has-post-thumbnail .entry-media::before {
height: 10rem;
}
.posts-style-text-overlay .format-link.has-post-thumbnail .content-inner {
bottom: 0;
margin: 0;
min-height: 0;
position: absolute;
} .posts-layout-list .posts-list {
margin-left: calc(var(--tripp-spacing-horizontal) * -1);
margin-right: calc(var(--tripp-spacing-horizontal) * -1);
max-width: none;
}
.posts-layout-list .entry {
margin: var(--tripp-spacing-horizontal);
overflow: unset;
}
.posts-layout-list .posts-list .entry.format-link .entry-inner::after {
align-items: center;
background: rgba(var(--tripp-color-on-surface-rgb), 0.3);
border-radius: 50%;
color: rgb(var(--tripp-color-surface-rgb));
content: "\e216";
font-family: tripp, sans-serif;
display: inline-flex;
height: 3.2rem;
justify-content: center;
right: var(--tripp-spacing-xs);
position: absolute;
top: var(--tripp-spacing-xs);
width: 3.2rem;
z-index: 5;
}
.posts-layout-list .entry .entry-inner {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
box-shadow: 0 0 0 1px rgba(var(--tripp-color-on-surface-rgb), 0.03);
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.posts-layout-list .sticky .entry-media::before {
background-color: rgb(var(--tripp-color-primary-rgb));
content: "";
display: block;
position: absolute;
height: 0.3rem;
top: 0;
right: 0;
width: 100%;
z-index: 999;
}
.posts-layout-list .entry-media {
border-radius: 0;
}
.posts-layout-list .entry:not(.has-post-thumbnail) .entry-header .entry-meta {
margin-right: 8.5rem;
}
.posts-layout-list .meta-destination a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.posts-layout-list .entry .entry-media .flext-media-controls button {
height: 4rem;
width: 4rem;
}
.posts-layout-list .entry-media img {
transform: scale(1);
transition: transform 1s;
}
.posts-layout-list .entry-media:hover img {
transform: scale(1.1);
}
.posts-layout-list .entry-summary {
margin-top: auto;
}
.posts-layout-list .entry .entry-media {
flex: 1 1 100%;
width: 100%;
}
.posts-layout-list .entry .content-inner {
display: flex;
flex: 1 1 100%;
flex-direction: column;
padding: var(--tripp-spacing-xs);
width: 100%;
}
.posts-layout-list .entry .entry-title a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.posts-layout-list .entry-summary .post-password-form {
margin: var(--tripp-spacing-xs) 0;
}
.posts-layout-list .entry-footer {
margin-top: var(--tripp-spacing-md);
}
.posts-layout-list .term-links a {
max-width: 15rem;
}
.posts-layout-list .entry-buttons a {
min-width: 3rem;
min-height: 3rem;
} .posts-layout-list .entry-media .flext-media-controls {
margin-top: 4rem;
} .posts-layout-list .format-quote .edit-link {
display: block;
}
.posts-layout-list .format-quote .content-inner .entry-header {
margin-bottom: var(--tripp-spacing-xs);
}
.posts-layout-list .format-quote .entry-summary {
color: rgb(var(--tripp-color-on-surface-rgb));
margin: 0 0 auto 0;
position: relative;
}
.posts-layout-list .format-quote .post-quote a {
color: inherit;
}
.posts-layout-list .format-quote .post-quote a:hover {
color: rgb(var(--tripp-color-primary-rgb));
} .posts-layout-list .posts-list .entry.format-link::after {
display: none;
}
.posts-layout-list .format-link.has-post-thumbnail .content-inner {
bottom: 0;
display: inline-block;
left: 0;
padding: var(--tripp-spacing-xs);
position: absolute;
right: 0;
z-index: 2;
}
.posts-layout-list .format-link.has-post-thumbnail .entry-media::before {
background-image: linear-gradient(to top, rgb(var(--tripp-color-surface-rgb)) 0%, rgba(var(--tripp-color-surface-rgb), 0.69) 50%, rgba(var(--tripp-color-surface-rgb), 0) 100%);
bottom: -1rem;
content: "";
height: 10rem;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
z-index: 4;
}
.posts-layout-list .format-link:not(.has-post-thumbnail) .entry-header {
margin: 4rem auto;
max-width: var(--tripp-content-width);
}
.posts-layout-list .format-link:not(.has-post-thumbnail) .entry-title {
font-size: var(--tripp-font-size-h3);
} .posts-layout-grid .posts-filters {
margin: var(--tripp-grid-gap) auto;
}
.posts-layout-grid .posts-list {
display: grid;
gap: var(--tripp-grid-gap);
grid-template-columns: repeat(var(--tripp-grid-columns), minmax(10rem, 1fr));
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-wide-width);
width: 100%;
}
.main-posts.posts-layout-grid .posts-list {
margin: var(--tripp-grid-gap) auto var(--tripp-spacing-horizontal);
}
.main-posts.posts-layout-grid .sticky::before {
background-color: rgb(var(--tripp-color-primary-rgb));
content: "";
display: block;
position: absolute;
height: 0.3rem;
top: 0;
right: 0;
width: 100%;
z-index: 999;
}
.posts-layout-grid .entry-meta i {
font-size: 85%;
} .posts-layout-search .posts-list {
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-wide-width);
}
.posts-layout-search .entry {
border-bottom: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
display: flex;
flex-flow: row nowrap;
gap: var(--tripp-spacing-md);
margin: var(--tripp-spacing-md) 0;
padding: 0 0 var(--tripp-spacing-sm) 0;
width: 100%;
}
.posts-layout-search.is-loading .entry {
border-color: transparent;
}
.posts-layout-search .entry .post-thumbnail {
flex: 0 0 auto;
max-width: 15rem;
width: auto;
}
.posts-layout-search .post-thumbnail img {
border-radius: 1.5rem;
transform: scale(1);
transition: transform 1s;
}
.posts-layout-search .post-thumbnail:hover img {
transform: scale(1.1);
}
.posts-layout-search .sticky .post-thumbnail::before {
background-color: rgb(var(--tripp-color-primary-rgb));
content: "";
display: block;
position: absolute;
height: 0.3rem;
top: 0;
right: 0;
width: 100%;
z-index: 999;
}
.posts-layout-search .entry .content-inner {
flex: 1 1 100%;
width: 100%;
}
.posts-layout-search .entry-header {
gap: 0.5rem 1rem;
margin-bottom: 2rem;
}
.posts-layout-search .entry-summary > p {
margin-bottom: 2rem;
}
.posts-layout-search .entry .entry-title {
margin: 0;
}
.posts-layout-search .entry .entry-title a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-layout-search .post-password-form {
background: rgba(153, 153, 153, 0.06);
}  .posts-list .entry .post-thumbnail img,
.posts-list .format-audio .entry-media img {
transform: translateZ(0);
transform-origin: center center;
transition: transform 0.8s var(--tripp-transition-ease);
}
.posts-list .entry .post-thumbnail:hover img,
.posts-list .format-audio .entry-media:hover img {
transform: scale(1.04) translateZ(0);
} .has-post-animation .more-link .tripp-arrow-icon {
opacity: 0;
transform: translateX(-9rem);
}
.has-post-animation .tripp-active .more-link .tripp-arrow-icon {
opacity: 1;
transform: translateX(0);
}
.entry.flext-has-animation {
animation-delay: var(--tripp-transition-delay);
} .posts-animation-1 .entry {
opacity: 0;
transform: scale(0.8);
transition:
opacity 0.5s var(--tripp-transition-ease),
transform 0.5s var(--tripp-transition-ease);
}
.posts-animation-1 .entry.tripp-active {
opacity: 1;
transform: scale(1);
}
.posts-animation-1 .more-link .tripp-arrow-icon {
opacity: 0;
transform: translateX(-9rem);
transition: opacity 0.4s var(--tripp-transition-ease) 0.4s, transform 0.3s var(--tripp-transition-ease) 1s;
}
.posts-animation-1.posts-layout-list .entry-header,
.posts-animation-1.posts-layout-list .entry-summary,
.posts-animation-1.posts-layout-list .more-link span,
.posts-animation-1.posts-layout-list .entry-footer {
clip-path: inset(0 100% 0 0);
transform-origin: left bottom;
z-index: 9;
}
.posts-animation-1.posts-layout-list .tripp-active .entry-header {
clip-path: inset(0 0 0 0);
transition: clip-path 0.6s var(--tripp-transition-ease) 0.5s;
}
.posts-animation-1.posts-layout-list .tripp-active .entry-summary {
clip-path: inset(0 0 0 0);
padding-bottom: 0.5rem;
transition: clip-path 0.6s var(--tripp-transition-ease) 0.8s;
}
.posts-animation-1.posts-layout-list .entry-summary p {
clip-path: inset(0 100% 0 0);
transform-origin: left bottom;
transition: clip-path 0.3s var(--tripp-transition-ease);
z-index: 9;
}
.posts-animation-1.posts-layout-list .tripp-active .entry-summary p {
clip-path: inset(0 0 0 0);
transition: clip-path 0.6s var(--tripp-transition-ease) 0.8s;
}
.posts-animation-1.posts-layout-list .tripp-active .more-link span {
clip-path: inset(0 0 0 0);
transition: clip-path 0.4s var(--tripp-transition-ease) 1s;
}
.posts-animation-1.posts-layout-list .tripp-active .entry-footer {
clip-path: inset(0 0 0 0);
transition: clip-path 0.8s var(--tripp-transition-ease) 1.2s;
} .posts-animation-2.posts-layout-grid .entry {
opacity: 0;
transition: opacity 0.5s var(--tripp-transition-ease);
}
.posts-animation-2.posts-layout-grid .entry.tripp-active {
opacity: 1;
}
.posts-animation-2.posts-layout-list .entry-media {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 1000%;
mask-size: 1000%;
}
.posts-animation-2.posts-layout-list .tripp-active .entry-media {
animation: tripp-fade-wipe 1s var(--tripp-transition-ease) 0.2s forwards;
}
.posts-animation-2 .entry-header,
.posts-animation-2 .entry-summary > p,
.posts-animation-2 .more-link span,
.posts-animation-2 .entry-footer {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.posts-animation-2 .tripp-active .entry-header {
animation: tripp-fade-wipe 1s var(--tripp-transition-ease) 0.4s forwards;
}
.posts-animation-2 .tripp-active .entry-summary > p {
animation: tripp-fade-wipe 1s var(--tripp-transition-ease) 0.5s forwards;
}
.posts-animation-2 .tripp-active .more-link span {
animation: tripp-fade-wipe 0.6s var(--tripp-transition-ease) 0.6s forwards;
}
.posts-animation-2 .more-link::before,
.posts-animation-2 .more-link::after {
opacity: 0;
transition: opacity 0.5s var(--tripp-transition-ease) 0.6s;
}
.posts-animation-2 .tripp-active .more-link::before,
.posts-animation-2 .tripp-active .more-link::after {
opacity: 1;
}
.posts-animation-2 .more-link .tripp-arrow-icon {
transition: opacity 0.7s var(--tripp-transition-ease) 0.4s, transform 0.3s var(--tripp-transition-ease) 0.5s;
}
.posts-layout-list.posts-animation-2 .tripp-active .entry-footer {
animation: tripp-fade-wipe 0.6s var(--tripp-transition-ease) 0.8s forwards;
}
@keyframes tripp-fade-wipe {
0% {
opacity: 1;
-webkit-mask-position: 100%;
mask-position: 100%;
}
100% {
opacity: 1;
-webkit-mask-position: 0%;
mask-position: 0%;
}
} .posts-animation-3.posts-layout-grid .entry {
opacity: 0;
transform: translateY(1rem);
}
.posts-animation-3.posts-layout-grid .entry.tripp-active {
opacity: 1;
transform: translateY(0);
transition: opacity 0.5s, transform 0.5s;
}
.posts-animation-3.posts-layout-list .entry-media {
opacity: 0;
transform: translateY(1rem);
transition: opacity 0.5s var(--tripp-transition-ease) 0.2s, transform 0.5s var(--tripp-transition-ease) 0.2s;
}
.posts-animation-3.posts-layout-list .entry.tripp-active .entry-media {
opacity: 1;
transform: translateX(0);
}
.posts-animation-3.posts-layout-list .entry-header {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--tripp-transition-ease) 0.5s, transform 0.3s var(--tripp-transition-ease) 0.5s;
}
.posts-animation-3 .entry-summary {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--tripp-transition-ease) 0.7s, transform 0.3s var(--tripp-transition-ease) 0.7s;
}
.posts-animation-3.posts-layout-list .tripp-active .entry-header,
.posts-animation-3 .tripp-active .entry-summary,
.posts-animation-3 .tripp-active .entry-footer,
.posts-animation-3 .tripp-active .entry-author,
.posts-animation-3 .tripp-active .entry-buttons {
opacity: 1;
transform: translateY(0);
}
.posts-animation-3 .more-link span {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.posts-animation-3 .tripp-active .more-link span {
animation: tripp-fade-wipe 0.7s var(--tripp-transition-ease) 0.8s forwards;
}
.posts-animation-3 .more-link .tripp-arrow-icon {
transition: opacity 0.4s var(--tripp-transition-ease) 0.6s, transform 0.3s var(--tripp-transition-ease) 0.8s;
}
.posts-animation-3 .entry-footer {
opacity: 0;
transition: opacity 0.4s var(--tripp-transition-ease) 0.8s;
}
.posts-animation-3 .entry-author {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--tripp-transition-ease) 0.9s, transform 0.3s var(--tripp-transition-ease) 0.9s;
}
.posts-animation-3 .entry-buttons {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--tripp-transition-ease) 1.1s, transform 0.3s var(--tripp-transition-ease) 1.1s;
} .flext-quick-view-modal:not(.flext-lightbox-fullscreen) .flext-lightbox-container {
max-width: var(--tripp-wide-width);
}
.flext-quick-view-modal .quick-view-content {
background: rgb(var(--tripp-color-background-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
}
.quick-view-content > .entry-media {
border-radius: 0;
}
.quick-view-content > .entry-media .flext-post-gallery .total-images {
display: none;
}
.quick-view-content > .entry-media .flext-media-controls {
bottom: auto;
right: 3rem;
transform: translate(100%, -50%);
top: 50%;
}
.quick-view-content > .entry-media .flext-media-active:hover .flext-media-controls {
transform: translate(0, -50%);
}
.quick-view-content > .entry-media img {
transform: scale(1.1);
transition: transform 1.5s;
}
.flext-quick-view-modal.flext-lightbox-visible .quick-view-content > .entry-media img {
transform: scale(1);
}
.quick-view-content > .content-inner {
padding: var(--tripp-spacing-horizontal);
}
.quick-view-content > .content-inner > *:last-child {
margin-bottom: 0;
}
.quick-view-content > .content-inner > .entry-header {
margin: 0 auto var(--tripp-spacing-md) auto;
max-width: var(--tripp-content-width);
}
.quick-view-content > .content-inner > .entry-header .entry-meta {
margin-bottom: 1.5rem;
}
.quick-view-content > .content-inner > .entry-header .entry-meta > * {
align-items: baseline;
display: inline-flex;
}
.quick-view-content > .content-inner > .entry-header .entry-meta > *:not(:first-child)::before {
color: rgb(var(--tripp-color-primary-rgb));
content: "\2022";
display: inline-block;
margin: 0 0.25rem;
}
.quick-view-content > .content-inner > .entry-header .entry-title {
margin: calc(var(--tripp-spacing-sm) - 1.2rem) 0 var(--tripp-spacing-sm);
}
.quick-view-content > .content-inner > .entry-header .entry-title + .entry-meta {
margin: 0;
}
.quick-view-content > .content-inner > .entry-header .entry-title + .entry-meta > span {
gap: 0.5rem;
}
.quick-view-content > .content-inner > .entry-header .entry-title a {
font-size: var(--tripp-font-size-h1);
line-height: 1.25;
}
.quick-view-content .entry-footer {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
font-size: var(--tripp-font-size-sm);
margin-top: 3rem;
padding-top: 3rem;
}
@keyframes tripp-link-more-move-to-right {
0% {
opacity: 0;
transform: translateX(-11rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.quick-view-content .more-link span {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.flext-quick-view-modal .quick-view-content .more-link span {
animation: tripp-fade-wipe 0.7s var(--tripp-transition-ease) 0.9s forwards;
}
.quick-view-content .more-link .tripp-arrow-icon {
transform: translateX(-11rem);
}
.flext-quick-view-modal .quick-view-content .more-link .tripp-arrow-icon {
opacity: 0;
animation: tripp-link-more-move-to-right 0.6s var(--tripp-transition-ease) 0.6s forwards;
}
.quick-view-content .related-posts {
max-width: var(--tripp-content-width);
}
.quick-view-content .related-posts .entry.has-post-thumbnail .entry-media {
flex: 1 1 100%;
max-width: 100%;
} .flext-quick-view-button {
background: rgb(var(--tripp-color-surface-rgb));
font-size: var(--tripp-font-size-base);
height: 3.4rem;
left: var(--tripp-spacing-xs);
margin: 0;
position: absolute;
top: var(--tripp-spacing-xs);
width: 3.4rem;
z-index: 999;
}
.flext-quick-view-button::before {
background: linear-gradient(-45deg, rgb(var(--tripp-color-primary-rgb)) 0%, rgb(var(--color-secondary-rgb)) 100%);
bottom: 0;
content: "";
display: block;
filter: blur(10px);
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translate3d(0, 20px, 0) scale(0.95);
transition: opacity 0.3s;
z-index: -1;
}
.entry.has-post-thumbnail .flext-quick-view-button::before {
display: none;
}
.has-scheme-dark .entry:not(.has-post-thumbnail) .flext-quick-view-button {
--tripp-color-surface-rgb: var(--tripp-color-background-rgb);
}
.posts-list .entry:not(.has-post-thumbnail) .flext-quick-view-button {
box-shadow: 0 0 5px rgba(var(--tripp-color-on-surface-rgb), 0.2);
left: auto;
right: var(--tripp-spacing-xs);
} .posts-layout-grid .entry.format-quote:not(.has-post-thumbnail) .flext-quick-view-button,
.flext-block-post-carousel .entry.format-quote:not(.has-post-thumbnail) .flext-quick-view-button,
.tripp-xt-block-posts .entry.format-quote:not(.has-post-thumbnail) .flext-quick-view-button {
box-shadow: none;
left: var(--tripp-spacing-xs);
right: auto;
}
.tripp-xt-block-posts.is-style-3-columns .format-quote:nth-child(n+3):not(.has-post-thumbnail) .flext-quick-view-button,
.tripp-xt-block-posts.is-style-3-columns .format-quote:not(:nth-child(-n+2)):not(.has-post-thumbnail) .flext-quick-view-button {
left: auto;
right: var(--tripp-spacing-xs);
} .pagination {
display: flex;
font-family: var(--tripp-font-primary);
justify-content: center;
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-wide-width);
position: relative;
text-align: center;
width: 100%;
}
.nav-links {
align-items: center;
display: flex;
gap: 1.5rem;
width: 100%;
}
.nav-links a,
.nav-links span {
align-items: center;
color: inherit;
display: inline-flex;
font-weight: 400;
justify-content: center;
line-height: 3.6rem;
min-width: 3.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.nav-links .current {
color: rgb(var(--tripp-color-surface-rgb));
flex: 0 0 auto;
}
.nav-links .current::before {
background: rgb(var(--tripp-color-on-surface-rgb));
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 3.5rem;
left: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 3.5rem;
z-index: -1;
}
.nav-links a i {
display: inline-flex;
line-height: 1;
position: relative;
}
.nav-links .prev {
letter-spacing: 0.3rem;
margin-left: 0;
margin-right: auto;
padding: 0 1rem 0 0;
width: auto;
}
.nav-links .next {
letter-spacing: 0.2rem;
margin-left: auto;
margin-right: 0;
padding: 0 0 0 1.3rem;
width: auto;
}
.nav-links .prev span {
margin-left: 1rem;
}
.nav-links .next span {
margin-right: 0.8rem;
}
.nav-links .prev::before,
.nav-links .next::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.6);
border-radius: 50%;
content: "";
display: block;
height: 3.6rem;
opacity: 0.25;
position: absolute;
width: 3.6rem;
}
.nav-links .next::after,
.nav-links .prev::after {
display: none;
}
.nav-links .prev::before {
transition: right 0.3s, height 0.3s, width 0.3s;
right: 0;
}
.nav-links .next::before {
left: 0;
transition: left 0.3s, height 0.3s, width 0.3s;
}
.nav-links .prev i {
left: 4px;
transition: left 0.15s;
}
.nav-links .next i {
right: 4px;
transition: right 0.15s;
} .navigation.numbered-pagination .prev,
.navigation.numbered-pagination .next {
display: none;
}
.navigation.numbered-pagination a.page-numbers::after {
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 3.5rem;
left: 0;
position: absolute;
top: 0;
width: 3.5rem;
}
.navigation.numbered-pagination a.page-numbers:hover::after {
animation: tripp-circle-border 0.6s forwards linear;
}
@keyframes tripp-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.2) transparent transparent transparent;
}
50% {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.2) rgba(var(--tripp-color-on-surface-rgb), 0.3) transparent transparent;
}
75% {
border-color:
rgba(var(--tripp-color-on-surface-rgb), 0.2) rgba(var(--tripp-color-on-surface-rgb), 0.3) rgba(var(--tripp-color-on-surface-rgb), 0.4)
transparent;
}
100% {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.4);
transform: rotate(270deg);
}
} .navigation.next-previous-pagination .current {
border-radius: 50%;
border: 1px solid #777;
height: 4rem;
margin: 0;
width: 4rem;
}
.navigation.next-previous-pagination .current::before {
height: 100%;
width: 100%;
}
.navigation.next-previous-pagination .next span {
margin-right: 0.6rem;
} .navigation.loadmore-pagination {
align-items: center;
justify-content: center;
}
.navigation.loadmore-pagination .nav-links {
justify-content: center;
width: auto;
}
.navigation.loadmore-pagination a {
background: rgb(var(--tripp-color-background-rgb));
color: rgb(var(--tripp-color-on-surface-rgb));
font-weight: 600;
height: 5rem;
padding: 0 4rem;
width: 20rem;
}
.has-scheme-dark .navigation.loadmore-pagination a {
background: none;
}
.navigation.loadmore-pagination a::before {
background: #fff;
height: 5rem;
left: 2rem;
mix-blend-mode: difference;
opacity: 1;
transform: translateY(-50%);
top: 50%;
width: 5rem;
z-index: 10;
}
.navigation.loadmore-pagination a i {
margin: 0 0 0.5rem 1.5rem;
right: 0;
}
.navigation.loadmore-pagination a i::before,
.navigation.loadmore-pagination a i::after {
background: rgb(var(--tripp-color-on-surface-rgb));
content: "";
display: inline-block;
height: 2px;
position: absolute;
right: 0;
transform: rotate(90deg) translate3d(8px, 0, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 10px;
}
.navigation.loadmore-pagination a i::after {
transform: translate3d(4px, 2px, 0);
}
.navigation.loadmore-pagination .post-loader,
.navigation.loadmore-pagination .post-status {
display: none;
}   .attachment .entry-content .attachment > a {
line-height: 0;
}
.attachment .entry-content .attachment img {
border-radius: 1.5rem;
} .search-form {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.05);
border-radius: 0.8rem;
display: flex;
flex: 1 1 auto;
padding: 0;
position: relative;
}
.search-form .keyword {
border: none;
border-radius: 0;
width: 100%;
}
.search-form button {
border-radius: 0 0.8rem 0.8rem 0;
color: inherit;
flex: 0 0 auto;
margin: 0;
padding: 0 1rem;
}
.archive-details .keyword::placeholder {
font-size: var(--tripp-font-size-h2);
}
.archive-details .search-form .keyword {
font-size: var(--tripp-font-size-h2);
font-weight: 400;
height: 6.5rem;
}
.archive-details .search-form button {
font-size: var(--tripp-font-size-xl);
margin: auto 1.5rem auto 2rem;
}
.archive-details .search-form .tripp-button > i {
margin: 0;
}
.search.search-no-results .no-results::before {
color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
content: "\e82c";
font-family: tripp, sans-serif;
font-size: 10vw;
font-weight: 600;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
} .error404 .main-content {
align-items: center;
display: flex;
justify-content: center;
min-height: 80vh;
}
.main-content .page.error-404 {
padding: 1.5rem;
}
.page-404-error {
display: block;
margin: 0 auto var(--tripp-spacing-horizontal);
padding: var(--tripp-spacing-vertical) 0;
position: relative;
text-align: center;
}
.page-error-code {
color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
font-size: 17rem;
font-weight: 700;
left: 0;
line-height: 0;
position: absolute;
top: 50%;
width: 100%;
}
.page-suggestions {
margin-top: 6rem;
}
.page-suggestions .widget {
margin-bottom: 0;
}
.page-suggestions .widget.featured-categories {
margin-bottom: 6rem;
}
.page-suggestions .categories-list .flext-grid-item h3 {
border: 1px solid #f4f4f4;
border-top: none;
} .wp-signup-container {
max-width: var(--tripp-content-width);
padding: var(--tripp-spacing-vertical) 0;
} .signup-page .wp-signup-container input[type="submit"],
.signup-page .wp-signup-container #blog_title,
.signup-page .wp-signup-container #user_email,
.signup-page .wp-signup-container #blogname,
.signup-page .wp-signup-container #user_name {
font-size: var(--tripp-font-size-base);
}  .main-content > .entry {
margin-bottom: 0;
max-width: none;
}
.single .single-entry-header {
margin-bottom: var(--tripp-spacing-md);
position: relative;
}
.single-entry-header .tripp-breadcrumb {
margin-bottom: var(--tripp-spacing-sm);
}
.single-entry-header .entry-meta {
display: flex;
font-size: var(--tripp-font-size-base);
width: 100%;
}
.single-entry-header .entry-meta > * {
align-items: baseline;
display: inline-flex;
}
.single-entry-header .entry-meta > span {
gap: 0.5rem;
}
.single-entry-header .entry-meta > span::before {
color: rgb(var(--tripp-color-primary-rgb));
content: "\2022";
display: inline-block;
margin: 0 0.25rem;
}
.single-entry-header .entry-meta > span:first-child::before {
display: none;
}
.single-entry-header .meta-category {
flex-flow: row wrap;
}
.single-entry-header .meta-destination a {
color: rgb(var(--tripp-color-on-background-rgb));
font-family: var(--tripp-font-primary);
gap: 0.7rem;
}
.single-entry-header .meta-destination a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.single-entry-header .meta-destination img {
border-radius: 50%;
flex: 0 0 2.2rem;
width: 2.2rem;
}
.single .edit-link a:hover,
.single .entry-meta a:hover,
.single .meta-category a:hover,
.single .posted-on a:hover {
color: rgb(var(--tripp-color-primary-rgb));
text-decoration: none;
}
.single .meta-destination.term-links a {
max-width: 100%;
}
.single .has-post-thumbnail .single-entry-header {
background-color: transparent;
}
.single-entry-header .header-content {
padding-top: var(--tripp-spacing-md);
}
.single .single-entry-header .meta-destination {
background: none;
display: flex;
flex-flow: row wrap;
gap: 0.2rem 1.5rem;
margin: 0;
padding: 0;
}
.single .single-entry-header .meta-destination::before {
display: none;
}
.single .single-entry-header .entry-title {
margin: var(--tripp-spacing-sm) 0;
}
.single-entry .single-entry-media.entry-media {
border-radius: 0;
}
.parallax-background .single-entry-media {
height: calc(100vw / 1.777);
}
.single .single-entry.has-post-thumbnail .single-entry-media {
border-radius: 1.5rem;
}
.single-entry .single-entry-media .post-thumbnail,
.single-entry .single-entry-media .post-thumbnail a {
height: 100%;
}
.single-entry .single-entry-media .post-thumbnail img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.single-entry .single-entry-media .flext-media-controls {
bottom: auto;
right: var(--tripp-spacing-horizontal);
top: 50%;
transform: translate(100%, -50%);
}
.single-entry .single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0%, -50%);
}
.single-entry .single-entry-media .flext-button-next.flext-button-disabled,
.single-entry .single-entry-media .flext-button-prev.flext-button-disabled {
opacity: 0.35;
}
.single .single-entry .entry-content:not(:first-of-type) {
margin-top: var(--tripp-spacing-md);
}
.single .entry-content > p:first-child {
margin-top: 0;
}
.single .flext-post-views {
display: none;
} .single-entry.post-password-required .entry-title::before,
.single-entry.post-password-protected .entry-title::before {
color: rgb(var(--tripp-color-primary-rgb));
content: "\e225";
display: inline-block;
font-family: tripp, sans-serif;
font-size: 90%;
font-weight: 400;
margin-right: 0.6rem;
}
.single-entry .post-password-form {
margin: 0 auto;
}
.single-entry .post-password-form > p:first-child {
font-size: var(--tripp-font-size-lg);
}
.single-entry-footer {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
display: flex;
flex-flow: row wrap;
font-size: var(--tripp-font-size-base);
justify-content: space-between;
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
position: relative;
width: 100%;
}
.single-entry-footer > div {
margin-top: var(--tripp-spacing-horizontal);
}
.single-entry-footer .post-tags {
display: flex;
flex-flow: row wrap;
justify-content: center;
width: 100%;
}
.single-entry-footer .tags-links {
display: flex;
width: 100%;
}
.single-entry-footer .tags-links a {
align-items: center;
background-image: linear-gradient(45deg, rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-primary-rgb), 0.8), rgb(var(--tripp-color-secondary-rgb), 0.8));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.5rem;
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-flex;
font-size: var(--tripp-font-size-sm) !important;
height: 2.8rem;
padding: 0.1rem 0.8rem;
transition: background-position 0.3s var(--tripp-transition-ease), border 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.single-entry-footer .tags-links a:hover {
background-position: 98% 50%;
border-color: transparent;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.single-entry-footer .entry-buttons {
align-items: flex-start;
flex: 1 1 100%;
gap: 0.6rem;
justify-content: space-between;
margin-top: var(--tripp-spacing-horizontal);
}
.single-entry-footer .entry-buttons .post-share {
padding: 0;
}
.single-entry-footer .entry-buttons a {
border-radius: 2rem;
padding: 0.3rem 1rem 0.3rem 0.8rem;
}
.single-entry-footer .flext-post-likes {
padding: 0.6rem 1rem;
}
.post-pagination .nav-links > a {
transition: opacity 0.3s;
} .entry-header .tripp-rating-button {
color: #fdaf40;
}
.entry-header .tripp-rating-button strong {
margin: 0 0.25rem;
}
.entry-header .tripp-rating-button span {
margin-left: 0.25rem;
}
.tripp-review {
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
position: relative;
}
.review-inner {
background-color: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
padding: 2rem;
position: relative;
}
.review-inner .review-overline {
display: inline-block;
font-size: var(--tripp-font-size-xs);
margin-bottom: 1rem;
opacity: 0.5;
text-transform: uppercase;
}
.review-inner .review-title {
margin-bottom: 0;
}
.review-inner .review-comment {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-sm);
margin: 1.5rem 0 0;
}
.review-inner .tripp-xt-overall-rating {
align-items: center;
background: #fdaf40;
border-radius: 0 1.5rem 0 3.6rem;
color: #000;
display: flex;
flex-flow: row nowrap;
font-size: var(--tripp-font-size-xs);
gap: 0.3rem;
padding: 0.8rem 1.5rem 0.8rem 2.4rem;
position: absolute;
right: 0;
top: 0;
}
.review-inner .tripp-xt-overall-rating .tripp-xt-review-star {
color: #000;
font-size: var(--tripp-font-size-lg);
}
.tripp-xt-overall-rating strong {
font-size: var(--tripp-font-size-lg);
font-weight: 700;
}
.review-inner .review-ratings {
display: grid;
gap: 2rem;
list-style: none;
margin: 3rem 0 0;
padding: 0;
}
.review-inner .review-ratings li {
line-height: 1.4;
margin-bottom: 0;
}
.review-inner .review-ratings label {
margin-bottom: 0;
margin-right: auto;
width: 100%;
}
.tripp-xt-review-rating {
flex-flow: row wrap;
gap: 0.5rem;
}
.review-inner .tripp-xt-rating-score {
line-height: 1.8;
margin-left: auto;
text-align: right;
}
.review-inner .review-details {
display: grid;
gap: 2rem;
font-size: var(--tripp-font-size-sm);
margin: 3rem 0 0;
position: relative;
}
.review-inner .review-details::before,
.review-cons::before {
border-top: 1px dashed rgba(var(--tripp-color-on-surface-rgb), 0.1);
content: "";
display: block;
height: 1px;
left: -2rem;
position: absolute;
right: -2rem;
top: 0;
}
.review-cons {
position: relative;
}
.review-details .review-title {
border-bottom-right-radius: 1.5rem;
color: rgb(var(--tripp-color-white-rgb));
display: inline-block;
font-family: var(--tripp-font-secondary);
font-size: var(--tripp-font-size-sm);
font-weight: 700;
margin-bottom: 0;
margin-left: -2rem;
position: relative;
padding: 0.4rem 1.5rem 0.4rem 1rem;
text-transform: uppercase;
}
.review-pros .review-title {
background: var(--tripp-color-info);
}
.review-cons .review-title {
background: var(--tripp-color-alert);
}
.review-inner .review-details ul {
list-style: none;
margin: 0;
padding: 1rem 0 0 2rem;
}
.review-inner .review-details ul li {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
line-height: 1.4;
margin: 0;
position: relative;
}
.review-inner .review-details li::before {
font-family: tripp, sans-serif;
position: absolute;
left: -2rem;
}
.review-inner .review-details .review-pros li::before {
color: var(--tripp-color-info);
content: "\e831";
}
.review-inner .review-details .review-cons li::before {
color: var(--tripp-color-alert);
content: "\e209";
} .review-inner .tripp-xt-review-rating.review-star-rating {
align-items: flex-start;
} .review-inner .review-point-rating .tripp-xt-review-indicator {
width: 90%;
}
.review-inner .review-point-rating .tripp-xt-review-indicator span {
background: rgba(var(--tripp-color-on-surface-rgb), 0.1);
}
.review-inner .review-progress-rating .tripp-xt-review-indicator {
flex: 0 0 calc(100% - 3rem - 0.5rem);
max-width: calc(100% - 3rem - 0.5rem);
}
.review-inner .review-progress-rating .tripp-xt-rating-score {
flex: 0 0 3.5rem;
max-width: 3.5rem;
} .tripp-coupon {
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
position: relative;
}
.has-scheme-dark .tripp-coupon {
background: rgba(var(--tripp-color-white-rgb), 0.1);
}
.coupon-inner {
background: rgba(var(--tripp-color-primary-rgb), 0.1);
margin: calc(var(--tripp-spacing-horizontal) + 13px) auto;
padding: 2rem;
position: relative;
}
.coupon-inner > * {
z-index: 2;
position: relative;
}
.has-scheme-dark .tripp-coupon::before,
.coupon-inner::before {
background: radial-gradient(6px at 50% 0, transparent 99%, rgba(var(--tripp-color-primary-rgb), 0.1) 101%) 50% 6px/calc(4*6px) 100% repeat-x;
content: "";
display: block;
height: 13px;
left: 0;
position: absolute;
right: 0;
top: -13px;
z-index: 0;
}
.has-scheme-dark .tripp-coupon::after,
.coupon-inner::after {
background: radial-gradient(6px at 50% 7px, transparent 99%, rgba(var(--tripp-color-primary-rgb), 0.1) 101%) 50% 6px/calc(4*6px) 100% repeat-x;
bottom: -7px;
content: "";
display: block;
height: 13px;
left: 0;
position: absolute;
right: 0;
z-index: 0;
}
.has-scheme-dark .tripp-coupon::before {
background: radial-gradient(6px at 50% 0, transparent 99%, rgba(var(--tripp-color-white-rgb), 0.1) 101%) 50% 6px/calc(4*6px) 100% repeat-x;
}
.has-scheme-dark .tripp-coupon::after {
background: radial-gradient(6px at 50% 7px, transparent 99%, rgba(var(--tripp-color-white-rgb), 0.1) 101%) 50% 6px/calc(4*6px) 100% repeat-x;
}
.coupon-title-wrapper > span {
font-size: var(--tripp-font-size-xs);
opacity: 0.5;
text-transform: uppercase;
}
.coupon-header .coupon-image {
float: right;
margin: 0 0 1rem 1rem;
}
.coupon-header .coupon-title {
color: inherit;
flex: 1 1 auto;
margin-bottom: 0;
margin-top: 0.5rem;
}
.coupon-description {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-sm);
margin-bottom: 0;
margin-top: 1rem;
}
.coupon-image img {
border-radius: 0.8rem;
height: 9rem;
width: 9rem;
}
.coupon-content > p {
margin: 1rem 0 0;
}
.coupon-code-panel {
align-items: center;
clear: both;
display: flex;
flex-flow: row wrap;
float: none;
gap: 1rem;
margin: 2rem 0;
}
.coupon-details-panel {
position: relative;
}
.coupon-code-panel > * {
border-radius: 0.8rem;
height: auto;
padding: 1rem;
width: 100%;
}
.coupon-details-panel::before {
background-image: linear-gradient(to right, rgb(var(--tripp-color-background-rgb)) 50%, transparent 0%);
background-size: 22px 2px, 100% 2px;
content: "";
display: block;
height: 4px;
left: -2rem;
right: -2rem;
position: absolute;
margin: auto;
}
.coupon-code {
background: rgb(var(--tripp-color-surface-rgb));
}
.has-scheme-dark .coupon-code {
background: rgba(var(--tripp-color-white-rgb), 0.1);
}
.coupon-code-panel .coupon-code i {
color: rgb(var(--tripp-color-primary-rgb));
display: inline-block;
margin-left: auto;
transition: color 0.3s var(--tripp-transition-ease);
}
.coupon-code-panel .coupon-code i:hover {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.coupon-code-panel .coupon-code.is-copied i::before {
content: "\e831";
}
.coupon-code-panel .coupon-link {
background: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--tripp-color-on-primary-rgb));
cursor: pointer;
text-align: center;
transition: background-position 0.3s var(--tripp-transition-ease);
}
.coupon-code-panel .coupon-link:hover {
background-position: 100% 0;
}
.coupon-attributes {
list-style: none;
padding: 0;
}
.coupon-attributes li {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: flex;
flex-flow: row wrap;
font-size: var(--tripp-font-size-sm);
gap: 0 0.5rem;
margin: 0 0 0.2rem;
padding-left: 2.4rem;
position: relative;
}
.coupon-attributes li::before {
align-items: center;
border-radius: 50%;
content: "\e831";
display: inline-flex;
font-family: tripp, sans-serif;
left: 0;
position: absolute;
top: 0;
}
.coupon-attributes li label {
margin: 0;
}
.coupon-attributes li label::after {
content: "\003a";
margin-left: 0.2rem;
}
.coupon-attributes .coupon-valid-from::before {
content: "\e221";
}
.coupon-attributes .coupon-expiry-date::before {
content: "\e226";
}
.coupon-content {
display: none;
}
.coupon-details-toggle {
justify-content: space-between;
margin-top: 2rem;
width: 100%;
}
.coupon-details-toggle > span {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
transition: color 0.3s ease-out;
}
.is-visible .coupon-details-toggle > span {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.coupon-details-toggle i {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 50%;
display: flex;
justify-content: center;
height: 2.5rem;
line-height: 2.5rem;
transition: background-color 0.25s var(--tripp-transition-ease), transform 0.25s var(--tripp-transition-ease);
width: 2.5rem;
}
.coupon-details-panel.is-visible .coupon-details-toggle i {
transform: rotate(180deg);
}
.coupon-terms {
font-size: var(--tripp-font-size-sm);
margin: 0.5rem 0 0;
}
.coupon-terms li {
margin: 0 0 0.2rem;
} .quick-view-content .coupon-inner {
margin: var(--tripp-spacing-md) auto;
} .single-layout-2 .coupon-inner {
margin: var(--tripp-spacing-md) auto 0;
}
.single-layout-2 .has-post-thumbnail .coupon-inner {
margin: var(--tripp-spacing-md) 0 0;
max-width: none;
}
.single-layout-4 .coupon-inner {
max-width: none;
margin: 0;
} .related-posts.flext-block-post-carousel .format-gallery .total-images {
top: 1.7rem;
} .single.single-layout-1.transparent-menu .main-header {
--tripp-header-menu-gap: var(--tripp-header-menu-height);
}
.single.single-layout-1 .header-content {
padding-bottom: var(--tripp-spacing-horizontal);
position: relative;
margin-bottom: var(--tripp-spacing-horizontal);
}
.single.single-layout-1 .header-content::after {
background: rgba(var(--tripp-color-on-surface-rgb), 0.06);
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: auto;
width: var(--tripp-content-width);
}
.single.single-layout-1 .single-entry.has-post-thumbnail .header-content {
padding-bottom: 0;
}
.single.single-layout-1 .single-entry.has-post-thumbnail .header-content::after {
display: none;
}
.single.single-layout-1 .single-entry.has-post-thumbnail .single-entry-header {
display: block;
margin-bottom: var(--tripp-spacing-vertical);
max-width: none;
padding-left: 0;
padding-right: 0;
}
.single-layout-1 .tripp-breadcrumb {
margin-bottom: var(--tripp-spacing-horizontal);
}
.single-layout-1 .single-entry.has-post-thumbnail .single-entry-media {
margin-top: var(--tripp-spacing-md);
transform: translateZ(0);
height: 80vh;
} .single-layout-1 .single-entry.format-status .header-content {
margin-top: var(--tripp-spacing-horizontal);
padding-bottom: 0;
padding-top: calc(var(--tripp-spacing-sm) - 1.2rem);
}
.single-layout-1 .single-entry.format-aside .header-content {
margin-top: var(--tripp-spacing-horizontal);
padding-bottom: var(--tripp-spacing-horizontal);
padding-top: calc(var(--tripp-spacing-sm) - 1.2rem);
}
.single-layout-1 .single-entry.format-status .header-content::after {
display: none;
}
.single-layout-1 .single-entry.format-status .entry-content p {
background: #fff linear-gradient(to top, rgba(var(--tripp-color-primary-rgb), 0.6), rgba(var(--tripp-color-primary-rgb), 0.6));
border-radius: 1.5rem;
color: rgba(var(--tripp-color-on-primary-rgb));
padding: var(--tripp-spacing-md);
z-index: 5;
} .single.single-layout-2.transparent-menu .main-header {
--tripp-header-menu-gap: var(--tripp-header-menu-height);
}
.single-layout-2 .single-entry .entry-media-wrapper {
display: none;
}
.single-layout-2 .single-entry.has-post-thumbnail .entry-media-wrapper {
display: flex;
flex-flow: column nowrap;
margin-top: var(--tripp-spacing-horizontal);
}
.single-layout-2 .entry-media-wrapper .entry-buttons {
display: none;
}
.single-layout-2 .entry-content-wrapper {
margin: 0;
}
.single-layout-2 .single-entry-header .header-content {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.single-layout-2 .wp-block-image.is-style-rounded.alignright img,
.single-layout-2 .wp-block-image.is-style-rounded.alignleft img {
border-radius: 0.8rem;
} .single-layout-2 .tripp-xt-carousel.alignfull {
margin-left: 0;
margin-right: 0;
}
.single-layout-2 .tripp-xt-carousel .slide-header {
padding: 0 1.5rem 1.5rem;
}
.single-layout-2 .tripp-xt-carousel .meta-category,
.single-layout-2 .tripp-xt-carousel .meta-destination a > span {
font-size: 1.2rem;
}
.single-layout-2 .tripp-xt-carousel .meta-destination a i {
font-size: 60%;
}
.single-layout-2 .tripp-xt-carousel .meta-destination a img {
height: 1.5rem;
width: 1.5rem;
}
.single-layout-2 .tripp-xt-carousel .slide-title {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.single-layout-2 .tripp-xt-carousel .slide-header .slide-title::before {
left: -1.5rem;
border-top: 6px solid transparent;
border-left: 8px solid rgb(var(--tripp-color-primary-rgb));
border-bottom: 6px solid transparent;
}
.single-layout-2 .tripp-xt-block-featured-posts.tripp-xt-carousel .flext-button-prev {
font-size: 1.6rem;
left: 1.5rem;
height: 3rem;
width: 3rem;
}
.single-layout-2 .tripp-xt-block-featured-posts.tripp-xt-carousel .flext-button-next {
font-size: 1.6rem;
height: 3rem;
width: 3rem;
right: 1.5rem;
} .single.single-layout-3.transparent-menu .main-header {
--tripp-header-menu-gap: var(--tripp-header-menu-height);
}
.single.single-layout-3 .has-post-thumbnail .single-entry-header {
display: block;
margin-bottom: var(--tripp-spacing-vertical);
max-width: none;
padding-left: 0;
padding-right: 0;
}
.single-layout-3 .has-post-thumbnail .single-entry-header .header-content {
padding-left: var(--tripp-spacing-horizontal);
padding-right: var(--tripp-spacing-horizontal);
}
.single-layout-3 .tripp-breadcrumb {
margin-bottom: var(--tripp-spacing-horizontal);
}
.single-layout-3 .has-post-thumbnail .single-entry-media {
margin-top: var(--tripp-spacing-md);
transform: translateZ(0);
height: 80vh;
} .single.single-layout-4.transparent-menu .main-header {
--tripp-header-menu-gap: var(--tripp-header-menu-height);
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header {
display: flex;
flex-flow: row wrap;
overflow: hidden;
}
.single-layout-4 .single-entry-header .header-content {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
width: 100%;
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header .header-content {
display: flex;
flex-flow: column nowrap;
order: 2;
}
.single-layout-4 .single-entry .single-entry-media .post-thumbnail {
border-radius: 1.5rem;
overflow: hidden;
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-media {
margin-top: var(--tripp-spacing-vertical);
}
.single-layout-4 .tripp-coupon {
margin: var(--tripp-spacing-horizontal) 0;
}
.single-layout-4 .tripp-coupon + .tripp-coupon {
margin-top: 0;
}
.single-layout-4 .tripp-coupon:last-child {
margin-bottom: 1.3rem;
} .single-layout-5 .entry.single-entry.has-post-thumbnail .single-entry-header {
max-width: none;
padding: 0;
margin-left: calc(var(--tripp-spacing-horizontal) * -1);
margin-right: calc(var(--tripp-spacing-horizontal) * -1);
}
.single-layout-5 .single-entry.has-post-thumbnail .single-entry-media {
border-radius: 0;
width: 100%;
}
.transparent-menu.single-layout-5 .single-entry .single-entry-media .flext-media-controls {
top: calc(1.5rem + var(--tripp-header-menu-height));
transform: translate(100%, 0);
}
.transparent-menu.single-layout-5 .single-entry .single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0, 0);
}
.single-layout-5 .single-entry .single-entry-media img {
max-width: none;
}
.single-layout-5 .single-entry-header:hover .tripp-featured-image-rollover {
opacity: 1;
}
.single-layout-5 .single-entry.has-post-thumbnail .single-entry-header .header-content {
padding-left: var(--tripp-spacing-horizontal);
padding-right: var(--tripp-spacing-horizontal);
} .post-pagination {
max-width: var(--tripp-content-width);
} .post-author {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
display: flex;
gap: var(--tripp-spacing-sm);
flex-flow: row wrap;
justify-content: center;
padding: var(--tripp-spacing-sm);
width: 100%;
}
.post-author .author-avatar a {
display: block;
position: relative;
}
.post-author .author-avatar .flext-author-follow {
height: 3rem;
width: 3rem;
}
.post-author .author-detail {
text-align: center;
width: 100%;
}
.post-author .edit-profile a {
font-size: var(--tripp-font-size-xs);
}
.post-author .author-title {
display: flex;
flex-direction: column;
margin-bottom: 0;
text-transform: capitalize;
}
.post-author .flext-author-follow-numbers {
font-size: var(--tripp-font-size-sm);
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
margin: 1.5rem 0 0;
}
.post-author .flext-author-location {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
display: flex;
font-size: var(--tripp-font-size-sm);
justify-content: center;
margin: 1rem 0;
overflow: hidden;
}
.post-author .flext-author-description {
margin: 1.5rem 0;
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-author .flext-social-icons {
display: flex;
justify-content: flex-start;
width: 100%;
}
.post-author a {
color: inherit;
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-author a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.post-author .edit-profile-link {
font-family: var(--tripp-font-secondary);
font-size: var(--tripp-font-size-xs);
font-weight: 400;
margin: 1rem 0 0;
}
.post-author .edit-profile-link::before {
content: "\e80a";
display: inline-block;
font-family: tripp, sans-serif;
margin-right: 0.3rem;
text-indent: 0;
} .post-authors {
border-radius: 1.5rem;
overflow: hidden;
width: 100%;
}
.post-authors .post-author {
border-radius: 0;
margin: 0;
position: relative;
}
.post-authors .post-author::after {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.post-authors .post-author:last-child::after {
display: none;
} .comments-section {
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
}
.comment-form .required-field-message {
display: none;
}
.no-comments {
background: rgba(var(--tripp-color-on-surface-rgb), 0.04);
border-radius: 0.8rem;
font-weight: 600;
margin: 0 0 var(--tripp-spacing-horizontal);
padding: 1rem 2rem;
text-align: center;
}
.no-comments::before {
content: "\e227";
font-family: tripp, sans-serif;
font-size: 90%;
margin-right: 0.7rem;
}
.toggle-comments {
background: rgb(var(--tripp-color-primary-rgb));
border-radius: 1.5rem;
color: rgb(var(--tripp-color-on-primary-rgb));
font-family: var(--tripp-font-primary);
font-size: var(--tripp-font-size-md);
font-weight: 600;
justify-content: space-between;
margin: 0;
padding: 1.5rem 2rem;
transition: background-image 0.3s var(--tripp-transition-ease);
width: 100%;
}
.is-visible .toggle-comments {
background: rgb(var(--tripp-color-on-surface-rgb));
color: rgb(var(--tripp-color-surface-rgb));
}
.toggle-comments:active {
opacity: 0.7;
}
.toggle-comments i {
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 2rem;
margin: 0;
padding: 0;
transition: background-color 0.3s, color 0.3s;
width: 2rem;
}
.toggle-comments i::before,
.toggle-comments i::after {
background: rgb(var(--tripp-color-on-primary-rgb));
content: "";
display: inline-block;
height: 2px;
margin: 0;
position: absolute;
right: 10px;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: all 0.3s;
width: 6px;
}
.toggle-comments i::before {
transform: rotate(315deg) translate3d(5px, 0, 0);
}
.toggle-comments i::after {
transform: rotate(-135deg) translate3d(4px, -1px, 0);
}
.comments-section.is-visible .toggle-comments i::after {
transform: rotate(135deg) translate3d(3px, 1px, 0);
background: rgb(var(--tripp-color-surface-rgb));
}
.comments-section.is-visible .toggle-comments i::before {
transform: rotate(225deg) translate3d(3px, 1px, 0);
background: rgb(var(--tripp-color-surface-rgb));
}
.comments-title {
margin-bottom: 0;
text-align: inherit;
}
.comments-section .navigation {
margin: var(--tripp-spacing-horizontal) 0;
}
.comment-list {
list-style: none;
margin: var(--tripp-spacing-horizontal) 0 0 0;
padding: 0;
}
.comment-list > li {
margin: 0;
}
.comment-header {
background-color: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-bottom: none;
border-radius: 0 1.5rem 0 0;
font-size: var(--tripp-font-size-sm);
padding: 1.4rem 1.4rem 0 5.6rem;
position: relative;
}
.comment-content {
background-color: rgb(var(--tripp-color-surface-rgb));
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.06);
border-radius: 0 0 1.5rem 1.5rem;
border-top: none;
font-size: var(--tripp-font-size-sm);
line-height: 1.48;
padding: 0.5rem 1.4rem 1.6rem;
}
.comment-content > * {
margin-bottom: 1.5rem;
}
.comment-content > *:last-child {
margin-bottom: 0;
}
.comment-form .logged-in-as a {
background-image: linear-gradient(to left, rgb(var(--tripp-color-on-surface-rgb)) 0%, rgb(var(--tripp-color-on-surface-rgb)) 100%);
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 100% 1px;
color: inherit;
display: inline;
position: relative;
outline: none;
transition: background-size 0.5s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease);
}
.comment-content a:hover,
.comment-content a:focus,
.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:focus {
background-size: 0 1px;
}
.comment-footer {
margin: 0.5rem 0 1.4rem;
}
.comment-footer .reply,
.comment-footer .edit-link {
display: inline-block;
}
.comment-footer a {
color: inherit;
font-size: var(--tripp-font-size-xs);
position: relative;
}
.comment-footer a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.comment-footer a::before {
content: "\e802";
display: inline-block;
font-family: tripp, sans-serif;
margin: 0 0.5rem;
transform: scaleX(1) ;
}
.comment-edit-link {
display: inline-block;
margin-left: 1rem;
}
.comment-footer .comment-edit-link::before {
content: "\e80a";
}
.comment-author .avatar {
display: block;
float: left;
height: 3.2rem;
left: 1.4rem;
margin: 0.4rem 1rem 0 0;
position: absolute;
width: 3.2rem;
}
.trackback .comment-header,
.pingback .comment-header,
.trackback .comment-content,
.pingback .comment-content,
.trackback .comment-footer,
.pingback .comment-footer {
margin-left: 0;
padding-bottom: 0.5rem;
}
.trackback .comment-header,
.pingback .comment-header {
padding-left: 1.4rem;
}
.comment-author .fn {
align-items: center;
display: inline-flex;
font-weight: 600;
line-height: 1.4;
}
.bypostauthor .comment-author .fn::after {
align-items: center;
border-radius: 50%;
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
content: "\e916";
display: inline-flex;
font-family: tripp, sans-serif;
justify-content: center;
line-height: 0.5;
margin-left: 0.5rem;
}
.comment-author .fn a {
color: inherit;
}
.comment-author .fn a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.comment-header .says {
display: none;
}
.comment-meta {
font-size: var(--tripp-font-size-xs);
height: auto;
overflow: visible;
text-align: inherit;
}
.comment-meta > a {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.comment-meta > a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.comment-respond {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
margin-top: var(--tripp-spacing-horizontal);
padding: 3rem;
}
.comment-list .comment-respond {
margin: 2rem 0 2rem 4.5rem;
padding-top: 2rem;
}
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .children > li {
margin: 0.5rem 0 0 2rem;
}
.comment-list .children .comment-header {
padding: 1.4rem 1.4rem 0 5rem;
}
.comment-list .children .avatar {
height: 2.4rem;
margin: 0.4rem 1rem 0 0;
width: 2.4rem;
}
.comment-list .children .comment-header::before {
border-bottom: 0.8rem solid transparent;
border-top: 0.8rem solid transparent;
border-right: 0.7rem solid rgba(var(--tripp-color-on-surface-rgb), 0.04);
left: -0.7rem;
top: 2rem;
}
.comment-respond small {
float: right;
font-size: 50%;
}
#cancel-comment-reply-link {
color: rgb(var(--tripp-color-on-surface-rgb));
display: inline-block;
font-size: var(--tripp-font-size-xs);
height: 3rem;
overflow: hidden;
padding: 0;
position: relative;
text-indent: -9999px;
transition: color 0.25s;
width: 3rem;
}
#cancel-comment-reply-link:hover {
color: rgb(var(--tripp-color-on-primary-rgb));
}
#cancel-comment-reply-link::before {
background: rgb(var(--tripp-color-primary-rgb));
border-radius: 50%;
content: "";
height: 100%;
left: 0;
opacity: 0.1;
position: absolute;
transition: opacity 0.25s;
width: 100%;
}
#cancel-comment-reply-link:hover::before {
opacity: 1;
}
#cancel-comment-reply-link::after {
content: "\e209";
display: inline-block;
font-family: tripp, sans-serif;
height: 100%;
left: 0;
line-height: 3rem;
position: absolute;
text-indent: 0;
text-align: center;
width: 100%;
}
.comment-list .children .depth-5 .comment-edit-link,
.pingback .comment-edit-link,
.trackback .comment-edit-link {
margin-left: 0;
}
.comment-form {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.comment-form > p {
margin: 0 0 1rem;
width: 100%;
}
.comment-form .logged-in-as {
margin: 0 0 1.5rem;
}
.comment-form .logged-in-as a:last-child {
margin-left: auto;
margin-right: 0;
}
.comment-form .required {
color: #f00;
}
.comment-notes {
margin-top: 0.5rem;
width: 100%;
}
.comment-form-comment {
clear: both;
margin-top: 2rem;
width: 100%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
flex-direction: column;
flex-grow: 1;
width: 100%;
}
.comment-form .status-text {
background-color: #ffe7e5;
border-radius: 0.8rem;
color: #333;
margin-top: 1.5rem;
padding: 1.5rem;
width: 100%;
}
.comment-form .comment-form-cookies-consent {
display: flex;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 3px;
}
.comment-form .form-submit {
margin: 1.5rem 0 0;
width: 100%;
}
.comment-awaiting-moderation {
background: #f2f3d2;
border-radius: 0.8rem;
color: #333;
font-style: italic;
margin-top: 1rem;
padding: 1rem 1.5rem;
}
.comment-awaiting-moderation::before {
content: "\e219";
font-family: tripp, sans-serif;
display: inline-block;
margin-right: 0.5rem;
} .related-posts {
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
}
.related-posts .entry.has-post-thumbnail {
min-height: 15rem;
}
.related-posts .entry.has-post-thumbnail .entry-media {
margin-bottom: 0;
}
.related-posts.flext-block-post-carousel .content-inner {
justify-content: center;
padding: 1.5rem;
}
.related-posts.flext-block-post-carousel .entry .entry-title a {
font-size: var(--tripp-font-size-base);
}
.related-posts.flext-block-post-carousel .entry:not(.has-post-thumbnail) .entry-title a {
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
display: inline-block;
display: -webkit-box;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
}
.related-posts .meta-destination a {
font-size: var(--tripp-font-size-sm);
}
.related-posts .format-quote .meta-destination,
.related-posts.flext-block-post-carousel .entry .entry-footer {
display: none;
}
.related-posts.flext-block-post-carousel .format-quote .post-quote blockquote {
font-size: var(--tripp-font-size-base);
}
.related-posts.flext-block-post-carousel .format-quote .post-quote blockquote::before {
font-size: 3rem;
}
.related-posts.flext-block-post-carousel .format-quote .post-quote blockquote cite {
font-size: var(--tripp-font-size-xs);
} .post-navigation {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
margin: var(--tripp-spacing-horizontal) auto;
max-width: var(--tripp-content-width);
position: relative;
}
.post-navigation .post-nav-links {
display: flex;
gap: 1.5rem;
flex-flow: column nowrap;
height: 100%;
padding: 1.5rem 1.5rem 8rem;
position: relative;
width: 100%;
}
.post-navigation .nav-col {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: 1.5rem;
position: relative;
width: 100%;
}
.post-navigation .nav-thumbnail {
border-radius: 1.5rem;
flex: 0 0 10rem;
height: 100%;
line-height: 0;
overflow: hidden;
transform: translateZ(0);
width: 100%;
}
.post-navigation .nav-col a:hover::before {
background: rgba(var(--tripp-color-black-rgb), 0.3);
}
.post-navigation img {
flex: 1;
height: 100%;
object-fit: cover;
transition: transform 0.8s var(--tripp-transition-ease);
width: 100%;
z-index: 0;
}
.post-navigation img:hover {
transform: scale(1.05);
}
.post-navigation .nav-icon {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
font-size: var(--tripp-font-size-xs);
letter-spacing: 0.2rem;
}
.post-navigation .tripp-thumbnail-placeholder {
display: block;
margin: auto;
max-width: 40rem;
width: auto;
}
.post-navigation a {
color: inherit;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.post-navigation .nav-text {
align-items: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
overflow: hidden;
}
.post-navigation .meta-destination a {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.post-navigation .meta-destination a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.post-navigation .nav-title {
color: inherit;
font-size: var(--tripp-font-size-base);
margin: 0.6rem 0 1.5rem;
position: relative;
width: 100%;
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-navigation .nav-next-icon {
margin-left: 0.5rem;
}
.post-navigation .nav-col.nav-all {
bottom: 1.5rem;
left: 0;
justify-content: center;
position: absolute;
right: 0;
z-index: 5;
}
.post-navigation .nav-col.nav-all::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.06);
bottom: 4.5rem;
content: "";
display: block;
height: 1px;
width: 100%;
position: absolute;
}
.post-navigation .nav-all a {
align-items: center;
background: rgb(var(--tripp-color-on-surface-rgb));
border-radius: 1.5rem;
color: rgb(var(--tripp-color-surface-rgb));
display: flex;
flex-flow: row nowrap;
margin: 0 1.5rem;
padding: 0 1.5rem;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
z-index: 9;
}
.post-navigation .nav-all a:hover {
background: rgb(var(--tripp-color-primary-rgb));
color: rgb(var(--tripp-color-on-primary-rgb));
}
.post-navigation .nav-all i {
font-size: 1.8rem;
margin-right: 0.8rem;
transition: color 0.3s ease-out;
}
.post-navigation .nav-all a .nav-text {
display: block;
line-height: 1.2;
}
.post-navigation .nav-all span {
font-size: var(--tripp-font-size-xs);
letter-spacing: 0;
}
.post-navigation .nav-none {
display: none;
} .blog-sidebar {
display: none;
}
.has-sidebar .blog-sidebar {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
display: block;
padding-top: var(--tripp-spacing-horizontal);
}
.has-sidebar .content-container .alignwide,
.has-sidebar .content-container .alignfull {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
padding-left: 0;
padding-right: 0;
} .has-sidebar .main-posts.posts-layout-grid .posts-list {
margin: 0 auto var(--tripp-spacing-horizontal);
}
.has-sidebar .entry-footer .entry-meta {
width: auto;
}
.has-sidebar .posts-layout-list .entry-summary {
margin-top: 0;
}  .has-sidebar .entry-content > .flext-block-gallery.alignfull > .flext-carousel-gallery,
.has-sidebar .entry-content > .flext-block-gallery.alignfull > .flext-carousel-gutters[data-slides-per-view="1"]:not([data-centered-slides]) .flext-slide figure {
border-radius: 1.5rem;
}  .main-footer {
background-color: var(--tripp-color-header);
font-size: var(--tripp-font-size-sm);
margin-top: var(--tripp-spacing-vertical);
overflow: hidden;
padding-left: var(--tripp-spacing-horizontal);
padding-right: var(--tripp-spacing-horizontal);
position: relative;
z-index: 1;
}
.has-no-footer-gap .main-footer,
.blog .main-footer,
.archive .main-footer,
.single .main-footer {
margin-top: 0;
}
.footer-hidden .main-footer {
display: none;
}
.main-footer.has-text-mode-light {
--tripp-color-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-white-rgb);
}
.main-footer.has-text-mode-dark {
--tripp-color-surface-rgb: var(--tripp-color-white-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-black-rgb);
}
.main-footer.has-text-mode-light :is(input[type="checkbox"], input[type="radio"]) {
border: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.2);
}
.main-footer.has-text-mode-light :is(input[type="checkbox"], input[type="radio"]):hover {
border-color: rgb(var(--tripp-color-on-surface-rgb));
}
.footer-background,
.background-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.footer-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.background-overlay {
background: #000;
opacity: 0.75;
}
.footer-background.has-background-parallax {
background-attachment: fixed;
}
.footer-background.has-background-repeat {
background-repeat: repeat;
}
.footer-background.has-background-auto {
background-size: auto;
}
.footer-background.has-background-contain {
background-size: contain;
} .to-top-button {
align-items: center;
bottom: 3rem;
display: flex;
font-size: 2rem;
height: 4rem;
justify-content: center;
opacity: 0;
padding: 0;
position: fixed;
right: calc(var(--tripp-spacing-horizontal) / 2);
transform: translate3d(0, 120%, 0);
transition: opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease), visibility 0.25s var(--tripp-transition-ease);
width: 4rem;
z-index: 999;
}
.to-top-button:hover {
color: inherit;
}
.to-top-button.active {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.to-top-button::after {
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.to-top-button.active::after {
animation: tripp-to-top-circle-border 0.6s forwards linear;
}
@keyframes tripp-to-top-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: rgba(var(--tripp-color-primary-rgb), 0.2) transparent transparent transparent;
}
50% {
border-color: rgba(var(--tripp-color-primary-rgb), 0.2) rgba(var(--tripp-color-primary-rgb), 0.3) transparent transparent;
}
75% {
border-color: rgba(var(--tripp-color-primary-rgb), 0.2) rgba(var(--tripp-color-primary-rgb), 0.3) rgba(var(--tripp-color-primary-rgb), 0.4) transparent;
}
100% {
border-color: rgba(var(--tripp-color-primary-rgb), 0.4);
transform: rotate(270deg);
}
}
.to-top-button i {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
display: block;
font-weight: 400;
height: 100%;
line-height: 4rem;
opacity: 0;
position: relative;
text-align: center;
transition: background-position 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
width: 100%;
z-index: 1;
}
.to-top-button.active i {
opacity: 1;
transition: background-position 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease) 0.6s;
}
.to-top-button.active:hover i {
background-position: 100% 0;
}
.to-top-button i::before {
transition: transform 0.15s var(--tripp-transition-ease);
}
.to-top-button span {
backface-visibility: hidden;
color: rgb(var(--tripp-color-primary-rgb));
display: inline-block;
font-size: var(--tripp-font-size-xs);
font-weight: 600;
left: 0;
letter-spacing: 0.125em;
opacity: 0;
padding: 0 1rem;
position: absolute;
text-transform: uppercase;
transform: rotate(-90deg) translate3d(0, 0, 0);
transition: opacity 0.15s var(--tripp-transition-ease), transform 0.15s var(--tripp-transition-ease);
white-space: nowrap;
width: 100%;
}
.to-top-button:hover span {
opacity: 1;
transform: rotate(-90deg) translate3d(100%, 0, 0);
} .main-footer .footer-widgets {
margin-top: var(--tripp-spacing-horizontal);
}
.footer-widgets.tripp-grid {
display: flex;
flex-flow: column nowrap;
gap: var(--tripp-grid-gap);
}
.footer-widgets > div {
overflow: hidden;
}
.footer-widgets > .is-hidden {
display: none;
}
.footer-widgets > div:last-child,
.footer-widgets > div .widget:last-child {
margin-bottom: 0;
}
.footer-widgets.has-3-columns .footer-col-3 {
grid-column: span 2;
}
.footer-widgets .widget {
margin-bottom: var(--tripp-spacing-horizontal);
}
.main-footer .textwidget p {
color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
.main-footer .textwidget a,
.main-footer .menu-item a,
.footer-text a {
color: inherit;
position: relative;
}
.main-footer .textwidget a,
.footer-text a {
display: inline-block;
}
.main-footer .textwidget a:hover::before,
.main-footer .menu-item a:hover::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--tripp-transition-ease);
}
.footer-widgets .widget .wpforms-container .wpforms-title {
margin-bottom: 1rem;
}
.footer-widgets .widget .wpforms-container .wpforms-description {
line-height: 1.5;
} .footer-widgets .flext-widget-categories .flext-categories li.category-item {
background: none;
border: none;
padding: 0;
}
.footer-widgets .flext-categories .posts-count {
margin: 0;
} .footer-widgets .flext-post-tabs ul {
padding: 0.4rem 0 0;
}
.footer-widgets .flext-post-tabs .flext-tab ul li {
gap: 1.5rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts li .meta-destination a {
align-items: flex-start;
font-size: 1.2rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts li .meta-destination a img {
border: 1px solid rgb(var(--tripp-color-surface-rgb));
}
.footer-widgets .flext-post-tabs .flext-tabs-nav {
margin-bottom: 0;
}
.footer-widgets .flext-post-tabs .flext-tabs-nav a {
border: none;
border-radius: 0.8rem 0.8rem 0 0;
flex: 0 0 auto;
font-size: 1.1rem;
max-width: none;
}
.footer-widgets .flext-post-tabs .flext-tabs-nav a span {
margin: 1rem 0.5rem;
}
.footer-widgets .flext-post-tabs .flext-tab-wrapper {
border-top: 1px solid rgba(var(--tripp-color-on-background-rgb), 0.06);
padding-top: 1rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts {
display: flex;
flex-flow: column nowrap;
gap: 1.2rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts li {
flex: 1 1 100%;
flex-flow: row nowrap;
gap: 1rem;
max-width: 100%;
}
.footer-widgets .flext-post-tabs .post-tab-posts .post-thumbnail {
background: rgb(var(--tripp-color-surface-rgb));
flex: 0 0 6rem;
height: 6rem;
max-width: 6rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a {
align-items: center;
display: flex;
font-size: 2rem;
height: 6rem;
justify-content: center;
}
.footer-widgets .flext-post-tabs .post-thumbnail a i {
display: inline-block;
}
.footer-widgets .flext-post-tabs .post-tab-posts .post-header {
display: flex;
flex-flow: column nowrap;
flex: 0 0 calc(100% - 7.5rem);
max-width: calc(100% - 7.5rem);
}
.footer-widgets .flext-post-tabs .flext-tab .recent-comments-list {
background: none;
padding: 0;
}
.footer-widgets .flext-post-tabs .flext-tab .recent-comments-list li {
margin-bottom: 1.2rem;
}
.footer-widgets .flext-post-tabs .flext-tab .recent-comments-list li:last-child {
margin-bottom: 0;
} .footer-widgets .widget .tag-cloud-link {
font-size: var(--tripp-font-size-sm) !important;
} .footer-widgets .widget-title h2,
.footer-widgets .widget_block .wp-block-group > h2 {
margin-bottom: 1.4rem;
}
.footer-widgets .widget_calendar .widget-title {
text-align: center;
}
.footer-widgets .flext-widget-categories .flext-categories,
.footer-widgets .vertical-menu,
.footer-widgets .wp-block-archives,
.footer-widgets .wp-block-categories,
.footer-widgets .wp-block-page-list,
.footer-widgets .widget_archive ul,
.footer-widgets .widget_categories ul,
.footer-widgets .widget_meta ul,
.footer-widgets .widget_recent_entries ul {
gap: 1.4rem;
}
.footer-widgets .vertical-menu ul.sub-menu {
margin: 1.2rem 0 0;
}
.footer-widgets .wp-block-navigation__submenu-container {
padding: 0.6rem 0 0 1.5rem;
}
.footer-widgets .widget_rss ul {
background: none;
border: none;
padding: 0;
}  .footer-widgets .widget_product_categories ul li .count {
height: auto;
} .footer-widgets .wp-block-categories,
.footer-widgets .wp-block-archives {
background: none;
border: none;
padding: 0;
}  .main-footer .site-info {
align-items: center;
color: rgb(var(--tripp-color-on-surface-rgb));
display: flex;
flex-direction: column;
row-gap: 1.5rem;
padding: var(--tripp-spacing-horizontal) 0;
text-align: center;
}
.main-footer .footer-widgets + .site-info {
border-top: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.08);
margin-top: var(--tripp-spacing-horizontal);
position: relative;
z-index: 2;
}
.footer-text {
margin-bottom: 1rem;
order: 2;
position: relative;
} .footer-contact-info {
display: flex;
flex-flow: row wrap;
gap: 1.5rem;
max-width: var(--tripp-wide-width);
order: 1;
position: relative;
}
.footer-menu-wrapper {
flex: 1 1 100%;
position: relative;
}
.footer-menu {
display: flex;
flex-flow: row wrap;
gap: 1.2rem;
height: 100%;
justify-content: center;
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
}
.footer-menu li {
align-items: center;
display: inline-flex;
margin: 0;
text-align: left;
}
.footer-menu > li > a {
display: block;
line-height: 1.3;
position: relative;
text-decoration: none;
}
.footer-menu > li > a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.footer-social-links {
flex: 1 1 100%;
position: relative;
}
.footer-contact-info .flext-social-icons {
height: 100%;
justify-content: center;
}
.footer-contact-info .flext-social-icons.flext-style-names a {
font-size: var(--tripp-font-size-sm);
}
.main-footer .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0;
}  .has-text-mode-light {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.has-text-mode-dark {
color: rgb(var(--tripp-color-on-surface-rgb));
} .slide-up {
animation: tripp-slide-up 0.6s linear 0s forwards;
overflow: hidden;
}
.slide-down {
animation: tripp-slide-up 0.6s linear 0s reverse;
}
@keyframes tripp-slide-up {
0% {
opacity: 1;
visibility: visible;
}
100% {
height: 0;
opacity: 0;
visibility: hidden;
display: none;
}
} .is-changing-scheme * {
transition: none !important;
}
@media (min-width: 360px) {   .blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count,
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
height: 4.8rem;
width: 4.8rem;
}
}
@media (min-width: 390px) {   .blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count,
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5.4rem;
width: 5.4rem;
}
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
}
@media (min-width: 425px) {   .blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count,
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
height: 6rem;
width: 6rem;
} .flext-post-tabs .flext-tabs-nav a {
font-size: var(--tripp-font-size-xs);
}
.flext-post-tabs .flext-tabs-nav a span {
margin: 1rem 0.8rem;
}   .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 6rem;
width: 6rem;
}
}
@media (min-width: 576px) {
:root { --tripp-sidebar-width: 31rem;
}   .main-sidebar .flext-post-tabs .flext-tabs-nav {
gap: 0 0.3rem;
}
.main-sidebar .flext-post-tabs .flext-tabs-nav a {
font-size: 1.1rem;
}
.flext-post-tabs .flext-tabs-nav a span {
margin: 1rem 0.5rem;
}
.sidebar-active .main-content-overlay,
.mobile-menu.nav-active .main-content-overlay,
.mobile-menu.search-active .main-content-overlay {
opacity: 1;
visibility: visible;
}
.mobile-menu.nav-active:not(.search-active) .main-menu {
background-color: transparent;
box-shadow: none;
}
.mobile-menu.nav-active .site-logo {
opacity: 0;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
}
.is-scrolling-disabled .has-scrollbar .quicklinks .ab-top-secondary {
padding-right: var(--tripp-scrollbar-width) !important;
}
.is-scrolling-disabled .has-scrollbar .main-menu {
right: var(--tripp-scrollbar-width);
} .side-menu .menu-widgets .flext-grid {
--flext-grid-columns: 3;
} .meta-author span {
display: inline-block;
margin-left: 0.8rem;
} .comment-form-author,
.comment-form-email {
width: auto;
}
.comment-form-email {
margin-left: 1rem;
}
}
@media (min-width: 600px) {  .blog-sidebar .widget-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 40rem;
}   .flext-block-categories .category-item .posts-count {
font-size: 1rem;
}
.flext-block-categories .has-thumbnail .posts-count {
bottom: 4.2rem;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.flext-block-categories.has-thumbnail .category-item a span {
padding: 2rem 1.5rem;
}
.wp-block-columns .flext-block-categories.flext-columns-2 .has-thumbnail .posts-count,
.wp-block-columns .flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail .posts-count {
bottom: 4.2rem;
}
.wp-block-columns .flext-block-categories.flext-columns-2 .has-thumbnail a span,
.wp-block-columns .flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
} .flext-block-categories.has-square-thumbnail .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 10rem;
width: 10rem;
}
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
} .flext-live-search .live-search-results {
height: calc(100vh - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - 6.5rem);
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
flex-basis: auto !important;
}
}
@media (min-width: 768px) { :root { --tripp-sidebar-width: 33rem; --tripp-font-size-xxxl: 5vw; --tripp-spacing-sm: 2.5rem;
--tripp-spacing-md: 3.5rem;
--tripp-spacing-lg: 4.5rem;
--tripp-spacing-horizontal: 3rem;
--tripp-spacing-vertical: 6rem; --tripp-grid-columns: 2;
} .has-2-columns {
--tripp-grid-columns: 2;
}
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption {
display: block;
}
.tripp-menu ul {
max-width: 30rem;
} .flext-lightbox.flext-share-modal .flext-lightbox-content .has-post-thumbnail {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
}
.flext-lightbox.flext-share-modal .has-post-thumbnail .modal-image img {
max-height: 80vh;
}
.flext-lightbox.flext-share-modal .has-post-thumbnail .modal-body {
text-align: left;
}
.flext-share-modal .has-post-thumbnail .modal-links {
justify-content: flex-start;
}   .flext-instagram-feed .flext-columns-4,
.flext-flickr .flext-columns-4,
.flext-instagram-feed .flext-columns-8,
.flext-flickr .flext-columns-8 {
--flext-grid-columns: 4;
}
.flext-instagram-feed .flext-columns-12,
.flext-flickr .flext-columns-12 {
--flext-grid-columns: 6;
}  ul.has-large-font-size,
ol.has-large-font-size,
ul.has-extra-large-font-size,
ol.has-extra-large-font-size,
ul.has-extra-extra-large-font-size,
ol.has-extra-extra-large-font-size,
ul.has-extra-huge-font-size,
ol.has-extra-huge-font-size {
font-weight: 300;
} ol.is-style-flext-list-circle.has-extra-large-font-size li {
padding-left: 4.6rem;
}
ol.is-style-flext-list-circle.has-extra-large-font-size li::before {
height: 3.2rem;
line-height: 3.2rem;
top: 0.5rem;
width: 3.2rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li {
padding-left: 5.8rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li::before {
height: 4.2rem;
line-height: 4.2rem;
top: 1rem;
width: 4.2rem;
} .wp-block-image .is-resized {
width: auto;
}
.entry-content .wp-block-gallery.alignleft,
.entry-content .wp-block-gallery.alignright {
margin-top: 0.5rem;
}
.wp-block-file a.wp-block-file__button {
flex-shrink: 0;
}
.wp-block-file a:not(.wp-block-file__button) {
margin-bottom: 0;
} .wp-block-media-text {
display: grid;
gap: var(--tripp-spacing-sm);
}
.wp-block-media-text.alignfull {
gap: 0;
}
.wp-block-media-text.alignfull.has-background:not(.is-image-fill) {
gap: var(--tripp-spacing-horizontal);
}
.entry-content > .wp-block-media-text.alignfull .wp-block-media-text__media {
border-radius: 0 0.8rem 0.8rem 0;
}
.entry-content > .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
border-radius: 0.8rem 0 0 0.8rem;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: 0;
}
.entry-content > .wp-block-media-text.alignfull.has-background .wp-block-media-text__media {
border-radius: 1.5rem;
overflow: hidden;
}
.entry-content > .wp-block-media-text.alignfull.is-image-fill .wp-block-media-text__media {
border-radius: 0;
} .wp-block-file {
flex-flow: row nowrap;
}
.wp-block-file.alignleft,
.wp-block-file.aligncenter,
.wp-block-file.alignright {
flex-flow: column nowrap;
} .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft {
margin: 0 2rem 0 0;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
margin: 0 0 0 2rem;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft,
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
max-width: 50%;
width: auto;
} .wp-block-latest-posts.is-grid,
.wp-block-latest-posts.is-grid.columns-2,
.wp-block-rss.is-grid,
.wp-block-rss.is-grid.columns-2 {
--tripp-grid-columns: 2;
}
.wp-block-latest-posts.is-grid li,
.wp-block-rss.is-grid li {
display: inline-block;
} .flext-block-latest-posts.flext-grid li .post-header strong,
.flext-block-authors .flext-grid li .post-header strong {
display: -webkit-box;
max-height: 5.1rem;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flext-block-latest-posts.flext-grid .has-thumbnail > a:hover::after,
.flext-block-latest-posts.flext-grid .has-thumbnail > a:focus::after {
opacity: 0.4;
} .flext-carousel-gallery.flext-carousel-gutters .flext-slide figure {
border-radius: 1.5rem;
transform: translateZ(0);
} .flext-block-authors.is-style-list .flext-author-entry .flext-author-header {
max-width: none;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-avatar {
margin: 0;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-title {
margin-top: 0;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-follow-numbers {
justify-content: center;
}
.flext-block-authors.is-style-list .flext-author-description + .flext-author-location {
margin: 1rem 0 0;
}
.flext-block-authors.is-style-list .flext-author-location + .flext-user-social-links {
margin-left: 0;
}
.flext-block-authors.is-style-list .flext-author-location + .flext-user-social-links::before {
display: none;
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-cover-image {
height: 40rem;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-detail {
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
max-width: 100%;
}
.flext-block-authors.is-style-list .author-recent-posts {
flex-flow: row nowrap;
}
.flext-block-authors.is-style-list .author-recent-posts > * {
flex: 0 0 calc(50% - (var(--tripp-spacing-sm) / 2));
max-width: calc(50% - (var(--tripp-spacing-sm) / 2));
}
.flext-block-authors.is-style-list .wp-block-social-links.is-style-logos-only.has-icon-color {
justify-content: center;
}
.flext-block-authors.is-style-list .author-posts-list .post-thumbnail {
flex: 0 0 12rem;
max-width: 12rem;
}
.flext-block-authors.is-style-list .author-posts-list .post-title {
flex: 0 0 calc(100% - 14rem);
max-width: calc(100% - 14rem);
} .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
height: 6rem;
width: 6rem;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail a span {
padding: var(--flext-carousel-pagination-height) 0 0;
}
.flext-block-categories.flext-columns-2.has-square-thumbnail .category-item.has-thumbnail a span,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .category-item.has-thumbnail a span {
padding: 2rem 0 0 !important;
} .page-header.has-header-breadcrumb.has-text-align-none .tripp-container {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-header.has-header-breadcrumb.has-text-align-none .tripp-container > .page-title {
text-align: left;
}
.page-header.has-header-breadcrumb.has-text-align-none .tripp-container > .tripp-breadcrumb {
text-align: right;
} .entry-content .alignleft {
float: left;
margin: 0.5rem var(--tripp-spacing-xs) var(--tripp-spacing-xs) 0;
max-width: 50%;
}
.entry-content .is-layout-constrained > .alignleft {
float: right;
margin-inline-start: 2rem;
}
.entry-content > .alignleft {
margin: var(--tripp-spacing-sm) 2rem 0.5rem var(--tripp-alignleft-margin);
} .entry-content .alignright {
float: right;
margin: 0.5rem 0 var(--tripp-spacing-xs) var(--tripp-spacing-xs);
max-width: 50%;
}
.entry-content .is-layout-constrained > .alignright {
float: right;
margin-inline-start: 2rem;
}
.entry-content > .alignright {
margin: var(--tripp-spacing-sm) var(--tripp-alignright-margin) 0.5rem 2rem;
} .post-password-form label {
flex: 1 1 auto;
margin: 0 1rem 0 0;
width: auto;
}
.post-password-form input {
margin-bottom: 0;
}
.post-password-form input[type="submit"] {
width: auto;
} .filter-types,
.filter-types .terms-list {
width: auto;
}
.filter-taxonomies .filter-tax::before {
display: none;
}
.filter-taxonomies.has-1-columns .filter-terms li {
flex: 1 1 50%;
max-width: 50%;
}
.filter-sortby .sortby-button span {
display: inline-block;
margin-left: 0.8rem;
max-width: 12rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}  .entry-media .flext-gallery-slider .flext-button-prev,
.entry-media .flext-gallery-slider .flext-button-next {
font-size: 2.2rem;
height: 4rem;
width: 4rem;
}
.entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 3rem + 0.4rem);
} .posts-layout-list .entry:not(.has-post-thumbnail).has-coupon .content-inner::after,
.posts-layout-list .has-post-thumbnail.has-coupon .entry-media::after {
height: 4rem;
width: 4rem;
}
.posts-layout-list .entry:not(.has-post-thumbnail).has-coupon .flext-quick-view-button,
.posts-layout-list .entry.format-audio.has-coupon .entry-media::after,
.posts-layout-list .entry.format-video.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 3.4rem);
}
.posts-layout-list .entry.format-gallery.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2.4rem);
} .posts-layout-list .posts-list {
display: grid;
gap: var(--tripp-grid-gap);
grid-template-columns: repeat(var(--tripp-grid-columns), minmax(10rem, 1fr));
margin-left: auto;
margin-right: auto;
width: 100%;
}
.posts-layout-list .entry {
margin: 0;
}
.posts-layout-list .entry-title {
font-size: var(--tripp-font-size-md);
}
.posts-layout-list .entry-media .flext-post-gallery .total-images {
font-size: 1.4rem;
height: 3.6rem;
line-height: 3.2rem;
width: 2.4rem;
}
.posts-layout-list .posts-list .flext-featured-media .flext-media-button,
.posts-layout-list .posts-list .flext-post-audio.flext-is-playing .flext-sound-wave-icon {
height: 4rem;
width: 4rem;
}
.posts-layout-list .entry .content-inner {
padding: 3rem;
}  .posts-animation-2 .entry.tripp-active {
transition:
opacity 0.5s var(--tripp-transition-ease)
calc(0.5s + var(--tripp-transition-delay));
} .quick-view-content .entry-footer {
align-items: center;
display: flex;
justify-content: space-between;
}
.quick-view-content .entry-buttons {
margin-top: 0;
} .posts-layout-list .flext-quick-view-button {
height: 4rem;
width: 4rem;
} .pagination {
justify-content: flex-start;
}
.navigation.numbered-pagination .next,
.navigation.numbered-pagination .prev {
display: inline-flex;
} .single .single-entry-header .entry-title {
margin: calc(var(--tripp-spacing-sm) - 1.2rem) 0;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
font-size: 2.2rem;
height: 4rem;
width: 4rem;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
left: auto;
right: calc(var(--tripp-spacing-horizontal) + 3.5rem);
}
.single-entry-footer .entry-buttons {
flex: 0 0 auto;
justify-content: flex-start;
margin-top: var(--tripp-spacing-horizontal);
} .review-inner .review-ratings {
gap: 1.5rem 5rem;
grid-template-columns: repeat(2, minmax(1rem, 1fr));
position: relative;
}
.review-inner .tripp-xt-review-rating li > div {
align-items: flex-start;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.review-inner .tripp-xt-review-indicator {
flex: 0 0 auto;
}
.review-inner .tripp-xt-review-rating {
flex-flow: row nowrap;
}
.review-inner .review-ratings .tripp-xt-review-star {
line-height: 1;
}
.review-inner .review-details {
gap: 1.5rem 4rem;
grid-template-columns: repeat(2, minmax(1rem, 1fr));
position: relative;
}
.review-inner .review-details::after {
border-right: 1px dashed rgba(var(--tripp-color-on-surface-rgb), 0.1);
bottom: -2rem;
content: "";
display: block;
height: auto;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.review-inner .review-details ul {
margin-bottom: 0;
}
.review-inner .review-ratings label {
font-size: var(--tripp-font-size-sm);
}
.review-cons::before {
display: none;
}
.review-cons .review-title {
background: var(--tripp-color-alert);
} .review-inner .review-star-rating .tripp-xt-review-indicator {
margin-left: 1rem;
}
.review-inner .review-star-rating .tripp-xt-rating-score {
margin-left: 0;
flex: 0 0 1.5rem;
max-width: 1.5rem;
} .review-inner .review-point-rating .tripp-xt-review-indicator {
margin-top: 0.9rem;
margin-left: auto;
flex: 0 0 40%;
max-width: 40%;
}
.review-inner .review-progress-rating .tripp-xt-review-indicator {
margin-top: 0.9rem;
margin-left: auto;
flex: 0 0 35%;
max-width: 35%;
}
.review-inner .review-point-rating .tripp-xt-rating-score {
margin-left: 0;
flex: 0 0 2rem;
max-width: 2rem;
}
.review-inner .review-progress-rating .tripp-xt-rating-score {
margin-left: 0;
} .coupon-header {
display: flex;
flex-flow: row nowrap;
gap: 2rem;
}
.coupon-header .coupon-title-wrapper {
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
gap: 0.5rem;
margin: 0;
order: 1;
width: 100%;
}
.coupon-header .coupon-image {
display: flex;
flex: 0 0 auto;
margin: 0;
order: 2;
}
.coupon-image img {
height: 7.5rem;
width: 7.5rem;
}
.coupon-header .coupon-title {
margin-top: 0;
}
.coupon-description {
margin-top: 0.5rem;
}
.coupon-code-panel {
flex-flow: row nowrap;
}
.coupon-code-panel > * {
width: auto;
}
.coupon-code-panel .coupon-code i {
margin-left: 1rem;
}
.coupon-attributes li {
display: block;
}
.coupon-attributes li label {
margin-right: 0.5rem;
} .single-layout-1 .single-entry.has-post-thumbnail .single-entry-media {
margin-top: var(--tripp-spacing-horizontal);
}
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 4.8rem);
}
.single-layout-1 .single-entry .single-entry-media .flext-media-controls {
right: 3rem;
} .single-layout-2 .single-entry.has-post-thumbnail .single-entry-media {
max-width: 100%;
}
.single-layout-2 .single-entry.has-post-thumbnail .entry-media-wrapper {
margin-top: var(--tripp-spacing-horizontal);
}
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 4.8rem);
}
.single-layout-2 .single-entry .single-entry-media .flext-media-controls {
right: 3rem;
} .single-layout-3 .tripp-breadcrumb {
text-align: center;
}
.single-layout-3 .single-entry-header .meta-destination {
justify-content: center;
}
.single-layout-3 .post .single-entry-header .entry-title {
text-align: center;
}
.single-layout-3 .post .single-entry-header .entry-meta {
justify-content: center;
}
.single-layout-3 .has-post-thumbnail .single-entry-media {
margin-top: var(--tripp-spacing-horizontal);
} .single-layout-4 .single-entry-header {
margin-bottom: var(--tripp-spacing-md);
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header {
margin-bottom: var(--tripp-spacing-lg);
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-media {
height: 80vh;
width: 100%;
}
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 4.8rem);
} .transparent-menu.single-layout-5 .single-entry .single-entry-media .flext-media-controls {
top: calc(var(--tripp-spacing-sm) + var(--tripp-header-menu-height));
} .single-entry-footer .post-tags {
flex-wrap: nowrap;
justify-content: space-between;
}
.single-entry-footer .tags-links {
justify-content: flex-start;
margin-right: var(--tripp-spacing-horizontal);
}
.single-entry-footer .entry-buttons {
margin-top: 0;
}
.post-author {
justify-content: flex-start;
}
.post-author .author-avatar {
max-width: 15rem;
}
.post-author .author-detail {
flex: 1;
text-align: inherit;
max-width: calc(100% - 15rem);
}
.post-author .author-title {
justify-content: space-between;
flex-direction: row;
width: 100%;
}
.post-author .edit-profile-link {
margin: 0;
}
.post-author .edit-profile-link::before {
position: relative;
}
.post-author .author-bio {
display: flex;
flex-flow: row wrap;
}
.post-author .flext-author-follow-numbers {
display: inline-flex;
justify-content: flex-start;
margin: 0.5rem 0 0;
}
.post-author .flext-author-location {
display: inline-flex;
justify-content: flex-start;
margin: 0.5rem 1.5rem 0 0;
max-width: 60%;
}
.post-author .flext-author-follow-numbers + .flext-author-location {
gap: 1rem;
position: relative;
}
.post-author .flext-author-follow-numbers + .flext-author-location::before {
align-items: center;
background: rgba(var(--tripp-color-on-surface-rgb), 0.6);
content: "";
display: inline-flex;
height: 1.3rem;
margin-top: -0.2rem;
transform: translateY(50%);
width: 0.1rem;
}
.post-author .flext-author-description {
flex: 1 1 100%;
max-width: 100%;
-webkit-line-clamp: 3;
} .post-authors .author-title {
font-size: var(--tripp-font-size-lg);
margin-top: 0;
}
.post-authors .edit-profile-link {
min-width: 8rem;
text-indent: 0;
width: auto;
} .comment-header,
.comment-list .children .comment-header {
margin-left: 4.5rem;
padding: 1.4rem 2rem 0;
}
.comment-author .avatar {
left: auto;
margin: -1rem 1rem 0 -6.4rem;
position: relative;
}
.comment-content {
margin-left: 4.5rem;
padding: 0.5rem 2rem 1.6rem;
}
.comment-footer {
margin: 0.5rem 0 1.5rem 4.5rem;
}
.comment-list .children .comment-header,
.comment-list .children .comment-content,
.comment-list .children .comment-footer,
.comment-list .children .comment-respond {
margin-left: 3.5rem;
}
.comment-list .children > li {
margin: 0.5rem 0 0 4.4rem;
}
.comment-list .children .avatar {
margin: -1rem 1rem 0 -5.5rem;
}
.comment-form {
display: flex;
}
.comment-form .comment-form-author {
flex: 1 1 50%;
max-width: calc(50% - 1rem);
margin-right: 1rem;
}
.comment-form .comment-form-email {
flex: 1 1 50%;
max-width: calc(50% - 1rem);
margin-left: 1rem;
} .post-navigation .post-nav-links {
gap: 0;
flex-flow: row nowrap;
justify-content: space-between;
padding: 1.5rem;
}
.post-navigation .post-nav-links::before {
background: rgba(var(--tripp-color-on-surface-rgb), 0.06);
content: "";
display: block;
height: 100%;
left: 50%;
position: absolute;
transform: translateX(-50%);
top: 0;
width: 1px;
}
.post-navigation .nav-col {
flex: 0 1 43%;
max-width: 43%;
}
.post-navigation .nav-thumbnail {
flex: 0 0 12rem;
}
.post-navigation .nav-col.nav-all {
bottom: auto;
flex: 0 0 8rem;
justify-content: center;
left: auto;
max-width: 8rem;
padding: 0;
position: relative;
right: auto;
}
.post-navigation .nav-all a {
background: none;
height: 3.5rem;
justify-content: center;
margin: 0;
max-width: 50rem;
padding: 0;
position: relative;
}
.post-navigation .nav-all a:hover {
background: none;
}
.post-navigation .nav-col.nav-all::before {
display: none;
}
.post-navigation .nav-all i {
align-items: center;
background: rgb(var(--tripp-color-on-surface-rgb));
border-radius: 50%;
display: flex;
justify-content: center;
height: 3.5rem;
margin: 0 2rem;
width: 3.5rem;
}
.post-navigation .nav-all a:hover i {
color: rgb(var(--tripp-color-on-primary-rgb));
background: rgb(var(--tripp-color-primary-rgb));
}
.post-navigation .nav-all a .nav-text {
color: rgb(var(--tripp-color-on-surface-rgb));
display: block;
justify-content: center;
left: 50%;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
transform: translate3d(-50%, -100%, 0);
text-align: center;
transition: opacity 0.3s, transform 0.3s;
width: 100%;
}
.post-navigation .nav-all a:hover .nav-text {
opacity: 1;
transform: translate3d(-50%, -120%, 0);
}
.post-navigation .nav-next .nav-thumbnail {
display: flex;
order: 2;
}
.post-navigation .nav-next {
justify-content: flex-end;
}
.post-navigation .nav-next .nav-text {
text-align: right;
justify-content: flex-end;
}
.post-navigation .nav-none {
display: flex;
justify-content: center;
min-height: 12rem;
}
.post-navigation .nav-none::before {
background-color: rgb(var(--tripp-color-surface-rgb));
bottom: 0;
content: "";
left: 0;
opacity: 0.2;
position: absolute;
right: 0;
top: 0;
}
.post-navigation .nav-none .nav-text {
color: rgb(var(--tripp-color-on-surface-rgb));
}  .has-sidebar .entry-content > .alignleft {
--tripp-alignleft-margin: 0;
}
.has-sidebar .entry-content > .alignright {
--tripp-alignright-margin: 0;
}  .has-sidebar .is-style-2-columns.is-style-2-columns .posts-list {
grid-template-columns: 1fr 1fr;
grid-template-rows: unset;
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
max-width: none;
grid-column: span 2;
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry .content-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry.has-post-thumbnail:nth-child(3n+1) {
box-shadow: 0 0 0 1px rgba(var(--tripp-color-on-surface-rgb), 0.02);
}
.has-scheme-light .has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry.has-post-thumbnail:nth-child(3n+1) {
box-shadow: 0 0 0 1px rgba(var(--tripp-color-on-surface-rgb), 0.02);
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .has-post-thumbnail:nth-child(3n+1) .entry-media::before,
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .has-post-thumbnail:nth-child(3n+1)::before {
display: none;
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .has-post-thumbnail:nth-child(3n+1) .content-inner {
--tripp-color-on-surface-rgb: var(--tripp-color-on-surface-rgb);
padding: var(--tripp-spacing-xs);
position: relative;
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry .entry-title {
font-size: var(--tripp-font-size-lg);
}
.has-sidebar .tripp-xt-block-posts.is-style-2-columns .entry .entry-footer {
margin-top: auto;
} .footer-widgets {
gap: 0 var(--tripp-spacing-horizontal);
}
.footer-widgets.tripp-grid {
display: grid;
gap: var(--tripp-grid-gap);
grid-template-columns: repeat(var(--tripp-grid-columns), 1fr);
}
.footer-widgets.tripp-grid.footer-widgets.has-4-columns {
--tripp-grid-columns: 2;
} .footer-widgets.has-one-column .footer-col-1 .widget_recent_entries ul,
.footer-widgets.has-one-column .footer-col-1 .widget_rss ul,
.footer-widgets.has-2-columns .footer-col-1 .widget_recent_entries ul,
.footer-widgets.has-2-columns .footer-col-1 .widget_rss ul {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(2, 1fr);
}
.footer-widgets.has-one-column .footer-col-1 .widget_rss ul li {
border: none;
padding-bottom: 0;
} .footer-widgets.has-one-column .flext-instagram-feed .flext-columns-6,
.footer-widgets.has-one-column .flext-flickr .flext-columns-6,
.footer-widgets.has-3-columns .footer-col-3 .flext-instagram-feed .flext-columns-6,
.footer-widgets.has-3-columns .footer-col-3 .flext-flickr .flext-columns-6 {
--flext-grid-columns: 6;
} .footer-widgets.has-one-column .tripp-xt-newsletter-form [type="submit"],
.footer-widgets.has-3-columns .footer-col-3 .tripp-xt-newsletter-form [type="submit"] {
padding: 0 3rem;
width: auto;
}  .footer-widgets.has-one-column .footer-col-1 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.footer-widgets.has-2-columns .footer-col-1 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer-widgets.has-3-columns .footer-col-3 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.footer-widgets.has-4-columns .footer-col-1 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .footer-widgets .flext-widget-authors .flext-authors {
display: grid;
gap: 2rem;
}
.footer-widgets.has-one-column .flext-widget-authors .flext-authors,
.footer-widgets.has-2-columns .footer-col-1 .flext-widget-authors .flext-authors,
.footer-widgets.has-3-columns .footer-col-3 .flext-widget-authors .flext-authors {
grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}
.footer-widgets.has-4-columns .footer-col-1 .flext-widget-authors .flext-authors {
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
.footer-widgets .flext-widget-authors .flext-author-entry {
margin-bottom: 0;
} .footer-widgets.has-one-column .flext-post-tabs .post-tab-posts {
display: grid;
grid-template-columns: repeat(2, 50%);
}
.footer-widgets.has-3-columns .footer-col-3 .flext-post-tabs .post-tab-posts {
display: grid;
gap: 1.2rem 2rem;
grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}
.footer-widgets.has-one-column .flext-post-tabs .flext-tab .recent-comments-list {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(2, 1fr);
}
.footer-widgets.has-3-columns .footer-col-3 .flext-post-tabs .flext-tab .recent-comments-list {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 782px) {
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap;
}
}
@media (min-width: 783px) {
.admin-bar {
--tripp-admin-bar-height: 32px;
}
}
@media (min-width: 1024px) { :root { --tripp-sidebar-width: 35rem;   --tripp-spacing-horizontal: 4rem;
--tripp-spacing-vertical: 8rem;
--tripp-alignright-margin: calc(0.5 * (100vw - var(--tripp-content-width)) - var(--tripp-spacing-horizontal));
--tripp-alignleft-margin: calc(0.5 * (100vw - var(--tripp-content-width)) - var(--tripp-spacing-horizontal)); --tripp-grid-columns: 3; --tripp-scrollbar-width: 0.6rem;
} .has-3-columns {
--tripp-grid-columns: 3;
}
.has-4-columns,
.has-5-columns {
--tripp-grid-columns: 4;
} .flext-lightbox.flext-share-modal .flext-lightbox-container {
max-width: 90rem;
}
.flext-lightbox.flext-share-modal .modal-image {
max-height: 45rem;
}
.flext-lightbox.flext-share-modal .flext-lightbox-content .has-post-thumbnail {
grid-template-columns: repeat(2, minmax(450px, 1fr));
}
.flext-button-prev {
font-size: 2rem;
height: 4rem;
width: 4rem;
right: calc(var(--tripp-spacing-xs) + 4.8rem);
}
.flext-button-next {
font-size: 2rem;
height: 4rem;
width: 4rem;
}   .blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count,
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 3.8rem;
width: 3.8rem;
}
.blog-sidebar .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
} .flext-post-tabs .has-post-thumbnail .post-thumbnail a img,
.flext-post-tabs li:hover .post-thumbnail a i {
transition: transform 0.7s var(--tripp-transition-ease);
}
.flext-post-tabs .has-post-thumbnail:hover .post-thumbnail a img {
transform: scale(1.05) translateZ(0);
}
.flext-post-tabs li:hover .post-thumbnail a i {
transform: scale(1.1) translateZ(0);
} .flext-instagram-feed .flext-columns-6,
.flext-flickr .flext-columns-6 {
--flext-grid-columns: 6;
}
.flext-instagram-feed .flext-columns-9,
.flext-flickr .flext-columns-9 {
--flext-grid-columns: 9;
}  ol.is-style-flext-list-circle.has-huge-font-size li {
padding-left: 5.2rem;
}
ol.is-style-flext-list-circle.has-huge-font-size li::before {
font-size: 60%;
height: 3.8rem;
line-height: 3.8rem;
top: 1rem;
width: 3.8rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li {
padding-left: 7.8rem;
}
ol.is-style-flext-list-circle.has-gigantic-font-size li::before {
font-size: 60%;
height: 6.2rem;
line-height: 6.2rem;
top: 1.4rem;
width: 6.2rem;
} .wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-columns.alignfull {
gap: var(--tripp-grid-gap);
}
.wp-block-image .is-resized,
.wp-block-image.flext-animation-rotate .is-resized {
width: min-content;
display: -ms-inline-grid;
-ms-grid-columns: min-content;
}
.wp-block-image .is-resized img {
max-width: none;
}
.wp-block-embed-instagram.alignleft {
margin-right: 4rem;
}
.wp-block-embed-instagram.alignright {
margin-left: 4rem;
}
.wp-block-table.alignleft,
.wp-block-table.alignright {
margin: 3rem;
width: auto;
} .wp-block-table.is-style-tripp-list table {
display: table;
position: relative;
}
.wp-block-table.is-style-tripp-list thead {
display: table-header-group;
}
.wp-block-table.is-style-tripp-list thead th {
border-bottom: none;
display: table-cell;
padding: 0 2rem 2rem;
vertical-align: top;
}
.wp-block-table.is-style-tripp-list thead th:first-child,
.wp-block-table.is-style-tripp-list thead th:last-child {
padding: 0 0 2rem 0;
}
.wp-block-table.is-style-tripp-list thead,
.wp-block-table.is-style-tripp-list tbody {
display: table-row-group;
}
.wp-block-table.is-style-tripp-list tfoot {
display: table-footer-group;
}
.wp-block-table.is-style-tripp-list tr {
display: table-row;
flex: none;
padding: 0;
text-align: left;
}
.wp-block-table.is-style-tripp-list td {
display: table-cell;
padding: 2rem 0 2rem 1rem;
vertical-align: top;
}
.wp-block-table.is-style-tripp-list tr td:first-child {
padding: 2rem 1rem 2rem 0;
}
.wp-block-table.is-style-tripp-list tr td:last-child {
padding: 2rem 0 2rem 1rem;
}
.wp-block-table.is-style-tripp-list .has-background tr td:first-child {
padding: 2rem 1rem 2rem 2rem;
}
.wp-block-table.is-style-tripp-list .has-background tr td:last-child {
padding: 2rem 2rem 2rem 1rem;
}
.wp-block-table.is-style-tripp-list .has-fixed-layout th:first-child,
.wp-block-table.is-style-tripp-list .has-fixed-layout td:first-child {
display: block;
}
.wp-block-table.is-style-tripp-list tr td:last-child,
.wp-block-table.is-style-tripp-list tr th:last-child {
text-align: right;
}
.wp-block-table.is-style-tripp-list tr td.has-text-align-left:last-child,
.wp-block-table.is-style-tripp-list tr th.has-text-align-left:last-child {
text-align: left;
}
.wp-block-table.is-style-tripp-list tr td.has-text-align-center:last-child,
.wp-block-table.is-style-tripp-list tr th.has-text-align-center:last-child {
text-align: center;
}
.wp-block-table.is-style-tripp-list tfoot td {
display: table-cell;
}
.wp-block-table.is-style-tripp-list td img {
display: inline;
margin-bottom: 0;
vertical-align: middle;
} .wp-block-button.is-style-tripp-link .wp-block-button__link:hover::before {
transform: rotate(315deg) translate3d(2px, 2px, 0);
width: 6px;
}
.wp-block-button.is-style-tripp-link .wp-block-button__link:hover::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 6px;
} ul.has-large-font-size,
ol.has-large-font-size,
ul.has-extra-large-font-size,
ol.has-extra-large-font-size,
ul.has-extra-extra-large-font-size,
ol.has-extra-extra-large-font-size,
ul.has-extra-huge-font-size,
ol.has-extra-huge-font-size {
font-weight: 300;
} .wp-block-latest-posts.is-grid.columns-3,
.wp-block-rss.is-grid.columns-3 {
--tripp-grid-columns: 3;
}
.wp-block-latest-posts.is-grid,
.wp-block-latest-posts.is-grid.columns-4,
.wp-block-rss.is-grid,
.wp-block-rss.is-grid.columns-4 {
--tripp-grid-columns: 4;
}   .flext-block-authors.is-style-grid .flext-author-entry {
margin-bottom: 0;
} .flext-block-authors.is-style-list .flext-author-content {
background: rgba(var(--tripp-color-on-surface-rgb), 0.02);
border-radius: 1.5rem;
align-content: center;
display: flex;
flex: 0 0 calc(50% - (var(--tripp-spacing-sm) / 2));
flex-flow: row wrap;
justify-content: center;
margin-bottom: 0;
max-width: calc(50% - (var(--tripp-spacing-sm) / 2));
position: relative;
}
.flext-block-authors.is-style-list:is(.alignwide, .alignfull) .flext-author-content {
flex: 0 0 calc(33.3333% - (var(--tripp-spacing-sm) / 2));
max-width: calc(33.3333% - (var(--tripp-spacing-sm) / 2));
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-content {
background: #1e1e1e;
}
.flext-block-authors.is-style-list .flext-author-cover-image {
border-radius: 1.5rem;
position: absolute;
}
.flext-block-authors.is-style-list .flext-author-entry {
flex-flow: row nowrap;
padding: var(--tripp-spacing-sm);
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-cover-image::after {
background: linear-gradient(to bottom, rgba(37, 37, 37, 0.3), rgba(37, 37, 37, 1));
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-cover-image {
height: auto;
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-header {
margin-top: 3rem;
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-avatar .avatar {
height: 8rem;
width: 8rem;
}
.flext-block-authors.is-style-list .flext-author-avatar .avatar + .flext-author-follow {
transform: translateY(0%);
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-detail {
color: rgb(var(--tripp-color-white-rgb));
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-follow-numbers a,
.flext-block-authors.is-style-list .has-cover-image .flext-author-location a {
color: rgba(var(--tripp-color-white-rgb), 0.6);
}
.flext-block-authors.is-style-list .has-cover-image .flext-author-follow-numbers::after {
background: rgba(var(--tripp-color-white-rgb), 0.6);
}
.flext-block-authors.is-style-list .author-recent-posts {
flex: 0 0 calc(50% - (var(--tripp-spacing-sm) / 2));
max-width: calc(50% - (var(--tripp-spacing-sm) / 2));
padding: 0;
}
.flext-block-authors.is-style-list:is(.alignwide, .alignfull) .author-recent-posts {
flex: 0 0 calc(66.6667% - (var(--tripp-spacing-sm) / 2));
max-width: calc(66.6667% - (var(--tripp-spacing-sm) / 2));
padding: 0;
}
.flext-block-authors.is-style-list:not(:is(.alignwide, .alignfull)) .author-recent-posts::before,
.flext-block-authors.is-style-list:not(:is(.alignwide, .alignfull)) .flext-featured-post {
display: none;
}
.flext-block-authors.is-style-list:not(:is(.alignwide, .alignfull)) .author-posts-list {
flex: 0 0 100%;
max-width: 100%;
}
.flext-block-authors.is-style-list.alignfull .author-posts-list .post-thumbnail {
flex: 0 0 15rem;
max-width: 15rem;
}
.flext-block-authors.is-style-list.alignfull .author-posts-list .post-title {
flex: 0 0 calc(100% - 15rem - var(--tripp-spacing-sm) - 2rem);
max-width: calc(100% - 15rem - var(--tripp-spacing-sm) - 2rem);
} .flext-block-authors.flext-carousel .flext-button-prev,
.flext-block-authors.flext-carousel .flext-button-next {
display: flex;
font-size: 1.6rem;
height: 3rem;
transition: all 0.3s var(--tripp-transition-ease);
width: 3rem;
}
.flext-authors-pagination.pagination {
margin: calc(var(--tripp-spacing-horizontal) / 2) auto var(--tripp-spacing-horizontal);
} .flext-block-categories.has-thumbnail.is-style-grid,
.flext-block-categories.has-thumbnail.is-style-grid.has-square-thumbnail:is(.flext-columns-7, .flext-columns-8) {
--flext-grid-gap: 2rem;
}
.flext-block-categories.has-thumbnail.is-style-grid.has-square-thumbnail {
--flext-grid-gap: 3rem;
}
.flext-block-categories.has-thumbnail .category-item img {
transition: transform 0.8s var(--tripp-transition-ease);
}
.flext-block-categories .category-item a:hover img {
transform: scale(1.02);
}
.flext-block-categories .category-item a span {
font-size: var(--tripp-font-size-base);
}
.flext-block-categories.has-thumbnail .posts-count {
bottom: 3.6rem;
}
.flext-block-categories:is(.flext-columns-2, .flext-columns-3, .flext-columns-6) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel:is([data-slides-per-view="2"], [data-slides-per-view="3"]) .has-thumbnail .posts-count {
bottom: 4.6rem;
}
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel[data-slides-per-view="4"] .has-thumbnail .posts-count {
bottom: 4.2rem;
}
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8) .has-thumbnail a span,
.flext-block-categories.is-style-carousel[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.flext-block-categories.flext-columns-5 .has-thumbnail a span,
.flext-block-categories.is-style-carousel:is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
padding: 1.5rem 1rem;
}
.wp-block-columns .flext-block-categories.flext-columns-2 .has-thumbnail a span,
.wp-block-columns .flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
padding: 1.5rem 1rem;
}
.wp-block-columns .flext-block-categories.flext-columns-2 .has-thumbnail .posts-count,
.wp-block-columns .flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail .posts-count {
bottom: 3.6rem;
font-size: 1rem;
} .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .category-item.has-thumbnail a span,
.wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .category-item.has-thumbnail a span {
padding: 1.5rem 0 0 !important;
}
.flext-block-categories.flext-grid.flext-columns-5 {
--flext-grid-columns: 5;
}
.flext-block-categories.flext-grid.flext-columns-5:not(:is(.alignwide, .alignfull)) {
--flext-grid-gap: 2rem;
}
.flext-block-categories.flext-grid.flext-columns-6 {
--flext-grid-columns: 3;
}
.wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5rem;
width: 5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail.alignwide .has-thumbnail .posts-count {
right: 3rem;
}
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
height: 7rem;
width: 7rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-3, .flext-columns-6).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-3, .flext-columns-6).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull):is([data-slides-per-view="3"], [data-slides-per-view="6"]) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull):is([data-slides-per-view="3"], [data-slides-per-view="6"]) .has-thumbnail .posts-count::before {
height: 8rem;
width: 8rem;
}
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail .posts-count::before,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull):is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull):is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count::before {
height: 5.4rem;
width: 5.4rem;
}
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="4"], [data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="4"], [data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-md);
}
.flext-block-categories.flext-columns-5.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.flext-columns-5.has-square-thumbnail .has-thumbnail .posts-count::before,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 4.2rem;
width: 4.2rem;
}
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5rem;
width: 5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-4, .flext-columns-7, .flext-columns-8).has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
height: 6rem;
width: 6rem;
}
.main-content:not(.has-sidebar) .flext-block-section.alignfull .flext-categories.flext-carousel.alignfull .flext-button-prev {
left: 0;
}
.main-content:not(.has-sidebar) .flext-block-section.alignfull .flext-categories.flext-carousel.alignfull .flext-button-next {
right: 0;
} .desktop-menu .menu-content {
position: relative;
} .desktop-menu .site-title {
-webkit-line-clamp: 2;
}
.desktop-menu .site-logo,
.desktop-menu .site-title {
max-width: 19rem;
}
.desktop-menu.search-active .main-menu .site-logo,
.desktop-menu.search-active .main-menu .site-title {
opacity: 1;
visibility: visible;
} .desktop-menu .menu-button {
margin-left: 1.5rem;
}
.desktop-menu .menu-icon {
height: 4rem;
transform: scale(1);
width: 4rem;
} .desktop-menu .main-navigation {
font-size: var(--tripp-font-size-sm);
} .desktop-menu .extra-menu {
flex: 0 0 auto;
justify-content: flex-end;
}
.desktop-menu.search-active .extra-menu {
z-index: 9999;
}
.desktop-menu .extra-menu li {
opacity: 1;
visibility: visible;
}
.desktop-menu .extra-menu .menu-item-search {
order: 0;
}
.desktop-menu .extra-menu .menu-item-dark-mode {
order: 5;
}
.desktop-menu .extra-menu .menu-item-login {
order: 8;
}
.desktop-menu .extra-menu .menu-item-sidebar {
order: 9;
}
.desktop-menu .extra-menu li a:hover {
color: rgb(var(--tripp-color-primary-rgb));
}
.desktop-menu.search-active .extra-menu .live-search-button i::before {
content: "\e803";
transform: scaleX(1) ;
} .desktop-menu .main-navigation a > .menu-text {
display: inline-block;
position: relative;
vertical-align: middle;
}
.desktop-menu .main-navigation .sub-menu li a {
transition: color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease);
}
.desktop-menu .main-navigation .sub-menu:hover li a,
.desktop-menu .main-navigation .current-menu-ancestor a {
opacity: 0.6;
}
.desktop-menu .main-navigation .sub-menu:hover li a:hover,
.desktop-menu .main-navigation .sub-menu:hover > li:hover > a,
.desktop-menu .main-navigation li.current-menu-ancestor > a,
.desktop-menu .main-navigation .sub-menu:hover li.current-menu-ancestor > a,
.desktop-menu .main-navigation .sub-menu li.current-menu-item > a,
.desktop-menu .main-navigation .sub-menu:hover li.current-menu-item > a {
opacity: 1;
}
.desktop-menu.top-menu .main-navigation a > .menu-text {
overflow: hidden;
} .desktop-menu .dropdown-menu {
display: flex;
flex-wrap: wrap-reverse;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
transition: opacity 0.3s var(--tripp-transition-ease) 0.3s;
z-index: 1;
}
.desktop-menu .menu-align-center .dropdown-menu {
justify-content: center;
}
.desktop-menu .menu-align-right .dropdown-menu {
justify-content: flex-end;
}
.desktop-menu .dropdown-menu ul,
.desktop-menu .dropdown-menu li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.desktop-menu .dropdown-menu::after {
clear: both;
content: "";
display: block;
line-height: 0;
height: 0;
visibility: hidden;
}
.desktop-menu .dropdown-menu > li {
align-items: center;
display: inline-flex;
height: 100%;
padding: 0 2rem;
text-align: left;
vertical-align: middle;
}
.desktop-menu .dropdown-menu > li > a {
align-items: center;
color: inherit;
display: flex;
height: 100%;
line-height: 1.3;
position: relative;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.desktop-menu .dropdown-menu > li.current-menu-ancestor > a {
color: inherit;
}
.desktop-menu .dropdown-menu a > .menu-icon {
margin-right: 0.5rem;
}
.desktop-menu .dropdown-menu > li > a::before {
display: none;
}
.desktop-menu .dropdown-menu > li > a span {
background-color: rgb(var(--tripp-color-primary-rgb));
background-image: linear-gradient(45deg, rgb(var(--tripp-color-on-menu-rgb)), rgb(var(--tripp-color-on-menu-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: 400% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
transition: background-position 0.3s var(--tripp-transition-ease);
}
.desktop-menu.has-scheme-dark .dropdown-menu > li > a span,
.desktop-menu.has-scheme-dark .main-navigation .sub-menu > li > a > .menu-text {
font-weight: 600;
}
.desktop-menu .dropdown-menu > li > a:hover span,
.desktop-menu .dropdown-menu > li.current-menu-item > a span,
.desktop-menu .dropdown-menu > li.current-menu-ancestor > a span,
.desktop-menu .main-navigation .sub-menu > li > a:hover > .menu-text,
.desktop-menu .main-navigation .sub-menu > .current-menu-item > a > .menu-text {
background-position: 90% 50%;
}
.desktop-menu .dropdown-menu.with-counters > li > a {
font-weight: 400;
}
.desktop-menu .dropdown-menu .sub-menu {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 0 0 0.8rem 0.8rem;
box-shadow: 0 3px 3px rgba(var(--tripp-color-surface-rgb), 0.05);
color: rgba(var(--tripp-color-on-surface-rgb), 0.9);
list-style: none;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 100%;
transform-origin: 10% top;
transition: opacity 0.15s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
}
.desktop-menu .dropdown-menu .sub-menu .sub-menu {
border-radius: 0.8rem;
transform: translate3d(0, 1rem, 0);
}
.desktop-menu .dropdown-menu .sub-menu > li > .sub-menu {
left: 100%;
top: 0;
}
.desktop-menu .dropdown-menu > li.align-right > .sub-menu {
left: auto;
right: 0;
}
.desktop-menu .dropdown-menu li:hover > .sub-menu {
max-height: none;
opacity: 1;
overflow: visible;
padding-bottom: 2rem;
padding-top: 2rem;
visibility: visible;
}
.desktop-menu .dropdown-menu > li > .sub-menu {
border-color: rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-style: solid;
border-width: 1px 0 1px 0;
}
.desktop-menu .dropdown-menu > li.align-right > .sub-menu .sub-menu {
left: auto;
right: 100%;
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::before,
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::after {
background: rgb(var(--tripp-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 2rem;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 6px;
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::after {
transform: translate3d(3px, -50%, 0);
}
.desktop-menu .dropdown-menu .sub-menu:hover > .menu-item-has-children > a::before,
.desktop-menu .dropdown-menu .sub-menu:hover > .menu-item-has-children > a::after {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.48);
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children:hover > a::before {
background-color: rgb(var(--tripp-color-on-surface-rgb));
transform: rotate(315deg) translate3d(2px, 1px, 0);
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children:hover > a::after {
background-color: rgb(var(--tripp-color-on-surface-rgb));
transform: rotate(-135deg) translate3d(4px, 1px, 0);
}
.desktop-menu .dropdown-menu .sub-menu li > a {
color: inherit;
display: block;
min-width: 20rem;
overflow: hidden;
padding: 0.5rem 2.5rem;
text-decoration: none;
text-overflow: ellipsis;
transition: all 0.15s var(--tripp-transition-ease);
white-space: nowrap;
} .header-social-links {
display: block;
} .desktop-menu .extra-menu {
opacity: 1;
visibility: visible;
} .desktop-menu.top-menu .main-navigation {
flex-flow: row wrap;
}
.desktop-menu.top-menu .dropdown-menu {
height: var(--tripp-header-menu-height);
transition: height 0.3s var(--tripp-transition-ease) 0.3s, opacity 0.3s var(--tripp-transition-ease) 0.3s, visibility 0.3s var(--tripp-transition-ease);
width: 100%;
}
.desktop-menu.top-menu.search-active .dropdown-menu {
height: 0;
opacity: 0;
transition-delay: 0s;
visibility: hidden;
}
.desktop-menu.top-menu .main-search-bar {
height: 0;
opacity: 0;
padding: 0 calc(var(--tripp-spacing-horizontal) / 2);
position: relative;
transition: height 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
}
.desktop-menu.top-menu.search-active .main-search-bar {
height: var(--tripp-header-menu-height);
opacity: 1;
transition-delay: 0.3s;
visibility: visible;
}
.desktop-menu.top-menu .flext-live-search .live-search-field-wrapper {
transform: translate(0);
} .desktop-menu.top-menu .main-menu .menu-widgets {
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 0.8rem;
box-shadow: 0 0 8px 0 rgba(var(--tripp-color-black-rgb), 0.1);
color: rgb(var(--tripp-color-on-surface-rgb));
display: block;
margin-top: 1.5rem;
max-width: var(--tripp-sidebar-width);
opacity: 0;
padding: var(--tripp-spacing-horizontal) 0;
position: absolute;
right: 0;
top: 100%;
transform: translate(0, -2rem);
transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
visibility: hidden;
width: 100%;
z-index: 9999;
}
.desktop-menu.top-menu.menu-widgets-active .main-menu .menu-widgets {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.desktop-menu.top-menu .main-menu .menu-widgets .widget-wrapper {
max-height: calc(100vh - var(--tripp-header-menu-height) - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - ( var(--tripp-spacing-horizontal) * 2 ));
overflow-x: hidden;
overflow-y: auto;
padding: 0 var(--tripp-spacing-horizontal);
}
.desktop-menu.top-menu .menu-widgets .flext-author .author-entry .author-detail {
border: none;
padding: 0;
}
.desktop-menu.top-menu .menu-widgets-active .extra-menu .sidebar-button i::before {
content: "\e845";
}
.desktop-menu.top-menu:not(.has-sliding-sidebar) .menu-button,
.desktop-menu.top-menu:not(.has-menu-widgets) .menu-item-sidebar {
display: none;
} .desktop-menu.centered-menu .main-navigation {
height: 50%;
margin: auto;
max-width: var(--tripp-wide-width);
position: relative;
}
.desktop-menu.centered-menu .is-fullwidth-menu .main-navigation,
.desktop-menu.centered-menu .main-navigation .dropdown-menu {
max-width: none;
}
.desktop-menu.centered-menu .main-navigation::before {
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(var(--tripp-color-on-menu-rgb), 0.05) 15%, rgba(var(--tripp-color-on-menu-rgb), 0.1) 50%, rgba(var(--tripp-color-on-menu-rgb), 0.05) 85%, rgba(0, 0, 0, 0) 100%);
content: "";
height: 1px;
left: calc(var(--tripp-spacing-horizontal) * -1);
position: absolute;
right: calc(var(--tripp-spacing-horizontal) * -1);
}
.desktop-menu.centered-menu .menu-content {
height: 50%;
justify-content: space-between;
}
.desktop-menu.centered-menu .menu-logo {
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
z-index: 1;
}
.desktop-menu.centered-menu .site-logo,
.desktop-menu.centered-menu .site-title {
margin: 0;
}
.desktop-menu.centered-menu.search-active .site-logo,
.desktop-menu.centered-menu.search-active .site-title {
opacity: 0;
visibility: hidden;
transition-delay: 0s;
}
.desktop-menu.centered-menu .header-social-links,
.desktop-menu.centered-menu .extra-menu {
position: relative;
z-index: 9;
}
.desktop-menu.centered-menu .header-social-links {
flex: 0 0 auto;
}
.desktop-menu.centered-menu .extra-menu {
justify-content: flex-end;
}
.desktop-menu.centered-menu .header-social-links .flext-social-icons {
gap: var(--tripp-spacing-xs);
}
.desktop-menu.centered-menu .header-social-links .flext-social-icons a {
align-items: center;
display: inline-flex;
justify-content: center;
padding: 0.25rem;
} .desktop-menu.centered-menu .main-search-bar {
padding: 0 var(--tripp-spacing-sm);
position: relative;
} .desktop-menu.centered-menu .main-menu .menu-widgets {
background: rgb(var(--tripp-color-menu-rgb));
border-radius: 0.8rem;
box-shadow: 0 0 8px 0 rgba(var(--tripp-color-black-rgb), 0.1);
color: rgb(var(--tripp-color-on-surface-rgb));
display: block;
margin-top: 1.5rem;
max-width: var(--tripp-sidebar-width);
opacity: 0;
padding: var(--tripp-spacing-horizontal) 0;
position: absolute;
right: 0;
top: 100%;
transform: translate(0, -2rem);
transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
visibility: hidden;
width: 100%;
z-index: 9999;
}
.desktop-menu.centered-menu.menu-widgets-active .main-menu .menu-widgets {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.desktop-menu.centered-menu .main-menu .menu-widgets .widget-wrapper {
max-height: calc(100vh - var(--tripp-header-menu-height) - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - ( var(--tripp-spacing-horizontal) * 2 ));
overflow-x: hidden;
overflow-y: auto;
padding: 0 var(--tripp-spacing-horizontal);
}
.desktop-menu.centered-menu .menu-widgets .flext-author .author-entry .author-detail {
border: none;
padding: 0;
}
.desktop-menu.centered-menu .menu-widgets-active .extra-menu .sidebar-button i::before {
content: "\e845";
}
.desktop-menu.centered-menu:not(.has-sliding-sidebar) .menu-button,
.desktop-menu.centered-menu:not(.has-menu-widgets) .menu-item-sidebar {
display: none;
} .full-nav-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.full-nav-background.has-background-repeat {
background-repeat: repeat;
}
.full-nav-background.has-background-auto {
background-size: auto;
}
.full-nav-background.has-background-contain {
background-size: contain;
}
.full-nav-background .background-overlay {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.desktop-menu.full-menu.nav-active .main-menu {
--tripp-color-on-menu-rgb: var(--tripp-color-white-rgb);
background-color: transparent;
box-shadow: none;
}
.desktop-menu.full-menu.nav-active .site-logo,
.desktop-menu.full-menu.nav-active .main-navigation {
opacity: 1;
visibility: visible;
}
.desktop-menu.full-menu.nav-active .main-header .site-logo .custom-logo-link {
opacity: 0;
transition-delay: 0.3s;
visibility: hidden;
}
.desktop-menu.full-menu.nav-active .main-header .site-logo .light-logo-link {
opacity: 1;
transition-delay: 0.3s;
visibility: visible;
}
.desktop-menu.full-menu .menu-button {
transition: transform 0.5s var(--tripp-transition-ease);
}
.desktop-menu.full-menu .menu-button::before {
background: rgba(var(--tripp-color-surface-rgb), 0.5);
border-radius: 50%;
box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.02);
content: "";
height: 5rem;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transition: opacity 0.3s var(--tripp-transition-ease);
width: 5rem;
} .desktop-menu.full-menu .main-search-bar {
display: flex;
justify-content: flex-end;
padding: 0 calc(var(--tripp-spacing-horizontal) / 2);
position: relative;
}
.desktop-menu.full-menu.nav-active .live-search-field input {
background: rgba(var(--tripp-color-on-menu-rgb), 0.05);
border-color: rgba(var(--tripp-color-on-menu-rgb), 0.1);
}
.desktop-menu.full-menu.nav-active .live-search-field input::placeholder {
color: rgba(var(--tripp-color-on-menu-rgb), 0.5);
}
.desktop-menu.full-menu.nav-active .flext-list > li::before {
background-color: rgb(var(--tripp-color-on-menu-rgb));
} .desktop-menu.full-menu .extra-menu {
opacity: 1;
visibility: visible;
}
.desktop-menu.full-menu.nav-active .extra-menu:hover li a,
.desktop-menu.full-menu.nav-active.search-active .extra-menu a,
.desktop-menu.full-menu.nav-active.sidebar-active .extra-menu a {
color: rgba(var(--tripp-color-on-menu-rgb), 0.48);
}
.desktop-menu.full-menu.nav-active .extra-menu li a:hover,
.desktop-menu.full-menu.nav-active.search-active .extra-menu .menu-item-search a,
.desktop-menu.full-menu.nav-active.sidebar-active .extra-menu .menu-item-sidebar a {
color: rgb(var(--tripp-color-on-menu-rgb));
}
.desktop-menu.full-menu .full-nav-wrapper {
align-items: center;
background-color: rgb(var(--tripp-color-surface-rgb));
bottom: 0;
clip-path: circle(0% at 100% 0);
color: rgb(var(--tripp-color-on-surface-rgb), 0.9);
display: flex;
height: calc(100vh - var(--tripp-admin-bar-height));
left: 0;
padding: var(--tripp-header-menu-height) 0;
position: fixed;
right: 0;
top: 0;
transition: clip-path 0.5s var(--tripp-transition-ease), visibility 0.3s;
visibility: hidden;
width: 100%;
}
.desktop-menu.full-menu.nav-active .full-nav-wrapper {
clip-path: circle(150% at 100% 0);
visibility: visible;
}
.desktop-menu.full-menu.nav-active .full-nav-wrapper:not(.active) .flext-scroll-area {
align-items: center;
display: flex;
}
.desktop-menu.full-menu .main-navigation {
align-items: center;
display: flex;
height: auto;
letter-spacing: 0.05rem;
max-height: 100%;
overflow: auto;
position: relative;
transition: opacity 0.3s var(--tripp-transition-ease);
width: 100%;
}
.desktop-menu.full-menu.search-active.show-search-results .main-navigation {
opacity: 0;
}
.desktop-menu.full-menu .split-menu {
align-self: flex-start;
flex: 1 1 50%;
list-style: none;
margin: 0;
max-width: 50%;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.desktop-menu.full-menu .split-menu:hover {
z-index: 10;
}
.desktop-menu.full-menu .split-menu::before {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.15);
content: "";
height: 100%;
position: absolute;
right: 0;
width: 1px;
transform: scaleY(0);
transition: transform 0.5s var(--tripp-transition-ease) 0s;
}
.desktop-menu.full-menu.nav-active .split-menu::before {
transform: scaleY(1);
transition: transform 0.3s var(--tripp-transition-ease) 0.6s;
}
.desktop-menu.full-menu .split-menu ul,
.desktop-menu.full-menu .split-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.desktop-menu.full-menu .split-menu li > a {
color: inherit;
display: block;
padding: 0.6rem 0;
position: relative;
}
.desktop-menu.full-menu .split-menu > li {
overflow: hidden;
}
.desktop-menu.full-menu .split-menu > li > a {
border-right-color: transparent;
border-right-style: solid;
border-right-width: 1px;
display: block;
font-family: var(--tripp-font-primary);
font-size: 6rem;
font-weight: 700;
line-height: 6rem;
opacity: 0;
padding-right: var(--tripp-spacing-horizontal);
position: relative;
text-align: right;
text-transform: uppercase;
transform: translate(100%, 0);
transition: border-right-color, color, opacity, padding-right, transform;
transition-duration: 0.3s;
transition-timing-function: var(--tripp-transition-ease);
}
.desktop-menu.full-menu.nav-active .split-menu > li > a {
opacity: 1;
transform: translate(0, 0);
transition:
border-right-color 0.3s var(--tripp-transition-ease),
color 0.3s var(--tripp-transition-ease),
opacity 1s var(--tripp-transition-ease) 0.3s,
padding-right var(--tripp-transition-ease) 0.3s,
transform 1s var(--tripp-transition-ease) calc(0.3s + var(--tripp-transition-delay));
}
.desktop-menu.full-menu.nav-active .split-menu > li:hover > a {
border-right-color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
padding-right: calc(var(--tripp-spacing-horizontal) - 1rem);
}
.desktop-menu.full-menu.nav-active .split-menu:hover > li > a {
opacity: 0.6;
transition: border-right-color, color, opacity, padding-right, transform;
transition-duration: 0.3s;
transition-timing-function: var(--tripp-transition-ease);
}
.desktop-menu.full-menu.nav-active .split-menu:hover > li:hover > a {
opacity: 1;
}
.desktop-menu.full-menu .with-counters > li > a::before {
color: rgba(var(--tripp-color-on-surface-rgb), 0.8);
display: inline-block;
font-size: var(--tripp-font-size-sm);
line-height: 1;
margin-right: 0.5rem;
opacity: 0.75;
position: relative;
transform: translateX(0);
transition: opacity 0.3s, transform 0.3s;
top: -1rem;
vertical-align: super;
}
.desktop-menu.full-menu .with-counters > li:hover > a::before {
opacity: 0;
transform: translateX(1rem);
}
.desktop-menu.full-menu .split-menu > li > .sub-menu > .tripp-xt-mm-wrapper > li {
margin-bottom: 2rem;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu > .tripp-xt-mm-wrapper > li:last-child {
margin-bottom: 0;
}
.desktop-menu.full-menu .with-counters > li > a > .menu-text::after {
color: rgb(255, 255, 255);
clip-path: polygon(-20px 0%, 0 50%, -20px 100%, -60px 100%, -40px 50%, -60px 0%);
content: attr(data-title);
display: inline-block;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: clip-path 0.3s var(--tripp-transition-ease);
width: 100%;
}
.desktop-menu.full-menu .with-counters > li:hover > a > .menu-text::after {
clip-path: polygon(calc(100% + 40px) 0%, calc(100% + 60px) 50%, calc(100% + 40px) 100%, 100% 100%, calc(100% + 20px) 50%, 100% 0%);
transition-duration: 0.5s;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon {
display: inline-block;
position: relative;
vertical-align: middle;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::before,
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::after {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.9);
content: "";
display: inline-block;
height: 2px;
position: absolute;
right: -2rem;
top: 50%;
transform: rotate(90deg) translate3d(5px, -50%, 0);
transform-origin: right top;
transition: opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease), width 0.3s var(--tripp-transition-ease);
vertical-align: middle;
width: 10px;
}
.desktop-menu.full-menu .split-menu > li:hover > a > .menu-arrow-icon::before,
.desktop-menu.full-menu .split-menu > li:hover > a > .menu-arrow-icon::after {
opacity: 1;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::after {
transform: translate(5px, -1px);
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children:hover > a > .menu-arrow-icon::before {
transform: rotate(-45deg) translate3d(3px, 2px, 0);
width: 7px;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children:hover > a > .menu-arrow-icon::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 7px;
}
.desktop-menu.full-menu .split-menu .sub-menu > li.menu-item-has-children > a > .menu-arrow-icon::after {
display: none;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu {
align-content: flex-start;
display: flex;
flex-wrap: wrap;
font-size: var(--tripp-font-size-lg);
line-height: 1.5;
height: 100%;
left: 100%;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0 var(--tripp-spacing-horizontal);
position: absolute;
scrollbar-width: thin;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
z-index: 1;
}
.desktop-menu.full-menu .split-menu .sub-menu .menu-item-has-children > a {
font-family: var(--tripp-font-primary);
}
.desktop-menu.full-menu .split-menu > li > .sub-menu > li {
flex: 1 1 100%;
max-width: 100%;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu li {
opacity: 0;
position: relative;
transition: opacity 0.5s;
z-index: 2;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu li {
opacity: 1;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li.menu-item-has-children {
margin-bottom: 3rem;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li.menu-item-has-children > a {
font-weight: 600;
} .desktop-menu.full-menu .main-menu .menu-widgets {
display: flex;
flex: 1 1 50%;
font-size: var(--tripp-font-size-base);
height: 100%;
max-width: 50%;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
transition: opacity 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: visible;
z-index: 1;
}
.desktop-menu.full-menu .split-menu:hover + .menu-widgets {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.desktop-menu.full-menu .main-menu .menu-widgets:hover {
z-index: 10;
}
.desktop-menu.full-menu .full-nav-wrapper.active .menu-widgets {
align-items: flex-start;
}
.desktop-menu.full-menu .main-menu .menu-widgets .widget-wrapper {
align-content: space-between;
align-items: flex-start;
display: flex;
flex-flow: row wrap;
height: auto;
overflow: auto;
padding: 1rem var(--tripp-spacing-horizontal);
position: relative;
width: calc(44rem + var(--tripp-spacing-horizontal) * 2);
}
.desktop-menu.full-menu .main-menu .menu-widgets .widget {
margin-bottom: var(--tripp-spacing-sm);
opacity: 0;
transform: translate(-6rem, 0);
transition: opacity 0.3s var(--tripp-transition-ease) 0s, transform 0.3s var(--tripp-transition-ease) 0s;
width: 100%;
}
.desktop-menu.full-menu.nav-active .main-menu .menu-widgets .widget {
display: block;
opacity: 1;
transform: translate(0, 0);
transition: opacity 0.6s var(--tripp-transition-ease) calc(0.6s + var(--tripp-transition-delay)), transform 0.6s var(--tripp-transition-ease) calc(0.6s + var(--tripp-transition-delay));
}
.desktop-menu.full-menu .main-menu .menu-widgets .widget:last-child,
.desktop-menu.full-menu .main-menu .menu-widgets .textwidget p {
margin-bottom: 0;
}
.desktop-menu.full-menu .main-menu .widget-title h2 {
margin: 0 0 2rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .textwidget {
font-size: var(--tripp-font-size-lg);
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author .flext-author-entry:last-child {
margin-bottom: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author .author-detail {
padding: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author .author-entry .author-avatar {
margin: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry {
background: transparent;
border: none;
display: flex;
flex-flow: row nowrap;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-author-header {
flex: 0 0 10rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry.has-cover-image .flext-author-header {
flex: 0 0 11rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-author-avatar {
text-align: left;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-author-avatar .avatar {
width: 10rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-author-detail {
padding: 0 0 0 2rem;
text-align: left;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-author-follow-numbers,
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author-entry .flext-social-icons {
justify-content: flex-start;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(3, minmax(13rem, 13rem));
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-categories .flext-categories.has-thumbnail .category-item {
height: 13rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-post-tabs .post-tab-posts > * {
flex: 1 1 calc(33.3333% - 2rem);
max-width: calc(33.3333% - 2rem);
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-post-tabs .post-tab-posts li.has-post-thumbnail .post-header {
display: flex;
position: relative;
padding: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-post-tabs .post-tab-posts li .meta-destination a {
align-items: flex-start;
font-size: var(--tripp-font-size-xs);
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-social-icons + .widget_text {
margin-bottom: 1rem;
} .desktop-menu .flext-live-search-form {
margin: 0;
padding: 0;
}
.desktop-menu .flext-live-search-form .close-search-button {
display: none;
}
.desktop-menu .flext-live-search .live-search-results {
height: calc(100vh - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - 20vh);
max-width: 100%;
}
.desktop-menu .flext-live-search .live-search-results-wrapper {
border-radius: 0 0 0.8rem 0.8rem;
}
.desktop-menu.search-active .flext-live-search .live-search-results-wrapper {
transition-delay: 0.3s;
}
.desktop-menu .flext-live-search .live-search-results,
.desktop-menu .flext-live-search .search-more {
transform: translateX(0);
} .page-header.has-header-size-tall {
min-height: calc(50vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height)); }
.page-header.has-header-size-full .page-title {
font-size: 8vh;
}
.page-header.has-header-archive .page-description {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
} .has-header-archive .flext-author-description {
margin: 2rem 0 3rem;
}
.archive-image {
flex-shrink: 0;
margin: 0 0 1.5rem 0;
}
.has-header-archive .page-description > *:last-child {
margin-bottom: 0;
}
.has-header-archive .page-description .flext-author-location {
display: inline-block;
padding: 0;
position: relative;
vertical-align: middle;
} .entry-content > .alignleft {
max-width: calc(50% - var(--tripp-alignleft-margin));
} .entry-content > .alignright {
max-width: calc(50% - var(--tripp-alignright-margin));
} .more-link:hover i::before {
transform: rotate(-45deg) translate3d(2px, 2px, 0);
width: 6px;
}
.more-link:hover i::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 6px;
} .filter-types {
margin-right: 0;
padding-right: var(--tripp-spacing-xs);
}
.filter-types::after {
border-right: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
content: "";
height: 90%;
position: absolute;
right: 0;
width: 1px;
}
.posts-filters .filter-types .terms-list li {
display: inline-flex;
}
.filter-types .terms-list li a {
text-align: left;
width: auto;
}
.posts-filters .filter-options {
padding: 3rem;
}
.filter-taxonomies.has-1-columns .filter-terms li {
flex: 1 1 25%;
max-width: 25%;
} .posts-list .format-audio.has-coupon .entry-media::after,
.posts-list .format-video.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2rem);
}
.tripp-xt-block-posts.is-style-2-columns .posts-list .format-gallery.has-coupon:nth-child(3n+1) .entry-media::after,
.tripp-xt-block-posts.is-style-3-columns .format-gallery.has-coupon:nth-child(-n+2) .entry-media::after,
.posts-list .format-gallery.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 1.4rem);
}
.posts-layout-list .entry:not(.has-post-thumbnail).has-coupon .flext-quick-view-button,
.posts-layout-list .entry.format-audio.has-coupon .entry-media::after,
.posts-layout-list .entry.format-video.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2.8rem);
}
.posts-layout-list .entry.format-gallery.has-coupon .entry-media::after {
right: calc(var(--tripp-spacing-xs) * 2 + 2rem);
} .posts-style-text-overlay .entry-title {
font-size: var(--tripp-font-size-lg);
}
.posts-style-text-overlay .entry-title::before {
border-bottom: 10px solid transparent;
border-left: 12px solid rgb(var(--tripp-color-primary-rgb));
border-top: 10px solid transparent;
content: "";
left: calc(var(--tripp-spacing-xs) * -1);
opacity: 0;
position: absolute;
top: 2px;
transition: opacity 0.3s var(--tripp-transition-ease);
}
.posts-style-text-overlay .entry-title:hover::before {
opacity: 1;
} .posts-layout-list .posts-list {
display: block;
margin-left: calc(var(--tripp-spacing-horizontal) * -1);
margin-right: calc(var(--tripp-spacing-horizontal) * -1);
width: unset;
}
.posts-layout-list .entry {
margin: var(--tripp-spacing-horizontal);
}
.posts-layout-list .entry .entry-inner {
flex-flow: row nowrap;
margin: auto;
max-width: var(--tripp-wide-width);
}
.posts-layout-list .has-post-thumbnail .entry-media {
margin: 0;
}
.posts-layout-list .entry .entry-media {
flex: 0 0 50%;
max-width: 50%;
}
.posts-layout-list .entry.has-post-thumbnail .content-inner {
flex: 0 1 auto;
justify-content: center;
max-width: 50%;
}
.posts-layout-list .entry-header {
gap: 1.5rem 1rem;
}
.posts-layout-list .entry-title {
font-size: var(--tripp-font-size-h3);
}
.posts-layout-list .meta-destination a {
font-size: 1.8rem;
gap: 0.7rem;
}
.posts-layout-list .entry .entry-title {
margin: 0 0 2rem;
}
.posts-layout-list .entry .entry-title a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-layout-list .entry:not(.has-post-thumbnail) .entry-footer {
flex-wrap: nowrap;
}
.posts-layout-list .entry:not(.has-post-thumbnail) .entry-buttons {
flex: 0 0 auto;
margin-left: auto;
} .posts-layout-list .format-link.has-post-thumbnail .content-inner {
display: flex;
padding: var(--tripp-spacing-xs);
position: relative;
z-index: 2;
}
.posts-layout-list .format-link.has-post-thumbnail .entry-media::before {
display: none;
}
.posts-layout-list .entry.format-link .entry-title {
color: rgb(var(--tripp-color-on-surface-rgb));
font-size: var(--tripp-font-size-h3);
} .quick-view-content > .entry-media .flext-media-controls button {
height: 5rem;
width: 5rem;
font-size: 2.2rem;
}
.quick-view-content > .entry-media .flext-gallery-slider .flext-nav-button {
padding: 2.8rem;
}
.quick-view-content > .entry-media .flext-gallery-slider .flext-button-prev {
font-size: 2.2rem;
height: 5rem;
right: 9rem;
width: 5rem;
}
.quick-view-content > .entry-media .flext-gallery-slider .flext-button-next {
font-size: 2.2rem;
height: 5rem;
right: 3rem;
width: 5rem;
} .nav-links .prev:hover::before {
height: 2.6rem;
right: calc(100% - 2.2rem);
width: 2.6rem;
}
.nav-links .next:hover::before {
height: 2.6rem;
left: calc(100% - 2.2rem);
width: 2.6rem;
}
.nav-links .prev:hover i,
.nav-links .prev:focus i {
left: 0;
transition-delay: 0.15s;
}
.nav-links .next:hover i,
.nav-links .next:focus i {
opacity: 0.7;
right: 0;
transition-delay: 0.15s;
}
.navigation.loadmore-pagination .prev {
margin-top: 0;
}
.navigation.loadmore-pagination a::before {
transition: left 0.35s, height 0.35s, width 0.35s;
transform-origin: center center;
}
.navigation.loadmore-pagination a:hover::before {
left: calc(100% - 5.5rem);
}
.navigation.loadmore-pagination a:hover::after {
right: 4rem;
height: 2.6rem;
opacity: 0.1;
width: 2.6rem;
}
.navigation.loadmore-pagination a:hover i::before {
transform: rotate(-45deg) translate3d(3px, 3px, 0);
width: 6px;
}
.navigation.loadmore-pagination a:hover i::after {
transform: rotate(-135deg) translate3d(1px, -3px, 0);
width: 6px;
} .single .single-entry-header .meta-destination {
gap: 0 1.5rem;
}
.single-entry .single-entry-media {
height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height));
}
.single-entry .single-entry-media .flext-media-controls button {
font-size: 2.2rem;
height: 6rem;
width: 6rem;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: var(--tripp-spacing-horizontal);
font-size: 2.6rem;
height: 5rem;
right: var(--tripp-spacing-horizontal);
width: 5rem;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(var(--tripp-spacing-horizontal) + 6rem);
}
.single-entry-header .meta-destination a {
font-size: 2.4rem;
}  .related-posts.flext-block-post-carousel .format-audio.has-coupon .entry-media::after,
.related-posts.flext-block-post-carousel .format-video.has-coupon .entry-media::after {
right: calc(1.5rem * 2 + 2.5rem);
}
.related-posts.flext-block-post-carousel .format-gallery.has-post-thumbnail.has-coupon .entry-media::after {
right: calc(1.5rem * 2 + 1.5rem);
} .single.single-layout-1 .single-entry.has-post-thumbnail .single-entry-header {
margin-bottom: var(--tripp-spacing-horizontal);
}
.single-layout-1 .single-entry.has-post-thumbnail .single-entry-header .header-content {
padding-top: var(--tripp-spacing-horizontal);
}
.single-layout-1 .single-entry .single-entry-header .entry-title {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.single-layout-1 .single-entry .single-entry-header .meta-destination,
.single-layout-1 .single-entry .single-entry-header .entry-meta,
.single-layout-1 .single-entry .single-entry-media {
max-width: var(--tripp-content-width);
margin-left: auto;
margin-right: auto;
}
.single-layout-1 .tripp-breadcrumb {
max-width: var(--tripp-content-width);
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.single-layout-1 .single-entry.has-post-thumbnail .single-entry-media {
height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height));
}
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-1 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 6rem);
}
.single-layout-1 .single-entry .single-entry-media .flext-media-controls button {
height: 5rem;
width: 5rem;
} .single-layout-2 .single-entry-header .header-content {
max-width: var(--tripp-content-width);
}
.single-layout-2 .single-entry .single-entry-media {
height: auto;
margin-left: auto;
margin-right: auto;
}
.single-layout-2 .single-entry.has-post-thumbnail .single-entry-header {
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-2 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 6rem);
}
.single-layout-2 .single-entry .single-entry-media .flext-media-controls button {
height: 5rem;
width: 5rem;
}
.single-layout-2 .post-navigation .nav-thumbnail {
flex: 0 0 10rem;
}
.single-layout-2 .flext-block-post-carousel .block-title {
text-align: left;
}
.single-layout-2 .nav-links .prev {
margin-left: 0.5rem;
}
.single-layout-2 .nav-links .next {
margin-right: 0.5rem;
} .single.single-layout-3 .has-post-thumbnail .single-entry-header {
margin-bottom: var(--tripp-spacing-horizontal);
}
.single-layout-3 .has-post-thumbnail .single-entry-header .header-content {
padding-top: var(--tripp-spacing-horizontal);
}
.single-layout-3 .tripp-breadcrumb {
max-width: var(--tripp-content-width);
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.single-layout-3 .single-entry .single-entry-header .entry-title {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: var(--tripp-content-width);
}
.single-layout-3 .single-entry-header .meta-destination,
.single-layout-3 .single-entry-header .entry-meta {
max-width: var(--tripp-content-width);
margin-left: auto;
margin-right: auto;
}
.single-layout-3 .has-post-thumbnail .single-entry-media {
height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height));
} .single-layout-4 .single-entry.has-post-thumbnail .single-entry-header {
margin-bottom: var(--tripp-spacing-md);
}
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: 3rem;
right: 3rem;
}
.single-layout-4 .single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 6rem);
}
.single-layout-4 .single-entry .single-entry-media .flext-media-controls button {
height: 5rem;
width: 5rem;
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header .header-content {
width: var(--tripp-content-width);
} .single-layout-5 .single-entry.has-post-thumbnail .single-entry-media {
height: calc(100vh - var(--tripp-header-menu-gap) - var(--tripp-admin-bar-height));
overflow: hidden;
}
.single-layout-5 .single-entry.has-post-thumbnail .flext-gallery-slider .flext-button-prev,
.single-layout-5 .single-entry.has-post-thumbnail .flext-gallery-slider .flext-button-next {
bottom: auto;
top: var(--tripp-spacing-sm);
}
.single-layout-5.transparent-menu .single-entry.has-post-thumbnail .flext-gallery-slider .flext-button-prev,
.single-layout-5.transparent-menu .single-entry.has-post-thumbnail .flext-gallery-slider .flext-button-next {
top: calc(var(--tripp-header-menu-height) + var(--tripp-spacing-sm));
}
.single-layout-5 .single-entry .single-entry-media .flext-featured-media .flext-media-button,
.single-layout-3 .single-entry .single-entry-media .flext-featured-media .flext-media-button {
font-size: 4rem;
height: 8rem;
width: 8rem;
}
.single-layout-5 .single-entry .single-entry-media .flext-media-controls {
transform: translate(100%, 0);
top: var(--tripp-spacing-sm);
}
.single-layout-5 .single-entry .single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0, 0);
}
.single-layout-5 .single-entry-header .header-content {
text-align: center;
}
.single-layout-5 .single-entry.has-post-thumbnail .single-entry-header .header-content {
bottom: -8rem;
left: 0;
margin: 0;
padding-top: calc(var(--tripp-spacing-md) + 5rem);
position: absolute;
right: 0;
z-index: 2;
}
.single-layout-5 .has-post-thumbnail .single-entry-header .header-content::before {
background: linear-gradient(to top, rgb(var(--tripp-color-background-rgb)) 0%, rgba(var(--tripp-color-background-rgb), 0.738) 19%, rgba(var(--tripp-color-background-rgb), 0.541) 34%, rgba(var(--tripp-color-background-rgb), 0.382) 47%, rgba(var(--tripp-color-background-rgb), 0.278) 56.5%, rgba(var(--tripp-color-background-rgb), 0.194) 65%, rgba(var(--tripp-color-background-rgb), 0.126) 73%, rgba(var(--tripp-color-background-rgb), 0.075) 80.2%, rgba(var(--tripp-color-background-rgb), 0.042) 86.1%, rgba(var(--tripp-color-background-rgb), 0.021) 91%, rgba(var(--tripp-color-background-rgb), 0.008) 95.2%, rgba(var(--tripp-color-background-rgb), 0.002) 98.2%, transparent 100%);
bottom: 8rem;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: -5rem;
z-index: -1;
}
.single-layout-5 .format-audio.has-post-thumbnail .single-entry-header .header-content::before,
.single-layout-5 .format-video.has-post-thumbnail .single-entry-header .header-content::before {
top: -2rem;
}
.single-layout-5 .tripp-breadcrumb {
background: rgba(var(--tripp-color-surface-rgb), 0.1);
border-radius: 1.5rem;
display: inline-block;
padding: 0.5rem 1.5rem;
transition: background-color 0.3s var(--tripp-transition-ease);
}
.single-layout-5 .has-post-thumbnail .tripp-breadcrumb {
background: rgba(var(--tripp-color-surface-rgb), 0.1);
border-radius: 1.5rem;
transition: background-color 0.3s var(--tripp-transition-ease);
}
.single-layout-5 .has-post-thumbnail .tripp-breadcrumb:hover {
background: rgba(var(--tripp-color-surface-rgb), 0.65);
}
.single-layout-5 .tripp-breadcrumb:hover .breadcrumb-current {
color: rgb(var(--tripp-color-on-surface-rgb));
}
.single-layout-5 .single-entry-header .meta-destination,
.single-layout-5 .single-entry-header .entry-meta {
justify-content: center;
}
.single-layout-5 .single-entry.has-post-thumbnail .entry-content {
padding-top: calc(var(--tripp-spacing-sm) + 8rem);
}
.single-layout-5 .single-entry.has-post-thumbnail .entry-content:not(:first-of-type) {
padding-top: 0;
} .comment-list {
margin-top: 3rem;
} .related-posts.flext-block-post-carousel .flext-quick-view-button {
left: 1.5rem;
top: 1.5rem;
}
.related-posts.flext-block-post-carousel .flext-button-prev {
font-size: 1.6rem;
height: 3rem;
left: 1.5rem;
width: 3rem;
}
.related-posts.flext-block-post-carousel .flext-button-next {
font-size: 1.6rem;
height: 3rem;
right: 1.5rem;
width: 3rem;
}
.related-posts.flext-block-post-carousel .has-post-thumbnail .content-inner {
padding-top: 0;
}
.related-posts.flext-block-post-carousel .flext-featured-media .flext-media-button {
margin: 1.5rem;
}
.related-posts.flext-block-post-carousel .flext-post-audio.flext-is-playing .flext-sound-wave-icon {
right: 1.5rem;
top: 1.5rem;
}
.related-posts.flext-block-post-carousel .entry-media .flext-media-controls {
right: 1.5rem;
top: calc(0.8rem + 1.5rem);
} .more-link .nav-text {
display: inline-block;
font-size: var(--tripp-font-size-xs);
letter-spacing: 0.4rem;
transition: transform 0.3s;
}
.more-link .nav-next a:hover .nav-text,
.more-link .next-button:hover .nav-text {
transform: translateX(0.5rem);
}
.more-link .nav-previous a:hover .nav-text,
.more-link .prev-button:hover .nav-text {
transform: translateX(-0.5rem);
}
.more-link .nav-col a:hover svg,
.more-link button:hover svg {
transition-delay: 0.1s;
}
.more-link .dash,
.more-link path {
transition: transform 0.3s;
}
.more-link:hover path {
transform: translateX(-1rem);
}
.more-link:hover .dash-out,
.more-link button:hover .dash-out {
transform: translateX(0.5rem);
}
.more-link:hover .dash-in,
.more-link button:hover .dash-in {
transform: translateX(0);
} .main-content.has-sidebar {
overflow: initial;
}
.has-sidebar:has(.blog-sidebar) {
--tripp-grid-columns: 2;
}
.has-sidebar .content-container {
display: grid;
gap: var(--tripp-grid-gap);
}
.has-sidebar.left-sidebar .content-container:has(.blog-sidebar) {
grid-template-columns: 27rem 1fr;
}
.has-sidebar.right-sidebar .content-container:has(.blog-sidebar) {
grid-template-columns: 1fr 27rem;
}
.has-sidebar .content-wrapper {
display: block;
overflow: hidden;
width: 100%;
}
.has-sidebar.left-sidebar .content-wrapper {
position: relative;
order: 2;
}
.has-sidebar.right-sidebar .content-wrapper {
position: relative;
order: 1;
}
.has-sidebar .blog-sidebar {
border-top: none;
padding-top: 0;
width: 27rem;
}
.has-sidebar.left-sidebar .blog-sidebar {
position: relative;
order: 1;
}
.has-sidebar.right-sidebar .blog-sidebar {
position: relative;
order: 2;
}
.has-sidebar .blog-sidebar .widget-wrapper {
height: 100%;
}
.has-sidebar .blog-sidebar .widget:last-child {
position: sticky;
top: calc(var(--tripp-admin-bar-height) + var(--tripp-spacing-horizontal));
transition: top 0.3s var(--tripp-transition-ease);
}
.is-sticky.is-menu-visible + .main-content.has-sidebar .blog-sidebar .widget:last-child {
top: calc(var(--tripp-header-menu-height) + var(--tripp-admin-bar-height) + var(--tripp-spacing-horizontal));
} .has-sidebar .posts-layout-list .entry {
margin: 0 var(--tripp-spacing-horizontal) var(--tripp-spacing-horizontal);
}
.has-sidebar .posts-layout-list .entry-footer .entry-meta {
max-width: 100%;
width: 100%;
}
.has-sidebar .main-posts.posts-layout-list .entry-title {
font-size: var(--tripp-font-size-lg);
}
.has-sidebar .posts-layout-list .entry-footer {
flex-flow: row wrap;
} .single-layout-1 .has-sidebar .single-entry.has-post-thumbnail .single-entry-header .header-content {
padding-top: 0;
}
.single-layout-1 .has-sidebar .content-container {
padding-top: var(--tripp-spacing-horizontal);
}
.single-layout-5 .has-sidebar .single-entry.has-post-thumbnail .blog-sidebar {
padding-top: calc(var(--tripp-spacing-sm) + 8rem);
}
.has-sidebar .entry-content > .alignleft,
.has-sidebar .entry-content > .alignright {
max-width: 40%;
}
.has-sidebar .single-entry .nav-links .prev {
margin-left: 0.5rem;
}
.has-sidebar .single-entry .nav-links .next {
margin-right: 0.5rem;
}  .has-sidebar .flext-block-authors.is-style-list .flext-author-content {
flex: 0 0 calc(50% - (var(--tripp-spacing-sm) / 2));
max-width: calc(50% - (var(--tripp-spacing-sm) / 2));
}
.has-sidebar .flext-block-authors.is-style-list .author-recent-posts {
flex: 0 0 calc(50% - (var(--tripp-spacing-sm) / 2));
max-width: calc(50% - (var(--tripp-spacing-sm) / 2));
}
.has-sidebar .flext-block-authors.is-style-list .author-recent-posts > * {
flex: 0 0 100%;
max-width: 100%;
}
.has-sidebar .flext-block-authors.is-style-list .flext-featured-post {
display: none;
} .has-sidebar .flext-block-categories.alignfull {
padding-left: 0;
padding-right: 0;
}
.has-sidebar .flext-block-categories.flext-columns-3 .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel[data-slides-per-view="3"] .has-thumbnail .posts-count {
bottom: 4.2rem;
}
.has-sidebar .flext-block-categories.flext-columns-3 .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel[data-slides-per-view="3"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.has-sidebar .flext-block-categories:is(.flext-columns-4, .flext-columns-5, .flext-columns-7, .flext-columns-8) .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel:is([data-slides-per-view="4"], [data-slides-per-view="5"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count {
bottom: 3.6rem;
}
.has-sidebar .flext-block-categories:is(.flext-columns-4, .flext-columns-5, .flext-columns-7, .flext-columns-8) .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel:is([data-slides-per-view="4"], [data-slides-per-view="5"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
padding: 1.5rem 1rem;
} .has-sidebar .flext-block-categories.flext-carousel:hover .flext-button-prev:not(.flext-button-disabled) {
left: -1rem;
}
.has-sidebar .flext-block-categories.flext-carousel:hover .flext-button-next:not(.flext-button-disabled) {
right: -1rem;
}
.has-sidebar .flext-block-categories.flext-carousel.alignfull .flext-button-prev {
left: 0;
}
.has-sidebar .flext-block-categories.flext-carousel.alignfull .flext-button-next {
right: 0;
}
.has-sidebar .flext-block-categories.has-thumbnail.is-style-grid.has-square-thumbnail {
--flext-grid-gap: 2rem;
}
.has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5.4rem;
width: 5.4rem;
}
.has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 4.2rem;
width: 4.2rem;
}
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 8rem;
width: 8rem;
}
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.has-sidebar .flext-block-categories:is(.flext-columns-5, .flext-columns-6, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories:is(.flext-columns-5, .flext-columns-6, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xs);
height: 3rem;
width: 3rem;
}
.has-sidebar .flext-block-categories:is(.flext-columns-5, .flext-columns-6, .flext-columns-7, .flext-columns-8).has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="5"], [data-slides-per-view="6"], [data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
} .has-sidebar .tripp-xt-carousel .slide-header {
padding: 0 1.5rem 1.5rem;
}
.has-sidebar .tripp-xt-carousel .slide-title {
font-size: var(--tripp-font-size-base);
}
.has-sidebar .tripp-xt-carousel .meta-category,
.has-sidebar .tripp-xt-block-featured-posts .meta-destination a {
font-size: var(--tripp-font-size-sm);
}
.has-sidebar .tripp-xt-block-featured-posts.tripp-xt-carousel .flext-button-prev {
left: 1.5rem;
}
.has-sidebar .tripp-xt-block-featured-posts.tripp-xt-carousel .flext-button-next {
right: 1.5rem;
} .has-sidebar .tripp-xt-block-posts.is-style-grid .posts-list {
grid-template-columns: repeat(2, 1fr);
} .footer-widgets {
margin: 0 auto;
max-width: var(--tripp-wide-width);
}
.footer-widgets.has-2-columns .footer-col-1 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(5, 1fr);
}
.footer-widgets.has-2-columns {
grid-template-columns: 70% auto;
}
.footer-widgets.has-3-columns {
grid-template-columns: 1fr 1fr 50%;
}
.footer-widgets.has-3-columns .footer-col-3 {
grid-column: unset;
}
.footer-widgets > div {
margin-bottom: 0;
} .footer-widgets.has-4-columns .footer-col-1 .flext-widget-categories .flext-categories.has-thumbnail {
grid-template-columns: repeat(4, 1fr);
} .footer-widgets.has-one-column .footer-col-1 .widget_recent_entries ul,
.footer-widgets.has-one-column .footer-col-1 .widget_rss ul {
grid-template-columns: repeat(4, 1fr);
}
.footer-widgets.has-2-columns .footer-col-1 .widget_recent_entries ul,
.footer-widgets.has-2-columns .footer-col-1 .widget_rss ul {
grid-template-columns: repeat(3, 1fr);
}
.footer-widgets.has-3-columns .footer-col-3 .widget_recent_entries ul,
.footer-widgets.has-3-columns .footer-col-3 .widget_rss ul,
.footer-widgets.has-4-columns .footer-col-1 .widget_recent_entries ul,
.footer-widgets.has-4-columns .footer-col-1 .widget_rss ul {
column-gap: 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
} .footer-widgets.has-one-column .flext-instagram-feed .flext-columns-8,
.footer-widgets.has-one-column .flext-flickr .flext-columns-8 {
--flext-grid-columns: 8;
} .footer-widgets.has-2-columns .footer-col-1 .tripp-xt-newsletter-form [type="submit"] {
padding: 0 3rem;
width: auto;
}  .footer-widgets.has-one-column .flext-post-tabs .post-tab-posts {
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
.footer-widgets.has-one-column .flext-post-tabs .flext-tab .recent-comments-list {
grid-template-columns: repeat(4, 1fr);
}
.footer-widgets.has-3-columns .footer-col-3 .flext-post-tabs .flext-tab .recent-comments-list {
grid-template-columns: repeat(2, 1fr);
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts .post-thumbnail,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts .post-thumbnail,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts .post-thumbnail {
border-radius: 0.8rem;
flex: 0 0 4rem;
height: 4rem;
max-width: 4rem;
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a {
height: 4rem;
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts .post-header,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts .post-header,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts .post-header {
flex: 0 0 calc(100% - 5.5rem);
max-width: calc(100% - 5.5rem);
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts li .meta-destination,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts li .meta-destination,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts li .meta-destination {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1199px) { .flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count,
.flext-widget-categories .flext-categories.has-thumbnail .has-thumbnail .posts-count::before {
height: 3rem;
width: 3rem;
}
}
@media (min-width: 1200px) { :root {
--tripp-sidebar-width: 42rem; --tripp-font-size-xxl: 3.4rem;
--tripp-font-size-xxxl: 7rem; --tripp-font-size-h1: 3.8rem;
--tripp-font-size-h2: 3rem; --tripp-spacing-xs: 2rem;
--tripp-spacing-sm: 3rem;
--tripp-spacing-md: 4rem;
--tripp-spacing-lg: 5rem;
--tripp-spacing-horizontal: 6rem;
--tripp-spacing-vertical: 9rem;
}
.has-5-columns {
--tripp-grid-columns: 5;
}
.has-6-columns {
--tripp-grid-columns: 6;
} .widget {
margin-bottom: var(--tripp-spacing-horizontal);
}  .flext-instagram-feed .flext-columns-8,
.flext-flickr .flext-columns-8 {
--flext-grid-columns: 8;
}
.flext-instagram-feed .flext-columns-10,
.flext-flickr .flext-columns-10 {
--flext-grid-columns: 10;
}
.flext-instagram-feed .flext-columns-11,
.flext-flickr .flext-columns-11 {
--flext-grid-columns: 11;
}
.flext-instagram-feed .flext-columns-11 li:last-child,
.flext-flickr .flext-columns-11 li:last-child {
display: flex;
} .main-sidebar .flext-post-tabs .flext-tabs-nav {
gap: 0 0.5rem;
}
.main-sidebar .flext-post-tabs .flext-tabs-nav a {
font-size: var(--tripp-font-size-xs);
} .wp-block-latest-comments.alignleft {
width: 36%;
padding-right: 1rem;
margin-right: 1rem;
}
.wp-block-latest-comments.alignright {
width: 36%;
padding-left: 1rem;
margin-left: 1rem;
} .wp-block-latest-posts.is-grid.columns-5,
.wp-block-rss.is-grid.columns-5 {
--tripp-grid-columns: 5;
}
.wp-block-latest-posts.is-grid.columns-6,
.wp-block-rss.is-grid.columns-6 {
--tripp-grid-columns: 6;
}
.has-gigantic-font-size {
line-height: 1.3;
}  .main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-prev:not(.flext-button-disabled) {
left: 3rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-next:not(.flext-button-disabled) {
right: 3rem;
}
.flext-block-categories.flext-columns-2 .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail .posts-count {
bottom: 4.8rem;
font-size: var(--tripp-font-size-xs);
}
.flext-block-categories.flext-columns-2 .has-thumbnail a span,
.flext-block-categories.is-style-carousel[data-slides-per-view="2"] .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count {
font-size: 1rem;
bottom: 4.6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.flext-block-categories.flext-columns-6 .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail .posts-count {
bottom: 3.6rem;
}
.flext-block-categories.flext-columns-6 .has-thumbnail a span,
.flext-block-categories.is-style-carousel[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
padding: 1.5rem 1rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6:is(.alignwide, .alignfull) .has-thumbnail .posts-count {
bottom: 3.8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-6, .flext-columns-7):is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
padding: 1.5rem 1rem;
}
.flext-block-categories:is(.flext-columns-7, .flext-columns-8) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel:is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count {
bottom: 2.8rem;
}
.flext-block-categories:is(.flext-columns-7, .flext-columns-8) .has-thumbnail a span,
.flext-block-categories.is-style-carousel:is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
padding: 1rem;
} .main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail a span {
padding: 2rem 0 0 !important;
}
.flext-block-categories.flext-grid.flext-columns-6 {
--flext-grid-columns: 6;
}
.flext-block-categories.flext-grid:is(.flext-columns-6, .flext-columns-7, .flext-columns-8):not(:is(.alignwide, .alignfull)) {
--flext-grid-gap: 2rem;
}
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xl);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="2"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="2"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xxl);
height: 12rem;
width: 12rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xxl);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="3"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xl);
height: 10rem;
width: 10rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-md);
height: 6rem;
width: 6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail a span {
font-size: var(--tripp-font-size-md);
}
.flext-block-categories.flext-columns-6.has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail .posts-count,
.flext-block-categories.flext-columns-6.has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail .posts-count::before,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull))[data-slides-per-view="6"] .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull))[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
height: 3.8rem;
width: 3.8rem;
}
.flext-block-categories.flext-columns-6.has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail .posts-count,
.flext-block-categories.flext-columns-6.has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.flext-block-categories.flext-categories.flext-columns-6.has-square-thumbnail:not(:is(.alignwide, .alignfull)) .category-item.has-thumbnail a span {
padding-top: 1.5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5rem;
width: 5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 4.2rem;
width: 4.2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.flext-block-categories:is(.flext-columns-7, .flext-columns-8).has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail .posts-count,
.flext-block-categories:is(.flext-columns-7, .flext-columns-8).has-square-thumbnail:not(:is(.alignwide, .alignfull)) .has-thumbnail .posts-count::before,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count,
.flext-block-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xs);
height: 3rem;
width: 3rem;
}
.flext-block-categories.flext-categories:is(.flext-columns-7, .flext-columns-8).has-square-thumbnail:not(:is(.alignwide, .alignfull)) .category-item a span,
.flext-block-categories.flext-categories.is-style-carousel.has-square-thumbnail:not(:is(.alignwide, .alignfull)):is([data-slides-per-view="7"], [data-slides-per-view="8"]) .category-item.has-thumbnail a span {
font-size: var(--tripp-font-size-xs);
padding: 1rem 0 0 !important;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 3.8rem;
width: 3.8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail:is(.alignwide, .alignfull) .category-item a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="8"] .category-item a span {
font-size: var(--tripp-font-size-sm);
} .tripp-drawer {
width: var(--tripp-sidebar-width);
} .filter-categories {
border: none;
flex: 1 1 50%;
margin: 1rem 0;
order: 0;
padding: 0;
width: auto;
}
.filter-destinations .destination-button {
margin: 1rem 0;
}  .entry-media .flext-gallery-slider .flext-button-prev {
right: calc(3rem + 3rem + 0.8rem);
} .posts-list .entry.format-link::after {
opacity: 0;
transform: scale(0);
transition: opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease);
}
.posts-list .entry.format-link:hover::after {
opacity: 1;
transform: scale(1);
} .posts-layout-list .entry .entry-title {
font-size: var(--tripp-font-size-xxl);
}
.posts-layout-list .format-quote .post-quote blockquote {
font-size: var(--tripp-font-size-xl);
}
.posts-layout-list .entry-footer {
flex-wrap: nowrap;
}
.posts-layout-list .entry-buttons {
flex: 0 0 auto;
margin-left: auto;
}
.posts-layout-list .entry-author a img {
height: 3.6rem;
width: 3.6rem;
}
.posts-layout-list .entry-author.has-multi-author i {
line-height: 3.6rem;
width: 3.6rem;
} .posts-layout-list .posts-list .entry.format-link .entry-inner::after {
opacity: 0;
transform: scale(0);
transition: opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease);
}
.posts-layout-list .posts-list .entry.format-link .entry-inner:hover::after {
opacity: 1;
transform: scale(1);
} .quick-view-content > .entry-media .post-thumbnail,
.quick-view-content > .entry-media .post-thumbnail a {
height: 100%;
}
.quick-view-content > .entry-media .flext-post-gallery .total-images {
display: inline-block;
font-size: 1.4rem;
height: 3.6rem;
line-height: 3.2rem;
width: 2.4rem;
}
.quick-view-content.has-post-thumbnail > .content-inner {
max-width: 50%;
overflow-x: hidden;
overflow-y: auto;
}
.page .entry-content-wrapper::before {
left: -8rem;
} .singular.custom-background .entry-content-wrapper {
padding-bottom: 6rem;
}
.single-entry .entry-content-wrapper::before {
right: -8rem;
}  .single-layout-4 .coupon-inner .coupon-details-panel::before {
background-image: linear-gradient(to right, rgb(var(--tripp-color-surface-rgb)) 50%, transparent 0%);
} .related-posts.flext-block-post-carousel .posts-list .entry.has-coupon .content-inner::after,
.related-posts.flext-block-post-carousel .entry.format-quote.has-coupon .entry-media::after {
right: 1.5rem;
top: 1.5rem;
}
.related-posts.flext-block-post-carousel .format-audio.has-coupon .entry-media::after,
.related-posts.flext-block-post-carousel .format-video.has-coupon .entry-media::after {
top: 1.5rem;
}
.related-posts.flext-block-post-carousel .format-gallery.has-post-thumbnail.has-coupon .entry-media::after {
right: calc(1.5rem * 2 + 2.2rem);
top: 1.5rem;
} .single-layout-2 .main-content {
overflow: initial;
}
.single-layout-2 .single-entry {
--tripp-sticky-media-height: calc(100vh - var(--tripp-header-menu-height) - var(--tripp-admin-bar-height) - (var(--tripp-spacing-horizontal) * 2));
align-items: flex-start;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
max-width: calc(70rem + var(--tripp-content-width) + var(--tripp-spacing-horizontal));
}
.single-layout-2 .single-entry-header .tripp-breadcrumb {
margin-bottom: calc(var(--tripp-spacing-sm) + 1rem);
}
.single-layout-2 .single-entry .single-entry-media {
height: var(--tripp-sticky-media-height);
margin-left: 0;
margin-right: 0;
max-height: none;
width: 100%;
}
.single-layout-2 .single-entry.has-post-thumbnail {
gap: var(--tripp-spacing-horizontal);
justify-content: flex-start;
}
.single-layout-2 .single-entry.has-post-thumbnail .entry-media-wrapper {
align-self: flex-start;
flex: 1 1 auto;
margin-bottom: calc(var(--tripp-spacing-horizontal) * 2);
max-width: 70rem;
position: sticky;
top: calc(var(--tripp-header-menu-height) + var(--tripp-admin-bar-height) + var(--tripp-spacing-horizontal));
transition: top	0.3s var(--tripp-transition-ease);
}
.single-layout-2 .main-header:not(.is-menu-visible) + .main-content .has-post-thumbnail .entry-media-wrapper {
top: calc((100vh - var(--tripp-sticky-media-height)) / 2);
}
.single-layout-2 .single-entry .entry-content-wrapper > * {
max-width: var(--tripp-content-width);
}
.single-layout-2 .single-entry.has-post-thumbnail .entry-content-wrapper {
flex: 1 1 60%;
max-width: var(--tripp-content-width);
overflow: hidden;
}
.single-layout-2 .single-entry.has-post-thumbnail .entry-media-wrapper .entry-buttons {
bottom: -2rem;
display: flex;
flex: 1 1 100%;
left: 0;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
}
.single-layout-2 .main-header.is-hidden + .main-content .has-post-thumbnail .entry-media-wrapper .entry-buttons {
opacity: 1;
transform: translateY(100%);
visibility: visible;
}
.single-layout-2 .tripp-breadcrumb {
margin-top: 1.2rem;
}
.single-layout-2 .single-entry .single-entry-header .meta-date {
opacity: 1;
}
.single-layout-2 .single-entry .entry-content > .alignright {
margin: var(--tripp-spacing-xs) 0 var(--tripp-spacing-xs) var(--tripp-spacing-xs);
max-width: 45%;
}
.single-layout-2 .single-entry .entry-content > .alignleft {
margin: var(--tripp-spacing-xs) var(--tripp-spacing-xs) var(--tripp-spacing-xs) 0;
max-width: 45%;
}
.single-layout-2 .post-navigation .nav-thumbnail {
flex: 0 0 10rem;
}
.single-layout-2 .post-navigation .nav-title {
-webkit-line-clamp: 2;
} .single-layout-4 .single-entry.has-post-thumbnail .single-entry-header {
align-items: center;
background: rgb(var(--tripp-color-surface-rgb));
border-radius: 1.5rem;
flex-flow: row nowrap;
margin-bottom: var(--tripp-spacing-horizontal);
margin-top: var(--tripp-spacing-horizontal);
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header .header-content {
order: 1;
}
.single-layout-4 .tripp-breadcrumb {
margin-bottom: calc(var(--tripp-spacing-sm) + 1rem);
}
.single-layout-4 .single-entry.has-post-thumbnail .single-entry-header .single-entry-media {
align-self: stretch;
display: flex;
height: auto;
margin-top: 0;
max-width: var(--tripp-wide-width);
order: 2;
padding-left: calc(var(--tripp-spacing-horizontal) / 2);
width: 50%;
}
.single-layout-4 .single-entry .single-entry-media .post-thumbnail {
border-radius: 0;
}
.single-layout-4 .single-entry .single-entry-media .flext-media-controls {
right: 3rem;
}
.single-layout-4 .single-entry.has-post-thumbnail .header-content {
max-width: none;
padding: var(--tripp-spacing-horizontal);
padding-right: calc(var(--tripp-spacing-horizontal) / 2);
width: 50%;
} .post-navigation .nav-thumbnail {
flex: 0 0 15rem;
}
.post-navigation .nav-title {
-webkit-line-clamp: 3;
}  .has-sidebar .main-posts.posts-layout-list .entry-title {
font-size: var(--tripp-font-size-h3);
}
.has-sidebar .posts-layout-list .entry-buttons {
flex: 1 1 100%;
margin-left: 0;
max-width: 100%;
}
.has-sidebar .entry-footer .entry-meta,
.has-sidebar .posts-layout-list .entry-footer .entry-meta {
max-width: 75%;
width: 100%;
}  .has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.has-sidebar .flext-block-categories.has-square-thumbnail .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5.4rem;
width: 5.4rem;
}
.has-sidebar .wp-block-columns .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .wp-block-columns .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span,
.has-sidebar .flext-block-categories.flext-columns-4.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xl);
height: 10rem;
width: 10rem;
}
.has-sidebar .flext-block-categories.flext-columns-2.has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="2"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xl);
}
.has-sidebar .flext-block-categories.flext-columns-5.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-5.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="5"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 4.2rem;
width: 4.2rem;
}
.has-sidebar .flext-block-categories:is(.flext-columns-5, .flext-columns-6).has-square-thumbnail .has-thumbnail a span,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail:is([data-slides-per-view="5"], [data-slides-per-view="6"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.has-sidebar .flext-block-categories.flext-columns-6.has-square-thumbnail .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.flext-columns-6.has-square-thumbnail .has-thumbnail .posts-count::before,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="6"] .has-thumbnail .posts-count,
.has-sidebar .flext-block-categories.is-style-carousel.has-square-thumbnail[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 3.8rem;
width: 3.8rem;
} .has-sidebar .tripp-xt-block-posts.is-style-3-columns .posts-list {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
}
.has-sidebar .tripp-xt-block-posts.is-style-3-columns .entry:nth-child(-n+2) {
grid-row: span 3;
} .footer-widgets .widget {
margin-bottom: calc(var(--tripp-spacing-horizontal) / 2);
}  .footer-widgets.has-one-column .flext-post-tabs .post-tab-posts {
grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}
.footer-widgets.has-2-columns .footer-col-1 .flext-post-tabs .post-tab-posts {
display: grid;
gap: 1.2rem 2rem;
grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}
.footer-widgets.has-2-columns .footer-col-1 .flext-post-tabs .flext-tab .recent-comments-list {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
.footer-widgets.has-4-columns .footer-col-1 .flext-post-tabs .post-tab-posts {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
}
.footer-widgets.has-4-columns .footer-col-1 .flext-post-tabs .flext-tab .recent-comments-list {
display: grid;
column-gap: 2rem;
grid-template-columns: repeat(2, 1fr);
} .footer-widgets.has-4-columns .footer-col-1 .tripp-xt-newsletter-form [type="submit"] {
padding: 0 3rem;
width: auto;
}
}
@media (min-width: 1280px) { .has-sidebar .blog-sidebar {
border-top: none;
padding-top: 0;
width: 28.5rem;
}
.has-sidebar.left-sidebar .content-container:has(.blog-sidebar) {
grid-template-columns: 28.5rem 1fr;
}
.has-sidebar.right-sidebar .content-container:has(.blog-sidebar) {
grid-template-columns: 1fr 28.5rem;
} .single-post .has-sidebar .content-container:has(.blog-sidebar) {
margin-left: auto;
margin-right: auto;
width: calc(28.5rem + var(--tripp-grid-gap) + var(--tripp-content-width));
} .main-footer .site-info {
align-items: center;
display: grid;
flex-direction: unset;
gap: var(--tripp-spacing-horizontal);
grid-template-columns: repeat(2, minmax(10rem, 1fr));
justify-content: space-between;
margin: 0 auto;
max-width: var(--tripp-wide-width);
padding: calc(var(--tripp-spacing-horizontal) / 2) 0;
text-align: initial;
}
.main-footer .footer-widgets + .site-info {
margin-top: calc(var(--tripp-spacing-horizontal) / 2);
}
.footer-text {
margin-bottom: 0;
order: 1;
}
.footer-contact-info .flext-social-icons {
justify-content: flex-end;
} .footer-contact-info {
justify-content: flex-end;
order: 2;
}
.footer-menu {
justify-content: flex-end;
flex-flow: row nowrap;
}
.footer-social-links {
flex: 0 0 auto;
order: 1;
max-width: 100%;
}
.footer-menu-wrapper + .footer-social-links .flext-social-icons:last-of-type::after {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.2);
content: "";
display: flex;
height: 2rem;
width: 1px;
}
.footer-menu-wrapper {
flex: 0 0 auto;
order: 2;
}
.footer-menu > li > a:last-child {
margin-right: 0;
}
}
@media (min-width: 1366px) { .footer-widgets.has-4-columns {
grid-template-columns: 40% 1fr 1fr 1fr;
} .footer-widgets.tripp-grid.footer-widgets.has-4-columns {
--tripp-grid-columns: 4;
} .footer-widgets.has-4-columns .footer-col-2 .flext-author-entry.has-cover-image,
.footer-widgets.has-4-columns .footer-col-3 .flext-author-entry.has-cover-image,
.footer-widgets.has-4-columns .footer-col-4 .flext-author-entry.has-cover-image {
padding: 2rem 1.5rem;
}
.footer-widgets.has-4-columns .footer-col-2 .flext-author-avatar img,
.footer-widgets.has-4-columns .footer-col-3 .flext-author-avatar img,
.footer-widgets.has-4-columns .footer-col-4 .flext-author-avatar img {
width: 100px;
} .footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts .post-thumbnail,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts .post-thumbnail,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts .post-thumbnail {
border-radius: 0.8rem;
flex: 0 0 4rem;
height: 4rem;
max-width: 4rem;
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a {
height: 4rem;
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts .post-header,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts .post-header,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts .post-header {
flex: 0 0 calc(100% - 5.5rem);
max-width: calc(100% - 5.5rem);
}
.footer-widgets.has-4-columns .footer-col-2 .flext-post-tabs .post-tab-posts li .meta-destination,
.footer-widgets.has-4-columns .footer-col-3 .flext-post-tabs .post-tab-posts li .meta-destination,
.footer-widgets.has-4-columns .footer-col-4 .flext-post-tabs .post-tab-posts li .meta-destination {
display: none;
}
}
@media (min-width: 1400px) {   .main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count {
font-size: var(--tripp-font-size-xs);
bottom: 4.8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail .posts-count {
bottom: 4.6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
padding: 2rem 1rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-6, .flext-columns-7):is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull):is([data-slides-per-view="6"], [data-slides-per-view="7"]) .has-thumbnail .posts-count {
bottom: 4.2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-6, .flext-columns-7):is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail a span {
padding: 2rem 1rem;
} .main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail.alignwide .has-thumbnail.posts-count {
right: 5rem;
top: 4rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail.alignwide .has-thumbnail .posts-count {
right: 3rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="3"] .has-thumbnail .posts-count {
top: 3rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail a span {
padding: 2rem 0 0 !important;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
height: 8rem;
width: 8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="5"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before {
height: 5.4rem;
width: 5.4rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-md);
height: 6rem;
width: 6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-md);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5rem;
width: 5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="7"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail:is(.alignwide, .alignfull) .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail:is(.alignwide, .alignfull)[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
height: 4.2rem;
width: 4.2rem;
} .has-sidebar .posts-layout-list .entry-footer {
margin-top: auto;
}
}
@media (min-width: 1440px) {   .flext-instagram-feed .flext-columns-12,
.flext-flickr .flext-columns-12 {
--flext-grid-columns: 12;
} .drawer-inner {
padding: var(--tripp-spacing-md);
}
.desktop-menu .menu-align-center .dropdown-menu {
margin: auto;
max-width: var(--tripp-wide-width);
}
.desktop-menu.top-menu .menu-align-center .main-navigation {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.desktop-menu.top-menu .menu-align-center .main-search-bar > div {
margin: auto;
max-width: 60rem;
}
.desktop-menu.top-menu .is-fullwidth-menu.menu-align-center .main-search-bar > div {
max-width: 65rem;
}
.desktop-menu.top-menu .main-header:not(.menu-align-center) .main-search-bar > div {
margin: 0 0 0 auto;
}
.desktop-menu.centered-menu .is-fullwidth-menu .main-search-bar {
position: absolute;
}
.desktop-menu.full-menu .is-fullwidth-menu .main-search-bar {
position: absolute;
} .desktop-menu .flext-live-search .live-search-results {
height: calc(100vh - var(--tripp-admin-bar-height) - var(--tripp-header-menu-height) - 30vh);
}
.desktop-menu .is-fullwidth-menu .main-search-bar > div {
margin: auto;
max-width: 65rem;
} .posts-layout-list .entry .entry-footer .entry-buttons {
margin-left: auto;
width: auto;
}
}
@media (min-width: 1600px) {   .main-content:not(.has-sidebar) .flext-block-categories.has-thumbnail.is-style-grid:is(.alignwide, .alignfull) {
--flext-grid-gap: 3rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count {
bottom: 4.6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
padding: 2rem 1rem;
} .main-content:not(.has-sidebar) .flext-block-categories.flext-columns-3.has-square-thumbnail.alignwide .has-thumbnail .posts-count {
right: 2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xl);
height: 10rem;
width: 10rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail a span {
font-size: var(--tripp-font-size-xl);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
height: 8rem;
width: 8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5.4rem;
width: 5.4rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignwide .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignwide .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-sm);
height: 4.8rem;
width: 4.8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignwide .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="7"] .has-thumbnail a span {
font-size: var(--tripp-font-size-sm);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-md);
height: 6rem;
width: 6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail a span {
font-size: var(--tripp-font-size-md);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignwide .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignwide .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignwide[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
height: 4.2rem;
width: 4.2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-base);
height: 5rem;
width: 5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
}
}
@media (min-width: 1650px) {   .flext-carousel-gallery.flext-carousel-center .flext-slide {
max-width: var(--tripp-wide-width);
} .quick-view-content.has-post-thumbnail > .entry-media {
flex: 1 1 50%;
max-width: 50%;
}
}
@media (min-width: 1920px) {   .flext-block-authors.is-style-list.alignfull .author-posts-list .post-thumbnail {
flex: 0 0 31%;
max-width: 31%;
}
.flext-block-authors.is-style-list.alignfull .author-posts-list .post-title {
flex: 0 0 calc(100% - 31%);
max-width: calc(100% - 31%);
} .flext-block-categories.flext-carousel.alignfull .flext-button-prev,
.flext-block-categories.flext-carousel.alignfull .flext-button-next {
height: 4.5rem;
width: 4.5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-prev:not(.flext-button-disabled) {
left: 2.2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-next:not(.flext-button-disabled) {
right: 2.2rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-5, .flext-columns-6).alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull:is([data-slides-per-view="5"], [data-slides-per-view="6"]) .has-thumbnail .posts-count {
bottom: 4.8rem;
font-size: var(--tripp-font-size-xs);
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-5, .flext-columns-6).alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull:is([data-slides-per-view="5"], [data-slides-per-view="6"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-7, .flext-columns-8).alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull:is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail .posts-count {
bottom: 4.6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-7, .flext-columns-8).alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.alignfull:is([data-slides-per-view="7"], [data-slides-per-view="8"]) .has-thumbnail a span {
font-size: var(--tripp-font-size-base);
padding: 2rem 1rem;
} .main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
height: 12rem;
width: 12rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xl);
height: 10rem;
width: 10rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xl);
padding: 2rem 0 0 !important;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
height: 8rem;
width: 8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 7rem;
width: 7rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-md);
height: 6rem;
width: 6rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail a span {
font-size: var(--tripp-font-size-md);
}
}
@media (min-width: 2300px) {   .main-content:not(.has-sidebar) .flext-block-categories.is-style-grid.has-square-thumbnail.has-thumbnail.alignfull,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-2.has-square-thumbnail.has-thumbnail.alignwide {
--flext-grid-gap: 4rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xxl);
height: 15rem;
width: 15rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-4.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="4"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xxl);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-5.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="5"] .has-thumbnail .posts-count::before {
height: 12rem;
width: 12rem;
}
.main-content:not(.has-sidebar) .flext-block-categories:is(.flext-columns-6, .flext-columns-7).has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull:is([data-slides-per-view="6"], [data-slides-per-view="7"]) .has-thumbnail a span {
padding: 2rem 0 0 !important;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-xl);
height: 10rem;
width: 10rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-6.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="6"] .has-thumbnail a span {
font-size: var(--tripp-font-size-xl);
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-7.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="7"] .has-thumbnail .posts-count::before {
height: 8rem;
width: 8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail .posts-count::before,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail .posts-count::before {
font-size: var(--tripp-font-size-lg);
height: 8rem;
width: 8rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-columns-8.has-square-thumbnail.alignfull .has-thumbnail a span,
.main-content:not(.has-sidebar) .flext-block-categories.is-style-carousel.has-square-thumbnail.alignfull[data-slides-per-view="8"] .has-thumbnail a span {
font-size: var(--tripp-font-size-lg);
}
}
@media (min-width: 2560px) {   .main-content:not(.has-sidebar) .flext-block-categories.alignfull {
margin-left: auto;
margin-right: auto;
max-width: 2560px;
padding-left: 0;
padding-right: 0;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-prev:not(.flext-button-disabled) {
left: 1.5rem;
}
.main-content:not(.has-sidebar) .flext-block-categories.flext-carousel.alignfull:hover .flext-button-next:not(.flext-button-disabled) {
right: 1.5rem;
}
}
@media (max-width: 767px) {  .flext-block-categories.has-thumbnail.is-style-grid {
--flext-grid-columns: 2;
}
}
@media (max-width: 599px) {
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 50% !important;
flex-grow: 0;
}
}
@media (hover: hover) and (pointer: fine) {
.tripp-menu:hover > button {
background: rgba(var(--tripp-color-on-surface-rgb), 0.05);
}
.tripp-menu ul {
box-shadow:
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
max-width: calc(100vw - 3rem);
min-width: 17rem;
right: auto;
transform: scale(0.8);
transform-origin: top left;
}
.tripp-menu ul ul {
padding: 0;
}
.tripp-menu li > ul.children {
display: block;
margin-left: 0;
max-width: 25rem;
position: absolute;
width: auto;
}
.tripp-menu > ul > li {
border-bottom: none;
}
.tripp-menu ul > li > ul {
border-left: 1px solid rgba(var(--tripp-color-on-surface-rgb), 0.1);
border-radius: 0 0.8rem 0.8rem;
left: calc(100% - 1rem);
min-height: 100%;
top: 0;
}
.tripp-menu:hover > ul {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.tripp-menu li:hover > ul {
overflow: visible;
opacity: 1;
visibility: visible;
transform: scale(1);
z-index: 2;
}
.tripp-menu ul li.has-children > .menu-toggle-button {
right: 0.4rem;
transform: rotate(-90deg);
}
.tripp-menu ul > li:hover > a::after {
opacity: 0.1;
}
html {
scrollbar-color: rgb(var(--tripp-color-primary-rgb)) rgb(var(--tripp-color-surface-rgb));
scrollbar-width: thin;
}
::-webkit-scrollbar {
border-radius: 0.5rem;
height: var(--tripp-scrollbar-width);
width: var(--tripp-scrollbar-width);
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0.5rem;
}
body::-webkit-scrollbar-track {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.2);
}
body::-webkit-scrollbar-thumb {
background-color: rgb(var(--tripp-color-primary-rgb));
}
.is-scrolling-disabled body::-webkit-scrollbar {
width: 0;
}
.is-scrolling-disabled body::-webkit-scrollbar-thumb {
background-color: transparent;
}
body * {
scrollbar-color: rgba(var(--tripp-color-on-surface-rgb), 0.6) rgb(var(--tripp-color-surface-rgb));
scrollbar-width: thin;
}
:hover::-webkit-scrollbar-thumb {
background-color: rgba(var(--tripp-color-on-surface-rgb), 0.6);
}
body:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--tripp-color-primary-rgb));
}
.flext-quick-view-button {
background-image: linear-gradient(45deg, rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-surface-rgb)), rgb(var(--tripp-color-primary-rgb)), rgb(var(--tripp-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--tripp-color-on-surface-rgb));
opacity: 0;
transform: scale(0);
transition: background-position 0.3s var(--tripp-transition-ease), color 0.3s var(--tripp-transition-ease), opacity 0.3s var(--tripp-transition-ease), transform 0.3s var(--tripp-transition-ease), visibility 0.3s var(--tripp-transition-ease);
visibility: hidden;
}
.flext-quick-view-button:hover {
background-position: 100% 50%;
color: rgb(var(--tripp-color-on-primary-rgb));
}
.posts-list .entry:hover .flext-quick-view-button {
opacity: 1;
transform: scale(1);
visibility: visible;
}
}
@media (prefers-color-scheme: dark) {
.has-scheme-auto {
--tripp-color-black-rgb: 30, 30, 30;
--tripp-color-white-rgb: 245, 245, 245;
--tripp-color-header: rgba(var(--tripp-color-on-surface-rgb), 0.02);
--tripp-color-on-header: rgb(var(--tripp-color-on-surface-rgb));
--tripp-color-background-rgb: 18, 18, 18;
--tripp-color-on-background-rgb: var(--tripp-color-white-rgb);
--tripp-color-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-white-rgb);
--tripp-color-menu-rgb: var(--tripp-color-surface-rgb);
--tripp-color-on-menu-rgb: var(--tripp-color-on-surface-rgb);
--tripp-color-black: rgb(var(--tripp-color-black-rgb));
--tripp-color-white: rgb(var(--tripp-color-white-rgb));
--tripp-color-alert: #d84f54;
--tripp-color-info: #0c0; --wp--preset--color--surface: rgb(var(--tripp-color-surface-rgb));
--wp--preset--color--on-surface: rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--color--grey: rgba(var(--tripp-color-on-surface-rgb), 0.6); --wp--preset--shadow--natural: 6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4);
--wp--preset--shadow--sharp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--outlined: 6px 6px 0 -3px rgb(var(--tripp-color-background-rgb)), 6px 6px 0 rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--shadow--crisp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 1);
}
}
@media (prefers-color-scheme: light) {
.has-scheme-auto {
--tripp-color-black-rgb: 18, 23, 26;
--tripp-color-white-rgb: 255, 255, 255;
--tripp-color-black: rgb(var(--tripp-color-black-rgb));
--tripp-color-white: rgb(var(--tripp-color-white-rgb));
--tripp-color-primary-rgb: 131, 209, 220;
--tripp-color-on-primary-rgb: var(--tripp-color-black-rgb);
--tripp-color-secondary-rgb: 197, 248, 140;
--tripp-color-on-secondary-rgb: var(--tripp-color-black-rgb);
--tripp-color-header: rgba(var(--tripp-color-on-surface-rgb), 0.03);
--tripp-color-on-header: rgba(var(--tripp-color-on-surface-rgb), 0.75);
--tripp-color-background-rgb: 245, 248, 249;
--tripp-color-on-background-rgb: var(--tripp-color-black-rgb);
--tripp-color-surface-rgb: var(--tripp-color-white-rgb);
--tripp-color-on-surface-rgb: var(--tripp-color-black-rgb);
--tripp-color-menu-rgb: var(--tripp-color-surface-rgb);
--tripp-color-on-menu-rgb: var(--tripp-color-on-surface-rgb);
--tripp-color-red-rgb: 237, 79, 76;
--tripp-color-alert: #fa656b;
--tripp-color-info: #3a784a; --wp--preset--color--surface: rgb(var(--tripp-color-surface-rgb));
--wp--preset--color--on-surface: rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--color--grey: rgba(var(--tripp-color-on-surface-rgb), 0.6); --wp--preset--shadow--natural: 6px 6px 9px rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(var(--tripp-color-on-surface-rgb), 0.4);
--wp--preset--shadow--sharp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 0.2);
--wp--preset--shadow--outlined: 6px 6px 0 -3px rgb(var(--tripp-color-background-rgb)), 6px 6px 0 rgb(var(--tripp-color-on-surface-rgb));
--wp--preset--shadow--crisp: 6px 6px 0 rgba(var(--tripp-color-on-surface-rgb), 1);
}
}