/*
------------------------------------------------------------------------------------------------------------------------
 General
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-wrap
{
    padding-left: 15px;
    padding-right: 15px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Row & Column Shortcode
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-row > .mmtl-content
{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.mmtl-row > .mmtl-content
{
    max-width: none;
}

.mmtl-row
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.mmtl-col > .mmtl-content
{
    margin-top: 15px;
    margin-bottom: 15px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Text Shortcode
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-text > *:first-child
{
    margin-top: 0;
}

.mmtl-text > *:last-child
{
    margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Icon Shortcode
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-icon
{
    line-height: 100%;
    font-size: 100%;
    vertical-align: top;
}

.mmtl-icon > *,
.mmtl-icon > *:before
{
    width: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    vertical-align: inherit;
}

.mmtl-icon.mmtl-size-small > *
{
    font-size: 15px;
    line-height: 15px;
    width: 15px;
    height: 15px;
}

.mmtl-icon.mmtl-size-medium > *
{
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

.mmtl-icon.mmtl-size-large > *
{
    font-size: 60px;
    line-height: 60px;
    width: 60px;
    height: 60px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Button Shortcode
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-button
{
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
    text-decoration: none !important;

    color: #333333;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
}

.mmtl-button:hover,
.mmtl-button:focus,
.mmtl-button:active
{
  color: #333333;
  background-color: #e6e6e6;
}

.mmtl-button:active
{
    outline: 0;
}

.mmtl-button.mmtl-size-small
{
    padding: 5px 7.5px;
    font-size: 12px;
}

.mmtl-button.mmtl-size-medium
{
    padding: 10px 15px;
    font-size: 14px;
}

.mmtl-button.mmtl-size-large
{
    padding: 15px 22.5px;
    font-size: 18px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Heading Shortcode
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-heading
{
    margin: 0;
    padding: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
 Spacing
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-space-small
{
    margin-bottom: 15px;
}

.mmtl-space-medium
{
    margin-bottom: 30px;
}

.mmtl-space-large
{
    margin-bottom: 45px;
}

/*
------------------------------------------------------------------------------------------------------------------------
 Alignment
------------------------------------------------------------------------------------------------------------------------
*/

.mmtl-text-align-left
{
    text-align: left;
}

.mmtl-text-align-center
{
    text-align: center;
}

.mmtl-text-align-right
{
    text-align: right;
}

.mmtl-align-left
{
    clear: left;
    float: left;
}

.mmtl-align-center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mmtl-align-right
{
    clear: right;
    float: right;
}