|
- .wrapper{margin:30px auto;width:80%;font-family:sans-serif;color:#555;font-size:14px;line-height:24px}.tabs li{float:left;width:25%}.tabs a{display:block;text-align:center;text-decoration:none;text-transform:uppercase;color:#888;padding:20px 0;border-bottom:2px solid #888;background:#f7f7f7}.tabs a:hover,.tabs a.active{background:#ddd}.tabgroup div{padding:10x}.clearfix:after{content:"";display:table;clear:both}.radio-tile-group{display:flex;flex-wrap:wrap;justify-content:center}.radio-tile-group .input-container{position:relative;margin:.5rem}.radio-tile-group .input-container .radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;cursor:pointer}.radio-tile-group .input-container .radio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:5px;padding:.1rem;transition:transform .3s ease}.radio-tile-group .input-container .icon svg{fill:#079ad9}.radio-tile-group .input-container .radio-tile-label{text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#079ad9}.radio-tile-group .input-container .radio-button:checked+.radio-tile{color:#fff;transform:scale(1.05);border:2px solid rgb(46,231,46)}.radio-tile-group .input-container .radio-button:checked+.radio-tile .icon svg{fill:#fff;background-color:#079ad9;border:2px solid rgb(46,231,46)}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-tile-label{color:#fff;background-color:#079ad9;border:2px solid rgb(46,231,46)}@media (max-width:360px){.tabs li{font-size:.75rem}}
|
