/* ---- isotope ---- */
.isotope {}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
.isoButton {}
/* ---- .element-item ---- */
.main-item {
  position: relative;
  width:calc(25% - 14px);
	padding:0px;
  margin:6px;
	border:1px solid #EEDB74;
	border-radius: 3px;
  color:#eee;
	opacity: .9;
	box-shadow: inset -10px -10px 30px 12px rgba(0,0,0,.5);
	cursor:pointer;
	transition: filter 0.3s ease 0s;
}
.cat-item {
	width:20%;
	height:0;
	padding:4% 0;
	color:#eee;
	box-shadow: inset -6px -6px 20px 8px rgba(0,0,0,.5);
	border:1px solid #EEDB74;
	border-radius:60%/60%;
	-webkit-border-radius:60%/60%;
	cursor:pointer;
	transition: filter 0.3s ease 0s;
}
.main-item:hover, .cat-item:hover {
	filter: brightness(75%) contrast(150%);
}
.main-item.is-checked {opacity:1;}
		
.main-item:before, .cat-item:before {
	content:'';
	display:block;
	padding-top:100%;
}
.main-item > * {margin:0 0 0 10px;}
.isotitle {
	position: absolute;
	top: 0;
	left: -10px;
	background: rgba(0,0,0,.5);
	width: calc(100% - 20px);
	padding: 6px 10px;
}
.isodesc {font-size: 14px;}
.isotitle h3 {margin: 6px 0; font-size: 20px;}
.isotitle, .cat-item a {
	text-shadow:
		2px 2px 1px #000,
		-2px -2px 1px #000,
		-2px 2px 1px #000,
		2px -2px 1px #000;
		font-weight:normal;
}

.cat-item a {
  position:absolute;
	top:0;
	width:100%;
	height:100%;
	padding-top:10%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	clear:both;
}

.main-item .desc {
  position:absolute;
  top:60px;
  font-size:14px;
	text-shadow:
		2px 2px 1px #000,
		-2px -2px 1px #000,
		-2px 2px 1px #000,
		2px -2px 1px #000;
}

/* ------Image Backgrounds-Main Menu---- */
.main-item.medi {background: url(/media/img/media-center.jpg) top center no-repeat;}
.main-item.issues {background: url(/media/img/incident.jpg) top center no-repeat;}
.main-item.enviro {background: url(/media/img/enviro.png) top center no-repeat;}
.main-item.activism {background: url(/media/img/activism.png) top center no-repeat;}
.main-item.news {background: url(/media/img/news-main.jpg) top center no-repeat;}
.main-item.about {background: url(/media/img/about-main.jpg) top center no-repeat;}

/* ------Sub Menus---- */
.cat-item.mediacenter {background:url(/media/img/mc-main.jpg) top center no-repeat;}
.cat-item.blog {background:url(/media/img/mc-blog-s.jpg) top center no-repeat;}
.cat-item.scrap {background:url(/media/img/mc-scrapbook-s.jpg) top center no-repeat;}
.cat-item.gallery {background:url(/media/img/mc-gallery-s.jpg) top center no-repeat;}
.cat-item.video {background:url(/media/img/mc-video-s.jpg) top center no-repeat;}

.cat-item.natlissues {background:url(/media/img/natlissues.jpg) top center no-repeat;}
.cat-item.hazmat {background:url(/media/img/hazmat.png) top center no-repeat;}
.cat-item.fracking {background:url(/media/img/fracking.png) top center no-repeat;}
.cat-item.covid19 {background:url(/media/img/covid-19.jpg) top center no-repeat;}
.cat-item.shooting {background:url(/media/img/terrorism.png) top center no-repeat;}

.cat-item.environment	{background:url(/media/img/environment.png) top center no-repeat;}
.cat-item.climate	{background:url(/media/img/climate-change.png) top center no-repeat;}
.cat-item.drought {background:url(/media/img/drought.jpg) top center no-repeat;}
.cat-item.wildfire {background:url(/media/img/wildfire.png) top center no-repeat;}
.cat-item.earthquake {background:url(/media/img/volcano.png) top center no-repeat;}
.cat-item.flood {background:url(/media/img/flood.jpg) top center no-repeat;}

.cat-item.activism {background:url(/media/img/activist.png) top center no-repeat;}
.cat-item.actipost {background:url(/media/img/activistpost.jpg) top center no-repeat;}
.cat-item.enviroact {background:url(/media/img/enviroresources.jpg) top center no-repeat;}
.cat-item.resources {background:url(/media/img/activist-resources.png) top center no-repeat;}

.cat-item.news {background:url(/media/img/news.jpg) top center no-repeat;}
.cat-item.thelever {background:url(/media/img/news.jpg) top center no-repeat;}
.cat-item.dailykos {background:url(/media/img/news.jpg) top center no-repeat;}
.cat-item.crooks {background:url(/media/img/news.jpg) top center no-repeat;}
.cat-item.dreams {background:url(/media/img/news.jpg) top center no-repeat;}

.cat-item.aboutme {background:url(/media/img/about-s.jpg) top center no-repeat;}
.cat-item.contactme	{background:url(/media/img/contact-s.jpg) top center no-repeat;}

/* ----Return Button---- */
.button {
	display:block;
	margin: 0 10px;
  padding:0.6em 1.0em;
  background:#dec899;
  border:none;
  border-radius:3px 3px 0 0;
  background-image:linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.6) );
  color:#222;
  font-family:sans-serif;
  font-size:20px;
  cursor:pointer;
	text-align:center;
}
.button:hover, .button.is-checked:hover {
  background-color:#ddd;
	color: #222;
}
.button:active,
.button.is-checked {
  background-color: #ddd;
  color:#222;
}

/* Media queries */
@media all and (max-width:768px) {
	.cat-item {width:196px;	padding:36px 0;}
}
@media all and (min-width:601px) and (max-width:768px) {
	.main-item {width:calc(33.333% - 14px);}
}
@media all and (min-width:481px) and (max-width:600px) {
	.main-item {width:calc(50% - 14px);}
}
@media all and (max-width:480px) {
	.isomain { text-align: center;}
	.main-item {width:300px; left:0; right:0; margin:12px auto;}
	.iso-caption p {display:none;}
	.cat-item {right:0; left:0; margin: 2px auto;}
}