/* Idahomusic.com - all rights reserved */
@font-face {
    font-family: 'trixie';
    src: url('../fonts/Trixie-Plain-webfont.eot');
    src: url('../fonts/Trixie-Plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Trixie-Plain-webfont.woff2') format('woff2'),
         url('../fonts/Trixie-Plain-webfont.woff') format('woff'),
         url('../fonts/Trixie-Plain-webfont.ttf') format('truetype'),
         url('../fonts/Trixie-Plain-webfont.svg#trixie') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
    box-sizing: border-box;
	outline: none !important;
}

html,
body {
	height:100%;
}

body {
	width:100%;
	margin:0;
	padding:0;
	font-family:'trixie', arial, sans-serif;
	background:#fff;
	font-size:12pt;
	color:#202020;
	overflow-x:hidden;
}

p,h1,h2,h3,h4,h5,h6,hr,ul,li,article,address,cite,blockquote {
	margin:0;
	padding:0;
	border:0;
}

ul {
	display:block;
	list-style-type:none;
}

h2,h3,h4,h5,h6 {
	display:inline-block;
	color:#fff;
	background:#000;
	padding:3px;
	margin-top:20px;
	font-size:13pt;
}

ul {
	display:block;
	list-style-type:none;
}

a {
	outline:none;
	text-decoration:none;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

a:hover,
a:visited,
a:focus,
a:active,
a:link {
	text-decoration:none;
	color:inherit;
}

img {
	border:0;
}

input,select,textarea {
	font-family:'trixie', arial, sans-serif;
	font-weight:normal;
	border-radius:0;
	
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;

	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	appearance:none;
}

#main {
	position:fixed;
	width:100%;
	bottom:0px;
	left:0px;
	padding:0px 20px;
	z-index:99999;
}

nav ul {
	padding:10px 0px;
}

nav ul li {
	display:inline-block;
	text-align:left;
	padding-right:5px;
	margin-top:10px;
	
}

nav ul li a {
	width:100%;
	color:#000;
	padding:3px;
	background:#fff;
}

nav ul li a:hover,
nav ul li a.current {
	color:#fff;
	background:#000;
}

.ls_link {
	position:fixed;
	bottom:10px;
	right:20px;
	text-align:right;
}

.ls_link a {
	display:inline-block;
	vertical-align:top;
	margin-left:-10px;
	width:45px;
	height:45px;
}
	
#bc_link {
	background:url('../img/bandcamp.svg') no-repeat center center transparent;
	background-size:60px;
	width:80px;
}

#fb_link {
	background:url('../img/facebook.svg') no-repeat center center transparent;
	background-size:30px;
	margin-left:-15px;
}

#tw_link {
	background:url('../img/twitter.svg') no-repeat center center transparent;
	background-size:35px;
}

#ins_link {
	background:url('../img/instagram.svg') no-repeat center center transparent;
	background-size:30px;
}

section {
	width:100%;
	min-height:100%;
}	

#home {
	background:url('../img/bg_home.jpg') no-repeat bottom center;
	background-size:cover;
	padding-bottom:80px;
}

#home h1 img {
	display:block;
	width:400px;
	height:auto;
}

.content_news {
	padding-top:10%;
}

.content_news p {
	padding-top:15px;
}

.content_news p a {
	color:#fff;
	text-decoration:none;
}

.content_news p a:hover {
	color:#fff;
}

.content_cover {
	display:block;	
	margin-right:20px !important;
}

#bio {
	background:url('../img/bg_bio.jpg') no-repeat center center;
	background-size:cover;
	border-top:1px solid #000;
	padding:80px 0;
}

#bio article {
	text-align:left;
}

#disco {
	position:relative;
	background:url('../img/bg_disco.jpg') no-repeat center center;
	background-size:cover;
	border-top:1px solid #000;
	padding:80px 0;
	color:#fff;
}

#disco ul li a,
#video ul li a,
#photo ul li a {
	color:#fff;
}

#disco ul li a:hover, 
#video ul li a:hover, 
#photo ul li a:hover {
	background:#000;
}

.album {
	position:absolute;
	top:0;
	right:0px;
	display:none;
	width:400px;
	height:100%;
	color:#fff;
	background:rgba(0,0,0,0.5);
}

.album_bottom {
	position:absolute;
	top:0;
	right:0;
	display:none;
	width:400px;
	height:431px;
	border-bottom:1px solid rgba(255,255,255,0.4);
}

#album_loader,
#video_loader,
#gallery_loader {
	display:none;
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
	background:url('../img/logo_loader.svg') no-repeat center center transparent;
	background-size:100%;
	z-index:20;
}

#album_loader span,
#video_loader span,
#gallery_loader span {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background:#878687;
	z-index:-1;
    
	-moz-animation: small_loader 0.5s ease-out infinite;
    -o-animation: small_loader 0.5s ease-out infinite;
    -webkit-animation: small_loader 0.5s ease-out infinite;
    animation: small_loader 0.5s ease-out infinite;
}

#album_content,
#video_content,
#gallery_content {
	display:none;
	position:absolute;
	width:100%;
}

#album_content ul {
	padding:10px;
}

.album img {
	display:block;
	width:100%;
}

.album p, .album blockquote {
	padding-top:10px;
}

.album #edit_album {
	position:relative;
	top:70px;
	padding:10px;
}

#close {
	width:100px; 
	display:block;
	margin:10px auto 0px auto;
	cursor:pointer;
	background:none;
	border:1px solid rgba(255,255,255,0.4);
	padding:4px;
	color:#fff;
}

#close:hover {
	background:#fff;
	color:#202020;
}
	
#video {
	position:relative;
	background:url('../img/bg_video.jpg') no-repeat center center;
	background-size:cover;
	border-top:1px solid #000;
	padding:80px 0;	
	color:#fff;
}

.video_top {
	position:absolute;
	top:0;
	right:0px;
	display:none;
	width:700px;
	height:100%;
	color:#fff;
	background:rgba(0,0,0,0.5);
	text-align:center;
	z-index:10;
}

.all_video {
	width:100%;
	position:relative;
	padding-bottom:56.25%;
	height:0;
}

.all_video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	z-index:10;
}

#video p {
	padding-top:60px;
	display:inline-block;
	vertical-align:middle;
}

#video #yt_link {
	display:inline-block;
	vertical-align:middle;
	width:55px;
	height:55px;
	margin-top:50px;
	background:url('../img/youtube.svg') no-repeat center center;
	background-size:cover;
}

#video #yt_link:hover {
	background:url('../img/youtube_hover.svg') no-repeat center center;
	background-size:cover;
}

#video .video_top p {
	display:block;
	padding:30px 10px 0px 10px;
	text-align:center;
	vertical-align:inherit;
}

#photo {
	background:url('../img/bg_photo.jpg') no-repeat center center;
	background-size:cover;
	border-top:1px solid #000;
	position:relative;
	padding:80px 0;
}

#audio_switch {
	display:none;
	width:100px;
	padding:4px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	font-family:arial;
	font-size:9pt;
	cursor:pointer;
	background:none;
	font-weight:bold;
	margin-top:20px;
}

#loop_name {
	display:none;
	background:url('../img/sound.svg') no-repeat left center;
	background-size:15px;
	color:#fff;
	margin-top:5px;
	font-family:arial;
	font-size:9pt;
	height:30px;
	padding-left:25px;
	padding-top:8px;
	width:230px;
}

.gallery {
	position:absolute;
	top:0;
	right:0px;
	display:none;
	width:80%;
	height:100%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	overflow:auto;
	z-index:30 !important;
}

#gallery_content {
	width:100%;
	padding:0;
	z-index:30;
}

.content_play_gallery {
	padding:15px;
}

.play_gallery {
	padding:0;
	margin:0;
	width:100%;
	margin-left:-3px;
	margin-right:-3px;
}	

.play_gallery [class*="col-"] {
	padding:0 3px;
}

.play_gallery li img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:6px;
	cursor:pointer;
}

audio  {
	max-width:100%;
}

#buy {
	background:url('../img/bg_buy.jpg') no-repeat bottom center;
	background-size:cover;
	border-top:1px solid #000;
	position:relative;
	padding:80px 0 200px 0;
	color:#fff;
}

#buy article a {
	text-decoration:underline;
	color:#fff;
}

#buy article a:hover {
	color:#fff;
	background:#000;
}

#cb_link {
	display:inline-block;
	width:110px;
	height:60px;
	vertical-align:top;
	margin-top:10px;
	background:url('../img/cdbaby.svg') no-repeat center center;
	background-size:110px;
}

#it_link {
	display:inline-block;
	width:110px;
	height:60px;
	vertical-align:top;
	margin-top:10px;
	background:url('../img/itunes.svg') no-repeat center center;
	background-size:110px;
	margin-left:20px;
}	

#buy article a#cb_link:hover {
	background:url('../img/cdbaby.svg') no-repeat center center transparent;
	background-size:110px;
}

#buy article a#it_link:hover {
	background:url('../img/itunes.svg') no-repeat center center transparent;
	background-size:110px;
}

.credits {
	font-size:10pt;
	padding-top:60px;
}

.credits img {
	display:block;
	width:120px;
	margin-top:10px;
}

/* loader */
#loading {
	position:fixed;
	width:100%;
	height:100%;
	background:#fff;
	color:#202020;
	z-index:999999;
    top:0;
    left:0;
    text-align:center;
}

#loading .idaho_loader {
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-160px;
	margin-left:-125px;
}

#loading .idaho_loader img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	
	-webkit-animation: moving 0.1s ease-out infinite;
    -moz-animation: moving 0.1s ease-out infinite;
    -o-animation: moving 0.1s ease-out infinite;
    animation: moving 0.1s ease-out infinite;
}

#loading span {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background:#e5e5e5;
	
	-webkit-animation: loader 0.5s ease-out infinite;
    -moz-animation: loader 0.5s ease-out infinite;
    -o-animation: loader 0.5s ease-out infinite;
    animation: loader 0.5s ease-out infinite;
}

#loading p {
	display:inline-block;
	position:relative;
	top:60%;
}

@-moz-keyframes loader {
    0%    { top:0; }
    5%    { top:15px; }
    15%   { top:10px; }
    23%   { top:35px; }
    27%   { top:30px; }
    34%   { top:120px; }
    40%   { top:100px; }
    45%   { top:220px; }
    49%   { top:170px; }
    54%   { top:10px; }
    63%   { top:40px; }
    70%  { top:200px; }
    74%  { top:230px; }
    77%  { top:220px; }
    80%  { top:227px; }
    90%  { top:100px; }
  	100%  { top:0; }
}

@-o-keyframes loader {
    0%    { top:0; }
    5%    { top:15px; }
    15%   { top:10px; }
    23%   { top:35px; }
    27%   { top:30px; }
    34%   { top:120px; }
    40%   { top:100px; }
    45%   { top:220px; }
    49%   { top:170px; }
    54%   { top:10px; }
    63%   { top:40px; }
    70%  { top:200px; }
    74%  { top:230px; }
    77%  { top:220px; }
    80%  { top:227px; }
    90%  { top:100px; }
  	100%  { top:0; }
}

@-webkit-keyframes loader {
    0%    { top:0; }
    5%    { top:15px; }
    15%   { top:10px; }
    23%   { top:35px; }
    27%   { top:30px; }
    34%   { top:120px; }
    40%   { top:100px; }
    45%   { top:220px; }
    49%   { top:170px; }
    54%   { top:10px; }
    63%   { top:40px; }
    70%  { top:200px; }
    74%  { top:230px; }
    77%  { top:220px; }
    80%  { top:227px; }
    90%  { top:100px; }
  	100%  { top:0; }
}

@keyframes loader {
    0%    { top:0; }
    5%    { top:15px; }
    15%   { top:10px; }
    23%   { top:35px; }
    27%   { top:30px; }
    34%   { top:120px; }
    40%   { top:100px; }
    45%   { top:220px; }
    49%   { top:170px; }
    54%   { top:10px; }
    63%   { top:40px; }
    70%  { top:200px; }
    74%  { top:230px; }
    77%  { top:220px; }
    80%  { top:227px; }
    90%  { top:100px; }
  	100%  { top:0; }
}

@-moz-keyframes small_loader {
    0%    { top:0; }
    5%    { top:5px; }
    15%   { top:3px; }
    23%   { top:25px; }
    27%   { top:40px; }
    34%   { top:90px; }
    40%   { top:85px; }
    45%   { top:10px; }
    49%   { top:40px; }
    54%   { top:65px; }
    63%   { top:13px; }
    70%  { top:24px; }
    74%  { top:100px; }
    77%  { top:85px; }
    80%  { top:54px; }
    90%  { top:20px; }
  	100%  { top:0; }
}

@-o-keyframes small_loader {
    0%    { top:0; }
    5%    { top:5px; }
    15%   { top:3px; }
    23%   { top:25px; }
    27%   { top:40px; }
    34%   { top:90px; }
    40%   { top:85px; }
    45%   { top:10px; }
    49%   { top:40px; }
    54%   { top:65px; }
    63%   { top:13px; }
    70%  { top:24px; }
    74%  { top:100px; }
    77%  { top:85px; }
    80%  { top:54px; }
    90%  { top:20px; }
  	100%  { top:0; }
}

@-webkit-keyframes small_loader {
    0%    { top:0; }
    5%    { top:5px; }
    15%   { top:3px; }
    23%   { top:25px; }
    27%   { top:40px; }
    34%   { top:90px; }
    40%   { top:85px; }
    45%   { top:10px; }
    49%   { top:40px; }
    54%   { top:65px; }
    63%   { top:13px; }
    70%  { top:24px; }
    74%  { top:100px; }
    77%  { top:85px; }
    80%  { top:54px; }
    90%  { top:20px; }
  	100%  { top:0; }
}

@keyframes small_loader {
    0%    { top:0; }
    5%    { top:5px; }
    15%   { top:3px; }
    23%   { top:25px; }
    27%   { top:40px; }
    34%   { top:90px; }
    40%   { top:85px; }
    45%   { top:10px; }
    49%   { top:40px; }
    54%   { top:65px; }
    63%   { top:13px; }
    70%  { top:24px; }
    74%  { top:100px; }
    77%  { top:85px; }
    80%  { top:54px; }
    90%  { top:20px; }
  	100%  { top:0; }
}

@-moz-keyframes moving {
    0%    { left:0; }
  	85%   { left:2px; }
  	100%  { left:0; }
}

@-o-keyframes moving {
    0%    { left:0; }
  	85%   { left:2px; }
  	100%  { left:0; }
}

@-webkit-keyframes moving {
    0%    { left:0; }
  	85%   { left:2px; }
  	100%  { left:0; }
}

@keyframes moving {
    0%    { left:0; }
  	85%   { left:2px; }
  	100%  { left:0; }
}