.elms-34686 .elms-element.elms-element-12288c8{--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-34686 .elms-element.elms-element-c0483bf{--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-34686 .elms-element.elms-element-93ea573{--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-34686 .elms-element.elms-element-847abfe{--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-34686 .elms-element.elms-element-243595f{--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-34686 .elms-element.elms-element-2aa30be{--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-34686 .elms-element.elms-element-5f45cd0{--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-34686 .elms-element.elms-element-981b54c{--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-34686 .elms-element.elms-element-981b54c.e-con{--flex-grow:0;--flex-shrink:0;}.elms-34686 .elms-element.elms-element-eff52de{width:100%;max-width:100%;}.elms-34686 .elms-element.elms-element-5f97ef2{--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-34686 .elms-element.elms-element-bf429b1{--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-34686 .elms-element.elms-element-030088c{--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-34686 .elms-element.elms-element-305fd3f{--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-34686 .elms-element.elms-element-9bc0721{--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-34686 .elms-element.elms-element-7639e03{--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-34686 .elms-element.elms-element-3e7776b{--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-34686 .elms-element.elms-element-be48706{--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-34686 .elms-element.elms-element-0bcbf6a{--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-34686 .elms-element.elms-element-0bcbf6a.e-con{--flex-grow:0;--flex-shrink:0;}.elms-34686 .elms-element.elms-element-deaf3e9{--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-34686 .elms-element.elms-element-a7fc2f4{--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-34686 .elms-element.elms-element-2203dc9{--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-34686 .elms-element.elms-element-dedff23{--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;}@media(min-width:768px){.elms-34686 .elms-element.elms-element-981b54c{--width:97.122%;}.elms-34686 .elms-element.elms-element-0bcbf6a{--width:97.122%;}}.matale-best-time-section {
max-width: 700px;
margin: 30px auto;
padding: 20px 25px;
text-align: center;
border-radius: 10px;
font-family: 'Lucida Sans Unicode', sans-serif;
color: #333;
line-height: 1.6;
font-size: 1rem;
}
.matale-best-time-section p {
margin-bottom: 16px;
}
.matale-best-time-section strong {
color: #005f8c;
}
.toc-section {
max-width: 800px;
margin: 40px auto;
padding: 25px;
background: #fefefe;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
font-family: 'Lucida Sans Unicode', sans-serif;
color: #333;
border-left: 5px solid #0077b6;
}
.toc-title {
font-size: 1.4rem;
margin-bottom: 20px;
color: #2c3e50;
border-bottom: 2px solid #0077b6;
padding-bottom: 8px;
}
.toc-list {
list-style: none;
padding-left: 0;
line-height: 1.8;
}
.toc-list li {
margin: 10px 0;
font-size: 1rem;
}
.toc-list a {
text-decoration: none;
color: #0077b6;
transition: color 0.3s ease;
}
.toc-list a:hover {
color: #004f6e;
}
.matale-daytime-section {
max-width: 700px;
margin: 30px auto;
padding: 20px 25px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
background-color: #f9fafb;
border-radius: 12px;
}
.matale-daytime-section h2 {
border-left: 5px solid #0077b6;
padding-left: 12px;
margin-bottom: 20px;
font-size: 2rem;
color: #004a99;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.section-block {
border-radius: 8px;
padding: 15px 20px;
margin-bottom: 20px;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
color: #222;
}
.section-morning {
background-color: #dbe9f4;
border-left: 6px solid #3a8dde;
}
.section-midday {
background-color: #fff4d9;
border-left: 6px solid #f5b842;
}
.section-afternoon {
background-color: #ffe7c6;
border-left: 6px solid #f29423;
}
.section-heat {
background-color: #f9d6d5;
border-left: 6px solid #e54b4b;
}
.section-block h3 {
margin-top: 0;
margin-bottom: 8px;
font-weight: 700;
}
.tip-box {
background-color: #d2f0d9;
border-left: 6px solid #4caf50;
padding: 14px 20px;
border-radius: 8px;
font-weight: 600;
color: #2e7d32;
display: flex;
align-items: center;
gap: 10px;
font-size: 1rem;
}
@media (max-width: 480px) {
.matale-daytime-section {
padding: 15px 18px;
}
.matale-daytime-section h2 {
font-size: 1.6rem;
}
.section-block {
padding: 12px 15px;
}
.tip-box {
font-size: 0.95rem;
}
}
.matale-things-section {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background-color: #f9fafb;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
}
.matale-things-section .section-title {
border-left: 5px solid #0077b6;
padding-left: 12px;
margin-bottom: 20px;
font-size: 2rem;
color: #004a99;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.matale-things-section .intro {
font-size: 1rem;
color: #555;
margin-bottom: 30px;
line-height: 1.6;
padding: 0 5px;
}
.activity {
border-radius: 10px;
padding: 18px 22px;
margin-bottom: 22px;
box-shadow: 0 3px 8px rgba(44, 110, 73, 0.15);
transition: box-shadow 0.3s ease;
border-left: 8px solid transparent;
}
.activity:hover {
box-shadow: 0 8px 20px rgba(44, 110, 73, 0.3);
}
.activity h3 {
font-size: 1.3rem;
margin-bottom: 10px;
font-weight: 700;
}
.activity-temple {
background-color: #d6f0f9;
border-left-color: #40a9f3; 
color: #105b8a;
}
.activity-spice {
background-color: #f9f6d6;
border-left-color: #e6c43c; 
color: #7a6611;
}
.activity-mountain {
background-color: #d6f9d7;
border-left-color: #4caf50; 
color: #2e662e;
}
.activity-market {
background-color: #f9d6d6;
border-left-color: #e54b4b; 
color: #822626;
}
.activity-heritage {
background-color: #e3d6f9;
border-left-color: #7a4cea; 
color: #3b2a6a;
}
.activity-nature {
background-color: #fff5d6;
border-left-color: #f5b842; 
color: #6a5800;
}
.activity-fort {
background-color: #d6e4f9;
border-left-color: #3b6dc3; 
color: #224176;
}
.activity-cave {
background-color: #f9e7d6;
border-left-color: #f29423; 
color: #7a4c0e;
}
@media (max-width: 480px) {
.matale-things-section {
padding: 20px 15px;
}
.matale-things-section .section-title {
font-size: 1.6rem;
margin-bottom: 20px;
}
.activity h3 {
font-size: 1.1rem;
}
.activity p,
.matale-things-section .intro {
font-size: 0.95rem;
}
}
.matale-chart-section {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background-color: #f9fafb;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(90, 140, 150, 0.15); 
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #2f4f4f; 
}
.matale-chart-section .section-title {
border-left: 5px solid #0077b6;
padding-left: 12px;
margin-bottom: 20px;
font-size: 1.7rem;
color: #004a99;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.matale-chart-section .intro {
font-size: 1rem;
margin-bottom: 30px;
line-height: 1.6;
padding: 0 5px;
}
.climate-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
font-size: 1rem;
background-color: #f0f7f8; 
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 8px rgba(50, 100, 110, 0.1);
}
.climate-table thead tr {
background-color: #70a3a3; 
color: #f0f7f8; 
}
.climate-table th,
.climate-table td {
padding: 14px 18px;
border: 1px solid #a4c1c1; 
text-align: left;
}
.climate-table tbody tr:nth-child(even) {
background-color: #d7e6e6; 
}
.climate-table tbody tr:nth-child(odd) {
background-color: #e9f2f2; 
}
.tip-box {
background-color: #c6dfdf; 
border-left: 6px solid #2a6f6f; 
padding: 16px 22px;
border-radius: 10px;
font-weight: 600;
font-size: 1rem;
color: #2f4f4f;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 480px) {
.matale-chart-section {
padding: 20px 18px;
}
.matale-chart-section .section-title {
font-size: 1.8rem;
margin-bottom: 20px;
}
.matale-chart-section .intro,
.climate-table,
.tip-box {
font-size: 0.95rem;
}
.climate-table th,
.climate-table td {
padding: 12px 10px;
}
}
.matale-nearby-section {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background-color: #f9fafb;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(198, 180, 150, 0.15); 
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.matale-nearby-section .section-title {
border-left: 5px solid #0077b6;
padding-left: 12px;
margin-bottom: 20px;
font-size: 1.7rem;
color: #004a99;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.matale-nearby-section .intro {
font-size: 1rem;
margin-bottom: 30px;
line-height: 1.6;
padding: 0 5px;
}
.place {
border-left: 6px solid transparent;
padding: 18px 22px;
margin-bottom: 22px;
border-radius: 10px;
box-shadow: 0 3px 8px rgba(198, 180, 150, 0.15);
transition: box-shadow 0.3s ease;
}
.place:nth-child(4) { 
background-color: #fff0e6; 
border-left-color: #e29c45; 
}
.place:nth-child(5) { 
background-color: #e6f2e6; 
border-left-color: #5b9a68; 
}
.place:nth-child(6) { 
background-color: #fff6d1; 
border-left-color: #d1b347; 
}
.place:nth-child(7) { 
background-color: #f9e6f2; 
border-left-color: #c471a0; 
}
.place:nth-child(8) { 
background-color: #f0f0e6; 
border-left-color: #a3aa88; 
}
.place:nth-child(9) { 
background-color: #e6f7fa; 
border-left-color: #4db7c5; 
}
.place:nth-child(10) { 
background-color: #fff3e6; 
border-left-color: #de8e48; 
}
.place:hover {
box-shadow: 0 8px 20px rgba(198, 180, 150, 0.35);
}
.place h3 {
font-size: 1.3rem;
margin-bottom: 10px;
font-weight: 700;
color: black
}
.place p {
font-size: 1rem;
line-height: 1.5;
margin: 0;
color: black
}
@media (max-width: 480px) {
.matale-nearby-section {
padding: 20px 18px;
}
.matale-nearby-section .section-title {
font-size: 1.8rem;
margin-bottom: 20px;
}
.place h3 {
font-size: 1.1rem;
}
.place p {
font-size: 0.95rem;
}
.matale-nearby-section .intro {
font-size: 0.95rem;
}
}
.travel-container {
max-width: 700px;
margin: 30px auto;
padding: 25px 30px;
background-color: #f9fafb;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
font-family: 'Lucida Sans Unicode', Tahoma, Geneva, Verdana, sans-serif;
color: #1a2935;
}
.travel-container h2 {
border-left: 5px solid #0077b6;
padding-left: 12px;
margin-bottom: 20px;
font-size: 1.8rem;
color: #004a99;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.travel-description p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 18px;
color: #2c3e50;
}
.travel-description h3 {
font-size: 1.1rem;
color: #1a2935;
margin-top: 25px;
margin-bottom: 8px;
font-weight: 600;
}
.route-table {
margin-top: 20px;
overflow-x: auto;
}
.route-table table {
width: 100%;
border-collapse: collapse;
font-size: 1rem;
color: #34495e;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
border-radius: 10px;
overflow: hidden;
}
.route-table th,
.route-table td {
padding: 12px 18px;
text-align: left;
border-bottom: 1px solid #e0e6ed;
}
.route-table thead {
background-color: #1e3a8a; 
color: white;
}
.route-table tbody tr:hover {
background-color: #f1f5fb;
}
.route-table button {
background-color: #1e3a8a;
color: white;
border: none;
padding: 8px 14px;
border-radius: 5px;
cursor: pointer;
font-weight: 600;
transition: background-color 0.3s ease;
}
.route-table button:hover {
background-color: #3b59b6;
}
.map-section h3 {
text-align: center;
font-size: 1.2rem;
margin-bottom: 15px;
color: #1a2935;
font-weight: 700;
}
@media (max-width: 480px) {
.travel-container {
padding: 20px 18px;
}
.travel-container h2 {
font-size: 1.2rem;
}
.travel-description h3 {
font-size: 1rem;
}
.route-table th,
.route-table td {
padding: 10px 12px;
font-size: 0.9rem;
}
.route-table button {
padding: 7px 10px;
font-size: 0.9rem;
}
}