/* Bootstrap picture pages used p{margin:0}; without it UA ~1em blows up .opis/.name */
p{margin:0}

.skip{position:absolute;left:12px;top:-80px;z-index:100;background:#111;color:#fff;padding:8px 12px;text-decoration:none}
.skip:focus{top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.page-body{max-width:720px;margin:0 auto 40px;padding:0 5%}
.page-body h2{font-size:22px;margin:1.4em 0 .5em}
.page-body p{margin:0 0 1em}
.aigs-copy{font-size:20px;letter-spacing:5px}
.aigs-sign{text-align:center;text-shadow:5px -4px 15px black}

/* WP body.page would match legacy `.page p` and center About/Commission copy */
div.page > p,
div.page > h1{text-align:center}
.about_full > p:not(.aigs-sign),
.commission_full > p:not(.aigs-sign){text-align:inherit}

.aigs-drop{position:relative;display:inline-block}
.aigs-drop__toggle{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  line-height:0;
  display:inline-block;
}
.aigs-drop__toggle:focus{outline:0}
.aigs-drop__menu{
  position:absolute;
  left:0;
  top:100%;
  z-index:1000;
  float:left;
  min-width:160px;
  margin:2px 0 0;
  padding:5px 0;
  font-size:14px;
  list-style:none;
  text-align:center;
  background-color:#fff;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.15);
  border-radius:4px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.aigs-drop__menu[hidden]{display:none!important}
.aigs-drop__menu > li > a{
  display:block;
  padding:3px 20px;
  clear:both;
  font-weight:400;
  font-size:14px;
  line-height:1.42857143;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#333;
  text-decoration:none;
  text-transform:none;
  letter-spacing:normal;
  white-space:nowrap;
}
.aigs-drop__menu > li > a:hover,
.aigs-drop__menu > li > a:focus{
  color:#262626;
  background-color:#f5f5f5;
  text-decoration:none;
}
/* Beat any li{margin:0} on .divider */
.aigs-drop__menu > li.aigs-drop__divider{
  height:1px;
  margin:9px 0;
  overflow:hidden;
  background-color:#e5e5e5;
  padding:0;
  border:0;
}

/* Absolute .slide children collapse the wrap without an explicit width */
.aigs-slider-desk,
.aigs-slider-mob,
.aigs-slider{
  width:100%;
  box-sizing:border-box;
}

/* Without this, inslide line-height:400px makes .in ~400px and clips the painting */
.inslide1 .in,
.inslide2 .in_1,
.inslide3 .in_2,
.inslide4 .in_3{
  line-height:normal;
  font-size:medium;
}
.inslide1 .in img,
.inslide2 .in_1 img,
.inslide3 .in_2 img,
.inslide4 .in_3 img{
  vertical-align:top;
}

@media screen and (min-width:769px){
  .aigs-mob-only{display:none!important}
  .aigs-desk-only{display:block}
  #root-container .container{display:flex;flex-wrap:wrap;justify-content:center;gap:0;align-items:center;align-content:flex-start}
  #root-container .block{display:inline-block}
  #root-container img{max-width:100%;height:auto}
  /* flex display survives jQuery .hide()/.show() (restores prior display) */
  .aigs-slider--desk > .slide{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .aigs-slider--desk > .slide > img.magniflier{
    max-width:600px;
    max-height:400px;
    width:auto;
    height:auto;
    object-fit:contain;
    margin-top:0!important;
  }
  .about_full p,
  .commission_full p{
    font-size:20px;
    letter-spacing:5px;
    line-height:normal;
    margin:20px 0;
  }
  .ebay form{display:inline-block;vertical-align:middle}
  .ebay img.ebay{max-width:180px;height:auto;vertical-align:middle}
  .contact_full.aigs-desk-only > p{
    margin:1em 0;
  }
  .aigs-tagline{
    margin:20px 0;
  }
  .bottom p{
    margin:20px 0;
    line-height:normal;
  }
  .pablo blockquote{
    padding:48px 30px;
  }
  .pablo blockquote:before{
    top:30px;
  }
  .pablo blockquote:after{
    bottom:30px;
  }
  .pablo blockquote footer{
    font-size:20px;
    line-height:normal;
    margin:0;
  }
  /* hover/normalize sets h1{font-size:.3em}; quote is <p> now — keep that size */
  .pablo blockquote .aigs-quote{
    margin:0 0 4px;
    font-size:0.3em;
    font-weight:700;
    line-height:normal;
  }
  body.aigs-is-art .production.aigs-desk-only .back > p{
    margin-top:28px;
    margin-bottom:30px;
  }
  body.aigs-is-art .production.aigs-desk-only .back img.aigs-mail-icon{
    vertical-align:middle;
  }
}

@media screen and (max-width:768px){
  .bottom .aigs-footer-quote{
    margin:0.67em 0;
    line-height:normal;
    font-size:10px;
  }
  .bottom p{
    margin:10px 0;
    line-height:normal;
  }
  .bottom p[style*="margin-bottom"]{
    margin-bottom:5px;
  }
  body.aigs-is-art .bottom .aigs-footer-quote{
    margin:20px 0 10px;
    line-height:1.1;
  }
  body.aigs-is-art .bottom p{
    margin:0;
    line-height:1.42857143;
  }
  body.aigs-is-art .bottom p[style*="margin-bottom"]{
    margin-bottom:5px;
  }

  .aigs-desk-only{display:none!important}
  .aigs-mob-only{display:block}
  body.aigs-is-art .top{display:none!important}
  #root-container .container{gap:0;align-items:center;align-content:flex-start}
  #root-container .block{line-height:normal}
  #root-container .block img{max-width:100%;height:auto}
  .about_full p,
  .commission_full p{
    font-size:10px!important;
    letter-spacing:2px!important;
    line-height:normal!important;
    margin:10px 0!important;
  }
  .aigs-copy{font-size:10px;letter-spacing:2px}
  /* display:block on .image_in collapses absolute slider height */
  .image_in{
    max-width:100%;
    max-height:240px;
    height:auto;
  }
  /* Dots absolute under wrap so they sit in .opis margin-top:30, not extra flow gap */
  .aigs-slider-mob{
    position:relative;
    display:block;
    height:250px!important;
    overflow:visible;
  }
  .aigs-slider-mob.big-slide{
    height:300px!important;
  }
  .aigs-slider-mob > .aigs-slider{
    position:relative;
    width:100%;
    height:100%!important;
    overflow:hidden;
    font-size:14px;
    line-height:1.42857143;
  }
  .aigs-slider-mob > .sli-links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin-top:10px;
    /* font-size:0 collapses inline-block strut → dots row 16+2+2=20px */
    font-size:0;
    line-height:0;
  }
  .aigs-slider-mob > .sli-links .control-slide{
    vertical-align:top;
  }
  body.aigs-is-art .opis,
  body.aigs-is-art .opis .picture,
  body.aigs-is-art .opis p{
    line-height:1.42857143;
  }
  /* content-box: height:50 + padding:8 → ~74px and dwarfs PayPal */
  .paypal,
  .image .paypal input[type=image],
  .image img.ebay{
    box-sizing:border-box;
  }
  .image form.paypal{
    text-align:center;
    border-color:#333;
  }
  .image form.paypal input[type=image]{
    max-width:none;
    max-height:none;
    width:65%;
    height:30px;
    padding-top:10px;
    margin:0;
    border:0;
    vertical-align:middle;
    box-shadow:none!important;
  }
  .image img.ebay{
    max-width:none;
    max-height:none;
    width:40%;
    height:50px;
    padding:8px;
    object-fit:contain;
    box-shadow:none!important;
    vertical-align:top;
    border-color:#337ab7;
  }
  .contact_full .container::after{content:"";display:table;clear:both}
  /* p{margin:0} + line-height:10px overlaps contact name without these */
  .contact_full.aigs-mob-only > p.aigs-contact-lead{margin:10px 0}
  .contact_full.aigs-mob-only > p.aigs-contact-name{margin:30px 0}
  .contact_full.aigs-mob-only > p.aigs-contact-last{margin:-5px 0 10px}
  .contact_full.aigs-mob-only > p.aigs-contact-phone{margin:20px 0}
  .contact_full.aigs-mob-only > p.aigs-contact-email{margin:10px 0}
  .contact_full.aigs-mob-only .aigs-contact-map{
    display:block;
    flex:0 0 auto;
    width:100%!important;
    height:150px!important;
    min-height:150px;
    margin-top:8px;
    clear:both;
  }
}