/*
Theme Name: Ghetto Funk Hub
Theme URI: http://www.gakdesign.co.uk
DESCRIPTION: Wordpress theme for  Ghetto Funk
Version: 1.0
Author: Ben Ervine / Gak Design
Author URI: http://www.gakdesign.co.uk
Tags: gakdesign
*/
	
/* Eric Meyer's Reset CSS v2.0 */
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* Fonts */
html {background-image: url(img/background.jpg);background-repeat: repeat;height: 100%;}
body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;font-family: 'Source Sans Pro', sans-serif;height: 100%;}
iframe {height:100%;width:100%}
a {outline: none;color: #000000;}
a:visited {color: #333333;}
a:hover, a:focus {color: #EE4037;}
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
a:hover, a:focus { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.fademe {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.fademe:hover {opacity: 0.7;}
p, h1, h2, h3, h4, h5, li {font-family: 'Source Sans Pro', sans-serif;}
p, ul, ol, dl, blockquote, .post-statement, .statement { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
b, strong {font-weight:700;}
.container {width:100%;}
.col-md-15, .col-md-3, .col-md-110 {position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px;float: left;}
.col-md-15 {width: 15%;float: left;}
.col-md-3 {width: 25%;float: left;}
.col-md-110 {width: 85%;float: left;}
.img-res {width: 100%;height: auto;margin: 0px;padding: 0px;display: block;}
.thumbnail {position:relative;overflow:hidden;}
.soundcloud-box {overflow:hidden;}
.caption {
    background-color: #ed6e2d;
    display: block;
	z-index:1;position: absolute;
}
.captioniframe {display: block;
	z-index:1;position: absolute;width:100%;height:100%;overflow:hidden;}
.soundcloud-box {
    overflow: hidden;
    height: 100%;
}
.soundcloud-box  {
    z-index: 999;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.caption-img img, .soundcloud-overflow img {position:absolute;top:0px;z-index:0;width: 100%;height:auto;}
.img-text {   font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    font-family: arial;}
.bottom-left {height: 50px;position: absolute;z-index: 1;left: 15px;bottom: -5px;background-image: url(http://ghettofunk.co.uk/wp-content/themes/gfunkyo/img/gf-icon.png);	background-repeat: no-repeat;	background-position: left center;	padding-left: 45px;padding-top: 28px;}
.bottom-right {height: 50px;position: absolute;z-index: 1;right: 15px;bottom: -5px;background-image: url(http://ghettofunk.co.uk/wp-content/themes/gfunkyo/img/gf-icon.png);background-repeat: no-repeat;	background-position: right center;	padding-right: 45px;padding-top: 28px;}
.top-left {height: 50px;position: absolute;z-index: 1;left: 15px;top: 0px;padding-top:22px;background-image: url(http://ghettofunk.co.uk/wp-content/themes/gfunkyo/img/gf-icon.png);background-repeat: no-repeat;	background-position: left center;	padding-left: 45px;}
.top-right {height: 50px;position: absolute;z-index: 1;right: 15px;top: -2pxpx;padding-top:45px;background-image: url(http://ghettofunk.co.uk/wp-content/themes/gfunkyo/img/gf-icon.png);	background-repeat: no-repeat;	background-position: right center;	padding-right: 45px;}
.caption {display: block;height: 100%;width: 85%;text-decoration: none;font-size: 14px;	padding-top: 15%;padding-right: 10%;padding-left: 10%;color:#fff}
.caption a {color:#fff;text-decoration: none!important;}
.underline {text-decoration: underline!important;}
.caption h2 {font-size: 20px;color: #FFF;padding-bottom: 20px;display: block;font-family: arial;font-weight:700;}
.caption p {font-size: 17px;color: #FFF;display: block;	padding-bottom: 20px;}
.mailinglist, .footer-contact {
    height: 36px;
	float:left;
    margin-top: 25px;
	margin-bottom: 25px;
}
.footer-contact {
	background-image: url(img/envelope.png);
    background-repeat: no-repeat;
    background-position: left 9px;
    padding-left: 35px;
    color: #fff!important;
    font-weight: 700;
    text-decoration: none;
    margin-left: 20px;
    padding-top: 8px;
}
.mailinglist input.search-field {
    height: 20px;
    width: 200px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: left;
    float: left;
    padding: 5px;
    color: #999;
    margin-top: 3px;
    background-color: #FFF;
}
.mailinglist input.search-go {
    border: 0;
    cursor: pointer;
    text-align: right;
    color: #FFF;
	font-weight: 700;
    background-color: #000;
    height: 30px;
    padding: 5px;
    float: left;
    margin-top: 3px;
    margin-left: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}
.clear {clear:both;}
.col-md-6 {width:25%;float:left;}
.header-mob {display:none;}
.grey-roll img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.grey-roll img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.col-md-3 {width: 33.33333%;float: left;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.col-md-3, .col-md-6 {width: 50%;float: left;}
		.col-md-15 {display:none;}
		.col-md-110 {width: 100%;margin-left:0px;}
		.header-mob {display:block;width:100%;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.col-md-3, .col-md-6 {width: 100%;float: left;}
	}
iframe {
    height: 100%;
    width: 100%;
    position: absolute;
}
.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) {
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
height: 100%;
}
.row {overflow: hidden;}
.white {margin-bottom: -99999px; padding-bottom: 99999px; background-color:#fff;}
}