/* Plugin: Thememags Shortcodes Plugin
 * Author: Thememags
 * Copyright: Copyright (c) 2013
 * License: GNU General Public License version 2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
.thememags-toggle, .thememags-accordion, .thememags-tabs {margin:10px 0;}
/* Columns
================================================== */
.thememags-one-half { width: 48% }
.thememags-one-third { width: 30.66% }
.thememags-two-third { width: 65.33% }
.thememags-one-fourth { width: 22% }
.thememags-three-fourth { width: 74% }
.thememags-one-fifth { width: 16.8% }
.thememags-two-fifth { width: 37.6% }
.thememags-three-fifth { width: 58.4% }
.thememags-four-fifth { width: 67.2% }
.thememags-one-sixth { width: 13.33% }
.thememags-five-sixth { width: 82.67% }
.thememags-one-half, .thememags-one-third, .thememags-two-third, .thememags-three-fourth, .thememags-one-fourth, .thememags-one-fifth, .thememags-two-fifth, .thememags-three-fifth, .thememags-four-fifth, .thememags-one-sixth, .thememags-five-sixth { position: relative; margin-right: 4%; margin-bottom: 2em; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.thememags-column-last { margin-right: 0!important; clear: right; }
.thememags-column-last:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.thememags-one-half, .thememags-one-third, .thememags-two-third, .thememags-three-fourth, .thememags-one-fourth, .thememags-one-fifth, .thememags-two-fifth, .thememags-three-fifth, .thememags-four-fifth, .thememags-one-sixth, .thememags-five-sixth { }
/* Buttons
================================================== */
.thememags-button { margin: 5px 5px 5px 0; border-radius:2px; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; background: #aaaaaa; }
.thememags-button span.thememags-button-inner { display: block; color: #fff; font-weight: bold; padding: 1.1em 1.4em; line-height: 0.8em;}
.thememags-button:hover { text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; }
.thememags-button.default { background-color: #5A435A;}
.thememags-button.black { background-color: #4b4b4b;}
.thememags-button.red { background-color: #F23A65;}
.thememags-button.blue { background-color: #e800a2;}
.thememags-button.pink { background-color: palevioletred;}
.thememags-button.green { color: #fff; background-color: #91D35D;}
.thememags-button.purple{ background-color: #802981;}
.thememags-button { font-size: 13px;}
.thememags-button.large { font-size:16px; }
.thememags-button.giant { font-size:18px; }
.thememags-button.left { float: left;}
.thememags-button.right { float: right; margin-right: 0; margin-left: 5px; }

/* Boxes
================================================== */
/*main*/
.thememags-box { display: block; padding: 15px; margin: 10px 0; line-height:1.5; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.thememags-box p:last-child { margin: 0 }
/*aligns*/
.thememags-box.left { float: left }
.thememags-box.right { float: right }
/*colors*/
.thememags-box.gray { color: #666; background: #f9f9f9; border: 1px solid #ddd; }
.thememags-box.red { color: #de5959; background: #ffe9e9; border: 1px solid #fbc4c4; }
.thememags-box.green { color: #5f9025; background: #ebf6e0; border: 1px solid #b3dc82; }
.thememags-box.blue { color: #5091b2; background: #e9f7fe; border: 1px solid #b6d7e8; }
.thememags-box.yellow { color: #c4690e; background: #fffdf3; border: 1px solid #f2dfa4; }
/* Toggle
================================================== */
.thememags-toggle .thememags-toggle-trigger { display: block; color: #555; display: block; padding: 15px 15px 15px 37px; border: 1px solid #ddd; background: #f9f9f9 url("plus.png") no-repeat 15px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; margin: 0; margin-top: 10px; cursor: pointer; }
.thememags-toggle .thememags-toggle-trigger:hover { background-color: #eee; text-decoration: none; }
.thememags-toggle .thememags-toggle-trigger.active, .thememags-toggle .thememags-toggle-trigger.active:hover { color: #000; background-color: #eee; background-image: url("minus.png"); text-decoration: none; }
.thememags-toggle .thememags-toggle-container { display: none; overflow: hidden; padding: 15px; border: 1px solid #ddd; border-top: 0px; }
/* Accordion
================================================== */
.thememags-accordion h3.thememags-accordion-trigger { display: block; color: #555; display: block; padding: 15px 15px 15px 37px; border: 1px solid #ddd; background: #f9f9f9 url("plus.png") no-repeat 15px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; margin: 10px 0 0 !important; cursor: pointer; }
.thememags-accordion h3.thememags-accordion-trigger a { color: #555; text-decoration: none !important; }
.thememags-accordion .ui-state-focus { outline: none }
.thememags-accordion .thememags-accordion-trigger:hover { background-color: #eee; text-decoration: none; }
.thememags-accordion .thememags-accordion-trigger.ui-state-active { background-color: #eee; background-image: url("minus.png"); text-decoration: none; }
.thememags-accordion .thememags-accordion-trigger.ui-state-active a { color: #000 }
.thememags-accordion .ui-accordion-content { background-color: #fff; padding: 15px; border: 1px solid #ddd; border-top: 0px; }
.thememags-accordion .ui-accordion-content p:last-child { margin: 0px }
.thememags-accordion .ui-icon { margin-right: 7px }
/* Tabs
================================================== */
.thememags-tabs ul.ui-tabs-nav { display: block; margin: 0; padding: 0; margin-left: 1px; clear:both;}
.thememags-tabs ul.ui-tabs-nav li { display: block; width: auto; height: 40px; padding: 0 !important; float: left !important; margin: 0 !important; outline: none; }
.thememags-tabs ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 39px; padding: 0px 20px; line-height: 40px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background-color: #f5f5f5; font-size: 1em; color: #444; outline: none; }
.thememags-tabs ul.ui-tabs-nav li a:hover { color: #333; background: #eee; }
.thememags-tabs ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 40px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111 !important; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.thememags-tabs ul.ui-tabs-nav .ui-state-active a:hover { background: #fff }
.thememags-tabs ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 }
.thememags-tabs ul.ui-tabs-nav li:first-child a { border-width: 1px 1px 0 1px }
.thememags-tabs .tab-content { background: #fff; padding: 45px 20px 20px ; border: solid 1px #ddd; }
.thememags-tabs ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.thememags-tabs ul.tabs:after { clear: both }
.thememags-tabs ul.tabs { zoom: 1 }
.thememags-tabs .ui-tabs-hide { display: none }
.thememags-tabs:before, ul.thememags-tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.thememags-tabs:after { clear: both }
.thememags-tabs { zoom: 1 }
.thememags-tabs .ui-tabs-hide { display: none }
/* Pricing Table
================================================== */
.thememags-pricing-table h4{color:#fff; margin:0px; padding-top:20px; background-color: #5A435A; padding-bottom: 40px;}
.thememags-pricing-table { list-style: none; margin: 0; padding: 0; font-size: 16px; }
.thememags-pricing-table div { list-style: none }
.thememags-pricing-table > div { margin-right: 4%; list-style: none; text-shadow: none; margin-bottom: 20px; border: 1px solid #ddd; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.thememags-pricing-table .thememags-pricing-header { text-align: center;}
.thememags-pricing-table .thememags-pricing-header h5 { color: #fff; margin: 0; padding: 0 0 10px 0px; font-weight: bold; }
.thememags-pricing-table .thememags-pricing-cost { color: #fff; line-height: 1em; padding-top: 20px; background-color: palevioletred;
width: 60px; height: 60px; margin: auto;border-radius: 30px; margin-top: -30px; }
.thememags-pricing-table .featured .thememags-pricing-header {  margin-top: -20px; color: #fff; }
.thememags-pricing-table .thememags-pricing-per { font-size: 0.786em; color: #fff; }
.thememags-pricing-table .thememags-pricing-content { background: #fff; text-align: center; }
.thememags-pricing-table .thememags-pricing-content ul { margin: 0 !important; list-style: none !important; padding:0px !important; }
.thememags-pricing-table .thememags-pricing-content ul li { margin: 0 !important; padding: 15px 20px !important; border-bottom: 1px solid #eee; list-style: none !important; }
.thememags-pricing-table .thememags-pricing-content ul li:nth-child(2n+2) { background: #f9f9f9 }
.thememags-pricing-table .thememags-pricing-button { background: #fff; text-align: center; border-top: 1px solid #fff; padding: 20px; }
.thememags-pricing-table .thememags-pricing-button .thememags-button { float: none; margin: 0 auto; }
/* Provide some responsive support for the thememags Shortcodes
================================================== */
@media only screen and (max-width: 520px) { 
	.thememags-one-half, .thememags-one-third, .thememags-two-third, .thememags-three-fourth, .thememags-one-fourth, .thememags-one-fifth, .thememags-two-fifth, .thememags-three-fifth, .thememags-four-fifth, .thememags-one-sixth, .thememags-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.thememags-pricing-table > div { margin-bottom: 25px }
	.thememags-box, .thememags-box.left, .thememags-box.right { float: none; width: 100% !important; }
	.thememags-tabs ul.ui-tabs-nav { margin-left: 0 }
	.thememags-tabs ul.ui-tabs-nav li { width: 100% }
	.thememags-tabs ul.ui-tabs-nav li a { border-left-width: 1px }
	.thememags-tabs ul.ui-tabs-nav .ui-state-active a, .thememags-tabs ul.ui-tabs-nav .ui-state-active a:hover { height: 39px; padding-top: 0; margin-left: 0; top: auto; background-color: #eee; color: #000; font-weight: bold; }
	.thememags-callout-caption { text-align: center }
	.thememags-callout-caption { float: none; font-size: 1.6em; font-weight: 400; width: 100%; color: #555; }
	.thememags-callout-button { position: inherit; right: auto; top: auto; margin: 20px auto 0; text-align: center; }
}