.download-list .download-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3.75rem;
}
.download-list .download-group h4 {
width: 100%;
color: var(--color-brand);
margin-bottom: 1.875rem;
font-weight: 500;
}
.download-list .download-group .download-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
text-align: left;
}
@media (max-width: 989px) {
.download-list .download-group .download-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 1.25rem;
}
}
.download-list .download-group .download-row .title {
width: 40%;
padding: 10px 10px 10px 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 989px) {
.download-list .download-group .download-row .title {
padding-left: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
border-bottom: 1px solid var(--color-bg);
}
.download-list .download-group .download-row .title:before {
content: attr(data-head);
width: 25%;
padding: 10px;
background-color: var(--color-bg);
font-weight: 600;
}
}
@media (max-width: 667px) {
.download-list .download-group .download-row .title:before {
width: 50%;
min-width: 50%;
height: 100%;
}
}
.download-list .download-group .download-row .download-link, .download-list .download-group .download-row .format, .download-list .download-group .download-row .size, .download-list .download-group .download-row .pages {
width: 15%;
display: inline-block;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 10px;
font-size: 1.1875rem;
font-weight: 300;
}
@media (max-width: 989px) {
.download-list .download-group .download-row .download-link, .download-list .download-group .download-row .format, .download-list .download-group .download-row .size, .download-list .download-group .download-row .pages {
padding-left: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
padding: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--color-bg);
}
.download-list .download-group .download-row .download-link:before, .download-list .download-group .download-row .format:before, .download-list .download-group .download-row .size:before, .download-list .download-group .download-row .pages:before {
content: attr(data-head);
width: 25%;
background-color: var(--color-bg);
padding: 10px;
font-weight: 600;
}
}
@media (max-width: 667px) {
.download-list .download-group .download-row .download-link:before, .download-list .download-group .download-row .format:before, .download-list .download-group .download-row .size:before, .download-list .download-group .download-row .pages:before {
width: 50%;
min-width: 50%;
height: 100%;
}
}
.download-list .download-group .download-row:not(.download-header) .download-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 989px) {
.download-list .download-group .download-row:not(.download-header) .download-link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.download-list .download-group .download-row:not(.download-header) .download-link > a {
display: inline-block;
background-color: var(--color-brand);
-webkit-mask-image: url(//dirak.com/wp-content/uploads/icon-download.svg);
mask-image: url(//dirak.com/wp-content/uploads/icon-download.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 16px;
height: 16px;
}
.download-list .download-group .download-row.download-header {
border-bottom: 2px solid #C1C1C1;
}
@media (max-width: 989px) {
.download-list .download-group .download-row.download-header {
display: none;
}
}
.download-list .download-group .download-row.download-header .download-link {
text-align: center;
}
.download-list .download-group .download-row.download-header > span {
font-size: 1.1875rem;
font-weight: 500;
}
.download-list .download-group .download-row:nth-child(2n+1) {
background-color: var(--color-bg);
}
@media (max-width: 989px) {
.download-list .download-group .download-row:nth-child(2n+1) {
background-color: transparent;
}
}