/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 8.0
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
/*-- ============================= 29.3.2016 =============================== --*/

.drop_down .narrow .second .inner ul li a{
   padding-right:10px !important;
}



h4{
   position:relative;
}
h4:after{
        width:50px;
	height:5px;
	content:'';
	position:absolute;
	display:block;
	top:50px;
	left:43%;
        background:#a6ce39;
}
#about-box h4:after{
       background:#2e2d2d;
}
#services h4:after{
    left:46%;
}
.header-right-widget{
   color:#fff;
}

.footer_bottom{
   border-bottom: 5px solid #a6ce39 !important;
}
.wpb_wrapper input{
	height:35px;
	padding:0 0 0 15px !important;
        border-color:#bebebe !important;
        background:transparent !important;
}
.wpb_wrapper  textarea{
      height:100px;
	padding:0 0 0 15px !important;
        border-color:#bebebe !important;
        background:transparent !important;
}
.wpb_wrapper input[type="submit"]{
	border:1px solid #3f5307 !important;
	color:#3f5307 !important;
       padding:0 !important;
       width:200px !important;
      text-align:center !important;
}
.wpb_wrapper input[type="submit"]:hover{
	background:#3f5307 !important;
	color:#fff !important;
}
#industrial-relations h4:after{
     left: 46%;
}
.q_icon_list p{
    text-align: left;
}


/*-- ============================= 31.5.2016 =============================== --*/

.header_top .right .widget_search{
   margin-right:15px !important;
}

#membership-benefits h4:after{
left:47% !important;
}

#caltex-fuel h4:after{
  left:48% !important;
}
#caltex-fuel h3{
   text-transform:capitalize !important;
   color:#000;
   font-size:20px;
}
#caltex-fuel p a{
  color:#3a4d06;
font-size:18px;
border:2px solid #3a4d06;
padding:10px;
word-break:break-all;
	word-wrap:break-word;
}


#finance h4:after{
  left:47% !important;
}
#finance_list ul{
 margin-left:80px;
}
#finance_contact h4:after{
  display:none !important;
}

aside.sidebar .widget{
   background-color: #F0F0F0;
}
aside .widget h5{
  background-color: #A6CE39;
  line-height: 40px;
  padding: 0 0 0 15px;
}
aside .widget ul{
  margin-left: 15px;
}
aside .widget ul li a:hover{
 color:#2e6c03  !important;
}
.title .title_holder .container{
   border-bottom: 3px solid #d9f295;
}


.header_top #searchform input[type="text"]{
   border: 1px solid #fff !important;
   height:21px !important;
   margin-top:3px !important;
}
.header_top #searchform input[type="submit"]{
  width: 35px !important;
  height: 27px !important;
  line-height: 22px !important;
   margin: 3px 0 0 !important;

  border: 1px solid #fff !important;

}
.header_top #searchform{
   padding: 0px 10px 0 !important;
}







/*-- ============================= responsive =============================== --*/
@media screen and (max-width:990px){
  #caltex-fuel p a{
      font-size:16px;
}
}

@media screen and (max-width:770px){
   #membership-benefits h4::after{
          display:none;
    }
h4:after{
   display:none;
 }
}

@media screen and (max-width:768px){
  #caltex-fuel p a{
      font-size:13px;
}
.member-register{
      width:70% !important;
}
#inner-page-form-area{
   width:100% !important;
}
}

@media screen and (max-width:600px){
  #caltex-fuel p a{
      border:none;
font-size:16px;
}
}

@media screen and (max-width:480px){
    .member-form-head h2{
      font-seze:28px !important;
   }
}