/* ********************************* */
/*       Documents Tweaks            */
/* ********************************* */
.alldocuments  .header-row.row {background: #173b56; color: #ffffff; font-size: calc(14pt + .3vw); font-weight: normal; padding: 10px; border-color: #173b56; line-height: 1.1em; box-sizing: border-box;}
.alldocuments  .header-row.row h2 {color: #ffffff}
.alldocuments .doc-row:nth-child(odd) {background: #ececec;}

.alldocuments .row {padding: 2px 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.alldocuments .row .doc-type {width: 80px; padding: 5px 10px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}
.alldocuments .row .doc-title {width: calc(100% - 80px - 120px - 185px); padding: 5px 10px;  display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
.alldocuments .row .doc-size {text-align: center; width: 120px; padding: 5px 10px;  display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}
.alldocuments .row .doc-link {text-align: center; width: 185px; padding: 5px 10px;  display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}
.alldocuments .row .doc-link .iconbox {display: none;}

.alldocuments .doc-row .doc-type .icon {width: 32px; min-height: 32px; padding-top: 4px;  text-align: center;}
.alldocuments .doc-row .doc-type .icon:before {content: "\f190"; color: #a32324; font-size: 32px; font-family: "dashicons";display: inline-block; margin-top: 5px;}
.alldocuments .doc-row .doc-title { font-size: 1.1em; line-height: 1.2em;}
.alldocuments .doc-row a.button {background: #42a2d6; border:1px solid #42a2d6; color: #ffffff; font-size: .9em; font-weight: 700; padding: 14px 40px; border-radius: 0px; white-space: nowrap; line-height:1em; display:inline-block; text-transform: uppercase; position: relative; }
.alldocuments .doc-row a.button:hover {background-color: #445761; border-color: #445761; color: #ffffff; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}


@media only screen and (max-width: 800px) {
  .alldocuments .row .doc-title {width: calc(100% - 80px - 185px);}
  .alldocuments .row .doc-size {display: none;}
}

@media only screen and (max-width:600px) {
  .alldocuments .row .doc-title {width: calc(100% - 150px); font-size: .85em;}
  .alldocuments .row .doc-type {display: none;}
  .alldocuments .row .doc-link  {width: 130px; font-size: .85em;}
  .alldocuments .row .doc-link  span {display: none;} 
  .alldocuments .doc-row a.button {padding: 14px 20px;} 
}

@media only screen and (max-width: 500px) {
  .alldocuments .row .doc-title {width: calc(100% - 80px);}
  .alldocuments .row .doc-link {width: 80px;}
  .alldocuments .row .doc-link .button {display: none;}
  .alldocuments .doc-row .doc-title { font-size: .95em; }
  .alldocuments .doc-row .doc-link .iconbox {height: 45px; width: 45px; position: relative; display: inline-block;}
  .alldocuments .doc-row .doc-link .iconbox:before { color: #42a2d6; content: "\f316";  font-family: "dashicons"; background-color: transparent; font-size: 40px; display: block; line-height: 1em; transition: all 0.3s;}
  .alldocuments .doc-row .doc-link .iconbox:hover:before {color: #445761;}  
}