/* 
Theme Name:		 techbeeps child
Theme URI:		 http://childtheme-generator.com/
Description:	 techbeeps child is a child theme of Techbeeps, created by ChildTheme-Generator.com
Author:			 techbeeps
Author URI:		 http://childtheme-generator.com/
Template:		 techbeeps
Version:		 1.0.0
Text Domain:	 techbeeps-child
*/


/*
    Add your custom styles here
*/
/* ===== Subheader Section ===== */
#Subheader {
  padding: 20px 0 20px;
  background-color: #171838; /* light background */
  border-bottom: 1px solid #eee;
}

#Subheader .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#Subheader .column.one {
  width: 100%;
}

/* ===== Breadcrumbs ===== */
ul.breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #666;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

ul.breadcrumbs li {
  display: flex;
  align-items: center;
}

ul.breadcrumbs li a, ul.breadcrumbs li {
	    font-size: 16px;
  color: #ffffff99; /* WordPress blue */
  text-decoration: none;
  transition: color 0.3s ease;
}

ul.breadcrumbs li a:hover {
  color: #005177; /* darker blue on hover */
}

/* Separator (icon) */
ul.breadcrumbs li span {
  display: inline-flex;
  align-items: center;
  margin: 0 8px;
  color: #999;
  font-size: 14px;
}
.icon-right-open{
	    font-family: monospace;
    font-size: 18px;
    font-style: normal;
}


ul.breadcrumbs li:last-child span {
  display: none; /* hide separator after last item */
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  #Subheader {
    padding: 60px 0 15px;
  }

  ul.breadcrumbs {
    font-size: 14px;
  }
}
.home #Subheader{
	display:none;
}


/* ====== Top Action Bar ====== */
#Action_bar {
  background-color: #0d0d14; /* dark navy tone */
  color: #ccc;
  font-size: 14px;
  line-height: 40px;
  height: 45px;
}

#Action_bar .container {
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#Action_bar .column.one {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

/* ===== Social Icons ===== */
#Action_bar ul.social {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

#Action_bar ul.social li {
  margin-left: 12px;
}

#Action_bar ul.social li a {
  color: #ccc;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}

#Action_bar ul.social li a:hover {
  color: #1da1f2; /* light blue hover */
}

/* ===== Links (About us, Career, etc.) ===== */
#Action_bar ul.contact_details {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

#Action_bar ul.contact_details li {
  display: flex;
  align-items: center;
}

#Action_bar ul.contact_details a {
  color: #00bcd4;
  text-decoration: none;
  transition: color 0.3s ease;
	padding: 3px 8px;
    font-size: 16px;
}

#Action_bar ul.contact_details a:hover {
  color: #fff;
}

#Action_bar ul.contact_details li.slogan {
  white-space: nowrap;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  #Action_bar {
    height: auto;
    line-height: 1.5;
    padding: 8px 0;
  }

  #Action_bar .container {
    flex-direction: column;
    align-items: flex-start;
  }

  #Action_bar ul.social {
    margin-bottom: 8px;
  }

  #Action_bar ul.contact_details li {
    margin-left: 0;
  }
}
