/*
 Custom Styles and classes used by AE plugins and Custom code
 Loaded Conditionally by ae_custom_code plugin
*/



/* Simplest Grid - ungrid*/
/* https://github.com/chrisnager/ungrid */

/* To use, simply put as many `.col`s as you wish in your `.row`s and the `.col`s will automatically be evenly spaced or add style="width:xx%" to .col for custom.
examples:

        <div class="row">
            <div class="col">&#9884;</div>
            <div class="col">&#9884;</div>
            <div class="col">&#9884;</div>
        </div>

       <div class="row">
            <div class="col" style="width:40%">40%</div>
            <div class="col" style="width:20%">20%</div>
            <div class="col" style="width:40%">40%</div>
        </div>



*/
@media (min-width: 30em) {
    .sg-row-c { width: 100%; display: table; table-layout: fixed; }
    .sg-row     { width: 98%; display: table; table-layout: fixed; 
			    margin-left: 0 auto; margin-right:0 auto;}
    .sg-col    { display: table-cell; }
}

/* Simplest Grid - ungrid*/



/* Simplest Button*/

.sb-btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #498b2a;
  padding: 15px 30px 15px 30px;
  text-decoration: none;
}

.sb-btn:hover {
  background: #6bc048;
  text-decoration: none;
}