/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Page Pack 01
   Venezia Horizontal 2 Column
  -----------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap');
/*
PAGE LAYOUT STYLES
*/
/*
The background image is set to be fixed (while the page is scrolled) by
use of the background-attachment property.*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  background: url("../-Images/-Structure/BackgroundTopRow.jpg") top center repeat-x, url("../-Images/-Structure/Background.jpg") top center repeat;
  margin: 0;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
  background: url("../-Images/-MainSlider/SlideBackground.jpg?V1") top center no-repeat;
  background-size: 100% auto;
}
/*
This rule sets the masthead pizza graphic as a background on the DIV
that contains the embedded logo image. The embedded image appears naturally
at the left edge of the parent masthead cell, while the pizza background
is displayed at the right edge.*/
#logodiv {
  margin: 0;
  width: 100%;
}
#logodiv img {
  display: block;
  width: 100%;
  height: auto;
}
/*
This is a DIV that surrounds the page content and centers it.
Because of the way this page is structured, it serves to work around
a bug in IE5 Mac to ensure the page centers.*/
#pagewrapper {
  width: 910px;
  margin: 0 auto 66px;
  -webkit-transform-style: preserve-3d;
  background-image: linear-gradient(300deg, #FFF7E3, #FFF);
  background-color: #FFF;
}
/*The main content tables are set to a width of 43em. This unit of
measure allows the page content to scale in width if the user resizes
text. The width is the same as the width set for the pagewrapper DIV.*/
#contentTable, #footerTable {
  width: 910px;
}
#contentTable {}
/*
Sets borders and background for the top-level menu items-
and font-size for the entire menu.*/
#menubar {
  background-image: url(../images/vzh_menubarbg.jpg);
  background-repeat: repeat-x;
  background-color: #616161;
  font-size: 0.9em;
}
/*
Sets styles for the main content table cell. Note that the
verticalRule background image is the dashed border between the
main content cell and the sidebar.*/
#maincontent {
  padding: 0px 20px;
  font-size: 0.85em;
  line-height: 1.5em;
  background-repeat: repeat-y;
  background-position: right top;
  vertical-align: top;
}
#sidebar {
  padding: 90px 10px 20px;
  width: 12em;
  vertical-align: top;
  font-size: 0.75em;
  background-color: #FFFFFF;
  background: url(../images/happycow_lft.gif) center 15px no-repeat;
  border-left: dashed rgba(128, 125, 106, .5) 1px;
}
#footer {
  font-size: 0.7em;
  color: #486456;
  padding: 16px 10px;
}
h1, h2 {
  font-family: 'Luckiest Guy', "Palatino Linotype", Georgia, "Times New Roman", serif;
  line-height: normal;
  letter-spacing: 1px
}
h1 {
  font-size: 2.5em;
}
h2 {
  font-size: 2em;
}
#sidebar h2 {
  font-size: 1.35em;
  text-align: center;
  letter-spacing: 0px;
}
/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
  color: #336600;
}
a:visited {
  color: #336600;
}
a:hover, a:active, a:focus {
  color: #D14550;
}
.kbrook {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #336600;
  font-size: 110%;
  font-style: italic;
}
.afloatright {
  margin: 10px 0px 10px 15px;
  float: right;
  position: relative;
}
.floatleft {
  margin: 10px 15px 10px 0px;
  float: left;
  position: relative;
}
.clear {
  clear: both;
  padding-top: 10px;
}
.nowrap {
  overflow: auto;
}
.floatcenter {
  display: block;
  margin: auto;
  position: relative;
}
.clearright {
  clear: right;
}
.clearleft {
  clear: left;
}
.imagehalfpage {
  display: block;
  width: 50%;
  padding: 5px 0;
  float: left;
  margin-bottom: 10px;
}
.imagehalfpage img {
  display: block;
  margin: 0 auto;
}
hr {
  border-top: 4px #000066 dashed;
}
.gamd {
  background: url(../images/_Structure/GAMD.jpg) top center no-repeat;
  background-color: rgba(40, 179, 230, 1);
  padding: 120px 20px 10px;
  color: rgba(255, 255, 255, 1);
  font-size: 1.2em;
  /* Rounded Corners */
  border: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  /*Inner shadow*/
  -webkit-box-shadow: 0 1px 40px rgba(0, 0, 51, 1) inset;
  -moz-box-shadow: 0 1px 40px rgba(0, 0, 51, 1) inset;
  box-shadow: 0 1px 40px rgba(0, 0, 51, 1)inset;
}
.big {
  font-size: 2em;
  text-align: center;
  font-family: 'Luckiest Guy', "Palatino Linotype", Georgia, "Times New Roman", serif;
  text-shadow: 1px 1px 1px #333, -1px -1px 1px #333, -1px 1px 1px #333, 1px -1px 1px #333;
  letter-spacing: 1px;
}
.centertext {
  text-align: center;
}
.gamd a {
  color: #FFF !important;
}
#maincontent ul {
  overflow: hidden;
}
.cash {
  text-align: center;
  font-size: 1.2em;
  display: block;
  padding: 5px;
  background-color: rgba(34, 106, 68, 1);
  color: #fff;
  width: calc(100% + 10px);
  margin-left: -10px;
} /*----Modal Styles----*/
.lightblue {
  background: rgb(183 215 243);
  width: 100%;
  margin-left: -10px;
  padding: 1px 10px;
}
#myBtn {
  width: calc(100% + 20px);
  margin-left: -10px;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 0;
  background: rgba(255, 198, 2, 1.00);
  border: 0px;
  transition: width .2s;
  -webkit-transition: all .2s;
}
#myBtn:hover {
  background: rgba(162, 127, 4, 1.00);
}
.covidwarning {
  position: absolute;
  top: 500px;
  left: 15%;
  margin-left: -75px;
  z-index: 5;
}
.covidwarning.home {
  top: 0px;
}
.button a {
  display: inline-block;
  padding: 7px 15px;
  font-size: 1.2em;
  background: rgba(34, 106, 68, 1.00);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: width .2s;
  -webkit-transition: all .2s;
  /*Outer Shadow*/
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.button a:hover {
  background: rgba(1, 53, 25, 1.00);
  /*Inner shadow*/
  -webkit-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset;
  -moz-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset;
  box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset;
}
.covidwarning button {
  background: rgba(192, 2, 19, 1.00);
  color: #FFF;
  border: 0;
  height: 33px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0px 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  /*Outer Shadow*/
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: width .5s;
  -webkit-transition: all .5s;
}
.covidwarning button:hover {
  background: rgba(130, 0, 11, 1.00);
  -webkit-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
  box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  font-size: .95em;
  border: 1px solid #888;
  width: 80%;
  max-height: 80%;
  overflow: scroll;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.modal-content h2, .modal-content h3 {
  margin-top: 10px;
  text-align: center;
}
.modal-content .colhalves {
  margin-top: 0px;
  padding-top: 0;
}
.modal-content ul {
  padding-left: 10px;
}
.modal-content li {
  padding: 0 0px 10px 0px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }
  to {
    top: 0;
    opacity: 1
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }
  to {
    top: 0;
    opacity: 1
  }
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  width: 28px;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header h2 {
  padding: 8px 16px;
  background-color: #5cb85c;
  color: white;
  margin: 0;
}
.modal-body {
  padding: 2px 16px;
} /*---End Modal Styles---*/
/*-------------------------------
		  Slideshow Styles
-------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.rslides .fifty {
  width: 10% !important;
  z-index: 1;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0, 0, 0, .25);
  box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
  -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 0px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-weight: bold;
}
.callbacks_container {
  position: relative;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0px;
  max-width: none;
}
.callbacks_nav {
  display: none;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  bottom: 7%;
  left: 0;
  opacity: 0.4;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../../Blooms & Berries/Responsive Slideshow/demo/themes/themes.gif") no-repeat left top;
  margin-top: -45px;
}
.callbacks_nav:hover {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager img {
  float: left;
}
#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}
#slider3-pager a {
  padding: 0;
}
#slider4 {
  width: 100%;
  margin-left: 0px !important;
  margin-top: 0px !important;
}
.map {
  position: relative;
}
.shadowbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  /*Inner shadow*/
  -webkit-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
  box-shadow:
    0 1px 10px rgba(0, 0, 0, 0.85) inset, inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}
.sunflowers {
  padding: 15px 10px 10px 30px;
  margin-left: -20px;
  background-image: linear-gradient(210deg, #FFDD00, #FF9E00);
  background-color: #FFDD00;
  border-radius: 0 30px 30px 0;
  /*Outer Shadow*/
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
}
.sunflowers H3 {
  margin: 10px;
  font-size: 1.4em;
}
.sunflowers H4 {
  margin: 10px;
  font-weight: bold;
  font-size: 1.2em;
}