/*
Theme Name: Child Onbbits
Version: 1.0
Description: A child theme of Hello Elementor
Author: admin
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");

body {background: #111517 !important;}
#ajaxsearchlite1 .probox, div.asl_w .probox {background: #292F32 !important; border: 1px solid #292F32 !important;}
div.asl_w .probox .promagnifier {box-shadow: none !important;}
div.asl_w .probox .promagnifier .innericon svg {fill: #ffffff !important;}
.custom_box .elementor-icon, .blogbox .elementor-grid-item {padding: 15px;background: #1cca5b1a;border-radius: 10px;}
.custom_box:hover, .blogbox .elementor-grid-item:hover {border-color: #1cca5b80 !important;box-shadow: 0 8px 30px -4px hsl(142 76% 45% / .15);transform: translateY(-.25rem);}
.custom_box {
  position: relative;
  cursor: pointer;
}
.blogbox .elementor-grid-item {transition: all 0.3s ease;}
.blogbox .elementor-grid-item:hover {border: 1px solid #1cca5b80 !important;transition: all 0.3s ease; }
.custom_box::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
}

.custom_box a {
  position: relative;
  z-index: 10;
  font-size: 22px !important;
}
.blogbox .elementor-grid-item .elementor-post__card {background: #1C2124 !important;}
.blogbox .elementor-post__card .elementor-post__meta-data {border: 1px solid #323A3E !important;}
.sidemenu ul li:hover {
    background: #22282b;
    border-radius: 10px;
}
.blogbox .elementor-post__excerpt {padding-left: 29px;margin-bottom:12px !important;}
.blogbox .elementor-post__title {margin-bottom:9px !important;}
.blogbox .elementor-post__meta-data {padding-left:57px !important;}

#ajaxsearchlite1 .probox .proinput input::placeholder {
  color: #fff !important; /* change this to your desired color */
  opacity: 1; /* ensures full visibility */
  font-family: Roboto, sans-serif;
}

div.asl_r .results .item .asl_content h3 {color: #1CCA5B;}



/* Layout container */
.layout-wrapper {
  display: flex;
  transition: all 0.3s ease;
}

/* Sidebar (left panel) */
.sidebar {
  width: 200px; /* adjust as needed */
  background: #0e1419;
  transition: transform 0.3s ease;
}

/* When hidden */
.sidebar.closed {
  transform: translateX(-100%);
}

/* Toggle button (icon) */
.menu-toggle {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 1000;
  background: #1a1f25;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  transition: background 0.3s ease;
}

.menu-toggle:hover {
  background: #2a323c;
}

.layout-wrapper,
.layout-wrapper .searchbar {
  margin-left: 0;
  transition: all 0.4s ease !important;
}

/* When sidebar is toggled */
.layout-wrapper.sidebar-open,
.layout-wrapper.sidebar-open .searchbar {
  margin-left: -200px; /* same as sidebar width */
  transition: all 0.4s ease;
}


.related-articles-wrapper {
  background: #0e1419;
  border-radius: 10px;
}

.related-heading {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}

.related-card {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 25px;
  background: #1c2124;
  border: 1px solid #323A3E;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.related-card:hover {
  border-color: #1cca5b80;
  box-shadow: 0 8px 30px -4px hsl(142 76% 45% / .15);
  transform: translateY(-.25rem);
}

.related-icon i {
  font-size: 24px;
  color: #1cca5b;
  margin-top: 3px;
}

.related-title {
  color: #F1F4F4;
  font-weight: 600;
  text-decoration: none;
  font-size: 18px !important;
  line-height: 24px !important;
  font-family: Roboto, sans-serif;
}

.related-title:hover {
  color: #f1f4f4;
}

.related-excerpt {
  color: #949E9E;
  margin: 10px 0 8px;
  font-size: 14px;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}

.related-meta {
  color: #adadad;
  font-size: 12px;
  padding-top: 10px;
  border-top: 1px solid #323A3E !important;
}

.related-icon svg {
  font-size: 14px;
  vertical-align: middle;
  margin-right: 4px;
  fill: #1cca5b;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 1;

}
.elementor-post__title > svg {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 4px;
  fill: #1cca5b;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 1;
}

#breadcrumbs span span {margin: 0 10px;color: #F1F4F4;}
#breadcrumbs span span:first-child {margin: 0 10px 0 0;}
#breadcrumbs span {color: #949e9e;}
#breadcrumbs span a{color: #949e9e;}
#breadcrumbs span a:hover{color: #1CCA5B;}
.elementor-message {color: #F1F4F4 !important;}

.sidemenu .elementor-icon-list-item a.active, .sidemenu .elementor-icon-list-item a.active span {color: #F1F4F4 !important;}
.sidemenu .elementor-icon-list-item a.active span svg {fill: #F1F4F4 !important;}


.elementor-form .elementor-field:focus {box-shadow: 0 8px 30px -4px hsl(142 76% 45% / .15) !important;}

.postdesc .elementor-element .e-con-inner {margin: 0 60px !important;}


@media only screen and (max-width: 1024px) {
.sidebar {display: none !important;}	
}