/**
 * Common SCSS
 *
 * Include variables and mixins that are used across the project.
 *
 * @since   [version]
 * @version [version]
 */
.llms-cols:before, .llms-cols:after {
  content: " ";
  display: table; }

.llms-cols:after {
  clear: both; }

.llms-cols .llms-col {
  width: 100%; }

@media all and (min-width: 600px) {
  .llms-cols [class*="llms-col-"] {
    float: left; }
  .llms-cols .llms-col-1 {
    width: 100%; }
  .llms-cols .llms-col-2 {
    width: 50%; }
  .llms-cols .llms-col-3 {
    width: 33.33333%; }
  .llms-cols .llms-col-4 {
    width: 25%; }
  .llms-cols .llms-col-5 {
    width: 20%; }
  .llms-cols .llms-col-6 {
    width: 16.66667%; }
  .llms-cols .llms-col-7 {
    width: 14.28571%; }
  .llms-cols .llms-col-8 {
    width: 12.5%; }
  .llms-cols .llms-col-9 {
    width: 11.11111%; }
  .llms-cols .llms-col-10 {
    width: 10%; }
  .llms-cols .llms-col-11 {
    width: 9.09091%; }
  .llms-cols .llms-col-12 {
    width: 8.33333%; } }

/**
 * Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * Common SCSS
 *
 * Include variables and mixins that are used across the project.
 *
 * @since   [version]
 * @version [version]
 */
.llms-cols:before, .llms-cols:after {
  content: " ";
  display: table; }

.llms-cols:after {
  clear: both; }

.llms-cols .llms-col {
  width: 100%; }

@media all and (min-width: 600px) {
  .llms-cols [class*="llms-col-"] {
    float: left; }
  .llms-cols .llms-col-1 {
    width: 100%; }
  .llms-cols .llms-col-2 {
    width: 50%; }
  .llms-cols .llms-col-3 {
    width: 33.33333%; }
  .llms-cols .llms-col-4 {
    width: 25%; }
  .llms-cols .llms-col-5 {
    width: 20%; }
  .llms-cols .llms-col-6 {
    width: 16.66667%; }
  .llms-cols .llms-col-7 {
    width: 14.28571%; }
  .llms-cols .llms-col-8 {
    width: 12.5%; }
  .llms-cols .llms-col-9 {
    width: 11.11111%; }
  .llms-cols .llms-col-10 {
    width: 10%; }
  .llms-cols .llms-col-11 {
    width: 9.09091%; }
  .llms-cols .llms-col-12 {
    width: 8.33333%; } }

/**
 * Styles
 *
 * CSS for both Frontend+Backend.
 */