CSS formating not effective within Enfold template for block code

Hi Victoria,

Thanks to your precious help!
I’m not far from the original target now.

There are still 2 issues that I’m not able to resolve by myself, most likely due to Enfold default framework for tables:

1 – Adjust height of the table row for .Event-Tr1 to a lower value that 70px.
I can increase the height for values above 70px with “.Event-Date td.Event-Td1 {width: 80px;}” but now below …

2 – The text in table .Event-Tr2 ( with .Event-Trft5) does not inherit the color of the rest of the table specified for .Event-Date (which, in tis case, is color: var(–ColJAN);). Instead of it takes a light grey color.
Is there a way to have this color naturally inherited like the rest of the table?

In order to get things clearer, I’ve made a capture of the label structure and posted it on imgur at https://imgur.com/a/LMMyg
On this image the borders have been displayed and paddings / margins added to better show the details of what belongs to what.

Thanks to you, the CSS code for this label is summarised hereafter:

.avia_codeblock .Event-Cell { position: relative; margin: 8px 4px; width: 504px; border-style: solid; border-width: 2px 5px 2px 8px; border-radius: 20px; padding: 4px 4px 4px 4px; height: 140px;}
.avia_codeblock .Event-Date {width: 192px; border-right-width: 1px; border-right-style: dashed; display: inline-block;}
.Event-Date.Resa-Open {background-color: white; border-radius: 12px 0px 0px 12px;}
.avia_codeblock .Event-Date.Resa-Close {background-color: #DCDCDC; border-radius: 12px 12px 12px 12px;}

.avia_codeblock_section.avia_code_block_0 table { width: 180px; margin: 5px; padding: 8px; border-spacing: 0px; border: 2px solid red; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-collapse: separate; font-family: “Gruppo-Regular”, Georgia, serif; }
.avia_codeblock_section.avia_code_block_0 tr {border: none; padding: 0px;}
.Event-Date tr.Event-Tr1 {height: 50px;} /* no effect if height > 70 px */
.Event-Date tr.Event-Tr2 {text-align: left; height: 24px;}

.avia_codeblock_section.avia_code_block_0 td {border: 1px solid black; padding: 0px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.Event-Date.Resa-Open td {background: white; }
.Event-Date.Resa-Close td {background: yellow;}
.Event-Date td.Event-Td1 {width: 60px; text-align: right;}
.Event-Date td.Event-Td2 {padding: 0px 10px 0px 10px; text-align: center;}

.Event-Trft1 { line-height: 40px; font-size: 53px; font-weight: bold; position: relative; bottom: -10px;}
.Event-Trft2 { font-size: 42px; padding-top: 0; position: relative; bottom: -4px;}
.Event-Trft3 { line-height: 27px; font-size: 27px; padding-top: 0; position: relative; bottom: 8px;}
.Event-Trft4 { line-height: 17px; font-size: 17px; position: relative; bottom: 14px;}
.Event-Trft5 { line-height: 24px; font-size: 24px; padding: 0px; font-weight: bold;}

.Aix {background-image: url(“https://pure-detox.fr/wp-content/uploads/2017/12/Event-Provence-Aix_op.png”); background-position: center; background-size: auto auto; background-repeat: no-repeat; background-origin: padding-box;}
.Antilles {background: url(“https://pure-detox.fr/wp-content/uploads/2017/12/Event-Antilles_op.png”); background-position: center; background-size: auto auto; background-repeat: no-repeat; background-origin: padding-box;}
.OPEN:hover {background: url(“https://pure-detox.fr/wp-content/uploads/2017/12/Event-Resa-open_op.jpg”); background-position: center; background-size: auto auto; background-repeat: no-repeat; background-origin: padding-box;}
.CLOS:hover {background: url(“https://pure-detox.fr/wp-content/uploads/2017/12/Event-Resa-close_op.jpg”); background-position: center; background-size: auto auto; background-repeat: no-repeat; background-origin: padding-box; cursor: crosshair;}

@media only screen and (min-width: 551px) {
.EventLoca {width: 292px; height: 80px; position: absolute; top: auto; left: auto; border-radius: 8px; display: inline-block;}
}

@media only screen and (max-width: 550px) {
.Event-Cell { width: 317px;}
.Event-Date {width: 317px; border-right-width: 0px;}
.EventLoca {width: 292px; height: 80px; position: relative; width: 100%; margin: 0 auto; border-radius: 8px; display: inline-block;}
.DateTable {margin-left: 80px;}
.Resa-Open {border-radius: 12px;}
}

:root {
–ColJAN: #2f75b5;
–ColFEV: #27adc3;
–ColMAR: #3cbe96;
–ColAVR: #00e200;
–ColMAI: #b5d901;
–ColJUI: #f2be00;
–ColJUL: #ff8000;
–ColAOU: #ec1e1e;
–ColSEP: #e8346f;
–ColOCT: #b72f8c;
–ColNOV: #89258d;
–ColDEC: #3d4999; } */

Thanks once more for your help / advice.

Berst regards,
Stephane