/*
 Theme Name:   SWTOR Strategies
 Theme URI:    https://colorlib.com/sparkling/
 Description:  SWTOR Strategies WordPress Theme
 Author:       Timothy Brand
 Template:     sparkling
 Version:      1.0.1
*/

body {
	background-color:rgb(0,0,0);
	background-image:url(images/page-background.jpg);
	background-position:top center;
	background-repeat:repeat;
	font-size:16px;
	font-family: 'Droid Sans', sans-serif;
}
body .entry-content {
	color:#000000;	
}
a, a:hover {
    color: #a62d26;
    text-decoration: none;
}
.btn.btn-default {
    color: #888888;
    text-transform: uppercase;
}
.post-navigation a, .paging-navigation a {
  	border:none;
}
.post-navigation a:hover, .paging-navigation a:hover {
    color:#a62d26;
    background:#ffffff;
	border:none;
}
.entry-title a, .entry-title a:hover {
	color:#47371F;
	text-decoration:none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#ffffff;
}
.header-social-icons a, .navbar-default .navbar-nav>li>a {
	color:#ffffff;
}
.header-social-icons .facebook:hover {
	color:#6d84b4;
}
.header-social-icons .twitter:hover {
	color:#00aced;
}
.header-social-icons .gplus:hover {
	color:#dd4b39;
}
.header-social-icons li:first-child {
	margin:0;
}
.header-social-icons li {
	color:#ffffff;
	display:inline-block;
	margin-left:2em;
}
.header-social-icons ul.fa-ul {
    float: right;
}
.navbar.navbar-default {
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-bottom:2px solid;
	background: #afbdc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #afbdc0 0%, #6f7875 49%, #0a0e0a 50%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afbdc0), color-stop(49%,#6f7875), color-stop(50%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc0', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	
}
body .navbar-nav > li > a {
    padding: 0;
    display: inline-block;
}
.nav>li>a:focus, .nav>li>a:hover {
    background: none;
}
body .navbar-default .navbar-nav > li > a {
    color: #F5F7FA !important;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 12px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent !important;
}
body.blog .post-inner-content, .post-inner-content:first-child {
    border-top: 0px solid #dadada;
}
#logo {
	margin-top:3em;
}
.post-inner-content {
	position:relative;
	background-color:#999ea3;
	background-image:url('images/blog-background.png');
	background-position:top left;
	background-repeat:no-repeat;	
	border:none;
}
.post-inner-content:first-child {
    border:none;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #1a1c1d;
}
.entry-meta {
	margin:15px 0px;
}
.entry-meta a, .entry-meta a:hover {
    font-size: 13px;
    color: #FFFFFF;
}
.entry-meta span {
	color:#47371F;
}
.well {
    background-color:#999ea3;
	border:none;
}
#secondary .widget > h3 {
	color:#47371F;
}
.widget ul li {
    list-style: none;
    border-bottom: 1px solid #1a1c1d;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#secondary .widget a, #secondary .widget a:hover{
    color: #FFFFFF;
}

.archive h1.archive-page-title {
	color:#ffffff;
	text-transform:capitalize;
	padding:1em;
	margin:0;
}
.archive .archive-page-header {
	border:none;
	background-color:#999ea3;
	padding:0;
	margin-bottom:50px;
}
.archive .archive-page-header {
	background-image:url('images/blog-background.png');
	background-position:top left;
	background-repeat:no-repeat;	
	border:none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #DA4453;
    outline: 0;
}
.header-secondary-menu {
	background: #afbdc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #afbdc0 0%, #6f7875 49%, #0a0e0a 50%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afbdc0), color-stop(49%,#6f7875), color-stop(50%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #afbdc0 0%,#6f7875 49%,#0a0e0a 50%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc0', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */	
	padding:0em 2em;
	min-height: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	margin-top:2em;
	border:1px solid #3a3f40;
}
.nav>li>a:focus, .nav>li>a:hover {
	background:none;
}
.navbar-nav>li>a {
	color:#ffffff;
}
.nav.navbar-nav {
	float:none;
}
.secondary-header-search-form {
	margin-top:1em;
}
body .secondary-content-box {
	display:none;
}
#leader-board-primary, #leader-board-secondary {
	margin-top:1em;
}
#leader-board-primary img, #leader-board-secondary img {
	display:block;
	margin-right:auto;
	margin-left:auto;
}
.home-thumbnail {
	float:left;
	padding:0.5em;
}
.home .page-header, .blog .page-header {
	border:none;
}
.page-id-2577 .post-inner-content {
	background:none;
}
.page-id-2577 .entry-header {
	display:none;
}

/* RESPONSIVE STYLES */

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .nav>li>a {
		font-size:12px;
		padding:10px;
		}
		.header-social-icons ul.fa-ul{
			margin-top:-5px;
		}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  	  .nav>li>a {
		font-size:12px;
		padding:10px;
		}
		.header-social-icons ul.fa-ul{
			margin-top:-5px;
		}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  .navbar.navbar-default {
		background:#eeeeee; 
	  }
	  .mobile-header-search-form {
		margin:1em 0em;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  .navbar.navbar-default {
		background:#eeeeee; 
	  }
	  .mobile-header-search-form {
		margin:1em 0em;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .navbar.navbar-default {
		background:#cccccc; 
	}
	.mobile-header-search-form {
		margin:1em 0em;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}