body.dark {
    background: #43403f;
}

.posted-on {
display:none!important;
}

.site-footer {
    background: #31bebb!important;
    color: #333 !important;
}

body.dark p a {
    color: #fff;
    text-decoration: underline;
}

.clear {
    clear: both!important;
    float: left!important;
    height: 2px;
}

/* HEADER */
.site-header {
    max-width: 100% !important;
    padding:30px;
}


.menu {display: none;}

/* FOOTER  */

.site-footer {
    margin-top: 0px!important;
}

.site-footer .container {
border-top:none !important;
}

.sam-logo {
    margin-top:5rem;
}

.site-footer a {
    color: #333!important;
}

/* SIDEBAR */
body.dark .sidebar-toggle .flyout-toggle, body.dark .widget-area {
background-color:#f1b923!important;
    color: #43403f !important; 
}


.sidebar-toggle {
    height:120px;
    width: 120px;
}

.widget-area .flyout-toggle, .menu-text {
    font-family: 'Gotham 9r','Gotham A','Gotham B',Arial,Helvetica,sans-serif;
}
.widget-area .flyout-toggle {
border-bottom: solid 0px #454E57;
}

.widget-area .widget {
    border:none;
}

.widget-area {
    -webkit-box-shadow: -11px 0px 18px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -11px 0px 18px 0px rgba(0,0,0,0.1);
box-shadow: -11px 0px 18px 0px rgba(0,0,0,0.1);
}

body.dark .widget-area a, body.dark .widget-area p {
    color:#333!important;
}

body.dark .widget-area a.sam-button {
    color:#fff!important;
    text-decoration: none !important!;
}

body.dark .widget-area a:hover {
    color: #fff !important;
}

body.dark .widget-area p {
    font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

/* CAROUSELS */
.slick-slider.left-arrow:hover {
  cursor: url(http://seeingnature.site.seattleartmuseum.org/wp-content/uploads/sites/12/2017/02/left-arrow.png), e-resize !important;
}

.slick-slider.right-arrow:hover {
  cursor: url(http://seeingnature.site.seattleartmuseum.org/wp-content/uploads/sites/12/2017/02/right-arrow.png), w-resize !important;
}

/* TYPOGRAPHY */

a.post-edit-link {
	display: none;
}

p, li, td, blockquote h5 {
    font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color:#fff!important;
}

.entry-title {
	color: #f1b923 !important;
    font-family: 'Gotham 9r','Gotham A','Gotham B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 8px;
    text-transform: none;
    padding-top:0px!important;
border-top:none!important;
}

.entry-title a {
	color:#f3716d !important;
}

.carousel-caption {
	    background-color: rgba(0, 0, 0, 0.6) !important;
	    font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px !important;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.75) !important;
}

.widget-area .widget-title, .widget-area .widgettitle {

}

.widget-area .flyout-toggle {
    color:#333;
}

.widget-area .flyout-toggle:hover {
    color: #fff;
}

.widget-area .widget_text a {
    border: none!important;
}

h2 {
    color: #333 !important;
    font-family: 'Gotham 9r','Gotham A','Gotham B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 26px;
    margin-bottom: 5px;
    text-transform: none;
}

h3 {
    color: #333 !important;
    font-family: 'Gotham 9r','Gotham A','Gotham B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    text-transform: none;
}

h3.ex-dates, h3.ex-location {
    color:#fff !important;
    font-weight: 700 !important;
} 
h3.ex-location {
    margin-bottom:2rem;
}

.sam-button {
    background-color: #e33d30;
    color: #fff !important;
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    color: #333;
    font-family: 'Gotham SSm 8r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

.sam-button:hover {
	background-color: #651929;
}

p.credits {
    color:#fff!important;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

p.credits.artworks {
    font-size: 10px;
    line-height: 16px;
        margin-top:5rem;
}

footer p.credits {
    color:#fff!important;

}

.home footer p.credits {
    display: none;
}

.home footer p.credits.artworks {
    display: block;
}

/* AUTHOR / ADVISORY COMMITTEE */
#post-221, #post-224 {
  background-color: #e33d30;
  padding-top: 3rem;
    padding-bottom: 2rem;
    margin-bottom: 10px;
}

#post-224 {
  margin-bottom: 0px;
}

.at-img {
    float:right;
}

/*PLAN YOUR VISIT SECTION */

#post-96 {
    background: #f1b923!important;
        padding-top:2rem;
        padding-bottom: 2rem;
}

.post:last-of-type {margin-bottom: 0px; padding-bottom: }

#post-96 h2 {
    margin-top: 5rem !important;
}


#post-96 .entry-title , #post-96 p {
 color: #333 !important;
}

/*EVENTS */
.page-id-83 .credits.artworks {
    display: none;
}

.page-id-83 .entry-title {
    margin-bottom: 3rem;
}

/*EXTRAS */
.page-id-143 .credits {
    display: none;
}

/* UNDER 800px */
@media (max-width: 800px) {
.sidebar-toggle {
    height: 120px !important;
    width: 120px !important;
}
.sidebar-toggle {
    padding: 0 0 20px 0 !important;
    position: fixed;
    right: 0;
    z-index: 200;
    -webkit-tap-highlight-color: transparent;
    transition: .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.sidebar-toggle .flyout-toggle {
    display: inline-block;
    height: auto;
    float: right;
    line-height: 72px;
    margin: 0;
    width: 100%;
    font-size: 2rem;
}

.at-img {
    float:none;
}
}

@media (max-width: 500px){
.site-title-wrap, .site-logo {
    width: 100%;
    text-align: left;
}
.site-footer {
    text-align: left;
}

.entry-title {
  padding-top: 2rem!important;
}
}