/*
Theme Name: Blank
Author: Zoomroom Interactive
Author URI: http://wordpress.org/
Description: Default theme 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black,left-sidebar, right-sidebar, fixed-layout, responsive-layout,custom-header, custom-menu, 

/******************************************************************
01. GENERAL STYLES
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline; *zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] { display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font: inherit;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html,body{font-family: "Aller",sans-serif;font-weight:300;font-size:14px; letter-spacing: 1px;}
body{background:#fbfbfb;}
html{font-size: 1em;ms-text-size-adjust: 1em;webkit-text-size-adjust: 1em;}
ul li{list-style: inside none;}
select{font-size: 1em;}
hr{display:none;}
p { margin-bottom:20px; }
h3 { font-weight:bold; font-size:22px; padding-top:20px; }


	/* ALLER FONT */
	@font-face {
	font-family: 'Aller Display';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/AllerDisplay.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller Light';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_Lt.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_Rg.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_BdIt.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller Bold';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_Bd.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller Italic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_It.woff') format('woff');
	}
	@font-face {
	font-family: 'Aller Light Italic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Aller_LtIt.woff') format('woff');
	}


/******************************************************************
02. CLEARFIXIN / FLOATS / INPUTS STYLES
******************************************************************/
.left{float: left;}
.right{float: right;}
.hidden {display: none !important;}
.opaque {opacity: 0 !important;}
.show{display:block;}
.last{margin:0!important}
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clear{clear:both;}
.spacer{height:20px;}
*::-moz-selection{background: none repeat scroll 0 0 #2b2d42; color: #FFFFFF;}
*::selection {background: none repeat scroll 0 0 #2b2d42; color: #FFFFFF;}
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], textarea {-moz-box-sizing: border-box;background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 10px 10px;width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD;}
input, button, textarea { -moz-box-sizing: border-box;color: #000; border:1px solid #DDDDDD; outline: medium none;position: relative;transition: all 0.1s ease 0s; -webkit-appearance: none;border-radius: 0;resize:none;}
a[href^=tel]{text-decoration:none;color:#fff;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
blockquote.alignleft,img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright,img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
blockquote a { color:#D2A757; }
.site-content blockquote.alignleft,.site-content blockquote.alignright {border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 17px;width: 50%;}
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 17px;}
.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}
.wp-caption-text {font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}

/******************************************************************
03. LAYOUT & GRID STYLES
******************************************************************/

.col1 { width:8.33%; float:left; margin:0px; padding:0px; }
.col2 { width:16.66%; float:left; margin:0px; padding:0px; }
.col3 { width:25%; float:left; margin:0px; padding:0px; }
.col4 { width:33.33%; float:left; margin:0px; padding:0px; }
.col5 { width:41.66%; float:left; margin:0px; padding:0px; }
.col6 { width:50%; float:left; margin:0px; padding:0px; }
.col7 { width:58.33%; float:left; margin:0px; padding:0px; }
.col8 { width:66.66%; float:left; margin:0px; padding:0px; }
.col9 { width:75%; float:left; margin:0px; padding:0px; }
.col10 { width:83.33%; float:left; margin:0px; padding:0px; }
.col11 { width:91.66%; float:left; margin:0px; padding:0px; }
.col12, .row { width:100%; clear:both; float:none; margin:0px auto; padding:0px; }
.container { width:100%; float:none; position:relative; }
.clr { width:100%; clear:both; height:0px; position:relative; }

#outerwrapper { width:100%; }
#leftnav { width:25%; float:left; background:#2b2d42; color:#fff; position:fixed; max-width:400px; }
#footerlogo { width:400px; float:left; padding-top:50px; padding-bottom:140px; }
#maincontent { padding-left:400px; background:#2b2d42; }
#footerrest { padding-left:400px; }
#footerrest .row, .partwidth .row { clear:none; }
#content .col12, #content .row { width:100%; clear:none; float:left; margin:0px auto; padding:0px; }
#footerrest .row .col6 { padding-top:50px; }
#footerrest .row .col6 h3 { text-transform:uppercase; padding-top:0px; padding-bottom:25px; }
#footerrest .row .col6 input { border:none; width:85%; font-style:italic; color:#8d99af; clear:left; float:left; padding:24px 14px; margin-bottom:25px; font-weight:bold; cursor:pointer; font-size: 14px; }
#footerrest .row .col6 input[type="submit"], a.readmore, .buttons, input.gform_button { background:#006bbd; border:none; width:auto; font-style:normal; font-size: 14px; color:#fff; padding:15px 60px; text-decoration:none;
	-webkit-transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-ms-transition: opacity .25s ease-out;
	-o-transition: opacity .25 ease-out;
	transition: opacity .25s ease-out;
}
#footerrest .row .col6 input[type="submit"]:hover { opacity: 0.75;}
#footerrest .row .col6 p { width:85%; font-size:16px; margin-bottom:40px; line-height:1.6em; }
#footerrest .row #footersocial a { display:block; width:70px; height:70px; line-height:70px; float:left; background:#fff; margin-right:30px; text-align:center; }
#footerrest .row #footersocial a i { font-size:34px; height:70px; line-height:70px; color:#8d99af; }
#footerrest .row #footersocial a i:hover { color:#006bbd; }
#content { width:100%; min-height:700px; margin:0px auto; background:#fff; }
#footer { background:#8d99af; color:#fff; }
.menu-main-menu-container { padding:112px 0px 0px 48px; }
ul.menu {}
ul.menu > li { padding-bottom:30px; }
ul.menu li a { text-transform:uppercase; color:#fff; text-decoration:none;   	
   	
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	-o-transition: color .25 ease-out;
	transition: color .25s ease-out;
}
ul.menu li a:hover { color: #b7b8cf; }
ul.menu li ul { display:none; }
ul.menu li#menu-item-105 a i, ul#menu-main-menu li#menu-item-57 a i, li#menu-item-57 a i { padding-right:10px; }
ul.menu li.menu-item-has-children a i { padding-left:5px; font-size:12px; margin-top:-2px; vertical-align: middle; }
#searchform { display:block; margin-left:48px; position:relative; padding-bottom:200px; width:300px; }
input#s { border:none; font-style:italic; color:#8d9aad; padding:17px 14px; width:100%; font-weight:bold; font-size:16px; }
input#blankSubmit { display:block; height:50px; width:50px; position:absolute; top:0px; left:75%; border:none; overflow:hidden; text-indent:-300px; cursor:pointer; background:url('lib/images/magnify.png') left top no-repeat; }
#signup { background:#006bbd; color:#fff; height:140px; line-height:140px; text-align:center; font-size:48px; }
#signup a { display:inline-block; width:230px; height:50px; line-height:50px; background:#fff; color:#006bbd; padding:0px 70px; text-decoration:none; margin-left:90px; font-size:18px; vertical-align: middle; font-weight: bold;}
#signup span { display:inline-block; height:70px; line-height:100px; vertical-align: middle; font-weight: bold;}
#banner { text-align:center; background:#fff; color: #8D99AF; font-size: 30px; padding-bottom: 10px; }
#banner img { display:block; width:100%; height:auto; margin:0px auto; }

.partwidth { width:96%; margin:0px auto; background:#fff; padding-top:30px; }
.partwidth h2 { background:url('lib/images/line.gif') left 50% repeat-x; font-size:22px; }
.partwidth h2 span { background:#fff; padding-right:25px; text-transform:uppercase; font-weight: bold; }
.partwidth .col5 { width:48%; padding-right: 2%; }
.partwidth .col2 { width:4%; }
.partwidth .col5 a.readmore, .buttons { font-weight: bold; letter-spacing: 1px; vertical-align: middle; text-transform: uppercase; }
.partwidth .col5 a.readmore:hover, #toptxt a:hover, #basetxt a:hover, #signup a:hover, #comments .submit:hover { opacity: 0.75; }
.partwidth .col5 p { padding:20px 0px; line-height:1.5em; display:block;/*height: 100px;*/ /*overflow: hidden;*/ }
.partwidth .col5 img { display:block; width:100%; height:auto; margin-top:60px; }
.partwidth .col5 h3 { color:#006bbd; font-size:18px;   text-transform: uppercase; -webkit-text-stroke: 0.35px;  }
.partwidth .col5 h3 p { float:right; color:#8d9aad; text-decoration:none; font-size:14px; font-weight: bold; letter-spacing: 1px; padding-top:0px; }
.partwidth .col5 a { text-decoration:none;  }
.row-half h3 a.add_to { color:#8d99af; float:right;}
p.must-log-in { display:none; }
p#breadcrumbs { width:100%; text-align:right; color:#999; margin-bottom:0px; font-size:14px; }
p#breadcrumbs a { color:#000; font-size:14px; text-decoration:none; }

#vidcover { position:relative; overflow: hidden; }
#video { background:url('lib/images/lecture-placeholder-1.jpg') no-repeat center center; background-size: cover; }
#cow { position:absolute; display:block; width:120%; height:auto; top:0px; left:0px; }
#spacer { height:100px; }

#toptxt { position:absolute; display:block; width:75%; top:6%; left:3%; }
#toptxt h2 { display:block; width:50%; color:#fff; font-size:35px; line-height:1em; float:left; padding-top:4%; }
#toptxt p { display:block; width:50%; color:#fff; text-transform:uppercase; font-weight:700; clear:left; float:left; padding-top:15px; }
#toptxt a { display:block; width:17%; margin-left:3%; float:right; background:none; text-decoration:none; color:#fff; font-size:14px; font-weight:bold; text-align:center; }
#toptxt a img { display:block; width:100%; height:auto; }
#toptxt a em { font-style:normal; }
#toptxt a span { display:block; width:100%; background:#fff; color:#8d99af; padding:5px 0px; margin:5px 0px 20px 0px; padding-left:5px; padding-right:5px; }
#toptxt a:first-child { width: 23.5%; }
#toptxt a:first-child span { margin-top: 15px;}

#basetxt { position:absolute; width:74%; display:block; top:70%; right:16%; text-align:right; }
#basetxt h2 { color:#fff; font-size:35px; line-height:1.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
#basetxt p { color:#fff; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
#basetxt a { display:inline-block; background:#fff; text-decoration:none; color:#006bbd; font-size:15px; font-weight:bold; padding:9px 10px; }

a#gf_2, #gform_2 label, #wpmem_reg a[name="register"], #wpmem_login a[name="pwdchange"], #account-wrapper a[name="login"] { display:none!important; }
input.gform_button { text-transform:uppercase!important; }
#register_wrapper a, #account-wrapper a { display:inline-block; color:#fff; text-decoration:none; background:#8d99af; padding:10px 20px; text-align:center; text-transform:uppercase; margin-bottom:10px; width: 200px; }
#wpmem_login > a { display: none; }
input[type="submit"] { cursor:pointer!important; }
#wpmem_login input[type="submit"] { display:block; margin-top:20px; }
.link-text { text-align: left; } /* Aligning "forgot password? click here to reset" on account page */
.link-text a { color: inherit; }
#account-wrapper { padding-bottom:40px; }
.video iframe { width:100%; }
a.entry_more, h3.search-title a { color:#333; text-decoration:none; }
h3.search-title a, p.logged-in-as a { color:#333; text-decoration:underline; }
.entry-content p:first-of-type { padding-top:10px;}
.gform_body input { padding:10px!important; }
.gform_body label { padding-top:10px; }

#footermags a { display:inline-block; float:left; width:20%; margin-right:1%; text-decoration:none; text-align:center; }
#footermags a:nth-of-type(2) { width: 28.5%; }
#footermags a.bigbook span { display:block; width:100%; background:#fff; color:#8d99af; padding:5px 0px; margin:5px 0px 20px 0px; }
#footermags img { display:block; height:auto; width:100%; }

/******************************************************************
04. JACK'S STYES
******************************************************************/
#searchform #s{
	width:90%;
}
#searcform #blankSubmit{
	width:75%;
}
video { height: auto; width: 100%; }
.dept-title { font-weight: bold; color: #2b2c41; }
.dairy_guide { float:left; bottom:18%; position:absolute; width:40%; }
.dairy_downloads { display: block; right: 35%; position: absolute; top: 16%; width: 24%; }
.dairy_manual { float:right; width:40%; margin-right:15%; }
#footersocial { padding-bottom:20px;}

.dept-title a {
	color: #2b2c41;
	text-decoration: none;
	pointer-events: none;
}
#toprightnav {
	margin: 0 auto;
	width: 100%;
	display: inline-block;
	margin-bottom: -5px;
	padding-top: 20px;
	background: #fff;
}
	#toprightnav .partwidth {
		margin: 0 auto;
		width: 96%;
		padding: 0;
	}
	#toprightnav ul {
		float: right;
	}	
		#toprightnav ul li {
			float: left;
			padding: 10px 5px 10px 5px;
		}
			#toprightnav ul li a {
				color: inherit;
				text-decoration: none;
				text-transform: uppercase;
				transition: color 0.25s ease-out 0s;
			}
			#toprightnav ul li a:hover {
				opacity: 0.7;
			}
.partwidth p {
	padding-top: 30px; line-height:1.5em;
}
.partwidth > p {
	margin-bottom: 60px;
	width: 50%;
}
.partwidth .col5 h3 a.add_to:hover {
	color: #006bbd;
}
.partwidth div.col4 img {
	float: right;
}
.internal {
	width: 85%;
}
.social > a {
	display:block; 
	width:40px; 
	height:40px; 
	line-height:40px; 
	float:left; 
	background:#ecf2f3; 
	margin-right:6px; 
	text-align:center;
}
.social > a i {
	color: #8d99af;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	width: 100%;
}
.social > a i:hover {
	color: #006bbd;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
.social.row > span {
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
	position: relative;
	top: 10px;
}
.social.row > span > a {
	text-decoration: none;
	color: #8d99af;
	letter-spacing: 3px;
}
.social.row > span > a:hover {
	color: #006bbd;
}
.col5 .fa-check {
	float: right; color:#006bbd;
}
.col5 .fa.check.check {
	color: #666;
}
.col5:nth-child(2n+1) { 
	clear: both; 
}
.col5:nth-child(2n) { 
	padding-right: 0;
	float: right;
}
a.add_to.check, body.single-lecture a.check { color:#006bbd!important; }
a.check:focus {
	color: #006bbd;
}
.row-half {
	background: #ecf2f3;
	padding: 0 20px 50px 20px;
}
#leftnav img, #footerlogo img {
	padding-left: 10%;
	padding-top: 10%;
	height:auto;
	width:70%;
}
#footerrest .row .col6 a i {
	width: 100%;
}
ul.arrange li, ul#sub li {
	background: #ecf2f3;
	float: left;
	margin-right: 2px;
	padding: 1%;
	width: 140px;
	color: #8d99ad;
	font-style: italic;
}
ul.arrange li:hover a, ul#sub li:hover a {
	color: #3B8DCB;
}
ul.sub li:hover{
	color: #3B8DCB;
}
ul.arrange li a {
	list-style-type: none;
	text-decoration: none;
	color: #8d99ad;
}
ul.arrange > li:first-of-type {
	width: 200px;
}
ul.arrange > li:first-of-type:after {
	font-family: fontawesome;
	content: "\f105";
	float: right;
}
.menu-item-has-children > ul.sub-menu { 
	padding-top: 0;
}
.menu-item-has-children > ul.sub-menu li { 
	padding-left: 20px;
	padding-top: 15px;
}
.sub-menu {
	display: none;
}
.video {
	text-align: center;
	padding-top: 3%;
}
.social {
	padding-top: 20px;
}
.row.video > img { /* TEMPORARY */
	width: 100%;
}
.comment-reply-title {
	text-transform: uppercase;
}
.comment-form-author, .comment-form-email {
	width: 41%;
	float: left;
}
#comments {
	padding-bottom: 2%;
}
#comments .submit {
	font-family: inherit;
	color: white;
	background: #006bbd;
	text-transform: uppercase;
	font-weight: bold;
	height: 45px;
	width: 200px;
}
#comments textarea {
	background: #ecf2f3;
	font-family: inherit;
	font-size: 14px;
	color: #8d99ad;
	width: 85%;
}
#comments input {
	background: #ecf2f3;
	width: 95%;
}
#comments label {
	width: 100%;
	float: left;
}
#commentform p {
	padding-top: 0;
}
.comment-author {
	text-transform: uppercase;
	color: #006bbd;
}
.comment-meta, .comments-title, .comment-form-url {
	display: none;
}
.comment-body p {
	padding-top: 10px;
}
.comment-list {
	padding-top: 2%;
}
.comment-list cite:before {
	font-family: 'fontawesome';
	content: '\f007  ';
}
#respond h3 {
	color: #006bbd;
	padding-bottom: 5px;
}
.point { 
	cursor: pointer; 
}

#wpmem_reg legend, #wpmem_login legend {
	display: none;
}
#wpmem_reg fieldset, #wpmem_login fieldset {
	margin: 0 auto;
	padding-top: 20px;
}
#wpmem_reg .div_text, #wpmem_login .div_text {
	width: 25%;
}
.div_text {
	margin-bottom: 20px;
	margin-top: 5px;
}
.button_div {
	margin: 20px 0;
}
.req-text {
	margin-bottom: 20px;
}
.req {
	color: red;
}
.fa.fa-check.fa-3x {
 	width: 100%;
	text-align: right;
	padding-bottom: 25px;   
}
.fa.fa-check.fa-3x.check {

	color: #666;
}
.social .fa.fa-star {
	background: #ecf2f3;
	padding: 7px;
}
.stars {
	float: right;
}
.sample-vid {
	width: 50%;
	padding-bottom: 20px;
}
.sample-join {
    background: #006bbd none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 18px 75px;
    text-decoration: none;
}
.page-template-sample-video h3 {
    font-size: 44px;
	color: #006BBD;
	text-transform: uppercase;
	padding-bottom: 10px;
}
/* Used to hide the duplication of "Logout" button on join-today page */
#register_wrapper > p:first-of-type {
	display: none;
}

#mc_embed_signup div.mce_inline_error {
	background-color: #8D99AF !important;
}

.p60 > p {
	width: 50%;
	float: left;
}
.p60 .content-image {
	width: 48%;
	float: left;
	padding-left: 2%;
}
	.content-image img {
		width: 100%;
	}
a.add_to, a#addtoplaylist, #comments { display:none; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium { width:47.5%; }
#mobilelogo { display:block; width:100%; display:none; background:#2b2d42; padding:0px 0px 20px 0px; }
#mobilelogo img { display:block; width:80%;  height:auto; margin:0px auto; }
#main #page { clear:none; }
.gform_wrapper ul li.gfield, .gform_wrapper .gform_footer { clear:none; }
body.search-results article { display:block; float:left; clear:left; }

/******************************************************************
05. MOBILE NAVIGATION
******************************************************************/
#mobilenav {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  z-index:999;
}
#mobilenav div {
  display: none;
}
#mobilenav button {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  text-indent: 200%;
  overflow: hidden;
  background: rgba(255,255,255,0.8) url("http://i.imgur.com/vKRaKDX.png") center no-repeat;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-size: 80%;
  width: 30px;
  height: 30px;
  outline: none;
  -webkit-transition: all 400ms ease;
          transition: all 400ms ease;
}
#mobilenav button.expanded {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  border: 0;
}
#mobilenav a {
	display: block;
	background: #2b2d42;
	text-align: center;
	padding: 20px 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
  	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	-o-transition: color .25 ease-out;
	transition: color .25s ease-out;
}
#mobilenav a:hover,
#mobilenav a:active,
#mobilenav a:focus {
  color: #b7b8cf;
}
#mc_embed_signup form {
	padding: 0 !important;
}
#mc_embed_signup .button {
	line-height: auto !important;
	height: auto !important;
	border-radius: 0 !important;
}
#mc_embed_signup div.mce_inline_error {
	float: left;
}
#mc_embed_signup #mce-success-response {
	color: #fff !important;
}

span.yasr-total-average-container, span.dashicons-chart-bar, span.yasr-total-average-text  { display:none; }
div.bigstars { float:right; padding-bottom: 10px; } 
div.bigstars .rateit-selected, div.bigstars .rateit-range, div.bigstars .rateit-hover { background-image: url('lib/images/stars32.png'); }
span#yasr-already-voted-text { clear:right; letter-spacing: 0.5px; }
#playlistul { padding-top:30px; }
#playlistul .playlistentry { display:block; width:24%; float:left; margin:0px; margin-right:1%; padding:0px; }
#playlistul .playlistentry .playlistcat { width:100%; padding-bottom:10px; font-weight:700; text-transform: uppercase; }
#playlistul .playlistentry img { display:block; width:100%; height:auto; }
#playlistul .playlistentry a.playh { display:block; width:100%; padding:10px 0px; }
#playlistul .playlistentry a.playrempve { float:right; display:block; width:20px; padding:0px; }

/******************************************************************
06. MEDIA QUERIES
******************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) { /* safari and chrome only */
    #searchform { width:280px;}
    input#blankSubmit { height:48px;}
}

/* Smaller screens */
@media only screen and (max-width: 1620px) {
	.internal .col8, .internal .col4 { width: 100%; }
	.internal .col4 { width: 100%; text-align: center; }
	.partwidth div.col4 img { float: none; }	
	#basetxt {
		top: 65%;
	}
}

@media only screen and (max-width: 1500px) {
	#basetxt h2 {
		font-size: 38px;
	}
	#basetxt {
		top: 60%;
		width: 75%;
	}
}

@media only screen and (max-width: 1350px) {
	#basetxt h2 {
		font-size: 34px;
	}
	#signup {
		background: #006bbd none repeat scroll 0 0;
		color: #fff;
		font-size: 48px;
		height: 100%;
		line-height: 100px;
		text-align: center;
	}
	#signup span {
		width: 100%;
	}
	#signup a {
		margin-left: 0;
	}
}

@media only screen and (max-width: 1250px) {
	.internal {width: 100%;}
	#basetxt h2 {
		font-size: 30px;
	}
	#footerrest .row .col6 a {
		margin-bottom: 20px;
	}
		#basetxt p{
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 1390px) { /* FF: Tablet landscape (1024 x 768) */
	.partwidth .col5, .partwidth .col8 { width: 100%; }
	#basetxt p{ display:none; }
    .partwidth { width:90%; }
    .p60 > p, .partwidth > p { width:100%; }
    #footermags a { display:block; float:left; width:38%; margin-right:10px; text-decoration:none; text-align:center; }
    #footermags a:nth-of-type(2) { width: 54%; }
    #signup span { height:auto; line-height:inherit; }
    #signup span img { display:block; width:85%; height:auto; margin:0px auto 5px auto; }
    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium { width:97%; }
	.partwidth .col5 h3 p { float:none; height:auto; margin-bottom:0px; padding-bottom:0px; }
    .dairy_downloads { display:none; }
    #basetxt { top:70%; right:4%; width:85%; }
    #signup a { vertical-align:top; }
    #toptxt { width:90%; }
    #toptxt a { font-size:12px; }
    #toptxt h2 { font-size:18px; padding-top:0px; display:block; float:left; font-size:25px; width:50%;}
    #toptxt p { padding-top:5px; font-size:10px; line-height:1em; }
    #toptxt a em, #toptxt a span { display:none; }
}

@media only screen and (max-width: 1024px) {
	#video iframe { display:none; }
	#spacer { background:#006BBC; }
	#basetxt { top:70%; width:85%; }
	#basetxt h2 { font-size:22px; }
	#basetxt a { padding:10px 45px; }
	.p60 > p { width:100%; }
	.p60 .content-image { width:100%; padding-left:0; }
}
	
@media only screen and (max-width: 820px) { /* FF: Small tablet landscape (800 x 600) */

	#footerlogo { width: 100%; text-align: center; padding-bottom: 0; }
	#footerlogo img { padding: 0; }
	#footerrest { padding: 0; width: 96%; margin: 0 auto; }
	#footerrest .row .col6 { width: 100%; }
	#footerrest .row .col6 p { margin-bottom: 0; width: 100%; }
	#footerrest .row .col6 a { margin-top: 20px; }
    .partwidth .col5 p { overflow:visible; height:auto;}
    .partwidth h2 { background:none; }
    #basetxt h2 { font-size: 18px; }
    #signup { padding-top:10px; }
    #spacer { height:220px!important;} 
    #cow{display:none;}
    
}

@media only screen and (max-width: 800px) { /* FF: Tablet portrait (768 x 1024) */
	body { width:100%; overflow-x:hidden;}
    #leftnav { display: none; }
	#mobilenav { display: block; }
	#maincontent { padding-left: 0; }
	.menu-main-menu-container { padding: 0; }
	#basetxt h2 { font-size: 28px; }
	#basetxt a { padding: 10px 45px; font-size: 12px; }
	#video iframe { display: none; }
	#spacer { background: #006BBC; }	
	#basetxt { width: 80%; top: 60%; right: 0; padding: 0 10%; }
	#basetxt p { margin-bottom: 20px; }
	ul#menu-main-menu > li { padding: 0; }
	.menu-item-has-children > ul.sub-menu li { padding: 0; }
    .partwidth { width:100%; }
    body.home .partwidth h2 span { padding-left:10px; }
    #mobilelogo { display:block;}
    #page .p60 { padding:0px 20px;}
}

@media only screen and (max-width: 620px) { /* FF: Small tablet portrait (600 x 800) */
	#comments textarea { width: 100%; }
	#basetxt h2 { font-size: 24px; }
	#basetxt p { margin-bottom: 10px; }
	#basetxt { top: 55%; }
    #maincontent { padding:0px 20px; background:#fff; }
    body.home #maincontent { padding:0px; }
    #signup { height:auto; line-height:50px; margin-bottom:20px; }
    #signup span { height:auto; }
    #signup a { margin-bottom:15px;}
    #footer { width:80%; padding:0px 10%; }
    #footerlogo { width:100%; }
    #footerlogo img { display:block; width:100%; height:auto; }
}

@media only screen and (max-width: 500px) { /* FF: Mobile landscape (480 x 320) */
	.partwidth h2 { background: none; }
	div.bigstars { float: none; }
	.stars { clear: both; float: none; padding-top: 20px; text-align: center; }
	#basetxt h2 { font-size: 18px; }
	#basetxt p { display: none; }
	#basetxt { top: 60%; }
    #signup a { padding:0px; }
    #footermags a { width:70%!important; margin:0px auto!important; float:none; }
    a.add_to { display:none; }
    #basetxt { width:90%; padding:0px 5%; }
    #footermags a.footerguide { display:inline-block!important; margin:10px auto!important;  }
    #toptxt a { display:none; }
    #toptxt h2, #toptxt p { width:80%;}
    #spacer { height:150px!important; }
}

@media only screen and (max-width: 360px) { /* FF: Mobile portrait (320 x 480) */
	#basetxt h2 { font-size: 14px; }
	#basetxt a { padding: 10px 25px; }
    #footerrest .row .col6 input[type="submit"], a.readmore, .buttons, input.gform_button { padding:15px 40px; }
    #spacer { height:100px!important; }
}
@media only screen and (min-width:1040px){
	#toptxt h2{
		padding-top:0 !important;
	}
}
@media only screen and (min-width:1040px) and (max-width:1800px){
	#toptxt h2{
		font-size:25px !important;
	}
}
@media only screen and (max-width:400px){
	#toptxt h2{
		font-size:20px !important;
	}
}
@media only screen and (min-width:800px) and (max-width:900px){
	#toptxt h2{
		font-size:20px !important;
	}
}