/*
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

*/




html {}

html, body {
  height: 100%;
}

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


@font-face {
    font-family: 'oswaldregular';
    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-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;
}
/* 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 {
  xcolor: #24b1e7;
  background: url(img/artblog-bg-our-pics-9x9.gif)repeat scroll 0 0 #ffffff; 
}

div {
  position: relative;
}

p {
  margin: 1.5em 0;
  xmargin: 2em 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;
}

xblockquote {
  margin: 2em 10% 2.5em 2em;
  font-size: .925em;
  line-height: 1.5;
}

hr {
  height: 1px;
  margin: 2.75em 0;
  border: 0;
  background: rgba(0,0,0,.25);
}
hr.post-preface-break {
  margin: 0;
  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;
  xmargin: 1.625em 0 1em;
  xmargin: 1.75em 0 1em;
  font-size: 1.625em;
  xfont-size: 1.5em;
  xfont-size: 1.25em;
  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;
  xmargin-left: 1.5em;
}

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

.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;
}

.feature-label a, .category-link a, .sidebar-feature-wrap .feature-label.not-link {
  display: inline-block;
  padding: .2875em .425em .325em;
  xpadding: 0 .425em;
  font-family: 'Oswald', sans-serif;
  font-size: .95em;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #24b1e7;
  vertical-align: middle;
}

.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;
}

.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;
}

.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 {
  xpadding-top: .125em;
}

.archive-title.secondary,
.archive-title.third {
  xpadding-top: .1875em;
  font-size: 2.1875em;
  xfont-size: 1.25em;
}
.search .archive-title.secondary {
  xpadding-top: .375em;
  xfont-size: 1.05em;
}

.archive-title.secondary span,
.page-title.secondary span,
.archive-title.third span,
.page-title.third span {
  xmargin: 0 .03125em;
  xmargin: 0 .1875em;
  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;
}






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

#mobile-menu-wrap {
  position: absolute;
  xtop: -11.125em;
  xtop: -12em;
  top: -14em;
  left: 0;
  right: 0;
  width: 100%;
  height: 14em;
  padding: 1.5em 4%;
  color: #ffffff;
  background-color: #24b1e7;
}

#mobile-menu-wrap, #mobile-page-wrap {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  overflow: hidden;
}

#mobile-menu-wrap.active, #mobile-page-wrap.active {
  -webkit-transform: translate(0px, 14em);
  -ms-transform: translate(0px, 14em);
  transform: translate(0px, 14em);  
}

.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, .header-wrap, .notification-bar {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.page-wrap {
  border-bottom: 1px solid rgba(0,0,0,.25);
}

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

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

.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
*******************************************************************************/

.header-wrap {
  display: table;
  height: 130px;
  margin-top: 3em;
  background: #ffffff; 
}

.header-logo-wrap {
  float: left;
  width: 30%;
  max-width: 13.875em;
  margin-top: .5em;
}

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

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

.header-content-wrap {
  height: 130px;
  padding-right: 6.5%;
  clear: both;
}

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

.header-content-wrap .header-menu-wrap {
  margin-top: 5.25%;
  margin-left: 34%;  
}

.menu-toggle-wrap {
  display: none;
}

.menu-toggle-wrap img {
  display: block;
  cursor: pointer;
}


ul.menu {
  text-align: right;
  text-transform: uppercase;
  list-style: none;
  xcolor: #14abe4;
}

ul.menu li {
  display: inline;
}


/* HEADER MAIN MENU */

.main-menu.menu {
  margin-left: 7.5%;
  font-size: 1.375em;
}

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

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

.menu a {
  color: #24b1e7;
  xcolor: #14abe4;
}

.menu a:hover, .menu a.active, .menu li.current-menu-item a {
  color: #000000;
  text-decoration: none;
}


/* HEADER SIDEBAR MENU */

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

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


/* MOBILE MENU */

#mobile-menu-wrap a {
  display: block;
  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 {
  float: left;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.375em;
  line-height: 1.5; 
  text-transform: uppercase;
}

.mobile-menu-1 {
  width: 35%;
  margin-right: 10%;  
}

.mobile-menu-2 {
  width: 35%;
  font-size: 1em;
  line-height: 2.25;
}

.mobile-menu-1 li, .mobile-menu-2 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 {
  border: 0 none;
}








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

.sidebar-tagline {
  margin: 0 0 2.6em 0;
  padding: 0 0 2em 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;
  xmargin-bottom: 34px;
  xpadding-bottom: 34px;
  xborder-bottom: 2px solid #24b1e7;
  overflow: hidden;
}

.sidebar-wrap .border {
  xpadding-bottom: 34px;
  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: 0;
  border-color: #ffffff;
}

.sidebar-button-link {
  width: 98.25%;
  margin: .375em 0;
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
}

.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;  
}

.sidebar-button-link a {
  display: block;
  padding: .75em;
  color: #ffffff;
  box-shadow: 5px 6px 0 0 rgba(0,0,0,.25);
  -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: 2.5em auto;
  xmargin: 34px auto;
  padding-top: 2.5em;
  xpadding-top: 34px;
  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+ */
  xbackground: none;
  xfilter: none;
  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;
  xmax-height: 460px;
  xmargin-top: .33em;
  margin-top: .75em;
  xoverflow: hidden;
}


.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;
}










/* 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;
}

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

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

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

.footer ul {
  list-style: none;
}

.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%;
  xmargin-top: .375em;
  margin-left: 5%;
  font-family: 'fontello';
  xfont-size: 2em;
  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 SEARCH */

.footer-search-wrap {
  float: right;
  width: 95%;
  height: 38px;
  xbackground: url(img/temp-header-search-300x38.gif)no-repeat right center #e7e5e6;
}

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

.search-wrap{
  xoverflow: hidden;
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}
.search-wrap input#s{
  width: 100%;
  height: 38px;
  background-color: #ececec;
  xbackground-color: #e7e5e6;
  border: none;
  font-size: .85em;
  xtext-transform: uppercase;
  float: left;
  color: #343434;
  padding-left: 15px;
  border-radius: 2px;
}
.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;
  xbackground-color: #e7e5e6;
  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: 4.46875%;
}

.home-feature.grid:last-of-type {
  xmargin-bottom: 0;
}

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

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

.home-feature .col-1-1 {
  height: 550px;
  /* padding-bottom: 63.75%; */
}

.home-feature .col-1-2 {
  width: 47.765625%;
  height: 392px;
}

.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-right: 4.46875%;
}

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

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

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

.comic .feature-overlay {
  background-color: #000000;
  xbackground-color: rgba(0,0,0,.875);
  xbackground-color: rgba(0,0,0,.725);  
}

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

.col-1-1 .rollover.feature-overlay, .col-1-1 .feature-overlay:hover {
  padding-bottom: 1.625em;
  xpadding-bottom: 1em;
}


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

.post-title {
  display: block;
  padding-bottom: .3725em;
  xpadding-bottom: .1125em;
  xpadding-bottom: .1875em;
  xpadding-bottom: .375em;
  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-byline {
  font-size: .7125em;
  padding-bottom: .5em;
  display: block;
}
.single .post-byline {
  font-size: .75em;
}
.archive .post-byline {
  padding-bottom: .625em;
}
.post-byline span {
  margin-right: .4em;
}



.list-links {
  padding: 3em 1.5em 1.5em;
}

.list-links .category-link {
  top: 1.25em;
  left: 1.5em;
  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: 65px;
  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;
}

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





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

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

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

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

.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;
  -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;
}





/* 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;
}

.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%; // This is the aspect ratio
  overflow: hidden;
}

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





/* 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 {
  xpadding: 0 0 2.5em 0;
  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%;
  xmargin: 2.125em 0 0;
  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 {
  xdisplay: table-cell;
  display: inline-block;
  float: left;
}

.archive .post-thumb,
.search .post-thumb {
  width: 45%;
  xmax-width: 240px;
  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;
  xmargin-top: 1.25em;
  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 {
  xpadding-top: .25em;
  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;
}
.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;
}










/* 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);
}

.content-wrap figure,
[id*='attachment_'] {
  margin: 2.875em 0;
  xmargin: 2.25em 0;
}

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


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

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

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

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: .625em 0 1.75em .125em;
  xmargin: .75em 0 1.75em .5em;
  xfont-size: .875em;
  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;
  xline-height: inherit!important;
  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
*******************************************************************************/

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


/* 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 {
  xheight: 320px;
  margin-top: 2.75em;
  margin-bottom: 2.75em;
  padding: 2.5em 0;
  xpadding: 34px 0;
  border-top: 1px solid rgba(0,0,0,.25);
  border-bottom: 1px solid rgba(0,0,0,.25);
  border-width: 1px;
  border-style: solid;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-color: rgba(0,0,0,.25);
  border-left-color: transparent;
  border-right-color: transparent;  
}

.sidebar-wrap .large-vert-ad-wrap {
  xheight: 634px;
  min-height: 640px;
  padding-bottom: 2.5em;
}
.sidebar-large-vert-ad-wrap {
  xheight: 636px;
  margin-bottom: 2.5em;
  border-bottom: 1px solid rgba(0,0,0,.25);
  xborder-bottom: 2px solid #24b1e7;
  text-align: center;
}
.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: 2.5em;  
  text-align: center;
}




/* SIDE 2 */

[class*='-side2-ad-wrap'] {
  xmargin: 34px auto;
  xtext-align: center;
  xfont-size: 0;
}

[class*='-side2-ad-wrap'],
[class*='-content2-ad-wrap'] {
  xheight: 200px;
  xbackground-color: red;
  display: block;
  xmargin: 34px auto;
  text-align: center;
  xfont-size: 0;
}

.sidebar-side2-ad-wrap {
  margin-bottom: 2.5em;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-top: 1px solid #24b1e7;
  border-bottom: 1px solid rgba(0,0,0,.25);  
  xborder-bottom: 2px solid #24b1e7;
}

.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;
  xmargin: 34px 2.5% 0;
}

.content-side2-ad-wrap {
  padding: 1.75em 0;
  xpadding-top: 0!important;
  xpadding-bottom: 0;
}
.single .content-side2-ad-wrap {
  xmargin-top: 22px!important;
}

.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 {
  xpadding-bottom: 2.5em;
}

.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%;
  xmargin: 40px 17px;
}

.content-side2-ad-wrap div.side2-ad-single:nth-child(2),
.content-content2-ad-wrap div.content2-ad-single:nth-child(2) {
 xmargin-top: -4px;
}






/* SPONSOR LABEL */

.ad-sponsor-label {
  position: absolute;
  top: .125em;
  left: .25em;
  font-size: 10px;
  color: #888888;
  text-transform: capitalize;
}
.sidebar-wrap .ad-sponsor-label {
  top: initial;
  left: initial;
  bottom: .25em;
  xbottom: .3125em;
  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,
x.content-grid6-ad-wrap,
.content-side2-ad-wrap,
.content-content2-ad-wrap {
  margin: 2.75em auto;
  xmargin: 6.5% auto;  
  xpadding: 34px 0;
  border-top: 1px solid rgba(0,0,0,.25);
  border-bottom: 1px solid rgba(0,0,0,.25);
  border-width: 1px;
  border-style: solid;
  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;
  xpadding-bottom: .5em;
}



.content-grid4-ad-wrap,
.content-content2-ad-wrap {
  margin-bottom: 2.75em;
  padding: 1.75em 0;
  xpadding: 16px 0;
}
.single .content-grid4-ad-wrap {
  xmargin-top: 22px;
}
.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;
  xmargin: 2.5% 2.5% 2.5% 2.5%;
}




/* GRID 6 */

x.sidebar-grid6-ad-wrap,
x.sidebar-side2-ad-wrap {
  margin-bottom: 34px;
  padding-bottom: 34px;
  xborder-bottom: 2px solid #24b1e7;
}
.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;
  xfont-size: 0;
  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;
  xmargin-bottom: 2em;
}
body.home .content-wrap, body.error404 .content-wrap {
  margin-bottom: 2.75em;
  xmargin-bottom: 2.5em;
}

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

.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;
  /*margin-top: 1em;*/
  /*padding: .375em .625em .5em;*/
  padding: .625em 1em;
  /*font-size: .9375em;*/
  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;
    /*font-style: italic;*/
    text-transform: uppercase;
    color: white;
    background-color: #ff805d;
    /*background-color: #ff0068;*/
    /*border: 4px solid #ffda00;*/
    /*border: 4px solid #fff;*/
}
.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;
  xbackground-color: #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.svg');
  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: 0 .625em;
  text-align: center;
  font-size: 3.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: 2em;
  border-top: 1px 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;
}
.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%;
}