.elementor-13188 .elementor-element.elementor-element-95e0ca2{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13188 .elementor-element.elementor-element-2dcc819{text-align:justify;line-height:30px;color:#000000;}.elementor-13188 .elementor-element.elementor-element-787e161{text-align:justify;line-height:30px;color:#000000;}.elementor-13188 .elementor-element.elementor-element-769719d{text-align:justify;line-height:30px;color:#000000;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7145597 */* { 
  box-sizing: border-box; 
}

.table-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.table-title {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 22px;
}

.color-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
}

.color-table thead {
  background-color: #1e3a8a;
}

.color-table th {
  padding: 14px 8px;
  color: white;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
}

.color-table td {
  padding: 14px 8px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.5;
}

.color-table tbody tr:hover {
  background-color: #bfdbfe;
}

.color-name-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.color-sample {
  width: 45px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.color-name {
  font-weight: bold;
  font-size: 13px;
}

.beige-light { background-color: #F5F5DC; }
.brown-mild { background-color: #CD853F; }
.gray-stone { background-color: #708090; }
.blue-mild { background-color: #87CEEB; }
.cream-light { background-color: #FFFDD0; }

@media (max-width: 600px) {
  .table-container { 
    padding: 8px; 
  }
  .table-title { 
    font-size: 18px; 
  }
  .color-table th, .color-table td { 
    padding: 10px 6px; 
    font-size: 13px; 
  }
  .color-sample {
    width: 35px;
    height: 20px;
  }
  .color-name {
    font-size: 11px;
  }
  .color-name-cell {
    gap: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a2e7a5 */table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: right;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 3px solid #000000;
  padding: 9px 6px;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}/* End custom CSS */