/** FONTS **/

@font-face {
  font-family: 'Comfortaa';
  src: URL('/fonts/comfortaa/Comfortaa-VariableFont_wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 100;
  src: URL('/fonts/barlow/BarlowCondensed-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 400;
  src: URL('/fonts/barlow/BarlowCondensed-Regular.ttf') format('truetype');
}

/** GENERAL **/

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.tooltip,
.popover {
  font-family: Verdana;
}

.center {
	text-align: center;
}

.wrap-anywhere {
	word-wrap: anywhere;
	overflow-wrap: anywhere;
	word-break: break-all;
}

.wrap-word {
	word-break: break-word;
}

p, div {
	font-size: 14px;
}

/** HEADERS **/

.board h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.board.AT h1 {
	font-family: 'Barlow Condensed', sans-serif;
}

.board.COM h1 {
	font-family: 'Comfortaa', sans-serif;
	font-size: 2em;
	font-weight: bold;
}

.board h1 .light {
	font-weight: 100;
}

.board .headerLine {
	margin-top: 10px;
}

.board .header img {
	max-height:48px;
	vertical-align: baseline;
}

.board .header .link {
	display: inline-block;
	width: 64px;
}

.board .header .text {
	display: inline-block;
}

/** LOGO **/

.logo {
	margin: 30px 0px;
	cursor: pointer;
}

.logo img {
	max-height:96px;
	vertical-align: baseline;
}

.logo.AT img {
	margin-bottom:-4px;
}

.logo.COM img {
	margin-bottom:4px;
}

.logo.AT > div {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 2.5em;
	font-weight: 100;	
}

.logo.COM > div {
	font-family: 'Comfortaa', sans-serif;
	font-size: 2em;
	font-weight: 100;	
}

/** PAGES **/

.page.home {
	margin-top: 60px;
}

.board .tagline .point {
	text-transform: uppercase;
	font-size: 0.75em;
}

/** FOOTER **/

.footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer .add-this-container {
	margin-bottom: 20px;
}

.footer .copyright {
	margin-top: 20px;
}

.footer .copyright p {
	margin: 0px;
	color: rgb(119, 119, 119) !important;
	font-size: 0.75em;
}

.badge-success {
  background-color: #198754;
}

/** ADS **/

.header.adcontainer {
	border-bottom: 1px solid #ccc;
}

.responsiveAdBlock { width: 320px; height: 100px; }
@media(min-width: 500px) { .responsiveAdBlock { width: 468px; height: 60px; } }
@media(min-width: 800px) { .responsiveAdBlock { width: 728px; height: 90px; } }

.responsiveAdLine { display: none; }
@media(min-width: 500px) { .responsiveAdLine { display:inline-block; width: 468px; height: 15px; } }
@media(min-width: 800px) { .responsiveAdLine { display:inline-block; width: 728px; height: 15px; } }