/* text alignments */
.iw-text-left {
  text-align: left !important; }

.iw-text-right {
  text-align: right !important; }

.iw-text-center {
  text-align: center !important; }

.iw-text-justify {
  text-align: justify !important; }

/* Visibility */
@media screen and (min-width: 640px) {
  .iw-small {
    display: none !important; } }

@media screen and (max-width: 640px) {
  .iw-med-up {
    display: none !important; } }

@media screen and (max-width: 640px), screen and (min-width: 1024px) {
  .iw-medium {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .iw-med-dw {
    display: none !important; } }

@media screen and (max-width: 1024px) {
  .iw-large {
    display: none !important; } }

/* Orientation targeting */
.iw-show-l,
.iw-hide-p {
  display: inherit !important; }

.iw-hide-l,
.iw-show-p {
  display: none !important; }

@media only screen and (orientation: landscape) {
  .iw-show-l,
  .iw-hide-p {
    display: inherit !important; }
  .iw-hide-l,
  .iw-show-p {
    display: none !important; } }

@media only screen and (orientation: portrait) {
  .iw-show-p,
  .iw-hide-l {
    display: inherit !important; }
  .iw-hide-p,
  .iw-show-l {
    display: none !important; } }

.iw-row {
  margin: 0 auto;
  width: 100%; }
  .iw-row:before, .iw-row:after {
    content: " ";
    display: table; }
  .iw-row:after {
    clear: both; }

.iw-cols {
  width: 100%;
  float: left;
  box-sizing: border-box;
  position: relative; }

.iw-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }

[class*='iw-width'] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%; }

.iw-width-auto {
  width: auto; }

.iw-width-expand {
  flex: 1;
  min-width: 1px; }

@media (min-width: 640px) {
  .iw-width-auto-m {
    width: auto; }
  .iw-width-expand-m {
    flex: 1;
    min-width: 1px; } }

@media (min-width: 1024px) {
  .iw-width-auto-l {
    width: auto; }
  .iw-width-expand-l {
    flex: 1;
    min-width: 1px; } }
