/* Myriad Theme - Shortcodes CSS (reconstructed) */

/* Toggle / Accordion */
.toggle_title { cursor: pointer; padding: 10px 15px; background: rgba(40,36,32,.85); border: 1px solid rgba(180,160,130,.2); border-radius: 4px; margin-bottom: 5px; color: #e0d6c8; font-weight: 600; }
.toggle_title:hover { background: rgba(50,45,38,.9); }
.toggle_content { padding: 15px; display: none; }

/* Tabs */
.tabs_wrapper { margin: 20px 0; }
.tabs_wrapper .tab_title { display: inline-block; padding: 10px 20px; background: rgba(40,36,32,.85); border: 1px solid rgba(180,160,130,.2); border-bottom: none; cursor: pointer; color: #b0a898; border-radius: 4px 4px 0 0; }
.tabs_wrapper .tab_title.active { background: rgba(50,45,38,.9); color: #e0d6c8; }
.tabs_wrapper .tab_content { padding: 20px; background: rgba(40,36,32,.85); border: 1px solid rgba(180,160,130,.2); display: none; }
.tabs_wrapper .tab_content.active { display: block; }

/* Buttons */
.button, .sc_button { display: inline-block; padding: 10px 25px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: all .2s; cursor: pointer; font-size: 14px; }
.button.orange, .sc_button.orange { background: #EF552E; color: #fff; }
.button.orange:hover, .sc_button.orange:hover { background: #d93911; }
.button.green, .sc_button.green { background: #7F982C; color: #fff; }
.button.green:hover, .sc_button.green:hover { background: #5e7021; }
.button.grey, .sc_button.grey { background: #555; color: #fff; }
.button.grey:hover, .sc_button.grey:hover { background: #444; }

/* Columns */
.one_half { width: 48%; float: left; margin-right: 4%; }
.one_half.last { margin-right: 0; }
.one_third { width: 30.66%; float: left; margin-right: 4%; }
.one_third.last { margin-right: 0; }
.one_fourth { width: 22%; float: left; margin-right: 4%; }
.one_fourth.last { margin-right: 0; }
.two_third { width: 65.33%; float: left; margin-right: 4%; }
.two_third.last { margin-right: 0; }
.three_fourth { width: 74%; float: left; margin-right: 4%; }
.three_fourth.last { margin-right: 0; }

/* Alert / Message boxes */
.alert_box { padding: 15px 20px; border-radius: 4px; margin: 15px 0; font-size: 14px; }
.alert_box.notice { background: rgba(127,152,44,.15); border: 1px solid rgba(127,152,44,.4); color: #b0a898; }
.alert_box.warning { background: rgba(239,85,46,.1); border: 1px solid rgba(239,85,46,.3); color: #b0a898; }
.alert_box.error { background: rgba(192,57,43,.1); border: 1px solid rgba(192,57,43,.3); color: #b0a898; }

/* Dividers / Separators */
.divider, hr { border: none; border-top: 1px solid rgba(180,160,130,.2); margin: 25px 0; }

/* Dropcap */
.dropcap { float: left; font-size: 3em; line-height: 1; margin: 0 10px 0 0; color: #EF552E; font-weight: 700; }

/* Highlight */
.highlight { background: rgba(239,85,46,.2); padding: 2px 6px; border-radius: 3px; }

/* Blockquote shortcode */
.sc_blockquote { border-left: 4px solid #7F982C; margin: 1.5em 0; padding: 1em 1.5em; background: rgba(40,36,32,.85); border-radius: 0 6px 6px 0; font-style: italic; color: #8a7e70; }

/* Tooltip */
.tooltip { border-bottom: 1px dotted #b0a898; cursor: help; }

/* Pricing Table */
.pricing_table { display: flex; gap: 20px; margin: 20px 0; }
.pricing_column { flex: 1; background: rgba(40,36,32,.85); border: 1px solid rgba(180,160,130,.2); border-radius: 6px; padding: 30px 20px; text-align: center; }
.pricing_column.featured { border-color: #EF552E; }
.pricing_column .price { font-size: 36px; color: #EF552E; font-weight: 700; }
.pricing_column .title { font-size: 20px; color: #e0d6c8; margin-bottom: 15px; }

/* Clear */
.clearboth { clear: both; }

@media (max-width: 767px) {
  .one_half, .one_third, .one_fourth, .two_third, .three_fourth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
  .pricing_table { flex-direction: column; }
}