/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
4 reacties Commentaar van bezoekers
In 1719 erft de wijnkoopman Adriaen opde Camp het pand voor de helft uit de nalatenschap van zijn schoonzuster Jenneke Terwe. de wederhelft behoorde hem reeds toe. In mei 1740 verkoopt hij het pand aan de apotheker Cornelis ’t Hooft.
Prins Willem wiens standbeeld op de hoek Hofstraat/ Nieuwstraat te zien is zou het, als hij nog geleefd had, kunnen bevestigen :) C.J.P. Lips schrijft in zijn boek ’wandelingen voor Oud-Dordrecht’ blz. 352 o.a. nog het volgende: Het pand was in die tijd eigendom van Jan Thomasz. Van Wezel, die munter, koopman en zeepzieder was en bovendien als schepen in de stadsregering zat..... Of Charlotte Brabantine op deze locatie is geboren is echter wel omstreden. Volgens anderen zou zij in Antwerpen geboren zijn, op 17 september 1580. Het pand ’De Vijgeboom’ werd begin 17e eeuw bewoond door Jan Cornelisz., die er zijn familienaam aan ontleende. Het pand ‘de Vijgeboom’ werd helaas 7 Juni 1896 door brand vernield. De poort is ook te zien op 551_30187. Gezien beide foto's moet het wel een bijzonder pand geweest zijn.
] **** Dordrecht, 8 Juni. **** Een geweldige brand heeft gisteren avond het meubelmagazijn met werkplaatsen, woning enz. van den heer H. J. VAARTIES, aan de Voorstraat no. 322, alhier geheel vernield. **** Omstreeks kwart over acht ontdekten eenige voorbijgangers dat uit het keukenraam van bedoeld pand, aan de zijde der Kleine Spuistraat rookwolken drongen. Terstond werd de politie daarvan op de hoogte gesteld, die onmiddellijk met haar slangenwagentje aanrukte, in de hoop het vuur nog in zijne geboorte te kunnen stuiten. Dit gelukte haar echter niet, want tot tweemalen toe trachtte zij vergeefs de brandkranen in de straat te openen; van een daarvan werd zelfs de afsluiter geheel stuk gedraaid. Ondanks onze herhaalde herinnering aan het voorschrift der Verordening op de Brandweer, dat men bij het uitbreken van brand daarvan terstond per telefoon kennis moet geven aan het centraal station der telefoon, opdat de beambten daar onverwijld de betrokken kring der brandweer en ook de politie kunnen oproepen, scheen niemand daaraan te denken. **** Gelukkig dat een der commandeurs van den betrokken kring B in de onmiddellijke nabijheid woonde en zoodra deze het onheil vernam, liet hij den haspelwagen aanrukken, zoodat toen twee stralen tegelijk op den brand konden worden gericht. Maar inmiddels had deze zich zoo snel uitgebreid over de groots massa meubelen en onbewerkt hout, dat aan blusschen niet meer viel te denken. Gaandeweg rukten de overige bluschmiddelen van den betrokken kring aan en moesten ook die van andere kringen, alsmede de drijvende stoombrandspuit ter hulp worden ontboden, zoodat ten slotte 19 waterstralen tegelijk op den vuurpoel gericht waren. Uit alle vensters der bovenverdiepingen braakten de vlammen en lekten de tegenover gelegen en aangrenzende panden, hier de ruiten doende springen of de verf blakerend, daar de gevellijst of de dakvensters verzengend. **** Als een zware massa bleef de pikzwarte rook geruimen tijd boven het nog altijd gesloten dak van het brandende perceel hangen, totdat op eens met loeiend geweld de vlammen door het dak heen braken en hemelhoog opvlogen, alles tot op grooten afstand in rossen gloed kleurende. Grootsch en verschrikkelijk was toen het schouwspel; telkens veranderde de richting van den wind, zoodat de reusachtige vuurkolom, waaruit het millioenen vonken regende, nu eens rechts, dan weer links werd overgebogen. Het gevolg daarvan was dat ook de kroonlijst van het woonhuis van den heer D. W. Stoop en de dakgoot alsmede de raamkozijnen der woning van den heer L. de Hoog door het vuur werden aangetast. Vooral dit laatste had het geruimen tijd zwaar te verantwoorden en reeds waren daar twee kamers gedeeltelijk uitgebrand, toen de brandweer er eindelijk in slaagde het vuur tot het huis van den heer Vaarties terug te dringen. Daar woedde het echter met toenemende kracht voort, alles wat onder zijn bereik kwam vernielend en eerst te half 12 was men door vereende krachten zoover gevorderd, dat geen verdere onheilen meer te vreezen waren. **** Maar nog altijd door moesten geweldige watermassa’s in den vuurpoel worden geworpen en niet vóúr middernacht kon gezegd worden dat men den brand onder de knie had. De spuiten der verschillende kringen konden toen gaandeweg inrukken, het verdere blusschingswerk aan de stoomspuit en de brandkranen overlatende. Eerst omstreeks 4 uur rukte ook de stoomspuit in, maar den ganschen nacht en ook heden voormiddag bleven de stralen der waterleiding bijna onafgebroken op het telkens weer opflikkerend vuur gericht, en zelfs tot heden avond, terwijl de muren van het huis van den heer Vaarties werden omgehaald, moest nog telkens water gegeven worden. Zooals reeds gezegd, is het huis van den heer Vaarties met alles wat daarin was vernield. **** Het huis was voor f 9000 verzekerd bij de Assurantiemaatschappij tegen Brandschade de Nederlanden van 1845 te Zutphen (agent de heer Huibert de Iongh alhier); de inventaris en de inboedel, geschat op eene waarde van f25‚000, waren door den eigenaar, om gemoedsbezwaren, niet verzekerd. Bij den heer DE HOOG is, behalve de brandschade in twee kamers aan de zijde der Kleine Spuistraat en aan het dak, geduchte waterschade aangericht; alles wordt daar door verzekering gedekt. Hetzelfde geldt voor de woning van den heer G. J. van RIJSOORT van MEURS, waar veel waterschade is aangericht, gelukkig echter niet in diens prachtige historische kamer; voor het PERRY-magazijn, het orgelmagazijn van den heer P. BAK, en het woonhuis van den heer D. W. STOOP. Ook de achter het uitgebrande perceel gelegen kuiperij der heeren van Goudoever de Jongh bekwam heel wat vuur- en waterschade. De oorzaak van den brand valt niet met juistheid op te geven. De heer Vaarties was Zaterdagmiddag naar Amsterdam gegaan en eerst heden ochtend teruggekeerd; ook zijne huishoudster was Zaterdagavond uit de stad gegaan en heden ochtend teruggekomen. Na Zaterdagmiddag is niemand in het huis geweest. Vermoedelijk is er vuur uit de schoorsteen in de keuken tusschen het plafond en den vloer der daarboven gelegen kamer gekomen en heeft het daar tot Zondagavond voortgewoekerd. De brandweer heeft zich over het algemeen kranig gedragen. IJverig werd zij in haar moeilijk werk bijgestaan door een aantal kermisgangers en door afdeelingen van het korps pontonniers, waarvan andere sectiën de politie behulpzaam waren bij het afzetten van het terrein. De burgemeester, verscheidene leden van den gemeenteraad en tal ven andere autoriteiten waren al zeer spoedig op het terrein aanwezig. Eene ontzaglijke menigte was getuige van het onheil. Heden wemelde het voor de nog altijd smeulende puinhoopen van nieuwsgierigen. Persoonlijke ongelukken hebben bij de ramp niet plaats gehad.