@font-face {
    font-family: 'bobregular';
    src: url('fonts/bob-regular.eot');
    src: url('fonts/bob-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/bob-regular.woff2') format('woff2'),
         url('fonts/bob-regular.woff') format('woff'),
         url('fonts/bob-regular.ttf') format('truetype'),
         url('fonts/bob-regular.svg#bobregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


    @font-face{
        font-family:"UNDAAngle W05 Regular";
        src:url("fonts/a08dbd25-4eaa-466a-9212-b3da571ba192.eot?#iefix");
        src:url("fonts/a08dbd25-4eaa-466a-9212-b3da571ba192.eot?#iefix") format("eot"),url("fonts/a323b0b2-c391-402b-9721-a0f516f68767.woff2") format("woff2"),url("fonts/6421737f-7f88-46d0-883e-75fd3f8a2d7c.woff") format("woff"),url("fonts/deb908ed-6928-40f3-91f3-beb4ad39aab1.ttf") format("truetype");
    }

body.dark {
    background: #fff;
}

html {
  scroll-behavior: smooth;
}

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

.site-footer {
    background: #1d0f87!important;
    color: #333 !important;
}

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

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

.post {
    margin-bottom: 0!important;
}

/* HEADER */
.site-header-container {
    width: 100%;
    position: relative;
}

.site-header {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 20px;
    background-color: #fedb00!important;
    position: fixed;
    z-index: 199;
}



.site-header .main-navigation {
	max-width: 80%!important;
}
 
.site-logo {
	width: 20%!important
} 

.site-header .main-navigation ul li a {
    text-transform: uppercase;
    font-weight: 800!important;
    color: #1d0f87!important;
    transition: .2s ease-in-out;
}

.site-header .main-navigation ul li a:hover {
    color: #44c7e8!important;
}

/* MOBILE MENU */

.sidebar-toggle .flyout-toggle {
    margin-top: 1.5rem!important;
    color: #1d0f87!important;
}

.sidebar-toggle .flyout-toggle:hover {
    color: #44c7e8!important;
}

/* 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;
}

.footer-buttons-container {
    display: none;
}

/* SIDEBAR */
.sidebar-toggle .flyout-toggle, body.dark .widget-area {
    background-color:#fedb00!important;
    color: #1d0f87 !important; 
}

.widget-area {
    background-color:#fedb00!important;
}

.widget-area .main-navigation {
    background-color:#fedb00!important;
}

.widget-area .main-navigation ul li {
    border-top:none!important;
}

.widget-area .main-navigation ul li a {
       padding: 5px 0;
       font-weight: 800!important;
       text-transform:uppercase;
       transition: .2s ease-in-out
}

.widget-area .main-navigation ul li a:hover {
    color: #44c7e8!important;
}

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

.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;
    color: #333;
    letter-spacing: 0px;
}

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

.widget-area a {
    color: #1d0f87!important;
}

.widget-area a.sam-button {
    color: #fff!important;
}

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:#000!important;
}

.menu-item {
	font-size: 1.5rem;
	font-weight: 700!important;
}

.entry-title {
	color: #44c7ea !important;
    font-style: normal;
    font-weight: 400;
    font-size: 8.5rem;
    letter-spacing: 1px;
    line-height: 7rem;
    margin-bottom: 15px;
    margin-top: 0px!important;
    padding-top:0px!important;
border-top:none!important;
font-family: 'UNDAAngle W05 Regular';
    text-transform: uppercase;
}

.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: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-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: none;
}



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

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

.textwidget h3 {
    color: #7d743c!important;
}

.sam-button, #menu-item-274 a, #menu-item-402 a  {
    background-color: #f9423a;
    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: 700!important;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    margin-bottom: 1rem;
}

.sam-button:hover, #menu-item-274 a:hover, #menu-item-402 a:hover {
	background-color: #ffa8bb;
}

#post-96 .sam-button:hover {
    background-color: #44c7e8;
}

p.credits {
    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;
}

/* HOME PAGE */
.post {
    padding-top: 6rem!important;
    padding-bottom: 3rem!important;
}

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

#post-1 .entry-title:first-of-type {
    margin-bottom:0px!important;
}

.featured-image {
    margin-top: 10%;
}

#post-1 {
    padding-top:0!important;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

#post-224 {
  background-color: #f9423b;
}

#post-224 h2 {
    color: #fedb00!important;
}

.at-img {
    float:right;
}

/* INTERVIEW VIDEO */

#post-207 {
    background-color: #80d2bc;
    padding-top: 7rem!important;
    padding-bottom: 6rem!important;
}

.post-207 h2 {
    display: none;
}

.post-207 .featured-image {
    margin-bottom: 0!important;
}

.post-207 .entry-header {
	display: none!important;
}

.post-207 .entry-content {
	float: none!important;
	width: 100%!important;
}

/* PLAN YOUR VISIT */

#post-96 {
    background-color: #ffa8bb;
}

#post-96 .entry-title {
    color: #1d0f87!important;
}

#post-96 p {
 color: #000 !important;
}

#post-96 h3 {
    color: #e35a77!important;
}

/* EXTRAS */

#post-417 {
    background-color: #004d58;
}

#post-417 h2 {
    color:#fedb00!important;
}

#post-417 h3 {
    color: #1292a3!important;
}

#post-417 p {
	color: #fff!important;
}

#post-417 p a {
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 2px solid #ffa8bb;
    transition: .2s ease-in-out;
}

#post-417 p a:hover {
    color:#fedb00!important;

}

#post-417 p a:after {
    content: " ⟶";
}

/* EVENTS */

#post-415, .event-container {
    background: #44c7ea!important;
}

#post-415 h2, .events-title {
    color: #f9423a!important;
}



/* UNDER 800px */



@media (max-width: 800px) {
.sidebar-toggle {
    display: inline-block!important;
    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;
    margin: 0;
    width: 100%;
    font-size: 2rem;
}

.at-img {
    float:none;
}
.site-title-wrap, .site-logo {
    width: 100%;
    text-align: left;
}
.site-footer {
    text-align: left;
    padding-bottom: 4rem;
}




}

@media screen and (max-width: 480px) {


.footer-buttons-container {
    display: block!important;
    width: 100%;
    position: relative;
}

.footer-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */
}


.slick {
    max-height: 300px!important;
}

.slick-slide img {
    max-width: 300px!important;
    min-height: 300px!important;
    max-height: 300px!important;
}
.entry-title {
    font-size: 6rem;
    line-height: 5rem;
}

.grid-item {
    width: 100%;
}

.post .sam-button {
    color: #000!important;
    background-color:transparent;
    padding: 0 0 5px 0;
    border-bottom: solid 3px #f9423a;
    margin-right: 10px;
}

.post .sam-button:after {
    content: " ➜"
}

.post .sam-button:hover {
    color: #f9423a!important;
    background-color: transparent!important;
}

.widget-area .main-navigation ul li a {
    font-size: 2rem;
    margin-bottom: 10px;
}

}