/*
 *===============================================================
 * ADAM CSS FRAMEWORK - 04: ELEMENTS SETTINGS
 *===============================================================
 * Default settings to normalise and reset CSS for all browser types
 * INSTRUCTION: This CSS File must Always be the Fifth CSS. Do Not Edit.
 */

/*
 *---------------------------------------------------------------
 * FONTS
 *---------------------------------------------------------------
 */ 
a, abbr, acronym, address, applet, article, aside, big, blockquote, body, button,
cite, code, del, details, dfn, dd, div, dl, dt, fieldset, figcaption, figure, form, footer, 
h1, h2, h3, h4, h5, h6, hr, hgroup, html, iframe, img, input, label, legend, li, 
mark, menu, nav, ol, object, optgroup, p, pre, section, select, span, summary, 
table, time, textarea, tbody, tfoot, thead, tr, th, td, ul {
  font-family: 'open_sansregular';
}
/*
 *---------------------------------------------------------------
 * HEADERS
 *---------------------------------------------------------------
 */ 
h1 {
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 400; 
}
h2 {
  font-size: 1.625rem;
  line-height: 1.787rem;
  font-weight: 400; 
}
h3 {
  font-size: 1.375rem;
  line-height: 1.512rem;
  font-weight: 400; 
}
h4 {
  font-size: 1.125rem;
  line-height: 1.237rem;
  font-weight: 400; 
}
h5 {
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 400; 
}
h6 {
  font-size: 0.875rem;
  line-height: 0.962rem;
  font-weight: 400; 
}
/*
 *---------------------------------------------------------------
 * PAGE
 *---------------------------------------------------------------
 */ 
.page-body {
  background: #FFFFFF;
  color: #000000;
}
.page-wrapper {
  height: 100%;
  display: table;
  width: 100%;
  text-align: center;
}
.page-header {
  display: table-row;
  height: 0.1em;
  background: #CCCC00;
  color: #FFFFFF;
}
.page-center {
  display: table-cell;
  width: 80%;
  height: 90%;
}
.page-box {
  display: table-cell;
}
.page-left {
  width: 10%;
  background: #FFE0C2;
}
.page-right {
  width: 10%;
  background: #FFE0C2;
}
.page-footer {
  display: table-row;
  height: 0.1em;
  background: #CCCC00;
  color: #FFFFFF;
}
/*** Form Page Elements ***/
section#page {
  display: table;
}
header#page-header {
  display: table-header-group;
}
article#page-body {
  display: table-row-group;
}
footer#page-footer {
  display: table-footer-group;
}
div#page-colgroup {
  display: table-column-group;
}
div#page-col {
  display: table-column;
}
div#page-tr {
  display: table-row;
}
div#page-th {
  display: table-cell;
}
div#page-td {
  display: table-cell;
}
/*
 *---------------------------------------------------------------
 * TABLE ELEMENTS
 *---------------------------------------------------------------
 */ 
section#table {
  display: table;
}
header#table-header {
  display: table-header-group;
}
article#table-body {
  display: table-row-group;
}
footer#table-footer {
  display: table-footer-group;
}
div#table-colgroup {
  display: table-column-group;
}
div#table-col {
  display: table-column;
}
div#table-tr {
  display: table-row;
}
div#table-th {
  display: table-cell;
}
div#table-td {
  display: table-cell;
}
/*
 *---------------------------------------------------------------
 * TAB ELEMENTS
 *---------------------------------------------------------------
 */ 
input.tab-base {
  display: none;
}
section.tab-base {
  padding: 1.25rem 0 0;
  border-top: 1px solid #ddd;
}
label.tab-base {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 0.9375rem 1.5625rem;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
label.tab-base:before {
  font-family: ucadia-icons;
  font-weight: normal;
  margin-right: 10px;
}
label[for*='1']:before { content: "\2665"; }
label[for*='2']:before { content: "\26F1"; }
label[for*='3']:before { content: "\26F8"; }
label[for*='4']:before { content: "\26EA"; }

label.tab-base:hover {
  color: #888;
  cursor: pointer;
}
input.tab-base:checked + label.tab-base {
  color: #555;
  border: 0.0625rem solid #ddd;
  border-top: 0.125rem solid orange;
  border-bottom: 0.0625rem solid #fff;
}

/*
 *---------------------------------------------------------------
 * STACK ELEMENTS
 *---------------------------------------------------------------
 */ 
.stack-rel-top {
	position:relative;
	z-index:3;
}
.stack-rel-mid {
	position:relative;
	z-index:2;
}
.stack-rel-back {
	position:relative;
	z-index:1;
}
.stack-top {
	position:absolute;
	z-index:3;
}
.stack-mid {
	position:absolute;
	z-index:2;
}
.stack-back {
	position:absolute;
	z-index:1;
}
/*
 *---------------------------------------------------------------
 * CIRCLES
 *---------------------------------------------------------------
 */ 
.circle-small {
	display:inline-block;
	border-radius: 1.1em;
	padding:1.6em, 1.6em, 1.6em, 1.6em;
	width:2.3em;
	height:2.3em;
}
/*
 *---------------------------------------------------------------
 * BOXES
 *---------------------------------------------------------------
 */ 
.box-small {
	display:inline-block;
	border-radius: 0.7em;
	padding:0.7em;
	width:1.1em;
	height:1.1em;
}
.box-micro {
	display:inline-block;
	border-radius: 0.4em;
	padding:0.4em;
	width:0.8em;
	height:0.8em;
}
.icon-box-small-old {
  display:inline-block;
  position: relative;
  font-size:30px;
  line-height:60px;
  
  border-radius: 10px;
  padding: 0px;
  width: 60px;
  height: 60px;
}
#box-grey-normal-line {
  border-radius: 15px;
  border: 2px solid hsl(300, 100%, 38%)   
}
span#icon-box {
  top:50% !important;
  left:50% !important;
  margin-right:-50% !important;
}
#image-box {
  position: absolute !important;
  top:50% !important;
  left:50% !important;
  margin-right:-50% !important;
  transform: translate(-50%, -50) !important;	
}
/*
 *---------------------------------------------------------------
 * BLOCKS AND CAPTIONS
 *---------------------------------------------------------------
 */ 
blockquote {
  font-family: sans-serif;
  font-weight: 400;
  font-style: italic;
  margin: 3em 0; 
}
blockquote p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin-bottom: 0.4em; 
}
blockquote cite {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 19px;
  line-height: 1.1875rem;
  font-weight: 700;
  font-style: normal;
  color: #777; 
}
caption {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: normal;
  font-weight: 700;
  text-align: left;
  padding: .5em 0;
  border-bottom: 1px solid #d7d7d7; 
}
/*
 *---------------------------------------------------------------
 * BUTTONS
 *---------------------------------------------------------------
 */ 
 
button {
  margin-top: 3px;
  margin-bottom: 3px;  
  border: 1px solid #bbb;
  border-radius: 0.4em;
  padding:0.4em;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
  font-size: 0.9em;
}

.button-small {
  font-size: 0.9em;
  font-weight: 550;
}

button:hover{
  background-color: #eee;
  color: #555;
}