.google-auto-placed {
    height: auto !important;
    max-height: 350px; /* Adjust based on your tallest acceptable banner */
}

/*	Globals		*/

body {background-color:#1c1a26; margin:0; padding:0; FONT-SIZE:12px; color:#FFFFFF; FONT-FAMILY: Arial,Sans-Serif; width:100%; height:100%;}
html {overflow-y: scroll; width:100%; height:100%;}
form {margin:0px; padding:0px; display:inline;}
.r {clear:both;}
.stl {outline:none; text-decoration:none; color:#f3cc3c;}
.stl:hover {text-decoration:underline;}
.stl_dark {outline:none; text-decoration:none; color:#a0a0a0;}
.stl_dark:hover {color:#f3cc3c;}
.link_logo {text-decoration:none; font-weight:500; font-size:24px; FONT-FAMILY: Arial,Sans-Serif; color:#f3cc3c;}
.mature {filter: blur(15px); opacity:.50;}
.mature_block {position:absolute; left:0px; right:0px; top:0px; bottom:0px; text-align:center; color:#FFFFFF; cursor:pointer; z-index:10;}

.image_page_title {color:#f0eefa; font-family:Arial,Sans-Serif; font-size:22px; margin-bottom:15px; font-weight:normal; margin-top:0px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.image_page_desc {color:#f0eefa; font-family:Arial,Sans-Serif; font-size:14px; margin-bottom:15px; font-weight:normal; margin-top:0px;}

#footer_menu {font-size:14px; font-family:Arial,Sans-Serif; padding-left:10px; padding-right:10px; background-color:#404040; line-height:40px;}
#copy_div {font-size:14px; font-family:Arial,Sans-Serif; padding:10px; color:#f0eefa;}
.highlight_bar {font-weight:normal; font-size:20px; box-shadow: 2px 2px 6px #000000; margin-right:5px; margin-left:5px; margin-bottom:10px; margin-top:20px; color:#f0eefa; background-color:#303030; border-radius:5px; padding:10px;}
.related_bar {font-weight:normal; text-align:center; font-size:20px; box-shadow: 2px 2px 6px #000000; margin-top:0px; margin-bottom:10px; margin-left:10px; margin-right:10px; color:#f0eefa; background-color:#303030; border-radius:5px; padding:10px;}


#header_searchbox {display:none; width:calc(100% - 20px); height:35px; background-color:#fcfcfc; margin-top:10px; margin-right:10px; margin-left:10px; border-radius:8px;}


.hp-search {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.hp-search::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 13px; height: 13px;
  border: 2px solid #c8cdd8;
  border-radius: 50%;
  transition: border-color 0.2s;
}
.hp-search::after {
  content: '';
  position: absolute;
  top: 12px; left: 12px;
  width: 7px; height: 2px;
  background: #c8cdd8;
  transform: rotate(45deg);
  transform-origin: 0 50%;
  border-radius: 1px;
  transition: background 0.2s;
}


.hp-hamburger {
  width: 22px;
  height: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.hp-hamburger span {
  display: block;
  height: 2px;
  border-radius: 1px;
  background: #c8cdd8;
  transition: background 0.2s, width 0.2s;
}




#header_image {float:left; margin-left:10px; margin-top:10px;}
#header_icons {float:right; display:flex; align-items:center; gap:20px; height:52px; padding-right:16px;}
#header_text {display:none;}

.new_box { margin:0px; padding:0px; width:100%; position:relative;}
.new_box:hover a {color:#f3cc3c;}
.new_box_title_test {position:absolute; bottom:20px; right:10px; left:10px; background-color: rgb(0 0 0 / 75%); padding:15px;}
.new_box_title {display:none;}
.new_box_picture_holder {padding-left:0px; padding-right:0px; padding-bottom:10px; padding-top:0px;}
.new_box_image {width:100%; height:auto;}

#main_image {width:100%; height:auto; max-height:290px; object-fit:contain;}

/*	New Box Sizing	*/



/* Phones in landscape & small tablets */

@media (min-width: 768px)
	{
	.new_box {width:calc((100% / 3) - 12px); float:left; border:1px solid #404040; margin:5px;}
	.new_box_title {margin-left:12px; margin-right:12px; margin-bottom:10px; height:30px; text-align:center; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
	.new_box_picture_holder {calc(width:100 - 10px)%; margin:5px; padding:5px; aspect-ratio:1/1;}
	.new_box_image {object-fit:contain; width:100%; height:100%;}

	#header_image {float:none; margin-top:10px;}
	#header_icons {float:none; display:none;}
	#header_text {display:block; text-align:center; margin-top:5px; font-family:Arial,Sans-Serif; font-weight:300; font-size:12px; color:#f0eefa;}

	#header_searchbox {display:block;}
	.image_page_title {width:auto; white-space:normal; overflow:visible; text-overflow:clip;}
	#main_image {max-height:none; margin-right:0px; margin-left:0px;}

	.related_bar {display:none;}
	}

/* Tablets in portrait & large phones landscape */
@media (min-width: 768px) { .new_box {width:calc((100% / 3) - 12px); float:left; border:1px solid #404040; margin:5px;} }   /* optional */

/* Tablets landscape & small laptops */
@media (min-width: 1024px) { .new_box {width:calc((100% / 4) - 12px); float:left; border:1px solid #404040; margin:5px;} }

/* Laptops and desktops */
@media (min-width: 1280px) { .new_box {width:calc((100% / 6) - 12px); float:left; border:1px solid #404040; margin:5px;} }

/* Large desktops */
@media (min-width: 1440px) { .new_box {width:calc((100% / 6) - 12px); float:left; border:1px solid #404040; margin:5px;} }

/* 4K and ultra-wide */
@media (min-width: 1920px) { .new_box {width:calc((100% / 8) - 12px); float:left; border:1px solid #404040; margin:5px;} }

/*	New Layout 03/09/2026		*/

#new_left_panel {background-color:#1c1a26; text-align:center;}
#new_right_panel {margin:0px; padding:10px;}


.button1 {background-color:#303030; color:#f3cc3c; display:inline-block; margin:5px; width:150px; text-decoration:none; text-align:center; font-size:14px; border:2px solid #404040; height:40px; line-height:40px; border-radius:10px;}
.button1:hover {border:2px solid #f3cc3c;}
.button2 {cursor:pointer; display:block; margin-bottom:10px; margin-right:0px; margin-left:0px; margin-top:0px; color:#f3cc3c; border:2px solid #404040; font-family:Arial; font-size:12px; background-color:#303030; border-radius:10px; padding-right:8px; padding-left:8px; padding-top:12px; padding-bottom:12px;}
.button2:hover {border:2px solid #f3cc3c;}
.button3 {display:none; border:2px solid #404040; height:50px; margin-left:10px; border-radius:10px; overflow:hidden;}
.button4 {display:inline-block; background-color:#303030;  cursor:pointer; user-select: none; border:2px solid #404040; border-radius:8px; padding:6px; min-width:75px; font-family:Arial; font-size:12px;}
.button4:hover {border:2px solid #f3cc3c;}

/*	Main page Elements	*/

#index_searchbox {background-image:url('/images/black_50.png'),url('/images/sky_bg.webp'); padding-top:10px; padding-bottom:10px; background-color:#000000; margin-top:10px; margin-bottom:5px;}
#index_searchbox_h1 {font-size:34px; font-family:Arial; color:#f0eefa; text-align:center;}
#index_searchbox_h2 {font-size:14px; font-family:Arial; color:#f0eefa; text-align:center; margin-top:10px;}

/*	Image page elements	*/

.ip_main {float:left; margin-left:5px; width:calc(50% - 5px); text-align:center;}
.ip_details {float:left; margin-left:15px; width:calc(50% - 15px);}
.ip_right {float:left; margin-left:10px; margin-right:5px; width:250px; text-align:center;}
.ip_main_new {padding-left:10px; padding-top:0px; padding-right:10px; padding-bottom:10px;}



/*	Header / Footer elements	*/

#main_container {width:100%; display:block;}
.column {box-sizing: content-box;}
.column.left {position:fixed; left:0px; top:0px; right:0px; height:62px; border-bottom:1px solid #404040; border-right:0px; border-left:0px; border-top:0px; width: 100%; background-color:#1c1a26; text-align:center; z-index:10;}
.left-content {display:none;}
.left-header.sticky {padding-top:5px;}
.column.right {margin-top:72px;}
#left_top_spacer {height:5px;}
#left_middle_spacer {height:0px;}
#header_links {display:none;}
#left_bottom_spacer {}
#nav_group_2 {display:none;}
#results_search_options {display:none;}

.left_nav_button {margin:10px; margin-bottom:0px; width:calc(50% - 24px); background-color:#303030; color:#c0c0c0; text-align:center; display:inline-block; padding-left:0px; padding-top:8px; padding-bottom:8px; border:1px solid #404040; text-decoration:none;}
.left_nav_button:hover {color:#f3cc3c;}

#results_search_title {float:none;}
#results_search_total {float:none; margin-top:8px; font-size:12px;}

@media (min-width: 768px)
	{

	/*	Main page Elements	*/

	#index_searchbox {box-shadow: 8px 8px 12px #000000; background-image:url('/images/black_50.png'),url('/images/sky_bg.webp'); border:1px solid #404040; border-radius:20px; width:calc(100% - 12px); background-color:#000000; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:30px;}
	#index_searchbox_h1 {font-size:36px; font-family:Arial; color:#f0eefa; text-align:center; margin-top:36px;}
	#index_searchbox_h2 {font-size:20px; font-family:Arial; color:#f0eefa; text-align:center; margin-top:15px; margin-bottom:35px;}



	#main_container {display:flex; flex-direction:row; min-height:100vh; width:100%; gap:10px;}
	.column {box-sizing: border-box;}
	.column.left {position:static; height:auto; border-bottom:0px; border-right:1px solid #404040; flex: 0 0 250px; width: 250px; background-color:#1c1a26; text-align:center; z-index:0;}
	.left-content {display:block; position:sticky; top:0;}

	.column.right {flex: 1; min-width: 0; margin-top:10px; margin-right:10px;}
	#left_top_spacer {height:20px;}
	#left_middle_spacer {height:20px;}
	#header_links {display:block; border-top:1px solid #404040;}
	#left_bottom_spacer {margin-bottom:20px; margin-top:20px;}

	.left_nav_button {margin:0px; width:calc(100% - 10px); background-color:#303030; color:#c0c0c0;  text-align:left; display:block; display:block; padding-left:10px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #404040; border-left:0px; border-right:0px; border-top:0px; text-decoration:none;}
	.left_nav_button:hover {color:#f3cc3c;}

	.button2 {margin-left:10px; margin-right:10px; cursor:pointer; display:inline-block; color:#f3cc3c; border:2px solid #404040; font-family:Arial; font-size:12px; background-color:#303030; border-radius:10px; padding-right:8px; padding-left:8px; padding-top:12px; padding-bottom:12px;}

	#nav_group_2 {display:block;}
	#results_search_options {display:block;}
	#results_search_title {float:left;}
	#results_search_total {float:right; margin-top:4px;}
	}

/*	On-off	(currently not used)	*/

.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 15px; padding: 0; line-height: 15px;
    border: 2px solid #303030; border-radius: 15px;
    background-color: #C0C0C0;
    transition: background-color 0.2s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 15px; margin: 0px;
    background: #c0c0c0;
    position: absolute; top: 0; bottom: 0;
    right: 23px;
    border: 2px solid #303030; border-radius: 15px;
    transition: all 0.2s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #F3CC3C;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #303030;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}