#accessibility{
    	background: white;
    	display: inline-block;
    	text-align: center;
    /*	padding: 20px 15px 20px 15px;*/
    }
    body{
    background-color: #082d49;
    /*max-width:80%; */
    /*background: url("/customizations/global/pages/images/bg_poly-accent-indigo.jpg") repeat scroll 0% 0% transparent;*/
    /*background: url("/customizations/global/pages/images/farmer.png") repeat scroll 0% 0% transparent;*/
    /*background: url("/customizations/global/pages/images/collection_thumbnails/image_p16062coll26.jpg") repeat scroll 0% 0% transparent;*/
    }
    .btn-teal{
    	color: #fff;
    	background-color: #3c807d;
    	border-color: #377673;
    	white-space: normal;
    }
    .btn-gray{
      background-color: #E4E4E4;
      color: #363636;
      border-radius: 0;
      padding: 4px 0;
      font-weight: bold;
    }
    a.btn:visited, a.btn-success:visited{
    	color: #fff;
    }
    .button > a:hover{
      background-color: #434343;
      font-weight: bold;
      color: #fff;
    }
    .cdm-footer{
    	display: flex;
    	flex-flow: column;
    	justify-content: center;
    	margin: auto;
    	text-align: center;
    }
    .cdm-footer img{
    	max-width: 400px;
    	width: 100%;
    }
    /*.cdm-footer p{
    	margin: auto;
    	font-size: 3em;
    	width: 80%;
    }*/
    .clearfix{
    	background-color: #E4E4E4;
    }
    #collection_label{
    	color: #082d49;
    }
    .collection{
      padding: 5px; 
      min-width: 300px;
 /*     margin-top: 50px; */
    }
    .collections_list{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }
    .CoreLayout-mainWrapperContainer{
    	margin-top: 200px;
    }
    		
    /*.CoreLayout-mainwrapper{
    	margin-top: 100px;
    }*/
    .feature-box{
    	background: white;
    	padding: 0px 15px 25px 15px;
    	margin: 20px 0px 0px 0px;
    	display: inline-block;
    	text-align: center;
    	height: 100%;
    }
    .footer-row{
    	margin: auto;
    }
    .Footer-footerContainer {
    	background: transparent;
    }
    .gray {
    	background-color: #f9f9f9;
    }
    h2 {
    	word-break: break-word;
    }
    .Header-controls{
    	width: 100%;
    }
    .Header-controls, .Header-headerMenuLinks{
    	position: static;
    }
    .Header-hamburgerHolder{
    	float: left;
    }
    .Header-header {
    	background-size: cover;
    	background-image: url("/customizations/global/pages/images/NCDCBackground.png");
        padding-bottom: 50px;
    	margin-left: auto;
    	margin-right: auto;
    	
    }
    .Header-headerMenuLinks a{
    	background-color: #e4e4e4 !important;
    }
    .Header-headerMenuLinks{
    	display: flex;
    	flex-wrap: nowrap;
    	background-color: #e4e4e4;
    }
    .Header-logoImage{
    	max-width:1000px;
    	max-height: 100px;
    }
    .Header-valerieBar{
    	background-color: #0a9ea5;
    }
    img.new-collection-tag{
    position: absolute;
    top: -.5em;
    right: 0;
    height:auto; /*required for IE8*/
    width:auto; /*required for IE8*/
    }
    img.img-responsive{
    	width: 100%;
    }
    .img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100%;
    max-width:100%;
    height:auto;
    }
    /*expand button full size*/
    .ItemImage-expandButton {
      height: 100%;
      width: 100%;
      opacity: 0;
      top: 0;
      right: 0;
    }
    .ItemPDF-expandButton {
      height: 100%;
      width: 100%;
      opacity: 0;
      top: 0;
      right: 0;
    }
    .label {
    	background-color: #082d49;
    }
    .most-recent-item{
    	height: 150px;
    	text-align: center;
    	overflow: hidden;
    }
    .portfolio-item{
    padding-bottom:20px;
    width: 225px;
    /*height: 350px;*/
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    /*height:400px\9; required for IE8, can be transferred to a conditional statement for production removed Aug 2019*/
    }
    .portfolio-item>.button a:visited{
    	color: #333;
    }
    portfolio-title{
    	font-weight: bold;
    	color: #333;
    }
    .row{
    background-color: #fff;
    }
    .sampling{
    position: absolute;
    top: 1em;
    left: 1.5em;
    }
    small{
    	font-size:90%;
    }
    .welcome{
    	text-align: center;
    	height: auto;
    /*	margin-top: 100px; */
    	color: white;
    	margin-left: auto;
    	margin-right: auto;
    	display: block;
    }
    .welcome p{
     /* line-height: 1; */
     font-size: 1.75em;  
    }

    #partners{
    	margin-top: 25px;
    }
    /****************** Explore BY page *****************/
    #accordion {
    margin-top:20px;
    }
    .explore-by .panel-body ul li {
    text-indent: -10px;
    margin-left: 10px;
    }
    .accordion_header_closed {
        background:white;
    }
    /* Collapse toggle arrows */
    a.toggle:after {
    font-family: FontAwesome;
    content: "\f105"; /*fa-angle-right*/
    float:right;
    }
    a.toggle.collapsed:after {
    font-family:FontAwesome;
    content: "\f107"; /*fa-angle-down*/
    float:right;
    }
    /****************** End Explore BY page *****************/
    /*media queries - go smallest screen (max-width: 400px) to largest (min-width: 801px)*/
    @media screen and (max-width: 400px){
    	.collections_list .img-thumbnail{
    		width: 100%;
    	}
    	
    	.portfolio-title{
    		text-align: center;
    	}
    	
    .welcome{
    /*	margin-top: 25px; */
    	width: 100%;
    }
    .welcome p{
    /*	font-size: .90em; */
    }
    	
    }
    @media screen and (max-width: 470px){
    	.img-thumbnail{
    		width: 100%;
    	}
    .collection {
    		margin-top: 15px;
    	}
    .Header-header{
    	height: auto;
    }
    .welcome{
    /*	margin-top: 25px; */
    	width: 100%;
    }
    .welcome p{
    	/*font-size: 1em; */
    }
    }
    @media screen and (max-width: 767px){
    	.collection {
    		margin-top: 25px;
    	}
    	
    	.CoreLayout-mainWrapperContainer {
    		margin-top: 0px;
    	}
    	
    		.footer-row.welcome{
    		font-size: .90em;
    	}
    	
    	.Header-hamburgerHolder {
    		height: 50px;
    	}
    	
    	.Header-header{
    	height: 125px;
    }
    	
    	.Header-logoImage{
    		margin-left: auto !important;
    		margin-right: auto;
    		display: block;
    		float: none;
    		width: 90%;
    	}
    		
    	.SimpleSearch-searchBox {
        top: 0px;
    	padding-left: 40px;
    }
    	.SimpleSearch-searchInputControl{
    		width: 100%;
    	}
    	
    	.welcome{
    /*	margin-top: 25px; */
    	width: 90%;
    }
    .welcome p{
    /*	font-size: 1.5em; */
    }
    	
    } /******** end max-width: 767px *****/
    @media screen and (max-width: 800px){
    	.clearfix{
    		background-color: #fff;
    	}
    	
    	.container-fluid {
    	padding-right: 0px;
    	padding-left: 0px;
    }
    .SimpleSearch-searchBox {
    	width: auto;
    	float: none;
    	position: relative;
    	top: 0;
    }
    } /******** end max-width: 800px *****/
    @media screen and (min-width: 768px) and (max-width: 800px){
   /* .CoreLayout-mainWrapperContainer{
    	margin-top: 155px;
    } */
    	.Header-header{
    		height: 175px;
    	}
    	
    		.welcome{
    	/* margin-top: 75px; */
    	width: 100%;
    }
    .welcome p{
    	/*font-size: 1.75em;*/
    }
    	
    } /****************end of (min-width: 768px) and (max-width: 800px) **************/
    @media screen and (min-width: 768px){
    	.dropdown-menu{
    		column-count: 2;
    		min-width: 760px;
    		font-size: 15px;
    	}
    	
    	.footer-row.welcome{
    		font-size: .70em;
    	}
    	
    	.Header-controls, .Header-headerMenuLinks {
    	position: static;
    }
    .Header-hamburgerHolder {
    	float: left;
    }
    	.Header-controls {
    width: 100%;
    }
    /*Uncomment this when the "give feedback about our redesigned site" menu item is deleted 
    .Header-hamburgerHolder .btn-group button {
    	display: none;
    }*/
    .Header-headerMenuLinks {
    	display: flex;
    flex-wrap: nowrap;
    	border: none;
    box-shadow: none;
    }
    .Header-headerMenuLinks h3 {
    	margin: 5px;
    }
    .preview-mode .CoreLayout-mainWrapperContainer{
    	margin-top: 350px;
    }
    .SimpleSearch-searchInput {
        margin-top: 4px;
        width: 250px;
    }
    /*Uncomment this when the "give feedback about our redesigned site" menu item is deleted 
    #bg-nested-dropdown-header{
    	display: none;
    }*/
    } /****************end of min-width: 801px **************/
    @media screen and (min-width: 801px) and (max-width: 828px){
    	.clearfix{
    		background-color: #fff;
    	}
    .CoreLayout-mainWrapperContainer{
    	margin-top: 155px;
    }
    	
    .welcome{
    	/*margin-top: 75px; */
    	width: 100%;
    }
    .welcome p{
    	/*font-size: 2em; */
    }
    	
    } /****************end of (min-width: 801px) and (max-width: 828px) **************/
    /*Comment this when the "give feedback about our redesigned site" menu item is deleted */
    @media screen and (max-width: 1271px){
    .Header-headerMenuLinks {
    	display: none;
    }
    } /****************end of (max-width: 1173px) **************/
    @media screen and (min-width: 1272px){
    .Header-hamburgerHolder {
    	margin-right: 2px;
    	margin-left: 0;
    	position: relative;
    	z-index: 2;
    }
    #bg-nested-dropdown-header{
    	display: none;
    }
    } /****************end of (min-width: 1174px) **************/
    /*End comment this when the "give feedback about our redesigned site" menu item is deleted */
    @media screen and (max-width: 1102px){
    	.Header-logoImage{
    	max-width: 450px;
    	height: auto;
    	max-height: 100px;
		}
		
		.welcome p{
     /* line-height: 1; */
     font-size: 1em; 
    }

    } /****************end of (max-width: 1102px) **************/
    }
    @media screen and (min-width: 829px) and (max-width: 1102px){
    } /****************end of (min-width: 829px) and (max-width: 1102px) **************/
    @media screen and (min-width: 958px) and (max-width: 1211px){
    	.welcome {
    	/*	margin-top: 50px; */
    	}
    }
    @media screen and (min-width: 1102px) and (max-width: 1272px){
    	.Header-headerMenuLinks h3 {
    		font-size: .85rem;
    	} 
    	
    	/*float: none; */
    }
	
    @media screen and (min-width: 1103px) and (max-width: 1418px){
    	.Header-logoImage{
    		width: 400px;
    	}
    } /****************end of (min-width: 1103px) and (max-width: 1418px) **************/
    @media screen and (min-width: 1450px) {
    	
    	.footer-row.welcome{
    		font-size: .85em;
    	}
    	
    	.container-fluid {
    	width: 90%;
    	}
    	
    	/*.CoreLayout-mainWrapperContainer{
    		margin-top: 250px;
    	}*/
    	
    	.Header-header{
    	width: 90%;
    	margin-left: auto;
    	margin-right: auto;
    }
    } /****************end of min-width: 1450px **************/