body, li, p, span {
	font-family: "muli-light", sans-serif;
	font-size: 0.875rem;
	font-display: swap;
}

#mainBG::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none; /* Initially, no background */
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#mainBG.loaded::before {
  background: url("../img/alberta.png") no-repeat center fixed;
  background-size: cover;
  min-height: 100vh;
  opacity: 1;
}

/* Bootstrap overwrite */
.container { max-width: 1140px !important; }
.jumbotron { padding: 4rem !important; }
a { text-decoration: none !important; }

/* Index */
.main-index-padding, .content-padding { padding-top: 180px; }
.index-desc-box { background: rgba(255,255,255,0.6); padding: 20px; border-radius: 10px; }
.card-img-top { opacity: 0; transition: opacity 0.5s ease-in-out; }
.card-img-top.loaded { opacity: 1; }

/* Information */
.mheader { background: #ffffff; font-size: 0.875rem; padding: 0.5rem 0.5rem; }
.mheader>.fas { margin-right: 5px; color: #0363c4; }
.mtext { font-size: 0.8rem; margin-bottom: 0 !important; text-align: left; padding: 0.2rem 0; }
.mtext>.fas { margin-right: 5px; margin-left: 10px; }

/*backgrounds & headers*/
#itop_bg { background: url("../img/itop_bg.jpg") no-repeat center fixed; background-size: auto; background-position-y: 300px; min-height: 700px; z-index: -1; }
#imid { padding: 8rem 0; }
#kafra { padding: 4rem 0 0 0; }
#kafra-account { background: url("../img/bg-account2.png") no-repeat top center; background-size: cover; min-height: 100vh; }
#kafra-account-2 { background: url("../img/bg-account2.png") no-repeat top center; background-size: cover; min-height: 100vh; }
#iibot { border-top: 1px solid #ddd; padding: 4rem 0 5rem 0; background: url("../img/ibot_bg.jpg") no-repeat bottom center fixed; background-size: auto; }
#footer { position: static; width: 100%; padding: 0.7rem 2rem; bottom: 0; border-top: 1px solid #ddd; }
#rules > img { border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(0,0,0,0.2); border-radius: 1px 1px 1px 1px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 14%); margin-top: 0.5rem; }
#bg-logged-in { background: url("../img/alberta.png") no-repeat center fixed; background-size: cover; min-height: 100vh; }

/* Navbar */
.navbar { border-bottom: 1px solid #ddd; box-shadow: none !important; padding: 0.75rem 1rem !important; }
.navbar-light .navbar-nav .nav-link { font-size: 0.85rem !important; }
.nav-link,.nav-link>a { color: rgba(34,34,34,0.8) !important; }
.nav-link>a:hover { text-decoration: none; }
.nav-link:hover,.nav-link>a:hover { color: rgba(102,102,102,1) !important; transition: all 0.2s ease-in-out !important; }
.nav-link>.fas, a>.fas { margin-right: 2px; }
.dropdown:hover>.dropdown-menu { display: block; right: 0; left: auto; }
.dropdown-menu>a:hover { background-color: rgba(0,0,0,0.08); color: #666 !important; transition: all 0.3s ease-in-out !important; }
.dropdown-item { font-size: 0.85rem !important; }

/* Text */
.text-small { font-size: 0.75rem; }

/* buttons */
.btn-index { min-width: 150px; }
.btn-bold { font-family: "muli-bold", sans-serif; }
.btn-signin { cursor:pointer; display: inline-block; padding: 12px 20px 10px 20px !important; border: 1px solid rgba(102,102,102,0.2); border-radius: 1.5rem; }
.btn-animate { transition: all 0.6s ease-in-out !important; }
.btn-animate:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.05); transition: all 0.6s ease-in-out !important; }

/*Form Control */
.form-control { font-size: 0.9rem; text-align: center; } /* login main */
.search .form-control { text-align: left; }

/* Buttons */
.btn-fw-100 { min-width: 100px; }
.btn-play {	cursor:pointer; display: inline-block; padding: 12px 20px 10px 20px !important; color: rgba(34,34,34,1) !important; border: 1px solid rgba(102,102,102,0.2); border-radius: 1.5rem; font-family: "muli-bold", sans-serif; transition: all 0.6s ease-in-out !important; }
.btn-play>.fas, .btn-play-option>.fas, .btn-news>a>.fas, .btn-submit>.fas, .btn-submit-2>.fas, .sdesk>.fas { margin-right: 5px; }
.btn-play-option { margin-top: 15px !important; border-radius: 1rem !important; min-width: 100px; border: 1px solid rgba(102,102,102,0.2) !important; box-shadow: none !important; transition: all 0.6s ease-in-out !important; }
.btn-play:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.05); transition: all 0.6s ease-in-out !important; }
.btn-play-option:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transition: all 0.6s ease-in-out !important; }
.btn-option { cursor:pointer; font-family: "muli-bold", sans-serif;	border-radius: 0.5rem !important;	background-color: rgba(3,99,196,1); border: 1px solid rgba(255,255,255,0.2); display: block; padding: .375rem .75rem; font-weight: lighter; color: #ffffff !important; width: 150px; height: 38px; text-align: center; transition: all 0.6s ease-in-out !important; }
.btn-option>a, a.btn-news { color: #fff !important; }
.btn-option>a:hover, .btn-news>a:hover, .ntitle>a:hover, a.btn-nlink:hover { text-decoration: none; }
.btn-option:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.2); transition: all 0.6s ease-in-out !important; }
.btn-clear { background-color: rgba(110,192,228,1) !important; }
.btn-news { margin-top: -90px; float: right; background-color: rgba(3,99,196,1) !important; padding: .8rem 0.5rem; width: 200px; text-align: center; border: 1px solid #ddd; transition: all 0.6s ease-in-out !important; }
.btn-news:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.2); transition: all 0.6s ease-in-out !important; }
a.btn-nlink { display: table; background-color: rgba(3,99,196,1) !important; text-align: left; border: 1px solid #ddd; padding: 0.3rem 0.5rem; width: 100%; font-family: "muli-light", sans-serif; font-style: italic; color: #fff !important; margin-top: 7px; transition: all 0.6s ease-in-out !important; }
a.btn-nlink:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.05); transition: all 0.6s ease-in-out !important; }
.btn-install { font-family: "muli-bold", sans-serif;	border-radius: 0.5rem !important;	background-color: rgba(3,99,196,1); border: 1px solid rgba(255,255,255,0.2); display: block; padding: .375rem .75rem; font-weight: lighter; color: #ffffff !important; width: 150px; height: 38px; text-align: center; transition: all 0.6s ease-in-out !important; }
.btn-install:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.2); transition: all 0.6s ease-in-out !important; }
.btn-submit { display: table; margin-top: 20px; margin-left: auto; margin-right: auto; min-width: 100px; background-color: rgba(3,99,196,1) !important; padding: 0.5rem 0.8rem; color: #fff !important; border: 1px solid rgba(3,99,196,1); transition: all 0.6s ease-in-out !important; }
.btn-submit:hover { text-decoration: none; box-shadow: 2px 2px 5px rgba(102,102,102,0.4) !important; transform: scale(1.1); transition: all 0.6s ease-in-out !important; }
.btn-search { background-color: rgba(6,125,239,0.8) !important; color: #f3f3f3 !important; text-transform: none !important; }
.btn-submit-2, .btn-screen, .btn-navi-link, .btn-info { background-color: rgba(3,99,196,1) !important; color: #f3f3f3 !important; text-transform: none !important; border: none; margin: 0 !important; box-shadow: none !important; border-color: rgba(3,99,196,1) !important; }
.btn-submit-2>a { color: #f3f3f3 !important; }
.btn-dl-page { font-size: 18px !important; width: 150px; background-color: rgba(3,99,196,1) !important; text-align: center; padding: 1rem !important; color: #f3f3f3 !important; text-transform: none !important; margin: 0 20px 0 20px !important; transition: all 0.6s ease-in-out !important; }
.btn-dl-page>.fas { margin-right: 5px; }
.btn-dl-page-2 { font-size: 12px !important; width: 150px; background-color: rgba(3,99,196,1) !important; text-align: center; padding: 0.75rem !important; color: #f3f3f3 !important; text-transform: none !important; margin: 0 20px 0 20px !important; transition: all 0.6s ease-in-out !important; }
.btn-dl-page-2>.fas { margin-right: 5px; }
.btn-dl-page:hover, .btn-dl-page-2:hover, .btn-donate-out:hover, .btn-donate-legacy:hover { transform: scale(1.1); transition: all 0.6s ease-in-out !important; }
.btn-donate-out { margin: 0 0 14px 0 !important; background-color: rgba(255,102,102,1) !important; color: #f3f3f3 !important; text-transform: none !important; padding: .5rem 2.14rem !important; transition: all 0.6s ease-in-out !important; }
.btn-donate-out>.fas { margin-right: 8px; }
.btn-donate-legacy { margin: 0 0 14px 14px !important; background-color: rgba(6,125,239,1) !important; color: #f3f3f3 !important; text-transform: none !important; padding: .5rem 2.14rem !important; transition: all 0.6s ease-in-out !important; }
.btn-donate-legacy>.fas { margin-right: 8px; }

/* Area */
.th-area { padding-top: 200px; }
.thl-area { padding-top: 100px; min-height: 100vh; }
.thi-area { padding-top: 100px; }

.qf-area { margin: 10px 0 15px 0; }
.button-area { display: flex; }
.status-area { margin-top: 12px; }
.play-area { margin-left: auto; margin-right: auto; }
.news-area { border: 1px solid #ddd; padding: 0.5rem; background-color: #fff !important; transition: all 0.6s ease-in-out !important; }
.footer-area { padding: 0.7rem 0 !important; border-top: 1px solid #ddd; }
.jumbotron { border-radius: 0 !important; margin-bottom: 0 !important; box-shadow: none !important; }
.card { margin: 20px 0 !important; transition: all 0.6s ease-in-out !important; }
.thumb-info { background-color: rgba(254,195,0,1); text-transform: capitalize; padding: 0.3rem 0.5rem; margin-bottom: 5px; }
.mid-align { display: table; margin-left: auto; margin-right: auto; }
.cmd-area { margin: 2rem 0; }
.mod-area { border: 1px solid #ddd; }
.mod-top-border { border-top: 1px solid rgba(0,0,0,0.125); }
.mod-body { background: #fff !important; border-top: 1px solid rgba(0,0,0,0.125); width: 100%; padding: 0.2rem 0.5rem; }
.clear-fix { padding: 0 !important; margin-top: 10px; display: block !important; }
.terms-area { padding: 0.75rem 2rem; }
.policy-area { display: table; margin: auto; max-width: 700px; padding: 0 20px; }
.card:hover, .news-area:hover { transform: scale(1.2); transition: all 0.8s ease-in-out !important; z-index: 9999; }
.legacy-area { background-color: #fff !important; }
.legacy-body { border-top: 1px solid rgba(0,0,0,0.125); width: 100%; padding: 0.5rem 0.8rem; }
.legacy-text-area { padding: 0 0 0 10px; }

/*Text related*/
.iheader { font-size: 2rem; letter-spacing: 1px; font-weight: bold; font-family: "muli-bold", sans-serif; margin-bottom: 0 !important; }
.pheader { font-size: 1.5rem; font-weight: bold; font-family: "muli-bold", sans-serif; margin-bottom: 0 !important; }
.iblue, .text-blue { color: #0363c4 !important; }
.ispacing { margin-bottom: 30px !important; }
.page-text { font-size: 0.875rem; margin-bottom: 0; }
.page-text>a:hover, .sub-text>a:hover, .sub-menu-item:hover { text-decoration: none; }
.page-text-s { font-size: 0.875rem !important; margin-bottom: 0.5rem !important; text-align: left; }
.page-text-p { font-size: 0.875rem !important; margin-bottom: 0 !important; text-align: left; }
.page-text-m { font-size: 0.875rem !important; margin-bottom: 0 !important; text-align: center; }
.page-text-li { font-size: 0.875rem !important; text-align: left; }
.qf-header { font-weight: bold; margin-bottom: 5px !important; letter-spacing: 1px; }
.qf-text { margin-bottom: 0 !important; font-size: 0.85rem; }
.npc-name, .map-name { margin-bottom: 0 !important; font-size: 0.875rem; }
.page-sub-text>.fas { margin-right: 5px; }
.italic { font-style: italic; }
.online { color: rgb(0,128,55) !important; }
.nheader { font-family: "muli-bold", sans-serif !important; }
.ntitle { font-family: "muli-bold", sans-serif; font-size: 1rem; border-bottom: 1px dotted #ddd; margin-bottom: 5px !important; padding: 0 0.5rem; }
.ntext { font-size: 0.875rem; margin: 5px !important; padding: 0 0.5rem; }
.ftext { font-size: 0.75rem; }
.text-bold { font-weight: bold; }
.text-error, .error { color: #ff0000; }
.text-success { color: #4caf50 !important; }
.mtop-5 { margin-top: 5px !important; } .mtop-10 { margin-top: 10px !important; } .mtop-20 { margin-top: 20px !important; } .mtop-30 { margin-top: 30px !important; } .mtop-40 { margin-top: 40px !important; } .mtop-80 { margin-top: 80px !important; }
.mbottom { margin-bottom: 5px !important; } .mbottom-10 { margin-bottom: 10px !important; } .mbottom-20 { margin-bottom: 20px !important; } .mbottom-30 { margin-bottom: 30px !important; } .mbottom-40 { margin-bottom: 40px !important; } .mbottom-50 { margin-bottom: 50px !important; } .mbottom-60 { margin-bottom: 60px !important; } .mbottom-70 { margin-bottom: 70px !important; } .mbottom-80 { margin-bottom: 80px !important; } .mbottom-90 { margin-bottom: 90px !important; } .mbottom-120 { margin-bottom: 120px !important; }
.sub-text { margin-bottom: 10px !important; font-size: 0.8rem; }
.sub-text>a, .sub-menu-item { color: #222; font-size: 0.85rem; }
.mleft { margin-left: 5px !important; }
.mleft-10 { margin-left: 10px !important; }
.mleft-20 { margin-left: 20px !important; }
.mleft-40 { margin-left: 40px !important; }
.mright { margin-right: 5px !important; }
.stheader {	font-family: "muli-semibold", sans-serif; font-size: 1.1rem; margin-bottom: 0.3rem; }
.enabled { color: #23a455 !important; }
.disabled { color: #ff7272 !important; }
.cheader { display: flex; flex-direction: column; padding: 0 0.85rem 0 0; }
.cmd-svg>.fas { font-size: 2rem; color: #0363c4; }
.cmd-title { font-size: 1.2rem; text-transform: uppercase; margin-bottom: 5px !important; color: #0363c4; text-align: left; }
.cmd-text { font-size: 0.9rem; text-align: left; }
.mheader { font-size: 0.875rem; padding: 0.5rem 0.5rem; }
.mheader>.fas { margin-right: 5px; color: #0363c4; }
.mtext { font-size: 0.8rem; margin-bottom: 0 !important; text-align: left; padding: 0.2rem 0; }
.mtext>.fas { margin-right: 5px; margin-left: 10px; }
.stext { font-size: 0.85rem; }
.pad-left-10 { padding-left: 10px !important; }
.pad-left-20 { padding-left: 20px !important; }
.pad-left-30 { padding-left: 30px !important; }
.shop-pad-left-30 { padding-left: 30px !important; }
.pad-left-fix { padding-left: 38px !important; }
.card-text { font-size: 0.875rem !important; }
.navi-text { font-size: 0.875rem !important; font-weight: normal !important; margin-bottom: 0 !important; }
.pointer { cursor: pointer !important; }
.account-type { font-size: 9pt !important; }
.combo-text { font-size: 9pt !important; vertical-align: middle; }
.tin-text { font-size: 0.725rem !important; }
.character-stats { color: #212529 !important; }

/*Listing related*/
.list-group-item { padding: 0.45rem 1.25rem !important; background-color: transparent !important; }
.list-group-item>a:hover { text-decoration: none; }
.cm-list { margin-bottom: 0 !important; padding-left: 20px !important; }

/*forms related*/
.login-form { display: block; width: 400px; margin: auto; }
.account-form { display: block; width: 100%; }
.divider { margin: 20px 0; padding: 2rem 1.5rem; border: 1px solid #ddd; border-radius: 20px; background: rgba(255,255,255,0.7); }
.form-box { border: 1px solid #ddd; padding: 2rem 1.5rem; background: rgba(255,255,255,0.7); border-radius: 20px; }
.form-control { padding: 0.4rem 2.2rem !important; font-family: "muli-light", sans-serif !important; font-size: 13px; width: 100% !important; }
.form-group { margin-bottom: 5px !important; }
.form-group>.fas { display: flex; position: absolute; margin: 8px; float: left; font-size: 1.2rem; color: #666; }
.calendar { display: table; margin: auto; }
.calendar>.fas { margin-right: 5px; color: #666; }
.calendar>.date-field { font-family: "muli-light", sans-serif !important; }
.calendar>.date-field>select { padding: 0.1rem; }
.gender-group { font-family: "muli-light", sans-serif !important; display: table; margin: auto; }
.other-form { padding: 0.5rem 0; display: block; width: 100%; margin: auto; }

/* Icon Changes */
.location>img { height: 1.3rem; margin-left: 5px; position: absolute; }

/* Accordion related*/
.accordion-button:not(.collapsed) { color: #0363c4 !important; background-color: rgba(240,240,240,1) !important; }

/* Table Related */
.table { font-family: "muli-light", sans-serif !important; margin-bottom: 0 !important; }
table { font-family: "muli-light", sans-serif !important; margin-bottom: 0 !important; }
table.table th, table.table td { padding: 8px 15px !important; }
.tborder { border: 1px solid #ddd; border-radius: 0.5rem; border-bottom: none; }
.th-gameplay { min-width: 160px; width: 25%; }
.th-rates { min-width: 170px; width: 50%; }
.table-center { display: table; margin: auto !important; }
.service-credit>.service-radio { float: left; margin: 3px 5px 0 0; }
.service-credit>.form-control { width: auto !important; max-height: 20px !important; padding: 0 0.25rem !important; }
.shop>a { vertical-align: middle !important; margin-left: 5px !important; }
.generic-form-table-2 th label { display: block; padding: 6px; }
td.sdesk { padding: 5px !important; margin: 0 !important; }
.sdesk->button, input { padding-left: 5px; border: 1px solid #ddd !important; font-family: "muli-light", sans-serif !important; }
.table-btn, .view-center { display: table; margin-right: auto !important; margin-left: auto !important; }
.item-center { vertical-align: middle !important; }
.npc_shop_img img { padding-right: 10px !important; margin-top: 8px; }
.npc-list { min-height: 190px; display: flex; align-items: flex-end; margin: 10px 0; }
.mob-list { min-height: 200px; display: flex; align-items: flex-end; margin: 10px 0; }
.map-list { min-height: 100px; display: flex; align-items: flex-end; margin: 10px 0; }
.nav-table { display: table; margin: auto; }
tr.npcs_hover:nth-child(odd) { background-color: rgba(255,255,255,0.5); }
tr.npcs_hover:nth-child(even) { background-color: rgba(255,255,224,0.5); }
.bonus-info ul { padding-left: 1rem !important; }

/* Search Related */
.ol-no-margin { margin-bottom: 0 !important; }
.skill-no-margin { margin-bottom: 0 !important; padding-inline-start: 15px; }
.search>.fas { display: flex; position: absolute; margin: 5px 8px 0 8px; float: left; font-size: 1.2rem; color: #666; }

/* Flux.css Overwrite */
.search-form, .search-form2 { border-top: none !important; }
.search-form p, .search-form2 p { border-bottom: none !important; color: #212529 !important; }
.block-link, .shop-item-action a { border-bottom: none !important; }
label { margin-bottom: 0 !important; font-family: "muli-light", sans-serif; font-weight: bold; }
.pages { color: #212529 !important; }
.credit-balance { border: 1px solid #ddd !important; background-color: rgba(3,99,196,1) !important; color: #fff !important; margin-top: -95px; }
.credit-balance>.balance-text { text-transform: none !important; color: #fff !important; margin-right: 0 !important; }
.shop-item-action a:hover, a:hover { text-decoration: none !important; }
.checkout-text a { border-bottom: none !important; }
.generic-form-table { width: 100% }
.action a, .action span.anchor { border-bottom: none !important; }
.npcs_list { padding: 10px; }
.npc_shop { margin-top: 10px !important; }
.shops_list { min-width: 100% !important; }
.shops_list th { padding: 25px 25px !important; }
.shops_list li { padding: 0 !important; }
.shops_list_item_table { padding: 25px !important; }
.mob_img img, .npc_img img { max-height: 120px; }
.map_img img { min-height: 100px; }
.shops_list span { border-bottom: none; font-size: 0.75rem; }
.fix-align { margin-top: -9px; }
.shops_list th, .shops_list td { border-bottom: 1px dashed #dee2e6!important; }
.shop-table td { vertical-align: middle; }
#submenu { font-size: 0.875rem !important; }
.vertical-table th, .vertical-table td, .text-table, .horizontal-table th, .horizontal-table td, .item-produce-nc-view ul li span, .item_name, .zeny, .not-applicable { font-size: 0.75rem !important; }
.monster-mode li { border-bottom: none; }
.vertical-table tr th { background-color: #eee; width: 140px; }
.item-drop-card td { color: #000; background-color: #F0FFFF; }
.horizontal-table tr th { background-color: #eee; color: #444; }
.top-ranked td { color: #000; background-color: #FFF8DC; }

/* Image Sizes */
.item-icon, .skill-icon { width: 24px; }
.item-name-text { min-width: 250px; }
.item-id, .monster-id { width: 90px !important; }
.item-produce-c { min-width: 300px; }
.item-produce-nc { min-width: 280px; }
.item-produce-nc-view { min-width: 320px; }
.item-create-arrow, .item-view { min-width: 500px; }
.skill-name { min-width: 200px; }

/* Party */
.party_active {}
.party_closed {	opacity: 0.5; }
.party_closed:hover { opacity: 1; }
.party_closed:hover td { background-color: whitesmoke; }
.select2 { width: 100%; font-family: "muli-light", sans-serif !important; max-height: 30px !important; padding: 0.3rem 0.75rem !important; font-size: 0.85rem !important; border: 1px solid #ddd; border-radius: 0.25rem; }
.input2 { width: 100%; font-family: "muli-light", sans-serif !important; max-height: 27px !important; padding: 0.3rem 0.75rem !important; font-size: 0.85rem !important; border: 1px solid #ddd; border-radius: 0.25rem; }

/* Overwrite OtherCSS from CDN */
.custom-select { font-family: "muli-light", sans-serif !important; max-height: 30px !important; padding: 0.3rem 0.75rem !important; font-size: 0.85rem !important; width: 100%; border: 1px solid #ddd; border-radius: 0.25rem; }
#priceChart { max-height: 500px !important; }
.table-gray { background-color: #eee !important; }

/* Cookie related */
.btn-cookie { cursor:pointer; background-color: #e5cb00; color: #000 !important; padding: 8px 20px !important; border-radius: 0.4rem; transition: all 0.3s ease-in-out !important; }
.btn-cookie:hover { background-color: rgba(255,226,0,1); color: #000 !important; transition: all 0.3s ease-in-out !important; }
.cookie-text { color: #fff !important; margin: 12px 0 !important; font-size: 0.875rem !important; }
.cookie-text-a { color: #bfd7ec !important; margin: 12px 0 !important; font-size: 0.875rem !important; text-decoration: underline !important; transition: all 0.3s ease-in-out !important; }
.cookie-text-a:hover { color: #fff !important; text-decoration: underline !important; transition: all 0.3s ease-in-out !important; }
#cookieConsent { background-color: rgb(30, 115, 190) !important; min-height: 73px; font-size: 14px; color: #fff; padding: 1rem; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; top: 0; left: 0; right: 0; display: none; z-index: 9999; text-align: center; }
#cookieConsent a { color: #4B8EE7; text-decoration: none; }
#closeConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; font-weight: bold; margin: -10px -15px; }

/* Tab related */
.sidetab { min-width: 220px; }
.nav-pills .nav-link { font-family: "muli-bold", sans-serif; border-radius: 0 !important; color: #212529 !important; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { font-family: "muli-bold", sans-serif; color: #0363c4 !important; background-color: #ddd !important; border: 1px solid #ddd; }
.tab-content { border: 1px solid #ddd; padding: 1rem; }

/* Castle related */
.castle-card {
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

/* View Port Configs */
@media (max-width: 992px) {
	.navbar { padding: 0.75rem 0.25rem !important; }
	.container { max-width: 960px !important; }
	.nav-link>a>.fas { min-width: 20px; text-align: center; }
	.nav-link>.fas, .nav-link>a { min-width: 20px; }
	.credit-balance { margin-top: -120px !important; }
	.shop-pad-left-30 { padding-left: 10px !important; }
}

@media (max-width: 768px) {
	.remove-small { display: none; }
	.credit-balance { margin-top: -145px !important; }
	.main-index-padding, .content-padding { padding-top: 150px; }
}

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

@media (max-width: 475px) {
	.jumbotron { padding: 4rem 1.5rem !important; }
}

@media (max-width: 425px) {
	.jumbotron { padding: 4rem 1rem !important; }
}

@media (max-width: 425px) {
	.jumbotron { padding: 4rem 1rem !important; }
}