/* supplement.css — generic gap-fillers for restored flatshop site */
img{max-width:100%;height:auto}
.wrap,.pagewidth,#pagewrap>.wrapper{max-width:1160px;margin:0 auto}

/* Mobile-menu icon: do not depend on the legacy Font Awesome glyph. */
#menu-icon .icon-reorder{
  display:inline-block;
  width:22px;
  height:16px;
  margin:0 !important;
  vertical-align:middle;
  font-size:0;
  background:linear-gradient(
    to bottom,
    currentColor 0,
    currentColor 2px,
    transparent 2px,
    transparent 7px,
    currentColor 7px,
    currentColor 9px,
    transparent 9px,
    transparent 14px,
    currentColor 14px,
    currentColor 16px
  );
}
#menu-icon .icon-reorder:before{content:none}

@media screen and (max-width:780px){
  html,body{overflow-x:hidden}
  .pagewidth,.full_width .themify_builder_row .row_inner{width:auto;max-width:92%;}
  #header{padding:0 4%;}
  #headerwrap{padding:8px 0 !important;}
  #site-logo img{max-width:210px;height:auto;}
  #menu-icon{margin-top:8px;}
  #layout-wrap{padding-top:72px !important;}
  .themify_builder_row.module_row{background-position:center center;background-size:cover;}
  .themify_builder .module-text h1{font-size:2em;line-height:1.2;}
  .module-text{overflow-wrap:break-word;}
  input[type=text],input[type=email],input[type=search],textarea,select{width:100%;max-width:100%;}
  #content{padding-left:4%;padding-right:4%;}
}

@media screen and (max-width:480px){
  #site-logo img{max-width:175px;}
  #menu-icon{font-size:18px !important;}
  .themify_builder .module-text h1{font-size:1.7em;}
  .themify_builder_row.module_row{padding-left:0 !important;padding-right:0 !important;}
}