/*////////////////////////
//////////////////////////
//// L E G O  C S S  V2 //
//////////////////////////
////////////////////////*/

/*// General //*/

html, body{ font-family: "Cera Pro","LatoWeb",Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; line-height: 2; color: #0a1e32; font-size: .875rem; margin:0px; padding:0px; overflow-anchor: none; }
h1 { margin:0px; margin-left:20px; font-size:35px; }
h2 { margin-top: 0px; }
a { text-decoration:none;color:inherit; }
hr { background-color:#f0f0f0;height:2px;border-width:0;color:#f0f0f0;width:100%; }
.poppins-regular { font-family: "Poppins", sans-serif; font-style: normal; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #2d3738; }
::-webkit-scrollbar-thumb { background: #575353; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::placeholder { color: white; opacity: 1; /* Firefox */ }
::-ms-input-placeholder { /* Edge 12 -18 */ color: white; }

/*// Search Float //*/

#results { display:none;position:absolute;top:180px;margin-top: 80px; background:white;width: 100%;z-index:1; border-bottom: 5px solid #7b0303; }
.result_item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #ddd; cursor: pointer; }
.result_item img { width: 60px; height: 60px; object-fit: contain;  margin-right: 15px; }
.result_item .info .title { font-weight: bold; }
.result_item .info .meta { font-size: 12px; color: #666; }

.type_set { border-left: 10px solid #4CAF50; }
.type_minifig { border-left: 10px solid #2196F3; }
.type_part { border-left: 10px solid #FFC107; }
.type_theme { border-left: 10px solid #9C27B0; }
.type_color { border-left: 10px solid #FF5722; }
.type_tag { border-left: 10px solid #607D8B; }

#pagination { display:none; position:absolute;top:180px; padding-top: 30px; z-index:1; text-align: center; width: 100%; padding-bottom: 20px; background: white; }
#pagination button { padding: 6px 12px; margin: 0 5px; }

/*// Side Menu //*/

.sidemenu { z-index:6;position:fixed;left:0px;top:0px;height:100%;background:#212a2b;width:0px;border-right:1px solid #1f2627;color:#cecece;overflow-y:hidden;border-bottom-right-radius:30px; border-top-right-radius:30px; }
.sidemenu div:first-child { display:block; text-align:left; font-size:20px; }
.sidemenu div:first-child a { padding:10px 20px 10px 20px; font-size:20px; }
.sidemenu div a { padding:10px 30px 10px 30px; display:block; }
.sidemenuheader { padding:20px;padding-left:20px; }
.sidemenuitem a { color:white; }
.sidemenuitem:hover { background:#374647; }

/*// Header //*/

.header { padding-top:20px; padding-bottom:20px; background:#ff0b0b; min-height:150px; margin:auto; border-bottom: 2px solid #7b0303; }
.headerflex { display:flex; height: 150px; width: 100%; align-items: flex-start; flex-direction: row; justify-content: space-between; }
.headermenu { position:fixed; z-index:4; padding: 15px; padding-left:20px; background:#37fff5; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.headerlogo { position:relative; z-index:5; width:140px; }

.searchwrapper { position:absolute; top:130px; width:100%; text-align:center; }
.searchtext { background: #c00000; border: 1px solid #7f0000; border-radius: 5px; padding: 10px; color: white; width: calc(100% - 110px); max-width:600px; }

/*// Main Content //*/

.main_content { max-width:1200px; margin:auto; position:relative; margin-top:10px; }

.main_banner { position:relative; display:flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom:10px; }
.main_banner img { max-width:450px; }
.main_banner p { font-size:30px;line-height: 20px; }

.icon_wrapper { display:flex; flex-wrap: wrap; justify-content: center; }
.icon_box { width: 130px; margin: 10px; padding: 10px; text-align: center; font-size: 14px; display: inline-block; }
.icon_img_wrap { width: 120px; height: 120px; background: #e3e3e3; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; padding:10px; }
.icon_img_wrap img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }

.multiinformation { display:flex; justify-content: space-around; margin:10px; gap: 10px; }
.multiinformation div { flex: 1; box-sizing: border-box; padding:15px; font-size:12px; color:#4b4b4b; font-size:12px; background:#e7e7e7; border: 1px solid #d3d3d3; border-radius:5px; align-content:center; text-align: center; }
.multiinformation .themeimg { display:initial; }
.multiinformation .themeimg img { width:70%; }
.multiinformation .theme { display:none; }

.subnavigation { display:flex; justify-content: space-around; margin:10px; background:#e7e7e7; border: 1px solid #d3d3d3; border-radius:5px; align-items: center; }
.subnavigation div { flex:1; display: flex; justify-content: center; padding:15px; font-size:12px; color:#4b4b4b; border-left: 1px solid #d3d3d3; }
.subnavigation div a { color:#4b4b4b; display:block; }
.subnavigation div:first-child { border:0px; }
.subnavigation div:last-child { border-left: 1px solid #d3d3d3; }

.subnavigation-wrapper { display:none; }

/*// Display Tables //*/

.display_table_header { display:flex; justify-content: space-evenly; padding:10px; background: #d4d4d0; font-weight:bold; z-index: 5; }
.display_table_header_group { padding:10px; background: #313131; color:white; font-weight:bold; margin-top:20px; z-index: 5; }

.display_table_mini_wrapper .display_table_header { position: sticky; top: 0px; }

.display_table { display:flex; justify-content: space-evenly; padding:10px; border:1px solid #d4d4d0; border-top:0px; border-bottom:2px solid #d4d4d0; }
.display_table span img { width:50%; mix-blend-mode: multiply; margin:20px; }

.display_table span:nth-child(1), .display_table_header span:nth-child(1) { width:30%; }
.display_table span:nth-child(2), .display_table_header span:nth-child(2) { width:40%; }
.display_table span:nth-child(3), .display_table_header span:nth-child(3) { width:10%; }
.display_table span:nth-child(4), .display_table_header span:nth-child(4) { width:10%; }
.display_table span:nth-child(5), .display_table_header span:nth-child(5) { width:10%; }

.display_table_highlighted { background: rgb(252, 252, 184); }
.display_table_selected { background: rgb(231, 231, 226); }

.display_table_block { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; }
.display_table_block span { text-align:center; width: 150px; height: 200px;margin-bottom:20px; font-size: 14px; font-weight: bold; }

.display_table_mini_wrapper { max-height:420px;overflow-y:scroll;padding: 0px; }
.display_table_mini_header { display:flex; justify-content: space-evenly; align-items: center; padding:0px; background: #d4d4d0; font-weight:bold; margin: 0px; }
.display_table_mini { display:flex; justify-content: space-evenly; padding:0px; border:1px solid #d4d4d0; border-top:0px; border-bottom:2px solid #d4d4d0; }
.display_table_mini span { padding: 0px; width:100%; }

.item_stat { display:flex; flex-direction: row; position:relative; }
.item_stat_img { width:80%; margin:20px; }
.item_stat span { width:50%; position:relative; }

.item_stat span:first-child { margin-left:0px; }
.item_stat span:last-child { margin-right:0px; }
.item_set_img { width:auto; max-height:500px; max-width:800px; margin-bottom:20px; }

.item_unique { text-align:center; position:absolute; top: 0px; right:10px; }
.item_unique img { width:150px; }

.item-stat-parts-wrapper { padding:10px; }

.item_stat .display_table_header_group { margin-top:0px; }

.more_view { display:none; }


/*// Screen Fix //*/

@media screen and (max-width:800px)
{
    h1 { font-size:20px; }

    .headerlogo { width:auto;height:100px; }
	.searchwrapper { width: 100%; }
	.searchtext { width: 90%; }

	.main_content { padding: 5px; padding-top:30px; }	
	.main_banner img { max-width:300px; }
	.main_banner p { font-size:20px;line-height: 10px; }

	.icon_wrapper { justify-content: space-around; margin-top:20px; }
	.icon_box { margin:0px; padding:0px; font-size:12px; margin-bottom:10px; }
	.icon_img_wrap { height:100px; width:100px; }
	
	.subnavigation { display:flex; justify-content: flex-start; flex-direction: column; align-items: stretch; }
	.subnavigation div { border-left:0px; width: 100%; border-bottom: 1px solid #d3d3d3; box-sizing: border-box; }
	.subnavigation div:first-child { border-bottom: 1px solid #d3d3d3; }
	.subnavigation div:last-child { border-left:0px; border-bottom: none; }

	.subnavigation-wrapper { display: initial; }
	.subnavigation-wrapper .subnavigation { flex-direction: row; }
	.subnavigation-wrapper .subnavigation div:first-child { border-right: 1px solid #d3d3d3; border-bottom:0px; }
	
	.item_stat { flex-direction: column; }
    .item_stat span { width:99.7%;  }
	.item_stat span:first-child { }
    .item-stat-parts-wrapper { padding:0px; }
	.item-stat-appears-wrapper { display:none; }
    .item_stat span:last-child { margin-bottom:0px; font-size: 10px; }
	.item_stat_img { width: 50%; margin:30px; }
	.item_set_img { max-height: 400px; max-width: 100%; margin:20px 0px 20px 0px; }
		
	.multiinformation div { font-size:10px; }
	.multiinformation .themeimg { display:none; }
	.multiinformation .theme { display:initial; }
	
	.display_table_mini_wrapper { max-height:unset; overflow-y:auto; padding: 0px; }
	
    .display_table_header { font-size:10px; position:sticky; top:40px; }
    .display_table_search_header { /*position:sticky;*/ top:82px; font-size:10px;}
    .display_table_header_group { position:sticky; top:0px; font-size:10px;}
    .display_table_mini_header { position:sticky; top:0px; font-size:10px; }
	
	.display_table { padding-left:0px;padding-right:0px; }
    .display_table span img { width:50%; }
    .display_table span { font-size:12px;}

	.display_table span:nth-child(1) { text-align: center; }
    .display_table span:nth-child(1), .display_table_header span:nth-child(1) { width:40%; }
    .display_table span:nth-child(2), .display_table_header span:nth-child(2) { width:60%; }
    .display_table span:nth-child(3), .display_table_header span:nth-child(3) { display:none; }
    .display_table span:nth-child(4), .display_table_header span:nth-child(4) { display:none; }
    .display_table span:nth-child(5), .display_table_header span:nth-child(5) { display:none; }
	
	.item_unique img { width:100px; }

	.item_stat .display_table_header_group { margin-top:30px; }
	
    .more_view { display:block; }
}