/* -------  Header  ------- */

#header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 31;
    background-size: 100% auto;
    background: none;
    position: relative;
    float: left;
    display: block;
}

@media (min-width: 640px){
  #header {
      position: fixed;
  }
}

#header nav#main-menu {
    float: left;
    z-index: 1;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    transform: translateZ(1px);
}


@media (min-width: 640px){
  nav#main-menu{
      background: rgb(255,255,0);
  }
}

#header nav {
    position: relative;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#main-menu {
    width: 100%;
}

@media (min-width: 640px){
    nav#main-menu .menu {
        padding: 0 1.5rem;
    }
}

nav#main-menu .menu {
    overflow: hidden;
    position: relative;
    float: left;
}

#header ul.menu {
    margin: 0;
    list-style-type: none;
}

#header ul {
    list-style: none;
}

.section-shop nav#main-menu ul > li {
    background: rgba(255,255,0,0.8);
}

@media (min-width: 640px){
  #main-menu ul li {
      float: left;
      padding: 0;
  }
}

@media (min-width: 640px){
  #main-menu ul li {
    width: auto;
    clear: none;
    border-bottom: none;
  }
}

#main-menu ul li {
    margin: 0;
    list-style-type: none;
    position: relative;
    line-height: 4.375rem;
    height: 4.375rem;
}

@media (min-width: 640px){
  #header #main-menu li > a {
      padding-right: 1rem;
  }
}

#header #main-menu li > a {
    white-space: nowrap;
    padding-left: 0;
    line-height: 3.8rem;
    height: 4.0625rem;
}

#header #main-menu li > a {
    color: rgba(0,0,0,.9);
}

   
#header nav a {
    vertical-align: middle;
    display: inline-block;
    font-size: 1rem;
}


[class*=" icon2-"] {
    font-family: 'Serpentine-New-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
/*     line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
       color: rgba(0,0,0,.8);
}



@media (min-width: 640px){
  .icon2-logo2 {
      font-size: 2rem;
      float: right;
      line-height: 4.475rem;
      padding: 0 1.5rem;
  }
  nav#main-menu .logo {
    display: block;
	}
}

@media (max-width: 640px){
    nav#main-menu .logo {
       display: none;
	}
  #header ul.menu{
     margin-left: 1.5em;
  }
  #header{
  	background: yellow;
   }
}

.device-small #header h1.page-title {
    position: relative;
    float: right;
    text-align: right;
    font-size: 1.3rem;
    line-height: 4.375rem;
    height: 4.375rem;
    z-index: 20;
    padding: 0 35px 0 0;
  	font-family:CuratorSerpWeb;
    font-weight: 100;
    margin: 0;
}

#header nav.expand {
    height: auto;
}

#main-menu.expand {
    overflow: visible;
}


 #main-menu ul li.active-trail > a, #main-menu > ul li a:hover {
    text-decoration: underline;
}


/*  Mobile Nav */

@media (min-width: 640px){
  div#home-expand {
      display: none;
  }
}

div#home-expand {
    float: left;
    clear: both;
    z-index: 1;
    line-height: 4.375rem;
    height: 4.375rem;
    border: none;
    cursor: pointer;
    width: 92%;
    padding: 0 1.5rem;
}


div#home-expand:before {    
    content: "\e60a";
    font-family: 'Serpentine-New-icomoon';
    font-size: 1.5rem;
    line-height: 4.375rem;
    height: 4.375rem;
    margin-left: -.5rem;
}

.show-menu div#home-expand:before {
   content: "\e613";
}


.show-menu #main-menu {
  max-height: 50rem;
}

.nav-toggle svg {
    fill: #212121;
}

.nav-toggle {
    display: none;
}

.section-shop div#home-expand{
    background-color: rgb(255,255,0);
    color: rgba(0,0,0,.8);
}



/* -------  Footer  ------- */

#page-footer {
    clear: both;
    position: relative;
    overflow: hidden;
    padding: 1.5rem;

    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    transform: translateZ(1px);
      font-size: 1rem;
   z-index: 5;
}

 #page-footer {
    background: yellow;
   line-height: 1.5;
}

#page-footer:before {
    content: "\e60f";
    font-family: 'Serpentine-New-icomoon';
    left: 1.5rem;
    top: 1.75rem;
    line-height: 1;
    font-size: 2.25rem;
    bottom: 0;
    position: absolute;
}

#page-footer .region-page-footer {
    float: left;
    width: 100%;
      position: relative;
  
}

.section-shop .node .field-name-body {
    padding-top: 1rem;
}


#page-footer {
    color: rgba(0,0,0,.7)
}

#page-footer  div {
    position: relative;
    width: 100%;
}

#page-footer  ol, #page-footer  ul {
    list-style: none;
}

@media (min-width: 640px){
 #block-nodeblock-header-message-anonymous {
    padding-left: 25%;
    padding-bottom: 2rem;
    padding-top: 0;
}
}

@media (min-width: 1024px){
#block-nodeblock-header-message-anonymous {
    padding-left: 200px;
    padding-left: 12.5rem;
}
}


.node .field-name-body {
    padding-top: 1rem;
}

#block-nodeblock-header-message-anonymous {
    padding-bottom: 2rem;
    padding-top: 4rem;
}


#block-nodeblock-header-message-anonymous p {
    padding: 0;
    text-align: left;
    line-height: 1.5;
  margin-bottom: 0;
}




ul {
    list-style: none;
}


/* Follow links */ 



.follow-links li {
    position: relative;
}

#block-serpentine-follow-links .follow-links li {
    text-align: center;
    width: 100%;
    margin: 0;
}

 #block-serpentine-follow-links .follow-links li {
    text-align: left;
}

#page-footer #block-serpentine-follow-links ul li {
    clear: both;
    float: left;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
}

#page-footer #block-serpentine-follow-links .follow-links li {
    text-align: left;
}

#block-serpentine-follow-links ul li {
    clear: both;
    float: left;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
}


@media (min-width: 1024px){
  #page-footer #block-serpentine-follow-links {
      float: right;
      width: 200px;
      width: 12.5rem;
  }
}


 @media (min-width: 640px){
  #page-footer #block-serpentine-follow-links {
      float: right;
      width: 25%;
      padding-bottom: 1rem;
  }
}

@media (min-width: 1024px){
  #page-footer #block-serpentine-follow-links {
      float: right;
      width: 200px;
      width: 12.5rem;
  }
}


@media (min-width: 1280px){
  #navbar{
    top: 71px;
  }  
}




/* Footer menu */ 


#page-footer  .block{
	margin:0;
}

@media (min-width: 640px){
    #block-nodeblock-header-message-anonymous {
        padding-left: 25%;
        padding-bottom: 2rem;
        padding-top: 0;
    }

}


@media (min-width: 1024px){
    #block-nodeblock-header-message-anonymous {
        padding-left: 200px;
        padding-left: 12.5rem;
    }
}

@media (min-width: 1024px){
    #page-footer .footer-menu {
        position: relative;
        width: 200px;
        width: 12.5rem;
        float: right;
    }

}


#page-footer ul{
   margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}
   


#page-footer .item-list ul {
    margin: 0;
}

#page-footer ul, #page-footer ul li {
    list-style: none;
}


#page-footer article, #page-footer section, #page-footer div {
    position: relative;
    width: 100%;
}

#page-footer article{
  display: block;
  font-size: 1rem;
}



#page-footer .footer-menu {
    position: relative;
    float: left;
    width: 50%;
    padding-bottom: 1rem;
}



@media (min-width: 640px){
#page-footer .footer-menu {
    position: relative;
    width: 25%;
/*     float: right; */
}
}

@media (min-width: 1024px){
  #page-footer .footer-menu {
      position: relative;
      width: 200px;
      width: 12.5rem;
      float: right;
  }
}






#page-footer .cf:before, #page-footer .filter-items .filter-dropdowns:before, #page-footer .subtotal-row:before, #page-footer .two-input-row:before, #page-footer .page-footer__lower:before, #page-footer .page-footer__row:before, #page-footer .cf:after, #page-footer .filter-items .filter-dropdowns:after, #page-footer .subtotal-row:after, #page-footer .two-input-row:after, #page-footer .page-footer__lower:after, #page-footer .page-footer__row:after, #page-footer .block:before, #page-footer .block:after, #page-footer .inner:before, #page-footer .inner:after {
    content: "";
    display: none;
}


ul.menu li.leaf, ul.menu li.first.leaf {
    list-style-type: none;
}


#page-footer .core-venues ul {
    width: 100%;
    float: left;
    position: relative;
}


@media (min-width: 640px){
  #page-footer .core-venues {
      width: 50%;
  }
  #page-footer .core-venues ul {
      width: 100%;
  }
  #page-footer .core-venues li {
      width: 50%;
      float: left;
      margin: 0;
  }
  
}

@media (max-width: 640px){
#page-footer .footer-menu {  
    float: none;
  }
  }



@media (min-width: 1024px){
  #page-footer .core-venues li {
      width: 200px;
      width: 12.5rem;
      float: left;
      margin: 0;
  }
}

#page-footer .core-venues h2 {
    font-size: 1rem;
    padding: 0;
    line-height: 1.5;
    font-weight: 400;
  	margin:0;
      font-family: CuratorSerpWeb;
}





/*  Arts council logo  */ 


#page-footer div.ac {
    float: left;
    width: auto;
    min-width: 50%;
}

span.ac {
    font-size: 0;
}

span.ac:before {
    content: "\e601";
    font-family: 'Serpentine-New-icomoon';
    font-size: 3.6rem;
}


@media (min-width: 1024px){
  #page-footer .core-venues li {
      width: 200px;
      width: 12.5rem;
      float: left;
      margin: 0;
  }
}


footer, footer p{
    font-size: 1rem;
}


#page-footer .views-row {
    padding-bottom: 1rem;
}

#page-footer .core-venues h2 {
    font-size: 1rem;
    padding: 0;
}



/* Serpentine fonts from icomoon  */

@font-face {
  font-family: 'Serpentine-New-icomoon';
  src:  url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.eot?yc8e33');
  src:  url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.eot?yc8e33#iefix') format('embedded-opentype'),
    url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.woff2?yc8e33') format('woff2'),
    url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.ttf?yc8e33') format('truetype'),
    url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.woff?yc8e33') format('woff'),
    url('https://i.icomoon.io/public/697b474568/Serpentine/Serpentine-New-icomoon.svg?yc8e33#Serpentine-New-icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



.icon2-logo:before {
  content: "\e61a";
}
.icon2-arrow-down2:before {
  content: "\e61b";
}
.icon2-uniE600:before {
  content: "\e600";
}
.icon2-uniE603:before {
  content: "\e603";
}
.icon2-uniE604:before {
  content: "\e604";
}
.icon2-uniE605:before {
  content: "\e605";
}
.icon2-uniE606:before {
  content: "\e606";
}
.icon2-uniE607:before {
  content: "\e607";
}
.icon2-uniE608:before {
  content: "\e608";
}
.icon2-uniE609:before {
  content: "\e609";
}
.icon2-uniE60A:before {
  content: "\e60a";
}
.icon2-chevron-left:before {
  content: "\e60b";
}
.icon2-uniE60C:before {
  content: "\e60c";
}
.icon2-uniE60D:before {
  content: "\e60d";
}
.icon2-rightarrow:before {
  content: "\e60e";
}
.icon2-logo2:before {
  content: "\e60f";
}
.icon2-uniE610:before {
  content: "\e610";
}
.icon2-uniE611:before {
  content: "\e611";
}
.icon2-uniE612:before {
  content: "\e612";
}
.icon2-uniE613:before {
  content: "\e613";
}
.icon2-chevron-right:before {
  content: "\e614";
}
.icon2-uniE615:before {
  content: "\e615";
}
.icon2-uniE616:before {
  content: "\e616";
}
.icon2-uniE617:before {
  content: "\e617";
}
.icon2-uniE618:before {
  content: "\e618";
}
.icon2-chevron-down-white:before {
  content: "\e619";
}
.icon2-chevnew:before {
  content: "\e61c";
}
.icon2-elipse:before {
  content: "\e61d";
}
.icon2-calendaricon:before {
  content: "\e61e";
}
.icon2-close:before {
  content: "\e61f";
}
.icon2-grant_eps_blackeps:before {
  content: "\e601";
}