/* CITREST Project · CSS Stylesheet for Site Map Two―Columns widget
 *
 * Developed by DESiGNiA web
 * URI: https://designiawebspain.com/
 *
 * @version 1.0.0
 */




/* ===============================================================================
/* General settings */

.sitemap-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.sitemap-column {
    width: 48%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sitemap-column li a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

/* Change text and icon color on li:hover */
.sitemap-column li:hover, 
.sitemap-column li:hover a, 
.sitemap-column li:hover::before {
    color: #eee;
}

/* Change icon background on hover */
.sitemap-column li:hover::before {
    background-color: #377373;
}

.sitemap-column li ul {
    padding-left: 20px;
}

.sitemap-column li:first-child {
    border-top: none;
    /* padding-top: 0; */
}

.sitemap-column li {
    font-weight: 300;
    border-bottom: 1px solid rgba(191, 204, 204, 0.2);
    padding: 10px 0;
    transition: color 0.2s ease-in-out;    
}

.sitemap-column li:last-child {
    border-bottom: none;
    padding: 10px 0;
}

.sitemap-column li::before {
    content: "\e611"; /* fa-chevron-right es \f054 en Font Awesome 5 */  
    font-family: "awsmicon"; /* Alternativa: Font Awesome 5 */
    font-weight: 600; /* Más ligero que 900 */
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #175f5f;
    color: #bfcccc;
    font-size: 8px; /* Ajustar tamaño del ícono */
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  }


/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */




/* Insertar aquí el último css propuesto por IA */




/* ===============================================================================
/* Circular Bullet with Chevron Icon  (working OK)


/* Ajustar Font Awesome --> grosor mínimo: 600 */

  .sitemap-column li::before {
    content: "\e611"; /* fa-chevron-right es \f054 en Font Awesome 5 */  
    font-family: "awsmicon"; /* Alternativa: Font Awesome 5 */
    font-weight: 600; /* Más ligero que 900 */
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
	height: 16px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #175f5f;
	color: #bfcccc;
	font-size: 8px; /* Ajustar tamaño del ícono */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
  
  
  

/* ===============================================================================
/* Tablet version (between 599px and 992px) */

@media (min-width: 600px) and (max-width: 992px) {
    .sitemap-container {
        flex-direction: row;
    }
    .sitemap-column {
        width: 48%;
    }
    .sitemap-column li:first-child {
        border-top: none;
        padding-bottom: 10px;
    }
}




/* ===============================================================================
/* Mobile version (from 0 to 599px) */

@media (max-width: 599px) {
    .sitemap-container {
        flex-direction: column;
        width: 80%;
        margin: 0 auto;
    }
    .sitemap-column {
        width: 100%;
    }
    .sitemap-column li {
        border-bottom: 1px solid rgba(191, 204, 204, 0.2);
        padding: 10px 0;
    }
    .sitemap-column li:first-child {
        border-top: none;
        padding: 10px 0;
    }
    .sitemap-column li:last-child {
        border-bottom: 1px solid rgba(191, 204, 204, 0.2);
    }
}