/* Enter Your Custom CSS Here */
table, tbody, td, tr { border-collapse: collapse; }

@media only screen and (max-width: 640px) {
	table, tbody, td, tr { display: block;
width: 100%;
		padding: 1px;
		clear: both;}
	 tr { border: 0px solid #ffffff;}
}

/* Remove the Tagline on Mobile */
@media (max-width: 600px) {
  .site-title-text {
    display: none;
    }
}

/*Grayscale transitions for People page*/
.page-id-20 img {
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  -webkit-transition: 2s ease-in-out; /* For Webkit browsers */
  -moz-filter: grayscale(100%); /* For Firefox */
  -moz-transition: 2s ease-in-out; /* For FireFox */
  -o-filter: grayscale(100%);
  -o-transition: 2s ease-in-out;
} 
 
.page-id-20 img:hover {
		-webkit-filter: grayscale(0%); /* For Webkit browsers */
  -webkit-transition: .5s ease-in-out; /* For Webkit browsers */
  -moz-filter: grayscale(0%); /* For Firefox */
  -moz-transition: .5s ease-in-out; /* For Firefox */
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}


/*Create circular shaped images*/
.circle-image img{
		display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

/*View Profile buttons*/
.img__link {
		background: none;
  position: absolute;
		transform: translate(15%,-175%);
  visibility: hidden;
		text-align: center;
  opacity: 0;

  /* transition effect.not necessary */
  transition: opacity .2s, visibility .2s;
}
.img__link a:link, a:visited {
    background: rgba(0, 0, 0, 0.2);  
	border-radius:5px;
  padding: 14px 25px;
  text-align: center; 
  text-decoration: none;
  display: inline-block;
}
.circle-image:hover img{
		-webkit-filter: grayscale(0%); /* For Webkit browsers */
  -webkit-transition: .5s ease-in-out; /* For Webkit browsers */
  -moz-filter: grayscale(0%); /* For Firefox */
  -moz-transition: .5s ease-in-out; /* For Firefox */
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}
.circle-image:hover 
.img__link{
  visibility: visible;
		transform: translate(15%,-175%);
		text-align: center;
  opacity: 1;		
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 45%;
}

.right {
  width: 55%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*Modal for biosketches*/
.overlay {
  position: fixed;
  top: 10%;
  bottom: 2.5%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
	z-index: 10;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #000;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
	max-height: 80%;
	overflow: auto;
}
.popup .buttonclose {
  position: absolute;
  top: 340px;
  right: 90px;
  transition: all 200ms;
  font-size: 15px;
  /*font-weight: bold;*/
  text-decoration: none;
  color: #333;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 800px){
  .popup{
    width: 70%;
		max-height: 80%;
		overflow: auto;
  }
}

.design-full-screen .custom-sidebar{
		padding-top: 5px;
		padding-bottom: 1px;
}

.fasc-size-medium {
    padding: 25px 30px;
		border-radius: 50px;
    font-size: 20px;
    line-height: 19px;
}


/* Collabsible Tables */
/* Sets width of entire accordion */
.topbaricons {
  max-width: 75%;
  margin: 0 auto;
  padding: 20px 0;
}

/* Sets width individual icon sections and floats them left */
.topicon {
  float: left;
  width: 33%;
}

/* Color of links inside the accordion */
.topicon a {
  color: #fff;
}

/* Entire style of the outer accordion */
.accordion {
    background-color: #E3F7FA;
    cursor: pointer;
    color: #000;
    font-family: Arial Rounded MT Bold;
    padding: 18px;
    border: 2px dashed #ccc;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* Keeps the accordion's color when in action */
button.accordion:hover {
    background-color: #E3F7FA;
}

/* Last but not least, sets the panel up which drops down */
.panel {
    padding: 0 18px;
    background-color: #791420;
    font-family: Arial Rounded MT Bold;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.page-id-2 figure.entry-media {
    position: relative;
		width: 300px;
		height: 200px;
		overflow: hidden;
		z-index: 1;
		display:block;
}
figure.entry-media{
		display: none;
}

/* Center Tweet Widget */
.widget-title{
		font-size: 33px;
		text-align:center}
.textwidget{text-align:center}