/**
 * Theme Name:     Child Hello Elementor
 * Author:         Coresol Studio
 * Template:       hello-elementor
 * Text Domain:	   child-hello-elementor
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/* Global CSS */

body * p:last-child {
	margin-bottom: 0;
}
body .color-secondary {
	color: var(--e-global-color-secondary);
}
body .color-purple {
	color: var(--e-global-color-adc903b); 
}
body .elementor-icon-list-icon svg {
	margin: 0 !important;
}
body .elementor-widget-image .wp-caption {
	position: relative;
}
body .elementor-widget-image .wp-caption-text {
	padding: 14px 24px;
	border-radius: 8px;
	position: absolute;
	bottom:  -10px;
	left: -8%;
	transform: rotate(-7deg);
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: var( --e-global-color-ba51b58 );
}
@media (max-width: 767px) {
	body .elementor-widget-image .wp-caption-text {
		left: -14px;
		bottom: -22px;
	}
	
}

body ::placeholder {
	opacity: 1 !important;
}

/* Slick Slider */

body .slick-slider .slick-slide > div {
  margin: 0 0 16px 0;
}

/* Tablet & Desktop */
@media (min-width: 768px) {
  body .slick-slider .slick-slide > div {
    margin: 0 16px 16px 0;
  }
}
body .slick-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 3px;
}

body .slick-slider .slick-dots li.slick-active svg rect {
    fill: #DF643B; 
}
body .slick-slider .slick-dots svg {
	outline: none !important;
}

/* Homepage CSS */
body .custom-border {
    position: relative;
    display: inline-block;
}
body .custom-border:after {
    content: "";
    height: clamp(13px, calc(0.8125rem + ((1vw - 7.67px) * 1.4493)), 20px);
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;
    background: url('/wp-content/uploads/2025/08/custom-border.png') no-repeat center / contain;
}

/* Elementor Select Form Styling */
.elementor-field-type-select .select-caret-down-wrapper {
  display: none;
}
.elementor-field-group .elementor-select-wrapper::before{
	background: url(/wp-content/uploads/2025/08/close-icon.svg) no-repeat;
	content: "" !important;
	width: 12px;
	height: 7px;
	background-size: contain;
	top: 50%;
	transform: translateY(-45%) !important;
	right: 20px;
}

/* Elementor Checkboxes Global Styling */

/* Hide the native checkbox */
.elementor-field-option input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* Style the label next to the hidden checkbox */
.elementor-field-option label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  position: relative;
  padding-left: 30px; /* space for custom checkbox */
  font-size: 16px;
  line-height: 1.4;
  color: #333;
}

/* Create custom checkbox via ::before */
.elementor-field-option label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.2s ease;
}

/* Show SVG when checked */
.elementor-field-option input[type="checkbox"]:checked + label::before {
  background-image: url('/wp-content/uploads/2025/08/checked.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
}

span.elementor-field-option label {
    display: block !important;
}

.ue_timeline_item:nth-child(even) .ue_timeline_item_img_wrapper {
    margin: 60px 0;
}
.ue_timeline_item.ue-active-item {
    opacity: 1;
}

.ue_timeline_item {
    opacity: 0.5;
}

.np-iconbox .elementor-icon-box-description.elementor-inline-editing {
    margin-top: 6px;
}

.wcu-slick-carousel1 .slick-list.draggable {
    margin-bottom: 56px;
}

/* Buttons Hover */
.elementor-kit-7 button:hover, .elementor-kit-7 input[type="button"]:hover, .elementor-kit-7 input[type="submit"]:hover, .elementor-kit-7 .elementor-button:hover {
	box-shadow: 3px 3px 0px 0px #000000;
}
.elementor-kit-7 .elementor-button:hover .elementor-button-icon {
	transition: all 0.3s ease;
	transform: rotate(45deg);
}
/* Table custom CSS */
body .custom-table table * {
    border: none !important;
}
body .custom-table thead th {
    padding: 8px 12px 32px;
}
body .custom-table tbody td,
body .custom-table tbody th{
    padding: 14px 12px;
}
body .custom-table tbody th {
    text-align: left;
}
body .custom-table tr td,
body .custom-table tr th {
    background-color: transparent !important;
}
body .custom-table tbody tr:nth-child(odd) {
    background: #F9F9FB;
}
body .custom-table table {
    min-width: 600px;
    margin-bottom: 0;
}
@media (max-width:767px){
    body .custom-table {
        overflow: scroll;
    }
}