// Foundation for Emails by ZURB // zurb.com/ink/ // Licensed under MIT Open Source

//// /// @group visibility ////

.hide-for-large {

display: none;
mso-hide: all; // hide selected elements in Outlook 2007-2013
overflow: hidden;
max-height: 0;
font-size: 0;
width: 0;
line-height: 0;

@media only screen and (max-width: #{$global-breakpoint}) {
  display: block !important;
  width: auto !important;
  overflow: visible !important;
  max-height: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

}

table.body table.container .hide-for-large * {

mso-hide: all; // hide selected elements in Outlook 2007-2013

}

table.body table.container .hide-for-large, table.body table.container .row.hide-for-large {

@media only screen and (max-width: #{$global-breakpoint}) {
  display: table !important;
  width: 100% !important;
}

}

table.body table.container .callout-inner.hide-for-large {

@media only screen and (max-width: #{$global-breakpoint}) {
  display: table-cell !important;
  width: 100% !important;
}

}

table.body table.container .show-for-large {

@media only screen and (max-width: #{$global-breakpoint}) {
  display: none !important;
  width: 0;
  mso-hide: all; // hide selected elements in Outlook 2007-2013
  overflow: hidden;
}

}

// [todo] add image resets // img { // max-height: 0; // width: 0; // } // in media query // img { // max-height: none !important; // width: auto !important; // }