.wpfd-single-file { flex-basis: 100%; background: transparent; padding: 10px; display: flex; flex: auto; flex-wrap: wrap; z-index: 0; position: relative; } .wpfd-single-file--icon { flex-basis: 30%; } .wpfd-single-file--icon .wpfd-icon-placeholder { background-repeat: no-repeat; background-size: contain; } .wpfd-single-file--details { flex-basis: 70%; } .wpfd-single-file--buttons { display: flex; margin: 20px 5px 20px 0; flex-basis: 100%; justify-content: left; } .wpfd-single-file a.wpfd-single-file-button, .wpfd-single-file a.added_to_cart { float: left; display: flex; text-align: center; align-items: center; justify-content: space-between; text-transform: uppercase; text-decoration: none !important; transition-property: unset !important; transition-duration: unset !important; transition-timing-function: unset !important; } .wpfd-single-file a.wpfd-single-file-button.added, .wpfd-single-file a.added_to_cart.added { display: none; } .wpfd-single-file a.wpfd-single-file-button span, .wpfd-single-file a.added_to_cart span { width: 100%; text-align: center; } .wpfd-single-file a.wpfd-single-file-button svg, .wpfd-single-file a.wpfd-single-file-button .wpfd-add-to-cart, .wpfd-single-file a.added_to_cart svg, .wpfd-single-file a.added_to_cart .wpfd-add-to-cart { margin-left: 10px; } .wpfd-single-file a.wpfd-single-file-button:hover, .wpfd-single-file a.added_to_cart:hover { cursor: pointer; text-decoration: none; } .wpfd-single-file a.wpfd-single-file-button:focus, .wpfd-single-file a.added_to_cart:focus { outline: unset !important; } .wpfd-single-file .wpfd-file-content { padding-left: 30px; box-sizing: border-box; } .wpfd-single-file .wpfd-file-content--title { color: #878787; margin-top: 0; font-weight: 600; } .wpfd-single-file .wpfd-file-content--description { text-align: justify; color: #B3B3B3; font-size: 1.2em; line-height: 1.3em; } .wpfd-single-file .wpfd-file-content--meta { margin: 0; } .wpfd-single-file .wpfd-file-content--meta > div { color: #B3B3B3; margin: 2px 0; } @media screen and (max-width: 600px) { .wpfd-single-file { flex-direction: column; align-items: flex-start; } .wpfd-single-file .wpfd-file-content { padding-left: 0; margin-top: 15px; } .wpfd-single-file .wpfd-single-file--buttons { display: block; } .wpfd-single-file .wpfd-single-file-button.wpfd-button-preview { margin-left: 0; } }