@charset "UTF-8";
/*
* CSS
* Global
*/
/*
* Author: Carl Johansson @carlwebdev
* Project: cowoStarter
* File: CSS Reset
*/
/*
* BOX MODEL
* Universal Box Sizing - https://css-tricks.com/box-sizing/
*/
/* line 12, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
*, *:before, *:after {
box-sizing: border-box;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
*/
/* COWOWO CSS RESET =============================================================== */
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
html, body,
div, span,
h1, h2, h3, h4, h5, h6,
p,
pre, code,
img,
dl, dt, dd,
ol, ul, li,
img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/* for headings, works */
}
/* line 67, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
ol, ul {
list-style: none;
}
/* line 70, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
img {
max-width: 100%;
height: auto;
/* The height is added to ensure the aspect ratio of the image is retained. */
width: 100%;
display: block;
}
/* line 86, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
picture {
display: block;
}
/* line 97, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
a {
background: transparent;
/* Normalize.css - Remove the gray background color from active links in IE 10. */
}
/* line 104, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
a {
color: inherit;
text-decoration: none;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers. - Normalize.css
*/
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
sup {
top: -0.5em;
}
/* line 127, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
sub {
bottom: -0.25em;
}
/* ====================================================================================================================== */
/* FORMS */
/* ====================================================================================================================== */
/* INFO FRAMWEORK INPUT HOVER FOCUS ACTIVE ETC ----
Write CSS?
Please don't forget to add :focus and :active styles along with :hover. :focus is important for keyboard and d-pad users.
Iinput ytops _ HOVER & FOCUS ar now ok in my framework (and infoOD & fart be)
BUT DSOES ACTIVE still apply to input typoes??????
*/
/* line 152, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
input[type=file],
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
width: 100%;
}
/* FORMS - iOS etc RESET ======================================= */
/* line 170, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
input[type=text],
input[type=submit],
input[type=reset],
input[type=button],
input[type=image],
textarea,
select {
-webkit-appearance: none;
/* VIP - to override al i.e. iOS safari stryling */
border-radius: 0px;
}
/* line 183, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
input[type=text],
textarea {
width: 100%;
}
/* line 189, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
input[type=text],
textarea {
border: none;
}
/* line 198, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
label,
input[type="submit"],
input[type="button"],
button {
cursor: pointer;
}
/* line 207, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
button {
/* RESET */
/* border-radius: 0px; */
/* ALSO DO FOR IOS ETC */
/* this cause sglitcthy border color thingee */
border: 0;
/* OK - THIS TAKES CARE OF THE BORDER ASPECT & RADIUS */
/*outline: 0;*/
/* DOES NOTHING */
padding: 0;
/* OK */
/* margin: 0; */
background: none;
/* OK, TO DELETE BG COLOR */
}
/* oveflow:hidden; VS clearfix hack VS float:inline-block with font-size issues..... */
/*
I USE overflow:hidden, hwich works the same, UNLESS YOU GET FUCKED UP BY DELETED OVERFLOWING CONTENT.
view-source:http://mattbango.com/demos/hover-zoom/
http://css-tricks.com/snippets/css/clear-fix/
///
to avoid cleafix hack, use display inline block, and then add the vertcal align top..
but ther's the sapcing issue too... several ways to fix that
*/
/* line 236, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
textarea {
resize: vertical;
/* HAY QUE CONFIGURARLO !!!! */
}
/* ==========================================================================
Tables
========================================================================== */
/* TABLES */
/**
* Remove most spacing between table cells. (Nomalize.css & Eric Meyer's Reset)
*/
/* line 255, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_reset.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
* CSS
* Variables - Colors
*/
/*
* STEP 1 - COLOR DEFINITIONS
*/
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_colors.scss */
:root {
--c-black: #000;
--c-white: #fff;
--c-anthracite: #7f7f7f;
--c-brand: #a45500;
}
/*
* STEP 2 - COLOR USAGE,IMPLEMENTATION
*/
/* line 25, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_colors.scss */
:root {
--c-text: var(--c-white);
--c-bg: var(--c-black);
--c-accent: var(--c-anthracite);
/*
--c-bg-tails: var(--c-bg);
--c-text-tails: var(--c-text);
*/
}
/*
*
* CSS Custom Properties aka CSS Variables
*
* font-sizes
* etc
*
*/
/*
* VARIABLES - Font size - TODO - S&D !!!
*/
/*
$fs_xxl: 34px; //
$fs_xl: 28px;
$fs_l: 20px;
$fs_m: 16px;
$fs_s: 12px;
*/
/*
* STEP 1 - DEFINITIONS - DO GOLDEN RATIO SUSTE, 1.618 - CHECK IN THE STYLEGYUDIE FOR HEADERS !!!
*/
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_css_variables.scss */
:root {
--fs-xxxl: 48px;
--fs-xxl: 34px;
--fs-xl: 28px;
--fs-l: 1.2rem;
--fs-m: 16px;
--fs-s: 12px;
}
/*
* STEP 2 - USAGE, IMPLEMENTATION
*/
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_css_variables.scss */
:root {
--layout-max-width: 1640px;
--bg-max-width: 1920px;
--bg-vw: calc(var(--bg-max-width) / 100);
--layout-gutter: 1rem;
--scene-copy-measure: 40%;
}
/*
* CARDS - TODO- OBS, THESE VARIABLE SMUST BE DARKMONDE'ED, BUT FORM BEFORE, OF COURSE
*/
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_css_variables.scss */
:root {
/*
// MIXIN ?!?!?
// background: rgba(255, 255, 255, 0.85);
background: rgba(255, 255, 255, 0.5);
*/
--card-bg: rgba(255, 255, 255, 0.5);
--card-border: unset;
--card-shadow: unset;
--card-radius: 0px;
--card-padding: 2rem;
}
/*
* Palma brand tokens (layout width: --layout-max-width in _css_variables.scss).
*/
/* line 114, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_css_variables.scss */
:root {
--palma-overlay: rgba(0, 0, 0, 0.32);
--c-bg-overlay: var(--palma-overlay);
--palma-sequence-image-scale: 1.5;
--palma-sequence-slider-scale: 2.75;
}
/*
* CSS
* Branding reset - use the site's qaccent color to personalize some features
*/
/* PLACEHOLDERS */
/*
* STYLE IMPLEMENTATIONS
*
* 1 - (text) selection
* 2 - caret (input) - chekc del historial css tricks...
* 3 - marker (li) - copy form moss
*
4 - SROLL BAR - https://css-tricks.com/custom-scrollbars-in-webkit/
5) checbox color ...
*/
/*
* 1 - (TEXT) SELECTION - aka tuypohgraphy ...
*/
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::-moz-selection {
background-color: var(--c-accent);
color: white;
}
/* Code for Firefox */
/* line 65, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::selection {
background-color: var(--c-accent);
color: white;
}
/*
* 2 - caret (input)
*/
/* line 76, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
input, textarea {
caret-color: var(--c-accent);
}
/*
* 3 - marker (li)
*/
/* line 93, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
li::marker {
/*
color: var(--c-accent); // TEST
*/
}
/*
*
* SCROLLBARS - VERT & CHECK HORIZONATLM, AROUND TABLES !! CON LO DE L ACLASE DE TABLE WRAPPER , W_TABLE, ... .TABLE ...
*
*/
/* line 113, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::-webkit-scrollbar {
width: 0.5em;
height: 1em;
background: var(--c-bg);
}
/* line 119, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::-webkit-scrollbar-track {
margin-block: 0.5em;
border-radius: 100vw;
}
/* line 131, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::-webkit-scrollbar-thumb {
/*
background: var(--c-accent);
border: 0.25em solid var(--c-accent); // TRICK, TO MAKE IT LOOK LIKE A PADDING FORM THE OUTSIDE INWARDS
*/
background: var(--c-text);
border-radius: 100vw;
}
/* line 148, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_branding_reset.scss */
::-webkit-scrollbar-thumb:hover {
/*
// background: var(--c-bg); //
background: var(--c-text);
*/
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Sass - Layout
*/
/*
* SASS - VARIABLES - LAYOUT - BREAK-POINTS
*/
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Sass - Layout
*/
/*
* SASS - VARIABLES - LAYOUT - SPACING
*/
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Sass - Layout
*/
/*
*
* CARDS
*
*/
/* SPACINGS */
/*
* SASS - MIXINS - LAYOUT - line clamp / clamps // css clamps
*/
/*
* SASS - MIXINS - LAYOUT - RESPONSIVE
*/
/*
* SASS - MIXINS - LAYOUT - PADDING
*/
/*
* SASS - MIXINS - LAYOUT - MARGIN
*/
/*
* SASS - MIXINS - IMAGES
*/
/*
* SASS - MIXINS - IMAGES - ASPECT RATIOS
*/
/*
* SASS - MIXINS - SIMPLE SHAPES
*/
/*
* SASS - MIXINS - TEXT
*/
/* CSS Document - SASS */
/* Front-End */
/*
* Author: Carl Johansson @carlwebdev
* Project: wp-cowowo
* File: Typography
*/
@font-face {
font-family: "Ciutadella";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../../fonts/Ciutadella-Light.woff2") format("woff2"), url("../../fonts/Ciutadella-Light.woff") format("woff");
}
@font-face {
font-family: "Ciutadella";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../../fonts/Ciutadella-Regular.woff2") format("woff2"), url("../../fonts/Ciutadella-Regular.woff") format("woff");
}
@font-face {
font-family: "Ciutadella";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../../fonts/Ciutadella-SemiBold.woff2") format("woff2"), url("../../fonts/Ciutadella-SemiBold.woff") format("woff");
}
/* TEXT: GENERAL TYPOGRAPHY ======================== */
/* FONTS — Ciutadella @font-face is at the top of this file. */
/*
* SASS - VARIABLES - FONTS - "IMPORT" GOOGLE FONTS
*/
/*
// ideas de font size y line height
body{
font-size:100%;
line-height: 1.5;
}
*/
/* line 109, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typography.scss */
body {
font-family: "Ciutadella", Arial, Helvetica, sans-serif;
color: var(--c-text);
font-size: 16px;
/* line-height: $baseSpacing; */
}
/* line 118, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typography.scss */
a,
a:visited,
a:hover {
color: inherit;
text-decoration: none;
}
/* line 132, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typography.scss */
p {
margin-bottom: 24px;
}
/* line 134, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typography.scss */
p:last-of-type {
margin-bottom: 0px;
}
/* Typography - Headers ======================== */
/*
h1, h2, h3, h4, h5, h6 {
margin: 10px 0 5px 0;
// font-family: Arial, Helvetica, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-weight : normal;
margin-top: 0px;
// letter-spacing: -1px;
}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
*/
/*
h1 {
font-size:4rem;
// font-family: Arial, Helvetica, sans-serif;
line-height:1.4;
color:#000;
margin-bottom:0.2em;
}
h2 {
font-size:2.5rem;
line-height:1.2;
color: #222;
margin-bottom:.5em;
margin-top:.5em;
}
h3 {
font-size : 1.75rem;
line-height : 1.3;
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
}
h4 {
font-size:1.5rem;
line-height:1.25;
color:#444;
margin-bottom:0.5em;
}
h5 {
font-size:1.25rem;
color:#555;
margin-bottom:1.25em;
}
h6 {
// font-size:1rem;
color:#666;
font-size: $fontsizeMedium;
}
*/
/* TEXT: ANCHORS ======================== */
/* line 220, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typography.scss */
a {
/*color : #cc1122; */
/*
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
*/
}
/*
a:visited {color:#ee3344; }
a:focus {outline:thin dotted; color:rgb(0,0,0);}
a:hover, a:active {outline:0; color:#dd2233;}
*/
/** Text / TEXT FORMAT **/
/*
b, strong, .s {font-weight: bolder;} // VS bold ...
i, em, .i {font-style: italic;}
*/
/* TEXT - PARAGRAPHS ======================== */
/* and do sth perhaps for p's firts line and first word stufff */
/* CSS HYPHENATION */
/*
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
*/
/* ADD CODE, PRE, SMAPEL, XMP ETC ETC ETC */
/*
CSS FILE FOR TYPOGRAPHYS...
h headings
p ....
then,
cursive
pre/code stuff
superscript, subscript ewtc
*/
/*
* thml tags - blockquote, etc
*/
/* line 7, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tags.scss */
blockquote {
border-left: 3px solid #999;
background-color: #ccc;
padding: 12px;
}
/* line 12, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tags.scss */
blockquote.unset {
border-left: unset;
background-color: unset;
padding: unset;
margin: 0;
}
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tags.scss */
dl {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 24px;
row-gap: 6px;
margin-bottom: 24px;
}
/* line 35, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tags.scss */
dl dt,
dl dd {
margin: 0;
padding: 0;
}
/*
Circumaural headphone with dual function enclosures
Transducer
- Type
- Electro-dynamic with neodymium magnet
- Diameter
- 50 mm
- Voice coil diameter
- 23 mm
- Impedance
- 32 Ω/dd>
Dynamic response
| Parameter |
Open mode |
Closed mode |
| Sensitivity |
102 dB/1 mW |
104 dB/1 mW |
| Frequency response |
5 Hz - 30 KHz |
10 Hz - 30 Khz |
| Distortion |
0,06% |
0,08% |
(1 kHz, 110 dB SPL)
Weight 490 g (without cables)
The headphone connects through one 2.5 mm jack on each side.
*/
/*
* Project: elcatala.cat
* Area: Front
* File: TYPOGRAPHY - HTML-EDITOR
*/
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor {
/*
&.case_dark {
// background-color: $c_black_2; // TEMP
background-color: #252525;
color: $c_white;
a {color: inherit;} // TEST
}
*/
font-size: 20px;
/*
* LISTS
*/
/*
h2 { // se usa en legalpages !!! was
font-size: 28px;
margin-top:24px;
margin-bottom:24px;
}
h3 { // se usa en legalpages !!! was
font-size: 20px;
// color: #f00;
margin-top:24px;
// margin-bottom:12px;
margin-bottom:6px;
// color: $c_blue;
}
*/
/*
* MEDIA INSERTADO EN EL HTMLEDITOR
*/
}
/* line 31, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor p {
margin-bottom: 12px;
}
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor a {
font-weight: bold;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor a:hover {
text-decoration: underline;
}
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor ul {
margin-left: 24px;
margin-bottom: 24px;
list-style: disc;
}
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor ul li {
margin-bottom: 10px;
}
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor ul li ul {
margin-top: 10px;
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h1 {
font-size: 32px;
margin-top: 24px;
margin-bottom: 24px;
}
/* line 101, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h2 {
font-size: 28px;
margin-top: 24px;
margin-bottom: 18px;
}
/* line 107, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h3 {
font-size: 24px;
margin-top: 24px;
margin-bottom: 6px;
margin-bottom: 12px;
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h4 {
font-size: 20px;
margin-top: 24px;
margin-bottom: 36px;
margin-bottom: 12px;
}
/* line 124, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h5 {
font-size: 18px;
margin-top: 24px;
margin-bottom: 6px;
}
/* line 130, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor h6 {
font-size: 16px;
margin-top: 24px;
margin-bottom: 6px;
}
/* line 154, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor img {
width: 100%;
display: block;
margin-top: 48px;
margin-bottom: 48px;
margin-block: 48px;
}
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_typopgraphy_htmleditor.scss */
.m_htmleditor iframe {
width: 100%;
margin-top: 48px;
margin-bottom: 48px;
margin-block: 48px;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Dev temp stuff
*/
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev.scss */
.dev_hide {
display: none;
}
/*
*, *:before, *:after {
// outline: 1px solid red; // TODO - CHOOSE A MORE NEUTRAL COLOR !!!
// outline: 1px solid red !important; // not all tags where getitng te outline for some odd reason...
outline: 1px solid #999 !important; // not all tags where getitng te outline for some odd reason...
}
*, *:before, *:after {
background-color: rgba(240,243,196,0.50)
}
*/
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap {
display: grid;
gap: 2.5rem;
margin-top: 1.5rem;
}
/* line 7, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__intro {
margin-bottom: 1rem;
}
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__section-title {
margin: 0 0 0.75rem;
font-size: var(--fs-lg, 1.25rem);
}
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__list {
list-style: none;
margin: 0;
padding: 0;
}
/* line 22, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__list--nested {
margin-top: 0.35rem;
padding-left: 1.25rem;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
/* line 28, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__item + .sitemap__item {
margin-top: 0.35rem;
}
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__link {
text-decoration: underline;
text-underline-offset: 0.15em;
}
/* line 37, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__label {
opacity: 0.85;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/dev/_dev_sitemap.scss */
.sitemap__meta {
display: block;
margin-top: 0.15rem;
font-size: 0.85em;
opacity: 0.65;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Buttons
*/
/* do sass for colors, and for interactiuon behaviours - UI */
/* do sass for interactiuon behaviours - UI */
/* UI ELEMENTS / move to buttons file ================================================================================== */
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.btn-s-1, .button, .buttonSmall, .sidebar_content aside.widget_tag_cloud .tagcloud a, .card_blog_1 .info .category a, .card_blog_1 .info .tags a, .card_blog_2 .info .category a, .card_blog_2 .info .tags a, .card_blog .info .category a, .card_blog .info .tags a, .buttonMedium, input[type=submit],
input[type=reset], .buttonBig, .section_link_container a, a.section_link, .card_blog_1 .info .link a, .card_blog_2 .info .link a, .card_blog .info .link a, .buttonChip, .card_blog .info ul.post_categories_list a {
/*
background-color:var(--c-accent);
&:hover {background-color: var(--c-accent);}
*/
border: 2px solid black;
background-color: black;
}
/* line 59, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.btn-s-1:hover, .button:hover, .buttonSmall:hover, .sidebar_content aside.widget_tag_cloud .tagcloud a:hover, .card_blog_1 .info .category a:hover, .card_blog_1 .info .tags a:hover, .card_blog_2 .info .category a:hover, .card_blog_2 .info .tags a:hover, .card_blog .info .category a:hover, .card_blog .info .tags a:hover, .buttonMedium:hover, input:hover[type=submit],
input:hover[type=reset], .buttonBig:hover, .section_link_container a:hover, a.section_link:hover, .card_blog_1 .info .link a:hover, .card_blog_2 .info .link a:hover, .card_blog .info .link a:hover, .buttonChip:hover, .card_blog .info ul.post_categories_list a:hover {
background-color: white;
color: black;
}
/* line 72, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.button, .buttonSmall, .sidebar_content aside.widget_tag_cloud .tagcloud a, .card_blog_1 .info .category a, .card_blog_1 .info .tags a, .card_blog_2 .info .category a, .card_blog_2 .info .tags a, .card_blog .info .category a, .card_blog .info .tags a, .buttonMedium, input[type=submit],
input[type=reset], .buttonBig, .section_link_container a, a.section_link, .card_blog_1 .info .link a, .card_blog_2 .info .link a, .card_blog .info .link a, .buttonChip, .card_blog .info ul.post_categories_list a {
cursor: pointer;
transition: width 1s linear;
padding: 0.6em 1em;
border-radius: 50vh;
color: var(--c-white);
}
/* line 85, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.buttonSmall, .sidebar_content aside.widget_tag_cloud .tagcloud a, .card_blog_1 .info .category a, .card_blog_1 .info .tags a, .card_blog_2 .info .category a, .card_blog_2 .info .tags a, .card_blog .info .category a, .card_blog .info .tags a {
font-size: var(--fs-s);
}
/* line 89, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.buttonMedium, input[type=submit],
input[type=reset] {
font-size: var(--fs-m);
}
/* line 93, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.buttonBig, .section_link_container a, a.section_link, .card_blog_1 .info .link a, .card_blog_2 .info .link a, .card_blog .info .link a {
font-size: var(--fs-l);
}
/* line 101, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_buttons.scss */
.buttonChip, .card_blog .info ul.post_categories_list a {
padding: 0.2em 0.6em;
font-size: var(--fs-s);
}
/* MUST BE CALLED BEFORE FORMS, AS CERTAIN FOMR ELEMENTS CALL BUTOTN STYLES */
/*
* PACK PARTIALS - OPTIONAL FUNCTIONALITY - FORMS
*/
/*
* PACK FUNCTIONALITY
* MASTER FILE
* FORMS
*/
/*
* cowoBoilerplate
* Built by cowowo.cat
* Author: Carl Johansson @carlwebdev
* Project: XXX
* File: Forms
* Filename: _forms_layout.scss
*/
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_layout.scss */
.l_gridBase_50_50 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
}
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_layout.scss */
.l_gridBase_50_50 .col {
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
cursor: pointer;
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
.l_gridBase_50_50 .col:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
/* line 37, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_layout.scss */
form {
/*
max-width:400px;
@include centered;
*/
}
/* SASS PARTIAL - FORM LAYOUTS is not the ame as form elements */
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_layout.scss */
.formLine {
overflow: hidden;
/* if submit is floated (right)) */
margin-bottom: 24px;
}
/* line 63, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_layout.scss */
.formLine:last-of-type {
margin-bottom: 0px;
}
/*
* Lead / buy form (Palma scroll sections and anywhere .lead-form is used)
*/
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
.lead-form {
border: 3px solid var(--c-accent);
/*
margin-top: 1.2rem;
display: grid;
gap: 0.7rem;
max-width: 560px;
*/
/*
label {
display: grid;
gap: 0.3rem;
font-size: 0.9rem;
}
input[type="text"],
input[type="email"] {
height: 42px;
border: 0;
border-radius: 999px;
padding: 0 1rem;
}
button {
height: 42px;
border: 0;
border-radius: 999px;
background: #fff;
color: #000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
}
*/
}
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
.checkbox {
display: flex;
gap: 0.5rem;
align-items: center;
font-size: 0.85rem;
}
/*
margin-top: 1.2rem;
display: grid;
gap: 0.7rem;
max-width: 560px;
*/
/* line 68, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
label {
display: grid;
gap: 0.3rem;
font-size: 0.9rem;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="text"],
input[type="email"],
textarea {
border: 0;
border-radius: 2rem;
padding: 0 1rem;
}
/*
input[type="email"] {
border-radius: 2rem; // TEST
}
textarea {
border-radius: 2rem; // TEST
}
*/
/* line 92, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="text"],
input[type="email"] {
height: 42px;
}
/* line 102, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
form button {
height: 42px;
border: 0;
border-radius: 999px;
background: #fff;
color: #000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
}
/*
* cowoBoilerplate
* Built by cowowo.cat
* Author: Carl Johansson @carlwebdev
* Project: XXX
* File: Forms
* Filename: _forms.scss
*/
/*
* FORM ELEMENTS - STRUCTURE - labels, fieldset etc
*/
/* line 135, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
label {
color: var(--c-text);
font-size: var(--fs-l);
cursor: pointer;
/* for lables triggering checkboxes and radio buttons :-) */
}
/*
* FORM ELEMENTS - INPUTS, SELECTS, TEXTAREAS, BUTTONS, ETC - OBS, SEPARAR AINPUTS CONCEPTS DE BUTTON CONCEPTS
*/
/*
* RANGE SLIDER — site-wide cosmetics (track + thumb, cross-browser).
* Layout/sizing for specific contexts (e.g. width, positioning of the
* sequence scrubber) lives with that context, not here.
*/
/* line 165, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input) {
--range-track-height: 4px;
--range-thumb-size: 22px;
--range-track-bg: rgba(255, 255, 255, 1.00);
--range-thumb-bg: #fff;
appearance: none;
-webkit-appearance: none;
width: 100%;
height: var(--range-thumb-size);
margin: 0;
background: transparent;
cursor: pointer;
}
/* line 180, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input):focus-visible {
outline: none;
}
/* line 183, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input):focus-visible::-webkit-slider-thumb {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35);
}
/* line 187, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input):focus-visible::-moz-range-thumb {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35);
}
/* line 193, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input)::-webkit-slider-runnable-track {
height: var(--range-track-height);
border-radius: 999px;
background: var(--range-track-bg);
}
/* line 200, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input)::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: var(--range-thumb-size);
height: var(--range-thumb-size);
margin-top: calc((var(--range-track-height) - var(--range-thumb-size)) / 2);
border: none;
border-radius: 999px;
background: var(--range-thumb-bg);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
transition: transform 120ms ease, box-shadow 120ms ease;
}
/* line 213, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input):active::-webkit-slider-thumb {
transform: scale(1.12);
}
/* line 218, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input)::-moz-range-track {
height: var(--range-track-height);
border-radius: 999px;
background: var(--range-track-bg);
}
/* line 225, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input)::-moz-range-thumb {
width: var(--range-thumb-size);
height: var(--range-thumb-size);
border: none;
border-radius: 999px;
background: var(--range-thumb-bg);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
transition: transform 120ms ease, box-shadow 120ms ease;
}
/* line 235, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type="range"]:not(.range-slider__input):active::-moz-range-thumb {
transform: scale(1.12);
}
/*
* PROGRESS + METER — display-only bars (not interactive).
* Both fill from the left. Reset the native appearance, then style the track
* and the value/fill across WebKit and Firefox.
*/
/* line 246, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
progress,
meter {
--bar-height: 10px;
--bar-radius: 999px;
--bar-track-bg: rgba(255, 255, 255, 0.25);
appearance: none;
-webkit-appearance: none;
width: 100%;
height: var(--bar-height);
border: none;
border-radius: var(--bar-radius);
background: var(--bar-track-bg);
overflow: hidden;
}
/* PROGRESS */
/* line 262, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
progress {
--bar-fill: #fff;
}
/* line 266, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
progress::-webkit-progress-bar {
background: var(--bar-track-bg);
border-radius: var(--bar-radius);
}
/* line 272, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
progress::-webkit-progress-value {
background: var(--bar-fill);
border-radius: var(--bar-radius);
}
/* line 278, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
progress::-moz-progress-bar {
background: var(--bar-fill);
border-radius: var(--bar-radius);
}
/* METER — colour reflects the value range (low / optimum / high) */
/* line 285, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter {
--meter-optimum: #598039;
--meter-suboptimum: #cb812d;
--meter-low: #b73334;
}
/* line 291, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter::-webkit-meter-bar {
background: var(--bar-track-bg);
border: none;
border-radius: var(--bar-radius);
}
/* line 298, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter::-webkit-meter-optimum-value {
background: var(--meter-optimum);
border-radius: var(--bar-radius);
}
/* line 303, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter::-webkit-meter-suboptimum-value {
background: var(--meter-suboptimum);
border-radius: var(--bar-radius);
}
/* line 308, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter::-webkit-meter-even-less-good-value {
background: var(--meter-low);
border-radius: var(--bar-radius);
}
/* line 314, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter::-moz-meter-bar {
background: var(--meter-optimum);
border-radius: var(--bar-radius);
}
/* line 319, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter:-moz-meter-sub-optimum::-moz-meter-bar {
background: var(--meter-suboptimum);
}
/* line 323, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
background: var(--meter-low);
}
/*
* FORM ELEMENTS - INPUTS, etc
*/
/* line 335, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
border: 3px solid var(--c-text);
background-color: var(--c-text);
}
/* line 350, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=text],
input[type=email],
input[type=password],
select,
textarea {
padding: 12px 24px;
}
/* UI
* FOCUS and ANIMATIONS +
*/
/* line 366, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=text],
input[type=email],
input[type=password],
select,
textarea {
transition: width 1s linear;
}
/* UI
* HOVER must be before ACTIVE
*/
/* line 377, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
select:hover,
textarea:hover {
background-color: #999;
/* border: 1px solid #D3D3D3; */
border-color: blue;
}
/* UI
* FOCUS must be after HOVER
*/
/* UI
* ACTIVE must be after HOVER
*/
/* line 397, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
outline: none;
/* VIP - wait a minute !! accesibility !!!!!!!!!!!!!!!!!!!!!!!!*/
background-color: var(--c-white);
border-color: red;
}
/* & meter lo de los checkboxes !!!!!!!!!!!!!!!!!!!!!! */
/* line 434, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/forms/partials/_form_elements.scss */
input[type=submit],
input[type=reset] {
border: none;
}
/*
input[type=reset] {
@extend .buttonSmall;
}
*/
/*
// THIS IS TOO BRAOD, CANNOT BE, NOW HAS CONFLICT WITH NMY HEADER BUTOTN S!!!
button { // necesita mismos tratamientos que input type submit // reset etc
@extend .buttonMedium;
// width:125px;
}
*/
/* ADD ALSO PLACEHOLDER TEXT THINGEES !!!!!!!!! */
/* UI
* DISABLED FORM ELEMENTS
*/
/* CSS Document - FRONT-END */
/* ====================================================================================================================== */
/* TABLES */
/* ====================================================================================================================== */
/** Tables **/
/*
.p, table.p tr td {padding: 10px;}
.pmin, table.pmin tr td {padding: 3px;}
.pt, table.pt tr td {padding-top: 10px;}
.pl, table.pl tr td {padding-left: 10px;}
.pr, table.pr tr td {padding-right: 10px;}
.pb, table.pb tr td {padding-bottom: 10px;}
.m, table.m tr td {margin: 10px;}
.mmin, table.mmin tr td {margin: 3px;}
.mt, table.mt tr td {margin-top: 10px;}
.ml, table.ml tr td {margin-left: 10px;}
.mr, table.mr tr td {margin-right: 10px;}
.mb, table.mb tr td {margin-bottom: 10px;}
*/
/* line 40, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table th {
text-align: left;
font-weight: 400;
}
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table th, table td {
padding-right: 2em;
}
/* line 59, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers {
border-collapse: collapse;
width: 100%;
}
/* line 65, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers td, table#customers th {
border: 1px solid #ddd;
padding: 8px;
}
/* line 70, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers tr:nth-child(even) {
background-color: #f2f2f2;
}
/* line 71, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers tr:nth-child(odd) {
background-color: #fff;
}
/* line 72, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers tr:hover {
background-color: #ddd;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
table#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: var(--c-accent);
color: white;
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 {
width: 100%;
border-collapse: collapse;
}
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 th,
.specs-table___v1 td {
text-align: left;
vertical-align: top;
}
/* line 107, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 th[scope="row"] {
width: 35%;
font-weight: 600;
}
/* line 112, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 th[colspan="3"] {
padding-top: 0;
padding-bottom: 0.75rem;
font-size: 1.125rem;
text-align: left;
}
/* line 119, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 .specs-table__spacer td {
height: 1rem;
padding: 0;
border: 0;
}
/* line 126, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table___v1 small {
display: block;
font-size: 0.8em;
font-weight: normal;
margin-top: 0.2rem;
}
/* line 140, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
div.table_wrapper {
overflow-x: auto;
}
/* line 144, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table {
width: 100%;
border-collapse: collapse;
}
/* line 148, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table th,
.specs-table td {
padding: 0;
text-align: left;
vertical-align: top;
font-weight: normal;
}
/* line 156, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table th[scope="row"] {
width: 30%;
}
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table__spacer td {
height: 0.5rem;
padding: 0;
border: 0;
}
/* line 170, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_tables.scss */
.specs-table small {
display: block;
margin-top: 0.2rem;
font-size: 0.8em;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Layout - Sticky Footer (Flex)
*/
/* line 24, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
body::before {
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
height: 100dvh;
z-index: -1;
pointer-events: none;
background-image: linear-gradient(var(--c-bg-overlay), var(--c-bg-overlay)), url("../../img/bg/palma-bg-default.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (max-width: 768px) {
/* line 24, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
body::before {
background-image: linear-gradient(var(--c-bg-overlay), var(--c-bg-overlay)), url("../../img/bg/palma-bg-default-mobile.jpg");
}
}
/*
Reference Source - STICKY FOOTER - SOLVED BY FLEXBOX
https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
…
.Site { // MY CASE - apply to #page, and or body
display: flex;
min-height: 100vh;
flex-direction: column;
}
.Site-content { // MY CASE - apply to #content
flex: 1;
}
*/
/* body , */
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
#page {
display: flex;
min-height: 100vh;
flex-direction: column;
}
/* line 80, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
#page_content {
flex: 1;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Layout
*/
/* line 92, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
body {
background-color: var(--c-bg);
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
#page {
/* PLACEHOLDER */
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
footer#footer {
background-color: var(--c-bg-tails);
color: var(--c-text-tails);
}
/*
* BACKGROUNDS
* 1) alternate bg colors (etc)
* 2) scrolL snapping - obs issue with sticky footer flex !
*
* SYSTEM ALTERNATING BACKGROUND COLORS // // DIDNT FIND THIS, SO I BUILT IT AGAIN:active
*/
/* line 126, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.backgrounds .background:nth-of-type(odd) {
background-color: var(--c-bg);
}
/* line 130, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.backgrounds .background:nth-of-type(even) {
background-color: var(--c-bg-alt);
}
/*
* VERTICAL SECTIONS
*/
/* line 152, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
section.pb4 {
padding-block: 4em;
}
/*
* HORIZONTAL SECTIONS - WIDTHS
* Max-width content column for header, footer, sections, scroll slides, etc.
*/
/* line 164, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper {
width: 100%;
box-sizing: border-box;
margin-inline: auto;
min-width: 320px;
max-width: var(--layout-max-width);
/* HORIZONTAL PADDING */
padding-left: 48px;
padding-right: 48px;
padding-inline: 48px;
transition: padding-left 1s linear, padding-right 1s linear;
}
@media only screen and (max-width: 1024px) {
/* line 164, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper {
padding-left: 24px;
padding-right: 24px;
padding-inline: 24px;
}
}
/* line 184, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper.narrow {
max-width: 1024px;
}
/* line 185, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper.medium {
max-width: 1240px;
}
/* line 186, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper.wide {
max-width: 1660px;
}
/* line 187, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper.full {
max-width: 1920px;
}
/* line 188, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_main.scss */
.wrapper.flush {
padding-left: 0px;
padding-right: 0px;
padding-inline: 0px;
}
/*
// RENAME AS page_content (div id)
// in php start / end - really unnnecessary .... and should be class anywasy...
#content { //
// min-height:200px;
overflow:hidden; // ?????????
// background-color: #999;
@include paddingv($spacing2);
.inner {} // too unspecific, as there is a wrapper in between... but could be a different wrapper...
} // content
*/
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_special {
/*
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
grid-template-areas:
"header"
"content"
"footer";
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
grid-template-areas:
"header"
"content"º
"footer";
*/
display: grid;
grid-template-columns: 1fr 6fr;
gap: 4rem;
}
/* line 24, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_special .grid_special_lateral {
position: sticky;
top: 50dvh;
transform: translateY(-50%);
align-self: start;
}
@media (max-width: 1400px) {
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_special {
grid-template-columns: minmax(0, 1fr);
margin-top: 4rem;
}
/* line 42, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_special .grid_special_lateral {
position: static;
transform: none;
align-self: auto;
}
}
/*
* Cross-section offset — grids inside .grid_special (sticky title + content).
* Pushes the content column down on wide viewports; resets when .grid_special stacks.
*/
/* line 58, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_section_offset {
margin-top: 40dvh;
}
@media (max-width: 1400px) {
/* line 58, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_section_offset {
margin-top: unset;
}
}
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
img.grid_special_logo {
margin-top: 2em;
/*
max-width: 38%; // TEST
margin-inline: auto; // TEST
*/
background-color: white;
/*
display: block;
width: 100%;
height: 100%;
object-fit: contain;
*/
}
@media (max-width: 1400px) {
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
img.grid_special_logo {
max-width: 240px;
}
}
@media (max-width: 768px) {
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
img.grid_special_logo {
max-width: 38%;
}
}
@media (max-width: 599px) {
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
img.grid_special_logo {
max-width: 62%;
}
}
@media (max-width: 480px) {
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
img.grid_special_logo {
max-width: unset;
}
}
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_half_xxx {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
@media (max-width: 768px) {
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_grids.scss */
.grid_half_xxx {
grid-template-columns: 1fr;
}
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Layout
*/
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll.scss */
body.noscroll {
overflow: hidden;
}
/* line 28, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll.scss */
html {
/* START OF BLOCK */
scroll-behavior: smooth;
/* END OF BLOCK */
/* START OF BLOCK */
/*
scroll-padding-top: 100px; // AFTER "HEADER IS SMALLERS"
*/
scroll-padding-top: var(--header-height);
/* END OF BLOCK */
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Layout
*/
/*
* BACKGROUNDS
* 1) alternate bg colors (etc)
* 2) scrolL snapping - obs issue with sticky footer flex !
*
* SYSTEM ALTERNATING BACKGROUND COLORS // // DIDNT FIND THIS, SO I BUILT IT AGAIN:active
*/
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
.backgrounds {
/* */
/*NOTE - ITS NICE EVENTHOUG ITS NOT 100% HEOGHT, YA TU SABES, */
overflow-y: auto;
scroll-snap-type: y mandatory;
height: 100dvh;
}
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
.backgrounds .background {
scroll-snap-align: start;
}
/*
.backgrounds { // s_
// CSS SCROLL SNAPPING
// https://css-tricks.com/practical-css-scroll-snapping/
// scroll-snap-type: y mandatory; // vs proximity
// START - COPIED FROM CJNET
// 2 - DONE - TODO - ADD THE SCROLL SNAP BEHAVIOUR TO THE PAGE, AND SEE IF IT WORKS, AND IF IT WORKS, THEN COPY IT - FROM THE DIALOGUE, WOW...
// TODO-NEXT NOW DO SCROLL, AKA SCROL SANP COPY FOMR DIALO, LAST IMPLEMETATION ANY GOOD - AS CJENT IS THE PERFCT USE CASE FOR VERTICAL SCROLS CNAP BEHAVIOUR ...
// https://css-tricks.com/practical-css-scroll-snapping/
// scroll-snap-type: mandatory;
// scroll-snap-points-y: repeat(300px);
// scroll-snap-type: y mandatory;
// scroll-snap-type: y mandatory; // perhaps ony for desktop ??
scroll-snap-type: y proximity; // LESS AGGRESIVE, VERY NICE, WHEN THERE IS MORE CONTENT THAN SCREEN HEIGHT - ELSE, MANDATORY IS NCE FOR CONTAINED CONTENT
// height: 100%;
height: 100dvh; // chatgpt - Ensure that: The height of #l_content is defined and not just 100%. It needs a definitive height to make the overflow content scrollable, or it should inherit a height from its parent that limits its size.
overflow-y: scroll;
// END - COPIED FROM CJNET
.background { // ALL
scroll-snap-align: start;
} // ALL
} // backgrounds
*/
/*
* Palma scroll — document scrollport (html) + snap targets.
*
* Opt-in: only when is present (page_backgrounds_start
* with scroll_snap true, or palma-scroll-start.php).
*
* Plain pages (contact, legal, etc.): use scroll_snap false →
* — normal document scroll;
and natural flow work as expected.
*
* Tune scroll-snap-align / scroll-snap-stop on snap targets below.
*/
/* line 89, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
html:has(.palma-scroll) {
max-height: 100dvh;
overflow-y: scroll;
scroll-snap-type: y mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: auto;
/* Fixed overlay header — full-bleed snap; .scene-content clears the header */
scroll-padding-top: 0;
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
html:has(.palma-scroll) section.scene {
scroll-snap-align: start;
scroll-snap-stop: always;
}
/* line 104, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
html:has(.palma-scroll) section.background {
scroll-snap-align: start;
}
/* line 109, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scroll_snap.scss */
html:has(.palma-scroll) footer#footer {
scroll-snap-align: start;
}
/*
* Full-page scroll slide shell —
* (hero, buy, friends, etc.; sequence variants live in partials/template/sequences/)
*/
/* line 6, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene {
min-height: 100dvh;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
--scene-content-padding-top: 7rem;
--scene-content-padding-bottom: 4rem;
/*
h1 {
font-size: clamp(2rem, 4.2vw, 4.2rem);
}
*/
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene > .scene-content {
position: relative;
z-index: 2;
padding-top: var(--scene-content-padding-top);
padding-bottom: var(--scene-content-padding-bottom);
text-align: left;
}
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-content > * {
max-width: var(--scene-copy-measure);
}
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-bg,
.scene .scene-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
}
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-bg {
z-index: 0;
overflow: hidden;
}
/* line 49, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-bg img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
}
/* line 68, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video video,
.scene .bg-video .bg-video__media {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* line 83, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video--rwd .bg-video__media--mobile {
display: none;
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-overlay {
--scene-overlay-alpha: 0;
background-image: linear-gradient(90deg, rgba(0, 0, 0, var(--scene-overlay-alpha)) 0%, rgba(0, 0, 0, calc(var(--scene-overlay-alpha) * 0.5)) 25%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
@media (max-width: 1024px) {
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-overlay {
background-image: linear-gradient(0deg, rgba(0, 0, 0, var(--scene-overlay-alpha)) 0%, rgba(0, 0, 0, calc(var(--scene-overlay-alpha) * 0.5)) 25%, rgba(0, 0, 0, 0) 100%);
}
}
/* line 121, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.scene--site-bg .scene-overlay {
background-color: var(--palma-overlay);
}
/* line 126, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-banner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
width: 100%;
background-color: rgba(0, 0, 0, 0.65);
color: #fff;
pointer-events: none;
}
/* line 137, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-banner .scene-banner__inner {
display: flex;
align-items: center;
min-height: 3.25rem;
padding-block: 0.85rem;
box-sizing: border-box;
}
/* line 145, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-banner .scene-banner__text {
margin: 0;
color: #fff;
font-size: clamp(0.92rem, 1.1vw, 1.02rem);
font-weight: 500;
line-height: 1.3;
max-width: none;
text-wrap: balance;
}
/* line 156, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed {
clip-path: inset(0 0 0 0);
}
/* line 161, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed .scene-bg,
.scene.bg-fixed .bg-image,
.scene.bg-fixed .bg-video {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
height: 100dvh;
}
/* line 170, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100dvh;
}
/* line 177, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-split-media,
.scene.bg-fixed > .scene-pinned-image,
.scene.bg-fixed > .scene-sequence-media {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
pointer-events: none;
height: 100dvh;
}
/* line 186, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-content {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100dvh;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
/* line 200, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-banner {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: auto;
}
/* line 213, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.scene-buy .scene-content > * {
max-width: 48rem;
}
/* line 217, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene h1,
.scene h2 {
margin: 0 0 1rem;
font-weight: 400;
line-height: 1.15;
text-wrap: balance;
letter-spacing: 0.01em;
}
/* line 231, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene h1,
.scene h2 {
font-size: 32px;
}
/* line 240, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene ul,
.scene p {
margin: 0 0 1rem;
line-height: 1.2;
font-size: clamp(0.98rem, 1.2vw, 1.08rem);
}
/* line 249, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene li {
list-style: disc;
list-style-position: inside;
}
/* line 261, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .dual-text-mobile {
display: none;
}
/* line 263, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .inline-link {
text-decoration: underline;
text-underline-offset: 0.25rem;
}
@media (max-width: 1024px) {
/* line 273, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .dual-text-desktop {
display: none;
}
/* line 274, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .dual-text-mobile {
display: block;
}
/* line 275, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .hide-on-mobile {
display: none;
}
/* line 277, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene > .scene-content {
--scene-content-padding-top: 8rem;
--scene-content-padding-bottom: 2rem;
}
/* line 282, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-content:has(.scene-content__inner) {
justify-content: flex-end;
padding-top: 0;
padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px));
}
/* line 289, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed:has(> .scene-banner) > .scene-content:has(.scene-content__inner) {
padding-bottom: calc(3.25rem + max(1.25rem, env(safe-area-inset-bottom, 0px)));
}
/* line 294, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene.bg-fixed > .scene-content:has(.scene-copy-anchor--headline-only) {
justify-content: flex-start;
}
/* line 298, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .scene-content > * {
max-width: 100%;
width: auto;
}
/* line 304, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene > .scene-content:has(.scene-copy-anchor--headline-only) {
align-items: stretch;
text-align: left;
}
/* line 308, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene > .scene-content:has(.scene-copy-anchor--headline-only) > .scene-content__inner,
.scene > .scene-content:has(.scene-copy-anchor--headline-only) .scene-copy-anchor--headline-only,
.scene > .scene-content:has(.scene-copy-anchor--headline-only) .scene-copy-anchor__headline {
width: 100%;
max-width: 100%;
align-self: stretch;
}
/* line 318, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene h1,
.scene h2 {
font-size: 24px;
}
/* line 324, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene p {
max-width: 100%;
/*
font-size: 0.92rem;
line-height: 1.15;
*/
}
}
@media (max-width: 768px) {
/* line 337, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video video,
.scene .bg-video .bg-video__media {
object-position: bottom;
}
/* line 346, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video--rwd .bg-video__media--desktop {
display: none;
}
/* line 350, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scenes.scss */
.scene .bg-video--rwd .bg-video__media--mobile {
display: block;
}
}
/*
* Anchored copy block — `.scene-copy-anchor`
*
* Headline and body copy live in separate zones that meet at a shared
* horizontal boundary. The headline is bottom-aligned (grows upward); body
* copy is top-aligned (grows downward). Body copy therefore always starts
* at the same vertical position regardless of headline length.
*
* Mobile (≤ $bp_switch_scenes): the block is a fixed bottom zone on all slide
* types (including stacked). Long body copy scrolls inside
* `.scene-copy-anchor__body` with an opacity fade (ui_scrollhint.js) — it does
* not grow upward into the media area.
*
* Tune globally (or per slide via inline style on `.scene-copy-anchor`):
* --scene-copy-headline-boundary Viewport Y of the headline/body split line
* (desktop default 50dvh; mobile derived)
* --scene-copy-anchor-height Total block height
* --scene-copy-headline-zone Upper zone size (derived from boundary + offset)
* --scene-copy-anchor-gap Space at the shared boundary (default 1.25rem)
*/
/* line 22, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene-copy-anchor {
--scene-copy-headline-boundary: 50dvh;
--scene-copy-anchor-height: calc(
100dvh - var(--scene-content-padding-top) - var(--scene-content-padding-bottom)
);
--scene-copy-anchor-offset-top: var(--scene-content-padding-top);
--scene-copy-headline-zone: calc(
var(--scene-copy-headline-boundary) - var(--scene-copy-anchor-offset-top)
);
--scene-copy-anchor-gap: 1.25rem;
display: grid;
grid-template-rows: var(--scene-copy-headline-zone) minmax(0, 1fr);
height: var(--scene-copy-anchor-height);
width: 100%;
max-width: none;
}
/* line 44, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene-copy-anchor__headline {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 0;
}
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene-copy-anchor__headline h1,
.scene-copy-anchor__headline h2 {
margin-bottom: 0;
}
/* line 56, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene-copy-anchor__body {
min-height: 0;
padding-top: var(--scene-copy-anchor-gap);
}
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene-copy-anchor__body > :first-child {
margin-top: 0;
}
/* line 67, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only {
--scene-copy-headline-boundary: calc(
var(--scene-copy-anchor-offset-top) + var(--scene-copy-anchor-height)
);
width: 100%;
text-align: left;
grid-template-rows: minmax(0, 1fr);
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__headline {
align-items: flex-start;
justify-content: center;
width: 100%;
}
/* line 81, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__body {
padding-top: 0;
width: 100%;
}
/* line 85, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__body .dual-text-desktop:empty {
display: none;
}
/* line 90, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__body {
display: none;
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene.scene--stacked .scene-copy-anchor {
width: 100%;
display: block;
height: auto;
}
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene.scene--stacked .scene-copy-anchor__headline {
justify-content: flex-start;
}
/* line 111, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene.scene--stacked .scene-copy-anchor__body {
padding-top: var(--scene-copy-anchor-gap);
}
/* line 116, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene.scene-sequence .sequence-copy .scene-copy-anchor {
width: 100%;
}
@media (max-width: 1024px) {
/* line 126, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor,
.scene.scene--stacked .scene-copy-anchor {
--scene-copy-anchor-height: 32dvh;
--scene-copy-headline-zone: 8dvh;
--scene-copy-anchor-offset-top: calc(
100dvh - var(--scene-copy-anchor-height) - var(--scene-content-padding-bottom)
);
--scene-copy-headline-boundary: calc(
var(--scene-copy-anchor-offset-top) + var(--scene-copy-headline-zone)
);
display: grid;
grid-template-rows: var(--scene-copy-headline-zone) minmax(0, 1fr);
height: var(--scene-copy-anchor-height);
min-height: 0;
width: 100%;
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__headline,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__headline {
justify-content: flex-end;
}
/* line 153, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body {
min-height: 0;
height: 100%;
max-height: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
scrollbar-width: none;
touch-action: pan-y;
--copy-edge-fade: 2rem;
-webkit-mask-image: linear-gradient(to bottom, black calc(100% - var(--copy-edge-fade)), transparent);
mask-image: linear-gradient(to bottom, black calc(100% - var(--copy-edge-fade)), transparent);
}
/* line 180, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body.is-scroll-mid, .scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body.is-scroll-mid,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end {
-webkit-mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade), black calc(100% - var(--copy-edge-fade)), transparent);
mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade), black calc(100% - var(--copy-edge-fade)), transparent);
}
/* line 198, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end {
-webkit-mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade));
mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade));
}
/* line 211, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body.is-no-overflow,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body.is-no-overflow {
-webkit-mask-image: none;
mask-image: none;
}
/* line 216, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor .scene-copy-anchor__body::-webkit-scrollbar,
.scene.scene--stacked .scene-copy-anchor .scene-copy-anchor__body::-webkit-scrollbar {
width: 0;
height: 0;
}
/* line 225, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only {
--scene-copy-headline-boundary: calc(100dvh / 3);
--scene-copy-anchor-height: 100dvh;
--scene-copy-anchor-offset-top: 0;
--scene-copy-headline-zone: calc(100dvh / 3);
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: var(--scene-copy-headline-zone);
justify-items: stretch;
height: var(--scene-copy-anchor-height);
width: 100%;
max-width: none;
text-align: left;
}
/* line 240, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__headline {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
justify-self: stretch;
width: 100%;
max-width: none;
min-width: 0;
min-height: 0;
}
/* line 251, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__headline h1,
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__headline h2 {
width: 100%;
max-width: 100%;
}
/* line 260, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only:has(.scene-copy-anchor__body) {
grid-template-rows: var(--scene-copy-headline-zone) minmax(0, 1fr);
}
/* line 264, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__body {
display: block;
padding-top: 0;
width: 100%;
}
/* line 269, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_copy_anchor.scss */
.scene:not(.scene--stacked) .scene-copy-anchor--headline-only .scene-copy-anchor__body .dual-text-desktop:empty {
display: none;
}
}
/*
* Split-media scene —
*
* Text column on the left, a foreground video or image floating on the right. The
* text column can overlap the media, so it appears "buried" under the text
* where they cross.
*
* Mobile copy uses the shared `.scene-copy-anchor` grid (see
* _layout_scene_copy_anchor.scss). Foreground media stays fixed/absolute so it
* can scale larger without pushing copy out of the slide.
*
* Controls (override globally here, per preset, or per slide via inline style / ACF):
* --split-media-height Video height. Use a viewport unit (dvh), not %, since
* the slide has no explicit height. Bigger = wider video,
* so it reaches further left under the text.
* --split-media-right Horizontal nudge from the right edge. 0 = hard right;
* a higher value pulls the video left (more overlap).
* --split-media-top Vertical anchor before translateY(-50%).
*
* Presets / variants:
* .scene--split — default product/media layout (legacy media_split_slide)
* .scene--split--alternate — legacy media_split_slide with media_position_preset = alternate
* .scene--split--2-products — media_split_slide_2_products layout (alternate logic, tune below)
* .scene--split--1-product — media_split_slide_1_product layout (alternate logic, tune below)
*/
@media (max-width: 1024px) {
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene {
--split-media-zone-top: calc(var(--header-height, 5rem) + 1rem);
--split-media-zone-bottom: calc(32dvh + 2rem);
--split-media-zone-height: calc(
100dvh - var(--split-media-zone-top) - var(--split-media-zone-bottom)
);
--split-media-mobile-width: unquote('min(93vw, calc(93 * var(--bg-vw)))');
--split-media-mobile-max-height: var(--split-media-zone-height);
}
}
@media (max-width: 768px) {
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene {
--split-media-mobile-width: 100%;
}
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split {
--split-media-height: 130dvh;
--split-media-top: 25%;
--split-media-right: -5%;
}
/* line 61, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split > .scene-content {
pointer-events: none;
}
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split > .scene-content * {
pointer-events: auto;
}
/* line 69, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
pointer-events: none;
z-index: 1;
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media > picture,
.scene.scene--split .scene-split-media > video,
.scene.scene--split .scene-split-media > img {
position: absolute;
top: var(--split-media-top);
transform: translateY(-50%);
right: var(--split-media-right);
height: var(--split-media-height);
max-width: 100%;
}
/* line 86, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media picture {
display: block;
}
/* line 90, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media .scene-split-media__video,
.scene.scene--split .scene-split-media .scene-split-media__image,
.scene.scene--split .scene-split-media video,
.scene.scene--split .scene-split-media img {
display: block;
width: auto;
max-width: 100%;
object-fit: contain;
object-position: center;
}
/* line 101, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media picture img {
height: 100%;
width: auto;
}
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media--rwd .scene-split-media__video--mobile {
display: none;
}
/* line 111, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack {
position: absolute;
top: calc(var(--split-media-top) - (var(--split-media-height) / 2));
right: var(--split-media-right);
display: flex;
flex-direction: column;
align-items: stretch;
width: fit-content;
max-width: 100%;
pointer-events: auto;
}
/* line 122, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack > picture,
.scene.scene--split .scene-split-media__stack > video,
.scene.scene--split .scene-split-media__stack > img {
position: static;
top: auto;
right: auto;
left: auto;
transform: none;
height: var(--split-media-height);
max-width: 100%;
}
/* line 134, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack picture {
display: block;
}
/* line 138, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack .scene-split-media__video,
.scene.scene--split .scene-split-media__stack .scene-split-media__image,
.scene.scene--split .scene-split-media__stack video,
.scene.scene--split .scene-split-media__stack img {
display: block;
width: auto;
max-width: 100%;
object-fit: contain;
object-position: center;
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack picture img {
height: 100%;
width: auto;
}
@media (max-width: 1024px) {
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media > picture,
.scene.scene--split .scene-split-media > video,
.scene.scene--split .scene-split-media > img {
top: calc(var(--split-media-zone-top) + (var(--split-media-zone-height) / 2));
left: 50%;
right: auto;
height: auto;
width: auto;
max-width: 100%;
transform: translate(-50%, -50%);
}
/* line 177, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack {
top: var(--split-media-zone-top);
left: 50%;
right: auto;
transform: translateX(-50%);
}
/* line 184, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack > picture,
.scene.scene--split .scene-split-media__stack > video,
.scene.scene--split .scene-split-media__stack > img {
height: auto;
width: auto;
max-width: 100%;
transform: none;
}
/* line 193, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack .scene-split-media__video,
.scene.scene--split .scene-split-media__stack .scene-split-media__image,
.scene.scene--split .scene-split-media__stack video,
.scene.scene--split .scene-split-media__stack img {
width: var(--split-media-mobile-width);
height: auto;
max-width: 100%;
max-height: var(--split-media-mobile-max-height);
}
/* line 204, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media picture {
display: block;
height: auto;
width: auto;
}
/* line 210, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media .scene-split-media__video,
.scene.scene--split .scene-split-media .scene-split-media__image,
.scene.scene--split .scene-split-media video,
.scene.scene--split .scene-split-media img {
display: block;
width: var(--split-media-mobile-width);
height: auto;
max-width: 100%;
max-height: var(--split-media-mobile-max-height);
object-fit: contain;
object-position: center;
}
/* line 225, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media--rwd .scene-split-media__video--desktop {
display: none;
}
/* line 229, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media--rwd .scene-split-media__video--mobile {
display: block;
}
}
@media (max-width: 768px) {
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split {
--split-media-mobile-width: 100%;
}
/* line 239, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media > picture,
.scene.scene--split .scene-split-media > video,
.scene.scene--split .scene-split-media > img {
width: 100%;
max-width: 100%;
}
/* line 247, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__stack .scene-split-media__video,
.scene.scene--split .scene-split-media__stack .scene-split-media__image,
.scene.scene--split .scene-split-media__stack video,
.scene.scene--split .scene-split-media__stack img {
width: 100%;
max-width: 100%;
}
/* line 257, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split .scene-split-media__video,
.scene.scene--split .scene-split-media__image,
.scene.scene--split video,
.scene.scene--split img {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 1024px) {
/* line 276, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split:not(.scene--split--alternate):not(.scene--split--2-products):not(.scene--split--1-product) {
--split-media-mobile-height: calc(var(--split-media-zone-height) * 2);
}
/* line 287, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split:not(.scene--split--alternate):not(.scene--split--2-products):not(.scene--split--1-product) .scene-split-media > picture,
.scene.scene--split:not(.scene--split--alternate):not(.scene--split--2-products):not(.scene--split--1-product) .scene-split-media > video,
.scene.scene--split:not(.scene--split--alternate):not(.scene--split--2-products):not(.scene--split--1-product) .scene-split-media > img {
top: auto;
bottom: var(--split-media-zone-bottom);
left: 50%;
transform: translateX(-50%);
height: var(--split-media-mobile-height);
width: auto;
max-width: none;
max-height: none;
}
/* line 301, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split:not(.scene--split--alternate):not(.scene--split--2-products):not(.scene--split--1-product) .scene-split-media > picture img {
height: 100%;
width: auto;
max-width: none;
max-height: none;
}
}
/* line 322, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.bg-fixed.scene--split > .scene-split-media {
position: fixed;
}
/* line 377, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate {
--split-media-height: 76dvh;
--split-media-top: 45%;
--split-media-right: 5%;
}
@media (max-width: 1024px) {
/* line 377, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate {
--split-media-mobile-width: unquote('min(87vw, calc(87 * var(--bg-vw)))');
--split-media-mobile-max-height: calc(var(--split-media-zone-height) - 4.5rem);
}
}
@media (max-width: 768px) {
/* line 377, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate {
--split-media-mobile-width: 100%;
}
}
/* line 330, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate .scene-split-media__stack .scene-split-media__alternate-links {
--split-alternate-links-gap: 1.25rem;
margin-top: var(--split-alternate-links-gap);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
width: 100%;
}
/* line 340, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate .scene-split-media__alternate-link-col {
--split-alternate-link-x: 20%;
position: relative;
text-align: center;
}
/* line 354, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate .scene-split-media__alternate-link {
display: inline-block;
position: relative;
left: var(--split-alternate-link-x);
transform: translateX(-50%);
padding: 0.6em 1.25em;
border-radius: 50vh;
background-color: var(--c-anthracite);
color: var(--c-white);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* line 366, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--alternate .scene-split-media__alternate-link:hover, .scene.scene--split.scene--split--alternate .scene-split-media__alternate-link:focus-visible {
background-color: var(--c-white);
color: var(--c-anthracite);
text-decoration: none;
}
/* line 405, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products {
--split-media-height: 76dvh;
--split-media-top: 45%;
--split-media-right: 5%;
}
@media (max-width: 1024px) {
/* line 405, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products {
--split-media-mobile-width: unquote('min(95vw, calc(95 * var(--bg-vw)))');
--split-media-mobile-max-height: calc(var(--split-media-zone-height) + 4rem);
}
}
@media (max-width: 768px) {
/* line 405, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products {
--split-media-mobile-width: 100%;
--split-media-mobile-max-height: 52dvh;
}
/* line 423, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products .scene-split-media__stack {
width: 100%;
max-width: 100%;
}
}
/* line 330, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products .scene-split-media__stack .scene-split-media__alternate-links {
--split-alternate-links-gap: 1.25rem;
margin-top: var(--split-alternate-links-gap);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
width: 100%;
}
/* line 340, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products .scene-split-media__alternate-link-col {
--split-alternate-link-x: 20%;
position: relative;
text-align: center;
}
/* line 354, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products .scene-split-media__alternate-link {
display: inline-block;
position: relative;
left: var(--split-alternate-link-x);
transform: translateX(-50%);
padding: 0.6em 1.25em;
border-radius: 50vh;
background-color: var(--c-anthracite);
color: var(--c-white);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* line 366, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--2-products .scene-split-media__alternate-link:hover, .scene.scene--split.scene--split--2-products .scene-split-media__alternate-link:focus-visible {
background-color: var(--c-white);
color: var(--c-anthracite);
text-decoration: none;
}
/* line 445, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product {
--split-media-height: 85dvh;
--split-media-top: 50%;
--split-media-center-x: 72%;
}
@media (min-width: 1025px) {
/* line 457, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media > picture,
.scene.scene--split.scene--split--1-product .scene-split-media > video,
.scene.scene--split.scene--split--1-product .scene-split-media > img {
right: auto;
left: var(--split-media-center-x);
transform: translate(-50%, -50%);
}
/* line 465, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media .scene-split-media__stack {
right: auto;
left: var(--split-media-center-x);
transform: translateX(-50%);
}
}
@media (max-width: 1024px) {
/* line 445, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product {
--split-media-mobile-width: unquote('min(95vw, calc(95 * var(--bg-vw)))');
--split-media-mobile-max-height: calc(var(--split-media-zone-height) + 10rem);
}
}
@media (max-width: 768px) {
/* line 445, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product {
--split-media-mobile-width: 100%;
}
}
/* line 330, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media__stack .scene-split-media__alternate-links {
--split-alternate-links-gap: 1.25rem;
margin-top: var(--split-alternate-links-gap);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
width: 100%;
}
/* line 340, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media__alternate-link-col {
--split-alternate-link-x: 20%;
position: relative;
text-align: center;
}
/* line 354, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media__alternate-link {
display: inline-block;
position: relative;
left: var(--split-alternate-link-x);
transform: translateX(-50%);
padding: 0.6em 1.25em;
border-radius: 50vh;
background-color: var(--c-anthracite);
color: var(--c-white);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* line 366, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_split.scss */
.scene.scene--split.scene--split--1-product .scene-split-media__alternate-link:hover, .scene.scene--split.scene--split--1-product .scene-split-media__alternate-link:focus-visible {
background-color: var(--c-white);
color: var(--c-anthracite);
text-decoration: none;
}
/*
* Image-pin scene —
*
* One-off "image -> video" transition. A foreground image (.scene-pinned-image)
* is positioned precisely so that part of it lines up with the matching element
* in the NEXT slide's media_split video. This is intentionally hand-tuned here
* (no ACF position fields) since it's only used in one place — adjust the values
* below until the image registers with the video frame.
*
* The image comes from the slide's background-image field; the empty background
* behind it is the site default.
*/
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_image_pin.scss */
.scene.scene--image-pin {
--pin-top: -10%;
--pin-right: 9%;
--pin-width: 35%;
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_image_pin.scss */
.scene.scene--image-pin .scene-pinned-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
pointer-events: none;
z-index: 1;
}
/* line 25, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_image_pin.scss */
.scene.scene--image-pin .scene-pinned-image img {
position: absolute;
top: var(--pin-top);
right: var(--pin-right);
width: var(--pin-width);
height: auto;
display: block;
}
@media (max-width: 1024px) {
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_image_pin.scss */
.scene.scene--image-pin {
--pin-top: 2rem;
--pin-right: 1rem;
--pin-width: 60%;
}
}
/* line 43, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_image_pin.scss */
.scene.bg-fixed.scene--image-pin > .scene-pinned-image {
position: fixed;
}
/*
* Stacked-media scene —
*
* Foreground image in normal document flow at the top, heading + two-column
* body copy below. Unlike default/split/image-pin slides, nothing is absolutely
* positioned for layout — only the usual full-bleed background layer.
*
* ACF layout: stacked_media_slide
* Reuses default slide fields + foreground_image_desktop/mobile (same as split).
* Extra field: text_desktop_column_2 (WYSIWYG) for the right column.
* Foreground media block: .scene-stacked__media-group wraps title, image, meta cols.
* Tune vertical spacing between those three via --stacked-media-group-gap.
*/
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked {
--stacked-media-max-height: 52dvh;
--stacked-media-group-gap: 0.75rem;
--stacked-columns-gap: 4rem;
--scene-copy-anchor-height: 100%;
}
/* line 22, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked.bg-fixed > .scene-content {
justify-content: flex-start;
padding-top: 7rem;
padding-bottom: 4rem;
box-sizing: border-box;
}
/* line 30, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-content > * {
max-width: 100%;
}
/* line 34, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-content__inner.scene-stacked {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
width: 100%;
}
/* line 42, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked {
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%;
flex: 1;
min-height: 0;
}
/* line 52, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-group {
display: flex;
flex-direction: column;
gap: var(--stacked-media-group-gap);
flex-shrink: 0;
width: 100%;
}
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media {
flex-shrink: 0;
width: 100%;
}
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media img {
display: block;
width: 100%;
height: auto;
max-height: var(--stacked-media-max-height);
object-fit: contain;
object-position: center top;
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4rem;
}
/* line 82, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-title {
/*
max-width: 50%;
text-align: right;
*/
/*
font-size: 0.9rem;
line-height: 1.2;
*/
}
/* line 94, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-cols {
/*
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
*/
display: flex;
align-items: center;
gap: 1.5rem;
}
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-col {
min-width: 0;
display: flex;
align-items: center;
gap: 1rem;
}
/* line 108, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-col p:last-child {
margin-bottom: 0;
}
/* line 116, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-col::after {
content: '';
display: block;
width: 4rem;
height: 3px;
}
/* line 124, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-col--left::after {
background-color: red;
}
/* line 128, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-col--right::after {
background-color: #0070c0;
}
/* line 141, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__copy {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
width: 100%;
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-copy-anchor {
flex: 1;
min-height: 0;
height: var(--scene-copy-anchor-height);
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--stacked-columns-gap);
align-items: start;
}
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__column {
min-width: 0;
}
/* line 165, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__column p:last-child {
margin-bottom: 0;
}
@media (max-width: 1024px) {
/* line 172, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked {
--stacked-media-max-height: 38dvh;
--stacked-media-group-gap: 0.5rem;
}
/* line 178, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .dual-text-desktop {
display: none;
}
/* line 182, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .dual-text-mobile {
display: block;
}
/* line 186, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .hide-on-mobile {
display: none;
}
/* line 190, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked.bg-fixed > .scene-content {
justify-content: flex-end;
padding-top: 0;
padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px));
}
/* line 196, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-content__inner.scene-stacked {
flex: 0 1 auto;
min-height: auto;
}
/* line 201, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked {
flex: 0 1 auto;
min-height: auto;
gap: 1.25rem;
}
/* line 207, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__copy {
flex: 0 0 auto;
min-height: 0;
}
/* line 212, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-copy-anchor {
flex: 0 0 auto;
min-height: 0;
}
/* line 219, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__columns {
grid-template-columns: 1fr;
gap: 1rem;
}
/* line 230, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-title {
max-width: 100%;
text-align: left;
}
/* line 235, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-cols {
grid-template-columns: 1fr;
gap: 0.75rem;
}
/* line 243, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none;
touch-action: pan-x;
--media-edge-fade: 2.5rem;
-webkit-mask-image: linear-gradient(to right, black calc(100% - var(--media-edge-fade)), transparent);
mask-image: linear-gradient(to right, black calc(100% - var(--media-edge-fade)), transparent);
}
/* line 259, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media.is-scroll-mid {
-webkit-mask-image: linear-gradient(to right, transparent, black var(--media-edge-fade), black calc(100% - var(--media-edge-fade)), transparent);
mask-image: linear-gradient(to right, transparent, black var(--media-edge-fade), black calc(100% - var(--media-edge-fade)), transparent);
}
/* line 264, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media.is-scroll-end {
-webkit-mask-image: linear-gradient(to right, transparent, black var(--media-edge-fade));
mask-image: linear-gradient(to right, transparent, black var(--media-edge-fade));
}
/* line 269, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media.is-no-overflow {
-webkit-mask-image: none;
mask-image: none;
}
/* line 274, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media picture {
display: block;
width: max-content;
}
/* line 279, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media::-webkit-scrollbar {
width: 0;
height: 0;
}
/* line 284, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media img {
height: var(--stacked-media-max-height);
max-height: none;
width: auto;
max-width: none;
object-fit: unset;
object-position: left center;
}
}
@media (max-width: 768px) {
/* line 308, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_stacked.scss */
.scene.scene--stacked .scene-stacked__media-footer {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
}
/*
* Mobile scene offloading — pairs with assets/js/palma-viewport-manager.js
*
* Hides heavy media in off-screen slides so videos/images are not decoded
* and painted while the user is on another section. Legacy Palma theme used
* the same `.not-in-viewport` pattern (cww-style-positioning-fix-io-05b).
*/
@media (max-width: 768px) {
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_viewport.scss */
.scene.fade-out {
opacity: 0.5;
transition: opacity 0.25s ease-out;
}
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_viewport.scss */
.scene.not-in-viewport {
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
}
/* line 23, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_viewport.scss */
.scene.not-in-viewport .scene-bg,
.scene.not-in-viewport .bg-image,
.scene.not-in-viewport .bg-video,
.scene.not-in-viewport .scene-split-media,
.scene.not-in-viewport .scene-pinned-image,
.scene.not-in-viewport .scene-sequence-media,
.scene.not-in-viewport .scene-stacked__media picture,
.scene.not-in-viewport .scene-stacked__media img,
.scene.not-in-viewport video {
display: none !important;
visibility: hidden !important;
}
}
@view-transition {
navigation: auto;
}
@keyframes pvt-slide-out {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(-40%);
opacity: 0;
}
}
@keyframes pvt-slide-in {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
/* line 17, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_pvt.scss */
::view-transition-old(root) {
animation: pvt-slide-out 0.35s ease-in forwards;
}
/* line 21, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_pvt.scss */
::view-transition-new(root) {
animation: pvt-slide-in 0.35s ease-out forwards;
}
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_pvt.scss */
header#header {
view-transition-name: site-header;
}
/* line 31, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_pvt.scss */
footer#footer {
view-transition-name: site-footer;
}
/* line 35, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_pvt.scss */
::view-transition-old(site-header),
::view-transition-new(site-header),
::view-transition-old(site-footer),
::view-transition-new(site-footer) {
animation: none;
}
/* TESTING CSS FOR SCROLL-DRIVEN ANIMATIONS */
/* line 6, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_sda.scss */
html,
body,
#page {
overflow-x: clip;
}
/* Keyframe animation for scroll indicator */
@keyframes scrollProgress {
from {
width: 0;
}
to {
width: 100%;
}
}
/* Horizontal Scroll Indicator - CSS Scroll-Driven Animation */
/* line 23, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_sda.scss */
#scroll-indicator {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 6px;
background: var(--c-accent);
z-index: 9999;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
animation: scrollProgress linear forwards;
animation-timeline: scroll(root);
/*
&::after {
content: "";
position: absolute;
top: 50%;
// right: 0;
right: -4px;
width: 28px;
height: 28px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%231f1f1f' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M14 35c6 3 30 3 36 0'/%3E%3Cpath d='M20 35l-5 7'/%3E%3Cpath d='M44 35l5 7'/%3E%3Ccircle cx='18' cy='47' r='5' fill='%231f1f1f' stroke='none'/%3E%3Ccircle cx='46' cy='47' r='5' fill='%231f1f1f' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
*/
}
/*
* CONTENT
*
* page hero
* page banner
* hgroup
* page title
* secton title
* section link
*/
/*
* PAGE HERO
*/
/* line 26, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.page_hero {
height: calc(100dvh - var(--header-height));
/*
margin-top: var(--header-height); // Ensure it starts below the header // !!!
*/
/*
top: var(--header-height); // Ensure it starts below the header
position: relative; // Ensure it respects the top value
*/
/*
@media only screen and (max-width: $bp_l) {
height: calc(100dvh - var(--header-height)); // JS CALCULATION
} // MEDIA-QUERY
*/
/* */
overflow: hidden;
/*
display: grid;
place-items: center;
*/
display: grid;
place-content: center;
/*
img {
position: absolute;
inset: 0;
// height: 100%;
object-fit: cover;
}
*/
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
/*
.text {
// font-size: clamp(1.5rem, 3vw, 3rem); // 1.5rem, 3vw, 3rem - for exampleÇ
// font-size: clamp(1.5em, 7vw, 8em);
// font-size: clamp(2.5em, 7vw, 8em);
font-size: clamp(3em, 7vw, 8em);
color: var(--c-theme-white);
text-shadow: 0px 0px 2px var(--c-theme-beige);
} // text
*/
}
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.page_hero h1 {
font-size: clamp(4em, 10vw, 6em);
color: var(--c-bg);
text-shadow: 0px 0px 2px var(--c-theme-beige);
text-align: center;
}
/* CSS Document */
/* CSS Document */
/* line 132, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___NOT {
height: calc(100dvh - var(--header-height));
/* */
overflow: hidden;
/*
display: grid;
place-items: center;
*/
display: grid;
place-content: center;
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___NOT > * {
grid-area: 1 / 1;
}
/* line 166, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___NOT img {
height: 100%;
object-fit: cover;
}
/* line 171, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___NOT .text {
font-size: clamp(1.5rem, 3vw, 3rem);
color: var(--c-theme-white);
}
/* line 178, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___TAMPOPCO {
display: grid;
align-items: center;
/* Center items vertically */
justify-content: center;
/* Center items horizontally */
height: calc(100dvh - var(--header-height));
overflow: hidden;
}
/* line 187, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___TAMPOPCO img {
height: 100%;
object-fit: cover;
/* Ensure the image covers the container */
grid-area: 1 / 1;
/* Place the image in the first grid cell */
height: calc(100dvh - var(--header-height));
}
/* line 195, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.hero_banner___TAMPOPCO .text {
grid-area: 1 / 1;
/* Place the text in the same grid cell as the image */
display: flex;
align-items: center;
justify-content: center;
color: white;
/* Adjust text color for better visibility */
background: rgba(0, 0, 0, 0.5);
/* Optional: Add a semi-transparent background for readability */
padding: 10px;
/* Optional: Add padding for better appearance */
border-radius: 5px;
/* Optional: Add border-radius for smoother edges */
z-index: 1;
/* Ensure the text is above the image */
}
/* line 210, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.page_banner {
height: calc(62dvh - var(--header-height));
/* */
overflow: hidden;
/*
display: grid;
place-items: center;
*/
display: grid;
place-content: center;
/*
img {
position: absolute;
inset: 0;
// height: 100%;
object-fit: cover;
}
*/
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/*
.text {
font-size: clamp(1.5rem, 3vw, 3rem); // 1.5rem, 3vw, 3rem - for example
color: var(--c-theme-white);
text-shadow: 0px 0px 2px var(--c-theme-beige);
} // text
*/
}
@media only screen and (max-width: 1024px) {
/* line 210, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.page_banner {
height: calc(100dvh - var(--header-height));
}
}
/* line 265, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.page_banner h1 {
font-size: clamp(2em, 8vw, 5em);
/*
color: var(--c-theme-white);
text-shadow: 0px 0px 2px var(--c-theme-beige);
*/
color: var(--c-text);
text-shadow: 0px 0px 2px var(--c-text);
text-align: center;
}
/*
*
*
*
* PAGE
*
*
*
*/
/*
*
*
*
* SECTION
*
*
*
*/
/* line 307, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
hgroup {
/*
// text-align: center;
font-size: var(--fs-xl); // create intermediate, for main titles, etc, as h1, anyways..
// padding-block: $spacing;
padding-bottom: 1em;
*/
text-align: center;
font-size: 2em;
}
/* line 322, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
hgroup h1 {
font-size: 1.618em;
font-weight: 400;
margin-bottom: 0.5em;
color: var(--c-accent);
}
/* line 330, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
hgroup p {
font-size: 1em;
font-weight: 400;
}
/* line 335, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
hgroup p:not(:last-of-type) {
margin-bottom: 0.5em;
}
/*
* PAGE - TITLE (h1)
*/
/* line 345, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
h1.page_title_dynamic {
/*
font-size: $fs_xl; // create intermediate, for main titles, etc, as h1, anyways..
font-size: $fs_xxl;
*/
/*
padding-block: $spacing;
*/
margin-top: unset;
margin-bottom: unset;
font-size: 32px;
font-weight: normal;
margin-bottom: 1lh;
}
/*
* SECTION - TITLE (h2)
*/
/* line 391, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
h2.section_title_dynamic {
margin-top: unset;
margin-bottom: 1em;
font-size: 2em;
font-weight: normal;
text-wrap: balance;
}
/* line 415, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.section_link_container {
margin-top: 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.2em;
font-size: 1.618em;
/*
// centrar el boton
@media only screen and (max-width: $bp_s) {
text-align: center;
} // MEDIA-QUERY
*/
}
/* line 434, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.section_link_container a {
display: inline-block;
font-size: 1em;
}
/* line 444, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
.section_link_container p {
color: var(--c-text-alt);
font-size: 0.618em;
}
/* line 463, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_page.scss */
a.section_link {
border: var(--s-border);
outline: 2px solid var(--c-accent);
margin-inline: auto;
display: inline-block;
}
/*
* CSS
* Layout
*/
/*
* LAYOUT TEMPLATE
* PAGE BLOG (POSTS) aka NEWS
*
* Build a specific sidebar "Blog Sidebar" to be used here, and then anothe rone for "Blog Post Sidebar" with more or different widgets -so copy teh widget system fomr oomg
and store it somehwere correct
*/
/* layout systems .- tempaltes ........ getting there */
/*
- layout_page_blog
- sidebar
- search
- categories aka the rest
- main
- banner
- toolbar
- content...
TABLET
- banner
- toolbar + dropdowen & search ... or search free...
- content
*/
/*
add classes for mods a rwd behavioru !! dummY! styel agnoistidc!!
.rwd_hide_tablet {} // l
.rwd_hide_mobile {} // m vs s
.rwd_hide_l {} // means it jumsp at bp_l, good system
.rwd_hide_2 {}
.rwd_hide_3 {}
*/
@media only screen and (max-width: 1024px) {
/* line 52, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_hide_l {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
/* line 59, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_hide_m {
display: none !important;
}
}
@media only screen and (max-width: 599px) {
/* line 66, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_hide_s {
display: none !important;
}
}
@media only screen and (max-width: 1240px) {
/* line 76, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_show_xl {
display: block !important;
}
}
@media only screen and (max-width: 1024px) {
/* line 86, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_show_l {
display: block !important;
}
}
@media only screen and (max-width: 768px) {
/* line 93, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_show_m {
display: block !important;
}
}
@media only screen and (max-width: 599px) {
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.rwd_show_s {
display: none !important;
}
}
/* line 111, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog {
display: grid;
grid-template-columns: 360px 3fr;
gap: 2em;
}
@media only screen and (max-width: 1240px) {
/* line 129, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog {
grid-template-columns: 240px 3fr;
}
}
@media only screen and (max-width: 1024px) {
/* line 139, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog {
grid-template-columns: 1fr;
}
/* line 144, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar {
display: none;
}
}
/*
* 1 - page layouts
*/
/*
* 2 - ssame sidebar - with same tinsg inside ....
*/
/*
// TODO - FALAT CLASE SPEIOCIF CMPAAR ELMAIN, PAR PODERLE HACER FLEX GAPS POR DEFAULT !!! ASI BANNER_ADD NO TIENE MARHIN BOOTOM !!!
// .main,
main { // WAS "PLACEHOLDER"
display: flex;
flex-direction: column;
// gap: 2em; // ???
gap: 0.5em; // ???
} // vs main a secas...
*/
/* line 184, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog {
display: flex;
}
/* line 187, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog main {
display: flex;
flex-direction: column;
gap: 0.5em;
/*
width: 100%; // THE CONTRAIN THATHE SWIPER NEEDED
width: 100%;
max-width: 100%; // its taking uop the hwo parent container, as the parent container ios flexed and not grid!!! aaah !!!
*/
flex: 1;
/* This is shorthand for flex-grow: 1; flex-shrink: 1; flex-basis: 0%; */
/* Remove width and max-width properties */
width: calc(100% - 300px);
}
/* line 211, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.layout_page_blog .sidebar {
position: -webkit-sticky;
/* For Safari */
position: sticky;
top: calc(var(--header-height) + 2em);
/*
width: 300px; // Adjust the width as needed
*/
height: 100vh;
/* Ensure the sidebar takes the full height of the viewport */
overflow-y: auto;
/* Add scroll if the content overflows */
flex: 0 0 300px;
/* Fixed width of 250px */
}
/* line 250, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.toolbar_sidebar_content .sidebar_content {
/*
display: grid;
// grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(3, 1fr);
// gap: 2em; //
// gap: 1em; //
gap: 1.5em; //
*/
padding: 1em;
border: 1px solid #ccc;
/*
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
*/
border-radius: 8px;
display: flex;
flex-direction: row;
gap: 1.5em;
flex-wrap: wrap;
/*
> div:first-of-type {
display: none; // TEMP - hide the search form here, for now ...
// and or make it be fullw idth
} // first-of-type
*/
/*
@media only screen and (max-width: $bp_s) {
grid-template-columns: 1fr; // TODO - MAYBE NOT NECESSARY ???
} // MEDIA-QUERY
*/
}
/* line 271, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.toolbar_sidebar_content .sidebar_content > div:last-of-type {
flex-grow: 1;
display: flex;
justify-content: flex-end;
align-items: end;
}
@media only screen and (max-width: 768px) {
/* line 250, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.toolbar_sidebar_content .sidebar_content {
grid-template-columns: repeat(2, 1fr);
}
}
/* line 306, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content {
display: flex;
flex-direction: column;
gap: 1.5em;
/*
// TODO - tod test to stick the sidebar ... ojo !!!! - lo habia conseguid en el steirerkole last, css del sidebar !!!
// en steinerportalen:
// https://steinerportal.webprosjekt.net/pedagogikk
// THE ISSUE IS TAHT ITS STICKTY TO PARENT, NOT TO WHE PAGE ...
// http://caniuse.com/#feat=css-sticky
position: -webkit-sticky;
position: sticky;
// top: 0px; // VIP
// top: var(--header-height); // VIP - tets this, plus an extra ,with calc
top: calc(var(--header-height) + 2em);
*/
/*
// background-color: var(--bg-c-gray-light); // c-bg_alt
// background-color: var(--c-bg-website-alt); // c-bg_alt
// border: 1px solid #ccc; // ????
border: 1px solid var(--c-text); //
padding: 2em; // TEST
align-self: baseline; // FROM STEINERPORTALEN, TO MAKE IT STICK TO THE TOP, AND NOT TO THE BOTTOM, AS IT WAS DOING ... NOT!
*/
/* align-self: start */
/*
display: grid;
gap: 2em; //
*/
/*
display: flex;
flex-direction: column;
gap: 2em; // ??? - this flex was only for the gap ... but h3's are teking care of that at teh memtn ...
*/
/*
* SIDEBAR IS REALLY ONLY FOR WIDGETS... o no....
*/
/* WORDPRESS - WIDGET */
/* WORDPRESS SEARCH WIDGET */
/*
* WORDPRESS WIDGET
* TAGS - WORDPRESS "TAG CLOUD"
*/
/*
form {
// LAYOUT FOR COMBO SEARCH FORM
display: flex;
// WORDPRESS CODE, INPUT IS INSIDE A LABEL ...
label {
flex-grow: 1; // TO MAKE IT STRECTH OUT
}
input[type=search] {
} // search
button[type=submit] {
} // submit
// ETSO ES LQO UE TENGO QU EEXTEWNDER, ASUQI EY EN FOMRS, PAATR UW SIEA LO MISMSO
// 2 - STYLE
// now for the styke - ovverdide tinsg taht come fomr general fomr fomratting
// must have les svert padidng here,
// and d the whole button sustem...
// hanging-punctuation:
input[type=search] {
// & placeholder color ...??
padding-top: 12px;
padding-bottom: 12px;
// new:
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
// o si acaso, aqui hay border bototm, y en el caseo del header no hat nada de borders... - mejor solution
} // input
// OBS HEIGHT MINGLED BY FLEX !!!
// button[type=submit] { // auqi si que era un input, y no un button ....
input[type=submit] { // auqi si que era un input, y no un button ....
padding-top: 12px;
padding-bottom: 12px;
// // // border: $s_border; // TEST
background-color: white;
color: var(--text-c-gray); // VERY TEMP
// color: var(--c-black); // VERY TEMP
// ADD TRANSITION
&:hover {
// color: var(--text-c-gray);
} // hover
// ADD ICON INSTEAD OF THE WORD !!!!!
// background-image:url(https://form2email.dwbooster.com/images/logo.png);
// vs conetnt
color:transparent; // OK
// background-image:url(https://form2email.dwbooster.com/images/logo.png);
// background-image:url(../img/icons/ui/search-24px.svg); // get the materia desig icon, as svg ...
background-image:url(../../img/icons/ui/search-24px.svg); // get the materia desig icon, as svg ...
background-repeat: no-repeat;
background-position: center;
padding-right: 0px;
padding-left: 0px;
&:hover {
color:transparent; // AKA INHERIT...
background-color: transparent; // ?? VS NONE ??
} // hover
// MAKING THE LATERAL SERAHC BE EXACTLY HOW IT SHOWULD, AND THEN FOX THE HEADRE ONE AS EWELL,
// AND THEN CHECK THE ONE IN THE 404 PAGE
} // submit
} // form
*/
}
/* line 370, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content h3,
.sidebar_content h3.widget-title {
font-weight: bold;
font-size: 14px;
/*
margin-bottom: $spacing;
margin-top: $spacing2; // WCS
*/
margin-bottom: 1em;
margin-top: unset;
}
/* line 389, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content div:first-of-type h3,
.sidebar_content aside:first-of-type h3.widget-title {
margin-top: 0px;
}
/* line 397, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content aside.widget_search h3.widget-title {
display: none;
}
/* line 398, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content aside.widget_search span.screen-reader-text {
display: none;
}
/* line 408, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content aside.widget_tag_cloud .tagcloud {
display: flex;
gap: 24px;
}
/* line 413, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content aside.widget_tag_cloud .tagcloud a {
display: block;
}
/* line 561, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul.checkboxes {
font-size: 14px;
}
/* line 565, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul.checkboxes li {
display: flex;
align-items: center;
gap: 0.5em;
}
/* line 574, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul.checkboxes li label {
font-size: unset;
}
/* line 577, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul.checkboxes li span {
font-size: unset;
}
/* line 590, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content button#clear-filters {
/*
@extend %button_outline_medium;
*/
}
/* line 632, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li {
/*
margin-right: $spacing05; // TEST
&:last-of-type {margin-right:0px;}
*/
/*
* 2nd LEVEL
*/
}
/* line 638, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li a {
display: block;
padding: 12px 0;
border-bottom: 1px solid var(--c-form-border);
color: var(--text-c-gray-lighter);
font-size: 16px;
}
/* line 651, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li a:hover {
text-decoration: underline;
}
/* line 665, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li:hover ul {
display: block;
}
/* line 672, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li ul {
display: none;
background-color: var(--c-bg);
padding-top: 72px;
padding-right: 48px;
padding-bottom: 36px;
position: absolute;
}
/* line 686, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li ul li {
/* 3rd LEVEL */
}
/* line 690, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_wp.scss */
.sidebar_content ul li ul li ul {
padding-top: 0px;
position: relative;
padding-bottom: 0px;
margin-left: 18px;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Header
*/
/*
#w_headroom {
}
*/
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
header#header {
/*
background-color: #f0d83e;
// background-color: rgb(255, 210, 0); // ETSO ERA POR EL BG COLRO ED UNGARVITYU, SO FUCK IT
// border-bottom: 3px solid var(--c-accent); //
border: 1px solid red;
*/
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 100;
background: transparent;
color: var(--c-text);
font-family: inherit;
/* */
/*
position: fixed;
top: 48px;
left: 0;
width: 100%;
z-index: 100;
// pointer-events: none; // ??????????????????????
*/
}
/* line 35, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
header#header a, header#header a:visited {
color: inherit;
}
/* line 54, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
header#header .inner {
/*
// padding: $spacing025;
// // // padding-inline: $spacing025; // ???
// @include paddingv($spacing05);
// padding-block: $spacing025;
// padding-block: $spacing05;
padding-block: $spacing075;
*/
padding-block: 1em;
position: relative;
z-index: 1000;
}
/* line 107, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher {
font-size: 22px;
/*
a {
text-decoration: none;
}
&.wpml-ls-item-sel {
border: 1px solid green;
}
&.wpml-ls-item-current-lang {
border: 1px solid green;
}
*/
}
/* line 112, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher ul {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher a {
color: rgba(255, 255, 255, 0.7) !important;
}
/* line 128, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher a:hover {
color: white !important;
}
/* line 131, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher li.wpml-ls-current-language a {
color: white !important;
}
/* line 134, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher li.wpml-ls-current-language a:visited {
color: rgba(255, 255, 255, 0.7) !important;
}
/* line 151, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher a:hover {
/*
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
*/
}
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.wpml_language_switcher li.wpml-ls-current-language a {
/*
text-decoration: underline; // DEFAULT
text-decoration-thickness: 1px;
text-underline-offset: 2px;
// text-decoration-color: var(--c-accent);
*/
/*
text-decoration-thickness: 2px;
text-underline-offset: 4px;
*/
}
/*
.site-header {
border: 1px solid red;
position: fixed;
top: 48px;
left: 0;
width: 100%;
z-index: 100;
pointer-events: none;
}
*/
/* USED ??? */
/*
.logo-palma {
width: clamp(170px, 15vw, 250px);
display: block;
}
*/
/*
*/
/*
.langs {
display: flex;
gap: 0.5rem;
font-size: 0.85rem;
a {
opacity: 0.65;
&.is-current {opacity: 1;}
}
}
*/
/* line 266, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.site-nav {
display: flex;
gap: 0.45rem;
align-items: center;
}
/* line 271, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.site-nav a {
padding: 0.34rem 0.5rem 0.28rem;
border-radius: 6px;
font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
background: rgba(0, 0, 0, 0.35);
font-weight: 600;
}
/* line 280, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.site-nav a:hover {
background: rgba(255, 255, 255, 0.8);
color: #000;
}
/* line 290, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.menu-toggle {
display: none;
border: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
border-radius: 8px;
padding: 0.35rem 0.62rem;
}
/* line 299, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
header#header .wrapper.nav-wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
@media (max-width: 1080px) {
/* line 307, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.site-nav {
display: none;
position: absolute;
top: 2rem;
right: 0;
flex-direction: column;
align-items: flex-start;
padding: 0.55rem;
border-radius: 10px;
background: rgba(0, 0, 0, 0.78);
}
/* line 318, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.site-nav.is-open {
display: flex;
}
/* line 323, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.menu-toggle {
display: inline-block;
}
}
/*
* HEADER BAR TOP
*
*/
/* line 332, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.header_bar_top {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
}
/*
*
* HEADER BAR MAIN
*
*/
/* line 349, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.header_bar_main {
/*
display: flex;
justify-content: space-between;
// justify-content: space-between;
align-items: center;
gap: 1em;
flex-wrap: wrap; // PRECAUTION
*/
display: grid;
grid-template-columns: 1fr auto 1fr;
/*
grid-template-areas:
"logo menu cart"
"logo options options";
*/
gap: 1em;
align-items: center;
}
/* line 395, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
.header_mix_wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 1em;
}
/* line 416, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
nav#lateral {
display: none;
position: fixed;
right: 0px;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.7);
border: 2px solid var(--c-accent);
border-top-left-radius: 0.4em;
border-bottom-left-radius: 0.4em;
padding: 1em;
font-size: 0.8em;
z-index: 1;
/*
img {
// width: 3em; //
width: 4em; //
margin-inline: auto;
}
*/
}
/* line 440, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
nav#lateral ul {
display: flex;
flex-direction: column;
gap: 1em;
}
/* line 446, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_main.scss */
nav#lateral li {
align-self: center;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Reset
* File: Header - Components
*/
/*
* HEADER - LOGO
*/
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo {
flex-shrink: 0;
/*
width: 300px; // TEMP
max-width: 300px; // TEMP -as % mejor
// width: 160px; // TEST
*/
width: 240px;
max-width: 240px;
display: flex;
justify-content: center;
align-items: center;
/*
// TODO- SVG FOR COLOR CHANGE (MODE & TRANSITIONS)
.logo-palma {
display: block;
width: clamp(170px, 15vw, 250px);
height: auto;
}
.logo-palma-icon {
width: 40px;
max-width: 40px;
}
*/
}
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo a.logo {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo img {
width: 100%;
display: block;
transition: opacity 0.4s ease;
}
/* line 46, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo img.img-logo {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo img.img-picto {
/*
width: 100%;
height: auto;
*/
/*
width: 40px;
max-width: 40px;
*/
width: 4rem;
max-width: 4rem;
}
/* line 72, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo a.logo:hover img.img-logo,
.header_logo a.logo:focus-visible img.img-logo {
opacity: 1;
}
/* line 73, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo a.logo:hover img.img-picto,
.header_logo a.logo:focus-visible img.img-picto {
opacity: 0;
}
@media only screen and (max-width: 768px) {
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo {
width: 170px;
max-width: 170px;
}
/* line 114, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_components.scss */
.header_logo img.img-picto {
width: 3rem;
max-width: 3rem;
}
}
/* LANGUAGE SELECTOR */
/* OPTIONS - SOCIAL MEDIA */
/* ncopy searech box de header de ssteinerskolen.. */
/*
* CSS
* Header
* HEADER BUTTONS
*/
/*
.header_options_temp {
// border: 12px solid red; //
// border: $s_border; //
color: red; //
display: flex;
justify-content: center;
align-items: center; // PRECAUTION
gap: 1em;
} // header_buttons
*/
/*
// TETS MANUA OVVERDIDE:
button, button span {
box-sizing: border-box;
}
*/
/*
button, button span {
display: inline-block;
padding: 10px; // Adjust as needed
border: 1px solid #000; // Adjust as needed
}
*/
/*
*
* HEADER BUTTONS
*
*/
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
.header_buttons {
display: flex;
align-items: center;
gap: 0.5em;
}
/* line 56, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
button.headericon {
display: block;
/*
// display: none; // UI
@media only screen and (max-width: $bp_m) {
display: block !important;
} // MEDIA-QUERY
*/
cursor: pointer;
/* */
font-size: 1em;
/*
border-color: var(--c-text);
border-width: 2px;
border-radius: 100vh; //
*/
/*
// padding: 8px;
padding:0.25em; // = 8px compared to 2em, whch is 32px, so 1/4, ok
*/
/* OLÑD ICON FOTN, NOW IM USING MATERIUAL ICONS !!!! NI PROCESS !!!!!!!!!!!!!!!!!! */
/*
.icon { // esto aplica el icon font, solo aki, po rahora, pero lo he usado en otros sitios, y siempre uso el mismo style, osea que metelo como un mixin !!!!! @include icon, ah no!!!! no cal fer res, o no, si que hace falta !!!!!!!!!!
// background-color: #ff0; // TEST
display: block;
height: 1em; // YES !!!!!!!!!!!!
// font-size: 48px;
font-size: 32px;
// color: $c_green;
color: #fff;
// @include transition(color, 0.25s);
// &:hover {color: $c_green_light; }
} // icon
*/
/*
.icon { // esto aplica el icon font, solo aki, po rahora, pero lo he usado en otros sitios, y siempre uso el mismo style, osea que metelo como un mixin !!!!! @include icon, ah no!!!! no cal fer res, o no, si que hace falta !!!!!!!!!!
// background-color: #ff0; // TEST
display: block;
height: 1em; // YES !!!!!!!!!!!!
// font-size: 48px;
font-size: 32px;
// color: $c_green;
// color: #fff;
color: var(--c-white); // TEMP !!!!!!!!!!!!
// @include transition(color, 0.25s);
// &:hover {color: $c_green_light; }
} // icon
*/
}
/* line 104, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
button.headericon span {
display: block;
/* */
padding: 0.20em;
color: var(--c-text);
border-color: var(--c-text);
border-width: 2px;
border-style: solid;
border-radius: 100vh;
font-size: 1.6em;
transition: all 0.5s ease-in-out;
}
/* line 136, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
button.headericon:hover {
/*
background-color: var(--c-text); // middle way gray - CHANGE THIS
border-color: var(--c-accent); // NEW
*/
}
/* line 146, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
button.headericon:hover span {
background-color: var(--c-text);
border-color: var(--c-accent);
color: var(--c-accent);
}
/* line 194, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
[role=trigger_nav] {
display: none;
}
@media only screen and (max-width: 768px) {
/* line 194, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_buttons.scss */
[role=trigger_nav] {
display: block !important;
}
}
/*
* CSS
* Header
* HEADER DROPDOWNS - obs, heigh tis defined by teh otyher script ...
*/
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
.header_dropdowns {
/*
background-color: var(--c-bg);
*/
color: var(--c-text);
}
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
.header_dropdowns {
display: none;
/*
padding-block: 2em;
*/
}
/* line 31, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
.header_dropdowns.case-nav {
width: fit-content;
}
/*
.header_dropdowns.case-search {
border: 3px solid red;
display:none; // UI - jQuery
padding-block: 2em;
border-bottom: 2px solid var(--c-text);
}
.header_dropdowns.case-language {
border: 3px solid red;
display:none; // UI - jQuery
padding-block: 2em;
border-bottom: 2px solid var(--c-text);
}
*/
/*
* NAV MAIN..not, aka mobile, aka header_mobile or header.mobile or nav.header-mobile
*/
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile ul {
display: flex;
flex-direction: column;
gap: 1em;
}
/* line 70, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li {
/*
* LEVEL 2
*/
position: relative;
}
/* line 72, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li:hover {
/*
background-color: white;
color: black;
*/
/*
background-color: black;
color: white;
*/
/*
background-color: $c_black;
color: $c_white_alt;
*/
/*
background-color: $c_white_alt;
color: $c_black;
*/
/*
border: 3px solid $c_accent;
a {
background-color: $c_white_alt;
color: $c_black;
} // a
*/
}
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li a {
/* PILL */
display: block;
padding: 0.4em 1.2em;
/*
border-radius: 2em; // TEST
*/
border: 3px solid;
/*
color: $c_white_alt; // PRECAUTION, BUT NEEDED...
background-color: $c_black; // PRECAUTION, BUT NEEDED...
// border: 2px solid white;
// border: 2px solid $c_white_alt;
*/
font-weight: 400;
/*
border: 1px solid $c_white_alt;
font-weight: 500; // TEST - semibold ...
*/
}
/* line 132, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li a:hover {
text-decoration: none;
/*
background-color: white;
color: black;
*/
background-color: var(--c-accent);
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li:hover > ul {
display: flex;
}
/* line 160, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul {
display: none;
}
/* line 164, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul {
padding: 24px 12px 12px;
/*
position: absolute;
// left: -24px;
left: -18px;
left: -12px;
*/
border-radius: 0px 0px 24px 24px;
flex-wrap: nowrap;
gap: 12px;
flex-direction: column;
}
/* line 198, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li {
white-space: nowrap;
/*
&::before { // resetting the blue pseudo line
content: ''; // RESET
// position: relative; // RESET ??? - nt aa good reset at leats, if cerated those spaces below each anchor inside each li - so test now tihout this .
right: auto; // RESET ???
top: auto; // RESET ???
display: inline-block;
vertical-align: middle;
// float: left;
} // after
*/
/*
* LEVEL 3
*/
position: relative;
}
/* line 202, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li a {
/*
background-color: white;
color: black;
*/
/*
background-color: $c_white_alt;
color: $c_black;
*/
/*
background-color: $c_black;
color: $c_white_alt;
*/
}
/* line 216, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li a:hover {
/*
background-color: white;
color: black;
*/
/*
background-color: black;
color: white;
*/
/*
background-color: $c_black;
color: $c_white_alt;
*/
/*
background-color: $c_white_alt;
color: $c_black;
*/
}
/* line 257, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li:hover ul {
display: block;
}
/* line 259, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li ul {
display: none;
}
/* line 263, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_header_dropdowns.scss */
nav.mobile li ul li ul {
background-color: white;
position: absolute;
left: 100%;
top: 0px;
}
/*
* CSS
* Header
* HEADER BUTTONS
*/
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
.header_options_temp {
display: flex;
justify-content: center;
align-items: center;
gap: 1em;
}
/*
// TETS MANUA OVVERDIDE:
button, button span {
box-sizing: border-box;
}
*/
/*
button, button span {
display: inline-block;
padding: 10px; // Adjust as needed
border: 1px solid #000; // Adjust as needed
}
*/
/*
*
* HEADER BUTTONS
*
*/
/* line 50, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
.dev_buttons {
display: flex;
align-items: center;
gap: 1em;
}
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
.dev_buttons.is-vertical {
flex-direction: column;
gap: 0.5em;
}
/* line 78, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
button.devicon {
display: block;
/*
// display: none; // UI
@media only screen and (max-width: $bp_m) {
display: block !important;
} // MEDIA-QUERY
*/
cursor: pointer;
/* */
font-size: 1em;
/*
border-color: var(--c-text);
border-width: 2px;
border-radius: 100vh; //
*/
/*
// padding: 8px;
padding:0.25em; // = 8px compared to 2em, whch is 32px, so 1/4, ok
*/
}
/* line 120, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
button.devicon span {
border-color: white;
border-width: 2px;
border-style: solid;
border-radius: 100vh;
color: white;
font-size: 2em;
display: block;
/* */
padding: 0.25em;
transition: all 0.5s ease-in-out;
}
/* line 145, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
button.devicon:hover {
/*
background-color: var(--c-text); // middle way gray - CHANGE THIS
border-color: var(--c-accent); // NEW
*/
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
button.devicon:hover span {
background-color: var(--c-text);
border-color: var(--c-accent);
color: var(--c-accent);
}
/* line 173, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/header/_dev_buttons.scss */
body.debugging *, body.debugging *:before, body.debugging *:after {
outline: 1px solid #999 !important;
}
/*
* CSS
* Footer
*/
/* line 6, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
footer#footer {
background-color: var(--c-bg);
color: var(--c-text);
--footer-gap-v: 4em;
}
/* line 17, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
footer#footer .inner {
display: flex;
flex-direction: column;
/*
gap: 2em; // SAME SPACE AS PADDING-BLOCK
padding-block: 2em; // // SAME SPACE AS PADDING-BLOCK
*/
gap: var(--footer-gap-v);
padding-block: var(--footer-gap-v);
color: var(--c-text);
}
/* ****************************************************************
* FOOTER BAR MAIN
*/
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_bar_main {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}
/* line 65, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_navigation {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2em;
}
@media (max-width: 1024px) {
/* line 77, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_bar_main {
flex-direction: column;
align-items: flex-start;
}
/* line 82, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_navigation {
flex-direction: column;
align-items: flex-start;
}
}
/* ****************************************************************
* FOOTER BAR BOTTOM
*/
/* line 96, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_bar_bottom {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 1rem;
}
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_bar_bottom p {
margin: 0;
font-size: 0.85rem;
}
@media (max-width: 1024px) {
/* line 118, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_bar_bottom {
flex-direction: column;
align-items: flex-start;
}
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: Footer - Components
*/
/*
* FOOTER - LOGO - - -UNDER CONSTRUCTION
*/
/* line 141, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_logo {
flex-shrink: 0;
/*
width: 300px; // TEMP
*/
max-width: 300px;
/*
border: 1px solid red;
// margin-inline: auto; // TEST TEMP
*/
/*
display: flex;
justify-content: center;
align-items: center; // precauton for later wgataver
*/
}
/* line 161, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_logo a {
display: inline-block;
margin-inline: auto;
}
/* line 169, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_logo img {
width: 100%;
display: block;
/*
background-color: white;
padding: 1em;
border-radius: 0.5em;
*/
}
/* line 184, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_social {
/*
img {
// width: 1.5rem;
display: block; // TOOD- RESTE ANYWASY
}
*/
}
/* line 189, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_social ul {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 206, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_social i {
font-size: 1.75rem;
color: var(--c-anthracite);
transition: color 0.3s ease-in-out;
}
/* line 212, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/footer/_footer_main.scss */
.footer_social i:hover {
color: var(--c-white);
}
/*
nav#menuresponsive,
nav#menu_header,
nav#menu_dev,
nav#menu_footer,
*/
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header {
/*
// TODO - DONT HIDE THE NAV, SINO EL APIR DE WRAOOPERS ETC !!!
@media only screen and (max-width: $bp_m) {
// display: none;
} // MEDIA-QUERY
*/
}
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu {
display: flex;
gap: 0.5em;
}
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu > li:first-of-type a {
padding-left: 0;
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li {
/*
* 2nd LEVEL - build it alwasy 3 levesl deep, as precaution, just in case, ya sti sabes
*/
}
/* line 24, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li.current-menu-item a {
color: white !important;
}
/* line 31, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li a {
display: block;
padding: 0.2em 0.5em;
font-size: 1.4em;
text-wrap: nowrap;
/*
&:hover,
&.is-current {text-decoration: underline;}
*/
transition: all 0.4s ease-in-out;
color: rgba(255, 255, 255, 0.7) !important;
}
/* line 49, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li a:hover {
transition-duration: 0.2s;
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li a:hover {
color: white !important;
}
/* line 66, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li:hover > ul {
display: flex;
flex-direction: column;
gap: unset;
padding-block: unset;
}
/* line 78, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li ul {
display: none;
position: absolute;
/*
background-color: var(--c-bg);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
*/
/*
// background-color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.4); // var(--c-bg);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
*/
/* */
}
/* line 96, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li ul a {
padding-block: unset;
}
@media only screen and (max-width: 1240px) {
/* line 127, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu {
/* */
background-color: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
padding-block: 0.5em;
flex-direction: column;
gap: unset;
}
/* line 142, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu > li:first-of-type a {
padding-left: 0.5em;
}
/* line 147, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li {
position: relative;
}
/* line 150, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_header ul.menu li ul {
top: 0;
right: 0;
}
}
/* line 183, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
.header_navicon {
display: none;
}
/* line 186, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
.header_nav_mobile {
display: none;
}
@media only screen and (max-width: 1240px) {
/* line 190, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
.header_nav_desktop {
display: none;
}
/* line 191, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
.header_nav_mobile {
display: flex;
}
/* line 193, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
.header_navicon {
display: block;
}
}
/* FOR FOOTER */
/* line 220, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu {
display: flex;
gap: 1em;
}
/* line 229, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li {
/*
* 2nd LEVEL - build it alwasy 3 levesl deep, as precaution, just in case, ya sti sabes
*/
}
/* line 233, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li.current-menu-item a {
/*
background-color: var(--c-accent);
color: var(--c-white);
*/
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
/* line 251, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li a {
/*
// text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
*/
display: block;
padding: 0.3em 0em;
font-size: 1.2em;
text-transform: uppercase;
text-wrap: nowrap;
/*
&:hover,
&.is-current {text-decoration: underline;}
*/
color: var(--c-white);
/*
background-color: var(--c-text);
*/
transition: all 0.4s ease-in-out;
}
/* line 299, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li a:hover {
/*
// background-color: var(--c-black);
// background-color: var(--c-accent);
// background-color: var(--c-black);
// background-color: var(--c-text);
background-color: var(--c-accent);
// color: var(--c-white);
*/
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
transition-duration: 0.2s;
}
/* line 332, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li:hover > ul {
display: block;
}
/* line 337, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu li ul {
display: none;
position: absolute;
background-color: var(--c-black);
}
@media only screen and (max-width: 768px) {
/* line 359, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_nav.scss */
nav.nav_footer ul.menu {
flex-direction: column;
gap: 0.5em;
}
}
/*
* CSS
* WP SUBMENU - WORDPRESS
*
* MENU - SUBMNEU - 2 BOXES SYSTEMN, NICE COLOR & CENETERD TEXT ETC ...
*/
/* line 10, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu {
display: grid;
gap: 24px;
--auto-grid-min-size: 20rem;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
}
/* line 22, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu li {
aspect-ratio: 16 / 9;
}
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu li a {
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
display: block;
height: 100%;
display: grid;
place-items: center;
padding: 24px;
color: var(--c-text);
font-size: 2em;
/*
@include transitionGeneral;
*/
/*
background-color: $c_accent;
&:hover {background-color: $c_accent_dark;}
*/
/*
background-color: var(--primary-color);
&:hover {background-color: var(--dark-primary-color);}
*/
/*
background-color: var(--c-accent);
&:hover {background-color: var(--c-accent-dark);}
*/
transition: all 0.4s ease;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu li a:hover {
background-color: var(--c-black);
color: var(--c-white);
transition-duration: 0.2s;
}
/* line 86, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu li.current_page_item a {
background-color: var(--accent-color);
}
/* line 92, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_submenu.scss */
nav.submenu ul.submenu li ul {
display: none;
}
/*
* CSS
* WP Pagination
*/
/* line 12, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.w_pagination {
margin-top: 96px;
text-align: center;
}
/* line 23, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination {
display: inline-block;
overflow: hidden;
}
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers {
float: left;
margin-right: 12px;
margin-bottom: 12px;
/*
background-color: $c_text;
color: $c_white;
*/
/*
color: $c_text;
border: 2px solid $c_text;
*/
display: block;
padding: 8px 12px;
font-size: 15px;
width: 48px;
/* UI */
transition: width 1s linear;
}
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers:hover {
/*
background-color: $c_text;
*/
}
/* line 83, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers {
background-color: white;
color: black;
/* UI */
/*
background-color: none;
color: $c_text;
*/
}
/* line 109, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers:hover {
/*
background-color: #ccc;
color: $c_text;
*/
/*
background-color: $c_accent;
color: $c_white;
*/
background-color: var(--c-accent);
color: var(--c-white);
/*
background-color: none;
color: $c_text;
*/
}
/* line 136, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers.current {
/*
background-color: $c_text;
// background-color: $c_accent;
color: $c_white;
*/
background-color: var(--c-black);
color: var(--c-white);
}
/* line 145, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_pagination.scss */
.pagination .page-numbers.current:hover {
background-color: inherit;
color: inherit;
/*
background-color: $c_text;
// background-color: $c_accent;
color: $c_white;
*/
background-color: var(--c-black);
color: var(--c-white);
}
/*
* CSS
* WP Post Nav
*
* add as molecule as its standalone form blog posts, as it can be used for any kind of posts I guess....
*/
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav {
padding-top: 12px;
padding-bottom: 12px;
padding-block: 12px;
overflow: hidden;
font-size: 13px;
line-height: 15px;
position: relative;
}
/* line 23, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav img {
width: 32px;
}
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav span {
display: inline-block;
vertical-align: middle;
}
/* line 33, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav span.material-icons {
font-size: 24px;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .left {
float: left;
}
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .left a span:first-of-type {
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease;
position: relative;
left: -6px;
top: 3px;
}
/* line 63, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .left img {
width: 32px;
/* display: block; */
margin-left: auto;
margin-right: auto;
margin-inline: auto;
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Safari 3-8 */
transform: rotate(180deg);
}
/* line 82, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .left a:hover span:first-of-type {
left: -36px;
left: -12px;
}
/* line 94, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .right {
float: right;
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .right a span:last-of-type {
-webkit-transition: right 0.3s ease;
-moz-transition: right 0.3s ease;
-ms-transition: right 0.3s ease;
-o-transition: right 0.3s ease;
transition: right 0.3s ease;
position: relative;
right: -6px;
top: 3px;
}
/* line 122, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav .right a:hover span:last-of-type {
right: -12px;
}
/* line 143, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero {
padding-top: 0px;
padding-bottom: 0px;
padding-block: 0px;
}
/* line 147, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero .left {
position: relative;
top: 32px;
left: -140px;
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero .right {
position: relative;
top: 32px;
right: -140px;
}
@media only screen and (max-width: 1240px) {
/* line 143, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero {
padding-top: 24px;
padding-bottom: 24px;
padding-block: 24px;
padding-left: 24px;
padding-right: 24px;
padding-inline: 24px;
}
/* line 171, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero .left {
position: relative;
top: 0px;
left: 0px;
}
/* line 179, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/nav/_wp_post_nav.scss */
.post_nav.case-hero .right {
position: relative;
top: 0px;
right: 0px;
}
}
/*
* PACK PARTIALS - OPTIONAL FUNCTIONALITY - POST
*/
/*
* PACK FUNCTIONALITY - POST - MASTER FILE
* (compile via global.scss)
*/
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: a grid ...
* INSTRUCTIONS FOR ANY GRID:
* separate grid behavior (wrapper & cols) from item behavior (and its own rwd behavior)
*/
/*
* Grid - Blog
*/
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.grid_blog_special {
border: 3px solid var(--c-accent);
display: grid;
grid-template-columns: 1.618fr 1fr;
gap: 2em;
}
/*
* Card - Blog - 1
*/
/* line 37, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 {
grid-row: span 2;
--card-padding: 16px;
background-color: var(--c-bg);
box-shadow: 0px 0px 2px #ccc;
color: var(--c-text);
padding: var(--card-padding);
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 a {
color: inherit;
}
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .image_OBSOLETE {
/*
@include bg_img; // not anymore !!!!!!!! do, oif not size, aspect ratio and object firt !!! and dysnamic object fot etc ...
@include ar_4_3;
*/
}
/* line 88, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 picture {
border: 3px solid var(--c-accent);
background-color: #957DAD;
overflow: hidden;
}
/* line 94, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 picture img {
aspect-ratio: 16 / 9;
object-fit: cover;
transition: scale 0.5s ease-in-out;
}
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 picture img:hover {
scale: 1.1;
}
/* line 119, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info {
padding-top: var(--card-padding);
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .category {
display: flex;
flex-wrap: wrap;
}
/* line 132, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .category a {
display: inline-block;
}
/* line 143, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info h3 {
margin-block: 0.4em;
font-size: 1.618em;
}
/* line 155, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .text {
font-size: 1em;
}
/* line 167, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .tags {
margin-block: 1em;
display: flex;
flex-wrap: wrap;
}
/* line 175, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .tags a {
display: inline-block;
}
/* line 185, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .link {
display: flex;
flex-direction: column;
}
/* line 188, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_1 .info .link a {
align-self: flex-end;
display: inline-block;
}
/*
* Card - Blog - 2
*/
/* line 214, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 {
--card-padding: 16px;
background-color: var(--c-bg);
box-shadow: 0px 0px 2px #ccc;
color: var(--c-text);
padding: var(--card-padding);
}
/* line 227, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 a {
color: inherit;
}
/* line 236, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .image_OBSOLETE {
/*
@include bg_img; // not anymore !!!!!!!! do, oif not size, aspect ratio and object firt !!! and dysnamic object fot etc ...
@include ar_4_3;
*/
}
/* line 260, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 picture {
border: 3px solid var(--c-accent);
background-color: #957DAD;
overflow: hidden;
}
/* line 266, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 picture img {
aspect-ratio: 1 / 1;
object-fit: cover;
transition: scale 0.5s ease-in-out;
}
/* line 274, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 picture img:hover {
scale: 1.1;
}
/* line 287, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info {
padding-top: var(--card-padding);
}
/* line 293, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .category {
display: flex;
flex-wrap: wrap;
}
/* line 300, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .category a {
display: inline-block;
}
/* line 311, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info h3 {
margin-block: 0.4em;
font-size: 1.618em;
}
/* line 323, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .text {
font-size: 1em;
}
/* line 335, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .tags {
margin-block: 1em;
display: flex;
flex-wrap: wrap;
}
/* line 343, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .tags a {
display: inline-block;
}
/* line 353, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .link {
display: flex;
flex-direction: column;
}
/* line 356, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_home_blog.scss */
.card_blog_2 .info .link a {
align-self: flex-end;
display: inline-block;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: a grid ...
* INSTRUCTIONS FOR ANY GRID:
* separate grid behavior (wrapper & cols) from item behavior (and its own rwd behavior)
*/
/*
* Grid - Blog
*/
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.grid_blog {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4em;
}
@media only screen and (max-width: 1024px) {
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.grid_blog {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 768px) {
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.grid_blog {
grid-template-columns: 1fr;
}
}
/*
* Card - Blog
*/
/* line 42, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog {
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
/*
color: var(--c-text);
a {color: inherit;} / OJO, RMEMEEBR QUE TSO EN EDGE O IBA, DE IPRNCIS SITE (APARTE DEL DARK MODE BORKEN ETC !)
*/
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
.card_blog:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
/* line 63, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog picture {
border: 1px solid var(--c-text);
border-radius: calc(var(--card-radius) - var(--card-padding));
/*
border: $s_border;
border-width: 1px; //
*/
box-shadow: var(--card-shadow);
overflow: hidden;
}
/* line 79, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog picture img {
aspect-ratio: 1 / 1;
object-fit: cover;
transition: scale 0.5s ease-in-out;
}
/* line 86, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog picture img:hover {
scale: 1.1;
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info {
padding-top: var(--card-padding);
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .category {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
}
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .category a {
display: inline-block;
}
/* line 121, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info ul.post_categories_list {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
}
/* line 127, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info ul.post_categories_list a {
display: inline-block;
}
/* line 137, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .post_categories_plain {
font-size: var(--fs-s);
text-transform: uppercase;
color: var(--fp-yellow);
font-weight: 400;
}
/* line 151, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info h3 {
margin-block: 0.4em;
font-size: 1.618em;
}
/* line 162, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .text {
font-size: 1em;
}
/* line 173, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .tags {
margin-block: 1em;
display: flex;
flex-wrap: wrap;
}
/* line 179, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .tags a {
display: inline-block;
}
/* line 188, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .link {
display: flex;
flex-direction: column;
}
/* line 191, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/post/partials/_grid_blog.scss */
.card_blog .info .link a {
align-self: flex-end;
display: inline-block;
}
/*
// TEMPLATE PARTS - POST (WP BASICS) - - - WORDPRESS - POSTS (aka Blog)
@import "partials/template/post/home_blog"; // aka grid-post(s) for home.php aka newspaper layout ...
@import "partials/template/post/grid_blog"; // aka grid-post(s)
@import "partials/template/post/blogPost"; // aka single-post
*/
/*
* PACK PARTIALS - OPTIONAL FUNCTIONALITY - SEARCH
*/
/*
* PACK FUNCTIONALITY
* MASTER FILE
* SEARCH
*/
/*
* CSS
* search
* grid_results VS the other ne that is simpler
*/
/*
desde eimoe, hacia cowoow
rename blog grid as grid_blog, not grid_posts // nor w_gridPosts
*/
/*
INSTRUCTIONS FOR ANY GRID:
separate grid behavior (wrapper & cols) from item behavior (and its own rwd behavior)
*/
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.wp_search_no_results {
border: 3px solid red;
/*
background-color: $c_accent;
color: $c_white;
*/
background-color: var(--bg-c-gray-light);
padding: 18px;
font-size: 24px;
font-weight: 400;
/*
a {
color: $c_accent;
@include a_ui_default;
} // a
*/
/*
* LISTS
*/
}
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.wp_search_no_results h2 {
font-weight: 400;
margin-bottom: 12px;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.wp_search_no_results ul {
margin-left: 24px;
margin-bottom: 24px;
list-style: disc;
}
/* line 82, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.wp_search_no_results li {
margin-bottom: 10px;
}
/* line 88, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.wp_search_no_results li ul {
margin-top: 10px;
}
/* line 113, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.grid_results {
display: grid;
gap: 48px;
perspective: 1000px;
/*
transform-style: preserve-3d;
// transform: rotateX(45deg);
// transform: rotateY(45deg);
transform: rotateZ(45deg);
*/
}
/* line 143, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result {
/* START - ROTATION */
transform: rotateX(5deg);
transition: transform 0.5s ease;
/* END - ROTATION */
background-color: white;
/* PRECAUTION */
box-shadow: 0px 4px 4px 2px #999;
border-radius: 6px;
overflow: hidden;
/* new placement */
display: grid;
grid-template-columns: 1fr 1.618fr;
/* padding: $spacing075; */
}
/* line 154, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result:hover {
transform: rotateX(0deg);
}
/* line 193, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .image {
background-color: green;
/* border-radius: 3px; */
/* overflow: hidden; */
/* */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/*
// case-no-image con su padding system, aka use aspect ratio testing css !!!!!!!!!!!!
&.case-no-image {
// @include bg_img;
@include ar_4_3;
} // case-no-image
*/
}
/* line 203, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .image img {
width: 100%;
display: block;
}
/* line 228, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .image a {
display: block;
height: 100%;
}
/* line 242, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info {
/*
padding-top: 1em;
padding: $spacing075;
*/
padding: 18px;
}
/* line 253, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .category {
margin-bottom: 1em;
/*
font-size: $fs_card_small; // TEST - NICE SYSTEM !!!! HAVE A GENERIDC FIEL FOR CRDS-
*/
color: var(--c-gray);
}
/* line 275, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .category a {
color: inherit;
}
/* line 279, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .category a:hover {
text-decoration: underline;
}
/* line 295, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .title {
margin-bottom: 0.5em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
/*
// TODO - mixin for font_card_title - size, color, wwierght.... - SPECIALLY NOW QUE LO ESTOY REPLICANBDO EN grid_staff . . . . . . . . . .s
font-size: $fs_card_title;
*/
font-weight: 400;
}
/* line 322, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .title a:hover {
text-decoration: underline;
}
/* line 331, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .specs {
margin-bottom: 1em;
color: var(--c-gray);
display: flex;
gap: 18px;
}
/* line 354, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .text {
color: var(--c-gray);
line-height: 1.7em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* line 365, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .link {
margin-top: 1.5em;
display: flex;
}
/* line 375, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results.scss */
.card_result .info .link a {
/*
@extend .buttonSmall; // extend anchor style butotn simpe systems....
*/
}
/*
* CSS
* search
* grid_results_simple VS the other ne that is more complex, comeplete
as separator, just have an organge line .....
and so some anchor ui inteactivity
*/
/*
* GRID - RESULTS
*/
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.grid_results_simple {
display: grid;
gap: 24px;
background-color: white;
}
/*
* CARD - RESULTS - SIMPLE - BUT THIS IS NOT SIMPLE ENOUGH, DO I TMORE GOOGLE-LIKE
*/
/* line 26, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple {
/*
@include card;
padding: $spacing075;
*/
padding-block: 1em;
}
/* line 36, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .category {
margin-bottom: 1em;
color: var(--c-gray);
}
/* line 46, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .category a {
color: inherit;
}
/* line 49, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .category a:hover {
text-decoration: underline;
}
/* line 58, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .title {
margin-bottom: 0.5em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
}
/* line 68, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .title a:hover {
text-decoration: underline;
}
/* line 74, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/search/partials/_grid_results_simple.scss */
.card_result_simple .text {
color: var(--c-gray);
line-height: 1.7em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/*
* Author: Carl Johansson @carlwebdev
* Project: cowo-Boilerplate
* File: UI-SOCIAL
*/
/* DO SOME UI - CHANGE SCALE OR STH !!! */
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social {
/*
outline: 12px solid blue;
outline-offset: 3px;
*/
}
/* line 25, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul {
display: flex;
gap: 12px;
}
/* line 30, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul li {
flex-shrink: 0;
}
/* line 33, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul li a {
/* CASE = SQUARED BOXES, NOT GON TO USE THAT RIGHT NOW ...
display: block;
padding: 4px;
// ui_color_change
background-color: var(--c-white);
&:hover {background-color: var(--c-accent);}
*/
/*
color: var(--c-text);
&:hover {color: var(--c-accent);}
*/
}
/* line 47, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul li a img {
width: 32px;
}
/* line 53, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul li a i {
display: block;
font-size: 2em;
color: var(--c-text);
}
/* line 61, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.m_social ul li a i:hover {
color: var(--c-accent);
}
/* OPTIONS - SOCIAL MEDIA */
/* line 76, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.header_social {
/*
.m_social ul {
// display: flex;
// gap: 18px;
gap: 6px;
}
*/
}
/* line 94, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/components/_ui_social.scss */
.footer_social {
/*
// NO NEED FORE THI MM_SOCIAL LAYER...WAIT, NED SOME INETRMEDIATE LAYER, FOR 1 IS FOR THE BASICS, JUST DO UL WITH CLASS, AND THEN HAVE L_'s for situations..
.m_social ul {
// display: flex;
// gap: 18px;
gap: 6px;
}
*/
}
/*
* INTERSECTION OBSERVER - copying fomr dialog - the script, plusthe clas name, and the css and the fadin csss...
*
*
*
*
*/
/* line 26, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/ui/_js_intersection_observer.scss */
.io_fadein_below {
opacity: 0;
transform: translateY(100px);
transition: transform 1s, opacity 1s;
}
/* line 39, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/ui/_js_intersection_observer.scss */
.fadeIn {
opacity: 1;
transform: translateY(0px);
}
/* line 47, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/ui/_js_intersection_observer.scss */
.io_fadein_left {
opacity: 0;
transform: translateX(100px);
transition: transform 1s, opacity 1s;
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/ui/_js_intersection_observer.scss */
.fadeInLeft {
opacity: 1;
transform: translateX(0px);
}
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.grid_reviews {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
gap: 2.5rem;
container-type: inline-size;
/*
@media only screen and (max-width: $bp_grid_special_collapse) { // TO RENAME THE BP SEMANTHICALLY // $bp_xl
// grid-template-columns: repeat(4, minmax(0, 1fr));
}
*/
}
@media only screen and (max-width: 1240px) {
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.grid_reviews {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 599px) {
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.grid_reviews {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews {
min-height: calc((100cqw - 2 * 2.5rem) / 3 * 1.25);
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
padding: unset;
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
color: var(--c-black);
display: flex;
flex-direction: column;
/*
h2 {
margin: 0.75rem 0 0;
font-size: 1.25rem;
}
h2 a {
color: inherit;
text-decoration: none;
}
*/
/*
.entry-content {
margin-top: 0.5rem;
}
*/
}
@media only screen and (max-width: 1240px) {
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews {
min-height: calc((100cqw - 2.5rem) / 2 * 1.25);
}
}
@media only screen and (max-width: 768px) {
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews {
min-height: calc(100cqw * 1.25);
}
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
.card_reviews:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews picture {
padding-inline: var(--card-padding);
padding-top: var(--card-padding);
display: flex;
align-items: center;
justify-content: flex-start;
height: calc(100% / 3);
overflow: hidden;
}
@media only screen and (max-width: 768px) {
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews picture {
/*
// Band = 1/3 of the card's 1/1.25 ratio → height = width × 1.25/3
aspect-ratio: 1 / calc(1.25 / 3);
width: 100%;
height: auto;
flex-shrink: 0;
*/
min-height: calc(100% / 3);
}
}
/* line 90, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews picture img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
@media (hover: hover) {
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews picture img {
filter: grayscale(100%);
opacity: 0.62;
transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/* line 113, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews:hover picture img {
filter: grayscale(0%);
opacity: 1;
}
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .namespace {
padding-inline: var(--card-padding);
padding-top: var(--card-padding);
display: flex;
align-items: center;
justify-content: flex-start;
height: calc(100% / 3);
font-weight: bold;
font-size: 1.75rem;
}
/* line 166, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews blockquote {
padding-inline: var(--card-padding);
margin-top: 2rem;
font-style: italic;
font-size: 1.25rem;
}
/* line 176, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .score {
font-weight: bold;
margin-top: 0.25em;
font-size: 1.6em;
}
/* line 187, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .author {
margin-top: 0.75em;
font-size: 1.25rem;
}
/* line 194, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .score,
.card_reviews .author {
padding-inline: var(--card-padding);
/*
font-size: 1.25rem;
*/
}
/* line 214, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .card_footer {
margin-top: auto;
padding-top: 1rem;
padding-inline: var(--card-padding);
padding-bottom: var(--card-padding);
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: space-between;
}
/* line 237, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews .medium {
/*
margin-top: 0.5rem;
font-style: italic;
*/
font-size: 1.25rem;
}
/* line 250, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews a.url_article {
font-weight: 400;
font-size: 1.25rem;
}
/* line 258, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews a.url_article:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
/* line 268, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews a.url_youtube {
font-weight: bold;
font-size: 1.5rem;
}
/* line 275, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews a.url_youtube i.fab {
font-size: 3rem;
}
/* line 281, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/reviews/_archive_reviews.scss */
.card_reviews a.url_youtube:hover {
color: #FF0000;
}
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.grid_friends {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.5rem;
}
@media (max-width: 1400px) {
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.grid_friends {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
/* line 1, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.grid_friends {
grid-template-columns: 1fr;
}
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.grid_friends__spacer {
min-height: 0;
}
@media (max-width: 1400px) {
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.grid_friends__spacer {
display: none;
}
}
/* line 28, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends {
aspect-ratio: 1 / 1.25;
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
padding: unset;
position: relative;
/*
h2 a,
h3 a {
color: inherit;
text-decoration: none;
}
*/
/*
.entry-content {
margin-top: 0.5rem;
}
*/
}
@media (hover: hover) {
/* line 28, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends {
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
.card_friends:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
}
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends picture {
display: block;
width: 100%;
height: 100%;
}
/* line 44, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1 / 1.25;
}
/* line 58, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* line 66, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends .overlay-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
/* line 85, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends .overlay-content__info {
min-height: calc(100% / 3);
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0.5rem;
padding: 2rem;
padding-top: 1rem;
}
@media (hover: none) {
/* line 101, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends .overlay-content {
background: unset;
color: var(--c-white);
}
}
@media (hover: hover) {
/* line 108, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends .overlay-content {
background: rgba(255, 255, 255, 0.6);
color: var(--c-black);
transition: background 0.3s ease;
}
/* line 114, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends:hover .overlay-content {
background: unset;
color: var(--c-white);
}
}
/* line 123, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends h2 {
font-size: 2rem;
font-weight: 400;
}
/* line 141, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends blockquote {
font-style: italic;
font-size: 1.25rem;
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends a.readmore {
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
/* line 157, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_archive_friends.scss */
.card_friends a.readmore:hover {
text-decoration: underline;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
article.single_friends {
padding-top: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
}
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
article.single_friends h1.page_title_dynamic {
margin-bottom: 0.5lh;
}
/* line 26, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__header {
margin-bottom: 2rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
/* social goes here */
/* line 54, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__social ul {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 60, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__social i {
font-size: 1.75rem;
color: var(--c-anthracite);
transition: color 0.3s ease-in-out;
}
/* line 66, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__social i:hover {
color: var(--c-white);
}
/* line 83, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__media {
display: grid;
gap: 2rem;
}
/* line 91, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
picture.single_friends__thumb {
/*
width: 100%;
height: auto;
object-fit: cover;
*/
aspect-ratio: 4 / 3;
}
/* line 101, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
picture.single_friends__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 111, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__embed {
aspect-ratio: 16 / 9;
}
/* line 114, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__embed iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 133, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
body.single-friends article.friends .single_friends__content p {
margin-bottom: 1rem;
}
/* line 135, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
body.single-friends article.friends .single_friends__social {
display: flex;
gap: 1rem;
}
@media (max-width: 1240px) {
/* line 146, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
article.single_friends {
grid-template-columns: 1fr;
gap: 4rem;
}
/* line 151, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__media {
gap: 4rem;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
/* line 164, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
article.single_friends {
gap: 2rem;
}
/* line 168, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/friends/_single_friends.scss */
.single_friends__media {
grid-template-columns: 1fr;
gap: 2rem;
}
}
/*
* DISTRIBUTORS
*
* - grid_countries
* - card_country
* - list_distributors
* - card_distributor
* - header.card
* - specs
* - email
* - telephone
* - website
* - footer.card
*/
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.grid_countries {
display: grid;
/* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
/* MEDIA-QUERY */
/* MEDIA-QUERY */
/* MEDIA-QUERY */
/* MEDIA-QUERY */
color: var(--c-black);
}
@media (max-width: 1024px) {
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.grid_countries {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.grid_countries {
grid-template-columns: repeat(2, 1fr);
/* gap: 1rem; */
}
}
@media (max-width: 599px) {
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.grid_countries {
grid-template-columns: 1fr;
}
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country {
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
padding: unset;
aspect-ratio: 1 / 1.25;
/*
// card_base - OVERRIDES:
padding: unset;
*/
display: flex;
flex-direction: column;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* line 76, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country h2 {
font-size: 32px;
font-weight: 400;
margin-bottom: unset;
transition: color 0.3s ease;
height: calc(100% / 3);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-inline: var(--card-padding);
}
/* line 98, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country a {
color: inherit;
}
@media (hover: hover) {
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country {
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
background-color: var(--card-bg);
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
.card_country:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
/* line 108, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country h2 {
color: rgba(0, 0, 0, 0.7);
}
/* line 112, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country:hover {
color: var(--c-white);
background-color: rgba(255, 255, 255, 0.25);
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country:hover h2 {
color: var(--c-white);
}
}
@media (hover: none) {
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country {
color: var(--c-white);
background-color: rgba(255, 255, 255, 0.25);
}
/* line 128, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_country h2 {
color: var(--c-white);
}
}
/* card_country */
/*
// TODO - MUST TEST HOW TIT LOOKS !!!!!
.list_distributors {
// border: 2px solid #ccc;
display: flex;
flex-direction: column;
gap: 0.5rem;
} // list_distributors
*/
/* line 151, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor {
padding-inline: var(--card-padding);
padding-bottom: var(--card-padding);
height: calc(100% * (2/3));
padding-top: calc(var(--card-padding) / 2);
display: flex;
flex-direction: column;
/* gap: 1rem; */
}
/* line 181, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor h3 {
font-size: 20px;
/* margin-bottom: 1em; */
margin-bottom: unset;
font-weight: 400;
}
/* line 197, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor p {
margin-bottom: unset;
}
/* line 206, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor a:hover {
text-decoration: underline;
}
/* line 216, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor footer.card_this {
margin-top: auto;
}
/* line 222, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/cpt/distributors/_grid_distributors.scss */
.card_distributor a:hover {
text-decoration: underline;
}
/* card_distributor */
/*
.distributors-country {
& + & {
margin-top: 3rem;
}
&__title {
margin: 0 0 1.5rem;
}
}
*/
/*
* Scroll sequences & animations (inside .scene slides).
*
* _sequence_scene.scss — .scene.scene-sequence layout
* _sequence_explosion.scss — .scene.scene-explosion layout
* _sequence_stages.scss — stages, canvas, explode pieces
* _sequence_colors_v2.scss — color swatch menu
*
* Slide shell (hero, bg, content): partials/template/layout/_layout_scenes.scss
* Document scroll snap: partials/template/layout/_layout_scroll_snap.scss
*/
/*
* .scene.scene-sequence — scroll-driven product sequence layout (grid + sticky)
*/
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence {
min-height: 100vh;
}
/* line 12, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence > .wrapper {
position: relative;
z-index: 2;
min-height: 100%;
}
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-sticky {
position: sticky;
top: 0;
min-height: 100vh;
overflow: hidden;
}
/* line 25, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-controller {
position: relative;
z-index: 2;
width: 100%;
min-height: 100vh;
height: 100dvh;
display: grid;
grid-template-columns: var(--scene-copy-measure) minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
align-items: stretch;
column-gap: clamp(1rem, 3vw, 3rem);
}
/* line 48, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-copy {
justify-self: stretch;
height: 100%;
grid-row: 1 / -1;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-stage {
grid-row: 1;
align-self: stretch;
}
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-slider-control {
grid-row: 2;
}
/* line 66, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-bg {
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 22%, rgba(0, 0, 0, 0) 60%), linear-gradient(180deg, #0d0d0d 0%, #000000 100%);
z-index: 0;
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence.sequence-bg-cover {
/*
background:
radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 22%, rgba(0, 0, 0, 0) 60%),
linear-gradient(180deg, #0d0d0d 0%, #000000 100%);
*/
}
/* line 84, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence.bg-fixed > .wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100dvh;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 7rem;
padding-bottom: 4rem;
box-sizing: border-box;
}
/* line 99, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence.bg-fixed .sequence-sticky {
position: relative;
top: auto;
min-height: 100%;
overflow: visible;
}
@media (max-width: 1024px) {
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence {
min-height: 100vh;
}
/* line 110, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-controller {
min-height: 100vh;
height: auto;
align-items: start;
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: 1rem;
}
/* line 120, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-copy {
grid-row: auto;
height: auto;
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-stage {
grid-row: auto;
}
/* line 129, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence .sequence-slider-control {
grid-row: auto;
}
}
@media (max-width: 768px) {
/* line 135, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_scene.scss */
.scene.scene-sequence.bg-fixed > .wrapper {
padding-top: 8rem;
padding-bottom: 2rem;
}
}
/*
* .scene.scene-explosion — sticky explosion section background
*/
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_explosion.scss */
.scene.scene-explosion {
min-height: 190vh;
}
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_explosion.scss */
.scene.scene-explosion .explosion-sticky {
position: sticky;
top: 0;
min-height: 100vh;
overflow: hidden;
}
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_explosion.scss */
.scene.scene-explosion .explosion-bg {
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 24%, rgba(0, 0, 0, 0) 60%), linear-gradient(180deg, #090909 0%, #000000 100%);
z-index: 0;
}
@media (max-width: 768px) {
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_explosion.scss */
.scene.scene-explosion {
min-height: 175vh;
}
}
/*
* Scroll-driven stages inside .scene — explosion + image/canvas sequences
*/
/* line 6, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .explosion-stage {
--explode-progress: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 52vw;
max-width: 760px;
aspect-ratio: 16 / 9;
z-index: 3;
pointer-events: none;
}
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .sequence-stage:not(.colors-stage) {
position: relative;
width: 62vw;
max-width: calc(760px * var(--palma-sequence-image-scale));
justify-self: end;
aspect-ratio: 16 / 9;
z-index: 3;
pointer-events: none;
}
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .sequence-stage.colors-stage {
position: relative;
width: 62vw;
max-width: calc(760px * var(--palma-sequence-image-scale));
justify-self: end;
aspect-ratio: 16 / 9;
z-index: 3;
}
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .sequence-frame {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
/* line 46, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .sequence-canvas {
width: 100%;
height: 100%;
display: block;
}
/* line 53, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .explode-piece {
position: absolute;
inset: 0;
transition: transform 0.08s linear;
will-change: transform;
}
/* line 59, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .explode-piece img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
/* line 68, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-core {
z-index: 5;
transform: scale(calc(1 - (var(--explode-progress) * 0.08)));
}
/* line 73, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-ear-left {
z-index: 4;
clip-path: polygon(0% 16%, 31% 9%, 36% 84%, 0% 92%);
transform: translateX(calc(var(--explode-progress) * -72%)) rotate(calc(var(--explode-progress) * -8deg));
}
/* line 81, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-ear-right {
z-index: 4;
clip-path: polygon(68% 8%, 100% 15%, 100% 92%, 64% 84%);
transform: translateX(calc(var(--explode-progress) * 72%)) rotate(calc(var(--explode-progress) * 8deg));
}
/* line 89, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-band {
z-index: 6;
clip-path: polygon(27% 0%, 74% 0%, 68% 25%, 33% 25%);
transform: translateY(calc(var(--explode-progress) * -48%)) scale(calc(1 - (var(--explode-progress) * 0.04)));
}
/* line 97, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-chamber-left {
z-index: 3;
clip-path: polygon(22% 32%, 42% 30%, 40% 70%, 21% 72%);
transform: translateX(calc(var(--explode-progress) * -36%)) translateY(calc(var(--explode-progress) * 8%)) rotate(calc(var(--explode-progress) * -4deg));
}
/* line 106, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .piece-chamber-right {
z-index: 3;
clip-path: polygon(58% 30%, 79% 32%, 80% 72%, 60% 70%);
transform: translateX(calc(var(--explode-progress) * 36%)) translateY(calc(var(--explode-progress) * 8%)) rotate(calc(var(--explode-progress) * 4deg));
}
@media (max-width: 1024px) {
/* line 116, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .explosion-stage {
left: 50%;
top: 58%;
width: 92vw;
max-width: 640px;
transform: translate(-50%, -50%);
}
/* line 124, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_stages.scss */
.scene .sequence-stage {
width: 94vw;
max-width: calc(760px * var(--palma-sequence-image-scale));
justify-self: center;
}
}
/*
* Colors sequence V2 — swatch menu inside .sequence-controller-colors-v2
* (used on .scene.scene-sequence sections; class is specific enough without .palma-scroll)
*/
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 {
/* Longest name (sizer) sets width; active label overlays — menu does not shift horizontally */
}
/* line 13, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-active-name {
margin-top: 0.75rem;
font-size: 0.9rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 600;
opacity: 0.9;
}
/* line 31, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-stage {
pointer-events: auto;
}
/* line 39, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu {
position: absolute;
right: clamp(0.75rem, 1.8vw, 1.25rem);
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
z-index: 5;
padding: 0;
box-sizing: border-box;
/* Pill / glass layer around swatches — commented out to show dots only */
}
/* line 77, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__list {
display: grid;
grid-auto-flow: row;
gap: 0.9rem;
justify-items: center;
}
/* line 93, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__label-wrap {
display: grid;
margin-top: 1.1rem;
justify-items: center;
}
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__label-sizer,
.sequence-controller-colors-v2 .colors-menu__label {
grid-area: 1 / 1;
font-size: 0.9rem;
letter-spacing: 0.04em;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
}
/* line 125, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__label-sizer {
visibility: hidden;
pointer-events: none;
user-select: none;
}
/* line 137, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__label {
opacity: 0.92;
text-align: center;
color: #000;
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-swatch {
width: 27px;
height: 27px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.35);
background: var(--swatch, #777);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28);
padding: 0;
cursor: pointer;
transform: scale(1);
transform-origin: center;
transition: transform 120ms ease, box-shadow 120ms ease;
}
/* line 175, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-swatch.is-active {
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.42);
transform: scale(1.35);
}
/* line 185, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-swatch:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.9);
outline-offset: 4px;
}
@media (max-width: 768px) {
/* line 199, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu {
position: static;
transform: none;
margin: 0.8rem auto 0;
padding: 0;
}
/* line 213, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__list {
grid-auto-flow: column;
grid-auto-columns: max-content;
gap: 1rem;
}
/* line 225, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-menu__label-wrap {
margin-top: 0.95rem;
}
/* line 233, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_colors_v2.scss */
.sequence-controller-colors-v2 .colors-swatch {
width: 30px;
height: 30px;
}
}
/*
* Slider-driven product sequence — .sequence-controller-slider
*
* Same canvas frame system as the V2 scroll sequence, but the animation is
* NOT scroll-driven. A range slider underneath the product scrubs the frames:
* the slider position is the single source of truth for the frame shown.
*
* Sizing MUST live here (not in _sequence_stages.scss) so scroll sequences are
* unaffected. Use the .scene prefix so we beat .scene .sequence-stage from
* _sequence_stages.scss (equal specificity, this file loads later).
*
* Tune: --palma-sequence-slider-scale (_css_variables.scss) + width below.
*
* Split-track scrubber cosmetics live below (.range-slider--split-track).
* Generic form range inputs keep the site-wide styles in _form_elements.scss.
*/
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider {
--sequence-slider-offset-x: 5%;
--sequence-slider-offset-y: clamp(1.5rem, 3.5vh, 3.5rem);
transform: translateY(var(--sequence-slider-offset-y));
}
/* line 26, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider:not([data-sequence-slider-range="half"]) {
--palma-sequence-slider-scale: calc(var(--palma-sequence-slider-scale) * 1.5);
}
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider:not([data-sequence-slider-range="half"]) .sequence-stage,
.scene .sequence-controller-slider:not([data-sequence-slider-range="half"]) .sequence-slider-control {
width: calc(78.82875vw * 1.5);
}
/* line 35, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .sequence-stage {
width: 78.82875vw;
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.1025);
aspect-ratio: 16 / 9;
justify-self: end;
transform: translateX(var(--sequence-slider-offset-x));
}
/* line 48, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .sequence-slider-control {
grid-column: 2;
justify-self: end;
align-self: start;
display: flex;
justify-content: center;
width: 78.82875vw;
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.1025);
transform: translateX(var(--sequence-slider-offset-x));
margin-top: clamp(-5rem, -4vw, -2rem);
padding: 0 0.25rem;
box-sizing: border-box;
pointer-events: auto;
z-index: 4;
}
/* line 67, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .range-slider--split-track {
width: clamp(160px, 26%, 320px);
}
@media (max-width: 1024px) {
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider {
--sequence-slider-offset-x: 0;
--sequence-slider-offset-y: clamp(1rem, 2.5vh, 2rem);
}
/* line 78, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .sequence-stage {
order: 1;
grid-column: 1;
justify-self: center;
width: 126.72vw;
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.32);
aspect-ratio: 1 / 1;
overflow: hidden;
transform: none;
}
/* line 89, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .sequence-slider-control {
order: 2;
grid-column: 1;
justify-self: center;
width: 126.72vw;
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.32);
margin-top: 0.5rem;
padding: 0;
transform: none;
}
/* line 100, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .range-slider--split-track {
width: 100%;
}
/* line 104, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.scene .sequence-controller-slider .sequence-copy {
order: 3;
}
}
/*
* Split-track range scrubber — hollow thumb, line breaks at the circle so the
* scene/image shows through the centre. Track segments are positioned via
* --range-value-percent (set in palma-prototype.js).
*/
/* line 115, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track {
--range-track-height: 2px;
--range-track-bg: #fff;
--range-thumb-size: 39px;
--range-thumb-border-width: 2px;
--range-thumb-half: calc(var(--range-thumb-size) / 2);
--range-thumb-inner-half: calc(var(--range-thumb-half) - var(--range-thumb-border-width));
--range-thumb-border-color: #fff;
--range-value-percent: 50%;
--range-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 8px rgba(0, 0, 0, 0.25);
position: relative;
display: flex;
align-items: center;
height: var(--range-thumb-size);
}
/* line 131, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__track {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
/* line 138, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__segment {
position: absolute;
top: 50%;
height: var(--range-track-height);
transform: translateY(-50%);
background: var(--range-track-bg);
border-radius: 0;
box-shadow: var(--range-shadow);
}
/* line 149, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__segment--before {
left: 0;
width: max(0px, calc(var(--range-value-percent) - var(--range-thumb-inner-half)));
}
/* line 154, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__segment--after {
left: calc(var(--range-value-percent) + var(--range-thumb-inner-half));
right: 0;
}
/* line 160, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__thumb-ring {
position: absolute;
top: 50%;
left: var(--range-value-percent);
width: var(--range-thumb-size);
height: var(--range-thumb-size);
transform: translate(-50%, -50%);
box-sizing: border-box;
border: var(--range-thumb-border-width) solid var(--range-thumb-border-color);
border-radius: 999px;
background: transparent;
box-shadow: var(--range-shadow);
pointer-events: none;
z-index: 1;
}
/* line 176, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input {
position: relative;
z-index: 2;
width: 100%;
height: var(--range-thumb-size);
margin: 0;
appearance: none;
-webkit-appearance: none;
background: transparent;
cursor: pointer;
}
/* line 190, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input:focus-visible {
outline: none;
}
/* line 194, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input::-webkit-slider-runnable-track {
height: var(--range-track-height);
background: transparent;
}
/* line 199, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
width: var(--range-thumb-size);
height: var(--range-thumb-size);
margin-top: calc((var(--range-track-height) - var(--range-thumb-size)) / 2);
border: none;
border-radius: 999px;
background: transparent;
box-shadow: none;
opacity: 0;
}
/* line 213, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input:active::-webkit-slider-thumb {
transform: none;
}
/* line 217, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input::-moz-range-track {
height: var(--range-track-height);
background: transparent;
border: none;
}
/* line 223, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input::-moz-range-thumb {
box-sizing: border-box;
width: var(--range-thumb-size);
height: var(--range-thumb-size);
border: none;
border-radius: 999px;
background: transparent;
box-shadow: none;
opacity: 0;
}
/* line 234, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track .range-slider__input:active::-moz-range-thumb {
transform: none;
}
/* line 239, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_slider.scss */
.range-slider--split-track:has(.range-slider__input:focus-visible) .range-slider__thumb-ring {
box-shadow: var(--range-shadow), 0 0 0 3px rgba(255, 255, 255, 0.35);
}
/*
* Cut sequences — scroll-driven frames from assets/sequences/cut/
*/
/* line 6, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/sequences/_sequence_cut.scss */
.scene.cut-sequence .sequence-stage:not(.colors-stage) {
aspect-ratio: 1 / 1;
}
/*
* Page-builder sequence slides — `.scene.scene--page-builder`
*
* Copy uses the standard `.scene-content` + `.scene-copy-anchor` shell (same
* as default/split slides). Canvas + slider live in `.scene-sequence-media`,
* positioned like split foreground media so they cannot affect copy layout.
*
* Prototype sequence pages keep the grid/sticky shell in _sequence_scene.scss.
*
* Mobile: foreground media stays in the overlay layer (like split slides). Copy
* uses the shared `.scene-copy-anchor` grid from _layout_scene_copy_anchor.scss.
*/
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder {
--split-media-top: 50%;
--split-media-right: -5%;
}
/* line 18, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-sequence-media {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: var(--bg-max-width);
margin-inline: auto;
height: 100%;
pointer-events: none;
z-index: 3;
}
/* line 23, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-sequence-media > .sequence-controller {
position: absolute;
top: var(--split-media-top);
right: var(--split-media-right);
transform: translateY(-50%);
pointer-events: auto;
}
/* line 33, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-content {
pointer-events: none;
}
/* line 36, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-content .scene-content__inner {
pointer-events: auto;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
width: auto;
min-height: 0;
height: auto;
grid-template-columns: none;
grid-template-rows: none;
column-gap: 0;
pointer-events: auto;
transform: none;
}
/* line 57, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-stage {
grid-row: auto;
align-self: auto;
justify-self: auto;
width: min(62vw, calc(62 * var(--bg-vw)));
max-width: calc(760px * var(--palma-sequence-image-scale));
}
/* line 65, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-slider-control {
grid-row: auto;
grid-column: auto;
justify-self: auto;
align-self: auto;
width: clamp(160px, 26%, 320px);
margin-top: clamp(-3rem, -2vw, -1rem);
transform: none;
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider {
transform: none;
}
/* line 79, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider:not([data-sequence-slider-range="half"]) {
--palma-sequence-slider-scale: calc(var(--palma-sequence-slider-scale) * 1.5);
}
/* line 82, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider:not([data-sequence-slider-range="half"]) .sequence-stage,
.scene.scene-sequence.scene--page-builder .sequence-controller-slider:not([data-sequence-slider-range="half"]) .sequence-slider-control {
width: min(calc(78.82875vw * 1.5), calc(78.82875 * 1.5 * var(--bg-vw)));
}
/* line 88, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .sequence-stage {
width: min(78.82875vw, calc(78.82875 * var(--bg-vw)));
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.1025);
aspect-ratio: 16 / 9;
transform: translateX(var(--sequence-slider-offset-x, 5%));
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .sequence-slider-control {
position: relative;
z-index: 5;
width: min(78.82875vw, calc(78.82875 * var(--bg-vw)));
max-width: calc(760px * var(--palma-sequence-slider-scale) * 1.1025);
transform: translateX(var(--sequence-slider-offset-x, 5%));
margin-top: clamp(-1.5rem, -1.5vw, 0.25rem);
}
/* line 104, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .range-slider--split-track {
width: clamp(160px, 26%, 320px);
}
@media (max-width: 1024px) {
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder {
--split-media-zone-bottom: calc(32dvh + 1rem);
--split-media-zone-height: calc(
100dvh - var(--split-media-zone-top) - var(--split-media-zone-bottom)
);
--sequence-builder-mobile-gap-above-copy: 0.25rem;
--sequence-builder-mobile-slider-gap: 0.35rem;
--sequence-builder-mobile-slider-space: calc(39px + var(--sequence-builder-mobile-slider-gap));
--sequence-builder-mobile-stage-max: calc(
var(--split-media-zone-height) - var(--sequence-builder-mobile-gap-above-copy)
);
--palma-sequence-builder-mobile-width: min(100%, var(--sequence-builder-mobile-stage-max));
}
/* line 132, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-sequence-media {
z-index: 1;
}
/* line 135, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-sequence-media > .sequence-controller {
top: auto;
bottom: calc(
var(--split-media-zone-bottom) + var(--sequence-builder-mobile-gap-above-copy));
left: 50%;
right: auto;
transform: translateX(-50%);
width: 100%;
max-width: 100%;
max-height: calc(
var(--split-media-zone-height) - var(--sequence-builder-mobile-gap-above-copy));
}
/* line 152, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-content {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100dvh;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
padding-top: 0;
padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px));
box-sizing: border-box;
pointer-events: none;
}
/* line 169, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder > .scene-content .scene-content__inner {
pointer-events: auto;
width: 100%;
max-width: 100%;
}
/* line 176, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder.bg-fixed > .scene-content:has(.scene-copy-anchor--headline-only) {
justify-content: flex-start;
}
/* line 180, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor {
--scene-copy-anchor-height: 32dvh;
--scene-copy-headline-zone: 8dvh;
--scene-copy-anchor-offset-top: calc(
100dvh - var(--scene-copy-anchor-height) - var(--scene-content-padding-bottom)
);
--scene-copy-headline-boundary: calc(
var(--scene-copy-anchor-offset-top) + var(--scene-copy-headline-zone)
);
display: grid;
grid-template-rows: var(--scene-copy-headline-zone) minmax(0, 1fr);
height: var(--scene-copy-anchor-height);
min-height: 0;
width: 100%;
max-width: 100%;
}
/* line 198, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body {
min-height: 0;
height: 100%;
max-height: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
scrollbar-width: none;
touch-action: pan-y;
--copy-edge-fade: 2rem;
-webkit-mask-image: linear-gradient(to bottom, black calc(100% - var(--copy-edge-fade)), transparent);
mask-image: linear-gradient(to bottom, black calc(100% - var(--copy-edge-fade)), transparent);
}
/* line 220, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body.is-scroll-mid, .scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end {
-webkit-mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade), black calc(100% - var(--copy-edge-fade)), transparent);
mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade), black calc(100% - var(--copy-edge-fade)), transparent);
}
/* line 238, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body.is-scroll-end {
-webkit-mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade));
mask-image: linear-gradient(to bottom, transparent, black var(--copy-edge-fade));
}
/* line 251, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body.is-no-overflow {
-webkit-mask-image: none;
mask-image: none;
}
/* line 256, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor .scene-copy-anchor__body::-webkit-scrollbar {
width: 0;
height: 0;
}
/* line 263, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor--headline-only {
--scene-copy-headline-boundary: calc(100dvh / 3);
--scene-copy-anchor-height: 100dvh;
--scene-copy-anchor-offset-top: 0;
--scene-copy-headline-zone: calc(100dvh / 3);
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: var(--scene-copy-headline-zone);
justify-items: stretch;
height: var(--scene-copy-anchor-height);
width: 100%;
max-width: none;
}
/* line 276, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor--headline-only .scene-copy-anchor__headline {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
justify-self: stretch;
width: 100%;
max-width: none;
min-width: 0;
min-height: 0;
}
/* line 288, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor--headline-only:has(.scene-copy-anchor__body) {
grid-template-rows: var(--scene-copy-headline-zone) minmax(0, 1fr);
}
/* line 292, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .scene-copy-anchor--headline-only .scene-copy-anchor__body {
display: block;
padding-top: 0;
width: 100%;
}
/* line 299, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller {
align-items: center;
justify-content: flex-end;
width: 100%;
gap: var(--sequence-builder-mobile-slider-gap);
}
/* line 306, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-stage {
width: var(--palma-sequence-builder-mobile-width);
max-width: 100%;
max-height: var(--sequence-builder-mobile-stage-max);
height: auto;
}
/* line 313, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider {
--sequence-slider-offset-x: 0;
--sequence-slider-offset-y: 0;
--sequence-builder-mobile-stage-max: calc(
var(--split-media-zone-height) - var(--sequence-builder-mobile-slider-space) - var(--sequence-builder-mobile-gap-above-copy)
);
--palma-sequence-builder-mobile-width: min(100%, var(--sequence-builder-mobile-stage-max));
transform: none;
}
/* line 325, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .sequence-stage {
width: var(--palma-sequence-builder-mobile-width);
max-width: 100%;
max-height: var(--sequence-builder-mobile-stage-max);
aspect-ratio: 1 / 1;
overflow: hidden;
transform: none;
}
/* line 334, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .sequence-slider-control {
width: var(--palma-sequence-builder-mobile-width);
max-width: 100%;
margin-top: 0;
padding: 0;
box-sizing: border-box;
transform: none;
flex-shrink: 0;
}
/* line 344, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.scene-sequence.scene--page-builder .sequence-controller-slider .range-slider--split-track {
width: 75%;
}
}
/* line 352, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/layout/_layout_scene_sequence_builder.scss */
.scene.bg-fixed.scene--page-builder > .scene-sequence-media {
position: fixed;
}
/*
* PACK PARTIALS - OPTIONAL FUNCTIONALITY - WPML
*/
/*
* PACK FUNCTIONALITY - POST - MASTER FILE
* (compile via global.scss)
*/
/* line 7, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/wpml/partials/_wpml.scss */
.otgs-development-site-front-end {
display: none;
}
/*
.otgs-development-site-front-end a { color: white; }
.otgs-development-site-front-end .icon {
background: url(https://palma.cowowo.website/wp-content/plugins/sitepress-multilingual-cms/vendor/otgs/installer//res/img/icon-wpml-info-white.svg) no-repeat;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
margin-left: -23px;
}
.otgs-development-site-front-end {
background-size: 32px;
padding: 22px 0px;
font-size: 12px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
line-height: 18px;
text-align: center;
color: white;
background-color: #33879E;
}
*/
/*
* PACK PARTIALS - OPTIONAL FUNCTIONALITY - WOO
*/
/*
* PACK FUNCTIONALITY - POST - MASTER FILE
* (compile via global.scss)
*/
/* line 2, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/_woocommerce.scss */
#coming-soon-footer-banner {
display: none !important;
}
/*
* WooCommerce shop styles — split by page/area.
* Import order matches original _shop-styles.scss (do not reorder).
*/
/*
.woocommerce section {
// border: 12px solid blue;
position: relative;
top: initial ;
background-color: transparent;
}
*/
/* line 12, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_global.scss */
.woocommerce .woo-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: var(--wrapper-width);
gap: 1rem;
justify-content: center;
margin: 0 auto;
}
/*
.woocommerce footer {
background-color: black;
// border: 12px solid blue;
}
*/
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cards-shared.scss */
.woo-cart,
.woo-single {
width: 100%;
align-self: stretch;
}
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cards-shared.scss */
.woo-product .summary, .woo-cart {
display: flex;
flex-direction: column;
gap: .5rem;
/* max-width: 600px; */
border-radius: 1rem;
margin-bottom: 7rem;
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cards-shared.scss */
.woo-single,
.woo-cart {
outline: 3px solid #f06;
outline-offset: 3px;
color: black;
padding: 3rem;
}
@media (max-width: 768px) {
/* line 37, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cards-shared.scss */
.woo-cart {
padding: 2rem;
}
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-layout.scss */
.woo-cart.full-width {
max-width: initial;
width: 100%;
background: none;
padding: 0;
}
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-layout.scss */
.woo-cart.full-width .col2-set > div {
width: 100%;
}
/* line 10, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-layout.scss */
.woo-cart.full-width form {
display: flex;
gap: 2rem;
}
@media (max-width: 768px) {
/* line 10, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-layout.scss */
.woo-cart.full-width form {
flex-direction: column;
}
}
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-layout.scss */
.woo-cart.full-width form > div {
background-color: white;
color: black;
padding: 3rem;
border-radius: 2rem;
flex-basis: 50%;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_headings-i18n.scss */
.woo-product h1,
.woo-cart h1 {
font-size: 2rem;
flex-basis: 100%;
}
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_headings-i18n.scss */
html[lang="en-GB"] .woo-product p.price:before {
content: '';
}
/* line 13, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_headings-i18n.scss */
html[lang="es-ES"] .woo-product p.price:before {
content: '';
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper {
flex-wrap: wrap;
}
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper:before {
content: 'Cantidad ';
flex-basis: 100%;
margin-bottom: .15rem;
}
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
html[lang="en-GB"] div.quantity-wrapper:before {
content: 'Quantity';
}
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
html[lang="de-DE"] div.quantity-wrapper:before {
content: 'Menge';
}
/* line 21, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper button.quantity-button {
color: black;
background-color: rgba(0, 0, 0, 0.05);
border: 0;
font-size: 1.5rem;
line-height: 1.8rem;
font-weight: 600;
}
/* line 34, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper button.quantity-button.plus {
border-radius: 0px 1rem 1rem 0px;
}
/* line 38, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper button.quantity-button.minus {
border-radius: 1rem 0px 0px 1rem;
}
/* line 42, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper .quantity {
margin: 0 !important;
}
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper .quantity input[type=number]::-webkit-outer-spin-button,
div.quantity-wrapper .quantity input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
border-radius: 0;
}
/* line 52, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
div.quantity-wrapper .quantity input[type=number] {
-moz-appearance: textfield;
margin: 0;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.05);
}
/* line 65, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
.price {
color: var(--c-accent) !important;
}
/* line 75, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_quantity.scss */
.woo-cart div.quantity-wrapper button.quantity-button,
.woo-cart div.quantity-wrapper .quantity input[type=number] {
border: 0;
}
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart {
border: 3px solid orange;
}
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-cart {
/*
border: 3px solid purple; // TEST
background-color: pink; // TEST
*/
}
/* line 24, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-components-sidebar-layout {
/*
display: grid;
grid-template-columns: 1.618fr 1fr;
gap: 4rem;
*/
}
/* line 32, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-components-sidebar-layout .price {
color: var(--c-black) !important;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-components-sidebar-layout .wc-block-components-main {
/* padding-right: 4.5283018868%; */
/* width: 65%; */
}
/* line 49, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-cart__main {
border-radius: 1rem;
background-color: white;
padding-right: unset !important;
padding: 1rem !important;
color: var(--c-black);
}
/* line 63, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.wc-block-cart__sidebar {
border-radius: 1rem;
background-color: white;
padding-left: unset !important;
padding: 1rem !important;
color: var(--c-black);
}
/* line 85, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart .flex-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
@media (max-width: 768px) {
/* line 91, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart .flex-wrapper.to-column {
flex-direction: column;
}
}
/* line 95, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart .flex-wrapper > * {
flex: 1;
}
/* line 97, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart div.product-quantity,
.woo-cart div.product-subtotal {
display: flex;
align-items: center;
}
/* line 103, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart div.product-subtotal {
justify-content: end;
}
/* line 105, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart div.product-quantity:before,
.woo-cart div.product-subtotal:before {
content: attr(data-title);
margin-right: .5rem;
font-weight: 400;
}
/* line 112, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart .left-image {
max-width: calc(45dvw - 3.5rem);
margin: auto;
}
@media (max-width: 768px) {
/* line 112, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_cart.scss */
.woo-cart .left-image {
max-width: calc(90dvw - 6rem);
}
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woo-product button[type=submit],
.woo-product button[type=button]#addToCartButton {
width: 100%;
margin: .5rem 0;
background-color: rgba(0, 0, 0, 0.75);
border: 2px solid white;
border-radius: 1rem;
color: white;
transition: all .4s ease-in-out;
display: flex;
gap: .5rem;
justify-content: center;
align-items: center;
}
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woo-product button[type=submit] #loading-spinner,
.woo-product button[type=button]#addToCartButton #loading-spinner {
display: none;
}
/* line 22, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woo-product button[type=submit]:hover {
cursor: pointer;
color: black !important;
background-color: rgba(255, 255, 255, 0.75) !important;
}
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woo-product input[type=number],
.woo-cart input[type=number] {
font-size: 1rem;
padding: .5rem;
width: initial;
color: black !important;
border-radius: .25rem;
border: 0;
}
/* line 39, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woocommerce-cart .woo-cart .cart_item {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 45, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product.scss */
.woo-cart .product-price,
.woo-cart div.product-subtotal {
font-weight: 400;
}
/* line 4, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single {
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
/*
position: relative;
width: 100%;
align-self: stretch;
*/
/*
.product-left-column,
.product-right-column {
min-width: 0;
width: 100%;
}
*/
}
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single div.product {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2rem;
width: 100%;
align-items: start;
}
@media (max-width: 768px) {
/* line 15, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single div.product {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .product-left-column div.images,
.woo-wrapper.woo-single .product-right-column div.summary {
float: none;
width: 100%;
max-width: none;
}
/* line 48, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .product-right-column .summary {
margin-bottom: 0;
}
/* line 52, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .woocommerce-product-details__short-description {
color: inherit;
line-height: 1.5;
}
/* line 56, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .woocommerce-product-details__short-description p {
margin: 0 0 1rem;
}
/* line 59, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
/* line 64, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-layout.scss */
.woo-wrapper.woo-single .woocommerce-product-details__short-description ul,
.woo-wrapper.woo-single .woocommerce-product-details__short-description ol {
margin: 0 0 1rem 1.25rem;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce a.remove {
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
opacity: .8;
}
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce a.remove:hover {
background-color: transparent;
opacity: 1;
}
/* line 16, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 0;
border: 0;
display: flex;
background: 0;
gap: 1rem;
align-items: center;
margin: 1rem 0;
}
@media (max-width: 768px) {
/* line 27, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
flex-direction: column;
}
}
/* line 30, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
position: static;
font-size: 2rem;
}
/* line 35, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_notices-messages.scss */
.woocommerce-info::before {
display: none;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_buttons.scss */
p.woocommerce-mini-cart__buttons.buttons {
justify-content: space-between;
display: flex;
}
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_buttons.scss */
a.button#checkout-button, a#checkout-button.buttonSmall, .sidebar_content aside.widget_tag_cloud .tagcloud a#checkout-button, .card_blog_1 .info .category a#checkout-button, .card_blog_1 .info .tags a#checkout-button, .card_blog_2 .info .category a#checkout-button, .card_blog_2 .info .tags a#checkout-button, .card_blog .info .category a#checkout-button, .card_blog .info .tags a#checkout-button, a#checkout-button.buttonMedium, a#checkout-button.buttonBig, .section_link_container a#checkout-button, a#checkout-button.section_link, .card_blog_1 .info .link a#checkout-button, .card_blog_2 .info .link a#checkout-button, .card_blog .info .link a#checkout-button, a#checkout-button.buttonChip, .card_blog .info ul.post_categories_list a#checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
p.woocommerce-mini-cart__buttons.buttons a,
button[type=submit][name=update_cart]:not([disabled]) {
width: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
color: white;
transition: all .4s ease-in-out;
}
/* line 21, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_buttons.scss */
a.button#checkout-button:hover, a#checkout-button.buttonSmall:hover, .sidebar_content aside.widget_tag_cloud .tagcloud a#checkout-button:hover, .card_blog_1 .info .category a#checkout-button:hover, .card_blog_1 .info .tags a#checkout-button:hover, .card_blog_2 .info .category a#checkout-button:hover, .card_blog_2 .info .tags a#checkout-button:hover, .card_blog .info .category a#checkout-button:hover, .card_blog .info .tags a#checkout-button:hover, a#checkout-button.buttonMedium:hover, a#checkout-button.buttonBig:hover, .section_link_container a#checkout-button:hover, a#checkout-button.section_link:hover, .card_blog_1 .info .link a#checkout-button:hover, .card_blog_2 .info .link a#checkout-button:hover, .card_blog .info .link a#checkout-button:hover, a#checkout-button.buttonChip:hover, .card_blog .info ul.post_categories_list a#checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
p.woocommerce-mini-cart__buttons.buttons a:hover,
button[type=submit][name=update_cart]:not([disabled]):hover {
background-color: rgba(255, 255, 255, 0.8);
color: black;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart form .woocommerce-NoticeGroup-checkout {
flex-basis: 100%;
}
/* line 7, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart form .woocommerce-NoticeGroup-checkout ul.woocommerce-error {
flex-direction: column;
align-items: start;
position: relative;
gap: 0;
}
/* line 14, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart form .woocommerce-NoticeGroup-checkout ul.woocommerce-error > li {
margin-left: 3rem !important;
padding: .5rem 0;
}
/* line 19, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart form .woocommerce-NoticeGroup-checkout ul.woocommerce-error:before {
position: absolute;
top: 0px;
left: 0px;
}
/* line 25, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart input:not([type=checkbox]),
.woocommerce .woo-cart textarea,
.woocommerce .woo-cart span[role="combobox"] {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: .5rem;
font-size: inherit;
font-family: inherit;
background: white;
padding: .5rem 1rem;
max-width: 100%;
}
/* line 39, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart select {
width: auto !important;
position: static !important;
height: auto !important;
border: 1px solid rgba(0, 0, 0, 0.3) !important;
border-radius: .5rem;
padding: .5rem 1rem !important;
width: 100% !important;
font-size: inherit;
font-family: inherit;
}
/* line 52, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart select ~ span {
display: none;
}
/* line 55, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woo-cart form div span > span {
position: initial;
font-size: initial !important;
color: inherit !important;
}
/* line 62, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart #add_payment_method #payment,
.woocommerce .woo-cart .woocommerce-cart #payment,
.woocommerce .woo-cart .woocommerce-checkout #payment,
.woocommerce .woo-cart #add_payment_method #payment div.payment_box,
.woocommerce .woo-cart .woocommerce-cart #payment div.payment_box,
.woocommerce .woo-cart .woocommerce-checkout #payment div.payment_box {
background: rgba(0, 0, 0, 0.05);
}
/* line 72, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-forms.scss */
.woocommerce .woo-cart #add_payment_method #payment div.payment_box::before,
.woocommerce .woo-cart .woocommerce-cart #payment div.payment_box::before,
.woocommerce .woo-cart .woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: rgba(0, 0, 0, 0.05);
top: -.95em;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_mini-cart.scss */
.widget_shopping_cart {
position: fixed;
bottom: -100%;
right: 1rem;
max-width: 600px;
z-index: 1000;
color: black;
background-color: whitesmoke;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
padding: 3rem;
border-radius: 2rem 2rem 0 0;
transition: all .4s ease-in-out;
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_mini-cart.scss */
.widget_shopping_cart.open {
bottom: 0px;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_close-button.scss */
.closeButton {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
width: 1rem;
height: 1rem;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 1rem;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* line 21, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_close-button.scss */
.woocommerce-notices-wrapper a.button.wc-forward, .woocommerce-notices-wrapper a.wc-forward.buttonSmall, .woocommerce-notices-wrapper .sidebar_content aside.widget_tag_cloud .tagcloud a.wc-forward, .sidebar_content aside.widget_tag_cloud .tagcloud .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog_1 .info .category a.wc-forward, .card_blog_1 .info .category .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog_1 .info .tags a.wc-forward, .card_blog_1 .info .tags .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog_2 .info .category a.wc-forward, .card_blog_2 .info .category .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog_2 .info .tags a.wc-forward, .card_blog_2 .info .tags .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog .info .category a.wc-forward, .card_blog .info .category .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog .info .tags a.wc-forward, .card_blog .info .tags .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper a.wc-forward.buttonMedium, .woocommerce-notices-wrapper a.wc-forward.buttonBig, .woocommerce-notices-wrapper .section_link_container a.wc-forward, .section_link_container .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper a.wc-forward.section_link, .woocommerce-notices-wrapper .card_blog_1 .info .link a.wc-forward, .card_blog_1 .info .link .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog_2 .info .link a.wc-forward, .card_blog_2 .info .link .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper .card_blog .info .link a.wc-forward, .card_blog .info .link .woocommerce-notices-wrapper a.wc-forward, .woocommerce-notices-wrapper a.wc-forward.buttonChip, .woocommerce-notices-wrapper .card_blog .info ul.post_categories_list a.wc-forward, .card_blog .info ul.post_categories_list .woocommerce-notices-wrapper a.wc-forward {
display: none !important;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-billing.scss */
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
/* line 8, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-billing.scss */
.woocommerce-billing-fields__field-wrapper > * {
flex-basis: 100%;
}
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-billing.scss */
.woocommerce-billing-fields__field-wrapper > .col-50 {
flex-basis: 50%;
}
/* line 10, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-billing.scss */
.woocommerce-billing-fields__field-wrapper > .col-33 {
flex-basis: 33%;
}
/* line 11, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_checkout-billing.scss */
.woocommerce-billing-fields__field-wrapper > .col-33 label {
line-height: 2;
white-space: nowrap;
text-overflow: ellipsis;
width: 7rem;
overflow: hidden;
}
/* */
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-gallery.scss */
.woocommerce-product-gallery {
display: flex;
flex-direction: row-reverse;
gap: 1rem;
}
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-gallery.scss */
.woocommerce-product-gallery > div {
flex-basis: calc(100% - 100px);
}
/* line 13, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-gallery.scss */
.woocommerce-product-gallery ol.flex-control-thumbs {
display: flex;
flex-direction: column;
gap: 1rem;
flex-basis: 100px;
}
/* line 20, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_single-product-gallery.scss */
.woocommerce div.product div.images .flex-control-thumbs > li {
width: 100%;
}
/* line 3, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_misc-pages.scss */
.woo-cart section {
min-height: auto;
}
/* line 4, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_misc-pages.scss */
.addresses {
gap: 2rem;
justify-content: start;
}
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_misc-pages.scss */
address {
border: 0px !important;
}
/* line 7, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_misc-pages.scss */
.thankyou .woocommerce-notice {
font-size: 3rem;
}
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_misc-pages.scss */
th.product-total {
display: none;
}
/* --- THE CARD ITSELF, FOR THE NEW SHOP PAGE USAGE --- */
/* line 5, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
ul.products {
/* border: 2px solid blue; */
}
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
ul.products.columns-4,
ul.products.columns-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
width: 100%;
/* OK.. BUT WHY ??? */
}
@media only screen and (max-width: 1024px) {
/* line 9, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
ul.products.columns-4,
ul.products.columns-2 {
grid-template-columns: 1fr;
}
}
/* ul.products.columns-4 */
/* RESET ...VS JUST UISE ANOTHER CLASS IN THE DECLARATION !!!! */
/* line 29, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: unset !important;
display: unset !important;
}
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product {
/* RESET ...VS JUST UISE ANOTHER CLASS IN THE DECLARATION !!!! */
float: unset !important;
margin: unset !important;
padding: unset !important;
position: unset !important;
width: unset !important;
margin-left: unset !important;
/*
border: 3px solid red;
outline: 3px solid blue;
outline-offset: 3px;
*/
/* START - COPID FOMR PROTOTYPE */
display: block;
overflow: hidden;
/*
// background: var(--card); // ???
background-color: white;
border:1px solid var(--border);
// border-radius: 0.75rem;
border-radius: 1rem;
*/
/*
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
*/
background-color: var(--card-bg);
border-radius: var(--card-radius);
border: var(--card-border);
box-shadow: var(--card-shadow);
padding: var(--card-padding);
/*
*/
/*
// box-shadow: 0px 0px 4px 0px #ccc;
box-shadow: 0px 0px 4px 0px red;
// @include transition(box-shadow, 0.2s);
// transition: box-shadow $t_fast linear;
transition: box-shadow 0.4s linear;
*/
/*
&:hover {
// do eth move up tingee
transform: translateY(-4px);
}
*/
transition: all 0.3s ease-in-out;
/* 1) ADD WHITE BG COLOR !!! */
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
/*
// transition: all 0.3s ease-in-out; // transform
// transition: transform 0.3s ease-in-out; // transform
*/
/* END - COPID FOMR PROTOTYPE */
/*
display: flex;
*/
/* flex-direction: column; */
/* gap: 1rem; */
gap: 2rem;
display: grid;
/* grid-template-columns: 1fr 2fr; */
grid-template-columns: 1.618fr 1fr;
padding: 2rem !important;
/*
// h2
// .ui-card__body { padding: 1.5rem; }
// h2 { padding: 1.5rem; }
*/
/*
.ui-amount { font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; }
.ui-amount--secondary { color: var(--secondary); }
.ui-amount--primary { color: var(--primary); }
*/
}
/* line 117, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/template/base/_sass_mixins.scss */
li.product:hover {
transform: translateY(-1rem);
transition-duration: 0.2s;
}
/* line 84, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product:hover {
/*
transform: translateY(-1rem);
// box-shadow: 10px 10px 20px var(--c-text);
transition-duration: 0.2s;
*/
}
@media only screen and (max-width: 768px) {
/* line 41, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product {
grid-template-columns: 1fr;
}
}
/* line 136, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product a img {
margin: unset !important;
}
/* line 146, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product .test {
/* border: 2px solid red; */
/*
padding: 1.5rem;
*/
/* ahcer eso de disply contsn whatever contet, so taht felx of parent can neter thsichild!! so ui casn sition the butotmn at the bootm of the box !!! */
/* display: contents; */
display: flex;
/* */
flex-direction: column;
gap: 1rem;
}
/* line 165, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product h2 {
/*
// font-weight: bold;
// font-size: 1.2rem;
// line-height: 1.4;
*/
padding: unset !important;
/*
padding-inline: 1.5rem !important;
*/
/*
font-family: var(--font-display, inherit);
*/
/*
// font-size: 1.5rem !important;
// line-height: 2rem;
*/
/*
font-size: 1.25rem !important;
line-height: 1.6rem;
*/
font-size: 2rem !important;
line-height: 1.2em;
margin-bottom: 1rem;
font-weight: 400;
color: var(--c-text);
}
/* line 206, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product span.price {
/*
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em;
*/
/* color: red; */
/*
padding-inline: 1.5rem !important;
*/
margin-top: 1rem !important;
margin-bottom: 1rem !important;
/*
// margin-bottom: 2rem !important; // ???
// font-size: 2.25rem !important;
// font-size: 2rem !important;
// font-size: 1.75rem !important;
// line-height: 2.5rem !important;
*/
/*
font-size: 1.25rem !important;
line-height: 1.8rem !important;
*/
font-size: 2rem !important;
font-weight: 700 !important;
/* color: var(--secondary) !important; // obs, else it's another dark yello color, ojo! */
}
/* line 246, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product .button, li.product .buttonSmall, li.product .sidebar_content aside.widget_tag_cloud .tagcloud a, .sidebar_content aside.widget_tag_cloud .tagcloud li.product a, li.product .card_blog_1 .info .category a, .card_blog_1 .info .category li.product a, li.product .card_blog_1 .info .tags a, .card_blog_1 .info .tags li.product a, li.product .card_blog_2 .info .category a, .card_blog_2 .info .category li.product a, li.product .card_blog_2 .info .tags a, .card_blog_2 .info .tags li.product a, li.product .card_blog .info .category a, .card_blog .info .category li.product a, li.product .card_blog .info .tags a, .card_blog .info .tags li.product a, li.product .buttonMedium, li.product input[type=submit],
li.product input[type=reset], li.product .buttonBig, li.product .section_link_container a, .section_link_container li.product a, li.product a.section_link, li.product .card_blog_1 .info .link a, .card_blog_1 .info .link li.product a, li.product .card_blog_2 .info .link a, .card_blog_2 .info .link li.product a, li.product .card_blog .info .link a, .card_blog .info .link li.product a, li.product .buttonChip, li.product .card_blog .info ul.post_categories_list a, .card_blog .info ul.post_categories_list li.product a,
li.product .added_to_cart {
display: unset !important;
margin-top: unset !important;
margin-top: auto !important;
/*
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
*/
/* // // // border-radius: 0.375rem !important; */
/*
height: 2.5rem;
*/
/*
padding: 0 1.5rem;
*/
font-weight: 500;
transition: background-color 200ms ease, color 200ms ease;
/*
// background: var(--primary) !important;
// color: var(--primary-foreground) !important;
*/
/*
background: var(--c-accent) !important;
color: white !important;
*/
width: 100% !important;
display: block !important;
text-align: center;
text-transform: uppercase;
}
/* line 278, ../../../www/sync/localhost/palma-2026/wp-content/themes/palma-2026/assets/style/scss/partials/wp/woo/partials/shop-styles/_shop-archive.scss */
li.product .button:hover, li.product .buttonSmall:hover, li.product .sidebar_content aside.widget_tag_cloud .tagcloud a:hover, .sidebar_content aside.widget_tag_cloud .tagcloud li.product a:hover, li.product .card_blog_1 .info .category a:hover, .card_blog_1 .info .category li.product a:hover, li.product .card_blog_1 .info .tags a:hover, .card_blog_1 .info .tags li.product a:hover, li.product .card_blog_2 .info .category a:hover, .card_blog_2 .info .category li.product a:hover, li.product .card_blog_2 .info .tags a:hover, .card_blog_2 .info .tags li.product a:hover, li.product .card_blog .info .category a:hover, .card_blog .info .category li.product a:hover, li.product .card_blog .info .tags a:hover, .card_blog .info .tags li.product a:hover, li.product .buttonMedium:hover, li.product input:hover[type=submit],
li.product input:hover[type=reset], li.product .buttonBig:hover, li.product .section_link_container a:hover, .section_link_container li.product a:hover, li.product a.section_link:hover, li.product .card_blog_1 .info .link a:hover, .card_blog_1 .info .link li.product a:hover, li.product .card_blog_2 .info .link a:hover, .card_blog_2 .info .link li.product a:hover, li.product .card_blog .info .link a:hover, .card_blog .info .link li.product a:hover, li.product .buttonChip:hover, li.product .card_blog .info ul.post_categories_list a:hover, .card_blog .info ul.post_categories_list li.product a:hover,
li.product .added_to_cart:hover {
/* background: color-mix(in srgb, var(--primary), black 10%); */
/*
background-color: var(--c-accent);
*/
}
/* li.product */
/*# sourceMappingURL=global.css.map */