/*
 Theme Name:   Hueman Child
 Theme URI:    http://LibreELEC.tv/
 Description:  Hueman Child Theme for LibreELEC.tv
 Author:       LibreELEC
 Author URI:   http://LibreELEC.tv
 Template:     hueman
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         LibreELEC
 Text Domain:  hueman-child
*/

body {
	font-weight: 400;
}

#footer-bottom #copyright {
	color: #ccc;
	font-size: 20px;
	font-weight: bold;
}

#footer-bottom #copyright,
#footer-bottom #credit {
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	line-height: 2.1em;
}

@media only screen and (min-width: 720px) {
	#nav-topbar .nav { text-align: right; }
	#nav-topbar .nav > li:last-child { margin-right: 60px; }
}

@media only screen and (min-width: 479px) and (max-width: 960px) {
	.s1-expand .s1 { width: 260px; }
	.s1-expand .s1 .sidebar-content,
	.s1-expand .s1 .post-nav { min-width: 260px; }
}

/* force left sidebar to 255px */
.col-3cm .main { background: url(../img/sidebar/s-right-s2.png) repeat-y right 0; }
.col-3cm .main-inner { background: url(../img/sidebar/s-left.png) repeat-y left 0; padding-left: 255px; padding-right: 260px; }
.col-3cm .sidebar.s1 { float: left; margin-left: -255px; }
.col-3cm .sidebar.s2 { float: right; margin-right: -260px; /* ingenuity! */ position: relative; right: -100%; }
.col-3cm .content { float: right; }
.sidebar.s1 { width: 255px; z-index: 2; }
.s1.expanded .post-nav { opacity:1;min-width: 255px; }

/* adjust new sidebar heading color to match social icons in mobile view */
@media only screen and (max-width: 960px) and (min-width: 479px) {
  .s1 .sidebar-top:before {
	color: #666;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 479px) {
  .s2 .sidebar-top:before {
	color: #666;
  }
}

/* arrows: http://codepen.io/vkjgr/pen/VYMeXp */
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  width: 21em;
}
 
select.minimal:focus {
  border-color: orange;
  outline: 0;
}
 
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

#minimal-1016 {
  margin: 0 auto;
}