/*** CUSTOM STYLES FOR EVTSAZ ***/

/** General Overrides */

/** Hide Helix Featured Article Badge */
.featured-article-badge { display: none; visibility: hidden }

h2, h3 { 
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: solid 1px #ccc;
}

/** Category Lists Layout module */
/* Add bullet */
.mod-articlescategory.category-module.mod-list {
	list-style: inside;
}

/** SITE TITLE */
.sp-module.evtsaz-site-title {
  margin-top: -80px;
  padding-left: 120px;
  font-size: 26px;
  color: #f68e13;
}
@media (max-width: 1198px) {
  .sp-module.evtsaz-site-title {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .sp-module.evtsaz-site-title {
    margin-top: -40px;
    padding-left: 80px;
    font-size: 18px;
  }
}
@media (max-width: 638px) {
  .sp-module.evtsaz-site-title {
    padding-left: 40px;
    font-size: 16px;
  }
}

/** Menus */
/* Mega Menu */
/* drop-down vertical position */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main { top: 75%; }

/** CATEGORIES & ARTICLES */

/* Article Meta Info and Read More */
.article-info a, .readmore a {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: .3rem;
}
.article-info a:hover, .readmore a:hover { text-decoration: none; }

/* Hide category name at title (show only on individual articles) */
body.view-category .article-info .category-name { 
display: none; visibility: hidden;
}

/* Blog Layout */
.article-list .article { border: none; }

/** STAFF BIO CATEGORY */
/* Bio images */
.evtsaz-staff-bios .article-body img,
.article-details.evtsaz-staff-bios img {
  border: solid 1px #efefef;
  border-radius: 6px;
  float: left; 
  margin: 5px 8px 5px;
}

/** ARTICLES */
/* images in articles */
.article-body img, 
.article-details img { margin: 5px; }

/** BLOCKQUOTES */
blockquote {
  font-style: italic;
  padding-left: 1.5rem; 
  padding-right: 1.5rem;
}
/* With inline class 'featured' */
blockquote.featured { 
  font-size: 1.15em;
  font-weight: bold;
  margin: 1em 3em;
  padding: 1.25em .5em 1em 1em;
  border: solid 2px #f68e13;
  border-radius: 9px;
}
@media (max-width: 766px) {
  blockquote { 
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}