.elms-33300 .elms-element.elms-element-af99927{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-7057a76{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-7057a76 > .elms-widget-container{transition:background 0s;}.elms-33300 .elms-element.elms-element-9d04fdf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-7743677{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-e7fc101{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-1eebd8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-c76f248{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-4c4fec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-15a4791{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-7b4360c{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-c153ada{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-cac7e1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-6b5ba50{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-4890b8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-aae5753{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-01eca3f{width:100%;max-width:100%;}.elms-33300 .elms-element.elms-element-92e7d02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-7cec4c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-35bd17b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-b005a87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elms-widget-text-editor.elms-drop-cap-view-stacked .elms-drop-cap{background-color:var( --e-global-color-primary );}.elms-widget-text-editor.elms-drop-cap-view-framed .elms-drop-cap, .elms-widget-text-editor.elms-drop-cap-view-default .elms-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elms-33300 .elms-element.elms-element-8d33b5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-6d2354c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-8f7f77f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-9ef9883{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-33300 .elms-element.elms-element-029d9e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.ella-chart-section {
max-width: 900px;
margin: 40px auto;
padding: 20px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 12px;
font-family: 'Lucida Sans Unicode', sans-serif;
}
.section-title {
text-align: center;
font-size: 1.8rem;
margin-bottom: 20px;
color: #2c3e50;
}
.intro {
text-align: center;
font-size: 1rem;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.chart-container {
width: 100%;
max-width: 700px;
margin: 0 auto 30px auto;
}
.season {
margin: 25px 0;
padding: 10px 15px;
border-left: 5px solid #4CAF50; 
background-color: #f9f9f9;
border-radius: 6px;
}
.season.second {
border-left-color: #FF9800;        
background-color: #fff3e0;         
}
.season-3 {
border-left-color: #2196F3;         
background-color: #e3f2fd;          
}
.season-4 {
border-left-color: #E91E63;        
background-color: #FCE4EC;         
}
.season-5 {
border-left-color: #9C27B0;        
background-color: #F3E5F5;         
}
.season h3 {
margin: 0 0 8px;
color: #2c3e50;
font-size: 1.1rem;
}
.chart-legend {
list-style: none;
padding: 0;
margin-top: 30px;
display: flex;
flex-direction: column;
gap: 10px;
}
.chart-legend li {
display: flex;
align-items: center;
font-size: 0.95rem;
}
.legend-box {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
border-radius: 4px;
}
.legend-box.green {
background-color: green;
}
.legend-box.yellow {
background-color: goldenrod;
}
.legend-box.orange {
background-color: orange;
}
@media (max-width: 600px) {
.section-title {
font-size: 1.5rem;
}
.chart-container, .intro {
padding: 0 10px;
}
.season {
padding: 10px;
}
}
.time-guide-ella {
max-width: 800px;
margin: 40px auto;
padding: 30px;
background: #fefefe;
border: 1px solid #ddd;
border-left: 5px solid #0077b6;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
font-family: 'Lucida Sans Unicode', sans-serif;
color: #333;
line-height: 1.7;
}
.time-guide-ella h2 {
text-align: center;
font-size: 1.6rem;
font-family: Serif;
color: #003366;
margin-bottom: 25px;
border-bottom: 2px solid #0077b6;
padding-bottom: 10px;
}
.time-guide-ella h3 {
margin-top: 25px;
margin-bottom: 10px;
}
.time-guide-ella .morning {
color: #007f5f;
}
.time-guide-ella .afternoon {
color: #f4a261;
}
.time-guide-ella .midday {
color: #e76f51;
}
.time-guide-ella .crowds {
color: #6a4c93;
}
.time-guide-ella .tip-box {
font-style: italic;
color: #555;
background: #f9f9f9;
padding: 10px 15px;
border-left: 4px solid #0077b6;
border-radius: 5px;
margin-top: 20px;
}
.travel-container {
max-width: 1000px;
margin: 30px auto;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
font-family: 'Lucida Sans Unicode', sans-serif;
color: #333;
border-left:5px solid #0077b6; 
}
.best-time-description {
max-width: 800px;
margin: 20px auto;
padding: 0 15px;
font-size: 1rem;
line-height: 1.6;
}
.best-time-description p {
margin-bottom: 15px;
}
.route-table table {
width: 100%;
border-collapse: collapse;
}
.route-table th, .route-table td {
border: 1px solid #ccc;
padding: 10px;
text-align: left;
}
.route-table th {
background-color: #f0f0f0;
}
.searchInput {
width: 100%;
padding: 10px;
font-size: 1rem;
border: 1px solid #ccc;
margin-bottom: 15px;
}