/** * #.# Styles * * CSS for both Frontend+Backend. */ .hashbar-pro-block-wraper.inline-alignment{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hashbar-free-wraper{ display: flex; flex-direction: row; align-items: center; } .has-text-align-center{ justify-content: center; } .has-text-align-left{ justify-content: flex-start; } .has-text-align-right{ justify-content: flex-end; } .has-text-align-center.wp-block-hashbar-pro-hashbar-blokcs .hashbar-pro-block-wraper.inline-alignment{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .has-text-align-left.wp-block-hashbar-pro-hashbar-blokcs .hashbar-pro-block-wraper.inline-alignment{ -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .has-text-align-right.wp-block-hashbar-pro-hashbar-blokcs .hashbar-pro-block-wraper.inline-alignment{ -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .ht-promo-banner{ padding: 50px 35px !important; background: #0a0d35; width: 250px; border-radius: 5px; position:relative; } .ht-promo-button a{ text-decoration: none; padding: 10px 16px; background-color: #ffdf43; color: #000; border-radius: 5px; display: inline-block; } .ht-content .promo-title{ margin: 0px; font-weight: 600; } .ht-content .promo-summery{ font-size: 17px; margin-top:15px !important; } .ht-content .promo-title,.ht-content .promo-summery{ color: #fff; } .ht-promo-button{ margin-top: 40px!important; display: flex; font-weight: 500; } .ht-content{ z-index: 9; position: relative; } .ht-promo-button{ z-index: 9; position: relative; } .ht-promo-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 8; } .wp-block-columns{ margin-bottom: 0px; }