@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Roboto');
* {
	padding: 0;
	margin: 0;
	
}
html {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
	vertical-align: baseline;
}
* {
	box-sizing: border-box;
}
h1, h2, h3{
	padding: 10px 0;
	display: block;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.5em;
	margin-top:10px;
}
h3{
	font-size:1.2em;
	margin-top:10px;
}
p{
	padding: 5px 0;
}
.flexmain ul, .flexmain ol {
    padding: 0;
    margin: 5px 0px 0px 0px;
}
.flexmain ul, .flexmain ol {
	list-style:disc;
	list-style-position: outside;
	padding-left:20px;
}
/*** misc ***/
.goodpoint {
    background: url(https://gamesimba.com/wp-content/themes/gamecorner2401/assets/img/good.png);
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0px 0px 0px -20px;
    padding: 0px 0px 10px 30px;
}
.badpoint {
    background: url(https://gamesimba.com/wp-content/themes/gamecorner2401/assets/img/bad.png);
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0px 0px 0px -20px;
    padding: 0px 0px 10px 30px;
}
/*** misc end ***/

/*** containers ***/
.flexcontainer {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 40px); /* Adjusted for padding */
	max-width: 1060px; /* Maximum width */
	margin: 0 auto; /* Center the container */
	gap: 0px; /* Gap between columns */
}
.flexmain, .flexsidebar {
	padding: 0 10px; /* Padding for content */
}
.flexmain {
	flex: 1; /* Allows the main column to grow */
	min-width: 0; /* Prevents overflow */
}
.flexsidebar {
	flex: 0 0 310px; /* Fixed width for sidebar */
	max-width: 310px;
}
 @media screen and (max-width: 1130px) {
.flexcontainer {
	flex-direction: column;
}
.flexmain, .flexsidebar {
	flex: 0 0 100%;
	max-width: 100%;
}
}
 @media screen and (max-width: 1180px) {
.flexcontainer {
	width: 100%; /* Full width on smaller viewports */
}
}
/*** containers end ***/

/*** ads ***/
.adcontainer {
	display: flex;
	justify-content: center; /* Center the image horizontally */
	align-items: center; /* Center the image vertically */
	background-color: #f0f0f0; /* Optional background color for the container */
}
.adimage {
	display: flex;
	width: 728px; /* Set the width to 72 pixels */
	height: 90px; /* Set the height to 90 pixels */
	background-color: #ddd; /* Placeholder color *//* You can also set a background image here if needed */
}
/*** ads end ***/

/*** gamedetails ***/
.dd_list li {
	width: 100px;
	float: left;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-bottom: 7px;
	background-color: #efefef;
}
.dd_list .list_rightside {
	width: 240px;
	float: right;
	padding-left: 10px;
}
.linkbutton {
	width: 180px;
	padding: 10px;
	border: 2px solid #98c0a0;
	background-color: #d9f0e5;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-align: center;
	overflow: hidden;
}
.linkbutton a {
	text-decoration:none;
	color:black;
}
.linkbutton a:hover {
	text-decoration:none;
}
.gamedetails {
	display: flex;
	flex: 0 0 100%;
	align-items: flex-start;
}
.gamedetails > div {
	margin: 0px;
	padding: 0px;
}
.game-image {
	flex: 0 0 auto; /* Do not grow or shrink */
	width: 200px; /* Fixed width */
}
.game-data {
	flex: 1; /* Grow to fill the remaining space */
	display: flex;
	flex-direction: column;
}
.list-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 0px;
}
.list-item > span:first-child {
	/* This is the parameter name */
	margin-right: 10px; /* Adds some space between the parameter and the value */
	background: #f2f2f2;
	padding: 6px;
	width: 147px;
}
.list-item > span:last-child {
	/* This is the value */
	flex-grow: 1; /* Takes up the remaining space */
	text-align: left; /* Aligns the text to the right */
	background: #f2f2f2;
	padding: 6px;
}
/*** gamedetails end ***/

/*** navbar ***/
.topnav {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

/* Style the links inside the navigation bar */
    .topnav {
      overflow: hidden;
      margin: 0px;
      padding: 0px;
    }
    .topnav a {
      float: left;
      display: block;
      text-align: center;
      padding: 5px 10px;
      text-decoration: none;
      font-size: 17px;
	  line-height:40px;
    }
    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }
    .topnav a.active {
      background-color: #04AA6D;
      color: white;
    }
    .topnav .icon {
     display: none;
    }
    /* Style for the inner container div */
    .tonav-inner-div {
      width: 1060px;
      margin: 0 auto;  
      text-align: left; 
    }
    @media screen and (max-width: 900px) {
	  .topnav li a {display: none;}	
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        float: right;
        display: block;
      }
      .topnav a.icon {
        float: right;
        display: block;
      }
    }
    @media screen and (max-width: 900px) {
	  .topnav .responsive li {display: block;}	
      .topnav.responsive {position: relative;}
      .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
	  
     
    }
/*** navbar end ***/

/*** sidebar ***/
  .sidebarcontainer {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 0px 20px;
  }
  .sidebar-row1{
	width:100%;
  }

  .sidebar-row2{
	width:100%;
	display: grid;
	grid-template-columns: 1fr; /* One column only */
  }

  .sidebarcolumn {
    width: 100%;
  }

  .sidebaritem {
    display: flex;
    align-sidebaritems: center;
    margin-bottom: 10px;
    border: 1px solid #ccc; /* Added border around each div */
	padding:10px;
  }

  .sidebaritem small{
	font-size:0.8em;
  }

  .sidebaritem a{
	text-decoration: none; /* Remove underline from the link */
	color: #000;
	width:100%;
  }
  .sidebaritem img {
    width: 100px;
    height: 75px;
	float:left;
	margin-right:10px;
  }
  .sidebaritem .info {
    margin-left: 10px;
  }
  .sidebaritem .rating {
    font-size: 0.9em;
  }
  .stars {
    display: inline-block;
    color: gold;
    font-size: 1.8em;
	padding-right:5px;
  }
  @media (max-width: 1130px) {
    .sidebarcontainer {
      width: 100%; /* sidebarcontainer takes full width on smaller viewports */
      flex-direction: row;
      flex-wrap: wrap;
	  margin-top:0px;
    }
    .sidebarcolumn {
      width: calc(50% - 10px); /* Each sidebarcolumn is 50% of the sidebarcontainer width minus the gap */
      box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }
	.sidebar-row1 {
		order: 2; 
	}
	.sidebar-row2 {
		order: 1;
		grid-template-columns: 1fr 1fr; 
		grid-template-rows: repeat(3, 1fr);
		gap: 5px 10px;      
	}
	.adsidebar{
		width:100%;
	}


  }
  @media (max-width: 640px) {
    .sidebarcontainer {
      flex-direction: column; /* Stack sidebarcolumns below each other on very small viewports */
	  margin-bottom:20px;
   	  padding-bottom:0px;
  	  margin-top:0px;
    }
    .sidebarcolumn {
      width: 100%; /* Each sidebarcolumn takes full width */
    }
	.sidebar-row1 {
		order: 2; 
	}
	.sidebar-row2 {
		order: 1;
		width:100%;
		display: grid;
    	grid-template-columns: 1fr; /* One column only */
		gap: 5px;      

	}
	.adsidebar{
		width:100%;
	}


  }
/*** sidebar end ***/

/*** more games footer ***/
.moregamescontainer {
	width: 98%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	margin: 0 auto;
}
.moregamescontainer img {
	max-width: 100%;
	height: auto;
}
 @media screen and (min-width: 1180px) {
.moregamescontainer {
	width: 840px;
}
}
 @media screen and (max-width: 1200px) {
.moregamescontainer {
	grid-template-columns: repeat(6, 1fr);
}
}
 @media screen and (max-width: 900px) {
.moregamescontainer {
	grid-template-columns: repeat(4, 1fr);
}
}
 @media screen and (max-width: 600px) {
.moregamescontainer {
	grid-template-columns: repeat(3, 1fr);
}
}
 @media screen and (max-width: 300px) {
.moregamescontainer {
	grid-template-columns: repeat(1, 1fr);
}
}
.item {
	width: 100%;
	background-color: none;
	display: flex;
	flex-wrap: wrap;
}
.item img {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.24);
	border: 2px solid #fff;
	;
}
.item a:hover img {
	scale: 1.1;
}
/*** more games footer end ***/

/*** footer ***/
    .footer-top-row {
      background-color: #f2f2f2; /* Light grey background */
      padding: 10px 0;
    }
    .footer-container {
      width: 100%;
      max-width: 1040px;
      margin: 0 auto;
    }
    .footer-content {
      text-align: left;
    }
    .footer-bottom-row {
      background-color: #333; 
      color: white;          
    }
    .footer-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .footer-text {
      text-align: left;
    }
    .footer-links {
      text-align: right;
    }
    .footer-links ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .footer-links li {
      display: inline;
      margin-right: 15px;
    }
    .footer-links a {
      color: white; 
      text-decoration: underline;
    }
    .footer-links a:hover {
      text-decoration: underline; 
    }
    @media screen and (max-width: 768px) {
      .footer-inner {
        flex-direction: column;
        align-items: center;
      }
      .footer-text,
      .footer-links {
        margin-bottom: 10px;
      }
    }
@media screen and (max-width: 1180px) { /* Adjust breakpoint if needed */
  .footer-content {
    padding: 0 10px;;
  }
  .footer-inner {
    padding: 0 10px;;
  }
}
/*** footer end ***/

/*** titleblock ***/

/* Basic Container Styling */
.titleblock {
  display: flex;             /* Use Flexbox for easy layout */
  width: 100%;                /* Make container full width */
  margin: 10px auto;         /* Center container and add optional margin */
  border: 1px solid #ccc;
}

/* Image Column Styling */
.image-column {
  margin: 10px;            /* Set margin on left and right */
  width: 133px;               /* Set fixed width */
  flex-shrink: 0;            /* Prevent image from shrinking */
}

.image-column img {
  width: 100%;               /* Make image fit the column */
  height: 100px;             /* Set fixed height */
  object-fit: cover;        /* Maintain aspect ratio and cover area */
}

.content-column h1 {
  font-size: 1.5em;          /* Initial font size (adjust as needed) */
  max-font-size: 20px;     /* Maximum font size */ 
  margin-bottom: 5px;   
}

.subtitle {
  font-size: 1.1em;        /* Increase subtitle size (adjust as needed) */
  margin-top: -10px; 
  margin-bottom: 5px;   

}

.content-column .subtitle {
}

.content-column .rating {
  color: goldenrod;          /* Keep the stars goldenrod */
  font-size: 1.2em;
}

.content-column .rating span {  
  color: black;                /* Change the rating number to black */
  vertical-align: middle;
} 


/*** background ***/

.bgcolor{
	background-color:#fff;
}

.flexcontainer{
	background-color:#fff;
	padding:0px 10px 10px 10px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
}


@media (max-width: 1130px) {
	.bgcolor{
		background-color:#fff;
		background-image: none; 
	}

	.flexcontainer{
		background-color:#fff;
		padding:10px 10px 10px 10px;
		margin:0px;
		border-radius:0px;

	}

}
@media (max-width: 640px) {
	.bgcolor{
		background-color:#fff;
	}
}


/*** end background ***/

/*** misc ***/
.google-revocation-link-placeholder{
	background-color:#666;
	color:eefef;
}