/** 
* jPowerTools
* 
* @author : Lab5 - Dennis Riegelsberger
* @authorUrl : https://lab5.ch
* @copyright : Copyright (C) 2015+  Lab5 - Dennis Riegelsberger. All rights reserved.
* @license : GNU/GPL General Public License version 2 or later
* @project : https://lab5.ch/jpowertools
* @on JED : https://extensions.joomla.org/extensions/extension/site-management/lab5-jpowertools/
* 
* Built with <3 
* Lab5
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */  

 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
THE BAR 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

					#ccommander-bar {
								
								/* padding:0.5em; */
								padding:0.5em 1em;
								line-height:2em; 
								
								box-sizing: border-box;
								
								display: flex;
								flex-flow: row;
								justify-content: space-between;
								align-content: center;
								align-items: center;
								flex-wrap:wrap;

								gap:0.5em;
					}
					
					#ccommander-bar > div {
						
								box-sizing: border-box;
								line-height:1em; 
								flex-grow:1;
								flex-shrink:1;
								flex-basis: 35%;
					} 
					
					#ccommander-bar .cc-message {
							
								padding-right: 5%;
					} 
					
					#ccommander-bar .cc-buttons {
							
								display: flex;
								flex-flow: row;
								align-items: center;
								justify-content: space-between;
								flex-wrap: wrap;
								gap:0.5rem;
					
					}  
					
					#ccommander-bar .cc-buttons a ,
					#ccommander-bar .cc-buttons a * ,
					#ccommander-bar .cc-buttons button ,
					#ccommander-bar .cc-buttons button *  {
								
								/*
								vertical-align:baseline;
								*/
								white-space:nowrap;
								text-align: center;
					} 

					#ccommander-bar .btn ,
					#ccommander-bar .cb-btn
					{	 
								flex-grow:1;
								flex-shrink:1;
								text-decoration:none; 
					} 
					
					/* support for non-BS : */
					#ccommander-bar .cb-btn
					{	 
								padding:0.5em; 
					}
					
					@media (max-width: 979px) {

							#ccommander-bar {
								
									flex-wrap: wrap;
									align-content: space-evenly;
							} 
							#ccommander-bar > div {
								
									width:100%; 
							} 
							#ccommander-bar .cc-buttons {
								
									justify-content: space-between;
									flex-wrap: wrap;
							} 
							#ccommander-bar .cc-buttons a ,
							#ccommander-bar .cc-buttons button {
									
										flex-grow:1;
										flex-shrink:1;
							} 
					}
					@media (max-width: 767px) {

							#ccommander-bar {
								
									flex-flow: column;
									flex-wrap: wrap;
							} 
							#ccommander-bar .cc-message {
									
									padding: 0.5rem 0;
									/* 
									*/
							} 
							#ccommander-bar .cc-buttons {
								
									flex-flow: column;
									flex-wrap: wrap;
							} 
							#ccommander-bar .cc-buttons > a {
								
									width:100%; 
							} 
					}
					@media (max-width: 480px) {
					}

					/*
					#ccommander-bar .fixed {position:fixed; top:0; left:0; width:100%;}
					#ccommander-bar .fixed.bottom {bottom:0; top:auto;}
					*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
DEFAULTS
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#ccommander-bar {background:#ccc;  } 
#ccommander-bar { color:#333;  } 
#ccommander-bar a { color:#333;  }