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