/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2026 | 20:20:04 */
.elementor-743 .elementor-element.elementor-element-1a301cd .jeg-elementor-kit.jkit-postblock .jkit-thumb .thumbnail-container {
    height: 225px;
}

/* UL layout */
.categ ul {
    display: flex;
    flex-wrap: wrap; /* wrap items */
    gap: 10px; /* space between items */
    padding: 0;
    margin: 0;
    list-style: none;
}
.tagcloud a{
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Roboto;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight);
}

.tagcloud a,
.categ ul li{
    width: fit-content;
    padding: 10px 20px !important;
    border: 1px solid #61ce70;
    transition: all 0.3s ease;
}

 
.tagcloud a:hover,
.categ ul li:hover{
  background-image: radial-gradient(at bottom right, var(--e-global-color-bbaa189) 0%, var(--e-global-color-accent) 60%);;
    color: #fff;
}

/* =========================
   COMMON INPUT / TEXTAREA
========================= */
input,
textarea {
    padding: 10px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

/* =========================
   INTERACTION STATES
========================= */
input:hover,
input:focus,
input:active,
input:not(:placeholder-shown),
textarea:hover,
textarea:focus,
textarea:active,
textarea:not(:placeholder-shown) {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #fff !important;
    padding: 10px !important;
}

/* Placeholder color */
input:hover::placeholder,
input:focus::placeholder,
textarea:hover::placeholder,
textarea:focus::placeholder {
    color: #000 !important;
}


/* =========================
   FIELD WRAPPER
========================= */
.elementor-field-group-name,
.elementor-field-group-email,
.elementor-field-group-field_ea2a5b3,
.elementor-field-group-message {
    position: relative;
}


/* =========================
   ICON BASE STYLE
========================= */
.elementor-field-group-name::before,
.elementor-field-group-email::before,
.elementor-field-group-field_ea2a5b3::before,
.elementor-field-group-message::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    position: absolute;
    left: 10px;
    color: #fff;
    pointer-events: none;
    transition: all 0.3s ease;
}

/* =========================
   ICON TYPES
========================= */
.elementor-field-group-name::before {
    content: "\f007"; /* user */
}

.elementor-field-group-email::before {
    content: "\f0e0"; /* email */
}

.elementor-field-group-field_ea2a5b3::before {
    content: "\f303"; /* text/edit */
}

.elementor-field-group-message::before {
    content: "\f075"; /* message */
}


/* =========================
   ICON POSITION
========================= */
/* Center for inputs */
.elementor-field-group-name::before,
.elementor-field-group-email::before,
.elementor-field-group-field_ea2a5b3::before {
    top: 50%;
    transform: translateY(-50%);
}

/* Top for textarea */
.elementor-field-group-message::before {
    top: 20px;
}


/* =========================
   INPUT SPACING
========================= */
#form-field-name,
#form-field-email,
#form-field-field_ea2a5b3,
#form-field-message {
    padding-left: 35px !important;
}


/* =========================
   ICON COLOR ON INTERACTION
========================= */
.elementor-field-group-name:hover::before,
.elementor-field-group-name:focus-within::before,
.elementor-field-group-email:hover::before,
.elementor-field-group-email:focus-within::before,
.elementor-field-group-field_ea2a5b3:hover::before,
.elementor-field-group-field_ea2a5b3:focus-within::before,
.elementor-field-group-message:hover::before,
.elementor-field-group-message:focus-within::before {
    color: #000 !important;
}

/* =========================
   ICON COLOR ON FOCUS
========================= */
.elementor-field-group-name:focus-within::before,
.elementor-field-group-email:focus-within::before,
.elementor-field-group-field_ea2a5b3:focus-within::before,
.elementor-field-group-message:focus-within::before {
    color: #000;
}
 