.navbar { background-color: #000000; position: relative; margin-bottom: 22px; }

.navbar .navbar-inner { position: relative; max-width: 1140px; min-height: 60px; margin: 0 auto; padding: 0 15px; display: flex; flex-flow: row nowrap; justify-content: space-between; }

.navbar .navbar-logo { order: 2; }

.navbar .navbar-brand { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 10px; }

.navbar div.logo, .navbar div.touch-logo { background: url("/images/DMLogo150.svg") center center no-repeat; border-radius: 50%; height: 60px; width: 60px; background-size: 50px 50px; }

.navbar a { color: #0099FF; }

.navbar ul { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; }

.navbar ul li a { position: relative; display: block; padding: 10px 15px; font-size: 22px; text-decoration: none; }

@media (max-width: 640px) { .hidden-xs { display: none !important; } .navbar ul li a { padding: 10px 8px; font-size: 16px; } }

* { box-sizing: border-box; }

.sr-only { display: none; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

html, body { margin: 0; padding: 0; }

body { font-family: "Quicksand"; font-size: 16px; line-height: 1.42857; color: #000000; background-color: #666666; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

p { margin: 0 0 11px; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

a { text-decoration: underline; color: #000000; }

a:hover { color: #ffffff; }

hr { box-sizing: content-box; height: 0; margin: 22px 0; border: 0; }

h3, .h3 { font-size: 28px; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 22px; margin-bottom: 11px; font-weight: normal; line-height: 1.1; }

dl { margin-top: 0; margin-bottom: 22px; }

dt, dd { line-height: 1.42857; }

dt { font-weight: bold; }

dd { margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; }

.dl-horizontal dd:after { clear: both; }

@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } }

.thumbnail { display: block; padding: 4px; margin-bottom: 22px; line-height: 1.42857; background-color: #666666; border: 1px solid #ddd; border-radius: 4px; transition: border 0.2s ease-in-out; }

.thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }

.thumbnail .caption { padding: 9px; color: #000000; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #000000; }

.galleries { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; justify-content: space-around; align-items: center; }

.galleries > a { display: block; margin: 1%; -webkit-flex: 0 1 18%; flex: 0 1 18%; padding-top: 18%; background-size: cover; text-decoration: none; position: relative; min-width: 200px; min-height: 200px; }

.galleries > a h3 { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 5px; text-align: center; background-color: rgba(255, 255, 255, 0.7); color: #000; font-size: 18px; }

.gallery-box { position: relative; }

.gallery-box:before { content: ''; display: block; padding-top: 100%; }

.gallery-box .gallery-thumbnail { background-size: cover; background-position: center center; border-radius: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.news-archives { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

.news-archives dl { flex: 1 1 auto; min-width: 60px; }

.news-archives dl dd { color: #555; }

.news-archive-preview { margin-bottom: 20px; clear: both; height: 4.5em; overflow: hidden; text-overflow: clip ellipsis; }

.news-archive-preview img { max-height: 60px; float: left; margin-right: 10px; }

.news-archive-preview h5 { margin-top: 0; }

.news-archive-preview span { float: right; font-style: italic; }

.games-list .game { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 14px; border-bottom: 1px solid #666; }

.games-list .game h4 { font-size: 18px; margin: 5px 0; }

.games-list .game .thumbnail { -webkit-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #000; margin: 20px; }

.games-list .game .thumbnail img { width: 64px; height: 64px; }

.games-list .game .description { -webkit-flex: 1 1 auto; flex: 1 1 auto; }

.games-list .game:last-child { border-bottom: 0; }

.news-body p:has(img) { display: flex; flex-flow: column wrap; max-width: 640px; margin: 10px auto; border: 1px solid #000; border-radius: 2px; background-color: #666; color: #ddd; padding: 10px; }

.news-body p:has(img) > em { padding-top: 5px; align-self: center; }

.news-body p:has(img) > img { align-self: center; }

.news-body p:has(a > img) { display: flex; flex-flow: column wrap; max-width: 640px; margin: 10px auto; border: 1px solid #000; padding: 10px; }

.news-body p:has(a > img) > em { align-self: center; }

.news-body p:has(a > img) a { align-self: center; }

.news-body img { max-width: 100%; }

.news-body .links { margin-top: 30px; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

a { text-decoration: underline; }

.navbar { border-bottom: 2px solid #333; }

.navbar .nav li a { font-size: 22px; text-decoration: none; }

.navbar .nav li a:hover { font-weight: bold; }

.navbar .nav li.active a { font-weight: bold; }

a.navbar-brand { font-size: 24px; padding: 0; text-decoration: none; }

a.navbar-brand img { max-height: 100%; width: auto; display: inline-block; }

a.navbar-brand ul { height: 60px; display: table; }

a.navbar-brand ul li { display: table-cell; vertical-align: middle; }

.dm-navbar-toggle { margin: 0; padding: 0; border: 0; border-radius: 0; }

.dm-navbar-toggle:focus, .dm-navbar-toggle:hover { background-color: #000000 !important; border: 0; border-radius: 0; }

@media (max-width: 640px) { a.navbar-brand { font-size: 20px; } }

.content-box { background-color: #0099FF; border: 2px solid #000; box-shadow: 0 2px #555; padding: 10px; margin-bottom: 20px; }

.content-box .news-title { margin-top: 0; }

.content-box hr.divider { margin: 10px -10px; border-top: 2px solid #000; }

div.footer { text-align: center; margin-bottom: 20px; color: #999; }

@-moz-keyframes spin { to { -moz-transform: rotate(0deg); }
  from { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { to { -webkit-transform: rotate(0deg); }
  from { -webkit-transform: rotate(360deg); } }

@keyframes spin { to { transform: rotate(0deg); }
  from { transform: rotate(360deg); } }

div.monkey, div.loading { background: url("/images/DMLogo150.svg") center center no-repeat; border-radius: 50%; }

div.loading { position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; background-color: #000000; background-size: 85px 85px; box-shadow: 0 0 100px rgba(30, 30, 30, 0.75); -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); }

/*# sourceMappingURL=main.css.map */