/* 
Center Gold: f4b334
    Darker: e97e0b
Aquatics Blue: 1d9add
    Darker: 1d9add
Avenue Green: 8f993d
    Darker: 505c0f
Café Yellow: f8c513
    Darker: d09301
Senior Orange: ff9016
    Darker: ff5102
Veterans Gray: 54565a
    Darker: 1c1d20
Nature Green: 8dc63f
    Darker: 4c8202

Body gray: 54565a
Link off: df7a0e 
Link hover: e97e0b 

Body font: Avenir Next Conde
Script: Beautiful Bloom

*/
#preserveIntro {
  display: flex;
}
#preserveIntro div:first-of-type {
  padding-right: 30px;
  width: 70%;
  text-align: left;
}
#preserveIntro div:last-of-type {
  width: 30%;
}
#joggingPath {
  /*background: url("../_img/naturearea/jogging-path.jpg") no-repeat top center;*/
  background: url("https://www.elkgrovecity.org/UserFiles/Servers/Server_109585/Image/Departments/Public%20Works/Capital%20Improvement%20Projects/preserve/progress_gallery/2021-09-07/DJI_0607.jpg") no-repeat top center;
}
#lake {
  /*background: url("../_img/naturearea/lake.jpg") no-repeat top center;*/
  background: url("https://www.elkgrovecity.org//UserFiles/Servers/Server_109585/Image/Departments/Public%20Works/Capital%20Improvement%20Projects/preserve/progress_gallery/2021-10-07/DSC05206.jpg") no-repeat top center;
}
#playArea {
  /*background: url("../_img/naturearea/play-area.jpg") no-repeat top center;*/
  background: url("https://www.elkgrovecity.org/UserFiles/Servers/Server_109585/Image/Departments/Public%20Works/Capital%20Improvement%20Projects/preserve/progress_gallery/2021-09-07/DJI_0605.jpg") no-repeat top center;
}
#backOfBench {
  background: url("../_img/naturearea/back-of-bench.jpg") no-repeat top center;
  background-size: contain !important;
}
#benchLaughing {
  background: url("../_img/naturearea/people-laughing.jpg") no-repeat center center;
  background-size: contain !important;
}
#preservePanel {
  background: url('../_img/thepreserve/walking-path.jpg') no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}
/* fifty/fifties */
#pond {
  background: url("../_img/thepreserve/preserve-pond.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#greatLawn {
  background: url("../_img/thepreserve/great-lawn.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#playground {
  background: url("../_img/thepreserve/playground.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#playPond {
  background: url("../_img/thepreserve/playground-pond.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#sensoryPlaza {
  background: url("../_img/thepreserve/sensory.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#picnic {
  background: url("../_img/thepreserve/picnic.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#overlook {
  background: url("../_img/thepreserve/overlook.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#bridge {
  background: url("../_img/thepreserve/bridge.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#fitnessCourt {
  background: url("../_img/thepreserve/fitness-court.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#amphitheater {
  background: url("../_img/thepreserve/amphitheater.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#silo {
  background: url("../_img/thepreserve/silo.jpg") no-repeat top right;
  background-size: 50% 100% !important;
}
#trails {
  background: url("../_img/thepreserve/trails-dog.jpg") no-repeat top left;
  background-size: 50% 100% !important;
}
#kineticPanel {
  background: url("../_img/thepreserve/kinetic-art-sculpture.jpg") no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
}
h1 {
  color: #4c8202;
}
h3, legend, dl dt, p a, ul li a, ol li a {
  color: #4c8202;
}
p a, ul li a, ol li a {
  border-bottom-color: #4c8202;
}
p a:hover, ul li a:hover, ol li a:hover, #footer ul li a.selected, p a:focus, ul li a:focus, ol li a:focus {
  color: #333;
  border-bottom: 1px #333 solid;
}
#footer div ul li a.selected {
  border: none;
}
.button, input[type="submit"] {
  color: #4c8202;
  border: 1px #4c8202 solid;
}
.button:hover, input[type="submit"]:hover, .button:focus, input[type="submit"]:focus {
  color: #333;
  border-color: #333;
}
#footer div ul li.social a {
  background: #4c8202;
}
#footer div ul li.social a:hover, #footer ul li.social a:focus {
  background: #333;
}
@media only screen and (max-width: 860px) {
  #backOfBench {
    background-position: bottom center;
    background-size: cover !important;
  }
  #benchLaughing {
    background-size: cover !important;
  }
}