/***** vish - About our Members

-------------------------------------------------------------------------*/

/* below is some responsive code to keep the blog layout with images on the energy blog page to work ok on all resolution, now on mobile devices to come in one column */
body.vblog-energy .landing-page .ns2-inner { /*max-width: 380px !important;*/ width: 100% !important; }

body.vblog-energy .landing-page{
    padding: 0px ;
    border: none ;
    background: none ; 
}

/* vish Event page          ***************************/
  
  .vchangeevent .teaser-item .pos-title{
      font-size: 36px !important;
    font-weight: 300 !important;
    line-height: 42px !important;
    text-transform: none !important;
    
  }
  .vchangeevent .teaser-item .pos-title a{color:#444 !important; font-weight: 300 ;}
  .vchangeevent .pos-description .element-date p{
     color:#999 !important;
    font-size: 12px !important;
    line-height: 25px !important;
  }
  .vchangeevent .pos-description .element-datepro {
     color:#000 !important;
    font-size: 12px !important;
    line-height: 18px !important;
     background:none !important;
  }
 .vchangeevent .pos-description .element {
   
    padding: 3px 0 3px 1px !important;font-weight: 300;
   
}
 .vchangeevent .items p.pos-links{ margin-top:20px !important}
.vchangeevent .pos-links .element a {
   font-size: 14px;margin-top: 7px; font-weight: 300;
    padding: 5px 0; 
}
  .vchangeevent .row{margin-left: 0px !important;  
    padding-left: 0px !important;}
  .vchangeevent .teaser-item .pos-media img{
     background: none !important;
    border: none !important;
    box-shadow: none !important;
     max-width: 100% !important;
    padding:0px !important;
    }
    .vchangeevent .teaser-item .pos-media .element-imagepro img{
     background: none !important;
    border: none !important;
    box-shadow: none !important;
     max-width: 100% !important;
    padding:0px !important;
    }
    

   /* End vish Event page         ***************************/
   
   
   
   /* vish Calendar page          ***************************/
.vcalendarevent #vzoo-event-calendar{ margin-top: 0; max-width: 100% ;}
.vcalendarevent #vzoo-event-calendar .ui-datepicker-calendar{height: 360px ;}
.vcalendarevent #vzoo-event-calendar .ui-datepicker{ height: 400px ;}
.vcalendarevent #vzoo-event-calendar .ui-datepicker .ui-datepicker-next span { text-indent: 40px ;}
.vcal-member  { padding: 0px ;}
.vcal-member h3{ background-color: #bfb5a5 ;color: white !important ;font-weight: bold ;padding: 10px 20px ;}
.vchangeevent #vzoo-event-calendar .ui-datepicker .ui-state-active{ background-image: none ;background-position: center 2px ; background-repeat:no-repeat ;  }
   /* End vish Calendar page          ***************************/
   
   /* vish qfl article filter          ***************************/
 
 .vtextboxsize{
     width:261px ;
 }
 .vform{
     background-color: #EEFAFF;border: 1px lightgray solid; padding: 20px;
 }
 .vform .uk-panel-title{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: none; color: #3484A4;
 }
 .vlable-search{
     
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    color: #3484A4 !important;
    display: inline-block !important;
    float: left !important;
    font-size: 13px !important;
    font-weight: bold !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: left !important;
    width: auto !important; min-width:0px !important;
 }
 .vdatepickerboxsize{
     width:142px !important;
 }
 .vdatepickerdivsize1{
     width: 27% ;float: left;
 }
  .vdatepickerdivsize2{
     width: 73% ;float: left;
 }
 .vmargin{
     margin-top: 15px !important;
 }
 
 
/* End vish qfl article filter         ***************************/

 /* vish Campaigns page image size          ***************************/
 
   body.vcampblog .uk-container .uk-grid .uk-grid .uk-article div p img{
      width: 20% !important;
   }
/*End vish Campaigns          ***************************/
  
/* vish policy and energy page          ***************************/
@media (max-width:767px) {
body.vblog-energy  div.nssp2 .col-2 {  width: 100% !important;}
body.vblog-energy .landing-page .ns2-inner {max-width:100% !important;width: 100% !important;}
body.vblog-energy .col-2 img.ns2-image {height: auto;width: 100%;max-width:100% !important;}
}

  
/*End vish policy and energy page          ***************************/

/* vish Home page          ***************************/
.annual-report .EUK-arrow img{
	max-width: 100% !important;
	}
.annual-report .EUK-arrow {
    height: 299px !important;
}

/*End vish Home          ***************************/
   
   /*  Vish tab page for committee ****************************/
   
  .vcommunicationtab .tabbable .teaser-item .pos-title{
            font-size: 14px;
            line-height: 20px ;
           }
  ul.vcommunicationtab > li strong{
            width:22%;
            float:left;
           }

  .vcommunicationtab li p{
            width:78%;
            float:right;
          }
   .vcommunicationtab li  ul li{
            margin-left: 24%; 
            list-style: disc;
          }
   
   /*  End Vish tab page for committee ****************************/

    /* vish Header Fixed          ***************************/

       .vheadernav-container{ }
	.vheaderf-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */
    /* End vish Header Fixed          ***************************/

	
div.tm-headerbar div.uk-panel ul.uk-nav li
{
	float: left;
}

div.tm-headerbar div.uk-panel ul.uk-nav li:last-child
{
	margin-left: 20px;
}