﻿/*****************************************************************************/


/************************ CSS Lite Stylesheet for PM's ***********************/


/*****************************************************************************/


/* ====================== Base color palette information ==================== */


/*
Base blue
hex #428bca

Dark blue
hex #2a6496;
    
Base orange
hex #ff8000;
    
Base white
hex #fff; (or white)
*/


/* ====================== Default container styles ========================== */

.millerbannerroman {
    font-family: "adrianna";
    font-style: Normal;
    font-weight: Normal;
}

.millerbanneritalic {
    font-family: "adrianna";
    font-style: Italic;
    font-weight: Normal;
}

.millerbannerbold {
    font-family: "adrianna";
    font-style: Normal;
    font-weight: Normal;
}

div#dvCustomMasthead {
    display: block;
}

body {
    font-family: adrianna, sans-serif;
    font-weight: 300;
    background-color: #fff;
    font-size: 16px;
    color: #414D5F;
    
}

p {
    font-size: 16px;
    color: #273441;
}

a {
    color: #9EAA90;
    font-size: 16px;
}

a:hover {
    color: #9EAA90;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: adrianna, sans-serif !important;
    font-weight: 300;
}

h1 {
    font-family: 'Adrianna-Demibold';
    color: #414D5F;
    margin-bottom: 20px;
    font-size: 34px !important;
    font-weight: 600;

}

h2 {
    color: #9EAA90;
    padding: 0;
    font-size: 24px !important;
    font-weight: 600;
}

h3 {
    color: #414D5F;
    margin-bottom: 20px;
    font-size: 24px !important;
}

h4 {
    font-size: 20px !important;
    color: #414D5F;
}

h5 {
    font-size: 20px !important;
    color: #9EAA90;
}

h6 {
    font-size: 16px !important;
    color: #414D5F;
}


.Masthead {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#content-container .container {
    background-color: white;
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 1200px) {
    #content-container .container {
        width: 1260px;
    }
}
.logo_container {
    position: absolute;
    margin-left: 4px;
    top: 22px;
}
img#emeraldLogo {
    width: 250px;
	padding-top: 20px;
}

@media (min-width: 768px){
    .navbar-nav {
    float: left;
    margin-left: 270px !important;
    margin-bottom: 5px;
    }
}
/*
@media (min-width: 1190px){
    .navbar-nav {
    float: left;
    margin-left: 270px !important;
    margin-bottom: 5px;
    }
    
}*/

div#ctl00_dvTopNavigation {
    background-color: #d5cfc9;
}
/* --- Header --- */

header .container a#brand img {
    margin: 15px auto;
}


/* --- Network Nav -- */

#network {
    background-color:#ebebeb;
    /* height: 50px; */
    padding: 12px 0;
}

#network img {
    padding-top: 8px;
}

#network h5 {
    display: none;
}

#network .social {
    float: right;
}

#network .social a i {
    font-size: 24px;
    color: #484f62;
    margin: 0;
}

#network div.container {
    margin: auto;
    display: block;
    float: none;
    width: 85px;
    max-width: 1260px;
}

img.img-responsive.logo-image {
    max-width: 75%;
}

/* --- Footer --- */

.footer-container .ad-script {
    padding: 20px 10px;
    margin-bottom: ;
    border-bottom: 1px solid #bcc1c7;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    margin: 0 10px;
}

.footer-container .ad-script img {
    width: 100%;
}

footer.container {
    color: #898989;
    margin-top: 20px;
    padding-left: 7px;
    padding-top: 10px;
}

footer ul {
    font-family: "adrianna", serif;
    padding-left: 20px;
    -webkit-padding-start: 20px
}

footer h3 {
    font: 1em "adrianna", serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 25px;
    padding-left: 5px;
}

footer .footer-nav-column {
    margin-top: 25px;
}

footer a:hover {
    color: #abaec8;
    text-decoration: underline;
}

footer .footer-nav {
    padding: 30px 0 30px 0px;
    font-size: 14px;
}

footer .footer-nav .misc-links {
    margin-bottom: 10px;
}

footer .footer-nav .misc-links a:hover {
    color: #abaec8;
    text-decoration: underline;
}

footer .copyright {}

footer .nav-column .title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.copyright p {
    color: #898989;
    font-size: 14px;
}

footer .copyright {
    text-align: left;
}


/********************* Header Styles ****************/

h1 {
    font: normal 2.25em "adrianna", serif;
    color: #484f62;
    margin-bottom: 20px;
}

h2 {
    font: normal 1.5em "Miller Ban Bd", serif;
    color: #484f62;
    padding: 0;
}

h2 a {
    font: normal 1em "Miller Ban Bd", serif;
    color: #484f62;
}

h3 {
    font: normal 1.5em "adrianna", serif;
    margin-bottom: 20px;
}

h1.header,
h2.header {
    font: bold 1.875em/1.1em 'Source Sans Pro', sans-serif;
    border-top: 5px solid #333;
    color: #333;
    margin-bottom: 15px;
    padding: 15px 0 0;
    text-transform: uppercase;
}

h2.header {
    border-top: none;
}

h1.headline {
    font: 600 2em/1em 'Source Sans Pro', sans-serif;
    color: #050505;
    padding-bottom: 18px;
    text-transform: uppercase;
}

a#brand {
    padding: 0px;
}

header .container {
    position: relative;
    width: 96%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

@media (min-width: 480px) {
    header .container {
        width: 97.5%;
    }
}

@media only screen and (min-width: 1140px) {
    header .container {
        width: 97.5%;
    }
}

@media (min-width: 1300px) {
    header .container {
        width: 100%;
        padding: 0px;
    }
}


/******** Aside header style ***********/

aside h4,
aside h5,
aside p {
    padding: 4px 10px;
}

aside #upcoming-shows h4 {
    font: 400 1em 'arpona', serif;
    color: #484f62;
    text-transform: uppercase;
}

aside h5 {
    font: bold 1.5em 'Source Sans Pro', sans-serif;
    color: #000;
}

aside #upcoming-shows {
    border: 1px solid #484f62;
    padding: 15px 5px;
    text-align: center;
    color: #484f62;
    width: 300px;
    margin: 0 auto;
}

aside #upcoming-shows p {
    font: 400 .75em 'arpona', serif;
    text-transform: uppercase;
}

aside#sidebar .quicklinks {
    display: none;
}

#main.homepage aside#sidebar .quicklinks {
    display: block;
}

div#sidebar {
    border-top: 1px solid #bcc1c7;
    border-bottom: 1px solid #bcc1c7;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
    width: 100%;
}

div#sidebar .quicklinks {
    margin: 0 auto;
    width: 300px;
}

aside#sidebar {
    margin-bottom: 20px;
    text-align: center;
}


/*--- List Styles ---*/

article ul {
    margin-bottom: 25px;
}

article ul li {
    font-size: 1.125em;
}

a.dropdown-toggle.language-toggle {
    padding: 0px;
}

ul.nav.navbar-nav.navbar-right.navbar-top li {
    padding: 0px;
}
/* ====================== Additional container styles ======================= */

.breadcrumb {
    /*
    margin: 0px;
    padding: 7px 0px 0px 0px;
    background-color: transparent;
    */
}

.badge {
    /*
    background-color: #428bca;
    */
}

.pagination > li > a,
.pagination > li > span {
    /*
    color: #428bca;
    */
}

.pagination > li > a, .pagination > li > span {
    color: #6c7f9c;
}

.nav-tabs > li {
    /*
    color: #555;
    */
}

.nav-tabs > li > a:hover {
    /*
    color: #2a6496;
    */
}

.nav-tabs > li.active > a {
    /*
    border-top-color: #428bca;
    color: #428bca;
    */
}

body.no-nav {
    /*
    background-color: white;
    background-image: none;
    */
}


/* ====================== Navigational styles =============================== */

.navbar-collapse {
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    max-width: 1260px !important;
    width: 100% !important;
}

#ctl00_dvTopNavigation .container {
    width: 100% !important;
    /*max-width: 1260px !important;*/
    padding: 5px 5px 10px;
    border-bottom: 1px solid #bcc1c7;
}

.container > .navbar-collapse {
    /*
    border-bottom-color: #ff8000;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    
    border-bottom: 1px solid #bcc1c7;*/
}

/*@media (min-width: 993px) {
    .container > .navbar-collapse {
        margin-top: 20px;
    }
}*/

.navbar-top > li > a {
    /*
    padding: 5px;
    color: #428bca;
    */
}

.navbar-top > li > a:hover {
    /*
    color: #428bca;
    background-color: white;
    */
}

.navbar-nav > li > a {
    color: #414D5F;
    background-color: inherit;
    font-size: 16px;
}

.navbar-nav > li > a:hover {
    color: #414D5F;
    background-color: #d5cfc9;
    /* font-weight: 400; */
    opacity: .7;
}

.navbar-nav > li {
    color: #414D5F;
}

.navbar-nav > li:hover {
    color: #273441;

}

.navbar-nav > li.active > a {
    border-top: 5px solid #7bbe5d;
    color: #7bbe5d;
    background-color: white;
    margin-top: -5px;
}

.navbar-nav > li.active > a:hover {
    border-top: 5px solid #7bbe5d;
    color: white;
    background-color: #7bbe5d;
    margin-top: -5px;
}

.navbar-nav > li > a.active {
    color: #273441;
    background-color: white;
    
}

.navbar-nav > li.active > a {
    /*
    color: #428bca;
    background-color: white;
    */
}

.navbar-nav > li > .dropdown-menu {
    /*
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    */
}

.dropdown-menu {
    border-bottom-color: #ff8000;
    border-bottom-width: 2px;
    border-bottom-style: none;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    top: 47px;
    width: 347px;
    background-color: rgba(213,207,201,0.92)!important;
    border-color: rgba(213,207,201,0.92);
}

.dropdown-menu > li > a {
    color: #414d5f;
   /* border-bottom: 1px solid #414d5f;*/
    padding: 10px 14px 10px 0;
    margin: 0px 20px;
}

.dropdown-menu > li:last-child > a {
    border: none;
}

.dropdown-menu > li > a:hover {
    color: #414d5f;
    background-color: transparent;
}

.left-nav > li {
    /*
    border-bottom-color: #e0eded;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    */
}

.left-nav > li > a {
    /*
    color: white;
    */
}

.left-nav > li > a:hover {
    /*
    color: white;
    background-color: #ff8000;
    */
}

.left-nav > li.active > a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav > li.active > a:hover {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav > li.active > a:focus,
.left-subnav.in > li.active > a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav > li.active > .left-subnav > li > a,
.left-subnav.in > li > a {
    /*
    color: #428bca;
    */
}

.left-nav > li.active > .left-subnav > li > a:hover,
.left-subnav.in > li > a:hover {
    /*
    color: #428bca;
    */
}

.left-subnav.in > li > a {
    /*
    color: #428bca;
    padding: 8px 0px 8px 24px;
    background-color: white;
    */
}

.left-subnav > li {
    /*
    border-bottom-color: #e0eded;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    */
}

.left-subnav > li > a {
    /*
    padding: 8px 0px 8px 11px;
    color: #428bca;
    */
}

.left-subnav > li > a:hover {
    /*
    color: #428bca;
    background-color: white;
    */
}

.left-subnav > li.active > a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-subnav > li.active > a:hover {
    /*
    color: white;
    background-color: #428bca;
    */
}

.nav-username {
    /*
    padding: 5px;
    color: white;
    height: auto;
    font-size: 14px;
    */
}

#ctl00_UserInfo_lnkLogout {
    /*
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    */
}

.navbar-toggle {
    border-color: #d5cfc9;
    margin-right: 15px;
    margin-left: 5px;
    background-color: #d5cfc9;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 19px;
    height: 3px;
    border-radius: 1px;
}

i.fa.fa-caret-down {
    /*
    display: none; (This is optional)
    */
}

.icon-bar {
    background-color: #424e5f;
}

@media (max-width: 992px) {
    #ctl00_dvTopNavigation .navbar-header {
        width: 100%!important;
        border-bottom: 1px solid #bcc1c7;
        padding-top: 20px;
        padding-left: 10px;
        background-color: #d5cfc9;
    }
    .navbar-nav > li {
        color: #414d5f;
        /*border-bottom: 1px solid black;*/
        padding: 9px 10px;
    }
    .dropdown-menu > li > a:link {
        padding: 13px 50px;
    }
}


/* ====================== Custom footer styles ============================== */

#footer-container .container {
    background-color: transparent;
    border-top-color: #ff8000;
    border-top-style: none;
    border-top-width: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#footer-container {
    background-color: #ebebeb
}

footer a {
    color: #abaec8;
    text-decoration: underline;
}

footer.container.row {
    margin: 0 auto;
}

footer .nav-column .title a {
    font-size: 16px;
}

.footer h2 {
    /*
    color: white;
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    */
}

.footer ul {
    /*
    padding-left: 0px;
    margin-top: 10px;
    float: left;
    */
}

.footer ul li {
    /*
    color: white;
    text-decoration: none;
    margin-bottom: 8px;
    list-style-type: none;
    */
}

#footer-container > .container {
    width: 100%;
}


/* ================== When no content is in left sidebar =================== */

.left-container {
    /*min-height: 1px;*/
}


/* =================== img-responsive for IE ============== */

.img-responsive {
    width: auto;
}


/* =================== Fix Focus State for nav ===================== */

.nav > li > a:focus {
    background-color: transparent;
}


/* -- Media Queries --*/


/* Larger than tablet */

@media (min-width: 768px) {
    #main {
        padding-bottom: 20px;
        padding-top: 20px
    }
    h1 {
        font-size: 3em;
    }
    .error-block h1 {
        font-size: 2.25em;
    }
    .error-block h2 {
        font-size: 1.5em;
    }
    .error-block article p {
        font-size: 1.125em;
    }
    /* --- Header --- */
    #network .container .social {
        margin-right: 20px;
    }
    header .container a#brand img {
        margin: 30px auto 25px auto;
    }
    /* --- Sidebar --- */
    div#sidebar {
        display: none;
    }
    aside#sidebar .quicklinks {
        display: block;
    }
    header {
        max-width: 1260px;
        margin: 0 auto;
    }
    h1.header.top {
        margin-right: 20px;
    }
    #search h5 {
        display: none;
    }
    /* --- Network Nav -- */
    #network {
        /*display: block;
      top: 100px;
      right: 10px;*/
    }
    #network img {
        padding-top: 8px;
    }
    #network h5 {
        display: none;
    }
    #network .social {
        float: right;
    }
    #network .social a i {
        font-size: 24px;
        color: #484f62;
    }
    #network div.container {
        margin: auto;
        display: block;
        float: none;
        width: auto;
    }
    .videoWrapper iframe {
        width: calc(100% - 20px);
    }
    .videoWrapper {
        padding-bottom: 45%;
    }
    .error-block h3 {
        font-size: 3.0em;
    }
    /*-- Footer --*/
    footer.container {
        display: -webkit-flex;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding-left: 0px;
        padding-bottom: 60px;
    }
    footer .copyright {
        padding: 0;
    }
    footer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        /*justify-content: space-between;*/
    }

    @media (min-width: 1200px) {
    	footer.container.row {
    	width: 1260px;
		}
	}

    /* Push down buttons for homepage in tablet mode */
    .homepage .fluid-width {
        float: none;
    }
    .homepage .inner-block {
        margin-right: 0px;
    }
    .homepage article {
        padding-right: 10px;
    }
    .homepage #sidebar {
        float: none;
    }
    /*--- Search ---*/
    #search-page form {
        width: 80%;
    }
    .search-nav .pages {
        /*display: flex;
        justify-content: space-around;  */
        display: block;
        text-align: center;
    }
    .search-nav span.page-count {
        display: inline-block;
        margin-right: 40px;
    }
    .search-nav .navigation {
        display: inline-block;
    }
    /********** Misc ************/
    article ul,
    #main.buyers-registration article p {
        margin-bottom: 45px;
    }
    #main.open-template article p,
    #main.exhibit-inquire article p,
    #main.open-template article ul li {
        font-size: .9375em;
        line-height: 1.2em;
    }
    #main.press-release h1 {
        font-size: 3.25em;
        line-height: 55px;
    }
    #main.press-release h2 {
        font-size: 3em;
        padding-top: 0px;
        line-height: 50px;
    }
    #main.press-release article p {
        font-size: .9375em;
        line-height: auto;
    }
    #main.press-release h3 {
        margin-top: 50px;
        font-size: 1.5em;
    }
    #main.press-archive .press-releases .press-release {
        font-size: .9375em;
    }
    article img {
        padding-bottom: 10px;
    }
    #main.exhibit-inquire h2 {
        margin-top: 0px;
    }
    #main.press-release h2 {
        padding-top: 0px;
    }
}

@media screen and (min-width: 958px) {
    #main.buyers-registration h3 {
        margin-top: 50px;
    }
    .error-block h3 {
        font-size: 4.0em;
    }
    .error-block section h4 {
        font-size: 1.25em;
    }
    article ul,
    #main.open-template article p {
        margin-bottom: 20px;
    }
    #main.buyers-registration article p {
        margin-bottom: 20px;
    }
    #main.buyers-registration article p,
    #main.buyers-registration article ul li {
        font-size: .9375em;
        line-height: 1.2em;
    }
    .error-block article p {
        font-size: 1.125em;
    }
    .error-block h1 {
        font-size: 3em;
    }
    .error-block h2 {
        font-size: 1.875em;
    }
}

@media screen and (min-width: 1280px) {
    h1 {
        font-size: 3em;
        margin-bottom: 30px;
    }
    #main.exhibit-inquire h1 {
        margin-bottom: 20px;
    }
    #main.homepage {
        padding-top: 40px;
    }
    .homepage .inner-block {
        float: left;
        margin-right: 300px;
    }
    .homepage article {
        padding-right: 10px;
    }
    .homepage .fluid-width {
        float: left;
    }
    .homepage article {
        padding-right: 10px;
    }
    .homepage #sidebar {
        float: left;
    }
    #main.press-release hr {
        margin-bottom: 20px;
    }
    #main.press-archive h1 {
        margin-bottom: 50px;
    }
    #main.exhibit-inquire h2 {
        font-size: 3em;
        margin-top: 0px;
    }
    #main.exhibit-inquire article p {
        margin-bottom: 30px;
    }
    #search-page {
        text-align: center;
    }
    #search-page form {
        width: 510px;
    }
}

@media screen and (min-width: 1320px) {
    /* --- Header --- */
    #network .container .social {
        margin-right: 0;
    }
}


/* --- Network Nav -- */
#network {
    background-color:#D5CFC8;
    /*height:50px;*/
    padding:12px 0;   
    text-align:center; 
}
#network img {
    padding-top:8px;    
}
#network h5 {
    display:none;    
}
#network .social a i {
    font-size: 1.5em ;
    color: #484f62;

}

#network div.container{
    margin:auto;
    display: block;
    float: none;
    /*width: 85px  */
}

nav#network .show-locations {
  font: 400 15px 'arpona', serif;
  border-bottom: 1px solid #CCC;
  display:flex;
  padding:0px 10px 10px 10px;
  justify-content: space-between;
}

nav#network .show-locations a {
  text-transform: capitalize;
  color:#898989;
  display: inline-block;
}

nav#network .show-locations a:hover{
  color:#484f62;
}

nav#network .show-locations span {
  color: black;
  text-transform: capitalize;
  display:inline-block;
}

nav#network .show-locations a.left, nav#network .show-locations span.left{
  float:left;
}

nav#network .show-locations a.left, nav#network .show-locations span.right{
  float:right;
}

nav#network .container {width:100%;}
nav#network .social {
  float:none;
  padding-top:10px;
}


/* Larger than tablet */
@media (min-width: 768px) {

  /* --- Network Nav -- */
  #network {
      background-color:#D5CFC8;
      padding: 5px 0;    
  }
  #network img {
      padding-top:8px;    
  }
  #network h5 {
      display:none;    
  }
  #network .social a i {
      font-size: 1.5em ;
      color: #484f62;

  }

  #network div.container{
      margin:auto;
      display: block;
      float: none;
      width: auto;
  }

  nav#network .social {
    float:right;
    display:inline-block;
    padding-top:0;
  }
  nav#network .show-locations{
    justify-content: flex-start;
    align-content: flex-start;
    float:left;
    border: none;
    line-height: 27px;
    padding:0 0 0 10px;
  }

  nav#network .show-locations a, nav#network .show-locations span{
    margin-right: 15px;
  }  
}

ul.nav.navbar-nav.navbar-right .form-group.us-input {
    right: 15px;
}

button#ctl00_ucTemplate2_TopNavigation_us_btnSubmit {
    background-color: #b3b3b3;
    border-color: #b3b3b3;
}

ul.nav.navbar-nav.navbar-right li:hover {
    background-color: transparent;
}

ul.nav.navbar-nav.navbar-right .form-group.us-input .mini {
    width: 305px;
}

.btn-primary {
    background-color: #6c7f9c;
    border-color: #6c7f9c;
}

.btn-primary:hover {
    background-color: #536279;
    border-color: #536279;
}

@media (max-width: 992px) {
    ul.nav.navbar-nav.navbar-right > li:hover {
        color: #FFF;
        background-color: #7bbe5d;
    }
}

input#ctl00_ucTemplate2_TopNavigation_us_searchQuery {
    font-size: small;
}