.btn.shortcode-btn { display: inline-block; margin-right: 10px; margin-bottom: 20px; padding: 7px 15px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #282828; color: #fff !important; text-decoration: none !important; font-size: 12px; line-height: 1.5; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .btn.shortcode-btn:hover, .btn.shortcode-btn:focus { background-color: #55acee !important; } .btn.shortcode-btn.is-round { border-radius: 18px; } .btn.shortcode-btn.is-3d { position: relative; z-index: 2; border-radius: 6px; } .btn.shortcode-btn.is-3d:after { position: absolute; top: 3px; right: 0; bottom: -3px; left: 0; z-index: -1; border-radius: 6px; background-color: inherit; content: ''; opacity: .7; } .shortcode-dropcap.is-default { display: block; float: left; margin: 0 15px 0 0; text-align: center; text-transform: uppercase !important; font-size: 60px; line-height: 60px !important; } .shortcode-dropcap.is-background { display: block; float: left; margin: 0 15px 0 0; padding: 18px 12px; background-color: #181818; color: #fff; text-align: center; text-transform: uppercase !important; font-size: 40px; line-height: 40px !important; } .shortcode-accordion { display: block; margin-bottom: 30px; margin-left: 30px !important; padding: 15px 20px 25px 20px; background-color: #f9f9f9; } .shortcode-accordion h3.accordion-item-title { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 18px; cursor: pointer; } .shortcode-accordion h3.accordion-item-title:before { display: inline-block; margin-right: 7px; content: '+'; } .accordion-item-content { display: none; margin: 20px 0 0 0; padding: 20px; background-color: #fff; } .shortcode-row { display: block; margin-right: 15px !important; margin-bottom: 30px; margin-left: 15px !important; } .shortcode-col { padding-right: 15px !important; padding-left: 15px !important; }