/**************************************************************************************************************************
  ___  _____  ____  ____  ____     _    _  ____  ____  _   _    __    _____  _  _  ____ 
 / __)(  _  )(  _ \( ___)(  _ \   ( \/\/ )(_  _)(_  _)( )_( )  (  )  (  _  )( \/ )( ___)
( (__  )(_)(  )(_) ))__)  )(_) )   )    (  _)(_   )(   ) _ (    )(__  )(_)(  \  /  )__) 
 \___)(_____)(____/(____)(____/   (__/\__)(____) (__) (_) (_)  (____)(_____)  \/  (____)
 ____  _  _     ___  _____    __  __  ____  ____  ____    __                            
(  _ \( \/ )   / __)(  _  )  (  \/  )( ___)(  _ \(_  _)  /__\                           
 ) _ < \  /   ( (_-. )(_)(    )    (  )__)  )(_) )_)(_  /(__)\                          
(____/ (__)    \___/(_____)  (_/\/\_)(____)(____/(____)(__)(__)                         

**************************************************************************************************************************/


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.masthead {
			height: 400px;
		}

		.masthead.no-slider {
			height: 100px;
		}

		.pub-search {
			width: 35%;
		}

		.pub-search input {
			width: 68%;
		}

		.slider-container {
			height: 215px;
		}

		.slider-copy {
			height: 120px;
		}

		.site-search-wrap {
			padding: 1px 0;
		}

		.site-search-wrap img {
			padding-left: 0;
			padding-right: 4px;
		}

		.main-nav ul li a {
			padding: 14px 7px 14px 7px;
			font-size: 11px;
		}
		
		.main-nav ul li ul {
			display: none;
		}

		.news-desc {
			width: 330px;
			padding-left: 10px;
		}

		.news-desc .title {
			padding-top: 0;
			margin-top: 0;
		}

		.bio-desc {
			padding-left: 15px;
			width: 365px;
		}

		/* Publications Search */

		.pitem {
			margin-right: 56px;
		}

		.cw-title img {
			width: 95%;
		}
		
		.responsive-image, .responsive-image img {
			width: 100%;
			height: auto;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.no-mobile {
			display: none;
		}

		.mobile-only {
			display: block;
		}

		/** Sliders **/
		.masthead {
			height: 150px;
			margin-bottom: 0;
		}

		.masthead.no-slider {
			height: 5px;
		}

		.slider-container, .slider-copy {
			height: 100px;
		}

		.slide-copy-item .desc {
			display: none;
			margin-bottom: 0 !important;
			margin-top: 0 !important;
		}

		.slide-copy-item .title {
			font-size: 20px;
			line-height: 25px;
			margin-bottom: 0 !important;
		}
		
		.tier {
			padding-top: 0;
			margin-top: 0;
		}

		.pub-util-see-all {
			float: none;
			width: 100% !important;
			background-color: #dad8e8 !important;
			color: #4b328c !important;
			display: block;
			padding: 10px;
			text-align: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 14px;
		}
		
		.responsive-image, .responsive-image img  {
			width: 100%;
			height: auto;
		}

		/** Widgets **/

		.pub-util {
			margin-bottom: 0;
		}

		.filter-list li label {
			padding-left: 0;
		}

		.filter-list li {
			display: block;
			float: left;
			width: 65px;
		}
		
		.home-callout-cell.hcc-center {
			/*margin-top: 30px;*/
			margin-bottom: 20px;
		}
		
		.home-callout-cell.hcc-right {
			margin-top:10px;	
		}
		
		.home-callout-cell.hcc-left {
			margin-bottom: 20px;	
		}

		/* Main Content Area */

		.main {
			padding: 8px 15px 15px 15px;
		}

		.breadcrumbs {
			font-size: 10px;
		}

		.main h1 {
			font-size: 18px;
			margin-bottom: 0;
		}

		.main h2, .main h3 {
			font-size: 16px;
		}

		.main blockquote {
			font-size: 14px;
			padding-left: 20px;
			padding-right: 20px;
		}

		.main blockquote p {
			border: 0;
			font-style: normal;
			font-weight: 600;
			padding: 10px 0 10px 0;
			line-height: 26px;
			color: #000;
			margin-bottom: 0;
			font-size: 14px;
		}

		.main ol { 
			padding-left: 5px;	
		}

		.main ul {
			padding-left: 10px;
		}

		.news-item {
			margin: 0;
		}

		.news-thumb {
			display: none;
		}

		.news-desc {
			float: none;
			width: 100%;
			margin: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0;
		}
		
		.miniSurveyView input[type="text"], .miniSurveyView textarea {
			width: 98%;
		}
		
		.news-filters form {
			margin-bottom: 0;
			overflow: auto;
			display: block;
		}
		
		.footer-base {
			margin-top: 5px;;
		}
		
		.footer-base .footer-addy {
			margin-top: 0px;
		}

		/* Bio Styles */
		
		.bio-item {
			margin-bottom: 0;	
		}
		
		.bio-item.full {
			margin-bottom: 0;	
		}

		.bio-thumb { display: none; }

		.bio-desc {
			float: none;
			width: 100%;
			padding: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 20px 0 0px 0;
		}

		.bio-title {
			font-size: 14px;
		}

		.bio-desc .job-title {
			display: block;
			font-size: 14px;
		}

		.bio-desc .job-divider {
			display: none;
		}

		.bio-full-copy {
			padding: 0;
		}

		/** Footer **/

		.footer {
			margin-top: 0;
			padding-top: 20px;
		}

		.footer-links ul li { 
			width: 100%;
		}

		.foot-col-1 ul {
			margin-bottom: 0;
		}

		.foot-col-1, .foot-col-2 {
			float: none;
			width: 100%;
		}

		/* Publications */

		.pub-nav ul li a {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			height: 50px;
			line-height: 19px;
			padding-top: 15px;
		}

		.pub-nav ul li a.menu-toggle {
			background-image: url('../images/menu_toggle_large.jpg');
			background-repeat: no-repeat;
			background-position: right center;
			padding-right: 35px;
		}

		.pub-nav li.menu-toggle ul {
			left: -38px;
		}

		.pub-nav ul li a.mobile-line-break {
			padding-top: 7px;
		}

		.pub-filter {
			background: none;
			padding: 0;
		}

		.pub-filter.tags {
			padding-bottom: 0;
			border-bottom: 1px solid #c3c3c3; !important;
			margin: 0 !important;
		}

		.pub-filter.dates {
			padding-top: 0;
			padding-bottom: 0;
			margin-top: 4px;
			background: #ffffff;
		}

		.filter-well .filter-list {
			padding: 0 15px 15px; 15px;
			margin-bottom: 5px;
		}

		.pub-filter.date-list {
			margin-bottom: 0 !important;
		}

		.pub-filter.tags .label-purple, .pub-filter.dates .label-purple {
			background: #ffffff;
			padding: 10px 20px 10px 20px;
		}

		.pub-filter.tags .pub-filter-list {
			margin-top: 2px;
		}

		.pub-filter .pub-filter-list {
			display: none;
		}

		.pub-filter .pub-filter-list li {
			float: none;
			border-bottom: 1px solid #c3c3c3;
			margin-bottom: 2px;
		}

		.pub-filter .pub-filter-list li:last-child {
			border-bottom: 0;
		}

		.pub-filter .pub-filter-list li a {
			background: #ffffff;
			margin: 0;
			padding: 5px 20px 5px 20px;

		}

		.pub-filter .pub-filter-list li a:hover, .pub-filter .pub-filter-list li a.active {
			background: #d3d3d3;
		}

		.pub-results {
			text-align: center;
		}

		.pitem {
			float: none;
			text-align: center;
			display: inline-block;
			margin-right: 0;
		}
		
		.subsid-footer-logo {
			margin-bottom: 20px;
			display: inline-block;	
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.pub-nav {
			display: none;	
		}
		
		.slick-next, .slick-next:hover {
			right: -35px;	
		}
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/