body {

 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
color: #3F4254; font-size: 16px; font-weight:400; padding-top: 62px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  color: #181C32; font-weight: 700}

.navbar-brand { font-weight: 600; padding-right: 1rem; font-size: 1.5rem; }
.badge { font-weight: 400; padding: 0.5em 0.8em; }
table#scores td { border:0;}

table#scores thead th { border-bottom: 1px solid #dee2e6; }

.pagination { border-radius: 0}
.page-item:first-child .page-link, .page-item:last-child .page-link { border-radius: 0}
.page-item.active .page-link { background-color: #28D2D0; border-color: #28D2D0; }
.page-link { color: #28D2D0; }

.q-meta { font-size: 80%; }
.q-meta span { display: inline-block; margin-right: 15px;}
.btn { border:0; border-radius: 0.33rem !important; padding: 0.75rem 1.5rem; font-weight: 400; box-shadow: 0 7px 16px 0 rgb(0 0 0 / 15%);}

.btn-lg { padding: .5rem 1.5rem; }
.bg-light { background-color: #F3F6F9 !important}

.btn-primary:hover { color: #fff; background-color: #ffa500; border-color: #ffa500; }
.btn-primary { color: #fff; background-color: #F5B800; border-color: #F5B800; }

footer a { color: #fff; }
footer { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline }

.slick-track { display: flex !important; }
.slick-slide { height: inherit !important; }
.slick-dots li.slick-active button:before { opacity: 1; }
.slick-dots li button:before { font-size: 11px; line-height: 11px; color: #645a51; opacity: 0.5; }
.slick-dots li { margin: 0; }
.slick-dots { bottom: -35px; }
.btn-primary.disabled, .btn-primary:disabled {  background-color: #bbb; border-color: #bbb; }
input.clever { display: none; }

.rounded { border-radius: 15px !important; }

a.c-white:hover { color: #fff; }

#top-bar { padding: 7.5px 0; text-align: right; font-size: 0.8rem;}
#top-bar ul {
    list-style-type: none;
    margin: 0;
}
#top-bar ul>li>a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
}
#top-bar ul>li:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,.3);
}
#top-bar ul>li {
    padding: 0 12.5px;
    display: inline-block;
}
/* table.question-list td, table.question-list th { padding: 0.75rem 0; } */

.btn-danger, .btn-danger:disabled {  background-color: #d80000; }
.btn-success, .btn-success:disabled {  background-color: #28a745; }
.c-white { color: #fff; }

.c-white { color: #fff; }
.c-light { color: #bbb; }
.bg-blue { background-color: #28D2D0; }
.bg-orange {  background-color: #F5B800}
.bg-green { background-color: #28a745}

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}

.c-blue { color: #28D2D0; }
.c-orange {  color: #F5B800}
.c-green { color: #28a745}

.border-blue { border: 1px solid #28D2D0; }

.btn-success:disabled, .btn-danger:disabled { opacity: 1; }

.form-l { background-color: #d80000; color: #fff; padding: 0 4px; margin-right: 3px; width:23px; display: inline-block; text-align: center; }
.form-d { background-color: #666; color: #fff; padding: 0 4px; margin-right: 3px; width:23px; display: inline-block; text-align: center; }
.form-w { background-color: #28a745; color: #fff; padding: 0 4px; margin-right: 3px; width:23px; display: inline-block; text-align: center; }

.nav-link { font-weight: 600; }
.dropdown-menu {background-color:#28D2D0;border:0;}
.dropdown-item {color:#fff;}
.navbar { padding-left: 0; padding-right: 0}
.navbar-dark .navbar-nav .nav-link {color:#fff;}
.answer.btn-success, .answer.btn-danger { /*padding-left: 32px;*/ position: relative; }
.answer.btn-success:before, .answer.btn-danger:before { position: absolute; font-family: 'FontAwesome'; top: 12px; left: 15px; }
.answer.btn-success:before { content: "\f00c"; }
.answer.btn-danger:before { content: "\f00d"; }

table#scores { font-size: 0.85rem; }
.table#scores td, .table#scores th { padding: 0.33rem; }
table#scores th { border-top: 0;}
.btn.answer { white-space: normal; }


.alert { border-radius: 0; border:0}

/* .navbar { padding-left:0; padding-right:0} */
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-toggler { border-color: #fff; background-color: transparent; border-radius: 0; padding: 3px 8px; }
    
    
    .jumbotron { background-size: cover; background-position: center; border-radius: 0 }



@media (min-width: 375px)
{
	.table#scores td, .table#scores th { padding: 0.33rem 0.5rem; }
}

@media (min-width: 420px)
{
	.table#scores td, .table#scores th { padding: 0.5rem 0.66rem; }
}

  
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	.jumbotron {
    padding: 5rem 2rem; }
    body { padding-top: 95px; }
}

/* 	.btn.answer { min-width: 50%; }	 */
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{

}