/* ==========================================================================
   Font Helper classes
   ========================================================================== */

/* CC license font */
   @font-face {
       font-family: 'cc_iconsregular';
       src: url('https://static-cashmusic.netdna-ssl.com/www/fonts/cc-icons-webfont.woff2') format('woff2'),
            url('https://static-cashmusic.netdna-ssl.com/www/fonts/cc-icons-webfont.woff') format('woff');
       font-weight: normal;
       font-style: normal;

   }



/* Pullquote font */
    @font-face {
        font-family: 'charissil';
        src: url('https://static-cashmusic.netdna-ssl.com/www/fonts/charissil-bi-webfont.woff2') format('woff2'),
             url('https://static-cashmusic.netdna-ssl.com/www/fonts/charissil-bi-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }


/* CASH Icons */

@charset "UTF-8";

@font-face {
  font-family: "cashmusic";
  src:url("../fonts/cashmusic.eot");
  src:url("../fonts/cashmusic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/cashmusic.woff") format("woff"),
    url("../fonts/cashmusic.ttf") format("truetype"),
    url("../fonts/cashmusic.svg#cashmusic") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "cashmusic" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cashmusic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arw-dwn:before {
  content: "b";
}
.icon-dwnld:before {
  content: "c";
}
.icon-ext-link:before {
  content: "d";
}
.icon-ban:before {
  content: "f";
}
.icon-barcode:before {
  content: "g";
}
.icon-group:before {
  content: "h";
}
.icon-file:before {
  content: "i";
}
.icon-rocket:before {
  content: "j";
}
.icon-record:before {
  content: "k";
}
.icon-search:before {
  content: "l";
}
.icon-heart:before {
  content: "m";
}
.icon-book:before {
  content: "n";
}
.icon-calendar:before {
  content: "o";
}
.icon-lg-arw:before {
  content: "p";
}
.icon-signout:before {
  content: "q";
}
.icon-share:before {
  content: "r";
}
.icon-link:before {
  content: "s";
}
.icon-camera:before {
  content: "t";
}
.icon-cart:before {
  content: "u";
}
.icon-cloud-upload:before {
  content: "v";
}
.icon-card:before {
  content: "w";
}
.icon-list:before {
  content: "x";
}
.icon-unlock:before {
  content: "y";
}
.icon-unlink:before {
  content: "z";
}
.icon-user:before {
  content: "A";
}
.icon-map:before {
  content: "B";
}
.icon-paperclip:before {
  content: "C";
}
.icon-wrench:before {
  content: "D";
}
.icon-certificate:before {
  content: "E";
}
.icon-paste:before {
  content: "F";
}
.icon-cog:before {
  content: "G";
}
.icon-pencil:before {
  content: "H";
}
.icon-plus:before {
  content: "I";
}
.icon-logo:before {
  content: "K";
}
.icon-bulb:before {
  content: "M";
}
.icon-dollar:before {
  content: "J";
}
.icon-bulb-o:before {
  content: "L";
}
.icon-warn:before {
  content: "a";
}
.icon-question:before {
  content: "O";
}
.icon-nothing:before {
  content: "Q";
}
.icon-arw-up:before {
  content: "e";
}
.icon-file-block:before {
  content: "R";
}
.icon-truck:before {
  content: "P";
}
.icon-circle-plus:before {
  content: "N";
}
.icon-data:before {
  content: "T";
}
.icon-learn:before {
  content: "S";
}
.icon-menu:before {
  content: "V";
}
.icon-tick:before {
  content: "W";
}
.icon-divider:before {
  content: "U";
}


/* Layout - Column Helpers */

.twocol{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.threecol{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.sixcol{
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}



/* Icons CC Licenses Helpers */

.cc-license-image{
  text-decoration: none!important;
}

header .cc-license-image{
  display: block;
  text-align: right;
}


.cc-license, .inline-credit-footer p{
  opacity: 0.6!important;
  max-width:initial!important;
  font-size: 12px!important;
  padding:0!important;
  margin:0!important;
  line-height: 24px!important;
}


.cc-license:before, .cc-license-image:before{
  content:"";
  font-family: 'cc_iconsregular';
  margin:0 5px 0 0;
  font-size: 24px;
  vertical-align: bottom;
}

.cc-license-image:before{
  margin:0 0 0 5px;
  vertical-align: middle;
}

.inline-credit-footer{
  padding:0!important;
  display: inline-block!important;
}

.inline-credit-footer:hover{
  opacity: 1!important;
}

.inline-credit-footer.none{
  display: none!important;
}

.inline-credit-footer .cc-license-image:before{
margin:0 5px 0 0;
}

.cc-license.PD:before, .cc-license-image.PD:before{
  content:"cp";
}

.cc-license.CC-0:before, .cc-license-image.CC-0:before{
  content:"c0"
}

.cc-license.CC-BY:before, .cc-license-image.CC-BY:before{
  content:"cb";
}

.cc-license.CC-BY-NC:before, .cc-license-image.CC-BY-NC:before{
  content:"cbn";
}

.cc-license.CC-BY-ND:before, .cc-license-image.CC-BY-ND:before{
  content:"cbd";
}

.cc-license.CC-BY-SA:before, .cc-license-image.CC-BY-SA:before{
  content:"cba";
}

.cc-license.CC-BY-NC-ND:before, .cc-license-image.CC-BY-NC-ND:before{
  content:"cbnd";
}

.cc-license.CC-BY-NC-SAP:before, .cc-license-image.CC-BY-NC-SAP:before{
  content:"cbns";
}


/* ==========================================================================
   General Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* Text */

.alignleft{
    text-align: left!important;
}

.alignright{
    text-align: right!important;
}

.aligncenter{
    text-align: center!important;
}

.text-shadow{
   text-shadow: 0px 0px 5px rgba(0,0,0,0.9)!important;
}

.text-lrg{
  font-size: 72px!important;
  line-height: 50px!important;
  font-weight: 400!important;
  text-align: left!important;
}

/* Standard Patterns */
.marble{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/marble.png')!important;
    background-size: 40%!important;
    background-repeat: repeat!important;
}

.security{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/security.png')!important;
    background-size: 70%!important;
    background-repeat: repeat!important;
}

.glitch{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/glitch.jpg')!important;
    background-size: 70%!important;
    background-repeat: repeat!important;
}


.paint{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/header.jpg')!important;
    background-size: 100%!important;
    background-repeat: repeat!important;
}

.paint:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c00f7+0,0090ff+100 */
  background: rgb(140,0,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(140,0,247,1) 0%, rgba(0,144,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,0,247,1)), color-stop(100%,rgba(0,144,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(140,0,247,1) 0%,rgba(0,144,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(140,0,247,1) 0%,rgba(0,144,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(140,0,247,1) 0%,rgba(0,144,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(140,0,247,1) 0%,rgba(0,144,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c00f7', endColorstr='#0090ff',GradientType=0 ); /* IE6-9 */
  opacity: 0.5;
}


.mint{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/mint.jpg')!important;
    background-size: 70%!important;
    background-repeat: repeat!important;
}

.sparkle{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/sparkle.png')!important;
    background-size: 25%!important;
    background-repeat: repeat!important;
}

.hash{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/hash.png')!important;
    background-size: 25%!important;
    background-repeat: repeat!important;
}

.dots{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/dots.png')!important;
    background-size: 10%!important;
    background-repeat: repeat!important;
}

.wiggle{
    background-image:url('https://static-cashmusic.netdna-ssl.com/www/img/constant/texture/wiggle.png')!important;
    background-size: 10%!important;
    background-repeat: repeat!important;
}

/* Background */

.dark-bg{
  background-color:#222!important;
}

.exclusion{
   background-blend-mode:exclusion!important;
}

.multiply{
   background-blend-mode:multiply!important;
}

/* Behaviours */
.bg-center{
    background-position: 50% 50%!important;
}
.bg-fixed{
    background-attachment:fixed!important;
}

.bg-cover{
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}

/* Positioning */
.pos-bottom{
    bottom:0!important;
}

.space-out{
  padding:30px 60px!important;
}

/* Image Positioning */
.image-right{
  position: absolute!important;
  right:0!important;
  top:0!important;
}

.image-width-half{
  width:50%!important;
}

.image-left-offscreen{
  margin:0 0 0 -20%!important;
}

.image-right-offscreen{
  margin:0 -20% 0 0!important;
}

.image-right-offscreen:hover, .image-left-offscreen:hover {
  margin:0!important;
  cursor: pointer;
}

.image-inline{
  padding:0!important;
  margin:0 0 30px 0!important;
}


/* ==========================================================================
   Responsive
   ========================================================================== */

/* Pure Medium + */
@media screen and (min-width: 48em) {


/* Extended Columns Helper Classes */

.layout-right{
  margin:0 0 0 50%!important;
}

.layout-center{
  width:50%!important;
  margin:0 auto!important;
}

} /* END Pure Medium */