/*
Theme Name: Browns Transport Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.header-top {
	padding: 5px;
}
#top-bar a,
#top-header a {
    color: #fff;
}
.what-we-do-cust .col-inner {
    border: 1px solid #e5b160f7;
    padding: 20px 0;
    border-radius: 5px;
}
.box-text {
	font-size: 16px; 
}
.contact-cust-section .icon-box-img img {
    margin-top: 8px;
}
.contact-cust-section .icon-box-left .icon-box-img {
	margin-right: 5px;
}
.contact-cust-section .wpcf7-form input[type='submit'] {
	background-color: #fc9a01;
	border-radius: 8px;
}
.leave-review-cust-sec .wpcf7 label {
  	color: #fff;  
}
.leave-review-cust-sec .wpcf7 span.req {
	color: red;
}
.leave-review-cust-sec .wpcf7 .wpcf7-not-valid-tip {
	background-color: transparent;
	color: red;
	padding: 8px 0;
}
.leave-review-cust-sec .wpcf7 .wpcf7-not-valid-tip:after {
	display: none;
}
.leave-review-cust-sec .wpcf7 .wpcf7-response-output {
	color: #fff;
	margin-top: 10px;
}
.leave-review-cust-sec .wpcf7 .wpcf7-submit {
	background: #fc9a01;
	border-radius: 8px;
}
ul li.bullet-checkmark {
	border-bottom: 0;
}
ul li.bullet-checkmark:before, ul li.bullet-star:before {
	color: #fc9a01;
}
.col.p-bottom-0 {
	padding-bottom: 0;
}
.feature.map {
  height:100%;
  iframe {
   
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }
}
ul.righthand-bullet {
	list-style: none;
}
ul.righthand-bullet li {
	margin-left: 0;
	display: flex;
    flex-direction: row;
    align-items: center;
    color: #000000bd;
}
ul.righthand-bullet li:before {
	content: '';
  	display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 18px;
    background-image: url(/wp-content/uploads/2024/07/finger-of-a-hand-pointing-to-right-direction.png);
    background-repeat: no-repeat;
    margin-right: 12px;
}

.dropdown-all-location {
	 position: relative;
	 /*         margin: 50px; */
	 width: 300px;
}
.dropdown-all-location ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropdown-all-location ul li {
	margin-left: 0;
	/* Sub Menu */
}
.dropdown-all-location ul li a {
	display: block;
	border-radius: 10px;
	font-weight: 700;
	background: #fc9a01;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.dropdown-all-location ul li a:hover {
	background: #f8f8f8;
	color: #515151;
}
.dropdown-all-location ul li a .fa {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	float:right;
	margin-top: 5px;
}
.dropdown-all-location ul ul {
	background-color:#ebebeb;
	max-height: 200px;
	overflow: auto;
	margin-top: 5px;
}
.dropdown-all-location ul li ul li a {
	background: #ffff;
	border-left: 4px solid transparent;
	padding: 10px 20px;
	border-radius: 0;
	color: #000;
}
.dropdown-all-location ul li ul li a:hover {
	background: rgba(218, 217, 189, 0.343);
	border-left: 4px solid #fc9a01;
}

/* contect-header-sec-cust */
.contect-header-sec-cust .col-inner a:hover {
	color: #000;
}
.cust-popular-location h3 {
	text-transform: uppercase;
}
@media (max-width: 767px) {
    #top-bar #et-info a {
		   font-size: 16px;
/*         display: block; */
    }
	.banner h2 {
		font-size: 32px !important;
	}
}

/* 29-06-2026 */
/* BEFORE AFTER */
.ba-container {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
}

.ba-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.ba-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.ba-slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: #f97316;
  cursor: ew-resize;
  z-index: 5;
}

.ba-slider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #f97316;
  border-radius: 50%;
}

/**/
.labour-row-img-box .icon-box {
	box-shadow: 1px 1px 1px 2px #fe9004;
    padding: 30px 10px;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
}
@media (max-width: 849px) {
    .header-main .mobile-nav.nav-right  li.html.custom {
        display: block;
    }
	.header .header-top {
		min-height: 1px;
	}
	.header .header-top .flex-row.container {
		display: none;
    	padding: 1px;
	}
	.header-main #logo {
        width: 305px;
        max-width: 150px;
    }
}