/* >> Attachment Files Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.attachmentWrapper{
  @extend %flexBox; 
  justify-content: center; 
  align-items: flex-start; 
  margin: 0 auto; 
  padding: 0;
  width: 100%;
  max-width: 1280px;
}

.attachFiles{
  @extend %clearFix;
  width: 100%;
  &.isVideo{
    width: 100%;
    @media #{$mq-pc_960} {
      width: calc(100% - 382px);
    }
  }
}
.attachFiles__blockTitle{ 
  @extend %clearFix;
  display: block; 
  position: relative;
  width: 100%; 
  padding-bottom: 0.5rem; 
  margin-bottom: 1rem; 
  font-family: $titleFont; 
  font-size: 1.1rem; 
  text-transform: capitalize; 
  font-weight: 700; 
  text-align: left; 
  color: white;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  @media #{$mq-tab}{font-size: 1.2rem;}
  @media #{$mq-iPad_land}{font-size: 1.4rem;}
}
.attachFiles__itemWrapper{ display: block; width: 100%; margin-bottom: 1rem; }
.attachFiles__itemWrapper__item{@include transition;
  display: block; 
  margin: 0; 
  color: $color-primary; 
  font-size: 18px;
  padding: 1rem 3rem 1rem 1rem;
  font-size: 1rem; 
  line-height: 1.3; 
  font-weight: 500; 
  text-decoration: none; 
  background-color: transparent; 
  background-image: url("../images/easydent/button-download.svg"); 
  background-repeat: no-repeat; 
  background-position: right 0.75rem center; 
  background-size: 40px 40px; 
  background-color: $color-section;
  border: 2px solid transparent;
  @media #{$mq-iPad_land}{padding: 1.5rem 3rem 1.5rem 1.5rem;
  &:hover{border: 2px solid $color-border;}
  }
}