/*******************/
/* Fonts           */
/*******************/



@font-face{font-family:"Source Sans Pro";
font-style:normal;
font-weight:300;
src:url(fonts/source-sans-pro/fonts/sourcesanspro-light-webfont.eot#iefix) format("embedded-opentype"),url(fonts/source-sans-pro/fonts/sourcesanspro-light-webfont.woff2) format("woff2"),url(fonts/source-sans-pro/fonts/sourcesanspro-light-webfont.woff) format("woff"),url(fonts/source-sans-pro/fonts/sourcesanspro-light-webfont.ttf) format("truetype");
}
@font-face{font-family:"Source Sans Pro";
font-style:normal;
font-weight:400;
src:url(fonts/source-sans-pro/fonts/sourcesanspro-regular-webfont.eot#iefix) format("embedded-opentype"),url(fonts/source-sans-pro/fonts/sourcesanspro-regular-webfont.woff2) format("woff2"),url(fonts/source-sans-pro/fonts/sourcesanspro-regular-webfont.woff) format("woff"),url(fonts/source-sans-pro/fonts/sourcesanspro-regular-webfont.ttf) format("truetype");
}
@font-face{font-family:"Source Sans Pro";
font-style:italic;
font-weight:400;
src:url(fonts/source-sans-pro/fonts/sourcesanspro-italic-webfont.eot#iefix) format("embedded-opentype"),url(fonts/source-sans-pro/fonts/sourcesanspro-italic-webfont.woff2) format("woff2"),url(fonts/source-sans-pro/fonts/sourcesanspro-italic-webfont.woff) format("woff"),url(fonts/source-sans-pro/fonts/sourcesanspro-italic-webfont.ttf) format("truetype");
}
@font-face{font-family:"Source Sans Pro";
font-style:normal;
font-weight:700;
src:url(fonts/source-sans-pro/fonts/sourcesanspro-bold-webfont.eot#iefix) format("embedded-opentype"),url(fonts/source-sans-pro/fonts/sourcesanspro-bold-webfont.woff2) format("woff2"),url(fonts/source-sans-pro/fonts/sourcesanspro-bold-webfont.woff) format("woff"),url(fonts/source-sans-pro/fonts/sourcesanspro-bold-webfont.ttf) format("truetype");
}



/*******************/
/* Gov't Banner   */
/*******************/

.official-website-banner {
    background: #f7f7f7 !important;
    color: #212121;
    font-size: 1rem;
    margin-bottom: 20px;


    *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

}

.official-website-banner__message img {
    margin-right: .5rem;
    width: 1.5625rem;
    vertical-align: middle;
}

.banner-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 1170px;
}

.official-website-banner__message {
    font-size: .75rem;
    box-sizing: border-box;
    display: block;
    line-height: 1.42857;
}

/*.official-website-banner__trigger.content-collapsed {
    background: url(../images/bluedownv.png) right 6px center no-repeat;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    overflow: visible;
    text-transform: none;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
}*/

.official-website-banner__trigger {
  background:transparent;
  border:0;
  color:#0071bc;
  padding-right:20px;
  text-transform:none;
}
.official-website-banner__trigger.content-collapsed {
  background:url(/exhibits/speccoll/themes/seasons-2-5-modernized/images/bluedownv.png) right 6px center no-repeat;
}
.official-website-banner__trigger.content-expanded {
  background:url(/exhibits/speccoll/themes/seasons-2-5-modernized/images/blueupv.png) right 6px center no-repeat;
}
.official-website-banner__content {
  display:none;
  overflow: auto;
  box-sizing: border-box;
}
.official-website-banner__content > .content-region {
  padding-top:15px;
  padding-bottom:15px;
}

/*@media (min-width: 1200px){
.banner-container {
    width: 1170px;
}}
@media (min-width: 992px){
.banner-container {
    width: 970px;
}}

@media (min-width: 768px){
.banner-container {
    width: 750px;
}}
*/
.content-region img {
    float: left;
    height: 2.5rem;
    width: 2.5rem;
    vertical-align: middle;
}

.content-region p {
  padding-right:1rem;
  padding-left:3.5rem;
}
.usa-banner__lock-image {
  height:1.5ex;
  width:1.21875ex;
}

@media (min-width: 768px){
.col-sm-6 {
    width: 50%;
    float: left;
}}

.col-sm-6{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    box-sizing: border-box;
}

@media screen and (min-width: 768px){
.official-website-banner__content > .content-region__first, .official-website-banner__content > .content-region__second {
    width: 50%;
}}

/*.official-website-banner__content > .content-region {
    float: left;
    padding: 15px 0;
    width: 100%;
}*/


 /*******************/
/* Top-most header */
/*******************/

#header-back {
    margin-top: -.5em;
    padding-top: 0;

    background: none repeat scroll 0 0 #fff;
}

#header:after,
#footer_first:after,
#footer_second:after,
#footer:after {
    clear: both;
}
#header:before,
#header:after,
#footer_first:before,
#footer_first:after,
#footer_second:before,
#footer_second:after,
#footer:before,
#footer:after {
    display: table;

    content: '';
}

#header {
    width: 100%;
    margin-top: .5em;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#skip-link {
    margin: 0;
}

#skip-link a, #skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff;
}

#usda-link a {
    color: #000 !important;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.element-invisible, .element-focusable {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    #header {
        width: 95%;
        margin-left: 1%;
    }

    #sub-links, #sub-links a {
    border: none !important;
    background-color:#fff !important;
    color:#009 !important;
   }


    #header div {
        margin-bottom:5px;
    }

    header #advanced-form > p:nth-child(2),
    #site-title,
    #nal-logos,
    /*#search-container,*/
    #sub-nav-container,
    #header_logo_site_info,
    .header__secondary-menu {
        float: none !important;
        clear: both;

        width: 95%;

        text-align: left;
    }

    header  #advanced-search {
        margin-left: -2em;
    }

    .breadcrumbs, #site-title {
        margin-left: 12px;
        margin-right: 12px;
    }
}
@media only screen and (max-width: 767px) {
    #header {
        width: 95%;
        margin-left: 1%;
    }

    #sub-links, #sub-links a {
    border: none !important;
    background-color:#fff !important;
    color:#009 !important;
   }

    #header div {
        margin-bottom:5px;
    }

    header #advanced-form > p:nth-child(2),
    #site-title,
    #nal-logos,
    #search-container,
    #sub-nav-container,
    #header_logo_site_info,
    .header__secondary-menu {
        float: none !important;
        clear: both;

        width: 95%;

        text-align: left;
    }

    header  #advanced-search {
        margin-left: -2em;
    }

    .breadcrumbs, #site-title {
        margin-left: 12px;
        margin-right: 12px;
    }
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header {
        width: 95%;
        margin-left: 1%;
    }

    #sub-links, #sub-links a {
    border: none !important;
    background-color:#fff !important;
    color:#009 !important;
   }

    #header div {
        margin-bottom:5px;
    }

    .header__logo-image {
        margin-top:10px;
    }

    header #advanced-form > p:nth-child(2),
    #site-title,
    #nal-logos,
    /*#search-container,*/
    #sub-nav-container,
    #header_logo_site_info,
    .header__secondary-menu {
        float: none !important;
        clear: both;

        width: 95%;

        text-align: left;
    }

    header  #advanced-search {
        margin-left: -2em;
    }


    .breadcrumbs, #site-title {
        margin-left: 12px;
        margin-right: 12px;
    }
}


@media only screen and (max-width: 640px) {
    #header {
        width: 95%;
        margin-left: 1%;
    }

    #sub-links, #sub-links a {
    border: none !important;
    background-color:#fff !important;
    color:#009 !important;
   }

    #header div {
        margin-bottom:5px;
    }

    .header__logo-image {
        margin-top:10px;
    }

    header #advanced-form > p:nth-child(2),
    #site-title,
    #nal-logos,
    #search-container,
    #sub-nav-container,
    #header_logo_site_info,
    .header__secondary-menu {
        float: none !important;
        clear: both;

        width: 95%;

        text-align: left;
    }

    header  #advanced-search {
        margin-left: -2em;
    }

    .breadcrumbs, #site-title {
        margin-left: 12px;
        margin-right: 12px;
    }
}


.header__logo-image {
    float: left;
    width: 4.25rem;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.header__name-and-slogan {
    margin-top: .625em;
}


.header__site-name {
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 0;



    color: #000 !important;
}

/*.header__site-link {
    color: #5c5c5c !important;
}*/

#site-slogan > a:nth-child(1) {
    color: #000 !important;
}

.header__site-link a,
.header__site-link a:visited {
    text-decoration: none;

    color: #000 !important;
}

.header__site-slogan a {
    text-decoration: none;
    color: #000 !important;
}

.header__site-slogan a:hover,
.header__site-slogan a:focus 
.header__site-link a:hover,
.header__site-link a:focus,
#usda-link a:hover,
#usda-link a:focus {
    text-decoration: underline;
}


.header__site-slogan {
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-size: 1.375rem;    
    line-height: 1.7rem;
    margin: 0;  
    color: #000 !important;
}

.header__site-link:link,
.header__site-link:visited {
    text-decoration: none;

}

#sub-links {
    font-size: 80%;

    float: right;

    max-width: 415px;

    text-align: justify;

/*    color: #f2f2f2;
    border: 2px solid #162e51;
    background-color: #162e51;*/
}

/*.autumn #sub-links {
    font-size: 80%;

    float: right;

    max-width: 415px;

    text-align: justify;

    color: #f2f2f2;
    border: 2px solid #8C2E0B;
    background-color: #8C2E0B;
}*/


#sub-links li a {
    text-decoration: none;
    /*padding: 0px 0.15em;*/
    color: #71767a;
    font-size: 0.93162rem ;
}

#sub-links > ul > li {
    display: inline-block;
    text-align: center;
    width: auto;
    /*padding: 0 15px;*/

    /*border-right: 1px solid #333;*/
}

#sub-links > ul > li:last-child {
    border-right: medium none;
}

#sub-links > ul > li + li::before {
    color: #333;
    content: '|';
    padding-right: .25rem;
}

@media only screen and (max-width: 640px) {
    #sub-links > ul > li {
        padding: 0 3px;
    }
}

#sub-links > ul.inline li {
    display: inline;

    padding: 0;

    list-style-type: none;
}

/*
#ask:after {
    content: ' a Question';
    padding-right:0.15em;
}

#contact:after {
    content: ' Us';
}

#visit:after {
    content: ' the Library';
}*/

.header__secondary-menu {
    float: right;
}

#sub-nav-container {
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-size: 1.1em;

    margin-top: .25em;

    text-align: right;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#sub-nav-container #sub-links ul {
    margin: 0;
    padding: 0;

    list-style: none outside none;
}

ul.inline {
    display: inline;

    padding: 0;
}

ul.inline li {
    display: inline;

    padding: 0 1em 0 0;

    list-style-type: none;
}


.breadcrumbs {
    font-size: .8em;
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    clear: both;

    line-height: .9em;
}

.breadcrumbs a {
  text-decoration: underline;
}

/*******************/
/* Footer          */
/*******************/

#footer-links {
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-size: .8em;
    font-weight: normal;
    line-height: .8em;

    padding: 20px 0;

    text-align: center;

    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #footer-links {
        line-height: 1em;

        width: 768px !important;
    }
}
@media only screen and (max-width: 767px) {
    #footer-links {
        line-height: 1em;

        width: 300px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #footer-links {
        line-height: 1em;

        width: 420px !important;
    }
}


@media only screen and (max-width: 640px) {
    #footer-links {
        line-height: 1em;

        width: 95%;
    }
}

#footer-links a {
    margin: 0;

    vertical-align: baseline;
    text-decoration: none;

    color: #fff;
    background: none repeat scroll 0 0 transparent;
}

.ext {
    padding-right: 12px;

    background: url('../images/extlink.png') no-repeat scroll right center transparent !important;
}

#footer {
    padding-top: 5px;

    text-align: center;
}

#footer-links ul {
    margin: 0;
    padding: 0;

    list-style-type: none;

    text-align: center;
}

#footer-links  ul li {
    display: inline;

    text-decoration: none;
}

#footer-links  ul li:after {
    content: ' \007C ';
}

#footer-links ul li:last-child:after {
    content: '';
}


#footer-address {
    font-size: .8em;
    font-weight: normal;

    padding: 0 0 5px;

    text-align: center;

    opacity: .8;
    color: #fff;
}

.winter footer {
    margin-top: 0;
    background-color: #dcdee0;
}


/*******************/
/* Other          */
/*******************/

.bibliog {
    margin-left: 1.5em;

    text-indent: -1.5em;
}

.hidden {
    display: none;
}

.debug {
  color: #FFFFFF;
  background-color: #000000;
  border: 2px solid #FFFF00;
  padding: 0px 3px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: "Merriweather",Georgia;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

h1{font-size:2.5rem;
}
h2{font-size:1.5rem;
}
h3{font-size:1.25rem;
}
h4{font-size:0.98rem;
}
h5{font-size:0.9rem;
}
h6{font-size:0.8rem;
  font-family:"Source Sans Pro",Helvetica;
}

.winter #content h1 {
    color: #000;
}

.winter #content, .winter #secondary-nav .current a, .winter #secondary-nav a.current, .winter .secondary-nav .current a, .winter .secondary-nav a.current, .winter .exhibit-section-nav .current a, .winter body {
    background-color: #fff;
}

#secondary-nav  {
    background-color: #f5f5f5 !important;    
}

#secondary-nav a {
    color: #005ea2 !important;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .winter #search-container  {
        margin-top: -0.5rem;
    }
}

#search-container a {
    font-size: 0.8rem;
    float: right;
}

.winter #content .items-nav a:link, .winter #content .items-nav a:visited, .winter #content .secondary-nav a:link, .winter #content .secondary-nav a:visited, .winter #content #secondary-nav a:link, .winter #content #secondary-nav a:visited, .winter #content #outputs a:link, .winter #content #outputs a:visited, .winter #content #exhibit-child-pages a:link, .winter #content #exhibit-child-pages a:visited {
    color: #22289f;
}