/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/


#Header .container {
  background: #f7f7f7;
}

#Action_bar .column {
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 20px;
  box-sizing: border-box;
  background: linear-gradient(to right,#36d56e,#222);
  background: linear-gradient(to right,#222,black);
  
  clip-path: polygon(10% 100%,100% 100%,100% 0,0% 0%);
}

#Action_bar .contact_details {
  float: right;
}

#Action_bar .contact_details li {
  display: inline-block;
  margin-right: 10px;
  padding: 20px 0;
  font-size: 16px;
  color: white;
}

#Action_bar .contact_details li a {
  color: white;
}

#Footer {
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  background-image: url('https://www.wrdlogistic.com/wp-content/uploads/2019/07/transport3-about-subheader.jpg');
}

.footertitle {
  color: white !important;
  border-bottom: 2px solid #36d56e;
  font-size: 23px;
  font-weight: 500;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.footerUL li i {
  color: #36d56e;
  margin-right: 2%;
}

.footerUL li a {
  color: white !important;
  font-size: 16px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 2px 6px;
}

.footerUL li a:hover {
  color: gray;
  text-decoration: none;
  background-color: #36d56e;
}

.footercontact {
  display: flex;
  gap: 4%;
  margin-bottom: 2%;
}

.footercontacticon {
  width: 10%;
  color: #36d56e;
  font-size: 17px;
}

.footercontacttext {
  color: white;
  font-size: 15px;
  width: 90%;
}

.footersocial {
  display: flex;
  gap: 5%;
  margin-top: 5%;
}

.footersocial a {
  font-size: 24px;
  color: #36d56e;
}

.footer_copy {
  background-color: #757575;
  color: white;
}


.sub-menu.mfn-megamenu.mfn-megamenu-2 {
  background: linear-gradient(to right,#222 50%, #36d56e 50%) !important;
}

.menulogisticsbase .mfn-megamenu-title {
	color: white !important;
	border-bottom: 2px solid #36d56e !important;
}

.menulogisticsbase .menu-item a {
	color: white !important;
	width: 100%;
	font-size: 16px;
	background: #222;
}

.menulogisticsbase .menu-item a:hover {
	color: gray !important;
	background: #36d56e !important;
}

.menuindustriesbase .mfn-megamenu-title {
	color: gray !important;
	border-bottom: 2px solid gray !important;
}


.menuindustriesbase .menu-item a {
	color: white !important;
	width: 100%;
	font-size: 16px;
	background: #36d56e;
}

.menuindustriesbase .menu-item a:hover {
	color: white !important;
	background: #222 !important;
}

.color1 {
	color: #36d56e;
}
.color2 {
	color: #222;
}
.color3 {
	color: gray;
}
.color4 {
	color: #fff;
}

.bgcolor1 {
	background-color: #36d56e;
}
.bgcolor2 {
	background-color: #222;
}
.bgcolor3 {
	background-color: gray;
}
.bgcolor4 {
	background-color: #fff;
}

.wpcargotopgap {
	margin-top: 25%;
}

#Top_bar a.responsive-menu-toggle i {
  font-size: 22px;
  line-height: 34px;
  color: #222 !important;
}