/***************************************************
Theme Name:		Sydney Funk Collective
Theme URI:		http://www.sydneyfunkcollective.com.au
Description: 	Sydney's best party band for weddings and functions
Author: 		Phillip Peet
Author URI: 	http://www.philbossdesign.com.au
Version: 		1.0
Tags:			black, green, two column, jquery, image slider, audio, video
*****************************************************/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
	opacity: 0.85 !important;
    display: none;
}
.popup{display:none}

.trigger{
	    position: absolute;
    z-index: 999;
    left: 240px;
    top: 360px;
	height: 80px;
width: 80px;
	border:4px solid;
	border-radius:50%
}

.trigger::after {
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #81d21a;
    position: absolute;
    margin: 30px 0 0 30px;
}
.modal_close {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 25px;
    display: block;
    background: #81d21a;
	color:#fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
	cursor:pointer
}
.modal_close:hover {
	text-decoration:none
}


/********************** Resets **********************/
*{margin:0; padding:0; outline:0; border:0}

/********************** Globals **********************/
body{background:#000 url(images/sfc-bground.jpg) top center fixed no-repeat; color:#FFFFFF; font:200 15px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif}
.container{margin:0 auto; width:960px; position:relative}

/********************** Headings and Links **********************/
h2{font:normal 23px/23px 'CodeBoldRegular'; color:#81d21a; padding:0 0 12px}
h3{font:normal 23px/23px 'CodeBoldRegular'; color:#000000; padding:0 0 5px}
h4{font-size:14px; color:#000000}
h5{font-size:16px; font-weight:bold; text-transform:uppercase}
h6{font-size:12px; font-weight:200; margin:0 0 10px}
p, table, ul{padding:0 0 13px; letter-spacing:-0.3px}
.about td{font-size:13px; color:#000000}
strong, b{font-weight:bold; margin-left:3px}
.buckets h5{text-transform:none}
a{color:#81d21a; text-decoration:none}
a:hover{text-decoration:underline}

/********************** Logo **********************/
.logo{background:url(images/sfc-logo.png) top left no-repeat; width:320px; height:150px; display:block; text-indent:-9999px; float:left}

/********************** Header **********************/
.header{height:190px}

/********************** Font Replacements **********************/
@font-face {
    font-family: 'star-studded';
    src: url('fonts/101_star_studded-webfont.eot');
    src: url('fonts/101_star_studded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/101_star_studded-webfont.woff') format('woff'),
         url('fonts/101_star_studded-webfont.ttf') format('truetype'),
         url('fonts/101_star_studded-webfont.svg#star-studded') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CodeBoldRegular';
    src: url('fonts/code-bold-webfont.eot');
    src: url('fonts/code-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/code-bold-webfont.woff') format('woff'),
         url('fonts/code-bold-webfont.ttf') format('truetype'),
         url('fonts/code-bold-webfont.svg#CodeBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************** Micro Navigation **********************/
.micro-nav{font:14px 'star-studded', Impact; text-transform:uppercase; color:#646464; padding:40px 0 0} 
.micro-nav ul{list-style:none; border-bottom:1px solid #81d21a; float:right; width:611px; height:26px}
.micro-nav ul li{float:left; padding:0 25px 0 10px; background:url(images/star-divider.png) right -4px no-repeat}
.micro-nav ul li:first-child{padding-left:90px}
.micro-nav ul li a{color:#646464; text-decoration:none}
.micro-nav ul li a:hover{color:#81d21a}
.micro-nav ul li.last{background:none}
.micro-nav ul li.sm{margin:-5px 0 0; padding:0 1px}
.micro-nav ul li.sm a{width:25px; height:25px; text-indent:-9999px; display:block}
.micro-nav ul li.email{background:url(images/icon-mail.png) top left no-repeat}
.micro-nav ul li.facebook{background:url(images/icon-fb.png) top left no-repeat}
.micro-nav ul li.twitter{background:url(images/icon-twitter.png) top left no-repeat}
.micro-nav ul li.google{background:url(images/icon-google.png) top left no-repeat; width:36px}

/********************** Main Navigation **********************/
.nav{font:18px 'star-studded', Impact; color:#FFF; text-transform:uppercase}
.nav ul{list-style:none; float:left; margin:15px 0 0 29px}
.nav ul li{float:left}
.nav ul li a{color:#FFFFFF; text-decoration:none; padding:0 8px; display:block; height:35px; line-height:35px}
.nav ul li a:hover{color:#81d21a}
.nav ul li.current_page_item a{background:#81d21a; color:#000000}
.nav ul li.current_page_item{background:url(images/active-indicator.png) bottom center no-repeat; height:41px}

/********************** Header Rotator **********************/
.slider-wrapper{position:absolute; top:191px}
.rotator{height:400px; width:960px; clear:both; border:1px solid #303030; margin:0 0 30px}
.rotator img{float:left; position:absolute}
.intro{float:right; position:relative; z-index:99; width:360px; height:400px; padding:20px; background:url(images/intro-bground.png) top left repeat-y}
/* .intro div{padding:15px 9px 0 56px} */

/********************** Buttons **********************/
.btn{text-indent:-9999px; height:36px; display:block; float:left; margin:0 10px 0 0}
.btn:hover{background-position:right !important}
.quote{background:url(images/get-quote-btn.png) top left no-repeat; width:136px}
.faq{background:url(images/faq-btn.png) top left no-repeat; width:96px}
.download{background:url(images/download-song-btn.png) 0 -23px no-repeat; width:280px; height:20px; display:block; text-indent:-9999px; margin:20px 0 0}
.download:hover{background-position:0 -23px}
.download-audio{background:url(images/download-live-audio-btn.png) 0 -23px no-repeat; width:280px; height:20px; display:block; text-indent:-9999px; margin:20px 0 0}
.download-audio:hover{background-position:0 -23px}

/********************** Middle - Buckets **********************/
.middle{clear:both}
.left{float:left; width:300px}
.buckets{background:#FFFFFF url(images/white-block-bground.jpg) left top repeat-x; width:300px; height:200px; border:1px solid #FFFFFF; color:#000000; margin:0 0 30px; float:left}
.buckets .text{width:115px; padding:15px 0 20px 12px; float:left}
.buckets img{float:left; padding:10px 0 0}
.buckets a{clear:both; color:#000000; font-weight:normal; margin:0 0 0 12px; background:url(images/black-star.png) 0 3px no-repeat; padding:0 0 0 22px; float:left}
.buckets .wide{width:275px}
.buckets .wide a{background:none; float:none; padding:0; margin:0}

/********************** Middle - Audio **********************/
.audio{height:430px; width:620px; border:1px solid #303030; float:right; background:#000}
.audio-sidebar{width:300px; border:1px solid #303030; float:right; background:#000; margin:0 0 30px}
.audio .inner{padding:20px}
.audio-sidebar .inner{padding:20px 10px}
.sample{width:280px; float:left}
.live{width:280px; float:right}
.audio h2, .audio-sidebar h2{border-bottom:1px solid #81d21a; padding:0 0 10px}
.audio-sidebar .download-audio{margin:20px 0}
.songlist{background:url(images/sample-songs-bground.png) top left repeat; margin:10px 0 0; height:310px; overflow-y:scroll}
.songlist-inner{background:url(images/sample-songs-bground.png) top left repeat} 
.songlist ul{list-style:none; width:260px; overflow:hidden}
.songlist ul li{font-weight:200; width:280px; font-size:13px !important; line-height:25px; font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; background:url(images/white-star.png) 7px 7px no-repeat; padding:0 0 0 25px}
.audiolist{margin:5px 0 0; height:310px; overflow-y:scroll; overflow-x:hidden; font-size:13px; color:#000000}
.audio-sidebar .audiolist{height:auto; overflow:auto; margin:0 0 30px}

/********************** Footer **********************/
.footer{background:#7ece0e url(images/footer-bground.png) top left repeat-x; height:398px; clear:both; color:#000000}
.footer .container{padding-top:30px}
.footer p{font-size:14px}
.footer a{color:#000000}
.footer h5{font:16px 'star-studded', Impact; text-transform:uppercase; margin:0 0 20px}
.footer h2{display:none}
.footerlist{height:290px; overflow:hidden; margin:20px 0 0}
.footerlist ul{list-style:none}
.footerlist ul li{float:left; width:300px; margin:0 20px 0 0; font-size:14px; letter-spacing:-0.4px}
.footerlist ul.ideas li, .footerlist ul.blogroll li{background:url(images/footer-tick.png) 0 3px no-repeat; padding:0 0 0 20px}
.footer .footerlist ul.blogroll li a{font-weight:inherit !important}
.footer cite{border-top:1px dashed #000; width:300px; display:block; font-size:12px}

/********************** Internal **********************/
.internal .left{float:right}
.internal .audio{float:left; height:auto; min-height:430px; margin:0 0 30px}
.internal .inner h5{color:#FFF; margin:20px 0 0}
.internal h2{margin:0 0 20px}
.internal .left table{margin:0; padding:0}
.internal cite{border-top:1px dashed #333333; color:#333333; display:block; font-size:12px; margin:0 0 20px; width:580px}
.middle a, .footer a{font-weight:bold !important}
.internal .inner li{margin-left:25px}
.internal .inner li a{font-weight:inherit !important}

/********************** Nivo/Hero Slider **********************/
.nivo-directionNav{display:block !important}
.nivo-controlNav{display:none !important}
.nivo-nextNav{right:-380px !important; background:url(images/right-arrow.png) top right no-repeat; height:48px; width:48px; display:block; text-indent:-9999px}
.nivo-nextNav:hover{background-position:top left}
.nivo-prevNav{left:-70px !important; background:url(images/left-arrow.png) top left no-repeat; height:48px; width:48px; display:block; text-indent:-9999px}
.nivo-prevNav:hover{background-position:top right}
/*.slider-wrapper img {display:none}
.music .internal .inner .mejs-container{width:240px !important}
.music .internal .inner .mejs-container .mejs-controls{background:#81d21a !important}
.music .internal .inner .mejs-container .mejs-controls .mejs-time span{color:#000 !important}
.music .internal .inner .mejs-controls .mejs-mute button {background-image: url(http://sydneyfunkcollective.com.au/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/controls.png) !important; background-position:-16px -18px !important; height:16px !important; position:relative; top:11px; width:16px !important}
.music .internal .inner table{margin:0 0 30px}*/

/********************** Audio Player **********************/
.home .mejs__container, .inner .live .mejs__container{width:30px !important; overflow:hidden !important; background:none !important; float:left !important}
.mejs__container .mejs__controls{background:none !important}
.audiolist td{background: #ebebeb url(images/audio-song-bground.jpg) top left repeat-x; height:35px; line-height:30px}
.audiolist p{padding:0}
.mejs__controls .mejs__button button{background:url(images/audio-controls.png) top left no-repeat !important; width:32px !important; height:32px !important; margin:7px 0 0 -10px !important}
.mejs__controls .mejs__pause button{background-position:-38px 0 !important}
.mejs__horizontal-volume-current, .mejs__horizontal-volume-total, .mejs__time-rail, .mejs__currenttime, .mejs__duration{display:none !important}

/********************** Internal Blog Page **********************/
.audio-list-ceremony-canapes .post{height:135px}
.audio-list-ceremony-canapes .post h5{padding:15px 0 0}
ul.archive{list-style:none}
ul.archive li a{font-weight:normal !important; padding-left:20px; background:url(images/star-divider.png) 0 -2px no-repeat}
.thumb img{border:1px solid #5b5b5b; clear:both; float:left; height:120px; margin:0 20px 20px 0; width:120px; padding:6px; background:#000}
.gallery img{border:1px solid #5b5b5b !important; padding:6px; background:#000}
.thumb:hover img, .gallery a:hover img{background:#444}
.thepost{height:150px}

/********************** Form **********************/
.gform_wrapper .left_label .gfield_label{width:34% !important}
.gform_wrapper .gfield_error .gfield_label{color:#FFF !important}
.gform_wrapper .gfield_required{color:#FFF !important}
.gform_wrapper .gfield_error input, #content .gfield_error textarea {
    background: none repeat scroll 0 0 #FFC8C8;
    border: 1px solid #990000 !important;
    color: #990000;
}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{font-size: 12px;
    height: 20px;
    padding: 0 5px}
	
#input_1_15{margin:0 !important}
.gform_wrapper .gform_footer{margin:50px 0 !important}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
	background: none repeat scroll 0 0 #81D21A;
    cursor: pointer;
    font-family: arial;
    font-size: 13px !important;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin: 0 0 0 30px;
    text-shadow: 1px 1px #a2e053;
    width: 150px !important;
}
#gforms_confirmation_message {
    background: none repeat scroll 0 0 #CEF0A0 !important;
    border: 1px solid #81D21A !important;
    font-size: 1.2em !important;
    width: 96% !important
}

.gfield_captcha_container {
    clear: both;
    float: left;
}
.gfield_captcha_input_container.math_medium {
    width: 100px;
    float: right;
    margin: 0 0 0 10px !important;
}
#input_1_15 {
    width: 100%;
}

/********************** Twitter- Footer  **********************/
.footer .tweet_list li{background:#7fce0e url(images/twitter-feed.png) top left no-repeat; display: block;
    font-size: 12px !important;
    height: 75px;
    line-height: 16px;
    margin: 0 !important;
    padding: 3px 0 0 65px;
    width: 248px !important}
.footer .tweet{height:160px; width:315px; overflow:hidden}
.tweet_text{padding:0 10px 0 0}

/********************** Twitter- Header  **********************/

.announcement .tweet_time, .announcement .tweet_join{display:none !important}
.announcement ul{list-style:none; width:1200px}
.announcement .tweet_text{font-size:13px}
.announcement ul li{float:left; background:url(images/star-divider.png) 0 0 no-repeat; padding:0 0 0 20px; margin:5px 0 0 20px}
	

/********************** Mobile Specific **********************/
#mobile .nivo-directionNav{display:none !important}
#mobile .intro h2{padding:0 0 5px !important}
#mobile .intro p{padding:0 0 10px !important}

/********************** Recapture Overwrites **********************/
.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r4_c2 {background:none !important}
#recaptcha_widget_div #recaptcha_area .recaptchatable{width:300px !important}

/********************** Video - Vimeo **********************/
.video{width:620px; height:401px; display:block; position:absolute; background: url(images/play.png) 220px 155px no-repeat; z-index:99}
.video:hover{background-color: rgba(0,0,0, .5)}

.about .inner td a{background:url(images/star.png) top left no-repeat}


/********************** New Twitter Widget **********************/
#wds-container{background:none !important; border:none !important}
.wds-tweet-container{border-bottom:none !important}
#wds, .wds-tweet-container{float:left}
.wds-tweet-container {background: url("images/star-divider.png") no-repeat left 6px; padding-left: 22px !important}