body {
  	box-sizing: border-box;
  	font-family:'Ropa Sans' !important;
  	font-size: 18px;
  	margin:0;
}
body {
  	background-color: #514943;
}
.login {
  	width: 400px;
  	margin: 10px auto;
  	max-width:90%;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #EF7F2A;
  	color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #EF7F2A;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
  	border-radius:25px;
}
.login form input[type="submit"]:hover {
	background-color: #DF6F1A;
  	transition: background-color 0.2s;
}



.topbar {
    position:sticky;
    top:0px;
    z-index:99999;
    box-shadow: 5px 5px 8px 0 rgb(0,0,0,0.4);
}

.navmenu {
        padding:5px;
        background-color: #514943;
        color:#fff;
//        background: rgb(0,0,0,0.2);
    }

.earnbox {
    display:flex;
    justify-content:flex-end;
}
.earn {
    display:flex;
    padding-right:25px;
}
.earn > div {
    padding-right:5px;
}
.earnicon {
    
}
.earnvalue {
    font-weight:700;
}
.earnicon img {
    max-height:20px;
    max-width:20px;
}

.cluestatus {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}
.csicon {
    //margin-right:7px;
}
.csicon img {
    max-height:45px;
    max-width:45px;
}

.cluebox {
    margin: 20px auto;
    background:url('/img/bth_clue-bg.jpg');
    background-size:cover;
    padding:15px;
    font-family: 'Roboto Slab';
    font-weight:700;
    color: #514943;
    text-align:center;
    
}



.navtop {
//	background-color: #fff;
	height: 90px;
	width: 100%;
	border: 0;
	padding: 15px 0;
//	box-shadow: inset 0 -12px 6px -6px #ccc;
}
.navmain {
	display: flex;
	margin: 0 auto;
	//width: 1000px;
	height: 100%;
	flex-wrap:wrap;
}
.navsection h1, .navsection a {
	display: inline-flex;
	align-items: center;
}
.navsection h1 {
	flex: 1;
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #eaebed;
	font-weight: normal;
}
.navsection a {
	padding: 0 20px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
.navsection a i {
	padding: 2px 8px 0 0;
}
.navsection a:hover {
	color: #666;
}
.navsection a:has(img) {
	display:block;
	margin-bottom:20px;
}
.navlogo {
    
}
.navicons {
    
}
.earnbox {
    
}
body.loggedin {
	background-color: #476975;
}

.content-wrap {
    background-image:url('https://baltimoretreasurehunt.com/wp-content/uploads/2024/09/bg3.jpg');
    background-size:cover;
    background-position: center;
    background-attachment: fixed;
    max-width: 600px;
    margin: auto;
}
.content-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 100vh;
    
}
.content {
	width: 1000px;
	margin: 0 auto;
	max-width: 90%;
}
.content h2 {
	margin: 0;
	padding: 25px 0;
	font-size: 20px;
	border-bottom: 1px solid #e0e0e3;
	color: #514943;
}
.content h3 {
	margin: 0 0 10px;
	padding: 25px 0 5px;
	font-size: 22px;
	border-bottom: 1px solid #e0e0e3;
	color: #514943;
}
.content > p {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	margin: 25px 0;
	padding: 25px;
	background-color: #fff;
}
.content .bar {
	box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
	margin: 25px 0;
	padding: 10px 25px;
	background-color: #514943;
	color:#eee;
	border-radius:25px;
}
.content .bar.bgo {
    background-image: url(/img/bth_bg-overlay.png);
    background-size: cover;
    background-blend-mode: soft-light;
} 
.content .bar.bgo.bgo1 {
    background-image: url(/img/bth_bg-overlay-1.png);
} 
.content .bar.bgo.bgo2 {
    background-image: url(/img/bth_bg-overlay-2.png);
} 
.content .bar.bgo.bgo3 {
    background-image: url(/img/bth_bg-overlay-3.png);
} 



.bar.collapsed .full-text {
    display: none;
}

.bar:not(.collapsed) .short-text {
    display: none;
}

.bar {
    cursor: pointer;
    transition: all 0.3s ease;
}
.bar .full-text {
    line-height: 22px;
    padding: 5px 0;
}

    
    
.content > p table td, .content > div table td {
	padding: 5px;
}
.content > p table td:first-child, .content > div table td:first-child {
	font-weight: bold;
	color: #514943;
	padding-right: 15px;
}
.content > div p {
	padding: 5px;
	margin: 0 0 10px 0;
	line-height: normal;
}

.section {
    margin: 20px 0;
    margin-right:0 !important;
    margin-left:0 !important;
}

.card {
    margin-bottom: 20px;
    height:100%;
}

.card-wrap .opencard {
    cursor: pointer;
}

.card-header, .card-footer {
    background: transparent !important;
    border:0 !important;
}

.card-holder {
    padding-bottom:25px;
}

.h100 {
    height:100%;
}

.card-text {
    line-height: 20px;
    padding-bottom: 20px;
}
.card-header {
    font-weight:700;
    display:flex;
    justify-content:space-between;
}
.card-body, .card-footer {
    font-size:16px;
}

.card-footer {
    display:flex;
    justify-content:space-between;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Roboto Slab';
}
body {
    font-family: 'Ropa Sans';
}

.po-status.not-started i {
    display:none;
}
.po-status.not-done i {
    color:#ccc;
    cursor:pointer;
}
.po-status.complete i {
    color:#006600;
}
.po-status.awaiting-approval i {
    color:#FDDA0D;
}

.card-icon img {
    max-height:25px;
    max-width:25px;
}

.bottom-space {
    height:400px;
}

.po-complete {
    background: #eeffee !important;
}

.po-complete .button-wrap {
    display:none;
}

.reflink {
    font-size:25px !important;
    font-weight:700;
    color:#fff;
}
.reflink a {
    color:#fff;
}
.reflink a:hover {
    color:#eee;
}

.theitem {
    display:flex;
}
.quest-item {
    display:flex;
    justify-content:space-between;
    margin-bottom: 10px;
}
.thelabel {
    font-weight:700;
    margin-right:15px;
}
.quest-item .theinfo {
    font-family: 'Roboto Slab';
    font-weight:700;
    color: #514943;
}

.checklocbox {
    text-align:center;
}
#checkloc {
    background: #EF7F2A;
    color:white;
    border-radius:25px;
    margin:auto;
    border:0;
    padding:5px 10px;
    font-weight:700;
}


.popup {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,
            0,
            0,
            0.4);
    display: none;
}

.popup-content {
    background-color: #F0E5DA;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888888;
    min-width: 30%;
    max-width: 600px;
    font-weight: bolder;
    min-height: 75%;
    max-height: 600px;
}

.popup-content button {
    display: block;
    margin: 0 auto;
}

#closePopup {
    background: #EF7F2A;
    color:white;
    border-radius:25px;
    margin: 0 auto 25px;
    border:0;
    padding:5px 10px;
    font-weight:700;
}
.popup-headline {
    font-family: 'Roboto Slab';
    color: #514943;
    font-size: 26px;
    margin-bottom: 25px;
}
.popup-text {
    color: #514943;
    font-weight: 400;
    margin-bottom: 25px;
    font-size:18px;
}
.popup-image {
    text-align:center;
    margin-bottom: 25px;
}

.popup-image img {
    max-width:200px;
    max-height:200px;
}


.show {
    display: block;
}

.csicon.active {
    filter: drop-shadow(2px 2px 12px rgba(205,130,20,0.8));
}
.csicon.future {
    opacity: 0.4;
}

    #themap {
        
    }
    #mapwrap {
        display: flex;
        flex-wrap: wrap;
        background: url('/img/treasure-map_bg_sm.png');
        background-size:cover;
        background-position: top center;
        justify-content:space-between;
        min-width: 310px;
    }
    #mapwrap.teammap {
        background-image: url('/img/team-map-bg_sm.jpg');
        background-repeat: repeat;
        background-size:auto;
    }
    .map-square {
        flex-basis: 9%;
        padding: 10px;
        background: rgba(235, 235, 235, 0.8);
        margin: 0.5%;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        cursor:pointer;
    }
    .map-square.active {
        background:transparent;
        cursor: default;
        font-size:0;
    }
    .map-square span {
        visibility:hidden;
    }



    .form-row {
        display:flex;
        max-width:100%;
    }
    .login-logo {
        
        margin: 0 auto;
        padding:30px 0;
        text-align:center;
    }

    .getbox {
        box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
    	margin: 10px 0;
    	padding: 10px   ;
    	background-color: #514943;
    	color:#eee;
    	border-radius:15px;
    	width: 100%;
    	display:flex;
    	justify-content: space-between;
    	flex-wrap: wrap;
    }
    .get-title {
        padding-left:10px;
        line-height:18px;
    }
    .getbox-left {
        display:flex;
        
        //justify-content: space-between;
        flex-basis:60%;
        //padding-bottom: 5px;
    }
    .getbox-right {
        display:flex;
        justify-content: space-between;
        flex-basis:30%;
        //padding-bottom: 5px;
    }
    .get-title {
        text-decoration:none;
    }
    .getbox-description {
        margin-bottom:10px;
    }
    .getbox-button {
        text-align: center;
        background: orange;
        border: 0;
        border-radius: 10px;
        padding: 5px 10px;
        color: white;
    }
    .getlink, a.getlink:hover, a.getlink:active {
        width:100%;
        text-decoration:none;
    }
    .get-coins {
        display:flex;
        align-content:center;
        flex-wrap: wrap;
    }
    .get-coins-icon img {
        max-width:16px;
        margin-right:6px;
    }
    .get-expand {
        cursor: pointer;
    }
    .getbox-expanded-text {
        flex-basis:100%;
        font-size:14px;
        border-top:1px solid #eee;
        padding: 5px;
        display:none;
        margin-top:5px;
    }
    
        
    .get-status.not-started i {
        //display:none;
    }
    .get-status.not-done i {
        color:#ccc;
        cursor:pointer;
    }
    .get-status.complete i {
        color:#006600;
    }
    .get-status.awaiting-approval i {
        color:#FDDA0D;
    }
    
    
    .po-complete .button-wrap {
        display:none;
    }
    
    .questbox {
        box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
        margin: 10px 0;
        padding: 10px;
        background-color: #514943;
        color: #eee;
        border-radius: 15px;
        width: 100%;
        display: flex;
        //justify-content: space-between;
        flex-wrap: wrap;
        flex-direction:column;
    }
    .questbox.bgo {
        background-image: url(/img/bth_bg-overlay.png);
        background-size: cover;
        background-blend-mode: soft-light;
    } 
    .questbox.bgo.bgo1 {
        background-image: url(/img/bth_bg-overlay-1.png);
    } 
    .questbox.bgo.bgo2 {
        background-image: url(/img/bth_bg-overlay-2.png);
    } 
    .questbox.bgo.bgo3 {
        background-image: url(/img/bth_bg-overlay-3.png);
    } 
    .questbox-icon img {
        max-width:25px;
    }
    .questbox-top {
        display:flex;
        justify-content:space-between;
        margin-bottom:18px;
    }
    .questbox-text {
        margin-bottom:12px;
    }
    .questbox .theinfo {
        color:#fff;
    }
    .questbox-specs {
        display:flex;
        justify-content:space-between;
        margin-bottom:18px;
    }
    .questbox-button {
        width:100%;
    }
    .questbox-button button {
        width:100%;
        text-align:center;
        border-radius:15px;
        border:0;
        padding:7px;
    }
    

    .treasure-map-button {
        width:100%;
    }
    .treasure-map-button button {
        width:100%;
        text-align:center;
        border-radius:15px;
        border:0;
        padding:7px;
    }
    
    #shovels {
        margin: 15px auto;
        width: fit-content;
    }
    #shovelsleft {
        display:none;
    }
    .shovelsleft {
        display:flex;
        margin:auto;
    }
    .shovel-icon {
        margin: 0 10px;
    }
    .shovel-icon img {
        max-width:30px;
    }
    
    #howmuchtime, #newshovelscoming {
        width:100%;
        text-align:center;
    }
    #howmuchtime {
        margin-bottom:15px;
    }
    #getbonusshovel {
        margin:10px 0;
        padding:10px;
        background-color: #514943;
        border:2px solid #333;
        border-radius:10px;
        cursor:pointer;
        color:#fff;
        text-align:center;
    }
    


@media only screen and (max-width: 600px) {
    
    .h1, h1 {
        font-size: 1.5rem !important;
    }
    
    .navtop {
    	//height: 200px;
    }
    .navtop div {
    	//height: 75%;
    }
    .navmain {
        justify-content:space-around;
    }
    .navlogo {
        flex-basis:80%;
    }
    .navicons {
        display: flex;
        flex-direction: column;
    }
    .navicons a i {
    	padding: 2px 8px 0 0;
    	text-decoration: none;
    	color: #333;
    	font-weight: bold;
    }
    .topbar {
        position:sticky;
        top:0px;
        z-index:99999;
        box-shadow: 5px 5px 8px 0 rgb(0,0,0,0.4);
    }
    .navmenu {
        padding:5px;
        background-color: #514943;
        color:#fff;
//        background: rgb(0,0,0,0.2);
    }
    
    .earnbox {
        display:flex;
        justify-content:space-around;
    }
    
    .earn {
        padding-right:10px;
    }

    .map-square {
        flex-basis: 18%;
        padding: 10px;
        background: rgba(235, 235, 235, 0.8);
        margin: 1%;
        text-align: center;
        font-weight: 700;
        font-size: 25px;
        cursor:pointer;
    }
}





#cardscreen {
    display:none;
    width:100%;
    height:100%;
    background:rgb(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    z-index:99999999;
}

#closecard {
    display:none;
    position:absolute;
    top:5px;
    right:5px;
    color:#514943;
    cursor:pointer;
}
#closecard-hold {
    display:none;
    position:absolute;
    top:5px;
    right:5px;
    color:#ccc;
}

#cardscreencontent {
    display:none;
    height:100% !important;
}

#cardscreencontent .btreasurecard {
    margin: auto;
    margin-top: calc((100vh - 500px) / 2);
}




#sponsorscreen {
    display:none;
    width:100%;
    height:100%;
    background:#eee;
    position:fixed;
    top:0;
    left:0;
    z-index:99999999;
}

#closesponsor {
    display:none;
    position:absolute;
    top:5px;
    right:5px;
    color:#514943;
    cursor:pointer;
}
#closesponsor-hold {
    display:none;
    position:absolute;
    top:5px;
    right:5px;
    color:#ccc;
}

#sponsorscreencontent {
    display:none;
    height:100% !important;
}

.spnsor-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px;
    height:100%;
    justify-content: space-between;
}
.spnsor-head, .spnsor-foot {
    height:100px;
}
.spnsor-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.spnsor-name {
    font-size: 35px;
    font-weight: 700;
    margin-bottom:10px;
}
.spnsor-description {
    margin-bottom:10px;
    text-align:center;
}
.spnsor-button {
    margin: 10px auto;
    border: 1px solid #333;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    background: #514943;
    font-weight: 700;
    margin-bottom:10px;
}
.spnsor-link {
    
}
.spnsor-logo-wrap {
    text-align: center;
}
.spnsor-logo {
    max-width:90%;
    margin-bottom:10px;
}
.spnsor-spin {
    font-size:50px;
}



.home-options-wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
    margin: 25px 0;
}
.home-item-wrapper {
    position: relative;
}
.home-item {
    max-width:240px;
}
.home-item a {
    
}
.home-item img {
    max-width:100%;0
    margin:auto;
}

.home-item.red-dot:after {
    content: "";
    position: absolute;
    height: 18px;
    width: 24px;
    bottom: 5px;
    right: 3px;
    background-image: url(/img/BTH_red-dot.png);
    background-size: 24px 18px;
    background-position: top center, bottom center;
    background-repeat: no-repeat;
}


#claimloginbonus {
    background: #EF7F2A;
    cursor: pointer;
    border-radius: 20px;
    padding: 10px 15px;
    font-weight: 700;
}

.card-theme-cards-wrap {
    display:flex;
    flex-wrap: wrap;
}

.winamountitem {
    margin-bottom:10px;
    font-size: 25px;
    font-weight: bold;
    display: flex;
}
.waimage {
    width:50px;
    text-align: center;
}
.winamountitem img {
    max-width:35px;
    max-height:35px;
}







    .treasurecard {
        width:300px;
        height:420px;
        border-radius:25px;
        border:1px solid #333;
        background-color: #336699;
        background-image: url(/img/bth_bg-overlay-1.png);
        background-size: cover;
        background-blend-mode: soft-light;
    }
    
    .tcard-top {
        height:12%;
        display:flex;
        justify-content:space-between;
        padding:15px 20px;
        color:#fff;
    }
    
    .tcard-main {
        height:35%%;
    }
    .tcard-titleimage {
        display:flex;
        flex-direction:column;
        width:80%;
        margin:auto;
        border:1px solid #514943;
    }
    .tcard-title {
        background:#514943;
        color:#fff;
        padding:5px 10px;
        text-align:center;
    }
    .tcard-image {
        background: url('/img/baltimore-map-1b.jpg');
        background-size:cover;
        height:120px;
    }
    .tcard-description {
        height:38%;
        width:90%;
        margin:-6% auto 0;
        background:url('/img/bth_paper.jpg');
        background-size:cover;
        padding:10px;
        z-index:5;
        box-shadow: 3px 3px 5px 0 rgb(0,0,0,0.3);
    }
    .tcard-bottom {
        height:10%;
        display:flex;
        justify-content:space-between;
        padding:15px 20px;
        color:#fff;
    }
    
    
    .tcard-bigmain {
        height:40%;
        display: block;
        //align-items: center;
        //flex-wrap: wrap;
    }
    .tcard-bigtitle {
        display:flex;
        //flex-direction:column;
        width:70%;
        margin:auto;
        //border:1px solid #514943;
        background:rgb(255,255,255,0.7);
        height:100%;
        border-radius: 20px;
        padding:20px;
        font-size:30px;
        text-align:center;
        flex-wrap:wrap;
        align-items:center;
        line-height:1.1;
        font-family:'Roboto Slab';
        font-weight:700;
    }
    
    
    
    
    
    
    .btreasurecard {
        width:320px;
        height:495px;
        background-image: url(/img/cards/BTH_card_front-01.png);
        background-size: cover;
        margin:25px;
        filter: drop-shadow(3px 3px 6px #444);
    }
    .btreasurecard.back.theme-1 {
        background-image: url(/img/cards/BTH_card_back-01.png);
    }
    .btreasurecard.back.theme-2 {
        background-image: url(/img/cards/BTH_card_back-02.png);
    }
    .btreasurecard.back.theme-3 {
        background-image: url(/img/cards/BTH_card_back-03.png);
    }
    .btreasurecard.back.theme-4 {
        background-image: url(/img/cards/BTH_card_back-04.png);
    }
    .btreasurecard.back.theme-5 {
        background-image: url(/img/cards/BTH_card_back-05.png);
    }
    .btreasurecard.back.theme-6 {
        background-image: url(/img/cards/BTH_card_back-06.png);
    }
    .btreasurecard.back.theme-7 {
        background-image: url(/img/cards/BTH_card_back-07.png);
    }
    .btreasurecard.back.theme-8 {
        background-image: url(/img/cards/BTH_card_back-08.png);
    }
    .btreasurecard.back.theme-9 {
        background-image: url(/img/cards/BTH_card_back-09.png);
    }
    .btreasurecard.back.theme-10 {
        background-image: url(/img/cards/BTH_card_back-10.png);
    }
    
    
    .btreasurecard.front.theme-1 {
        background-image: url(/img/cards/BTH_card_front-01.png);
    }
    .btreasurecard.front.theme-2 {
        background-image: url(/img/cards/BTH_card_front-02.png);
    }
    .btreasurecard.front.theme-3 {
        background-image: url(/img/cards/BTH_card_front-03.png);
    }
    .btreasurecard.front.theme-4 {
        background-image: url(/img/cards/BTH_card_front-04.png);
    }
    .btreasurecard.front.theme-5 {
        background-image: url(/img/cards/BTH_card_front-05.png);
    }
    .btreasurecard.front.theme-6 {
        background-image: url(/img/cards/BTH_card_front-06.png);
    }
    .btreasurecard.front.theme-7 {
        background-image: url(/img/cards/BTH_card_front-07.png);
    }
    .btreasurecard.front.theme-8 {
        background-image: url(/img/cards/BTH_card_front-08.png);
    }
    .btreasurecard.front.theme-9 {
        background-image: url(/img/cards/BTH_card_front-09.png);
    }
    .btreasurecard.front.theme-10 {
        background-image: url(/img/cards/BTH_card_front-10.png);
    }
    
    .bthcard-top {
        height:12%;
        display:flex;
        justify-content:space-between;
        padding:37px 50px;
        color:#333;
    }
    
    .bthcard-main {
        height:35%;
    }
    .bthcard-titleimage {
        display:flex;
        flex-direction:column;
        width:80%;
        margin:auto;
        border:1px solid #514943;
    }
    .bthcard-title {
        color:#fff;
        padding:5px 10px;
        text-align:center;
    }
    .bthcard-image {
        background-size:cover;
        height:120px;
    }
    .bthcard-description {
        //height: 200px;
        height:35%;
        width: 246px;
        margin: 0 38px 0;
        padding: 10px;
    }
    .bthcard-bottom {
        height: 10%;
        display: flex;
        justify-content: space-between;
        margin: 0 50px;
        color: #333;
    }
    
    
    .bthcard-bigmain {
        //height:130px;
        height:30%;
        display: block;
    }
    .bthcard-bigtitle {
        display:flex;
        width:70%;
        margin:auto;
        height:100%;
        border-radius: 20px;
        padding:20px;
        font-size:30px;
        text-align:center;
        flex-wrap:wrap;
        align-items:center;
        line-height:1.1;
        font-family:'Roboto Slab';
        font-weight:700;
    }
    .cardnum {
        font-family: Oswald;
        font-size: 33px;
    }
    
    /** Mini cards  **/
    
    .minicard {
        width:80px;
        height:124px;
        background-image: url(/img/cards/BTH_card_front-01.png);
        background-size: cover;
        margin:5px;
        filter: drop-shadow(3px 3px 6px #444);
    }
    
    .minicard .bthcard-top {
        padding: 10px 14px;
    }
    .minicard .bthcard-bigmain {
        
    }
    .minicard .bthcard-bigtitle {
        padding: 1px;
        font-size: 7px;
    }
    .minicard .bthcard-description {
        height: 35%;
        width: 74px;
        margin: 0 3px 0;
        padding: 2px 10px;
        font-size: 5px;
    }
    .minicard .bthcard-bottom {
        margin: 0 14px;
    }
    .minicard .cardnum {
        font-size:10px;
    }
    
    .newcardsticker {
        height: 30px;
        width: 30px;
        background: url(/img/new-corner-md.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        display:none;
    }
    .btreasurecard.new .newcardsticker {
        display:block;
    }
    
    
    .carddisplay {
        display:flex;
        margin-bottom:20px;
        flex-wrap: wrap;
    }
    .dcards-0, .crabcoin-0, .raventoken-0 {
        display:none;
    }
    
    .clue-title {
        font-family: 'Roboto Slab';
        color: #514943;
        font-size: 16px;
        margin: 15px 0;
    }
    
    .clue-image {
        max-width:100%;
        width:500px;
    }
    
    #unopened-clues-wrap {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #unopened-clues {
        max-width:400px;
    }
    .unopened-clue {
        display:flex;
        flex-direction:column;
        cursor:pointer;
        margin-right: 25px;
        text-align: center;
        margin-bottom: 15px;
    }
    .uclue-img {
        height:50px;
    }
    .uclue-img img {
        max-width:100%;
        max-height:100%;
    }
    .open-clue {
        margin-bottom:15px;
    }
    .clue-heading {
        font-weight:700;
        font-size:18px;
    }
    
    #all-clues-wrap {
        display:flex;
        flex-wrap:wrap;
        flex-direction: column;
    }
    #clue-keys-bar {
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        margin-bottom:25px;
    }
    #clue-keys {
        display:flex;
        flex-wrap:wrap;
        font-weight:700;
    }
    #clue-keys img {
        max-width:25px;
        max-height:25px;
        margin-right:10px;
    }
    #get-more-keys {
        cursor:pointer;
    }
    
    .koanswer {
        padding: 15px 0;
    }
    .koanswer-flex {
        display:flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .koanswer-flex > div {
        margin-bottom:10px;
    }
    .openkomodal {
        display: inline;
        cursor:pointer;
        font-weight:700;
        color:#eee;
    }
    .koinstructions {
        margin-top:10px;
    }
    .kosubmit {
        margin-left:10px;
        padding:5px 10px;
        background:brown;
        border-radius:10px;
        color:#fff;
        cursor:pointer;
    }
    a.alink {
        color: #fff;
        text-decoration: underline;
    }
    a.alink:hover {
        color: #eee;
        text-decoration: underline;
    }
    .earn-key {
        position: absolute;
        right: 25px;
        top: 5px;
        display: flex;
        align-items: center;
    }
    .keyopp {
        position:relative;
    }
    .key-icon {
        display:inline;
    }
    .key-icon img {
        max-width:25px;
        max-height:25px;
        margin-right:5px;
    }
    
    .stagename {
        margin-top:-10px;
        font-size:18px;
    }
    .apparent-winner {
        height:80%;
        font-size:22px;
    }





@media only screen and (max-width: 600px) {
    .home-item {
        max-width:140px;
    }
    .home-item.red-dot:after {
        height: 15px;
        width: 20px;
        bottom: 2px;
        right: -2px;
        background-size: 20px 15px;
    }
}