/*
** Easy Columns CSS: css to define column layouts for the WP-Colum plugin
** for more info visit: http://www.patrickfriedl.com.com/
**
** use percentage widths and margins for fluid
** or unknown content widths and fixed
** widths and margins for known content widths
**
** for pixel widths:
** div width = ((content width - padding - margin)/number of divs)
** - margin - padding - border
**
** for more information on calcluating your widths, check
** out http://www.w3schools.com/css/css_boxmodel.asp
** for info on the CSS box model
*/
.ezcol>* {
  max-width: 100%;
}

.ezcol-one-quarter,
.ezcol-one-half,
.ezcol-three-quarter,
.ezcol-one-third,
.ezcol-two-third,
.ezcol-one-fifth,
.ezcol-two-fifth,
.ezcol-three-fifth,
.ezcol-four-fifth {
  float: left;
  margin-right: 4%;
  position: relative;
  word-wrap: break-word;
  hyphens: auto;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  text-rendering: optimizedLegibility;
}

.ezcol-one-quarter {
  width: 22%;
}

.ezcol-one-half {
  width: 48%;
}

.ezcol-three-quarter {
  width: 74%;
}

.ezcol-one-third {
  width: 30.666%;
}

.ezcol-two-third {
  width: 65.334%;
}

.ezcol-one-fifth {
  width: 16.8%;
}

.ezcol-two-fifth {
  width: 37.6%;
}

.ezcol-three-fifth {
  width: 58.4%;
}

.ezcol-four-fifth {
  width: 79.2%;
}

.ezcol-last {
  float: right;
  clear: right;
  margin-right: 0;
}

.ezcol-last:after {
  content: ".";
  opacity: 0;
  display: block;
  height: 0;
  clear: both;
}

.ezcol-both,
.ezcol-left,
.ezcol-right {
  margin: 0;
  padding: 0;
  background: none;
}

.ezcol-divider {
  clear: both !important;
  display: block !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  width: 100% !important;
  background: none !important;
}

.ezcol-both {
  clear: both !important;
}

.ezcol-left {
  clear: left !important;
}

.ezcol-right {
  clear: right !important;
}

@media all and (max-width: 768px) {

  .ezcol-one-quarter,
  .ezcol-one-half,
  .ezcol-three-quarter,
  .ezcol-one-third,
  .ezcol-two-third,
  .ezcol-one-fifth,
  .ezcol-two-fifth,
  .ezcol-three-fifth,
  .ezcol-four-fifth {
    width: 48% !important;
    margin-right: 2%;
  }

  .ezcol-last {
    float: left;
    clear: none;
    display: block;
  }

  .ezcol-last:after {
    content: "";
    display: block;
    clear: none;
  }

  .ezcol-last+.ezcol-divider {
    clear: none !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media all and (max-width: 480px) {

  .ezcol-one-quarter,
  .ezcol-one-half,
  .ezcol-three-quarter,
  .ezcol-one-third,
  .ezcol-two-third,
  .ezcol-one-fifth,
  .ezcol-two-fifth,
  .ezcol-three-fifth,
  .ezcol-four-fifth {
    width: 100% !important;
    margin-right: 0;
  }
}