@media screen and (max-width: 979px) {
	   #elValaActionBarContent {
        text-align: center;
         flex-direction: column;
         padding:10px 0!important;
      }
}
#elValaActionBar {
    position:relative;
    width:100%;
    background-image:url({theme="vala_actionbar_bgcover"}) ;
    background-repeat:no-repeat;
    background-size:cover;
    
  }
  
    #elValaActionBarContent {

    position:relative;
    width:100%;height:100%;
    padding:{theme="vala_actionbar_paddingtb"}px {theme="vala_actionbar_paddinglr"}px ;
    box-sizing:border-box;
    z-index:1;
    display: flex;
    justify-content: space-between;
    align-items: center;
     
  }
  
  #elValaActionBarColorCover {
    position:absolute;top:0;left:0;
    width:100%;height:100%;
    padding:{theme="vala_actionbar_paddingtb"}px {theme="vala_actionbar_paddinglr"}px ;
    background-color:rgb(var(--vala_actionbar_bgcolor));
    opacity:{theme="vala_actionbar_bgopacity"};
    box-sizing:border-box;
  }
  #elValaActionBarButton {
    margin-top:10px;
    
  }
  
  #elValaActionBarButton a{
   
    border-radius:5px;
    text-align:center;
    {{if theme.vala_actionbar_custom_btn}}
      color:rgb(var(--vala_actionbar_btntxtcolor));
      background:rgb(var(--vala_actionbar_btnbg));
    {{else}}
      color:rgb(var(--vala_main_theme_color_font));
      background:rgb(var(--vala_main_theme_color));
    {{endif}}
    padding:10px 20px;
    font-size:{theme="vala_actionbar_btntxtsize"}px;
    display:inline-block;
   
    
  }

#elValaActionBarContent > p {
  width:{theme="vala_actionbar_text_width"}%; 
}