html, body {font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif, Helvetica;margin:0; line-height:1.6em;-webkit-font-smoothing:antialiased; font-size:1em;}
html {overflow-y: scroll;}
.grid {
  display: grid;
  justify-content: center; 
  align-content: center;  
  grid-gap: 16px; 
}
.grid_item {
  display: grid;
  grid-template-rows: min-content;
  text-align: center;
  justify-items: center;
  align-items: center;  
  
}
.grid_item div {
  border-collapse: collapse;
  margin: -1px 0 0 -1px;
  padding: 0;
  font-size: 0.8em;
}
.grid img {
  max-width: 100%;
  width: 300px;
  border: 1px solid #000;
}

#advertisement img{max-width:75%}
#advertisementb img{max-width:55%}
#advertisement {text-align:center; width:100%;  float:left; }
#advertisementb {text-align:center; width:100%;  float:left; }


h1 {font-size:150% ;text-align:center}
.breadcrumbs {font-size:60%; margin-left:.5em}
.breadcrumbs a {text-decoration:none; color:#634200; margin-bottom:1em; font-weight:bold}
.caption {font-size:55%; margin-top:-.5em; font-weight:bold}
input [type="text"]{-webkit-appearance: none;}
#events-table, #forecaster-table {font-size:100%}
.etmobile {display:table-cell; line-height:150%}
.etfull {display:none}
.products {}
.product_item {display:grid; grid-template-rows: min-content; text-align:center; }
.product_item div {border:1px solid #000; border-collapse: collapse; margin:-1px 0 0 -1px; padding:0; font-size:.8em}
.products img {max-width:100%; width:200px }
.mobshopnav {display:inherit}
.shopnav {display:none}
.groundhog_list {line-height:1em}
.notice {background-color:#FFCC00; font-size:100%; width:100%; text-align:center; text-shadow:1px 1px 1px #000; line-height:150%; }
.polltop {background-color:#EC9764; font-size:100%; width:100%; text-align:center; text-shadow:1px 1px 1px #000; line-height:150%; }
.notice a{ color:#804000; text-decoration:underline}
.polltop a{ color:#fff; text-decoration:underline}
/* mobile menu start */
.prediction_list p {line-height:1em}
#mobilenav {display:block}
#mobilenav a{font-size:120%; line-height:70%}
.mobnav {
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: relative;
  max-width: 100%;
  z-index: 3;
  border:1px solid #000;
  background-color:#000;
}

.mobnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.mobnav li a {
  display: block;
  padding: 5px 5px;
  border-top:1px solid #000;
  text-decoration: none;
  color: #f2f2f2;
}

.mobnav li a:hover,
.mobnav .mobmenu-btn:hover {
  background-color:#FF0000;
}

.mobnav .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}


.mobnav .mobmenu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}


.mobnav .mobmenu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 10px 8px;
  position: relative;
  user-select: none;
}

.mobnav .mobmenu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 16px;
}

.mobnav .mobmenu-icon .navicon:before,
.mobnav .mobmenu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.mobnav .mobmenu-icon .navicon:before {
  top: 5px;
}

.mobnav .mobmenu-icon .navicon:after {
  top: -5px;
}

.mobnav .mobmenu-btn {
  display: none;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu {
  max-height: 540px;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon {
  background: transparent;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:before {
  transform: rotate(-45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:after {
  transform: rotate(45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:before,
.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* mobile menu end */

#nav {display:none}
.groundhogphoto {max-width:100%; text-align:center}

.ecardcats, .shopcats {text-align:center; font-size:40%;}

.ecardcats a, .shopcats a {padding-right:.1em; padding-left:.1em}
.searcharea input {font-size:18px; width:10em}
.Cards tr {margin-bottom:0em}
.Name {background-color:#999999}
.Events, .Forecasters {font-size:90%}
.Events table, .Forecasters table   { margin-left:auto; margin-right:auto; text-align:center; max-width:95%; margin-bottom:.1em; border-collapse: collapse;}
.Events td, .Events th, .Forecasters td, .Forecasters th {text-align:center; border:.1em solid #000; margin-bottom:0em; padding:.1em; border-collapse: collapse; }
.Cards table   { margin-left:auto; margin-right:auto; text-align:center; max-width:75%; margin-bottom:.1em}
.Cards td {text-align:center; border:.1em solid #000; margin-bottom:0em; padding:0em; border-collapse: collapse;  }
.Cards {}

.vid-container {
	position:relative;
	padding-bottom:56.25%;
	margin-bottom:1em;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.vid-container iframe, .vid-container object, .vid-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.Cards img {vertical-align: bottom; padding:0em; margin:0em; overflow:hidden; display:inline; text-align:center}

.clock-builder-output {display: none}
.clock-builder-output2 {display:inline-block}
.videoboxm {display:inherit}
.videobox {display:none}

#graph_input_area select {font-size:12px}
#graph_input_area input[type="submit"] {font-size:12px}
#graph_input_area {text-align:center; margin-bottom:1em; font-size:12px}

#contact_form {width:100%; font-size:.8em}
#contact_form input[type="text"], #contact_form input[type="email"]{ padding:.2em; width:50%; font-size:1em}
#contact_form input[type="submit"], #contact_form input[type="email"]{ padding:.2em;  font-size:1em}
#contact_form textarea{ padding:.3em; width:50%; font-size:1em}
#contact_form form label {display: inline-block; width: 40%; background-color:#CC9966; color:#fff; font-weight:bold; border:.1em solid #000000; padding:.3em; vertical-align:top}
#Predictions_Chart {text-align:center; width:100%;max-width:95%; min-width: 95%; min-height: 100%; margin: 0 auto;}

.happy {font-size:200%; text-align:center}
img {border:0}
#header2 img {border:0}
#thewrapper{width:100%; margin-left:auto; margin-right:auto; background-color:#fff}
#gfooter {text-align:center;  background-color:#ffe5b3; color:#000; padding-top:.5em; padding-bottom:.5em; border:.2em solid #000}
#gheader {background-color:#2F0F0F;   margin-top:0; clear:both; float:none; border:.2em solid #000; text-align:center}
#header2 {background-color:#fff;   margin-top:0; clear:both; float:none; border:.2em solid #000}
#content {float:none; clear:both; width:100%; overflow:auto;  }
#gcontent {font-size:1em; float:none; clear:both; width:100%; overflow:auto;  }
#gheader img{ max-width:100%; vertical-align: bottom; }
#header2 img{ max-width:100%; vertical-align: bottom; }
#gcontent a{text-decoration:none; color:#634200; font-size:.8em; font-weight:bold}
#gcontent a:hover{color:#FFCC00}
#nav {background-color:#000;  overflow:auto;  border:.2em solid #000; padding:0; text-align:center;  }
#footernav {overflow:auto; text-align:center; font-size:1em; font-weight:bold; display:none}
#footernav  a{margin-right:1.8em;}
#footernav  a:hover{color:#FFFFFF }
#nav a {color:#fff; text-decoration:none;  font-size:.6em;  font-weight:bold;  margin-right:.8em; }
.ecardmessage {font-size:180%;  width:70%; margin-left:auto; margin-right:auto; line-height:120%}
.lyrics {font-style: italic; text-align:center; font-size:120%; line-height:1em}
.song_title {font-size:120%; font-weight:bold; text-align:center; text-transform:uppercase}

.song_copyright {font-size:40%; text-align:center}
#gfooter a {text-decoration:none; color:#8b4513; font-weight:bold}
.searcharea {font-size:100%; }

#nav a:hover {color:#990000}
.centered {text-align:center}
.bolded {font-weight:bold}
.maintext {text-align:justify; font-size:120%}
#content_body{padding:.5em}
#logos {font-size:.9em}
#logos img{border:.1em solid #000}
.sitemap p {line-height:25%; }
#social_media{}

.product_table {display:none}
.product_list {display:inline}
.product_list {text-align:center}
.product_table a {; font-size:.8em}
.product_table td {padding:.3em}
.product_table a:visited {color:#336600; font-size:.8em}
.FrontSearch {display:none}
.FrontSearchLite{display:none}

@media all and (min-width: 550px) {
.grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    justify-content: center; 
    grid-gap: 16px; 
    max-width: calc(5 * 300px + 4 * 16px); 
    padding: 0 16px; 
    margin: 0 auto; 
    box-sizing: border-box; 
  }
  .grid_item {
    display: grid;
    justify-items: center; 
    align-items: center; 
  }
  .grid_item div {}
  .grid img {
    max-width: 100%;
  }
  .grid_item img {
    border: 2px solid #000;
  }

#graph_input_area select {font-size:18px}
#graph_input_area input[type="submit"] {font-size:18px}
#graph_input_area {text-align:center; margin-bottom:1em; font-size:18px}


#advertisement img{max-width:65%}
#advertisementb img{max-width:30%}
.mobshopnav {display:none}
.shopnav {display:inherit}


.videoboxm {display:none}
.videobox {display:inherit}
.clock-builder-output  {display: inline-block}
.clock-builder-output2 {display:none}
}

@media all and (min-width: 200px) {

#nav a {text-decoration:none; color:#fff; font-size:.7em;  }
#gcontent a{ font-size:.9em}
}
article {margin-bottom:1em; margin-left:.5em}

@media all and (min-width: 900px) {
.etmobile {display:none}
.etfull {display:table-cell}
#Predictions_Chart {text-align:center; width:100%; max-width:95%; min-width: 95%; min-height: 100%; margin: 0 auto;}
#footernav  {display:inherit}
#footernav  a{margin-right:1.2em; }
.Events table , .Forecasters table  { margin-left:auto; margin-right:auto; text-align:center; max-width:100%; margin-bottom:.1em; border-collapse: collapse;}
.Events td, .Events th, .Forecasters td, .Forecasters th {text-align:center; border:.1em solid #000; margin-bottom:0em; padding:.3em; border-collapse: collapse; }
.pollarea {position:relative; Width:90%; margin-left:auto; margin-right:auto;}
.products {display:grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; text-align:center; border-collapse: collapse;}
.product_item {display:grid; }
.product_item div {border:1px solid #000;  padding-left:.5em;  padding-right:.5em;}
.products img {max-width:100%; }
.searcharea input {width:8em}
}

@media all and (min-width: 1050px) {
body {font-size:.79em}
.breadcrumbs {font-size:60%; margin-top:.5em; margin-bottom:-1em;}
.groundhog_list {line-height:.3em}
#mobilenav {display:none}

#nav {display:block; padding-bottom:0em; overflow:hidden}
#nav a {font-size:.80em;  font-weight:bold; }
}

@media all and (min-width: 1100px) {
.notice {font-size:180%; }
.polltop {font-size:180%; }
#ad {font-size:180%; }
.prediction_list p {line-height:.5em}
.Events, .Forecasters {font-size:100%}
#mobilenav {display:none}
#nav {display:block; padding-bottom:0em; overflow:hidden}
#nav a {font-size:.83em; padding-top:.1em; padding-bottom:.1em; }
body {font-size:.80em}
#gheader img{ max-width:100%; vertical-align: bottom; }
.ecardcats, .shopcats {text-align:center; font-size:70%;}
.ecardcats a, .shopcats a {padding-right:.2em; padding-left:.2em}
.searcharea  input {font-size:1em}
#wordform input {font-size:1.2em}
#nav a {color:#fff;
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif, Arial; margin-left:1em
	}

#nav a:hover {color:#FF0000;}
	
#nav a:active {
position:relative;
	top:1px;
}

}



@media all and (min-width: 1200px) {

h1 {line-height:120%}
body {font-size:.81em}
#nav {padding-top:.1em; padding-bottom:0em; overflow:hidden}
#nav a {font-size:.89em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
#gcontent a{ font-size:1em; line-height:125%}
.countdownclockarea {font-size:120%; line-height:180% }
#gcontent { font-size:150%; line-height:130% }
#gfooter {font-weight:bold;  }
.FrontSearch {display:block}
.FrontSearchLite{display:none}
.product_table {display:inline}
.product_list {display:none}
#footernav {font-size:1.1em; }
.searcharea {font-size:150%}
}

@media all and (min-width: 1400px) {
#events-table, #forecaster-table {font-size:100%}
body {font-size:.91em; }
#gcontent { font-size:130%;  background-color:#ffFFFF}
#nav a  {font-size:.96em; }
#footernav {font-size:1.1em; }
}

@media all and (min-width: 1515px) {
body {font-size:.91em; }
#gcontent { font-size:130%; }
#nav a  {font-size:1.1em; }
#footernav {font-size:1.1em; }
}

@media all and (min-width: 1650px) {
body {font-size:.98em}
#gcontent { font-size:135%; }
#nav a  {font-size:1.1em; }
#footernav {font-size:1.2em; }

}

@media all and (min-width: 1850px) {
body {font-size:1.1em}
#gcontent { font-size:140%; }
}
.items td {border:.1em solid #000}
.product_table {text-align:center; margin-left:auto; margin-right:auto}
.product_table img {max-width:150px; width:100%}
.product_table table {width:100%}
.product_table td {width:20%}
.news_link {font-size:.8em}
.product_table td td{text-align:center; border:.1em solid #000}
.product_table2 td {text-align:center; border:.1em solid #000}
.product_table2 table  {margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}
.product_list td {text-align:center; border:.1em solid #000}
.product_list table  {margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}
.product_table table   { margin-left:auto; margin-right:auto; text-align:center; margin-bottom:.5em}

#ad a {text-decoration:none; color:#FFF }
#ad {background-color:#33CC00; width:100%; text-align:center; border-bottom:.2em solid #000;}
.copy {font-size:.8em; text-shadow:1px 1px 2px #000;}


.email_button {
	text-shadow: 0px 0px 0px #0d1014;
}

.pollarea {position:relative; Width:85%; margin-left:auto; margin-right:auto; margin-bottom:.5em}
.pollarea input[type="submit"] {font-size:1.1em;}

.PollBarLongWinter, .PredictionType1, .PredictionType16{background-color:#8ECAFB}
.PollBarEarlySpring, .PredictionType2 {background-color:#FFFF33}
.PollBarWarcloudshaveblackedoutpartsoftheshadow, .PredictionType5 {background-color:#696969}
.PollBarLateSpring, .PredictionType7 {background-color:#FF9933}
.PollBar6moreweeksofMardiGras, .PredictionType11 {background-color:#FF99CC}
.PollBarFlipflopendofwinter, .PredictionType10 {background-color:#99FFFF}
.PollBarShorterSpringandLongerHotterSummer, .PredictionType13 {background-color:#FF9900}
.PollBarLongSpring, .PredictionType14 {background-color:#FFCC00}
.PollBarMildweatherforawhilebutdontbefooled, .PredictionType15 {background-color:#DFB3FD}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style]   {width: 100% !important;display:block;z-index:2000;position:relative}

.fb-like, 
.fb-like > span,
.fb-like > span iframe {
    max-width:353px; 
}


#gfooter .fa-brands, #gfooter .fa, #gfooter .fab{
  padding: 8px;
  font-size: .8em;
  width: 22px;
  text-align: center;
  text-decoration: none;
  margin: 3px 1px;
  background:#8b4513;
 }
 
#gfooter .fa-brands:hover, #gfooter .fa:hover, #gfooter .fab:hover {
    opacity: 0.7;
}

#gfooter .fa-facebook {

  color: #fff;
}

#gfooter .fa-youtube-play {

  color: #fff
}

#gfooter .fa-twitter {
  color: #fff;
}

#gfooter .fa-reddit {
  color: #fff;
}

#gfooter .fa-envelope  {
  color: #fff;
}


#gfooter .fa-instagram {
  color: #fff
}

#gfooter .fa-discord {
  color: #fff
}

#gfooter .fa-bluesky {
  color: #fff
}

 #gfooter .fa-follow {
   border-radius: 80%;
 }