/*

Theme Name: The Tiger Club

Theme URI: http://www.tigerclubband.com

Description: A custom WordPress theme for The Tiger Club

Version: 1.0

Author: Ross Barber

Template: twentyfourteen

Author URI: http://www.electrickiwi.co.uk

*/





/*--- MUSIC SUPERVISOR PG ---*/



.sup-content { height: auto; background: none; z-index: 4; position:absolute; top:5%; right: 2%; margin-right: 15px; font-size: 15px;}

.sup-content .sup-post { background: rgba(149,47,50,0.75); /* -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.5); */ margin-bottom: 35px; height: auto; color: #fff; font-family:'Roboto Condensed'; font-weight: 300; text-align: justify; padding: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; display: block; float: right; }

.sup-logo { position: fixed; bottom: 10px; left: 10px; height: 300px; width: 300px; z-index: 999; opacity: 0.9; }

.sync-download:hover { opacity: 0.8; }





/*--- FONT EMBEDDING ---*/



@font-face {

    font-family: 'denseregular';

    src: url('fonts/dense-regular-webfont.eot');

    src: url('fonts/dense-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/dense-regular-webfont.woff') format('woff'),

         url('fonts/dense-regular-webfont.ttf') format('truetype'),

         url('fonts/dense-regular-webfont.svg#denseregular') format('svg');

    font-weight: normal;

    font-style: normal;

}





/*--- GENERAL STYLES ---*/



*:focus { outline: none !important; }



a, a:hover,

.wpcf7-submit, .wpcf7-submit:hover { text-decoration: none !important; -webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}



html { width: 100%; height:100%; margin: 0; overflow-x: hidden; }

body { height: 100%; width:100%; margin: 0; background: #000; color: #fff !important;}

p { color: #fff !important; }



h1, h2 { font-size: 42px !important; text-transform: uppercase; font-family: 'denseregular'; color: #fff; padding-bottom:10px !important; margin-bottom: 0 !important; font-weight: 300 !important; margin-top: 5px !important; }

h3 { font-size: 32px; text-transform: uppercase; font-family: 'denseregular'; color: #fff; padding-bottom:10px; font-weight: 300; margin-top: 5px !important; margin-bottom: 5px; display: block;}

h5 { font-size: 26px !important; text-transform: uppercase; font-family: 'denseregular'; color: #fff; padding-bottom:15px !important; margin-bottom: 0px !important; font-weight: 300 !important; margin-top: 5px !important; letter-spacing: 1px !important; }



.alignleft { margin-right: 20px; float: left; }

.alignright { margin-left: 20px; float: right; margin-top:5px;}

.aligncenter { margin: 5px auto; display: block; }



iframe { display: block !important; width: 80% !important; margin: 5px auto !important; height: auto !important; min-height:300px;}





/*--- MENU ---*/



#menu { background: #000; opacity: 0.9; color: #fff; text-align: left; text-transform: uppercase; height: 50px; width: 100%; position: fixed; font-family: 'denseregular'; line-height: 50px; font-weight: 300; font-size: 24px; padding-left: 5px; word-spacing: 2px; letter-spacing: 1.5px; z-index: 20;}



#menu a, #menu a:link, #menu a:active, #menu a:visited, #menu a:hover { text-decoration: none;}

#menu a { padding: 6px; color: #fff; padding-top: 10px; padding-bottom: 10px;}

#menu a:hover, .menuhover { background: #ed893f; }



.menu-logo { height: 37px; width: 37px; vertical-align: middle; margin-top:-1px; }



.download-form { float: right; padding-right: 15px; }

.download-form img { height: 26px; width: 26px; position: relative; top: -3px;}



.imagemap { height: 100%; width: 100%; }







/*--- FOOTER ---*/



#footer { z-index:998; clear:both; position:relative; bottom: 0; background: #000; font-family: 'denseregular'; color: #fff; text-align: center; text-transform: uppercase; letter-spacing:1px; font-size: 18px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover { text-decoration: none;}

#footer a { padding: 3px; color: #fff; padding-top: 2px; padding-bottom: 2px; margin-left: -2px; margin-right: -3px;}

#footer a:hover { background: #ed893f; }



.copyright { font-size: 22px; position:relative; top: 2px;font-weight: 300; }





/*--- CONTENT ---*/



.overlay { background: #000; opacity: 0.4; width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 3; }



.close-box { font-family: 'Jura'; text-decoration: none; position: absolute; right: 3.75%; top: 105px; float: right; font-size: 40px; color: #fff; clear: both; display:block; z-index:5; color: #fff; }

.close-box a { text-decoration: none; color: #fff; }

.close-box:hover { opacity: 0.7; cursor: pointer;}



.title { position: relative; margin-top: -50px; padding-left: 3px;font-size: 42px; text-transform: uppercase; font-family: 'denseregular'; color: #fff; z-index: 5; padding-bottom:10px;}



.content { width: 720px; height: 75%; background: #000; opacity: 0.8; z-index: 4; position:absolute; top:95px; right: 2%; margin-bottom: 15px; margin-right: 15px; -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.5);

box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.5); overflow-y: hidden; padding:2px; border:10px solid #000; color: #fff; font-family:'Roboto Condensed'; font-weight: 300; text-align: justify;  padding-top: 50px;}



.content-box { width: 695px; height: 100%; z-index: 5; margin-bottom: 15px; margin-right: 15px; -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.5);

box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.5); overflow-y: auto;  padding-left: 5px; padding-right:20px; color: #fff; font-family:'Roboto Condensed'; font-weight: 300; text-align: justify; }



.content p, .content-box p {padding-top: 0; margin-top: 0; margin-bottom: 20px; line-height:22px; font-size: 16px; font-weight: 300;}

.content a { color: #ed893f; }

.content a:hover { color: #d4481c; }



#clickable { display: block; position:relative; z-index: 3; width: 100%; margin: 0 auto; text-align:center;}

#clickable .video { position:relative; top: 174px; left: 150px; }









/*--- BACKGROUNDS ---*/



#maximage { width: 100%; height: 100%; text-align:center; margin:0; z-index:1; position:absolute; top:0%; left:0; overflow: hidden;}

.maximage { height: 100%; width: 100%; }



#small-background { background: url(bg-1600x900.jpg) #000 center; background-size:cover; height: 100%; width: 100%; margin:0; z-index:0; position: fixed;}







/*--- LOADING ---*/

.logo {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 999;

opacity:0.95;

	background: url('images/logo.png') 50% 50% no-repeat rgb(0,0,0); background-size: 35%;

}







/*--- PLAYER ---*/



.sc_player_container1 .myButton_play {

    background-image: url('images/player.png') !important;

 width: 34px !important;

height: 28px !important;

vertical-align:middle !important;

position: relative !important;

left: 0px !important;

top: -2px !important;

}



.sc_player_container1 .myButton_stop {

    background-image: url('images/pause.png') !important;

 width: 34px !important;

height: 28px !important;

vertical-align:middle !important;

position: relative !important;

left: 0px !important;

top: -2px !important; }







/*--- MUSIC STYLES ---*/



.artwork { width: 200px; height: 200px; background: #fff; float: left; }

.tracklisting { display: inline-block; margin-left: 15px; margin-right: 5px; width: 430px; font-family: 'denseregular';}

.play { float: right; vertical-align:middle; }

.track1, .track2, .track3, .track4, .track5, .track6, .track7, .track8, .track9, .track10, .track11, .track12 { display: block; clear: both; text-transform: uppercase; font-family:'denseregular'; letter-spacing: 1px; margin-bottom: 10px; font-size:24px;}

.notes-link { margin-left: 5px; color: #ed893f; }

.notes-link a { color: #ed893f; }

.notes-link:hover { color: #fff; }

.song-notes { display: none; margin-bottom:5px; float: left; text-transform: none !important; font-size: 12px !important; color: #fff; font-family:'Roboto Condensed'; font-weight: 300; text-align: justify; line-height:14px !important;}

.notes-link a:hover .song-notes { display: block; }





/*--- CONTACT STYLES ---*/



.form { width: 100%; font-size: 26px !important; padding-top: 25px; }

.row { clear: both; width: 100%; font-family: 'denseregular'; text-transform: uppercase; font-size: 26px !important; letter-spacing:1px;}

.row p { font-family: 'denseregular'; text-transform: uppercase; font-size: 26px !important; letter-spacing:1px; }

.left { float: left; font-size: 30px !important;}

.right { float: right; font-size: 30px !important;}

.left, .right { width: 48%; }

.left input, .right input, .wpcf7-text { width: 100%; margin-top: 5px !important;}

.wpcf7-text { margin-top: -5px !important; }

.row textarea { width: 100%; }

input { height: 35px; }

textarea { height: 250px; margin-top: 5px;}

input, textarea { border: 0 !important; font-family: 'Roboto Condensed'; font-weight: 300; font-size: 18px; letter-spacing: 1px;}

.wpcf7-submit { width: 100%; background: #ed893f; color: #fff; font-family:'denseregular'; font-size: 32px; text-transform: uppercase; letter-spacing: 1px; margin-top: -10px;}

.wpcf7-submit:hover, .submit:hover { cursor: pointer; background: #d4481c;}

.left input, .right input { background: #fff; color: #000; opacity: 1; font-family: 'Roboto Condensed'; font-weight: 300; font-size: 16px; letter-spacing: 1px; }



.wpcf7-not-valid-tip { color: #ed893f !important; margin-top: 5px;}



div.wpcf7-response-output {

border: 0 !important;

padding: 0 !important;

margin: -10px auto !important;

text-align: center;

text-transform: uppercase;

font-family: 'denseregular';

font-size: 32px;

}







/*--- BLOG STYLES ---*/



.date { font-size: 18px; display: block; letter-spacing: 1.5px; color: #ed893f !important;}

.post { margin-bottom: 20px; }



#pagination-single { position: relative; bottom: 5px; }

#pagination-single a { font-family: 'denseregular'; color: #ed893f; font-size: 26px; text-transform: uppercase; letter-spacing: 1px; }

#pagination-single a:hover { color: #d4481c; }



#navigation-blog { font-family: 'denseregular'; color: #fff; font-size: 26px; text-transform: uppercase; letter-spacing: 1px; text-align: center; word-spacing: 3px; }

#navigation-blog a { color: #ed893f; }

#navigation-blog a:hover { color: #d4481c; }







/*--- PRESS STYLES ---*/



.quote-credit { margin-top:-10px !important; padding-bottom: 25px; text-transform: uppercase; font-family: 'denseregular'; font-size: 22px !important; letter-spacing: 1px; }

.quote-credit p { font-size: 26px !important; }

.quote-credit a { color: #ed893f; }

.quote-credit a:hover { color: #d4481c; }







/*--- CREDITS STYLES ---*/



.single-credits { display: none; margin-bottom:5px; text-transform: none !important; font-size: 16px !important; color: #fff !important; font-family:'Roboto Condensed'; font-weight: 300; text-align: justify;  margin-bottom: 15px; clear: both; float: left; line-height:20px;} 

.single-credits p { color: #fff !important; }

.single-credits img { margin-right: 10px; }



ul#credits-list { list-style: none; padding: 0; margin-left: 0; margin-bottom: 30px; clear:both; float: left;}

ul#credits-list li { margin-bottom: 6px; text-transform: uppercase; font-family: 'denseregular'; color: #fff; font-size: 22px !important; letter-spacing: 0.5px; clear: both; float: left; display:block; width:100%;}

.credits h3, .credits h2 { clear: both; float: left; display: block;}





/*--- FREE DOWNLOAD ---*/



#mc_embed_signup { margin-top: -10px !important; }





/*--- VIDEOS PAGE ---*/



ul.ytchagallery .ytctitle {

    margin: 5px 0 10px;

    text-align: center !important;

}





/*--- MEDIA QUERIES ---*/


@media screen and (min-width: 501px) and (max-width: 840px) {

	body {text-align:center;}
	.sup-content {width:85% !important;margin-top:300px;display:inline-block;position:relative;right: initial !important;
margin-right: initial !important;}
	
	.sup-logo {
		position: absolute;
		height: auto;
		width: 45%;
		z-index: 999;
		opacity: 0.9;
		right: 10px;
		top: 0px;
		left: initial;
	}
	
}

@media screen and (max-width: 500px) {

body {text-align:center;}

.sup-content {width:85% !important;margin-top:300px;display:inline-block;position:relative;right: initial !important;
margin-right: initial !important;}

	.sup-logo {
		position: absolute;
		height: auto;
		width: 55%;
		z-index: 999;
		opacity: 0.9;
		right: 10px;
		top: 0px;
		left: initial;
	}

}

@media screen and (min-width: 1281px) {

	.sup-content {width:870px;}

}



@media screen and (max-width: 1280px) and (max-height: 1024px) {

.sup-content {width:750px;}

.content { height: 50%; }

#maximage { background: center -100px; }

.sup-content {width:750px;}

} 



@media screen and (max-width: 1280px) and (max-height: 800px)  {

.content { height: 65%; }

.sup-content {width:670px;}

}



@media screen and (max-width: 1024px) {

.close-box {right: 5% !important; }

.content { height: 52%; }

.sup-content {width:570px;}

}







 ::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 8px;

}



  ::-webkit-scrollbar-track {

    background-color: rgba(57,57,57, .6);

    border-radius: 8px;

}

::-webkit-scrollbar-thumb {

    border-radius: 8px;

    background-color: rgba(156, 156, 156, .6);

}