/** 
* 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
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



					#coobar {
								
								/* 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;
					}
					
					#coobar > div {
						
								box-sizing: border-box;
								line-height:1em; 
								flex-grow:1;
								flex-shrink:1;
								/* flex-basis: 40%; */
								flex-basis: 35%;
					} 
					
					#coobar .cc-message {
							
								/* background:red !important; */
					} 
					
					#coobar .cc-buttons {
							
								display: flex;
								flex-flow: row;
								gap:0.5em;
								justify-content: flex-end;
								align-items: center;
					}  
					
					#coobar .cc-buttons a ,
					#coobar .cc-buttons a * ,
					#coobar .cc-buttons button ,
					#coobar .cc-buttons button *  {
							
								vertical-align:baseline;
								white-space:nowrap;
								text-align: center;
					} 

					#coobar .btn ,
					#coobar .cb-btn
					{	 
													text-decoration:none; 
					} 
					
					/* support for old: */
					#coobar .cb-btn
					{	 
													display:inline-block; 
													border-radius:3px;
													padding:0.5em; 
					}
					
					@media (max-width: 979px) {

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

							#coobar .cc-buttons > a{
								
									width:100%;
							} 
					}
					@media (max-width: 480px) {
					}

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

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

#coobar {background:#ccc;  } 
#coobar { color:#333;  } 
#coobar a { color:#333;  }