/* 
Theme Name: WIREFRAME
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lsc
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

lsc is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

----------------------------------------------------------------
>>> IMPORTANT NOTE FOR CYRUS: to complete theme also copy over 
/includes/nav-menu-template.php 
and set Primary menu in admin.
----------------------------------------------------------------
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# @font-face declarations
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# @font-face declarations
--------------------------------------------------------------*/
@font-face {
    font-family: 'DINCompPro-Black';
    src: url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Black.eot');
    src: url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Black.eot?#iefix') format('embedded-opentype'),
         url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Black.woff') format('woff'),
         url('http://nyis.info/wp-content/themes/wireframe/fonts/DINCompPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINCompPro';
    src: url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Medium.eot');
    src: url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('http://nyis.info/wp-content/themes/wireframe/fonts/DINWebPro-Medium.woff') format('woff'),
         url('http://nyis.info/wp-content/themes/wireframe/fonts/DINCompPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------
# PRINT
--------------------------------------------------------------*/
@media print { 
	/* Print Styles Go Here */
	 header#masthead, footer.site-footer, .skip-link, #secondary.widget-area, .addthis_sharing_toolbox, h4.addthis { display: none !important; } 
	 body p { line-height:1.25em; color:#000 !important; }
	 body a { text-decoration: underline !important; color:#000 !important; }
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: font-family: 'DINCompPro', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
/* 	margin: 1em 40px; */
margin:0;
}
figure img {
	min-width:200px !important;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 13px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'DINCompPro-Black';
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
.font_gold {
	color: #fbc021 !important;
}
.font_red {
	color:#a2272d;
}
.font_blue {
	color:#3d65bb;
}
.bold {
	font-weight:bold;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	font-family: 'DINCompPro';
	background-color: #b6c9e5;
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/bg_hugeskyandtrees.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
a {	
	-o-transition:color .2s ease-in-out, background-color .5s ease-in-out;
	-ms-transition:color .2s ease-in-out, background-color .5s ease-in-out;
	-moz-transition:color .2s ease-in-out, background-color .5s ease-in-out;
	-webkit-transition:color .2s ease-in-out, background-color .5s ease-in-out;
	/* ...and now for the proper property */
	transition:color .2s ease-in-out, background-color .5s ease-in-out;
}

/*--------------------------------------------------------------
# Captions
--------------------------------------------------------------*/
.wp-caption .wp-caption-text {
	margin: 0 !important;
    font-style: italic;
    color: #696969;
    font-weight: normal;
    font-size: 12px;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.widget-area ul#menu-sidebar-links li a {
  background: #a3917f;
  background-image: -webkit-linear-gradient(top, #a3917f, #534742);
  background-image: -moz-linear-gradient(top, #a3917f, #534742);
  background-image: -ms-linear-gradient(top, #a3917f, #534742);
  background-image: -o-linear-gradient(top, #a3917f, #534742);
  background-image: linear-gradient(to bottom, #a3917f, #534742);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'DINCompPro-Black';
  text-align: left;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  width:100%;
  display:block;
}
.widget-area ul#menu-sidebar-links li a:hover {
  background: #000000;
  text-decoration: none;
  color: #fbc021;
}
.widget-area ul#menu-sidebar-links li a:after {
    content: " \25b8 ";
    text-align: right;
    float:right;
}





button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	/*
border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
*/
background: #a3917f;
  background-image: -webkit-linear-gradient(top, #a3917f, #534742);
  background-image: -moz-linear-gradient(top, #a3917f, #534742);
  background-image: -ms-linear-gradient(top, #a3917f, #534742);
  background-image: -o-linear-gradient(top, #a3917f, #534742);
  background-image: linear-gradient(to bottom, #a3917f, #534742);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  border:0px !important;
  font-family: 'DINCompPro-Black';
  text-align: left;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  display:block;
  box-shadow:0px;
  text-shadow:none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	/*
border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
*/
	background: #000000;
  text-decoration: none;
  color: #fbc021;
  box-shadow:0px;
  text-shadow:none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	/*
border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
*/
background: #000000;
  text-decoration: none;
  color: #fbc021;
  box-shadow:0px;
  text-shadow:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}




/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #a2272d;
	text-decoration: none;
}
a:visited {

}

a:hover,
a:focus,
a:active {
	text-decoration:underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* MOBILE_FIRST menu. */
.desktop-navigation {
	display: none;
}
.desktop-navigation, .main-navigation, #dl-menu {
	background-image:url(http://nyis.info/wp-content/themes/wireframe/images/bg_nav_transp_gradient.png);
	background-color:transparent;
	background-repeat: repeat-x;
	background-size:auto 35px;
	border-bottom:4px solid #87282f;
}

/* tablet and up menu. */
@media screen and (min-width: 37.5em) {
	#dl-menu { display:none; }
	.main-navigation {
		display:none;
	}
	.desktop-navigation {
		clear: both;
		display: block;
		float: left;
		width: 100%;
		height:39px;
		padding:0px;
		background-image:url(http://nyis.info/wp-content/themes/wireframe/images/bg_nav_transp_gradient.png);
		background-color:transparent;
		background-repeat: repeat-x;
		background-size:auto 35px;
		border-bottom:4px solid #87282f;
	}
	.desktop-navigation ul {
		display: block;
		list-style: none;
		margin: 0 0 0 3em;
		padding-left: 0;
	}
	.desktop-navigation li {
		float: left;
		position: relative;
		margin:0 15px 0 0;
		height:35px;
		border-right:1px solid #666666;
	}
	.desktop-navigation a {
		display: block;
		text-decoration: none;
		color:#ffffff;
		font-family: 'DINCompPro';
		padding: 0 15px 0 0;
		height:35px;
		line-height:35px;
		font-size:15px;
	}
	.desktop-navigation a:hover {
		color:#fbc020;
	}
	.desktop-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 2.40em;
		left: -999em;
		z-index: 99999;
		width:250px;
		margin:0 0 0 -15px;
		padding:0;
	}
	.desktop-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	.desktop-navigation ul ul li {
		background:#87282f;
		padding:0;
		margin:0;
		border-bottom:1px dashed #bb7880;
		width:250px;
		float:left;
		clear:left;
		display:block;
		border-right:0;
		height:35px;
	}
	.desktop-navigation ul ul li a {
		width: 100%;
		margin:0;
		padding:0px 20px;
		color:#ffffff;
		text-decoration: none;
		display:block;
		height:34px;
		border:0px;
	}
	.desktop-navigation ul ul li a:hover {
		color:#fbc020;
		text-decoration: none;
		background-color:#252525;
	}
	
	.desktop-navigation ul ul li:last-child {
		border-bottom:0px;
	}
	
	.desktop-navigation li:hover > a,
	.desktop-navigation li.focus > a {
	}
	
	.desktop-navigation ul ul :hover > a,
	.desktop-navigation ul ul .focus > a {
	}
	
	.desktop-navigation ul ul a:hover,
	.desktop-navigation ul ul a.focus {
	}
	
	.desktop-navigation ul li:hover > ul,
	.desktop-navigation ul li.focus > ul {
		left: auto;
	}
	
	.desktop-navigation ul ul li:hover > ul,
	.desktop-navigation ul ul li.focus > ul {
		left: 100%;
	}
	
	.desktop-navigation .current_page_item > a,
	.desktop-navigation .current-menu-item > a,
	.desktop-navigation .current_page_ancestor > a {
	}
}

/* desktop menu. */
@media screen and (min-width:60.063em) {
	.desktop-navigation ul {
		margin:0 0 0 6em;
	}
}

/*END NAVIGATION*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}









/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widget area and widgets
--------------------------------------------------------------*/
.widget-area {
	padding:2em 1em;
	border-left:1px solid #cccccc;
	min-height:500px;
	margin:0;
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/bg_transp_gradient_sidebar.png);
	background-repeat: repeat-x;
}
.widget-area .col1, .widget-area .col2 {
	width:100%;
	margin-bottom:20px;
}
.widget-area hr { 
	display:none; 
}
.widget-area h2 {
	font-size:15px;
	margin-bottom:3px;
}
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/* widget menu brown buttons. */
.widget-area ul#menu-sidebar-links {
	list-style:none;
	margin:0;
	padding:0;
}
.widget-area ul#menu-sidebar-links li {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	display:block;
}
.widget-area ul#menu-sidebar-links li a {
  background: #a3917f;
  background-image: -webkit-linear-gradient(top, #a3917f, #534742);
  background-image: -moz-linear-gradient(top, #a3917f, #534742);
  background-image: -ms-linear-gradient(top, #a3917f, #534742);
  background-image: -o-linear-gradient(top, #a3917f, #534742);
  background-image: linear-gradient(to bottom, #a3917f, #534742);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'DINCompPro-Black';
  text-align: left;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  width:100%;
  display:block;
}
.widget-area ul#menu-sidebar-links li a:hover {
  background: #000000;
  text-decoration: none;
  color: #fbc021;
}
.widget-area ul#menu-sidebar-links li a:after {
    content: " \25b8 ";
    text-align: right;
    float:right;
}


/* mini-tablet and up widget area Styles */
@media screen and (min-width: 25.5em) {
	.widget-area .col1 {
		width:50%;
		float:left;
	}
	.widget-area .col2 {
		width:50%;
		float:right;
	}
}


/* tablet and up widget area Styles */
@media screen and (min-width: 37.5em) {
	.widget-area hr { display: inline; }
	.widget-area .col1, .widget-area .col2 {
		width:100%;
		float:none;
	}
}
	
/*--------------------------------------------------------------
# Main Content
--------------------------------------------------------------*/

/* MOBILE FIRST Content Styles */
.site-content {
	margin:0;
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/bg_transp_white.png);
	background-repeat: repeat;
}
.entry-content p {
	margin:0 0 .75em 0;
}
.content-area {
	padding:1em;
	min-height:500px;
	
}
.metaslider .flexslider {
	margin-bottom:0px !important;
}
h1 {
	font-size: 27px;
	color: #a2272d;
}
h2 {
	font-size: 20px;
	color: #a2272d;
}
h3 {
	font-size: 17px;
	color: #a2272d;
}
h4 {
	margin:0;
}
.homepage-entry-title {
	font-family: 'DINCompPro';
	font-weight:normal;
	color:black;
	line-height:25px;
}
.homeboxes {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
.homeboxes li {
	margin:0 0 1em 0;
	padding:.5em .5em .5em 0;
	width:100%;
	text-align: center;
	display:block;
	/* border:1px solid white; */
}
.twoboxes li {
	text-align: left;
}
.twoboxes li:last-child h2 {
	margin-bottom:0px;
	padding:14px 14px 0 14px;
	background:#fec944;
	width:260px;
	display:block;
	line-height: 20px;
}
.threeboxes li {
	min-height:100px;
	/* background:#d5a6bd; */
}
.sidebar_logo_link {
	clear:both;
	padding-top:1em;
}
.sidebar_logo_link a {
	display: block;
	width: 150px;
	height: 150px;
	margin: 1em auto 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 5px solid #a2272d;
	transition: border 1s;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 
	clear:both;
}
.sidebar_logo_link a:hover {
	border: 5px solid #252525;
}
.sidebar_logo_link a.imap {
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico_imapinvasives_logo.jpg);
}
.sidebar_logo_link a.isaw {
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico_ISAW_logo.jpg);
}



.home-blog-loop {
	list-style:none;
	margin:0;
	padding:13px;
	width:100%;
	border-top:6px solid #fec944;
	background: -moz-linear-gradient(-45deg, rgba(229,209,158,1) 0%, rgba(55,50,38,0) 76%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(229,209,158,1) 0%,rgba(55,50,38,0) 76%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(229,209,158,1) 0%,rgba(55,50,38,0) 76%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d19e', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.home-blog-loop li {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border:0px;
	text-align: left;
}
.home-blog-loop h3 {
	margin:6px 0 0 0;
	padding:0;
	line-height: 15px;
}
.home-blog-loop h3 a {
	margin:0;
	padding:0;
	font-size:15px;
}
.home-blog-loop img {
	border:3px solid #e1dac7;
}



.home-highlights {
	margin:0;
	padding:13px;
	width:100%;
	border-top:6px solid #fec944;
	background: -moz-linear-gradient(-45deg, rgba(229,209,158,1) 0%, rgba(55,50,38,0) 76%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(229,209,158,1) 0%,rgba(55,50,38,0) 76%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(229,209,158,1) 0%,rgba(55,50,38,0) 76%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d19e', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.home-highlights .entry-content {
	margin:0;
	padding:0;
}
.home-highlights h3 {
	margin:0;
	padding:0;
	clear:both;
	font-size:15px;
	color:black;
}
.home-highlights img {
	border:3px solid #e1dac7;
}
.home-highlights ul, .home-highlights ul li, .home-highlights ul li ul li, .home-highlights ul li:first-child {
	margin:0;
	padding:0;
	width:100%;
	text-align: left;
	float:none;
}
.home-highlights ul li, .home-highlights ul li:first-child {
	margin-left:20px;
	display: list-item;
}
img.avatar {
    float: left;
    margin-top:-10px;
    margin-right:1em;
}

.species-list {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
.species-list li, .species-list li:first-child {
	list-style:none;
	margin:0 !important;
	padding:0;
	width:100% !important;
	height:auto;
	min-height: none;
}
.species-list li.closed:before {
	content: " \25b8 ";
	color:#a2272d;
	margin-right:4px;
}
.species-list li.open:before {
	content: " \25be ";
	color:#a2272d;
	margin-right:3px;
}
.species-list li a {
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: none;
	line-height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: 'DINCompPro-Black';
}
.species-list li a:hover {
	color:#a2272d;
}
.species-list li ul {
	margin:0 0 0 10px;
	padding:0;
}
.species-list li ul li, .species-list li ul li:first-child {
	padding:0;
}
.species-list li ul li a {
	font-family: 'DINCompPro';
}

/* tweener and up Content Styles */
@media screen and (min-width: 27.5em) {
	/*
.twoboxes li:first-child {
		width:40%;
	}
	.twoboxes li:last-child {
		width:59%;
	}
*/
}

/* tablet and up Content Styles */
@media screen and (min-width: 37.5em) {
	.site-content {
		margin:0 3em;
	}
	.content-area {
		padding:2em 2em;
		margin:0 4em;
	}
	
	/* DESKTOP blog post 2-column layout */
	.blog-post-columns {
		float: left;
		margin: 0 -25% 0 0;
		width: 100%;
	}
	.blog-post-columns .site-main {
		margin: 0 25% 0 0;
	}
	.site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 25%;
	}
	.site-footer {
		clear: both;
		width: 100%;
	}
	/* end 2-col layout */
	
	.homeboxes li {
		margin:0;
		margin:0 0 1em 1%;
		float:left;
	}
	.homeboxes li:first-child {
		margin:0;
	}
	.twoboxes li:first-child {
		width:30%;
	}
	.twoboxes li:last-child {
		width:69%;
	}
	.threeboxes li {
		width:32.35%;
	}
	.fourboxes li {
		width:24%;
	}
	.home-blog-loop li {
		float:left;
		width:32.35% !important;
		padding:0 5px 0 15px;
		border-left:1px solid #e1dac7;
	}
	.home-blog-loop li:first-child {
		padding:0 5px 0 0;
		border-left:0px;
	}
	.home-blog-loop li h3 {
		display:block;
		min-height:50px;
	}
}
/*desktop content styles*/
@media screen and (min-width:60.063em) {
	.site-content {
		margin:0 6em;
	}
	.twoboxes li:first-child {
		width:20%;
	}
	.twoboxes li:last-child {
		width:79%;
	}
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.logo {
	float:left;
	display:block;
	text-align:center;
	background:#cecece;
	font-weight:normal;
	color:#ffffff;
}

/* MOBILE FIRST Header*/
.desktop-branding {
	display:none;
}
.site-branding, .desktop-branding {
	/* background:#ffe4a1; */
}
.site-branding {
	display:block;
	margin:0;
}
.site-branding h1.site-title {
	margin:.5em;
	padding:0;
	float:left;
	width:90%;
	line-height:.75em;
}
.site-branding h1.site-title a {
	color:#000000;
	font-size:.75em;
	text-decoration: none;
	font-family: 'DINCompPro' !important;
	text-transform: uppercase;
}
.site-branding h1.site-title a span {
	color:#fbc020;
	font-family: 'DINCompPro-Black' !important;
}
.site-branding h1.site-title a.logo {
	width:60px;
	height:60px;
	font-size:.5em;
	padding-top:20px;
	line-height:11px;
	margin-right:.5em;
}
.site-branding .site-title span.site-description {
	font-size:12px;
	font-family: 'DINCompPro';
	line-height:13px;
	display:block;
	margin:0;
	padding:0;
}

/* tablet and up Header. */
@media screen and (min-width: 37.5em) {
	.site-branding {
		display:none;
	}
	.desktop-branding {
		display:block;
		margin:0;
	}
	.site-branding h1.site-title {
	margin:.5em;
	padding:0;
	float:left;
}
	.desktop-branding .site-title {
		margin:2.5em 0 1em 3em;
		padding:0;
		text-align: left;
		max-width:700px;
		float:left;
	}
	.desktop-branding .site-title h1 {
		margin:0;
		padding:0;
		line-height:1em;
	}
	.desktop-branding .site-title h1 a {
		color:#000000;
		font-size:1em;
		text-decoration: none;
		font-family: 'DINCompPro';
		text-transform: uppercase;
		font-size:26px;
		letter-spacing: 1px;
	}
	.desktop-branding .site-title h1 a span {
		color:#fbc020;
		font-family: 'DINCompPro-Black';
		margin:0;
	}
	.desktop-branding .site-title span.site-description {
		font-size:14px;
		font-family: 'DINCompPro';
		line-height:14px;
	}
	.desktop-branding a.logo-sponsor {
		float:right;
		margin:30px 20px 0 0;
	}
	.desktop-branding a.logo-sponsor img {
		height:45px;
	}
	.desktop-branding .logo {
		width:100px;
		height:100px;
		font-size:16px;
		padding-top:30px;
		line-height:16px;
		margin-right:1em;
	}
}
/*desktop header*/
@media screen and (min-width:60.063em) {
	.desktop-branding .site-title {
		margin:2.5em 0 1em 6em;
	}
}

/* Search Form with Toggle */
.search-form
.search-submit, 
#form_mobile-search{ 
display:none;
}

/*Mobile search*/
@media screen and (max-width: 37.5em) {
	.site-header .search-form {
		float:right;
		margin:0 5px 0 0;
		padding:0;
		background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-search-white.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: 25px 18px;
		width:35px;
		height:29px;
	}
	
	#mobile-search-button.search-form{width:35px !important;}
	
	.site-header .search-form label input {
		padding-left:5000px; /*hides 'search' text over icon*/
	}
	.site-header .search-field {
		background-color: transparent;
		cursor: pointer;
		border:none;
		width: 100%;
		height:20px;
	}
	
	/*updated mobile search*/
	.site-header .search-form.search-form-mobile{float:left; width:100%; height:42px; overflow:hidden; background-color: #ddcb92;}
	.site-header .search-form.search-form-mobile .search-field {
		background-color: transparent;
		/*cursor: pointer;*/
		border:none;
		width: 100%;
		width:calc(100% - 35px);
		height:20px;
		display:block !important;
		z-index:999;
		position:relative;
		top:0;
		left:0;
		right:0;
		background-color: transparent;
		border-radius: 0;
		cursor: text;
		outline: 0;
		margin: 0 0 0 40px;
		padding: 11px 0px 8px 0px;
		font-size:14px;
		line-height: 24px;
	}
	
	.site-header .search-field:focus {
		position:absolute;
		top:0;
		left:0;
		right:0;
		background-color: #fff;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
		border-radius: 0;
		cursor: text;
		outline: 0;
		width:100%;
		height: 22px;
		margin: 35px 0 0 0;
		padding: 5px 3px 5px 24px;
	}
}
/*tablet and up search*/
@media screen and (min-width: 37.5em) {
	#form_mobile-search{ 
	display:none;
	}
	.site-header .search-form {
		float:right;
		margin:4px 5px 0 0;
		padding:0;	
	}
	.site-header .search-field {
		background-color: transparent;
		background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-search-white.png);
		background-position: left;
		background-repeat: no-repeat;
		background-size: 25px 18px;
		cursor: pointer;
		border:none;
		height: 18px;
		margin: 1px 0;
		padding: 2px 3px 2px 34px;
		position: relative;
		-webkit-transition: width 400ms ease, background 400ms ease;
		transition:         width 400ms ease, background 400ms ease;
		width: 0;
	}
	.site-header .search-field:focus {
		width: 100px;
		background-color: #fff;
		border: 1px solid #c3c0ab;
		cursor: text;
		outline: 0;
		margin-top:0px;
	}
}
@media screen and (min-width:40.063em) {
	.site-header .search-field:focus {
		width: 200px;
	}
}
/*desktop and up search*/
@media screen and (min-width:60.063em) {
	.site-header .search-field:focus {
		width: 350px;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
	background:#333333;
	min-height:100px;
}
.site-footer ul#menu-footer {
	text-align: center;
	list-style: none;
	margin: 0;
    padding: 0;
}
.site-footer ul#menu-footer li {
	text-align: center;
	display: inline-block;
	margin: 0;
    padding: 0;
}
.site-footer ul#menu-footer li a {
	color:#3490e4;
	padding:0 .5em;
	border-right:1px solid #69aeee !important;
	transition:color .3s ease-in-out;
	text-decoration: none;
}
.site-footer ul#menu-footer li:last-child a {
	border-right:0px !important;
}
.site-footer ul#menu-footer li a:hover {
	color:#69aeee;
}
.site-footer .site-info p {
	color:#69aeee !important;
	text-align: center;
}

.site-footer .homeboxes {

}
.site-footer .homeboxes li {
	text-align:left;
	border:0px;
	padding: 14px 14px 14px 5px;
	font-size: 11px;
	line-height: 15px;
}
.site-footer .homeboxes li:last-child {
	border-right:0px;
}
.site-footer .homeboxes li a {
	color:#ffffff;
}

.site-footer .homeboxes li ul {
	padding:0;
	margin:0;
}
.site-footer .homeboxes li ul li {
	width:100%;
	border:none;
	display:flex !important;
	float:none;
	min-height:auto !important;
	padding:0;
	margin:0;
}
.site-footer .homeboxes li ul li a {
	color: #fbc021;
}
.site-footer .homeboxes li ul li.font_white a {
	color: #ffffff;
}


.site-info {
	margin:1em;
}
.site-footer .site-info p {
	color:#ffffff;
	font-size:13px;
	padding-left:14px;
	clear:left;
}

/*tablet and up Footer*/
@media screen and (min-width: 37.5em) {
	.site-info {
		margin:3em;
	}
	.site-footer .homeboxes li {
		border:0px;
		padding: 14px 14px 14px 5px;
		border-right: 1px solid #656565;
		min-height:200px;
	}
}
/*desktop and up Footer*/
@media screen and (min-width:60.063em) {
	.site-info {
		margin:3em 6em;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.blogmain { /*home.php*/
	margin-top:2em;
}
.hentry {
	margin: 0 0 3em 0;
	border-bottom: .5px solid #a3917f;
	padding-bottom:3em;
}
.hentry:last-child {
	border-bottom: 0px;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.entry-content .blog-loop-thumb a img { /*homepage*/
	max-width:300px;
	border:3px solid #a3917f;
	-o-transition:border .5s ease-in-out;
	-ms-transition:border .5s ease-in-out;
	-moz-transition:border .5s ease-in-out;
	-webkit-transition:border .5s ease-in-out;
	/* ...and now for the proper property */
	transition:border .5s ease-in-out;
}
.entry-content .blog-loop-thumb a img:hover { /*homepage*/
	border:3px solid #87282f;
}
.entry-header h2 { /*content-blogmain.php */
	margin:0;
}
.comments-area {
	background:#cec8c3;
	border-radius:4px;
	padding:1em;
	background: -moz-linear-gradient(-45deg, rgba(233,227,221,1) 0%, rgba(206,200,195,0) 76%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(233,227,221,1) 0%,rgba(206,200,195,0) 76%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(233,227,221,1) 0%,rgba(206,200,195,0) 76%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e3dd', endColorstr='#cec8c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}




/*--------------------------------------------------------------
## Tribe Events Calendar
--------------------------------------------------------------*/
#tribe-events-content table.tribe-events-calendar {
	background:white !important;
}



/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}







/*************************************************************************************************
MULTI-LEVEL MOBILE NAV (http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/)
**************************************************************************************************/
/* Common styles of menus */
#dl-menu ul, #dl-menu ol {
	margin-left:0;
}
.dl-trigger {
	float:right;
	width:25px;
	margin-right:.5em;
}
.dl-active{/*content: "☒"; */position:absolute; top:0; z-index:9999; right:0; top:3px; background-image: none;}
.dl-menuwrapper button.dl-active{background-image:none; text-indent:0;  text-decoration:none; font-size:1.23em; color:#000; text-shadow:none;}

#dl-menu .header-icons {
	float:right;
	margin:0;
	padding:0;
}
#dl-menu .header-icons .search-form{
	font-size:0;
	margin-top:0;
	/*margin-right:15px;*/
}
#dl-menu .header-icons img {
	width:100%;
}
#dl-menu .header-icons a {
	float:right;
	margin:3px 8px 0 0;
	display:block;
	width:25px;
	padding:3px;
}

.dl-closemenu{float:right; z-index:9; color:#000; position:absolute; right:0; top:3px; width:20px; height:20px; text-decoration:none; font-size:1.23em;}
.dl-closemenu{display:none;}

.dl-menuwrapper {
	width: 100%;
	float: left;
	position: relative;
	z-index:99;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 0px;
}
.dl-menuwrapper button {
	/*background: #ccc;
	width: 28px;
	height: 25px;*/
	border: none;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	height:30px;
	width:30px;
	background-color: transparent;
	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-bars-white.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	box-shadow: none;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
	/*background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-bars-hover.png);*/
}


.dl-menuwrapper ul {
	background-color: #a12930;
}
.dl-menuwrapper button:after {
	/*content: '';
	position: absolute;
	width: 68%;
	height: 3px;
	background: #fff;
	top: 0px;
	left: 6%;
	margin:0;
	padding:0;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;*/
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
	border-bottom:1px dashed #bb7880;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	outline: none;
	width:100%;
	text-decoration:none;
}

.no-touch .dl-menuwrapper li a:hover {
	background-color:#252525;
	text-decoration:none;
	color:#fbc020;
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 35px;
	background: rgba(0,0,0,0.1);
	font-style: italic;
	font-size:smaller;
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	/*content: "\e000" 00BB;*/
	content: "\21E2";
	color:#ffffff;
	font-weight:bolder;
	font-size:larger;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color:#ffffff;
	font-weight:bolder;
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}


.list-accordion .inner {
    padding-left: 6px;
    overflow: hidden;
    display: none;
}

.list-accordion .inner.show {

}

.list-accordion>li:before {
    content: " \25b8 ";
    color:#a2272d;
    margin-right:4px;
}
.list-accordion>li.open:before {
    content: " \25be ";
    color:#a2272d;
    margin-right:3px;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid { overflow: hidden; border: 1px solid #991821; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td,
.datagrid table th { padding:  5px 6px;}
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; color:#FFFFFF; font-size: 13px; font-weight: bold; border-left: 1px solid #B01C26; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #80141C; border-left: 1px solid #F7CDCD;font-size: 12px;font-weight: normal; }

.datagrid table tbody .alt td { background: #F7CDCD; color: #80141C; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #991821;background: #F7CDCD;}
.datagrid table tfoot td { padding: 0; font-size: 12px }
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #991821;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');background-color:#991821; }
.datagrid table tfoot ul.active,
.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #80141C; color: #FFFFFF; background: none; background-color:#991821;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

.datagrid table tbody tr:nth-child(odd){
    background-color: #f7cdcd;
    color: #fff;
}

.datagrid table thead th span {
    padding-right: 18px;
    position: relative;
    display: block;
    cursor: pointer;
}
.datagrid table thead th span:before,
.datagrid table thead th span:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
.datagrid table thead th span:before {
    visibility: visible;
    border-bottom-color: #fff;
    margin-top: -11px;
}

.datagrid table thead th span:after {
    visibility: visible;
    border-top-color: #fff;
    margin-top: 0;
}




.datagrid table thead th.sorting-asc span:before {
    visibility: hidden;
    border-bottom-color: #fff;
    margin-top: -11px;
}

.datagrid table thead th.sorting-asc span:after {
    visibility: visible;
    border-top-color: #fff;
    margin-top: 0;
}


.datagrid table thead th.sorting-desc span:before {
    visibility: visible;
    border-bottom-color: #fff;
    margin-top: -11px;
}

.datagrid table thead th.sorting-desc span:after {
    visibility: hidden;
    border-top-color: #fff;
    margin-top: 0;
}


/*********************
	RESTYLE FEB 2019
*********************/

/*to be copied into main styles above when launched*/
body#restyle {
	background-image: none;
	background-color:#eff2f7;
	font-size:14px;
}
body#restyle h1 {
    font-size: 28px;
    color: #a37121;
}
body#restyle h2 {
	color: #a37121;
	font-size: 22px;
}
body#restyle h3 {
	color: #967d41;
	font-size: 17px;
}
body#restyle h1, body#restyle h2, body#restyle h3, body#restyle h4, body#restyle h5, body#restyle h6 {
    font-family: 'DINCompPro';
}
body#restyle .site-content {
	background-image:none;
	background-color:#ffffff;	
}
body#restyle .site-content a img {
	border:2px solid #ffffff;
	transition: border 1.5s;
	min-width:250px;
}
body#restyle .site-content a img:hover {
	border:2px solid #69aeee;
}
body#restyle article p a, body#restyle article h3 a {
    color: #69aeee;
}

/*NAV*/
body#restyle .dl-menuwrapper button {
    background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-bars-blue.png);
}

body#restyle .desktop-navigation, body#restyle .main-navigation, #dl-menu {
	border-bottom: 4px solid #ceb372;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+48,efefef+57,eaeaea+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 48%, rgba(239,239,239,1) 57%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
body#restyle .dl-menuwrapper ul {
	background-color:#ffffff;
}
body#restyle .dl-menuwrapper li a {
	color:#438cd0;
}
body#restyle .dl-menuwrapper li {
	border-bottom: 1px solid #ceb372;
}
body#restyle .dl-menuwrapper li:hover {
	background-color:#ffffff;
}
body#restyle .dl-menuwrapper li a, body#restyle .dl-menuwrapper li a:hover {
	background-color:transparent !important;
}
body#restyle .dl-menuwrapper li .sub-menu li {
	border-bottom:0 !important;
}
body#restyle .dl-menuwrapper li .sub-menu li a {
	padding-left:30px;
}
@media screen and (min-width: 37.5em) {
	body#restyle .desktop-navigation {
	    border-bottom: 4px solid #ceb372;
	}
	body#restyle .desktop-navigation, body#restyle .main-navigation, #dl-menu {
		background-image: none;
		border-top:1px solid #EFEFEF;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+48,efefef+57,eaeaea+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 48%, rgba(239,239,239,1) 57%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	}
	body#restyle .desktop-navigation li {
		border-right: 1px solid #ffffff;
	}
	body#restyle .desktop-navigation a {
		color:#438cd0;
	}
	body#restyle .desktop-navigation ul ul li {
	    background: #EFEFEF;
	    padding: 0;
	    margin: 0;
	    border-bottom: 1px dashed #69aeee;
	    width: 250px;
	    float: left;
	    clear: left;
	    display: block;
	    border-right: 0;
	    height: 35px;
	}
	body#restyle .desktop-navigation ul ul li a:hover {
	    background-color: #ffffff;
	}
}

body#restyle .site-header .search-form {
/* 	background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-search-blue.png); */
}
@media screen and (min-width: 37.5em) {
	body#restyle .site-header .search-field {
		background-image: url(http://nyis.info/wp-content/themes/wireframe/images/ico-search-blue.png);
	}
}

/*HEADER*/
body#restyle h1 {
	
}
body#restyle .site-branding h1.site-title a span {
    color: #3b63be;
    font-family: 'DINCompPro-Black' !important;
}
body#restyle .site-branding span.site-description {
	padding-left:13px;
	margin-bottom:12px;
	display:block;
}
@media screen and (min-width: 37.5em) {
	body#restyle .desktop-branding .site-title h1 a span {
	    color: #3b63be;
	    font-family: 'DINCompPro-Black';
	    margin: 0;
	}
}
@media screen and (min-width: 37.5em) {
	body#restyle .desktop-branding {
	    background-color:#ffffff;
	}
}

/*HOMEPAGE*/
body#restyle .special-button {
	color:#69aeee;
	padding:12px 20px;
	border-radius: 12px;
	border:2px solid #ceb372;
	transition: border 1.5s;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+48,efefef+57,eaeaea+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 48%, rgba(239,239,239,1) 57%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 48%,rgba(239,239,239,1) 57%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
body#restyle .special-button:hover {
	border:2px solid #7dbaf0;
}

body#restyle .home-blog-loop {
	list-style:none;
	margin:0;
	padding:6px 13px 13px 13px;
	width:100%;
	border-top: 4px solid #a98f52;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ceb372+0,ffffff+77&1+0,0+77 */
background: -moz-linear-gradient(top, rgba(206,179,114,1) 0%, rgba(255,255,255,0) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(206,179,114,1) 0%,rgba(255,255,255,0) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(206,179,114,1) 0%,rgba(255,255,255,0) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb372', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
body#restyle .home-blog-loop li {
	list-style:none;
	margin:0;
	padding:20px;
	width:100%;
	text-align: left;
}
body#restyle .home-blog-loop h2, body#restyle .home-blog-loop h2 a {
	color:#ffffff !important;
	font-size:24px;
	margin-top:0;
}
body#restyle .home-blog-loop h3 a {
	margin:0;
	padding:0;
	font-size:15px;
}
body#restyle .home-blog-loop img {
	width:100% !important;
}

/*WIDGET AREA*/
body#restyle .site-content .widget-area {
	background-image:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ceb372+0,ffffff+77&1+0,0+77 */
background: -moz-linear-gradient(top, rgba(206,179,114,1) 0%, rgba(255,255,255,0) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(206,179,114,1) 0%,rgba(255,255,255,0) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(206,179,114,1) 0%,rgba(255,255,255,0) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb372', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
body#restyle .site-content .widget-area h2 {
	color:#675b2b;
}



/*FOOTER*/
body#restyle .site-footer {
    background: #e3e9f4;
    border-top: 1px solid #ceb372;
}
body#restyle .site-footer .homeboxes li ul li a {
    color: #3b63be;
}
@media screen and (min-width: 37.5em) {
	.site-footer .homeboxes li {
	    border-right: 1px solid #ffffff;
	}
}

/*SPECIES LIST*/
body#restyle .list-accordion > li::before {
    color: #675b2b;
    filter: drop-shadow(2px 1px 2px #a0a978);  
}
body#restyle .species-list li a:hover {
    color: #09c7b3;
}

/*new species landing page styles - dont need to be copied*/
body#restyle .species-landing-main {
	width:100% !important;
}
@media screen and (min-width:60.063em) {
	body#restyle .species-landing .entry-content .homeboxes.twoboxes li.description {
		width:40%;
	}
	body#restyle .species-landing .entry-content .homeboxes.twoboxes li.profiles-list {
		padding:2em;
		width:59%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9f435+0,ffffff+77&1+0,0+77 */
background: -moz-linear-gradient(-45deg, rgba(201,244,53,1) 0%, rgba(255,255,255,0) 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(201,244,53,1) 0%,rgba(255,255,255,0) 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(201,244,53,1) 0%,rgba(255,255,255,0) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9f435', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
}