/* BRAY by Pimsle */
/* VARs */
:root {
  --margin: 0.625rem;
  --padding: 0.625rem;
  /* min-max screen size */
  --minScreen: 576px;
  --maxScreen: 1200px;
  --minFont: 0.875rem;
  --maxFont: 1rem;
  --logoHeight: 2rem;
  --scrollLogoHeight: 1.5rem;
  /* COLORS */
  /* variables */
  --black: rgb( 10 10 20 / 100% );
  --falseBlack: rgb( 60 60 65 / 100% );
  --grey: rgb( 205 205 205 / 100% );
  --lightGrey: rgb( 240 240 240 / 100% );
  --falseWhite: rgb( 247 247 247 / 100% );
  --white: rgb( 255 255 255 / 100% );
  --transp: rgb( 0 0 0 / 0% );
  --mainColor: rgba(240, 20, 85, 1);
  --mainDarkColor: rgba(205, 35, 80, 1);
  --mainDarkerColor: rgba(170, 30, 70, 1);
  --mainColorHalf: rgba(240, 20, 85, 0.5);
  --mainColorTransp: rgba(240, 20, 85, 0.5);
  --secondColor: rgba(95, 0, 130, 1);
  --secondDarkColor: rgba(80, 0, 100, 1);
  --thirdColor: rgba(0, 175, 205, 1);
  --thirdDarkColor: rgb(0, 145, 180);
  --fourthColor: rgba(90, 200, 120, 1);
  --fourthDarkColor: rgba(90, 180, 110, 1);
  --acidGreen: rgba(145, 220, 15, 1);
  --underColor: rgba(240, 20, 85, 0.2);
  --linkColor: rgb(0 205 139 / 100%);
  --starsColor: rgba(255, 255, 255, 0.5);
  --gingerBread: rgb(159 85 41 / 100%);
  --danger: rgb( 255 111 97 / 100% );
  --warning: rgb( 239 192 80 / 100% );
  --success: rgb( 69 184 172 / 100% );
  /* TYPO */
  /* variables */
  --font: "Roboto", sans-serif;
  --fontMono: "Roboto Mono", monospace;
  --fontSerif: "Roboto Slab", serif;
  --baseline: 1rem;
  --h1: 2rem;
  --h2: 1.5rem;
  --h3: 1.25rem;
  --h4: 1rem;
  --h5: 0.875rem;
  --h6: 0.75rem;
  --p: 0.75rem;
  --mainColor: rgb(209 255 82 / 100);
  --secondColor: rgb(90 200 120 / 100);
  --thirdColor: rgb(0 200 200 / 100);
  --fourthColor: rgb(20 150 220 / 100);
  --fifthColor: rgb(209 255 82 / 100);
  --grey: rgb( 169 173 177 / 100 );
}

/* BREAKPOINTS */
.gradOne {
  background: var(--thirdColor);
  background: linear-gradient(135deg, var(--secondColor) 0%, var(--thirdColor) 100%);
}

.gradTwo {
  background: var(--fourthColor);
  background: linear-gradient(135deg, var(--secondColor) 0%, var(--fourthColor) 100%);
}

.gradThree {
  background: var(--thirdColor);
  background: linear-gradient(135deg, var(--mainColor) 0%, var(--thirdColor) 100%);
}

.gradFour {
  background: var(--fourthColor);
  background: linear-gradient(135deg, var(--mainColor) 0%, var(--fourthColor) 100%);
}

.gradFive {
  background: var(--mainColor);
  background: linear-gradient(135deg, var(--secondColor) 0%, var(--mainColor) 100%);
}

.gradSix {
  background: var(--thirdColor);
  background: linear-gradient(135deg, var(--fourthColor) 0%, var(--thirdColor) 100%);
}

/* SLIDER - INCLUDES FROM mini OLD VERSION */
body.mini.spaceForMenu .slides, body.gmini.spaceForMenu .slides {
  margin-top: calc(((var(--logoHeight)) + var(--padding) * 4) * -1);
}

body.mini .slides, body.gmini .slides {
  overflow: hidden;
}

body.mini .slides .controlBtns, body.gmini .slides .controlBtns {
  position: absolute;
  right: calc(var(--margin) * 2);
  top: 50%;
  transform: translate(0, -50%);
  z-index: 9;
}

body.mini .slides .controlBtns a.controlBtn, body.gmini .slides .controlBtns a.controlBtn {
  display: block;
  width: calc(var(--baseline) * 3);
  height: calc(var(--baseline) * 3);
  line-height: calc(var(--baseline) * 3);
  text-align: center;
  font-size: calc(var(--p) * 1.5);
  border-radius: 50%;
  color: var(--white);
  margin: calc(var(--margin) * 1) 0;
}

body.mini .slides .slide, body.gmini .slides .slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  transition: transform 0.3s ease;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

body.mini .slides .slide.active, body.gmini .slides .slide.active {
  transform: translate(0%, 0);
  z-index: 2;
}

body.mini .slides .slide.prev, body.gmini .slides .slide.prev {
  transform: translate(-100%, 0);
  z-index: 1;
}

body.mini .slides .slide.next, body.gmini .slides .slide.next {
  transform: translate(100%, 0);
  z-index: 1;
}

body.mini .slides .slide.ready, body.gmini .slides .slide.ready {
  z-index: 2;
}

body.mini .slides .slide.active, body.mini .slides .slide.ready, body.gmini .slides .slide.active, body.gmini .slides .slide.ready {
  opacity: 1;
  visibility: visible;
}

/* bray STYLING */
body.mini {
  /* BREADCRUMBS */
  /* PAGE TITLE */
  /* COLORS */
  /* BLOG - PAGE TITLE */
  /* BUTTONS */
  /* CATEGORIES */
}
body.mini main {
  min-height: calc(100vh - ((var(--logoHeight)) + var(--margin) * 2 + var(--padding) * 2)) !important;
}
body.mini .slides {
  margin: calc(((var(--logoHeight)) + var(--margin) * 2 + var(--padding) * 2) * -1) 0 0 0 !important;
}
body.mini .loader {
  background: var(--black);
}
body.mini .loader img.loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5%;
  height: auto;
}
body.mini h1, body.mini h2, body.mini h3, body.mini h4, body.mini h5, body.mini h6 {
  color: var(--black);
}
body.mini #consentBanner {
  background: var(--mainColor);
}
body.mini #consentBanner.mini {
  background: var(--mainColor);
}
body.mini #consentBanner .cookieBannerContent .consentLabel p.cookieDesc {
  color: var(--black);
}
body.mini #consentBanner .cookieBannerContent .consentLabel p.cookieDesc a {
  font-weight: 700;
  font-style: italic;
}
body.mini #consentBanner .cookieBannerContent .consentButtons button.consent.consentNo {
  border-color: var(--white);
}
body.mini.scroll header#header, body.mini.article header#header {
  background: var(--mainColor);
  padding: 0;
}
body.mini.scroll header#header .boxes.head, body.mini.article header#header .boxes.head {
  padding: calc(var(--padding) * 0.5) 0;
}
body.mini.scroll header#header .boxes.head .box.brand .logo, body.mini.article header#header .boxes.head .box.brand .logo {
  filter: brightness(0) invert(0);
  opacity: 1;
}
body.mini.scroll header#header .boxes.head .box.brand:hover .logo, body.mini.article header#header .boxes.head .box.brand:hover .logo {
  filter: brightness(0);
}
body.mini.scroll header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a, body.mini.article header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a {
  color: var(--black);
  text-shadow: 1px 1px 0 var(--mainColor), 2px 2px 0 var(--white);
}
body.mini.scroll header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a:hover, body.mini.article header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a:hover {
  color: var(--black);
}
body.mini.scroll header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a::after, body.mini.article header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.mainMenu ul.mainMenu li.item a::after {
  background: var(--black);
}
body.mini.scroll header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.socialMenu ul.socialMenu li.item a, body.mini.article header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.socialMenu ul.socialMenu li.item a {
  color: var(--black);
}
body.mini.scroll header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.socialMenu ul.socialMenu li.item a:hover, body.mini.article header#header .boxes.head .box.menus #headMenu.headMenu nav.menu.socialMenu ul.socialMenu li.item a:hover {
  color: var(--white);
}
body.mini .breadcrumbs-wrapper {
  background: var(--grey);
  padding: calc(var(--padding) * 0.25);
}
body.mini .breadcrumbs-wrapper #breadcrumbs {
  height: auto;
  line-height: var(--baseline);
  padding-inline-start: var(--baseline);
}
body.mini .breadcrumbs-wrapper #breadcrumbs span {
  font-size: 0.5rem;
  font-family: var(--fontMono);
  text-transform: uppercase;
  padding: 0;
}
body.mini .breadcrumbs-wrapper #breadcrumbs span i {
  color: var(--falseWhite);
}
body.mini .breadcrumbs-wrapper #breadcrumbs span a {
  color: var(--fifthColor);
}
body.mini h1.pageTitle {
  text-shadow: 2px 2px 0 var(--white), 4px 4px 0 var(--mainColor);
  margin: calc(var(--margin) * 2) 0 calc(var(--margin) * 4) 0;
  font-family: var(--fontSerif);
  font-style: italic;
}
body.mini footer#footer {
  background: var(--black);
  padding: calc(var(--padding) * 2) 0;
  box-shadow: none;
}
body.mini .colFiveTxt {
  color: var(--fifthColor) !important;
}
body.mini .colFiveBox {
  background: var(--fifthColor) !important;
  color: var(--fifthColor) !important;
  padding: calc(var(--padding) * 0.5) calc(var(--padding) * 0.75);
  display: inline-block;
  margin: 0 3px 8px 3px;
}
body.mini .colFiveBg {
  background: var(--fifthColor) !important;
}
body.mini .colFiveBord {
  border-color: var(--fifthColor) !important;
}
body.mini.blog h1.pageTitle {
  background: var(--white) !important;
  border: 4px solid var(--black);
  color: var(--black);
  text-shadow: 3px 3px 0 var(--white), 4px 4px 0 var(--mainColor);
  display: inline-block;
  padding: var(--padding) calc(var(--padding) * 1.5) var(--padding) var(--padding);
  box-shadow: 8px 8px 0 0 var(--black);
  margin: calc(var(--margin) * 2) 0 calc(var(--margin) * 3);
  border-radius: 0;
}
body.mini .btn {
  color: var(--black);
  font-size: 1rem;
  display: inline-block;
  font-weight: 700;
  padding: calc(var(--padding) * 0.25) calc(var(--padding) * 0.5);
  display: inline-block;
  margin: 0 calc(var(--margin) * 0.25) calc(var(--margin) * 0.25) 0;
  border: 2px solid var(--black);
  font-weight: 700;
  box-shadow: 4px 4px 0 var(--black);
  vertical-align: top;
  border-radius: 0;
}
body.mini .btn:hover {
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
  box-shadow: 0 0 0 var(--black);
  margin: 4px calc(var(--margin) * 0.25 - 4px) calc(var(--margin) * 0.25 - 4px) 4px;
}
body.mini .btn.big {
  font-size: 1.6rem;
  padding: 1.2rem 1.5rem;
  margin: 1.5rem 0;
}
body.mini .btn.colBtn {
  color: var(--black);
}
body.mini .btn.whBtn {
  box-shadow: 4px 4px 0 var(--white);
}
body.mini .btn.whBtn:hover {
  box-shadow: 0 0 0 var(--white);
}
body.mini .cats {
  width: 100%;
  display: block;
  margin: 0 0 calc(var(--margin) * 1) 0;
}
body.mini .cats a.catItem {
  display: inline-block;
  position: relative;
  margin: 0 calc(var(--margin) * 1) 0 0;
}
body.mini .cats a.catItem img.catIcon {
  width: 60px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  transition: all 0.3s ease;
}
body.mini .cats a.catItem span.catLabel {
  text-transform: uppercase;
  font-size: 0.8rem !important;
  color: var(--white);
  font-family: var(--fontSerif);
  font-style: italic;
  display: block;
  line-height: 1rem;
  margin: 0;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 5px));
  background: var(--black);
  padding: 5px 10px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
body.mini .cats a.catItem span.catLabel::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--black);
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
body.mini .cats a.catItem:hover img.catIcon {
  background: var(--falseWhite);
}
body.mini .cats a.catItem:hover span.catLabel {
  visibility: visible;
  opacity: 1;
}

/* GENERIC PAGES */
img.egoLogo {
  height: 3rem;
  margin: 0 auto;
  display: block;
  max-width: 100px;
  transition: all 0.3s ease;
  filter: grayscale(100);
  opacity: 0.6;
}
img.egoLogo:hover {
  filter: grayscale(0);
  opacity: 1;
}

/* HOME PAGE */
body.home .latest .post:nth-last-child(1) {
  border-bottom: 0;
}
body.home .latest .post p.postDate {
  background: var(--mainColor);
  color: var(--black);
  padding: 4px 8px;
  font-size: 0.8rem;
  display: inline-block;
  line-height: 1rem;
  margin: 0 0 calc(var(--margin) * 0.5) 0;
}
body.home .latest .post p.postDate .day {
  font-weight: 700;
}
body.home .latest .post p.postDate .month {
  font-style: italic;
}
body.home .latest .post p.postDate .year {
  font-weight: 300;
}
body.home .latest .post h3.postTitle {
  margin-top: 1rem;
}
body.home .latest .post h3.postTitle a {
  color: var(--black);
}
body.home .latest .post h3.postTitle a:hover {
  color: var(--mainColor);
}
body.home .latest .post .itemSummary img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 6px 6px 0 var(--black);
}
@media (min-width: 992px) {
  body.home .latest .post .itemSummary img {
    width: 50%;
  }
}
body.home .latest .post a.readMore {
  font-family: "Roboto", sans-serif;
  color: var(--black);
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  margin: 0.5rem 0 2rem 0;
  border: 2px solid var(--black);
  font-weight: 700;
  box-shadow: 4px 4px 0 var(--black);
}
body.home .latest .post a.readMore:hover {
  background: var(--black);
  color: var(--white);
  box-shadow: 0 0 0 var(--black);
  margin: calc(0.5rem + 4px) 4px calc(2rem - 4px) 4px;
}

/* BLOG PAGE */
body.blog .blogHeader.coverImage {
  margin-top: calc(var(--margin) * 3 * -1);
  position: relative;
  padding-bottom: 20%;
  min-height: 100px;
  background-position: center;
  background-size: cover;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
body.blog .blogHeader.coverImage h1.pageTitle {
  bottom: 0;
  margin: 0;
  line-height: 0.7;
  text-transform: uppercase;
  padding: 40px;
  color: white;
  font-style: italic;
  font-weight: 300;
}
body.blog #listing .item {
  border-bottom: 1px solid var(--black);
}
body.blog #listing .item:nth-last-child(1) {
  border-bottom: 0;
}
body.blog #listing .item .itemHeader {
  /*
  img {

    width: 100%;
    height: auto;
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
  }
  */
}
body.blog #listing .item .itemHeader .itemDate {
  background: var(--mainColor);
  display: inline-block;
  color: var(--black);
  padding: 4px 8px;
  font-size: 0.8rem;
}
body.blog #listing .item .itemHeader .itemDate .day {
  font-weight: 700;
}
body.blog #listing .item .itemHeader .itemDate .month {
  font-style: italic;
}
body.blog #listing .item .itemHeader .itemDate .year {
  font-weight: 300;
}
body.blog #listing .item .itemHeader .itemTitle {
  margin-top: 1.2rem;
}
body.blog #listing .item .itemHeader .itemTitle a {
  color: var(--black);
}
body.blog #listing .item .itemHeader .itemTitle a:hover {
  color: var(--mainColor);
}
body.blog #listing .item .itemHeader .tags {
  display: block;
  margin: 0 0 10px 0;
}
body.blog #listing .item .itemHeader .tags a.itemTag {
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: calc(var(--padding) * 0.25) calc(var(--padding) * 0.5) calc(var(--padding) * 0.5) calc(var(--padding) * 0.5);
  background: var(--black);
  color: var(--white);
  font-family: var(--fontSerif);
  font-style: italic;
  display: inline-block;
  line-height: 1rem;
  margin: 0 5px 5px 0;
}
body.blog #listing .item .itemHeader .tags a.itemTag:hover {
  color: var(--mainColor);
}
body.blog #listing .item .itemHeader .heroImg {
  margin: 0 0 var(--margin) 0;
}
body.blog #listing .item .itemHeader .heroImg img {
  width: 100%;
  height: auto;
}
body.blog #listing .item .itemBody .itemSummary img {
  width: 100%;
  height: auto;
  box-shadow: 6px 6px 0 var(--black);
}
body.blog #listing .item .itemBody .itemContent img {
  width: 100%;
  height: auto;
  padding: calc(var(--padding) * 1);
  background: var(--falseWhite);
}
body.blog #listing .item .itemBody a.readMore {
  font-family: "Roboto", sans-serif;
  color: var(--black);
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  margin: 0.5rem 0 2rem 0;
  border: 2px solid var(--black);
  font-weight: 700;
  box-shadow: 4px 4px 0 var(--black);
}
body.blog #listing .item .itemBody a.readMore:hover {
  background: var(--black);
  color: var(--white);
  box-shadow: 0 0 0 var(--black);
  margin: calc(0.5rem + 4px) 4px calc(2rem - 4px) 4px;
}
body.blog aside#sidebar .sideBox.cats .cat {
  transition: all 0.3s ease;
  min-width: 25% !important;
  width: 25% !important;
  max-width: 25% !important;
}
body.blog aside#sidebar .sideBox.cats .cat:hover {
  background: var(--falseWhite);
}
body.blog aside#sidebar .sideBox.cats .cat.active {
  background: var(--mainColor);
}
body.blog aside#sidebar .sideBox.cats .cat a {
  display: block;
  line-height: 0;
}

/* POST (ARTICLE) PAGE */
body.article #post .hero .heroImg img {
  width: 100%;
}
body.article #post .item {
  width: 100%;
  margin: 0 0 2rem 0;
}
body.article #post .item .itemHeader .itemDate {
  display: inline-block;
  background: var(--mainColor);
  color: var(--black);
  padding: 4px 8px;
  font-size: 0.8rem;
}
body.article #post .item .itemHeader .itemDate .day {
  font-weight: 700;
}
body.article #post .item .itemHeader .itemDate .month {
  font-style: italic;
}
body.article #post .item .itemHeader .itemDate .year {
  font-weight: 300;
}
body.article #post .item .itemHeader .itemTitle {
  margin-top: 1.2rem;
}
body.article #post .item .itemHeader .itemTitle a {
  color: var(--black);
}
body.article #post .item .itemHeader .itemTitle a:hover {
  color: var(--mainColor);
}
body.article #post .item .itemHeader .tags {
  display: block;
  margin: 0 0 10px 0;
}
body.article #post .item .itemHeader .tags a.itemTag {
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: calc(var(--padding) * 0.25) calc(var(--padding) * 0.5) calc(var(--padding) * 0.5) calc(var(--padding) * 0.5);
  background: var(--black);
  color: var(--white);
  font-family: var(--fontSerif);
  font-style: italic;
  display: inline-block;
  line-height: 1rem;
  margin: 0 5px 5px 0;
}
body.article #post .item .itemHeader .tags a.itemTag:hover {
  color: var(--mainColor);
}
body.article #post .item .itemHeader img {
  /*
  width: 100%;
  height: auto;
  -webkit-border-radius: 30px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 30px;
  -moz-border-radius-topleft: 0;
  border-radius: 30px;
  border-top-left-radius: 0;
  margin-bottom: var(--margin);
  */
}
body.article #post .item .heroImg {
  margin: 0 0 var(--margin) 0;
}
body.article #post .item .heroImg img {
  width: 100%;
  height: auto;
}
body.article #post .item .itemBody .itemSummary img {
  width: 100%;
  height: auto;
  box-shadow: 6px 6px 0 var(--black);
}
body.article #post .item .itemBody .itemContent img {
  width: 100%;
  height: auto;
  padding: calc(var(--padding) * 1);
  background: var(--falseWhite);
}
body.article #post .item .itemBody a.nextBtn, body.article #post .item .itemBody a.prevBtn {
  margin: 0 calc(var(--margin) * 0.25) calc(var(--margin) * 0.25) 0;
}
body.article #post .item .itemBody a.nextBtn:hover, body.article #post .item .itemBody a.prevBtn:hover {
  margin: 4px calc(var(--margin) * 0.25 - 4px) calc(var(--margin) * 0.25 - 4px) 4px;
}
body.article aside#sidebar .sideBox.cats .cat {
  transition: all 0.3s ease;
  min-width: 25% !important;
  width: 25% !important;
  max-width: 25% !important;
}
body.article aside#sidebar .sideBox.cats .cat:hover {
  background: var(--falseWhite);
}
body.article aside#sidebar .sideBox.cats .cat.active {
  background: var(--mainColor);
}
body.article aside#sidebar .sideBox.cats .cat a {
  display: block;
  line-height: 0;
}
@media (min-width: 768px) {
  body.article aside#sidebar .sideBox.cats .cat {
    min-width: 16.666666% !important;
    width: 16.666666% !important;
    max-width: 16.666666% !important;
  }
}
@media (min-width: 992px) {
  body.article aside#sidebar .sideBox.cats .cat {
    min-width: 8.333333% !important;
    width: 8.333333% !important;
    max-width: 8.333333% !important;
  }
}

/* ASIDE */
aside#sidebar .blogPageContent p {
  margin-top: 0;
}
aside#sidebar .sideBox {
  margin-bottom: calc(var(--margin) * 2);
}
aside#sidebar .sideBox h4 {
  font-size: var(--h5);
  font-weight: 300;
  margin: 2rem 0 1rem 0;
}
aside#sidebar .sideBox .search-wrapper input.search-input {
  background: var(--mainColor);
  display: block;
  width: 100%;
  padding: var(--padding);
  border-radius: 3px;
  border: 0;
  font-family: var(--fontMono);
}
aside#sidebar .sideBox .search-wrapper input.search-input::-moz-placeholder {
  color: var(--black);
}
aside#sidebar .sideBox .search-wrapper input.search-input::placeholder {
  color: var(--black);
}
aside#sidebar .sideBox .search-wrapper input.search-input::-webkit-input-placeholder {
  color: var(--black);
}
aside#sidebar .sideBox .search-wrapper input.search-input:-ms-input-placeholder {
  color: var(--black);
}
aside#sidebar .sideBox ul.archives {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside#sidebar .sideBox ul.archives li {
  font-size: 0.9rem;
  font-family: var(--fontSerif);
  font-style: italic;
  line-height: 1.2;
}
aside#sidebar .sideBox ul.archives li a {
  color: var(--black);
}
aside#sidebar .sideBox ul.archives li a:hover {
  color: var(--mainColor);
}
aside#sidebar .sideBox ul.archives li a span.label {
  display: none;
}
aside#sidebar .sideBox ul.related-pages {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
aside#sidebar .sideBox ul.related-pages span.score {
  display: none;
}
aside#sidebar .sideBox ul.related-pages li {
  font-size: 1.2rem;
  font-weight: 700;
}
aside#sidebar .sideBox ul.related-pages li a {
  color: var(--white);
}
aside#sidebar .sideBox ul.related-pages li a:hover {
  color: var(--mainColor);
}
aside#sidebar .sideBox.cats .cat {
  transition: all 0.3s ease;
}
aside#sidebar .sideBox.cats .cat:hover {
  background: var(--falseWhite);
}
aside#sidebar .sideBox.cats .cat.active {
  background: var(--mainColor);
}
aside#sidebar .sideBox.cats .cat a {
  display: block;
  line-height: 0;
}
aside#sidebar .sideBox.tags a.tag {
  padding: calc(var(--padding) * 0.25) calc(var(--padding) * 0.5);
  background: var(--black);
  color: var(--white);
  font-family: var(--fontSerif);
  font-style: italic;
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 0 0 4px 0;
}
aside#sidebar .sideBox.tags a.tag:hover {
  color: var(--mainColor);
}
aside#sidebar .sideBox.tags a.tag.active {
  background: var(--mainColor);
  color: var(--black);
}
aside#sidebar .sideBox.syndicate a.button {
  margin: 0 10px 5px 0;
  font-weight: 300;
  font-size: 0.8rem;
}
aside#sidebar .sideBox.syndicate a.button i {
  color: var(--white);
}
aside#sidebar .sideBox.syndicate a.button:hover {
  color: var(--mainColor);
}

@media (min-width: 992px) {
  /* BLOG - PAGE TITLE */
  body.blog h1.pageTitle {
    margin: 0 0 calc(var(--margin) * 3) calc(var(--margin) * 2 * -1);
  }
}/*# sourceMappingURL=bray.css.map */