/* President's Desk styles */
*,
*::after,
*::before {
  box-sizing: border-box;
}

#test {
  border-radius: 5px;
  border-color: darkkhaki;
  border-width: 10px;
}

#middle-flexbox {
  display: flex;
  justify-content: space-around;
  background-color: aqua;
}
.item {
  text-align: center;
  /* padding: 2rem 1rem;
  margin: 0.375rem;
  width: auto; */
}

.item-1 {
  flex-grow: 1;
  /* border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px; */
  /* background-image: url(../images/slideshow/brooklyn-navy-yard_orig.jpg);
  background-size:100%;
  background-position:center; */
}
.item-2 {
  flex: 2;
}
.item-3 {
  flex: 1;
  }

  .item-3 h3{
   padding: 20px;
  }
  .item-3 .disclaimer{
   font-family: 'Lucida Calligraphy New', sans-serif; 
   font-weight:bold; 
   padding:10px;                                           
  }
  .item-3 .last-line{
   background-color:dodgerblue;
   font-size: 24px;
   color: yellow;
  }
/*
* 	BIG Jelly Button
*		Original source from Mathias Adam:
*				- https://dribbble.com/shots/6209185-BIG-Jelly-Button
* 
*/
.presltr {
  width: 200px;
  height: 30px;
  /* margin: 1rem; */
  border: 1px solid #999;
  font-size: 18px;
  color: gold;
  background-color: dodgerblue;
  border-radius: 5px;
  box-shadow: 4px 4px #ccc;
}

button {
  cursor: pointer;
  position: relative;
  width: 20rem;
  margin: 2rem;
  padding: 2.5rem 7.5rem;
  border-radius: 3.75rem;
  line-height: 2.5rem;
  font-size: 2rem;
  font-weight: 600;
  border: 3px solid #012880;
  background-image: linear-gradient(-180deg, aqua 0%, dodgerblue 100%);
  box-shadow: 0 1rem 1.25rem 0 rgba(22, 75, 195, 0.5),
    0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset,
    0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset,
    0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset;
}

button span {
  color: transparent;
  background-image: linear-gradient(0deg, #ee82da 0%, #fefafd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}

button::before {
  content: "";
  display: block;
  height: 0.25rem;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 7.5rem);
  background: #fff;
  border-radius: 100%;

  opacity: 0.7;
  background-image: linear-gradient(
    -270deg,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 20%,
    #ffffff 80%,
    rgba(255, 255, 255, 0) 100%
  );
}

button::after {
  content: "";
  display: block;
  height: 0.25rem;
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 7.5rem);
  background: #fff;
  border-radius: 100%;
  filter: blur(1px);
  opacity: 0.05;
  background-image: linear-gradient(
    -270deg,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 20%,
    #ffffff 80%,
    rgba(255, 255, 255, 0) 100%
  );
}