/*
Theme Name: Artblog - 2017.05
Author: Equivocal LLC
Author URI: http://equivocal.org/
Description: Custom theme for Artblog (theartblog.org) - updated May 20175
Version: 3.0
*/

/*

 1- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
 2- SETTINGS & CLASSES - PAGE STRUCTURE
 3- HEADER / LOGO / MENU / SEARCH
 4- SIDEBAR
 5- FOOTER / MENU / SEARCH
 6- HOME PAGE
 7- SINGLE POSTS
 8- PAGES
 9- ARCHIVES 
10- IMAGES / GALLERIES / MEDIA
11- ADVERTISEMENTS

*/
/* check this later */
body.admin-bar #wpadminbar {
  top: 0px;
  left: 0;
  z-index: 99999;
}

html {}

html, body {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #343434;
  background-color: #ffffff;
}


@font-face {
    font-family: 'oswaldregularitalic';
    src: url('fonts/oswald-regularitalic-webfont.eot');
    src: url('fonts/oswald-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/oswald-regularitalic-webfont.woff') format('woff'),
         url('fonts/oswald-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/oswald-regularitalic-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'oswaldregular';
  src: url('fonts/oswald-regular-webfont.eot');
  src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/oswald-regular-webfont.woff2') format('woff2'),
       url('fonts/oswald-regular-webfont.woff') format('woff'),
       url('fonts/oswald-regular-webfont.ttf') format('truetype'),
       url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?25109023');
  src: url('fonts/fontello.eot?25109023#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?25109023') format('woff2'),
       url('fonts/fontello.woff?25109023') format('woff'),
       url('fonts/fontello.ttf?25109023') format('truetype'),
       url('fonts/fontello.svg?25109023#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?99825240#fontello') format('svg');
  }
}
*/



/* 1- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
*******************************************************************************/

[class*='oswald-'] {
  font-family: 'Oswald', sans-serif; 
}
.oswald-regular { font-weight: 400; }
.oswald-medium { font-weight: 500; }
.oswald-bold { font-weight: 700; }

.white { color: #ffffff; }

.oswald-medium.blue {
  color: #24b1e7;
  background-color: transparent;
}

.blue { background-color: #24b1e7; }
.grey { background-color: #6d6e72; }
.lt-grey { background-color: #f0f0f2; }

.grid-bg {
  background: url(img/artblog-bg-our-pics-9x9.gif)repeat scroll 0 0 #ffffff; 
}

div {
  position: relative;
}

p {
  margin: 1.5em 0;
}

.content-wrap p a,
.content-wrap ul a,
.post-content-wrap a,
.post-preface a,
.column-2-wrap a {
  color: #24b1e7;
  text-decoration: underline;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.content-wrap p a:hover,
.content-wrap ul a:hover,
.post-content-wrap a:hover,
.post-preface a:hover,
.column-2-wrap a:hover {
  color: #000000;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: 600;
  font-weight: bold;
  letter-spacing: -.0175em;
}

hr {
  height: 1px;
  margin: 0.25em 0;
  border: 0;
  background: rgba(0,0,0,.25);
}
hr.post-preface-break {
  margin-top: 5px;
  background: rgb(37, 178, 231);
}

blockquote {
  margin: 2.75em 0;
  padding: 5% 6%;
  font-size: .95em;
  line-height: 1.75;
  color: #212121;
  background-color: #f0f0f2;
}
blockquote p:first-of-type, blockquote p:last-of-type {
  margin: 0;
}
.secondary_category-news-feed h1,
.secondary_category-news-feed h2,
.secondary_category-news-feed h3,
.secondary_category-news-feed h4,
.secondary_category-news-feed h5,
.secondary_category-news-feed h6 {
  display: inline-block;
  margin: 1.25em 0 .5em;
  padding-right: .425em;
  padding-left: .425em;
  font-size: 2em;
  text-transform: uppercase;
  color: white;
  background-color: #24b1e7;
}



.menu, h1, h2, h3, h4, h5 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400; 
}

h1, h2, h3, h4, h5 {
  margin: 1.5625em 0 1em;
  font-size: 1.625em;
  line-height: 1.375;
}

h1 em, em h1, h2 em, em h2, h3 em, em h3, h4 em, em h4, h5 em, em h5 {
  font-family: 'oswaldregular', 'Oswald', sans-serif;
}

.content-wrap ul, .content-wrap ol {
  margin: 1.5em 1.5em 2em;
}

.sidebar-wrap ul {
  margin-left: 1.0em;
}

.content-wrap ul ul, .content-wrap ol ol, .content-wrap ol ul, .content-wrap ul ol {
  margin: .75em 1.5em 1em;
}
.content-wrap ul li, .content-wrap ol li, .sidebar-wrap ul li {
  margin: .5em 0;
}
/*version 070723 */
.feature-label a, .category-link a, .sidebar-feature-wrap .feature-label.not-link {
  display: inline-block;
  padding: .2875em .425em .325em;
  font-family: 'Oswald', sans-serif;
  font-size: .95em;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #24b1e7;
  vertical-align: middle;
  border-radius: 5px;
}

.feature-label a, .category-link a, .post-title a, .post-title a:hover {
  color: #ffffff;
  text-decoration: none;
}

.feature-label a:hover, .category-link a:hover {
  color: #ffffff;
  background-color: #000000;
}

.list-link-wrap {
  /* border-bottom: 2px solid #ffffff;
  padding-bottom: 4px; */
}

.list-link-wrap:last-child {
  border: 0 none;
}

.title-list-link {
  display: block;
  padding: .5em 5% .5em 0;
  border-bottom: 2px solid;
  font-family: 'Oswald', sans-serif;
  font-size: 1.1em;
  line-height: 1.4;
}
   /*RdR 08/20/24 */
a.title-list-link {
  background:
      linear-gradient(
        to right,
        rgba(100, 200, 200, 1),
        rgba(255, 255, 255, 1)
      ),
      linear-gradient(
        to right,
        rgba(255, 0, 0, 1),
        rgba(255, 0, 180, 1),
        rgba(0, 100, 200, 1)
    );
    background-size: 100% 3px, 0 3px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
  }
   /*RdR 08/20/24 */
  a.title-list-link:hover  {
    background-size: 0 3px, 100% 3px;
  }
   /*RdR 08/20/24 */
  a.title-list-link:focus  {
    background-size: 0 3px, 100% 3px;
  }

.audio .title-list-link {
  padding-left: 2em;
  min-height: 3em;
}

.sidebar-feature-wrap .title-list-link {
  padding: .625em 5% .625em 0;
}

.archive-title,
.page-title {
  font-family: 'Oswald', sans-serif;
  font-size: 2.1875em;
  text-transform: uppercase;
  color: #24b1e7;
  float: left;
  line-height: 1.2;
  margin-top: .1375em;
  margin-bottom: .125em;
  
}

.archive .archive-title.secondary,
.archive .archive-title.third {
}

.archive-title.secondary,
.archive-title.third {
  font-size: 2.1875em;
}
.search .archive-title.secondary {
}

.archive-title.secondary span,
.page-title.secondary span,
.archive-title.third span,
.page-title.third span {
  font-size: .875em;
  color: #000000;
  text-transform: none;
}

.post-byline a {
  color: #363636;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.25);
}

.post-byline a:hover {
  border-bottom: 1px solid rgba(0,0,0,.75);
}

.post-byline em {
  display: inline;
  white-space: nowrap; 
}

.more-link {
  font-family: 'Oswald', sans-serif;
  font-size: .975em;
  color: #24b1e7;
  text-transform: uppercase;
}

.more-link:hover, .more-link:active {
  color: #000000;
  text-decoration: none;
}
/* RdR added 10/2/2024 */
.author-name {
  color: #24b1e7;
}





/* 2- SETTINGS & CLASSES - PAGE STRUCTURE
*******************************************************************************/

#mobile-menu-wrap {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 4em 1% 9px 4%;
  color: #ffffff;
  background-color: #24b1e7;
  z-index: 1;
  opacity: 0; 
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease, height 0.5s ease;
  height: 0;
}

#mobile-menu-wrap, #mobile-page-wrap {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: 0.55s ease;
  transition: 0.55s ease;
  overflow: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease, height 0.5s ease;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 1.0);
}

#mobile-menu-wrap.active, #mobile-page-wrap.active {
  -webkit-transform: translate(0px, 5em);
  -ms-transform: translate(0px, 5m);
  transform: translate(0px, 5em);
  opacity: 1; 
  visibility: visible;
  height: auto;
  transition: opacity 0.5s ease, visibility 0.5s ease, height 0.5s ease;
  padding: 1em 0% 9px 1%;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.content-wrap {
  float: left;
  width: 100%;
  margin-left: -300px;
  padding-right: 6.2375%;
  padding-left: 300px;
}

.post-content-wrap {
  padding-top: .5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid rgb(37, 178, 231);
}
.post-content-wrap.page {
  margin-bottom: 2.75em;
  border-bottom: 0 none;
}

.sidebar-wrap {
  float: right;
  width: 300px;
}

.page-wrap, .footer-wrap, .notification-bar {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.page-wrap {
  padding-top: 32px;
}

.page-wrap.thank-you, .page-wrap.campaign {
  border-bottom: 0 none;
}

.page-margin-wrap {
  margin: 0 0em;
  /* RdR to account for spacing of header-wrap being sticky/fixed */
  /* padding-top: 30px; */
}

.page-margin-wrap.notification-bar-wrap {
  margin: 0;
  padding: 0 3em;
}

.full-width-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.header-sidebar-wrap {
  width: 300px;
}

.mobile-hide {
  display: block;
}
.desktop-hide {
  display: none;
}


/* 3- HEADER / LOGO / MENU / SEARCH
*******************************************************************************/

@media screen and (max-width:700px) {
  .header-wrap {
    display: table;
    height: 130px;
    margin-top: 3.6em;
    background: #ffffff; 
    padding-top: 25px;
  }
}

.header-wrap {
  display: table;
  height: 110px; /* RdR 10/18/23 from 130px */
  margin-bottom: 10px; /* RdR 10/18/23 from 2em */
  background: #ffffff; 
  position: static;
  top: auto;
  padding: 0 23% 0 20%;
  /* z-index: 999; */
  /* transition: top 0.2s ease, transform 0.1s ease; */
  width: 100%;
  /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); */
}

.header-wrap.scrolled {
  top: -6px;
  height: auto;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 100%;
  padding: 0px 23% 3px 20%;
}

.header-logo-wrap {
  float: left;
  width: 30%;
  max-width: 13.875em;
  left: 50%; /*RdR 3/12 */
  padding-top: 15px;
}

.header-logo {
  display: block;
  max-width: 100%;
}

/* .header-content-wrap,
.header-sidebar-wrap {
  display: table-cell;
} */

.header-content-wrap {
  height: auto; /* RdR 10/18/23 from 130px */
  padding-right: 1.5%; /* RdR 10/18/23 from 6.5% */
  transition: top 0.0s ease, transform 0.3s ease;
  width: 100%;
}

/* .header-wrap.scrolled .header-content-wrap {
  transform: scale(0.85); /* Decrease size by 15% */
  height: 50px;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
} */

.header-sidebar-wrap {
  top: -3.2125em;
  width: 300px;
}

.header-content-wrap .header-menu-wrap {
  margin-top: 1.5%; /* This is a test 1/29/24 - was 5.25% */
  margin-left: 14%;  
}

/* Header banner sticky instead of popup */
.header-banner {
  background-image: url("https://theartblog.dreamhosters.com/wp-content/uploaded/2023/11/grey-arrow-jpg.webp");
  background-repeat: repeat-x;
  background-size: contain;
  /*background-image: repeating-radial-gradient(   
    circle closest-corner at 15% 5px,
    #24b1e7,
    #24b1e7 50px 10px,
    #f65c40 50px,
    #f65c40 100px
    ); */
  color: #24b1e7;
  font-size: 26px;
  position: absolute;
  z-index: 111;
  top: 0px;
  left: 0px;
  width: 100% !important;
  padding: 0px 0 32px 0;
  text-align: center;
  /* text-shadow: 1px 2px 1px #000; */
  margin: auto;
  max-height: 30px;
  display: block;
}

/* updated update 8/15/23*/
.header-banner a:hover{
  color: #ff0000;
  text-shadow: 0 0 2px #24b1e7;
}

.banner-text {
 color: #24b1e7;
 margin: 0 auto;
 position: relative;
 top: -7px;
}
.banner-text a{
  color: #24b1e7;
 }

.newsletter-text a{
  color: #24b1e7;
  text-shadow: 1px 1px 0px #000;
  background-color: rgba(255 255 255 / .125);
  border-radius: 5px;
}

.annual-appeal {
  border-radius: 15px;
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
  display: none;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* end update 8/15/23*/
/* End Newsletter */

/* New Menu RdR 10/18/23 */
.header-menu-wrap {
  display: none;
  /* padding-top: 15px; */
}

.header-menu-wrap .sidebar-menu.menu {
  margin-bottom: 0em;
  font-size: 1.25em;
  line-height: 1;
  text-align: center;
}
/* End New Menu */

/* RdR made the mobile menu the MAIN menu as well*/
.menu-toggle-wrap {
  display: block;
    left: 10%;
    top: 30px;
    margin: 0 90%;
    width: 40px;
    /* float: right; */
    cursor: pointer;
    z-index: 999;
}

ul.menu {
  text-align: right;
  text-transform: uppercase;
  list-style: none;
  overflow: hidden;
}

ul.menu li {
  display: contents;
}

/* HEADER MAIN MENU */

.main-menu.menu {
  margin-left: 15.5%; /* This is a test 1/29/24 - was 5.25% */
  font-size: 1.5em; /* This is a test 1/29/24 - was 1.375em% */
  /*RdR 8-15-23*/overflow: hidden;
  /* This is a test 1/29/24 - was blank */
  display: flex;
}

.main-menu li {
  margin-left: 6%;
}

.main-menu li:first-child {
  margin-left: 0;
}

  /* RdR update 8/15/23 */
  .menu a, .menu li.current-menu-item a{ /*removed .menu a.active,*/
    --c: #24b1e7; /* the color  */
    --h: 1.2em;   /* the height */
    padding: 2px 6px 2px 3px; /* This is a test 1/29/24 - was 3 now 6 */
    font-weight: 600;
    line-height: var(--h);
    margin: 0;
    background: 
      linear-gradient(var(--c) 0 0) no-repeat 
      calc(200% - var(--_p,0%)) 100%/200% var(--_p,.08em);
    color: #0000;
    border-radius: 5px;
    text-shadow: 
      0 calc(-1*var(--_t,0em)) var(--c), 
      0 calc(var(--h) - var(--_t,0em)) #fff;
    transition: .3s var(--_s,0s), background-position .3s calc(.3s - var(--_s,0s));
  }
  .menu a:hover {
    --_t: var(--h);
    --_p: 100%;
    --_s: .3s;
    border-radius: 8px;
  }

/* HEADER SIDEBAR MENU */

.sidebar-menu.menu {
  margin-bottom: 1.425em;
  font-size: 1.0875em;
  line-height: 1;
}

.sidebar-menu li {
  margin-left: .625em;
}


/* MOBILE MENU */

.mobile-menu-wrap-inner {
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1140px;
}

#mobile-menu-wrap a {
  display: block;
  color: #ffffff;
  text-align: left;
}

#mobile-menu-wrap li {
  color: #ffffff;
}

#mobile-menu-wrap li a:hover {
  color: #000000;
  text-decoration: none;
}

#mobile-menu-wrap ul {
  list-style: none;
}


.mobile-menu-1, .mobile-menu-2, .mobile-menu-3 {
  float: left;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.275em;
  line-height: 1.5; 
  text-transform: uppercase;
  color: #fff;
}

.mobile-menu-1 {
  margin-left: 17%;   
  margin-right: 7%; 
}

.mobile-menu-2 {
  margin-right: 8%; 
  margin-left: 8%;  
}

.mobile-menu-3 {
  margin-right: 3%; 
  margin-left: 4%;  
}

.mobile-menu-1 li, .mobile-menu-2 li, .mobile-menu-3 li {
  padding: .25em 0;
  border-bottom: 1px solid rgba(255,255,255,.25); 
}

.mobile-menu-1 li:last-child, .mobile-menu-2 li:last-child, .mobile-menu-3 li:last-child  {
  border: 0 none;
}



/* 4- SIDEBAR
*******************************************************************************/

span.sidebar-tagline-text {
  text-align: center;
  display: block;
  padding: 10px 0px 20px 0px;
}
.sidebar-tagline {
  margin: 0 0 1.5 0;
  padding: 0 0 1em 0;
  /* border-bottom: 1px solid #24b1e7; */
  font-family: 'Oswald', sans-serif;
  font-size: .9em;
  line-height: 1.5;
  font-weight: 400;
  /* text-transform: uppercase; */
}

.sidebar-tagline.campaign {
  margin-top: 38px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0 none;
  font-family: inherit;
  line-height: inherit;
  text-transform: inherit;
}

.sidebar-tagline.campaign span {
  white-space: nowrap;
}

.sidebar-feature-title {
  display: inline-block;
  padding: 0 .375em;
  font-family: 'Oswald', sans-serif;
  font-size: .95em;
  text-transform: uppercase;
  color: #ffffff;  
  background-color: #24b1e7;
}

.sidebar-feature-wrap {
  margin-bottom: 2em;
  overflow: hidden;
}

.sidebar-wrap .border {
  border-bottom: 1px solid #24b1e7;
}

.sidebar-wrap .no-border,
.post-content-wrap img.no-border {
  padding-bottom: 0;
  border: 0 none;
}

.campaign .sidebar-feature-wrap {
  padding-bottom: 22px;
}

.secondary_category-comics .sidebar-feature-wrap.comic {
  border: 0 none;
  margin: 0; 
}

.sidebar-feature-wrap img {
  max-width: 100%;
  height: auto;
}

.sidebar-wrap .title-list-link {
  border-color: #24b1e7;
  color: #24b1e7;
}

.sidebar-wrap .title-list-link:last-of-type {
  padding-bottom: 10px;
  border-color: #ffffff;
}
/*version 070723 */
.sidebar-button-link {
  width: 98.25%;
  margin: .375em 0;
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
  border-radius: 15px;
}

.sidebar-button-link.campaign {
  margin-bottom: 1em;
  background: url('img/artblog-bg-pattern-arrow-blue.png')repeat #24b1e7;
  font-size: 2em;
  line-height: 1.4375;
  margin: 1.5em 0 1em;
}

.sidebar-wrap .sidebar-button-link:first-of-type {
  margin-top: 0;
}

.sidebar-wrap .sidebar-button-link:last-of-type {
  margin-bottom: 1.25em;  
}
/*version 070723 */
.sidebar-button-link a {
  display: block;
  padding: .75em;
  color: #ffffff;
  box-shadow: 5px 6px 5px 0 rgba(0,0,0,.25);
  border-radius: 15px;
  -webkit-transition: box-shadow .15s;
          transition: box-shadow .15s;
}

.content-wrap .sidebar-button-link a {
  width: auto;
}

.sidebar-button-link.grid-bg a {
  color: #24b1e7;
}
.sidebar-button-link a:hover {
  text-decoration: none;
  box-shadow: 2px 3px 0 0 rgba(0,0,0,.25);
}

.sidebar-feature-wrap.mobile-sidebar {
  width: 92%;
  max-width: 1100px;
  margin: 1.5em auto;
  padding-top: 2.5em;
  padding-bottom: 0;
  border-bottom: 0 none;
  /* border-top: 1px solid rgba(0,0,0,.25); */
}
.sidebar-feature-wrap.mobile-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
.mobile-sidebar .sidebar-button-link {
  float: left;
  width: 48%;
  margin: 0 1%;
}
.mobile-sidebar .sidebar-button-link:first-of-type {
  left: -1%;
}
.mobile-sidebar .sidebar-button-link:last-of-type {
  right: -1%;  
}


.list-links-overlay.comics { /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(72%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 255, 255, 1)', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sidebar-feature-wrap a.comics {
  position: relative;
  display: block;
  max-height: 320px;
  margin-top: .75em;
}


.mobile-sidebar {
  display: none;
}


/* TEMP SIDEBAR ARCHIVE */

ul#menu-footer-category-menu-1,
ul#menu-footer-category-menu-2 {
    list-style: none;
    display: block;
    width: 48%;
    float: left;
    margin: 1em 0 0;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.2;
}

ul#menu-footer-category-menu-2 {
  text-align: right;
}

ul#menu-footer-category-menu-1 a,
ul#menu-footer-category-menu-2 a {
    color: #24b1e7;
}

a {}

ul#menu-footer-category-menu-1 li,
ul#menu-footer-category-menu-2 li {
    margin: 0;
    margin-bottom: .5em;
}
ul#menu-footer-category-menu-1 li:last-child,
ul#menu-footer-category-menu-2 li:last-child {
  margin-bottom: 2em;
}
ul#menu-footer-category-menu-1 a:hover, ul#menu-footer-category-menu-2 a:hover {
    text-decoration: none;
    color: #000000;
}

.sidebar-artblog-radio {
  border-bottom: 2px solid #ffffff;
  box-shadow: 4px 4px 5px rgba(36, 28, 28, 0.40), -4px -2px 8px rgba(36, 28, 28, 0.20);
  overflow: hidden;
  margin: 5px 4.46875% 5px 5px;
}

.sidebar-category-link {
top: 0;
left: 0;
}


/* 5- FOOTER
*******************************************************************************/

.footer {
  margin-top: 2.75em;
  /* padding: 2.5em 0 0; */
  color: #ffffff;
  background-color: #4c4d4f;
}

.footer-wrap {
  /* height: 100%; */
  padding-bottom: 5em;
  overflow: visible;
}

.footer-page-margin-wrap {
  padding-top: 15px;
}

.home .footer-wrap {
  padding-bottom: 3em;
}

.footer-wrap [class*='col-'] {}

.footer-wrap .col-1-3:first-child {
  border: 0 none;
}

.footer ul {
  list-style: none;
  font-size: 15px;
}

.footer a {
  color: #24b1e7;
}

.footer a:hover {
  color: #ffffff;
  text-decoration: none;
}

.footer-menu-1, .footer-menu-2, .footer-menu-3, .footer-menu-4 {
  float: left;
  display: block;
  width: 50%;
  font-family: 'Oswald', sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
  text-align: left;
}

.footer-menu-3, .footer-menu-4 {
  padding-right: 5%;
  font-size: .975em;
}

.footer .social-logo-wrap {
  margin-bottom: 1.25em;
}

.footer .social-wrap {
  float: left;
  width: 55%;
  margin-left: 5%;
  font-family: 'fontello';
  font-size: 1.75em;
}

.footer .social-wrap a {
  display: inline-block;
  margin-right: 4%;
  vertical-align: text-top;
}

.footer .logo-wrap {
  float: right;
  width: 40%;
  max-width: 200px;
}

.footer .logo-wrap img {
  width: 100%;
  height: auto;
}

.footer-partners {
  display: flex; /* Make the container a flexbox */
  flex-wrap: wrap; /* Allow items to wrap onto multiple lines */
  justify-content: space-between; /* Distribute items evenly */
  font-size: 12px;
  padding: 5px 0px 5px 0px;
}

.footer-partners a img {
  margin: 0 0 1em;
}

.footer-partners span {
  text-align: center; /* Center caption text */
}


/* FOOTER SEARCH */

.footer-search-wrap {
  float: right;
  width: 95%;
  height: 38px;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 2px;
}

.search-wrap{
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}
.search-wrap input#s{
  width: 100%;
  height: 38px;
  background-color: #ececec;
  border: none;
  font-size: .85em;
  float: left;
  color: #343434;
  padding-left: 15px;
  border-radius: 15px;
}
.search-wrap input#s::-webkit-input-placeholder {
   color: #343434;
}
 
.search-wrap input#s:-moz-placeholder { /* Firefox 18- */
   color: #343434;  
}
 
.search-wrap input#s::-moz-placeholder {  /* Firefox 19+ */
   color: #343434;  
}
 
.search-wrap input#s:-ms-input-placeholder {  
   color: #343434;  
}
.search-wrap input.icon{
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: none;
  background-color: #ececec;
  height: 38px;
  width: 50px;
  margin-left: -50px;
  color: #b4b2b3;
  font-family: 'fontello';
  font-size: 1.625em;
  -webkit-transition: all .15s;
  transition: all .15s;
}
.search-wrap:hover input.icon, .search-wrap:active input.icon, .search-wrap:focus input.icon, .search-wrap input#s:focus input.icon, .search-wrap input#s:active input.icon {
  outline: none;
  color: #363636;
}

.search-wrap input#s:focus, .search-wrap input#s:active  {
  box-shadow: 0px 0px 1px 1px rgba(36,177,231,.75);
}

.search-wrap:hover input.icon:hover{
  color: #363636;
  background-color: white;
  cursor: pointer;
}
  

/* FOOTER TAGLINE */

.footer-tagline {
  display: none;
  max-width: 1140px;
  margin: 0 auto 3em;
  padding-top: 1em;
  border-top: 1px solid rgba(255,255,255,.125);
  font-family: 'Oswald', sans-serif;
  font-size: .9em;
  font-weight: 200;
  text-align: center;
}

.home .footer-tagline {
  text-align: left;
}

.footer-tagline.sticky {
  display: block;
  float: none;
  max-width: 1140px;
  margin: 0 auto 3em;
  text-align: left;
}




/* 6- HOME PAGE
*******************************************************************************/

.home-feature.grid {
  margin-bottom: 2.5%;
  display: flex;
}

/*Rdr */
.home-feature.grid:first-of-type {
  box-shadow: 4px 4px 5px rgba(36,28,28,.40), -4px -2px 8px rgba(36,28,28,.20);
}

.home-feature.grid.comic {
  display: none;
}

.home-feature [class*='col-'], .home-feature a.image-link {
  background-position: center;
  background-size: cover;
}

.home-feature .col-1-1 {
  height: 550px;
  box-shadow: 5px 5px 5px rgba(36,28,28,.50);
}

.home-feature .col-1-2 {
  width: 47%;
  height: 392px;
  box-shadow: 4px 4px 5px rgba(36,28,28,.40), -4px -2px 8px rgba(36,28,28,.20);
  overflow: hidden;
}

.home-feature a.image-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 320px;
}

.home-feature .col-1-1 a.image-link {
  height: 486px;
}

.home-feature .col-1-2:first-child {
  margin: 5px 4.46875% 5px 5px;
  box-shadow: 5px 5px 5px rgba(36,28,28,.50);
}

.home-feature .col-1-2:last-child {
  /* RdR margin-right: 4.46875%; */
  margin-top: 5px;
  box-shadow: 5px 5px 5px rgba(36,28,28,.50);
}

.home-feature.comic [class*='col-'], .home-feature.comic a.image-link {
  background-position: top center;
}
/* RdR added img class to nose bleed comic and i want to hide the captions on just that */
#caption-attachment-75378 {
  display: none;
}

.feature-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.625em 2em .75em 1.5em;
  color: #ffffff;
  background-color: #000000;
  -webkit-transition: background-color .15s, padding .2s;
  transition: background-color .15s, padding .2s;
}

.col-1-2 .feature-overlay {
  padding: 1.5em 2em .625em 1.5em;
}
.col-1-2 .feature-overlay .post-title {
  /* padding-bottom: 0; */
}

.comic .feature-overlay {
  background-color: #000000;
}

.rollover.feature-overlay, .feature-overlay:hover {
  background-color: rgba(0,0,0,.95);
  padding-bottom: 1.375em;
}

.col-1-1 .rollover.feature-overlay, .col-1-1 .feature-overlay:hover {
  padding-bottom: 1.625em;
  color: #24b1e7;
  background-color: #000;
}


.home-feature .category-link {
  position: absolute;
  left: 1.5em;
  top: -1em;
}

.post-title {
  display: block;
  padding-bottom: .3725em;
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  line-height: 1.3;
}

.archive .post-title {
  padding-bottom: .0625em;
}

.home-feature .col-1-2 .post-title, .list-links .title-list-link {
  font-size: 1.1875em;
  /* letter-spacing: .0025em; */
}

.post-meta .post-byline,
.post-meta .article-date {
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em; /* Adds some spacing between the author and the date */
}
.post-meta .article-date {
  font-style: italic;
  text-align: right;
}
.single .post-byline {
  font-size: 1em;
}

.single .post-meta {
  display: flex;
  justify-content: space-between;
  color: #000000;
  font-size: .75em;
  padding-bottom: 0.5em;
}

.archive .post-byline {
  padding-bottom: .625em;
}
.post-byline span {
  margin-right: .4em;
  line-break: anywhere;
}

.list-links {
  padding: .1em 1.0em 1.0em;
  top: 0em;
  left: 0em;
    /* RdR 8/20/24 */
    border-radius: 10px;
}

.list-links .category-link {
  top: 0.25em;
  left: 1.5em;
   /* RdR 8/20/24 */
  /* background-color: transparent; */
}

.list-links .category-link.grey a {
  background-color: #000000;
}
.list-links .category-link.grey:hover a {
  background-color: #6d6e72; 
}

.list-links .title-list-link {
  border-color: #ffffff;
  color: #ffffff;
}

.list-links .title-list-link:last-child {
  border: 0 none;
}

.list-links-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35px; /* RdR 8/20/24 */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1%,rgba(36,177,231,1)), color-stop(30%,rgba(62,179,231,1)), color-stop(100%,rgba(125,185,232,0)));
  background: -webkit-linear-gradient(bottom,  rgba(36,177,231,1) 1%,rgba(62,179,231,1) 30%,rgba(125,185,232,0) 100%);
  background: -webkit-linear-gradient(bottom, rgba(36,177,231,1) 1%, rgba(62,179,231,1) 30%, rgba(125,185,232,0) 100%);
  background: linear-gradient(to top,  rgba(36,177,231,1) 1%,rgba(62,179,231,1) 30%,rgba(125,185,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 125, 185, 0.9098)', endColorstr='#24b1e7',GradientType=0 );
  z-index: 100;
  border-radius: 10px;/* RdR 8/20/24 */
}

.list-links.audio span {
  position: absolute;
  display: block;
  top: .125em;
  font-family: 'fontello';
  font-size: 2em;
  color: #ffffff;
}

/* RdR 8/20/24 */
.list-links.audio span::before  {
  content: '\E804'; 
  font-family: 'Fontello'; 
  margin-right: 8px; 
  display: inline-block;
  font-size: 16px; 
  rotate: -67deg;
}

.artblog-radio-sidebar {
  border-radius: 10px;
  text-transform: none;
  box-shadow: 9px 4px 9px 0px rgba(0,0,0,0.25),inset 2px 3px 10px 1px rgba(0,0,0,0.25),-4px -4px 6px 1px rgba(0,0,0,0.12);
}

/* RdR 8/20/24 */
.recent-articles {
  color: #ffffff;
  background: rgb(0,0,0);
  width: 200px;
  padding: 4px;
  border-radius: 5px;
  font-size: 12px;
  margin-left: 16px;
  text-align: center;
  }

  .recent-articles-sidebar {
    box-shadow: 1px 3px 8px rgba(0,0,0,0.8);
  }

/* 7- SINGLE POST
*******************************************************************************/

.single .category-link {
  display: inline-block;
  margin: .125em .25em .875em 0;
}

.single .post-preface,
.page .post-preface {
  margin-top: .5125em;
  font-size: .9375em;
  font-style: italic;
}

.single .post-title,
.page .post-title {
  margin-top: .005em;
  padding-right: 2.0%;
  font-size: 2.5em;
  line-height: 1.25;
  letter-spacing: -.00625em;
  color: #24b1e7;
  background-color: #ffffff;
}

.single .post-byline {
  color: #000000;
}

.single .archive .post-byline {
  margin-top: .5em;
}

.tags-wrap {
  max-width: 90%;
  margin: .5em 0 1em;
  text-transform: uppercase;
}
.tags-wrap p {
  margin: 0;
  font-size: .75em;
  line-height: 1.5;
}

.tags-wrap span {
  margin-right: .4em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.1em;
}

.single-nav-wrap {
  margin: 1.875em 0 0;
  font-family: 'Oswald', sans-serif;
  overflow: hidden;  
}

.single-nav-wrap .previous, .single-nav-wrap .next {
  float: left;
  display: block;
  width: 48%;
}

.single-nav-wrap .next {
  float: right;
  text-align: right;
}

a.block-link {
  display: block;
  padding: .3em 0 .225em 0;
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #24b1e7;
  border-radius: 1rem;
  -webkit-transition: background-color .15s;
          transition: background-color .15s;
}

a.block-link span {
  font-family: 'fontello', Arial, Helvetica, sans-serif;
  font-size: 1.25em;
}

.previous .block-link span {
  margin-right: .125em;
  margin-left: -.5em;
}

.next .block-link span {
  margin-right: -.375em;
  margin-left: .125em;
}

a.block-link:hover {
  background-color: #000000;
  text-decoration: none;
}

a.block-link:hover + a, a.text-link:hover {
  color: #000000;
  text-decoration: none;
}

a.text-link {
  display: block;
  font-family: 'oswaldregular', 'Oswald', sans-serif;
  font-size: 1.25em;
  line-height: 1.4;
  color: #24b1e7;
}

.previous a.text-link {
  padding: .5em 0 .5em 2.5%;
}

.next a.text-link {
  padding: .5em 2.5% .5em 0;
}

.single-feature-wrap {
  margin-bottom: 34px;
  display: none;
}

.single-feature-wrap.comic .home-feature [class*='col-'] {
  background-position: top center;
}

.single .home-feature .col-1-1 {
  margin-bottom: 0;
}

.single .feature-overlay .post-title {
  margin-top: 0;
}

.single .feature-overlay .post-byline {
  margin-bottom: 0;
  color: #ffffff;
}


/* MORE CONTENT */

.temp-more-content-wrap {
  margin-bottom: 4em;
}

.more-content-heading {
  margin-bottom: 1em;
  margin-right: .4em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
}

/* Single Podcasts */
details summary {
  cursor: pointer;
  font-weight: bold;
}
details[open] summary::before {
  content: "";
}
details summary::before {
  content: "";
}

.meet-our-host {
  font-size: 36px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(211,211,211,1) 50%, rgba(255,255,255,1) 90%);
  color: #24b1e7;
  margin: 15px 0px 5px 0px;
}

.host-container {
  border-bottom: 1px solid rgba(0,0,0,.25);
  padding-bottom: 25px;
}

.host {
  display: contents;
  vertical-align: top;
  /* width: -webkit-fill-available; */
  height: auto;
}

.host-image {
display: inline-block;
width: 120px;
padding: 10px 4px 0px 4px;
vertical-align: top;
}

.host-bio {
  display: inline-block;
  width: 250px;
  min-width: 250px;
  padding-top: 10px;
}

.podcast-host-image {
  border-radius: 50%;
}

.meet-our-host .host-image .host-bio {
  flex: 1;
  min-width: calc(25% - 20px); 
  box-sizing: border-box;
}

/* Embedded Media Player */

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
  background: #000000;
  border-radius: 6px;
}

.mejs-container * {
  border-radius: 12px;
}

/* Listen Now Buttons */
.listen-now-buttons {
  display: flex;
  padding: 10px 2px 2px 0px;
}

.listen-now-buttons *{
  margin-right: 10px;
}

/* 8- PAGES
*******************************************************************************/

.page .content-wrap p {
  margin: 1.25em 0;
}

.page .content-wrap .wp-caption-text {
  margin: .75em 0 3.5em .5em;
}

.page-title {
  float: none;
  text-align: center;
  font-size: 44px;
  font-weight: 600;
  margin: 0;
}

.page .content-wrap .page-intro,
.archive-desc p:first-of-type,
.sidebar-wrap .heading {
  display: block;
  clear: left;
  margin-top: 1.375em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
}

.page .content-wrap .page-intro.heading {
  margin-top: 2.25em;
  margin-bottom: 1em;
}

.page-button-link {
  max-width: 95%;
  max-width: 500px;
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-size: 2em;
}

.page-bg-wrap {
  max-width: 700px;
  margin: 2.5em 0;
  padding: 1.5em 1.5em .25em 1.75em;
}

.page .content-wrap .page-bg-wrap .page-intro {
  margin: 0;
}

.page .content-wrap .page-bg-wrap p {
  margin: 1.25em 0;
}

.page-quote {
  margin: 2.5em 10% 2.5em 2.5%;
}

.page-quote .quote-text {
  font-family: 'Oswald', sans-serif;
  font-size: 1.375em;
  color: #24b1e7;
}

.page .content-wrap .page-quote .quote-attrib {
  margin-top: -1em;
  font-size: .95em;
}

.column-2-wrap {
  margin-top: -.75em;
  margin-bottom: 2em;  
}

.column-2-wrap p:first-of-type {
}

.page .content-wrap .column-2-wrap {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.page .content-wrap .column-2-wrap p {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
}


/* ANNUAL APPEAL CAMPAIGN */

.page-wrap.campaign img.logo:not(.no-border) {
  max-width: 105%;
  width: 105%;
  margin-left: -5%;  
}
.page-wrap.campaign img.no-border
.campaign .sidebar-button-link span {
  display: inherit;
  -webkit-transform: skewX(-5.5deg);
  transform: skewX(-5.5deg);
  font-size: 2em;
}
.campaign .sidebar-wrap .sidebar-button-link span {
  font-size: 1.25em;
}
.campaign .sidebar-feature-wrap {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}


/* GOOGLE MAP EMBED */
.google-map-embed-wrap {
  position: relative;
  height: 0;
  margin: 2.5em 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.google-map-embed-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* START HERE PAGE */

.start-here-page {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid;
  border-radius: 10px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12), 0 0px 5px rgba(0, 0, 0, 0.2);
}
.start-here-title {
  margin: 0 auto;
  text-align: center;
  font-size: 3.5em;
  width: 85%;
}
.start-here-description{
  margin: 0 auto;
  text-align: center;
  font-size: 2em;
  padding: 30px;
  width: 85%;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.selector-col, .preview-col{
  flex: 1;
  padding: 0;
}

.selector-col {
  border-right: 1px solid black;
  margin-right: 5px;
  border-radius: 10px;
}

.selector-title a{
  color: #000;
}

.selector-title a:hover {
  color: red;
}

.selector-title.active a {
  color: #24b1e7;
  border: 1px solid #24b1e7;
  border-radius: 6px;
  padding: 15px;
}

.preview-col {
  border: 0px solid #000;
  border-radius: 10px;
  overflow: hidden;
}

.preview-col img {
  overflow: hidden;
  padding: 0px;
}

.selector-title {
  background-color: #fff;
  padding: 20px 0px 20px 10px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.content {
  background: #fff;
  padding: 0px;
  margin-bottom: 0px;
  display: none;
  height: fit-content;
  min-width: 200px
}

.content img {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 0px;
}


/* 9- ARCHIVES
*******************************************************************************/


.archive-title-page-wrap {}

.archive-title-page-wrap:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.archive .page-number,
.search .page-number {
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'Oswald';
  font-size: 1em;
  text-transform: uppercase; 
}

.search .page-number {
  margin-top: .875em;
}

.tax-secondary_category .page-number,
.tax-third_category .page-number,
.archive.author .page-number {}

.archive .page-number span, .search .page-number span {
  display: inline-block;
  margin-left: .125em;
  padding: .125em .625em;
  font-size: 1.15em;
  color: #ffffff;
  background-color: #24b1e7;
}

.archive-desc {
  margin-bottom: 3em;
  border-bottom: 1px solid #24b1e7;
}

.archive-desc p {
  margin: 0 0 2.5em 0;
  font-size: .9375em;
  font-style: italic;
}

.archive-desc p:first-of-type {
  max-width: 660px;
  font-style: normal;
  margin-top: 1.125em;
  margin-bottom: 1.25em;
}

.author-desc {
  font-size: .9375em;
  font-style: italic;
  margin-bottom: 3em;
  border-bottom: 1px solid #24b1e7;
}
.author-desc p {
  margin-top: 1em;
  margin-bottom: 2em;
}
.author-social-media-links {
  margin-top: -.5em!important;
  margin-bottom: 1.5em!important;
  font-family: 'Oswald', sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  font-style: normal;
}
.author-social-media-links a {
  font-family: 'fontello';
  font-size: 1.5em;
  line-height: .667;
  text-decoration: none!important;
}

.archive .post-list-wrap, .search .post-list-wrap {
  width: 100%;
  border-bottom: 1px solid #24b1e7;
}

.archive-post-wrap {
  display: table;
  width: 100%;
  margin-bottom: 4em;
  overflow: hidden;
}

.single .archive-post-wrap,
.page .archive-post-wrap {
  margin-bottom: 4%;
}

.archive .post-thumb,
.archive .post-info-wrap,
.search .post-thumb,
.search .post-info-wrap {
  display: inline-block;
  float: left;
}

.archive .post-thumb,
.search .post-thumb {
  width: 45%;
  height: 0;
  padding-bottom: 35%;
  border: 1px solid transparent;
  background-color: #efefef;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.single .archive .post-thumb {
  padding-bottom: 33%;
}

.archive .post-thumb a,
.search .post-thumb a {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
}

.archive .post-thumb a:hover,
.search .post-thumb a:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}

.archive .post-info-wrap,
.search .post-info-wrap {
  width: 55%;
  vertical-align: top;
  padding: .625% 0 0 4%;
}

.archive .post-title,
.single .archive .post-title,
.search .post-title {
  font-size: 1.875em;
}

.archive .post-title a, .search .post-title a {
  font-size: .95em;
  color: #24b1e7;
  text-decoration: none;
}

.archive .post-title a:hover, .search .post-title a:hover {
  color: #000000;
}

.archive .post-byline {
  
}

.archive .post-info-wrap p, .search .post-info-wrap p {
  margin: .5em 0;
  font-size: .925em;
}

.archive-nav-wrap {
  width: 100%;
  min-height: 2.5em;
  margin-bottom: 4em;
  font-family: 'Oswald', sans-serif;  
}



/* PAGE-NAVI PAGINATION STYLING ***********************************************/

.wp-pagenavi {
	display: table;
  width: 100%;
  clear: both;
  font-size: 2em;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: table-cell;
  max-width: 20%;
  padding: .125em 1.5% .125em 1.5%;
  color: #24b1e7;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

.archive-nav-wrap .page-counter, x.wp-pagenavi span.pages {
  float: left;
  display: block;
  margin: 1.25em 0 .5em;
  font-size: 1.125em;
  color: #000000;
  text-transform: uppercase;
}

.wp-pagenavi span.extend {
  display: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #ffffff;
  background-color: #000000;
}

.wp-pagenavi span.current {
  margin: 0 .75%;
	padding: 0 1.5% 0 1.5%;
  background-color: #24b1e7;
}

.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last {
  font-family: 'fontello', 'Oswald', sans-serif;
  font-size: 1.25em;
  color: #24b1e7;
}

.wp-pagenavi a.first, .wp-pagenavi a.last {
  width: 1.4em;
}

.wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.first:hover, .wp-pagenavi a.last:hover {
  color: #000000;
  background-color: transparent;
}





/*  X.X- CONTACT FORM
   ========================================================================== */    

div.wpcf7 {
  margin-top: 3em!important;
}
.wpcf7 label {
  display: block;
  margin-bottom: .325em;
  font-weight: 600;
  line-height: 1.32;
}
.wpcf7 span input,
.wpcf7 span textarea {
  display: block;
  width: 100%;
  padding: 1em;
  border: 0 none;
  font-family: inherit;
  font-size: 1em;
  color: #555555;
  background-color: #e6e6eb;  
}
.wpcf7 input[type="radio"] {
  margin: .5em 0 .25em!important;
} 
.wpcf7 span.wpcf7-list-item {
  margin: 0 .5em 0 .5em!important;
}
.wpcf7 span textarea.textarea1,
.wpcf7 span textarea.textarea2 {
  height: 7em;
  line-height: 1.5;
} 
.wpcf7 span textarea.textarea2 {
  height: 8em;
}
.wpcf7-form-control-wrap {
  margin: 2em 0!important;
}
.wpcf7 input.button-link {
  margin-top: 0;
  margin-bottom: .25em;
  padding: .75em;
  border: 0 none;
  font-family: 'Oswald', sans-serif;
  font-size: 1.75em;
  text-transform: uppercase;
  color: #ffffff;
  box-shadow: 5px 6px 0 0 rgba(0,0,0,.25);
  -webkit-transition: box-shadow .15s;
  transition: box-shadow .15s;
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 15px;
}
.wpcf7 input.button-link:hover {
  text-decoration: none;
  box-shadow: 2px 3px 0 0 rgba(0,0,0,.25);
}
div.wpcf7 .ajax-loader {
  margin-left: 1em!important;
  margin-bottom: .5em;
}
span.wpcf7-not-valid-tip {
  margin-top: .25em;
  font-weight: 600;
}
div.wpcf7-response-output {
  margin: 1.75em 0 0!important;
  padding: 1.25em!important;
}
div.wpcf7-mail-sent-ok {
  border-color: #de3cb7;
}
div.wpcf7-validation-errors {
  border-color: #ff0000;
}


/* Mailchimp */

  /* Stay Connected Button Modal */
  .newsletter-image {
    height: 0px;
    top: 23px;
    left: 5px;
    cursor: pointer;
  }

  .mc-modal {
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    border-radius: 10px;
  }
  /* .open-newsletter-modal {
    color: #000; 
    font-weight: 600; 
    text-shadow: 1px 1px 11px #fff;
  } */
  .modal-content {
    background-color: #24b1e7;
    margin: 0 auto; 
    padding: 2px 5px 5px 40px; 
    border: 2px solid #888; 
    width: 450px;
    height: 460px;
    position: absolute;  
    top: 10%; 
    left: 40%; 
    transform: translate(-50%, -50%); 
    border-radius: 10px;
  }
  .button-close {
    position: absolute; 
    right: 20px; 
    top: -36px; 
    padding: 0px 0px 0px 8px; 
    cursor: pointer; 
    border: 2px solid #888; 
    border-bottom: 0px;
    color: white; 
    font-size: 2.2em; 
    border-radius: 8px 8px 0px 0px; 
    width: 40px;
    background-color: #24b1e7;
    height: 36px;
  }
  .mc-field-group-modal {
    padding-left: 25px !important;
  }

  .mc-newsletter-signup {
    text-align: center;
    font-size: 42px;
    color: black;
    font-weight: 400;
    font-family: neuzeit-grotesk;
    padding: 40px 0px 15px 0px;
}
  .newsletter-signup-text-second-row {
    font-size: 36px;
    padding-top: 10px;
    max-width: 95%;
    display: block;
    text-align: center;
  }
  
  #mc-embedded-subscribe-modal {
    background: #24b1e7;
    border-radius: 8px;
    padding: 0.7rem;
    font-size: 1.4em;
    height: 50px;
    margin: 0 auto;
    display: block;
    border: 1px solid #000;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.5);
  }

  #mc-embedded-subscribe-modal:hover {
    background-color: #000;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.8);
    color: #fff;
    transform: translateY(3px);
    transition: all 0.3s ease 0s;
  }

  .mc-field-group-modal {
    text-align: left;
  }
    .mc-modal {
        z-index: 99990;
    }
    
    .mc-modal .modal-content {
        animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards, fadeInModal 0.5s ease-in-out;
    }
    
    .mc-modal + .content {
        z-index: 1;
        animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    }
    @keyframes blowUpModal {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes blowUpContent {
        0% {
            transform: scale(1);
            opacity: 1;
        }
        99.9% {
            transform: scale(2);
            opacity: 0;
        }
        100% {
            transform: scale(0);
        }
    }
    
    @keyframes fadeInModal {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
/* END MODAL */

.signup {
  box-shadow: inset 0 0 0 0 #24b1e7;
  color: #24b1e7;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.signup:hover {
  color: #fff;
  box-shadow: inset 50px 0 0 0 #24b1e7;
}

#mc_embed_signup {
  margin-bottom: 15px;
}

#mc_embed_signup, #mc-embedded-subscribe-form{
color: #ffffff;	
display:flex;
width:100%;
}

.mc-field-group, #mc-embedded-subscribe, .mc-subscribe-btn{
display:inline-block;    
}

.mc-field-group, .mc-subscribe-btn {
  padding: 15px 15px 15px 5px;
}
.mc-field-group {

}

#mce-FNAME, #mce-LNAME, #mce-EMAIL {
  width:180px;
  padding-top: 10px;
}

.mc-subscribe-btn {
}

#mce-FNAME-HELPERTEXT {
	display: none !important;
}
.helper_text {
	display: none !important;
}
#mc-embedded-subscribe  {
	background: #24b1e7;
	border-radius: 3px;
  padding: .8rem;
	font-size:1.4em;
  height: 50px; 
}
#mc-embedded-subscribe:hover{
	background: #24b1e7;
}
input[value="First Name"]{ color: #4e4e4e; }
input[value="Last Name"]{ color: #4e4e4e; }
input[value="Email Address*"]{ color: #4e4e4e; }

label.newsletter-label {
  display: inline-block;
  width: 143px;
}
/* END Mailchimp */


/* 10- IMAGES / GALLERIES / MEDIA
*******************************************************************************/

.content-wrap img, [id*='attachment_'] {
  display: block;
  max-width: 100%;
  height: auto;
}

.content-wrap img {
  border: 1px solid rgba(0,0,0,.075);
}


 /* Change cursor to Arrow icon for hover effect over images */
 [id*='attachment_']:hover {
  cursor: url(img/Arrow-32px.png) 32 32, 
  auto;
}
.content-wrap img:hover { /*RdR test hover cursor on image */
  cursor: url(img/Arrow-32px.png) 32 32, 
  auto;
}

.content-wrap figure,
[id*='attachment_'] {
  /* margin: 2.875em 0; */
  margin: auto;
  max-width: 100%;
}

[id*='attachment_'] a {
  display: block;
}


div[id*='gallery-'] {
  margin: 2.75em 0 1.75em;
  max-width: 100%;
}

div[id*='gallery-']:after {
  content: '';
  display: table;
  clear: both;
}

div[id*='gallery-'] .gallery-item {
  float: left;
  /* width: 48%; */
  /* margin: 0 4% 2% 0;  */
  margin: 0 0% 2% 4px; 
}

div[id*='gallery-'] .gallery-item:nth-child(2n) {
  margin-right: 0;
}

.post.secondary_category-comics p img,
.post.secondary_category-comics figure img,
div[id*='gallery-'] img,
.page-wrap.campaign img.logo,
.page-wrap.thank-you img.logo {
  border: 0 none!important;
}

.post p img {
  float: none;
  border: 1px solid rgba(0,0,0,.125);
}

.post p img.no-border {
  border: 0 none;
}

.wp-caption-text {
  margin: 0.625em 0 0.75em .125em;
  font-size: .8em;
  font-style: italic;
  max-width: 95%;
}

div[id*='gallery-'] .wp-caption-text {
  max-width: 240px;
}

div.fb-video.fb_iframe_widget {
  margin: 1.5em 0 2.875em 0;
}

.fve-video-wrapper.iframe-margin {
  margin: 3em 0;
}


/* Fluid Video Embeds */


.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}
.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}
@media screen and (max-device-width: 768px) {
/*    .fve-video-wrapper iframe, .fve-video-wrapper object, .fve-video-wrapper embed { display: none; } */
/*    .fve-video-wrapper a.hyperlink-image { display: block; } */
}



/* MP3-JPLAYER */

div.player-track-title {
  top: calc(50% - 18px)!important;
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
  padding-right: .5em;
  font-family: 'Oswald', sans-serif;
}
div.player-track-title div {
  margin-top: .25em;
  line-height: 1.35!important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .625em;
}
.flip .transport-MI .play-mjp:after,
.flip .transport-MI .pause-mjp:after {
  content: '\e808';
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: .375em;
  font-family: 'fontello';
  font-size: 1.2em;
  line-height: 0;
}

.flip .transport-MI .pause-mjp:after {
  content: '\e809';
}

/* MEDIA PLAYER */

.mejs-inner {
  position: initial;
}

.mejs-container {
  margin: 2.5em 0 2.5em;
} 



/* 11- ADVERTISEMENTS
*******************************************************************************/

/* advertise with artblog page */
.show-data {
  padding: 10px;
  border-radius: 5px;
  margin-right: 15px;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  text-align: justify;
  overflow: hidden;

}
.show-data:hover {
height: fit-content;
}
/* end advertise page */

.sidebar-large-vert-ad-wrap,
.sidebar-grid6-ad-wrap,
.sidebar-side2-ad-wrap {
  display: block;
}

/* Above Fold Desktop Ad */
.content-large-horiz-above-fold-wrap {
  padding: 10px 0px 0px 1px;
}

/* RdR added 3/21 */
.above-fold-ad-wrap {
  padding: 0px 2px 7px 3px;
  margin-top: -15px;
  /* min-height: 150px; */
  overflow: hidden;
  border-bottom:1px solid #24b1e7;
}

/* LARGE VERT AND HORIZ */

.content-large-vert-ad-wrap, .content-large-horiz-ad-wrap {
  margin-bottom: 2.5em;
  /* text-align: center; */
}

.content-large-vert-ad-wrap {
  margin-top: 2.75em;
  margin-bottom: 2.75em;
  padding: 2.5em 0;
  border-top: 0px solid rgba(0,0,0,.25);
  border-bottom: 0px solid rgba(0,0,0,.25);
  border-left-color: transparent;
  border-right-color: transparent;  
}

.sidebar-wrap .large-vert-ad-wrap {
  min-height: 640px;
  padding: 1em 0 2.0em 0;
}

.sidebar-large-vert-ad-wrap {
  border-bottom: 0px solid rgba(0,0,0,.25);
  min-height: 600px;
  min-width: 300px;
}

.single .content-large-vert-ad-wrap,
.page .content-large-vert-ad-wrap {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0 none;
} 

.archive .content-large-vert-ad-wrap,
.archive .content-content2-ad-wrap {
  margin-bottom: 4.5em;
}
.archive .content-content2-ad-wrap .large-vert-ad-wrap iframe, .large-horiz-ad-wrap iframe {
  background-color: #ffffff;
}

.content-large-horiz-ad-wrap {
  clear: both;
  box-sizing: content-box;
  max-width: 1100px;
  height: 250px;
  margin: 0 auto;
  padding-top: 0.5em;  
  text-align: center;
}

/* SIDE 2 */

[class*='-side2-ad-wrap'] {

}

[class*='-side2-ad-wrap'],
[class*='-content2-ad-wrap'] {
  display: block;
  text-align: center;
}

.sidebar-side2-ad-wrap {
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;  
}

.content-side2-ad-wrap {
  display: none;
  margin: 0 auto;
}

.side2-ad-single {
  display: inline-block;
}

.sidebar-side2-ad-wrap div.side2-ad-single:nth-child(2) {
  margin: 9% 0 0;
}

.content-side2-ad-wrap div.side2-ad-single {
  margin: 0 2.5% 2em;
}

.content-side2-ad-wrap {
  padding: 1.75em 0;
}
.single .content-side2-ad-wrap {
}

.content-side2-ad-wrap div.side2-ad-single:nth-child(2) {}


.content-side2-ad-wrap {
  display: none;
}
.content-side2-ad-wrap,
.content-content2-ad-wrap {
  margin: 0 auto;
}

.content-side2-ad-wrap .side2-ad-wrap {
}

.side2-ad-single,
.content2-ad-single {
  display: inline-block;
}

.sidebar-side2-ad-wrap div.side2-ad-single:nth-child(2) {
  margin: 30px 0 0;
}

.content-side2-ad-wrap div.side2-ad-single,
.content-content2-ad-wrap div.content2-ad-single {
  margin: .75em 3%;
}

.content-side2-ad-wrap div.side2-ad-single:nth-child(2),
.content-content2-ad-wrap div.content2-ad-single:nth-child(2) {
}

/* Inline article ads TESTING 1/29/24 */
.article-inline-horiz-ad-wrap {
  max-width: auto;
  overflow: hidden;
}

.article-inline-ad {
    border-top: 1px solid rgba(0,0,0,.25);
    border-top-color: rgba(0,0,0,.25);
    border-bottom-color: rgba(0,0,0,.25);
    text-align: center;
    padding: 0px 0px 5px 0px;
    min-height: 100px;
}

/* SPONSOR LABEL */

.ad-sponsor-label {
  /* position: absolute;
  top: .125em;
  left: .25em; */
  display: block; /* 2-21-24*/
  font-size: 10px;
  color: #888888;
  text-transform: capitalize;
}

.sidebar-wrap .ad-sponsor-label {
  top: initial;
  left: initial;
  bottom: .25em;
  right: .25em;
}

.sidebar-wrap .side2-ad-wrap .ad-sponsor-label {
  bottom: -3.625em;
}

.content-wrap .content-side2-ad-wrap .ad-sponsor-label {
  top: -2.5em;
}

/* GRID 4 */

.content-grid4-ad-wrap,
.content-side2-ad-wrap,
.content-content2-ad-wrap {
  margin: 1.75em auto;
  border-top: 1px solid rgba(0,0,0,.25);
  border-bottom: 1px solid rgba(0,0,0,.25);
  border-top-color: rgba(0,0,0,.25);
  border-bottom-color: rgba(0,0,0,.25);
  border-left-color: transparent;
  border-right-color: transparent; 
  text-align: center;
}

.archive .content-side2-ad-wrap {
  margin-bottom: 4.5em;
}

.content-grid4-ad-wrap,
.content-content2-ad-wrap {
  margin-bottom: 2.0em;
  padding: 1.25em 0;
}

.single .content-grid4-ad-wrap {
}

.archive .content-grid4-ad-wrap {
  margin-bottom: 4.5em;
}

.single .content-grid4-ad-wrap,
.single .content-grid6-ad-wrap,
.single .content-side2-ad-wrap,
.page .content-grid4-ad-wrap,
.page .content-grid6-ad-wrap,
.page .content-side2-ad-wrap {
  border-bottom: 0 none;
}
.content-grid4-ad-single {
  margin: 0 2.5% 2em;
}

/* GRID 6 */

.grid6-ad-wrap {
  margin: 0 auto;
  text-align: center;
}
.grid6-ad-single {
  margin: 0 7% 7% 0;
}
.grid6-ad-single:nth-child(even) {
  margin-right: 0;
}

.grid6-ad-single, .content-grid4-ad-single {
  display: inline-block;
  background-color: #ffffff;
}

.grid6-ad-wrap div.grid6-ad-single:first-of-type,
.content-grid4-ad-single:first-of-type {}

.grid6-ad-wrap div.grid6-ad-single:last-of-type,
.content-grid4-ad-single:last-of-type {}



/* PAGE LAYOUT TEMP CLASSES
*******************************************************************************/

body.page .content-wrap:not(.default-page-template) {
  margin-bottom: 2.75em;
}
body.home .content-wrap, body.error404 .content-wrap {
  margin-bottom: 1.00em;
}

body.error404 .archive-desc {
  margin-bottom: 2.75em;
}

.fb-social-plugin {
  margin: 1em 0 .5em;
}

div.essb_links {
  margin-bottom: 1.25em!important
}



/* POPUP STYLES
*******************************************************************************/

.spu-bg {
  background: url(img/artblog-bg-pattern-arrow-grey.png)repeat!important;
  background-color: #353535!important;
}
.spu-close {
  text-shadow: none!important;
  color: #ffffff!important;
  opacity: 1!important;
  filter: alpha(opacity=100);  
  z-index: 99999999!important;
}

.spu-close:hover {
  opacity: 1!important;
  filter: alpha(opacity=100);
}

.spu-icon-close {
  -webkit-transition: all .15s;
          transition: all .15s;
}
.spu-close:hover .spu-icon-close:before {
  color: #000000;
}

.spu-box {
  font-family: 'Oswald', sans-serif;
  font-size: 2.25em;
  /*font-size: 1.5em;*/
  line-height: 1.25;
  text-align: center;
  box-shadow: none!important;
}

[id*='spu-5'], [id*='spu-6'], [id*='spu-7'] {
  background-color: transparent!important;
}

div.spu-content {
  margin-top: .5em;
}
div.spu-content p {
  margin: 0;
  margin-bottom: .5em!important;
}

.spu-content > *:first-child {
  margin-bottom: .875em;
  font-size: 1.1875em;
}
.spu-box a, .spu-box a:active, .spu-box a:visited {
  display: inline-block;
  margin-top: .75em;
  padding: .625em 1em;
  text-transform: uppercase;
  color: #24b1e7;
  background-color: #ffffff;
  box-shadow: 7px 8px 0 0 rgba(0,0,0,.75);
  -webkit-transition: all .15s;
  transition: all .15s;
}

.spu-box a:hover,
.spu-box a.campaign-button-link:hover {
  color: #000000;
  border-color: #000000;
  text-decoration: none;
  box-shadow: 3px 4px 0 0 rgba(0,0,0,.75);
}

.spu-box a.campaign-button-link {
    margin: .5625em 0;
    padding: .625em .75em .5em;
    font-family: 'oswaldregular', sans-serif;
    font-size: 1.5em;
    line-height: 1;
    text-transform: uppercase;
    color: white;
    background-color: #ff805d;
}
.spu-box a.campaign-button-link span,
.spu-box a.popup-button-link span {
    display: inherit;
    -webkit-transform: skewX(-5.5deg);
    transform: skewX(-5.5deg);
}


/* NOTIFICATION BAR STYLES
*******************************************************************************/

.notification-bar-wrap {
  background: url('img/artblog-bg-pattern-arrow-blue.png')repeat #24b1e7;
  color: #ffffff;
}

.notification-bar {
  padding: .375em 0;
  font-size: 1.125em;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  overflow: hidden;  
}

.notification-bar a, .notification-bar a:visited, .notification-bar a:active {
  display: block;
  margin-top: .1875em;
  color: #ffffff;
  vertical-align: middle;
}

.notification-bar span:first-child {
  float: left;
  margin-right: .5em;
  padding-left: .05em;
  font-family: 'fontello';
  font-size: 1.25em;
}


/* THANK YOU PAGE TEMP CLASSES
*******************************************************************************/

.content-wrap.thank-you p:first-child {
  font-family: 'Oswald';
  text-transform: uppercase;
  color: #24b1e7;
  font-size: 5em;
  font-size: 6vw;
  margin: 0;
  line-height: 1;
}

.content-wrap.thank-you span {
  white-space: nowrap;
}

.page-wrap.thank-you img.logo {
  width: 100%;
  max-width: 700px;
}


/* MAP BUTTON LINK
*******************************************************************************/

.map-button-link-wrap {
  position: relative;
  display: block;
  height: 126px;
  background-image: url('img/artblog_map_bg-opt-web-jpg.webp');
  background-size: cover;
  text-decoration: none;
  overflow: hidden;
}

.map-button-link-wrap:not(.no-link):hover,
.map-button-link-wrap:not(.no-link):hover div,
.map-button-link-wrap div:not(.no-link):hover {
  border: 0 none;
  text-decoration: none;
  color: #343434; 
}

.map-button-link-wrap div {
  float: left;
}

.map-button-logo-wrap {
  display: inline-block;
  width: 170px;
  height: 126px;
  background-image: url('img/artblog_map_logo-opt.svg');
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 75% 75%;
}

.map-button-text-wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: calc(100% - 170px);
  padding: 25px .625em;
  text-align: center;
  font-size: 2.25em;
  line-height: 1;
  text-transform: uppercase;    
}

.map-button-text-wrap span {
  white-space: nowrap;
}


/* SIDEBAR MAP BUTTON LINK */

.sidebar-feature-wrap.map-button-link:not(.mobile-sidebar) {
  margin-top: 2em;
  margin-bottom: calc(2em - 4.46875%);
  padding-top: .5em;
  border-top: 0px solid #24b1e7;
}
.sidebar-feature-wrap.map-button-link.mobile-sidebar {
  margin-bottom: 0;
  padding-top: 2.5em;
  border-bottom: 1px solid rgba(0,0,0,.25);
  font-size: .90625em;
}

.mobile-sidebar .home-feature.map-button-link-wrap.grid {
  margin-bottom: 2.5em;
}

.sidebar-feature-wrap .map-button-logo-wrap {
  width: 110px;
  background-position: 75% 60%;
  background-size: 85%;
}
.mobile-sidebar .map-button-logo-wrap {
  width: 170px;
  background-position: 75% 75%;
  background-size: 75%;
}

.sidebar-feature-wrap .map-button-text-wrap {
  width: calc(100% - 110px);
  font-size: 2.25em;
  font-family: oswaldregular;
}

.mobile-sidebar .map-button-text-wrap {
  width: calc(100% - 170px);
  font-size: 3.25em;
}

/* TEMP DEV STYLES
*******************************************************************************/

.home-feature .col-1-1:not(:last-child) {
  margin-bottom: 4.46875%;
}

.YT_embed {
  display: block;
  margin-left: 12%;
}


/* Author Bio Page 
*******************************************************************************/

.author-page-image {
  display: flex;
  margin: 0;
}

.author-page-image img{
  box-shadow: 1px 1px 2px black;
}

.author-page-name{
  display:flex;
  padding-left: 10px;
  margin-left: 5px;
  margin-top: 25px;
  width: 400px;
}

.author-page-display-name {
  display: block;
  color:#24b1e7;
  padding-left: 4px;
}
/* End Author Page */


/* Newsletter header sticky instead of popup */
.newsletter_banner {
  background: #24b1e7;
  /* background-image: repeating-radial-gradient(   
    circle closest-corner at 15% 5px,
    #24b1e7,
    #24b1e7 50px 10px,
    #f65c40 50px,
    #f65c40 100px
    ); */
  color: #fff;
  font-size: 20px;
  position: inherit;
  z-index: 99;
  top: 0px;
  left: 0px;
  width: 100% !important;
  padding: 5px 0 1px 0;
  text-align: center;
  text-shadow: 2px 2px 1px #000;
  margin: auto;
  scroll-margin-top: 35px;
}

/* updated update 8/15/23*/
.newsletter_banner a:hover{
  color: #ff0000;
  text-shadow: 0 0 2px #24b1e7;
}

/*version update 8/15/23 */
.newsletter-text {
  /*background-color: rgba(36 177 231 / 0.0);*/
  background-color: rgba(0 0 0 / 0.0);
  padding: 5px;
  border-radius: 5px;
  border: 0px solid #000;
  font-weight: 800;
  text-shadow: 2px 2px 4px #000;
  display: inline-flex;
  margin: 1px;
}

.newsletter-text a{
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}

/* end update 8/15/23*/
/* End Newsletter */

/* RdR News update 5/12/23 */
.h3-news {
  display: grid;
  font-weight: 500;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 8px 8px 32px rgba(0,0,0,0.10), 8px 64px 64px rgba(0,0,0,0.05);
  border-radius: 1rem;
  margin: 1px 1px 7px 3px;
  padding: 1px 3px 7px 2px;
  text-align: center;
  line-height: 2.5rem;
}
/*version 070723 */
.news-image {
  border-radius: 10px 10px 0px 0px;
}
/*version 070723 */
.news-image-box {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15), 8px 8px 8px rgba(0,0,0,0.15), 8px 32px 32px rgba(0,0,0,0.15);
  border-radius: 10px;
  margin: auto;
  text-align: center;
  max-width: max-content;
}
/*version 070723 */
.news-blockquote {
  box-shadow: 
  inset -5px -5px 9px rgba(255,255,255,0.13), 
  inset 5px 5px 9px rgba(94,104,121,0.13),
  inset 0px 5px 10px 0px rgba(0, 0, 0, 0.1),
  inset 0px -3px 20px 11px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
/* End News update */

/*RdR changes to flipbook styles */
.book-widget{
  max-width: 700px;
  margin: auto;
}

/* RdR - potentially temp until larger design solution is established */
.center-this-image {
  margin: auto;
  display: block;
}

/* TAGS links at end of single.php related 7-15-23*/
.tag-label {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}

.tag-wrap p a{
  display: contents;
  padding: 0.0em 0.25em 0.10em 0.1em;
  font-size: 1.0em;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: text-top;
  background-color: #24b1e7;
  border-radius: 5px;
}
/* END TAGS */

/* Related Posts - You might also like single.php 7-15-23*/
.related-posts-after-content {
  height: 320px;
  overflow: hidden;
}

.single .related-posts-after-content .related-thumb { 
  display:inline-block;
  width: 24.2%;
  vertical-align: top; 
  overflow: hidden;
}

.single .related-posts-after-content .related-thumb img{ 
  margin:auto;
}

.single .related-posts-after-content .related-thumb .related-thumb-title {
  padding: 0px 8px 0px 10px;
  margin: 0px;
  max-height: 150px;
  overflow: hidden;
  font: inherit;
  color: #000;
}
.related-thumb-link:hover{
  color: #24b1e7;
}

.related-posts-container {
  display: inline-block;
}
/* END RELATED POST */


/* Print-specific stylesheet */
@media print {
  /* Hide the sidebar and related elements */
.ad-sponsor-label,
.campaign .sidebar-button-link,
.content-content2-ad-wrap,
.content-side2-ad-wrap,
.content-side2-ad-wrap .side2-ad-wrap,
.content-side2-ad-wrap .sidebar-large-vert-ad-wrap,
.header-menu-wrap,
.header-sidebar-wrap,
.mobile-menu-wrap,
.mobile-page-wrap,
.mobile-sidebar,
.mobile-sidebar .sidebar-button-link,
.mobile-sidebar .sidebar-button-link:last-of-type,
.next,
.newsletter-banner,
.newsletter-text,
.page-wrap.campaign,
.previous,
.related-posts-after-content,
.related-thumb,
.related-thumb-link:hover,
.related-thumb-title,
.sidebar,
.sidebar-button-link,
.sidebar-feature-title,
.sidebar-feature-wrap,
.sidebar-feature-wrap a.comics,
.sidebar-feature-wrap.map-button-link.mobile-sidebar,
.sidebar-grid6-ad-wrap,
.sidebar-large-vert-ad-wrap,
.sidebar-menu,
.sidebar-side2-ad-wrap,
.sidebar-side2-ad-wrap div.side2-ad-single,
.sidebar-tagline,
.sidebar-tagline.campaign,
.sidebar-wrap .ad-sponsor-label,
.sidebar-wrap .large-vert-ad-wrap,
.sidebar-wrap .side2-ad-wrap .ad-sponsor-label,
.sidebar-wrap,
.single-nav-wrap,
.tag-label,
.tag-wrap,
.tags-wrap,
.temp-more-content-wrap {
    display: none !important;
  }
  .post-content-wrap{
    width: 100%;
    overflow: auto;
  }
}

/* RdR added this for spacing for related posts */
.tag-wrap {
  padding-top: 10px;
}

h3.related-posts-header {
  line-height: 1.2;
  padding: 0px 0px 5px 0px;
  margin: 1em;
  display: block;
  background-color: #fff;
  color: #343434;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 1.625em;
  text-transform: none !important;
}
/* End spacing */


/* Related post - Further reading 2-21-24 */
.center-related-posts {
  text-align: center;
}

h3.related-posts-header {
  line-height: 0px;
  padding: 0px 0px 5px 0px;
  margin: 1em;
  text-align: center;
}

/* Center the form elements */
form {
  text-align: center;
} 

/* Test 2-21-24 */
.header-span-wrap-newsletter {
  display: block;
  position: absolute;
  top: 15px;
  left: 0px;
  scale: .45;
}
.header-span-wrap-search {
  display: block;
  position: absolute;
  top: 35px;
  left: 75%;
}