/*
Theme Name: Wallpix V2
Description: Wallpix is a responsive Bootstrap 5 theme for WordPress, tailored for HD wallpaper websites. It offers an easy-to-use interface for adding and displaying wallpapers across devices. Simply create a new post, set a featured image, and the wallpaper is live. Perfect for launching a wallpaper site in minutes.
Author: https://primecodemarket.com
Version: 2.0
*/

@import url(https://fonts.googleapis.com/css?family=Antic+Slab);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(css/bootstrap-ms.css);
@import url(css/bootstrap-multi-rows.css);
body {
	font-family: 'Open Sans', serif;
}
a:visited {
  font-style:none;
}
.content p{
	line-height:2em;
}

a{
  text-decoration: none;

}
.wallpaper{
	position:relative;
}

.cat-name{
	background:#de1f3e;
	font-weight:700;
	padding:5px 10px;
	color:#fff;
	font-family: 'Antic Slab', serif;
	position:absolute;
	bottom:0px;
	left:10px;	
	border-radius:3px;
}
.cat-name:hover{
	text-decoration:none;
	color:#f9eab1;
}

footer {
	margin:10px 0 0 0;
	padding: 15px 0;
	color: #999;
	text-align: center;
	border-top: 1px solid #eee;
}
footer p:last-child {
  margin-bottom: 0;
}
* html .centered-pills ul.nav-pills, *+html .centered-pills ul.nav-pills {
	display: inline
}
.centered-pills {
	text-align: center
}
.centered-pills ul.nav-pills {
	display: inline-block
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}
.title{
	margin:5px 0 0 10px;
}
.img-thumbnail{
	margin:10px 0 0 0;
}

.page-header{
	font-size:24px;
	margin:15px 0;
	font-family:"Open Sans", serif;

}


.heading {
	font-family: 'Antic Slab', serif;
	font-weight: 700;
	font-size: 48px;
}
.sub-heading {
	font-weight: 700;
	line-height: 1.6em;
	font-size: 20px;

}
@media(max-width: 480px) {
	.heading {
		font-size: 35px;
	}

	.sub-heading {
		font-size: 20px;
}}


.resolutions-container {
  margin-bottom: 20px;
}

.resolution-category {
  margin-bottom: 15px;
}


.tag-list a {
  background-color: #f0f0f0;
  color: #333;
  padding: 4px 8px;
  border-radius: 4px;
  text-decoration: none;
  margin-right: 5px;
}

.tag-list a:hover {
  background-color: #007BFF; /* On hover, change background */
  color: #fff; /* Change text color to white */
}
/* Twitter button styling */
.btn-twitter {
  background-color: #1DA1F2;
  color: #fff;
  border-color: #1DA1F2;
}

.btn-twitter:hover {
  background-color: #0d8dd6;
  border-color: #0d8dd6;
  color: #fff;
}
.navbar-nav .nav-item {
  margin-right: 10px; /* Adds space between icons */
}

.navbar-nav .nav-item:last-child {
  margin-right: 0; /* Ensures no margin on the last item */
}