/* *************
ORCA DEFAULT STYLES - ADs
************* */

/* General */

figure.adpage-logo {
  margin: 0 auto 0em;
  width: 8em;
}

figure.adpage-logo-small {
  margin: 1em auto 0em;
  width: 50px;
}

figure.adpage-logo-small img,figure.adpage-logo img {
  margin: 0 0 0;
  width: 100%;
}

.wrap {
  text-align: center;
  clear: both;
}

h1.adpage {
  font-family: sans-serif;
  font-size: 2em;
  font-style: italic;
  font-weight: bold;
  margin: 0em 0 .5em;
  text-align: center;
}

p.adpage {
  font-family: sans-serif;
  font-size: .85em;
  font-style: normal;
  font-weight: bold;
  margin: .5em 0;
  text-align: center;
  text-indent: 0;
}

p.adpage.smaller {
  font-size: .8em;
  font-weight: normal;
}

/* AD PAGE 1 */
div.series{
    page-break-inside: avoid;
    break-inside: avoid;
}

@supports not ((page-break-inside: avoid) and (break-inside: avoid)) {
    div.series {
        -webkit-column-break-inside: avoid;
    }
}

header.adpage {
  background: #6FD0DB;
  border-radius: 10px;
  margin: 1.5em auto 0;
  padding: .5em;
  max-width: 85%;
}

header p.adpage {
  font-family: sans-serif;
  font-size: .85em;
  font-style: normal;
  font-weight: normal;
  margin: .5em 0 .5em;
  text-align: center;
}

figure.adpage {
  width: 28%;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: top;
}

figure.adpage img {
  display: block;
  width: 100%;
  clear: both;
  padding: 5px;
}

@media (max-width:320px) {
  figure.adpage {
    width: 90%;
    margin: 5px auto;
    display: inline-block;
    vertical-align: top;
  }
}

/* AD PAGE 2 */

header.adpage-2 {
  background: #E6BCEB;
  border-radius: 10px;
  margin: 0 auto;
  padding: .5em;
  max-width: 40em;
}

header.adpage-2 p {
  font-family: sans-serif;
  font-size: 1.2em;
  font-style: italic;
  font-weight: normal;
  margin: 0em 0 .5em;
  text-align: center;
}

figure.adpage-2 {
  width: calc(50% - 20px);
  display: inline-block;
  margin: 2px;
  text-align: center;
  vertical-align: top;
}

figure.adpage-2 img {
  filter: drop-shadow(0.25em 0.25em 0.2em grey);
  display: block;
  clear: both;
  width: 100%;
  padding: 5px 0 0;
}

figure.adpage-2 figcaption {
  filter: drop-shadow(0.25em 0.25em 0.2em grey);
  background: #CCCCCC;
  font-family: sans-serif;
  font-size: .85em;
  font-weight: bold;
  margin: 0 .5em;
  padding: .75em;
  text-align: initial;
}

@media (max-width:320px) {
  figure.adpage-2 {
    width: 100%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
  }
}