@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap');

* html .clearfix{zoom:1}

*:first-child+html .clearfix{zoom:1}

body{margin:0; padding:0; font:13px/1.5 'Montserrat', sans-serif; color:#000;}

h1{font-size:130%; font-weight:normal; margin:20px 0 10px; font-weight:600}

p{margin-bottom:1em; color:#666}

:focus{outline:0}

/* sticky footer layout */
html, body{height:100%}

#wrap{min-height:100%; width:100%}

#main{width:540px; margin:0 auto;
    /* padding-bottom:100px; */
}

#main:last-child {
    padding-bottom: 140px;
}

#footer{position:relative; margin-top:-100px; height:100px; background:#373029}

/* CHRIS */
/*#footer {position: fixed; bottom: 0; width: 100%;}*/

body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px}

/* general */
.smallText{color:#FFFFFF; font-size:85%}

/* Header  */
header, #header {width:540px; height:120px; margin:0 auto; padding:0; 
  /*border-bottom:solid 3px #e57b01*/
}

/* logo */
header #logo, #header #logo{width:240px; height:65px; position:relative; margin-left:-10px; float:left}

header #logo h1, #header #logo h1{background:url(http://www.thinkharleys.com/harleys-files/harleys-ftp/images/logo.svg) no-repeat 0 0; margin:30px 0 0; height:65px; text-indent:-9999px}

header #logo h1 a, #header #logo h1 a{display:block; width:240px; height:65px; outline:0}

/* Main content – home  */
#downloadPane{position:relative; margin-bottom:30px; min-height: 250px; padding:20px; border:solid 1px #000; 
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 10px #e9e9e9; -moz-box-shadow:0px 1px 10px #e9e9e9; box-shadow:0px 1px 10px #e9e9e9
}


#icon{height:85px; margin:0 auto; text-align:center; padding-bottom:18px; border-bottom:solid 2px #ccc}

#fileLabels{float:left}

#fileLabels ul{text-align:left; list-style:none; margin:20px 10px 0 0; padding:0}

#fileDetails{width:305px; float:left}

#fileDetails ul{text-align:left; list-style:none; margin:20px 0 0; padding:0; /*width:80%;*/ width:100%;}

#download{height:28px; float:right; position:absolute; right:20px; bottom:20px; text-align:center;}

#download a{
  position:relative; 
  margin-bottom:30px;
  font-weight: 600;
  border: solid 0px;
  text-decoration: none;
  background-color: #ecd31c !important;
  padding: 15px 30px 15px 30px !important;
  width: max-content;
  color: #000 !important;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 0.5s ease;
  background-image: url(https://d1lf1ah5jqa4wc.cloudfront.net/wp-content/uploads/2018/09/BlackBack.svg) !important;
  background-size: 200px 200px !important;
  background-position: -200px 0px !important;
  background-repeat: no-repeat !important;
}

#download a:hover{
  background-position: center !important;
  color: #ecd31c !important;
  /*background-color:#CCC;*/
  /*background:url(http://www.thinkharleys.com/harleys-files/harleys-ftp/images/btn-download.jpg) no-repeat bottom left*/}

/* Footer    */
#footer #footerInner{width:540px; margin:0 auto}

/*#footer #footerInner #footerLogo{width:115px; height:27px; position:relative; margin:37px 0 0 -30px; float:left}

#footer #footerInner #footerLogo h6{width:115px; height:27px; background:url(http://www.thinkharleys.com/harleys-files/harleys-ftp/images/logo-footer.svg) no-repeat 0 0; text-indent:-9999px; margin:0}

#footer #footerInner #footerLogo a{display:block; width:115px; height:27px; outline:0}*/

#footer #footerInner p{margin-top:45px; float:left; color:#ccc}

#footer #footerInner p a{color:#ccc; text-decoration:underline}

#fileDetails {
		width:400px;
	}

/* Clearfix    */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}

ul.filelist {
  margin: 0;
    padding: 0;
    list-style: none;

}

a, a:link, a:visited {
  color: #e57b01;
  text-decoration: none;
}

a:hover, a:focus {
  color: #e57b01;
  text-decoration: underline;
}

ul.filelist li.file {
  border-bottom: 1px solid #efefef;
  padding: 10px 2.5em;
}

ul.filelist li.file:hover {
  background: #f9f9f9;
}

ul.filelist li.file:before { 
    content: "";
    border-color: transparent #666;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    top: 1.1em;
    position: relative;
}