/* This is the style sheet for Wisconsin Gardener Pages */

/*this is the Mobile first breakpoint*/
#wiscgardfull{
display:none;	
}
h1.wgtitle{
display:none;	
}

#wiscgardmobile{
display:inline;	
}


ul.wgmenum {
list-style-type: none;
clear:both;
}

.sec {
Display:none;
margin-top: 0px !important;
width: 515px !important;
padding-bottom: 6px !important;
background: rgba(49, 49, 49, 0.76) !important;
}

.wgmenum li{
display: block;
background-color: none;
border-top: solid;
border-top-width: 1px;
border-top-color: grey;
}

.wgmenum li a {
font-family: 'Open Sans' !important;
font-size: 12px;
color: #666;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
display:block;
padding: 10px;
}

.wgmenum li a.active {
color: yellow !important;
background-color: #000;
}

.wgmenum li a:hover {
color: white;
background-color: #003333;
}





}


.narrow{
display:block;	
}
.normal{
display:none;	
}
.wide{
display:none
}

/*this is the Narrow breakpoint*/
@media all and (min-width: 740px){

/*video player*/
.narrow{
display:block;	
}
.normal{
display:none;	
}
.wide{
display:none
}

/*show full header*/
#wiscgardfull{
width: 100%;
display: block;
height: 150px;
background-image: url(images/swn.jpg);
margin-top: -15px;
}

h1.wgtitle{
font-size: 44px;
background: #12333a;
display: inline;
position: relative;
padding-left: 13px;
padding-right: 9px;
top: 25px;
font-weight: bold;
letter-spacing: .03em;
}


h1.wgtitle a{
color:yellow;
text-decoration:none;
}

#wiscgardmobile{
display:none;	
}	

ul.wgmenu {
list-style-type: none;
margin: 0;
padding-top: 6px;
background: rgba(18, 51, 58, 0.8);
margin-top: 20px;
width: 560px;
padding-bottom: 7px;
}

.wgmenu li{
display: inline;
padding: 0;
background-color: none;
border-top: none;
border-top-width: none;
border-top-color: none;
font-weight: 600;
}

.wgmenu li a {
font-family: 'Open Sans' !important;
font-size: 12px;
color: white;
text-decoration: none;
padding: 8px 10px 8px 10px;
}

.wgmenu li a.active {
color: #000000 !important;
background-color: #CCCC33 !important;
}

.wgmenu li a.active:hover {
	color: #FFFFFF !important;
}

.wgmenu li a:hover {
color: yellow;
}

.wgtopic {
margin-bottom: 20px;
}

}

/*this is the Normal breakpoint*/
@media all and (min-width: 1030px) and (max-width: 1279px){

/*video player*/
.narrow{
display:none;	
}
.normal{
display:block;	
}
.wide{
display:none;
}
}

/*this is the largest breakpoint*/
@media all and (min-width: 1280px) {
/*video player*/
.narrow{
display:none;	
}
.normal{
display:none;	
}
.wide{
display:block;
}
}

/* Social Media */
#social_nav_horizontal {
margin-left: 0px;
font-family: Futura, Verdana, Sans-Serif;
font-size: 14px;
color: #8E9090;
margin-top: 20px;
}


#social_nav_horizontal ul {
  margin: 0;
  padding: 0;
  margin-top:20px;
}
#social_nav_horizontal ul li {
  float: left;
  padding: 5px 0 0 5px;
  margin-left: 5px;
  list-style-type: none;
}
#social_nav_horizontal ul li a {
padding: 6px 0 0 33px;
height: 32px;
color: #999;
text-decoration: none;
line-height: 1.45em;
}

.follow {
padding: 0px !important;
margin-left: 0px !important;
color: #555;
font-weight: bold;
font-size: 110%;
}

.blog {
  background:url(images/blog.png) no-repeat !important;
  background-position:0px -1px;
}

.facebook {
	background-position:0px -1px;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
}

.twitter {
  background:url(images/twitter.png) no-repeat;
  background-position:0px -1px;
  margin-right: 6px;
}

.pintrest {
  background:url(images/pintrest.png) no-repeat;
  background-position:0px -1px;
}

.email {
  background:url(images/email.png) no-repeat;
  background-position:0px -1px;
}



/* for all pages */

#page-title{
display:none;	
}

.wgsegments {
font-size: 90%;
margin-bottom: 20px;
color: grey;
overflow: auto;
}

h2.wgsegmenttitle{
font-size: 130%;
font-family: Open Sans;
text-decoration: none;
margin-bottom: 5px;
padding-top:0px;
color: rgb(71, 154, 175);
}
h2.wgsegmenttitle a{
text-decoration:none;
}

h3.wgepisodetitle{
font-size: 100%;
color:black;
font-family: Open Sans;
margin-bottom: 5px;
padding-top:0px;
}

.wgtopic img{
max-width:100%;	
}

.wgtopic .views-field-name a{
font-size: 110%;
font-family: Open Sans;
text-decoration: none;
margin-bottom: 10px;
padding-top:10px;
}

/* for topic search */
.wgtopic img{
max-width:100%;	
}

h4.predate {
font-size: 100%;
margin: 0px;
margin-bottom: 5px;
}

.wgtopic .views-field-name a{
font-size: 110%;
font-family: Open Sans;
text-decoration: none;
margin-bottom: 10px;
padding-top:10px;
}


.filters {
background: #efefef;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}

.view-filters {
background: #EFEFEF;
margin-top: 10px;
margin-bottom: 25px;
padding: 10px;
}

label {
font-size: 10px;
text-transform: uppercase;
color: grey;
}

.form-select, #edit-keys {
font-size: 85%;
color:#5d8ca6;
}

.views-exposed-form .views-exposed-widget .form-submit {
margin-top: 10px;
}


/* for Segment page  */

p.wgepisodetitle{
font-size:100%;
text-transform:uppercase;
color:grey;
margin-top:5px;
margin-bottom:5px;	
}

p.wgsegmentbody{
font-size:100%;
margin-top:5px;
margin-bottom:5px;
}

.field-name-field-wg-relatedlinks p{
font-style:normal;
margin-top:5px;
margin-bottom:5px;	
}

.field-name-field-wg-transcript p{
font-style:normal;
margin-top:5px;
margin-bottom:5px;	
}

.view-wisc-gardener-related-segments p{
font-style:normal;
margin-top:5px;
margin-bottom:5px;		
}

dt {
padding-top: 10px;
padding-bottom: 10px;
font-size: 170%;
font-family: Open Sans;
}

dd {
font-style: normal  !important;
padding-top:15px !important;
padding-bottom:15px !important;
padding-left:20px !important;	
}

.plus{
float: right;
font-size: 110%;
padding-right: 5px;
padding-bottom: 0px;
	
}

dl.v_show_hide dt
  {
	color: #333;
	border-bottom: 1px solid #BDC1AD !important;
	}
dl.v_show_hide dt:hover
  {
	color: #FFFFFF;
	background-color: #999;
	border-bottom: 1px solid #FFFFFF !important;
	cursor: pointer;
	}
dl.v_show_hide dd
  {	margin: 0;
	padding: 0;
	}

a.wglink {
font-size: 130%;
font-family: Open Sans;
}

/* for receipt filter and view */
.wiscgard-viewrow {
overflow: auto;
margin-bottom: 25px;
font-size: 90%;
}

.view-wisc-gardener-recipes .views-row {
margin-top:10px;
margin-bottom:10px;	
}

.view-wisc-gardener-recipes .views-field-title a{
font-size: 120%;
font-family: Open Sans;
text-decoration: none;
margin-bottom: 5px;
padding-top:0px;
color: rgb(71, 154, 175);	
}

.view-wisc-gardener-recipes .views-field-field-wg-rec-ep-title{
text-transform:uppercase;
color:grey;
font-size:100%;	
}