body {
  background-image: url(../media/pattern--canvas--2x.gif);
  background-color: rgb(200,196,185);
  font-size: 16px;
}

@media (min-width:900px) {
  body > * { width: 900px; margin: 0 auto; }
}
/* resets */
a         { color: rgb(160,35,160); text-decoration-skip: ink !important; }
/*a:visited { color: rgb(118,118,118); }*/
input[type], button { border-radius: 0px; }
.core-button { background-color: white; color: rgb(40,40,40); }
.core-button:hover,
.core-button:focus { background-color: white; outline: black 0.25em solid; position: relative; z-index: 10000000; }
.hover-focus--no-outline *:hover,
.hover-focus--no-outline *:focus,
.hover-focus--no-outline:hover,
.hover-focus--no-outline:focus { outline-color: transparent !important; }
.hover-focus--underline:hover,
.hover-focus--underline:focus { text-decoration: underline;  }
.core-button--shadow, .core-button--shadow-hover:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.25); }
.core--slide-image { display: none; }

.core--site-title    { font-size: 3vw; font-weight: bolder; margin: 1.75vw 0; }
.core--heading-rule  { width: 20vw; height: 0.25vw; background-color: rgb(117,117,117); margin: auto; transform: translateY(-0.75vw); }
.core--site-subtitle { color: rgb(229,225,216); font-size: 2.25vw; font-style: italic; width: 30vw; margin: auto; }

.core-content img,
.core-modal img { width: 100%; }

.alt-content,
.core-modal-content footer { text-align: center; }

.gray-dkst, 
.off-black, 
.shadow-blk   { background-color: rgb(40,40,40);    } .gray-dkst--font, .off-black--font, .shadow-blk--font { color: rgb(40,40,40);    }
.gray-dkr     { background-color: rgb(84,82,78);    } .gray-dkr--font     { color: rgb(84,82,78);    }
.gray-dk      { background-color: rgb(96,94,91);    } .gray-dk--font      { color: rgb(96,94,91);    }
.gray-univ    { background-color: rgb(117,117,117); } .gray-univ--font    { color: rgb(117,117,117); }
.white        { background-color: rgb(255,255,255); } .white--font        { color: rgb(255,255,255); }
.black        { background-color: rgb(0,0,0);       } .black--font        { color: rgb(0,0,0);       }
.off-white    { background-color: rgb(249,246,238); } .off-white--font    { color: rgb(249,246,238); }

.khaki        { background-color: rgb(221,217,206); } .khaki--font        { color: rgb(221,217,206); }
.khaki-dk     { background-color: rgb(200,196,185); } .khaki-dk--font     { color: rgb(200,196,185); }
.khaki-lt     { background-color: rgb(229,225,216); } .khaki-lt--font     { color: rgb(229,225,216); }
.khaki-ltr    { background-color: rgb(249,246,248); } .khaki-ltr--font    { color: rgb(249,246,248); }

.green, 
.green-univ   { background-color: rgb(50,135,0);    } .green--font, .green-univ--font   { color: rgb(50,135,0);    }
.green-ltr    { background-color: rgb(195,230,170); } .green-ltr--font    { color: rgb(195,230,170); }
.green-lt     { background-color: rgb(125,205,80);  } .green-lt--font     { color: rgb(125,205,80);  }
.green-dk     { background-color: rgb(50,100,15);   } .green-dk--font     { color: rgb(50,100,15);   }

.magenta, 
.magenta-univ { background-color: rgb(160,90,165);  } .magenta--font, .magenta-univ--font { color: rgb(160,90,165);  }
.magenta-link {            color: rgb(160,35,160);  } .magenta-link
.magenta-dk   { background-color: rgb(125,70,130);  } .magenta-dk--font, .magenta-link:visited   { color: rgb(125,70,130);  }
.magenta-lt   { background-color: rgb(200,145,205); } .magenta-lt--font   { color: rgb(200,145,205); }
.magenta-ltr  { background-color: rgb(230,195,230); } .magenta-ltr--font  { color: rgb(230,195,230); }

.goldenrod    { background-color: rgb(203,149,40);  } .goldenrod--font    { color: rgb(203,149,40);  }
.goldenrod-dk { background-color: rgb(165,120,35);  } .goldenrod-dk--font { color: rgb(165,120,35);  }
.goldenrod-lt { background-color: rgb(255,215,130); } .goldenrod-lt--font { color: rgb(255,215,130); }

.navy, 
.navy-univ    { background-color: rgb(90,115,175);  } .blue--font, .blue-univ--font    { color: rgb(90,115,175);  }
.navy-dk      { background-color: rgb(65,85,130);   } .blue-dk--font      { color: rgb(65,85,130);   }
.navy-lt      { background-color: rgb(175,190,230); } .blue-lt--font      { color: rgb(175,190,230); }

/* [ START TASK - Confirm for deletion ] */
.core-theme-l5 { color:#000 !important; background-color:#f0f0f0 !important; }
.core-theme-l4 { color:#000 !important; background-color:#cccccc !important; }
.core-theme-l3 { color:#fff !important; background-color:#999999 !important; }
.core-theme-l2 { color:#fff !important; background-color:#666666 !important; }
.core-theme-l1 { color:#fff !important; background-color:#333333 !important; }
.core-theme-d1 { color:#fff !important; background-color:#000000 !important; }
.core-theme-d2 { color:#fff !important; background-color:#000000 !important; }
.core-theme-d3 { color:#fff !important; background-color:#000000 !important; }
.core-theme-d4 { color:#fff !important; background-color:#000000 !important; }
.core-theme-d5 { color:#fff !important; background-color:#000000 !important; }

.core-theme-light  { color:#000 !important; background-color:#f0f0f0 !important; }
.core-theme-dark   { color:#fff !important; background-color:#000000 !important; }
.core-theme-action { color:#fff !important; background-color:#000000 !important; }
/* [ END TASK - Confirm for deletion ] */


.core-theme {
  color: rgb(249,246,248); 
  background-color: rgb(40,40,40);
}
header.core-theme              { background-image: url('../media/ryan-hemphill-engraving-large.png'); background-repeat: no-repeat; background-size: 50%; background-position-y: center; }
header.core-theme .core-center { padding: 8vw; height: 37vw; width: 50%; right: -50%; position: relative; display: block; }
.core-text-theme   { color:       #000000 !important}
.core-border-theme { border-color:#000000 !important}

.core-hover-theme:hover         { color:#fff !important; background-color:#000000 !important}
.core-hover-text-theme:hover    { color:#000000 !important}
.core-hover-border-theme:hover  { border-color:#000000 !important}

#navigation         { height: 80% !important; width: 80%; margin: 2em; }
#navigation::before { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(255,255,255,0.5); z-index: -1; }
@media (max-width:600px) { 
  #navigation { margin: 2em 0; width: 100% !important; } 
  .core--site-title    { font-size: 4vw;    }
  .core--site-subtitle { font-size: 2.75vw; width: auto;  }
}

/* additions */

/* .core-band styles */
.core-band {
  position: relative;
  width: 100vw;
  height: 8vw;
  background-color: rgb(117,117,117);
  border: 0.5vw solid rgb(229,225,216);
  border-width: 0.5vw 0vw 0.5vw 0vw;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.45), 0px -5px 10px rgba(0,0,0,0.2);
}

/* .core-card styles */
.core-margin-top--extra     { margin-top: 10vw; }
.core-margin-top--negative  {  margin-top: -4vw !important; position: relative; }

.theme--menu .core-card {
  background-color: white;
  width: 21vw;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  height: 25vw;
}

.core-card.core-container {
  padding: 0;
}

.core-card .core-button {
  display: block;
  width: 23vw;
  height: 5vw;
  font-size: 2.75vw;
  position: absolute;
  z-index: 0;
  background-color: rgb(117,117,117);
  border: 0.5vw rgba(40,40,40,0) solid;/* cannot use "transparent" - collapses border */
  color: rgb(0,0,0);
  margin-left: -1vw;
  padding-top: 0.15vw;
  padding-left: 0;
  padding-right: 0;
  transform: translateY(5vw);
}
.core-card            .core-button        { transition: 0.25s; }
.core-card            .core-button:hover,
.core-card            .core-button:focus  { background-color: rgb(229,225,216) !important;  box-shadow: 3px 3px 5px rgba(0,0,0,0.25); border-color: rgba(40,40,40,1); color: rgb(40,40,40); }
.core-card.portfolio  .core-button        { background-color: rgb(50,135,0);   }
.core-card.pursuits   .core-button        { background-color: rgb(160,90,165); }
.core-card.resume     .core-button        { background-color: rgb(203,149,40); }
.core-card.a11y       .core-button        { background-color: rgb(90,115,175); }

.core-card p          { line-height: 1.5; font-size: 1.25vw; padding-left: 1vw; padding-right: 1vw; }
.core-card .card-icon { width: 13vw; height: 13vw; background-size: contain; background-position: left top; margin: 3vw auto 1vw auto; }

.core-card.portfolio .card-icon { background-image: url(../media/icon-portfolio--large.png); }
.core-card.resume    .card-icon { background-image: url(../media/icon-resume--large.png); }
.core-card.pursuits  .card-icon { background-image: url(../media/icon-pursuits--large.png); }
.core-card.a11y      .card-icon { background-image: url(../media/icon-accessibility--large.png); }

@media (max-width:600px) {
  .theme--menu .core--site-subtitle          { font-size: 2.5vw; }
  .theme--menu .core-card                    { width: initial !important; height: 20vw !important; box-shadow: 5px 5px 5px rgba(0,0,0,0.4), inset 1px 0 1px rgba(0,0,0,0.5); }
  .theme--menu .core-card .card-icon         { float: left; width: 20vw; height: 20vw; margin: 0; box-shadow: inset 0px 0 1px rgba(0,0,0,0.5);}
  .theme--menu .core-card p                  { font-size: 2.5vw; width: 35vw; margin-left: 25vw; padding-top: 4vw; padding-right: 0; padding-left: 0; }
  .theme--menu .core-card .core-button       { font-size: 3.25vw; width: 24vw; height: 6.5vw; margin: auto 0; right: 7vw; padding: 0.5vw 0px 0px 0px; transform: translateY(5vw); text-align: center; }
}
@media (min-width:900px) { 

  .core-margin-top--extra             { margin-top: 90px !important; }
  .core-margin-top--negative          { margin-top: -40px !important; }

  header.core-theme                   { background-size: 435px; height: 350px; }
  header.core-theme .core-center      { padding: 72px; height: 190px; width: 290px; right: -450px; }
  
  .core--site-title                   { font-size: 27px; width: 285px; margin: 16px 0; }
  .core--heading-rule                 { width: 180px; height: 2.5px;   margin: 0 50px; transform: translateY(-7px); }
  .core--site-subtitle                { width: 270px; font-size: 20px; }
  
  .core-card .card-icon               { width: 117px !important; height: 117px !important; margin: 27px auto 9px auto !important;}

  .core-band                          { width: 900px !important; height:  72px !important; }
  .theme--menu .core-card             { width: 189px !important; height: 225px !important; }
  .core-card   .core-button           { width: 207px !important; height:  45px !important; font-size: 24px !important;  margin-left: -9px; margin-top: 10px; padding-top: 0px; transform: translateY(45px); } 
  .theme--showcase .core-threequarter {                          height: 225px !important; }

  .theme--showcase .core-threequarter h3 { font-size: 25px; }
  .core-card p                           { font-size: 11.25px }
}

/* .theme--showcase styles */


.theme--showcase .core-quarter      { height: 24.99999vw; border: 2px solid  rgb(192,188,179); background-color: rgb(229,225,216); }
.theme--showcase .core-threequarter { height: 24.99999vw; border: 2px solid  rgb(192,188,179); background-color: rgb(221,217,206); border-left-width: 0px; }

.theme--showcase .core-quarter .logo-image {
  width: 24.99999vw;
  height: 24.99999vw;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  transform: translateY(-0.5vw) scale(1.2, 1.2);
}

/*.theme--showcase p > a      { color: rgb(90,115,175); }*/
.theme--showcase p > a:hover,
.theme--showcase p > a:focus{ color: black; background-color: white; outline: 3px black solid; }


.theme--showcase.showcase--github .core-quarter .logo-image      { background-image: url(../media/logo-github--large--dropshadow.png);      }
.theme--showcase.showcase--chromafocus .core-quarter .logo-image { background-image: url(../media/logo-chromafocus--large--dropshadow.png); transform: translate(-0.5vw, 1.5vw) scale(1,1)    }
.theme--showcase.showcase--huecontrast .core-quarter .logo-image { background-image: url(../media/icon-huecontrast--large-nodrop.png);      transform: translate(-0.5vw, 3vw)   scale(.85,.85); box-shadow: 1px 2px 2px rgba(0,0,0,0.5); }

.theme--showcase .core-threequarter h3                      { font-size: 2.8vw; padding-left: 3.5vw; float: left; }

.showcase--link                                             { text-align: left; }
.showcase--link,
.theme--showcase .core-threequarter .showcase--link         { font-size: 2.1vw; padding: 1.75vw;     float: right; text-decoration: underline; text-decoration-skip: ink !important; position: relative; font-style: italic; outline: none; z-index: 0; }
.showcase--link::before,
.theme--showcase .core-threequarter .showcase--link::before {
  /*content: '';
  display: block;
  position: absolute;
  transition: 0.25s;
  width: inherit;
  right: 2.5vw;
  left: 1.75vw;
  height: 1.7px;
  background-color: rgba(90,115,175, 0.35);
  transform: translateY(2.75vw);
  z-index: -1;*/
}
.showcase--link:focus,
.showcase--link:hover,
.theme--showcase .core-threequarter .showcase--link:focus,
.theme--showcase .core-threequarter .showcase--link:hover {
  color:            black;
  background-color: white;
  outline:          3px black solid;
  text-shadow:      none;
  /*transform: translateY(-0.2vw);*/
}

.showcase--link:focus::before,
.showcase--link:hover::before,
.theme--showcase .core-threequarter .showcase--link:focus::before,
.theme--showcase .core-threequarter .showcase--link:hover::before {
  /*background-color: rgb(90,115,175);*/
  /*transform: translateY(3.1vw);*/
}


.theme--showcase .core-threequarter p {
  font-size: 1.55vw;
  clear: both;
  padding: 0 4vw;
}

@media (max-width:600px) {
  .theme--showcase .core-quarter                                { border: none; background-color: transparent; }
  .theme--showcase .core-quarter .logo-image                    { margin: auto; transform: translateY(-0.5vw) scale(1.25, 1.25); }
  .theme--showcase .core-threequarter                           { border-left-width: 2px; height: 44vw; }
  .theme--showcase .core-threequarter h3                        { font-size: 3.5vw; font-weight: bolder; }
  .theme--showcase .core-threequarter .showcase--link           { font-size: 2.6vw; /*padding-top: 3.75vw;*/ text-shadow: none; text-decoration: underline; text-decoration-skip: ink !important; }
  .theme--showcase .core-threequarter .showcase--link:hover,
  .theme--showcase .core-threequarter .showcase--link:focus     { transform: none; text-decoration: underline; text-decoration-skip: ink !important; outline-width: 2px !important;}
  .theme--showcase .core-threequarter .showcase--link::before   { content: none; }
  .theme--showcase .core-threequarter p                         { font-size: 2.5vw; }
  .theme--showcase p > a:hover,
  .theme--showcase p > a:focus{ outline-width: 2px !important; }

}

@media (min-width:900px) {

  .theme--showcase .core-quarter, 
  .theme--showcase .core-threequarter                           {                  height: 225px; }
  .theme--showcase .core-quarter .logo-image   { width: 225px;    height: 225px; }
  .theme--showcase .core-threequarter h3                        { font-size: 25px; padding-left: 32px;  }
  .theme--showcase .core-threequarter .showcase--link           { font-size: 19px; padding: 16px; }
  .theme--showcase .core-threequarter p                         { font-size: 14px; padding: 0 36px; }

}

/* link hover/focus animation */

a.hover-ani:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; border-bottom: 2px solid black; transition: 0.4s; }
a.hover-ani.hover-ani--white:after { border-bottom: 2px solid white; }
a.hover-ani:focus::after, a.hover-ani:hover::after { width: 100%; }


/* theme for subpages */

body.subpage header.core-theme                      { background-size: 25%; padding: 0 !important; background-color: rgb(84,82,78) !important; }
body.subpage header.core-theme .core-center         { height: 17vw; padding: 0.5vw; right: -27%; }
body.subpage header.core-theme .icon--header-image  { 
  float: right;
  height: 17vw;
  width: 17vw;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: center right;
}
body.subpage header.core-theme .icon--header-image.icon--portfolio  { background-image: url(../media/icon-portfolio--large.png);    }
body.subpage header.core-theme .icon--header-image.icon--resume     { background-image: url(../media/icon-resume--large.png);       }
body.subpage header.core-theme .icon--header-image.icon--pursuits   { background-image: url(../media/icon-pursuits--large.png);     }
body.subpage header.core-theme .icon--header-image.icon--a11y       { background-image: url(../media/icon-accessibility--large.png);}

body.subpage                    .core-band { background-color: rgb(117,117,117); height: 5.5vw !important;}
body.subpage.subpage--portfolio .core-band { background-color: rgb(50,135,0);   }
body.subpage.subpage--resume    .core-band { background-color: rgb(203,149,40); }
body.subpage.subpage--pursuits  .core-band { background-color: rgb(160,90,165); }
body.subpage.subpage--a11y      .core-band { background-color: rgb(90,115,175); }

body.subpage .core-band > h1 { 
  display: inline-block;
  font-size: 3vw;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 0 !important;
  margin: auto;
  color: white; 
}
body.subpage.subpage--portfolio .core-band > h1, 
body.subpage.subpage--portfolio .core-band .core-button   { text-shadow: 2px 2px 1px rgb(50,100,15), 2px -2px 1px rgb(50,100,15), -2px 2px 1px rgb(50,100,15), -2px -2px 1px rgb(50,100,15);}
body.subpage.subpage--resume .core-band > h1, 
body.subpage.subpage--resume .core-band .core-button      { text-shadow: 2px 2px 1px rgb(165,120,35), 2px -2px 1px rgb(165,120,35), -2px 2px 1px rgb(165,120,35), -2px -2px 1px rgb(165,120,35);}
body.subpage.subpage--pursuits .core-band > h1, 
body.subpage.subpage--pursuits .core-band .core-button    { text-shadow: 2px 2px 1px rgb(125,70,130), 2px -2px 1px rgb(125,70,130), -2px 2px 1px rgb(125,70,130), -2px -2px 1px rgb(125,70,130);}
body.subpage.subpage--a11y .core-band > h1, 
body.subpage.subpage--a11y .core-band .core-button        { text-shadow: 2px 2px 1px rgb(65,85,130), 2px -2px 1px rgb(65,85,130), -2px 2px 1px rgb(65,85,130), -2px -2px 1px rgb(65,85,130);}


body.subpage .core-band > .core-button     { 
  font-size: 3.5vw !important;
  padding: 0.65vw 2vw 0vw 2vw;
  height: inherit;
  border: 0.45vw rgba(255,255,255,0) solid;
  margin-top: -0.5vw;
  background-color: rgba(0,0,0,0);
  position: relative;
  z-index: 0 !important; /* insures placement above h1 title */
}
body.subpage .core-band > .core-button:focus,
body.subpage .core-band > .core-button:hover { border-color: rgba(0,0,0,1); background-color: rgb(229,225,216); color: rgb(40,40,40); text-shadow: none !important; }

body.subpage .core-sidebar {
    display: block;
    width: 80%;
    font-size: 30px;
}

body.subpage .core-sidebar .core-button { background-size: contain; background-position: right bottom; background-repeat: no-repeat; border-radius: 0px !important; }
body.subpage .core-sidebar .core-button.core-button--close { text-align: right;}

body.subpage .core-sidebar .core-button:hover,
body.subpage .core-sidebar .core-button:focus                   { background-color: rgb(84,82,78) !important; color: rgb(229,225,216); text-decoration: underline; text-decoration-skip: ink !important; }

body.subpage .core-sidebar .core-button.icon--home:hover,
body.subpage .core-sidebar .core-button.icon--home:focus        { background-image: url(../media/icon-home--large.png); }
body.subpage .core-sidebar .core-button.icon--portfolio:hover,
body.subpage .core-sidebar .core-button.icon--portfolio:focus   { background-image: url(../media/icon-portfolio--large.png); }
body.subpage .core-sidebar .core-button.icon--resume:hover,
body.subpage .core-sidebar .core-button.icon--resume:focus      { background-image: url(../media/icon-resume--large.png); }
body.subpage .core-sidebar .core-button.icon--pursuits:hover,
body.subpage .core-sidebar .core-button.icon--pursuits:focus    { background-image: url(../media/icon-pursuits--large.png); }
body.subpage .core-sidebar .core-button.icon--a11y:hover,
body.subpage .core-sidebar .core-button.icon--a11y:focus        { background-image: url(../media/icon-accessibility--large.png); }

@media (max-width:600px) {
  body.subpage .core-band                { height: 7.5vw !important; }
  body.subpage .core-band > .core-button { margin-top: -0.5vw !important; padding: 1.65vw 2vw 0vw 2vw !important;} 
  body.subpage .core-band > h1           { margin-top: 1vw; font-size: 3.5vw; }
}

@media (min-width:900px) {
  body.subpage header.core-theme                      { background-size: 225px; height: 155px !important; }
  body.subpage header.core-theme .core-center         { height: 145px !important; right: -320px; }
  body.subpage header.core-theme .icon--header-image  { height: 155px !important; width: 155px !important; }
  body.subpage                   .core-band           { height: 40px !important; border-width: 4.5px 0; }
  body.subpage .core-band > h1                        { font-size: 22.5px !important; }
  body.subpage .core-band > .core-button              { font-size: 22.5px !important; margin-top: -5px; padding: 4.5px 22.5px 0px 22.5px; }
}


/* accessibility-blog theme */

.subpage--a11y:not(.theme--blog) > h2,                
.subpage--a11y:not(.theme--blog) > p              { padding: 0.75em; } 

body.subpage .theme--blog h1                      { font-family: 'Open Sans Condensed', sans-serif; font-size: 3.998em; font-weight: bolder; }
body.subpage .theme--blog h2                      { font-family: 'Open Sans Condensed', sans-serif; font-size: 2.827em; font-weight: bolder; padding-bottom: 0.5em; }
body.subpage .theme--blog h3                      { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.999em; font-weight: bolder; padding-top: 0.5em; padding-bottom: 0.5em; }
body.subpage .theme--blog h4                      { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.414em; font-weight: bolder; }
body.subpage .theme--blog p                       { font-family: 'Open Sans',           sans-serif; font-size: 1.000em; line-height: 2.25; padding-left: 1.25em !important; padding-right: 1.25em !important; padding-bottom: 1.25em; }
body.subpage .theme--blog img,
body.subpage .theme--blog .img                    { padding: 0em; width: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; }

/* blog formatting */

body.subpage .theme--blog.core-container              { padding: 0 !important; overflow-y: hidden; height: 250px;}
/*body.subpage .theme--blog.core-container::before      { content: ''; display: block; position: absolute; z-index:1; width: inherit; height: 35px; background: -moz-linear-gradient(top, rgba(249,246,238,0) 0%, rgba(249,246,238,0.08) 7%, rgba(249,246,238,1) 85%, rgba(249,246,238,1) 100%); background: -webkit-linear-gradient(top, rgba(249,246,238,0) 0%,rgba(249,246,238,0.08) 7%,rgba(249,246,238,1) 85%,rgba(249,246,238,1) 100%); background: linear-gradient(to bottom, rgba(249,246,238,0) 0%,rgba(249,246,238,0.08) 7%,rgba(249,246,238,1) 85%,rgba(249,246,238,1) 100%); }*/
body.subpage .theme--blog.core-container.blog--expand { height: auto; }
body.subpage .theme--blog .core-threequarter          { }
body.subpage .theme--blog .core-quarter               { position: relative; height: 100px;  }
body.subpage .theme--blog .core-quarter > *,
body.subpage .theme--blog .core-threequarter > *      { padding-left: 0.75em; padding-right: 0.75em; }
body.subpage .theme--blog .core-threequarter .blog--label,
body.subpage .theme--blog .core-quarter .blog--label  { color: white; padding: 0.5em 2em; }
body.subpage .theme--blog .core-button.button--expand { position: absolute; left: 9.9999%; transition: 0.5s }
/*body.subpage .theme--blog .core-button.button--expand[aria-expanded="true"] { position: fixed; } */

/* typography "accents" */
body.subpage .theme--blog .text--em               { font-weight: bolder; }
body.subpage .theme--blog .text--ital             { font-style: italic;   color: rgb(50,100,15); }
body.subpage .theme--blog .text--note             { line-height: 1.5; }


/* specific blog post backgrounds */
body.subpage .theme--blog .img.img--contrast-illusion-blog { height: 220px; background-image: url(../media/visual-illusion-and-reading-disorders--sans-text.png);  }

@media (max-width: 600px) {
  body.subpage .theme--blog .core-quarter { display: none; }
}
@media (max-width: 900px) {
  body.subpage .theme--blog .core-button.button--expand { left: initial; right: 1.99999%; }
}

.theme--center-content { text-align: center; margin: 0 auto; }

/* Resume themes */
body.subpage--resume .theme--slide-container                    { max-width:800px; position:relative; }
body.subpage--resume .theme--slide-container img                { border: 3px white solid; box-shadow: 5px 5px 5px rgb(0,0,0,0.25); transition: 0.5s; width: 100%; }
body.subpage--resume .theme--slide-container .slide-btn--left   { position:fixed;top:50%;left: -1%; transition: 0.5s; }
body.subpage--resume .theme--slide-container .slide-btn--right  { position:fixed;top:50%;right:-1%; transition: 0.5s; }

.doc-image                  { position: relative; background-size: cover; width: 80vw; height: 113vw; border: 3px white solid; box-shadow: 5px 5px 5px rgb(0,0,0,0.25); }
.doc-image.image--centered  { margin: 0 auto; }

#resume-page-1              { background-image: url(../media/Resume-page-1.png); }



@media (min-width: 900px)   { 
  .doc-image  { width: 723px; height: 1021px; }
  body.subpage--resume .theme--slide-container .slide-btn--left   { position:absolute;top:50%;left: -1.5em;; }
  body.subpage--resume .theme--slide-container .slide-btn--right  { position:absolute;top:50%;right: -1.5em; }
}


/* Pursuits themes */

body.subpage--pursuits {

}

body.subpage--pursuits .container--parent {

}

.core-container.remove-padding--left-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.subpage .core-container.subject--heading,
body.subpage .core-container.subject--content {
  position: relative;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}


body.subpage .core-container.subject--heading > h3,
body.subpage .core-container.subject--content > h4 {
  font-family: 'Avenir-Black', serif;
  padding-left: 1em;
  padding-top: 0.5em;
}

body.subpage .core-container.subject--heading > p,
body.subpage .core-container.subject--content > p {
  font-family: 'Avenir-Medium', serif;
  font-size: 1.1em;
  margin: 0em 10em 0em 1em;
  padding-left: 2em;
  padding-bottom: 0.5em
}

body.subpage .core-container.subject--content > p {
  margin: 0em 4em 0em 1em;
}
body.subpage .core-container.subject--content > a {
  display: block;
  margin: auto 0;
  text-align: center;
}
body.subpage .container--parent > .core-container.subject--divider {
  height: 2em;
  width: 100%;
}

body.subpage .container--parent > .core-container.subject--content {
  background-color: rgb(218,213,201);
  border: 2px solid rgb(200,196,185);
  padding-bottom: 1em;
}
.background-before::before,
.background-after::after,
.container--parent .core-container.subject--content::before,
.container--parent .core-container.subject--content::after {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 0;
  opacity: 0.125;
  pointer-events: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.container--parent .core-container.subject--content::after {
  top: -100%;
}


/* specific styles for content */
.container--parent.subject--random-writings .core-container.subject--heading {
  background-image: url('../media/media--pursuits/random-writings--theme-image.png');
}

#shakespeare-spoof.core-container.subject--content::before {
  background-image: url(../media/media--pursuits/random-writings/shakespeare.png);
}
.background--duck-image::before,
#odd-duck-poem.core-container.subject--content::before {
  background-image: url('../media/media--pursuits/random-writings/odd-duck--trans.png');
  background-position: left bottom;
  background-size: contain;
  opacity: 0.1;
}
.background--duck-image::after,
#odd-duck-poem.core-container.subject--content::after {
  background-image: url('../media/media--pursuits/random-writings/odd-duck--trans.png');
  background-position: 0% bottom;
  background-size: contain;
  opacity: 0.1;
  transform: scaleX(-1);
  top: 0;
}
.background--duck-image::after { position:fixed; opacity: 0.05; }
/*.background-after--duck-image::after { background-position: left top; }*/

.container--parent.subject--non-digital-art .core-container.subject--heading {
  background-image: url('../media/media--pursuits/non-digital-art--theme-image.png');
}
.

/* portfolio styles */
#region--tdbank .core-container.subject--heading {
  background-image: url('../media/media--portfolio/media--tdbank/tdbank-icon--trans.png');
}
@media (max-width: 600px) {  
  #region--tdbank .core-container.subject--heading { background-size: 10em; background-position-y: 50%; }
  .container--parent.subject--random-writings .core-container.subject--heading, 
  .container--parent.subject--non-digital-art .core-container.subject--heading, 
  #region--conceptjs--lexicons .subject--heading,
  #region--conceptjs--ui       .subject--heading,    
  #region--janney--forms       .subject--heading                               { background-image: none !important; }
  body.subpage .core-container.subject--heading > p, 
  body.subpage .core-container.subject--content > p { margin: 0em 3em 0em 1em; }
}
.sample-image--rounded-square {
  display: inline-block;
  border-radius: 0.5em;
  border: 1px solid rgb(117,117,117);
  background-color: rgba(0,0,0,0.2);
  background: repeating-linear-gradient( 45deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15) 5px, rgba(0,0,0,0.27) 5px, rgba(0,0,0,0.27) 10px);
  background-size: cover;
  background-repeat: no-repeat;
  width:  2.5em;
  height: 2.5em;
  outline: none;
}
.sample-image--rounded-square:focus,
.sample-image--rounded-square:hover {
  border-color: black;
  background-color: rgba(0,0,0,0.35);
  /*box-shadow: 3px 3px 3px rgba(0,0,0,0.15);*/
  outline: 3px solid black;
}

/* portfolio image styles */

/* td images*/

#tdbank--images [data-image-id="image--0"] { background-image: url('../media/media--portfolio/media--tdbank/image--0.jpg'); }
#tdbank--images [data-image-id="image--1"] { background-image: url('../media/media--portfolio/media--tdbank/image--1.jpg'); }
#tdbank--images [data-image-id="image--2"] { background-image: url('../media/media--portfolio/media--tdbank/image--2.jpg'); }
#tdbank--images [data-image-id="image--3"] { background-image: url('../media/media--portfolio/media--tdbank/image--3.jpg'); }
#tdbank--images [data-image-id="image--4"] { background-image: url('../media/media--portfolio/media--tdbank/image--4.jpg'); }
#tdbank--images [data-image-id="image--5"] { background-image: url('../media/media--portfolio/media--tdbank/image--5.jpg'); }
#tdbank--images [data-image-id="image--6"] { background-image: url('../media/media--portfolio/media--tdbank/image--6.jpg'); }
#tdbank--images [data-image-id="image--7"] { background-image: url('../media/media--portfolio/media--tdbank/image--7.jpg'); }
#tdbank--images [data-image-id="image--8"] { background-image: url('../media/media--portfolio/media--tdbank/image--8.jpg'); }
#tdbank--images [data-image-id="image--9"] { background-image: url('../media/media--portfolio/media--tdbank/image--9.jpg'); }

/* lexicon images */
#lexicon--images [data-image-id="image--0"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--0.gif'); }
#lexicon--images [data-image-id="image--1"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--1.gif'); }
#lexicon--images [data-image-id="image--2"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--2.gif'); }
#lexicon--images [data-image-id="image--3"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--3.gif'); }
#lexicon--images [data-image-id="image--4"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--4.gif'); }
#lexicon--images [data-image-id="image--5"] { background-image: url('../media/media--portfolio/media--conceptjs/lexicon--5.jpg'); }

/* conceptjs-ui images */
#region--conceptjs--lexicons .subject--heading    { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs--concept-icon--alt--trans.png');  background-size: 10em; }
#region--conceptjs--ui       .subject--heading    { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs--logo--trans.png');               background-size: 10em; }
@media (max-width: 600px;) {
  #region--conceptjs--lexicons .subject--heading { background-size: 33% !important; }
  #region--conceptjs--ui       .subject--heading { background-size: 36% !important; }
}

#conceptjs-ui--images [data-image-id="image--0"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--0.gif'); }
#conceptjs-ui--images [data-image-id="image--1"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--1.gif'); }
#conceptjs-ui--images [data-image-id="image--2"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--2.gif'); }
#conceptjs-ui--images [data-image-id="image--3"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--3.gif'); }
#conceptjs-ui--images [data-image-id="image--4"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--4.gif'); }
#conceptjs-ui--images [data-image-id="image--5"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--5.gif'); }
#conceptjs-ui--images [data-image-id="image--6"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--6.gif'); }
#conceptjs-ui--images [data-image-id="image--7"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--7.gif'); }
#conceptjs-ui--images [data-image-id="image--8"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--8.gif'); }
#conceptjs-ui--images [data-image-id="image--9"]  { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--9.gif'); }
#conceptjs-ui--images [data-image-id="image--10"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--10.gif'); }
#conceptjs-ui--images [data-image-id="image--11"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--11.gif'); }
#conceptjs-ui--images [data-image-id="image--12"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--12.gif'); }
#conceptjs-ui--images [data-image-id="image--13"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--13.gif'); }
#conceptjs-ui--images [data-image-id="image--14"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--14.gif'); }
#conceptjs-ui--images [data-image-id="image--15"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--15.gif'); }
#conceptjs-ui--images [data-image-id="image--16"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--16.gif'); }
#conceptjs-ui--images [data-image-id="image--17"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--17.gif'); }
#conceptjs-ui--images [data-image-id="image--18"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--18.gif'); }
#conceptjs-ui--images [data-image-id="image--19"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--19.gif'); }
#conceptjs-ui--images [data-image-id="image--20"] { background-image: url('../media/media--portfolio/media--conceptjs/conceptjs-ui--20.gif'); }

/* janney forms */
#region--janney--forms .subject--heading    { background-image: url('../media/media--portfolio/media--janney/janney--logo--trans.png'); background-size: 10em; }

#janney-forms--images [data-image-id="image--0"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--0.png'); }
#janney-forms--images [data-image-id="image--1"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--1.png'); }
#janney-forms--images [data-image-id="image--2"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--2.png'); }
#janney-forms--images [data-image-id="image--3"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--3.png'); }
#janney-forms--images [data-image-id="image--4"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--4.png'); }
#janney-forms--images [data-image-id="image--5"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--5.png'); }
#janney-forms--images [data-image-id="image--6"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--6.png'); }
#janney-forms--images [data-image-id="image--7"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--7.png'); }
#janney-forms--images [data-image-id="image--8"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--8.png'); }
#janney-forms--images [data-image-id="image--9"]  { background-image: url('../media/media--portfolio/media--janney/janney-forms--9.png'); }

/* logo design */
#logo-design--images [data-image-id="image--0"]  { background-image: url('../media/media--portfolio/media--logos/logo-design--0.gif'); background-position: center;}
#logo-design--images [data-image-id="image--1"]  { background-image: url('../media/media--portfolio/media--logos/logo-design--1.gif'); background-position: center; }
#logo-design--images [data-image-id="image--2"]  { background-image: url('../media/media--portfolio/media--logos/logo-design--2.gif'); background-position: center; }
#logo-design--images [data-image-id="image--3"]  { background-image: url('../media/media--portfolio/media--logos/logo-design--3.gif'); background-position: center; }
#logo-design--images [data-image-id="image--4"]  { background-image: url('../media/media--portfolio/media--logos/logo-design--4.png'); background-position: center; }