* { font-family: CartoGothic, HelveticaNeue, Arial; }

@media only screen and (min-width:60em) {
	.row
	{
		max-width: 100%;
	}
}
.icon-bar a.item { text-align: center; color: #fff; font-size: 0.725rem; padding: 0.5rem 0.25rem; }
.icon-bar a.item.first { height: 100px; }
.icon-bar.primary a.item:hover { background-color: #1bbfcc; }
.icon-bar.secondary a.item:hover { background-color: #23dee2; }

h1, h2, h3, h4, h5, h6 { font-family: Raleway, HelveticaNeue, Arial; } 
p { font-family: CartoGothic, HelveticaNeue, Arial; }

h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.1rem; }
p { font-size: 0.775rem; }

.row.collapse > .column, .row.collapse > .columns { padding-right: 2px; }
.row.collapse input { margin-bottom: 0.5rem !important; }

input, select, textarea { font-family: CartoGothic, HelveticaNeue, Arial; transition: none !important; } 
input.console, select.console, textarea.console { font-family: Consolas, 'Courier New', Monospace !important; }
input, select { padding: 0.25rem !important; height: 1.75rem !important; font-size: 0.775rem !important; }
label { font-family: CartoGothicBold, HelveticaNeue, Arial; color: #333; font-size: 0.725rem; }
label.inline { padding: 0.3rem; margin: 0; }
label small { color: #068293; }

small.error { padding: 0.2rem !important; background-color: #f04141 !important; color: #fff; text-transform: uppercase; font-size: 0.725rem; font-family: CartoGothic, HelveticaNeue, Arial; font-style: normal !important; }

li.tab-title { background-color: #d8d8d8; }
li.tab-title a { padding: 0.25rem 0.5rem !important; background-color: transparent !important; font-family: Consolas, 'CourierNew', Monospace !important; }
li.tab-title.active { background-color: #23dee2; }
.tabs-content { background-color: #e8e8e8; padding: 5px; }

.button.small { font-size: 0.675rem; padding: 0.3rem 0.6rem; }

.switch label { width: 3rem; height: 1.5rem; border-radius: 3px; }
.switch input:checked + label { border-radius: 3px; background: #1bbfcc; }
.switch input:checked + label:after { left: 1.75rem; }
.switch label:after { width: 1rem; height: 1rem; border-radius: 3px; }

.reveal-modal-bg { position: fixed; }