/* 
** $Id$
** BMD Grid and Flex CSS. 
** Author: Ian Hartas, 2021
** Mainly for the forms in the BMD Advanced search page.
*/

* 
{
/*	box-sizing: border-box; */
}

.grid-container 
{
  /* border: 1px solid red;  */
  display: grid;
  /* grid-template-columns: 50% 50%;  */
  grid-template-columns:  200px auto; 
  padding: 5px;
}

.grid-container-full
{
  display: grid;
  grid-template-columns:  auto; 
  padding: 0px;
}

.grid-item 
{
  /* border: 1px solid black;  */
  padding: 5px;
  text-align: left;
}

.grid-item-bold
{
  /* border: 1px solid green;  */
  padding: 5px;
  font-weight: bold;
  text-align: left;
}

.grid-item-left-filler
{
	padding: 5px;
	grid-column: 1 / span 2;
}

.grid-item-right-filler
{
	padding: 5px;
	grid-column: 3 / span 2;
}

.grid-item-full-filler
{
	padding: 5px;
	grid-column: 1 / span 4;
}

.grid-text-small
{
	font-size: 80%;
}

.flex-container
{
   	/* border: 1px solid purple; */
	display: flex;
	flex-wrap: wrap;
	justify-content: left; 
	padding-left: 0px; 
}

.flex-container > div 
{	
}

.flex-item-left 
{
  /* background-color: #f1f1f1; */
  padding: 0px;
}

.flex-item-left-50
{
  padding: 0px;
  flex: 50%;
}

.flex-item-right 
{
  /* background-color: dodgerblue; */
  padding: 0px;
}

.flex-item-right-50
{
  /* background-color: dodgerblue; */
  padding: 0px;
  flex: 50%;
}

.p-grid
{
	padding: 10px; 
	text-align: justify;
}
@media (min-width: 700px)
{
	.english-link
	{
		display: none;
	}
}

@media (max-width: 700px)
{
	.flex-item-right, .flex-item-left 
	{
    	flex: 100%;
	}
	.english-link
	{
		display: inline;
	}
}