/*
Single Post Specific Styling.	
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --outside-block: 5.2vw;
  --inside-block: 10.4vw;
  --max-width: 1680px;
}

@media screen and (min-width: 1601px) {
  :root {
    --outside-block: 100px;
    --inside-block: 200px;
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --outside-block: 4vw;
    --inside-block: 8vw;
  }
}
@media screen and (max-width: 1150px) {
  :root {
    --outside-block: 3.5vw;
    --inside-block: 7vw;
  }
}
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
#array-share ul {
  display: flex;
  padding: 10px 0px;
  margin-left: -8px;
}
#array-share ul li a {
  padding: 8px;
}
#array-share ul li a path, #array-share ul li a rect, #array-share ul li a circle {
  -webkit-transition: fill 0.2s ease-out;
  -moz-transition: fill 0.2s ease-out;
  -ms-transition: fill 0.2s ease-out;
  -o-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
}
#array-share ul li a:hover path, #array-share ul li a:hover rect, #array-share ul li a:hover circle {
  fill: red;
}

/*# sourceMappingURL=single.css.map */