/**
 * BASE
 */

@font-face {
    font-family: 'bariolbold';
    src: url('../font/bariol_bold-webfont.eot');
    src: url('../font/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_bold-webfont.woff') format('woff'),
         url('../font/bariol_bold-webfont.ttf') format('truetype'),
         url('../font/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bariolregular';
    src: url('../font/bariol_regular-webfont.eot');
    src: url('../font/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bariol_regular-webfont.woff') format('woff'),
         url('../font/bariol_regular-webfont.ttf') format('truetype'),
         url('../font/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'misolight';
    src: url('../font/miso-light-webfont.eot');
    src: url('../font/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/miso-light-webfont.woff2') format('woff2'),
         url('../font/miso-light-webfont.woff') format('woff'),
         url('../font/miso-light-webfont.ttf') format('truetype'),
         url('../font/miso-light-webfont.svg#misolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'misobold';
    src: url('../font/miso-bold-webfont.eot');
    src: url('../font/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/miso-bold-webfont.woff2') format('woff2'),
         url('../font/miso-bold-webfont.woff') format('woff'),
         url('../font/miso-bold-webfont.ttf') format('truetype'),
         url('../font/miso-bold-webfont.svg#misobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    -webkit-text-size-adjust: none; /* prevent font scaling */
    margin: 0;
    padding: 0;
}

body {
    font-family: Oxygen, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: #211F1F;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

/** ------------------------------------------------------------------------ **/


/**
 * LINKS
 */

a {
    color: #275996;
    text-decoration: none;
}

a:focus {
    outline: 1px dotted;
}

a:hover {
    text-decoration: underline;
}

h2 a,
h2 a:focus,
h2 a:hover,
h3 a,
h3 a:focus,
h3 a:hover,
h4 a,
h4 a:focus,
h4 a:hover {
    /* color: inherit; */
    font-weight: inherit;
}

/** ------------------------------------------------------------------------ **/


/**
 * TYPOGRAPHY
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.15;
    margin: 1.25em 0 .75em 0;
    padding: 0;
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.8em;
    text-transform: uppercase;
}

h4 {
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
}

blockquote {
    margin: 1em 2em;
}

p {
    margin: 1em 0;
}

pre {
    margin: 1em 0;
    white-space: pre-wrap;
}

address,
cite,
dfn,
em,
i,
var {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

code,
kbd,
pre,
samp,
tt {
    font-family: monospace;
    font-size: 1em;
}

sub,
sup {
    font-size: smaller;
    line-height: 0;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

/** ------------------------------------------------------------------------ **/


/**
 * LISTS
 */

dl {
    margin: 1em 0;
    padding: 0;
}

dd {
    margin-left: 2em;
}

ol,
ul {
    margin: 1em 0 1em 2em;
    padding: 0;
}

ol li {
    list-style: decimal outside none;
}

ol li li {
    list-style: lower-alpha outside none;
}

ol li li li {
    list-style: lower-roman outside none;
}

ul li {
    list-style: disc outside none;
}

ul li li {
    list-style: circle outside none;
}

/** ------------------------------------------------------------------------ **/


/**
 * IMAGES
 */

img {
    border: 0;
    height: auto;
    max-width: 100%;
}

.map-canvas img, .master-map img {
     max-width: inherit;
     width: inherit;
}

/** ------------------------------------------------------------------------ **/


/**
 * TABLES
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
    width: 100%;
}

td,
th {
    border: 2px solid #fff;
    padding: 0.2em 0.5em;
    text-align: left;
}

td {
    background: #eff3f7;
}

th {
    background: #93b1cc;
    color: #fff;
    font-weight: bold;
}


/** ------------------------------------------------------------------------ **/


/**
 * FORMS
 */

label {
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    font-size: 1.3em;
    margin: 0 0 0.5em 0;
    display: block;
    text-transform: uppercase;
}

input[type=text], select, textarea, input[type=password] {
    font-family: Oxygen, Helvetica, Arial, sans-serif;
    padding: 9px 8px;
    border: 2px solid #BBBBBB;
    width: 100%;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #211F1F;
    margin-bottom: 1em;
}

input[type=text]:focus, select:focus, textarea:focus, input[type=password]:focus {
    border-color: #ED0874;
    color: #000;
}

.button, button {
    border: 0;
    background: #275996;
    display: inline-block;
    padding: 2px 7px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    color: #FFF;
    text-decoration: none !important;
    cursor: pointer;
}

.button:hover, button:hover {
    background: #BF065F;
}

.error {
    color: #275996;
    font-weight: bold;
}

span.error {
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    padding: 0 0 0 20px;
    position: relative;
    top: -.5em;
    background: url(../images/common/error.png) no-repeat;
    text-transform: uppercase;
    font-size: 1em;
    margin: 0 0 1em 0;
}

/** ------------------------------------------------------------------------ **/


/**
 * COLOURS
 */

.banner,
.contrast,
.colour-dark-grey .background,
.colour-barnsley .background,
.colour-beverley .background,
.colour-bradford .background,
.colour-coxwold .background,
.colour-danby .background,
.colour-doncaster .background,
.colour-harewood .background,
.colour-harrogate .background,
.colour-haworth .background,
.colour-huddersfield .background,
.colour-hull .background,
.colour-hutton-le-hole .background,
.colour-leeds .background,
.colour-sheffield .background,
.colour-skipton .background,
.colour-wakefield .background,
.colour-west-bretton .background,
.colour-york .background {
    background: url(../images/common/background-transparent.png) center top fixed;
}

.banner,
.contrast {
    color: #fff;
}

.banner,
.contrast                          { background-color: #231f20; }
.colour-dark-grey      .background { background-color: #495966; }
.colour-barnsley       .background { background-color: #9c257f; }
.colour-beverley       .background { background-color: #f36f21; }
.colour-bradford       .background { background-color: #e2252d; }
.colour-coxwold        .background { background-color: #dc82b6; }
.colour-danby          .background { background-color: #82824b; }
.colour-doncaster      .background { background-color: #c6992f; }
.colour-harewood       .background { background-color: #347036; }
.colour-harrogate      .background { background-color: #8bc2b0; }
.colour-haworth        .background { background-color: #9da8b0; }
.colour-huddersfield   .background { background-color: #4c8ac9; }
.colour-hull           .background { background-color: #b55a3b; }
.colour-hutton-le-hole .background { background-color: #563080; }
.colour-leeds          .background { background-color: #67ae3d; }
.colour-sheffield      .background { background-color: #006189; }
.colour-skipton        .background { background-color: #bec531; }
.colour-wakefield      .background { background-color: #febd11; }
.colour-west-bretton   .background { background-color: #00b2cb; }
.colour-york           .background { background-color: #275996; }

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | STRUCTURE
 */

.wrap {
    min-width: 320px;
    max-width: 1040px;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 14px rgba(0,0,0,0.6);
}

.header, .title-bar, .banner, .gallery, .map, .footer {
    padding: 20px;
}

.header, .title-bar, .gallery, .map, .footer {
    background: #fff;
}

.header {
    padding-top: 0;
    padding-bottom: 0;
}

.header .inner {
    padding: 20px 0;
}

.inner {
    position: relative;
}

.title-bar {
    background: #E9E9E9;
    padding: 20px;
    border-top: 5px solid #BBBBBB;
    clear: both;
}

.title-bar h2 {
    font-family: misobold, sans-serif;
    font-size: 2em;
    margin: 0;
}

.title-bar .tagline {
    margin: 0.25em 0 0 0;
    font-weight: bold;
    font-family: bariolregular, Tahoma, Geneva, Kalimati, sans-serif;
}

.title-bar .crumbtrail {
    margin: 0.5em 0 0 0;
    font-size: 1em;
    font-family: bariolregular, Tahoma, Geneva, Kalimati, sans-serif;
}

.newsletter-signup {
    width: 100%;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    background: #ED0874;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.content {
    padding: 26px 20px 0 20px;
    overflow: auto;
    position: relative;
}

.content:before {
    content: '';
    display: block;
    height: 6px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #BBB;
    background: rgba(0,0,0, 0.2);
    z-index: 1;
}

.index .content:before {
    display: none;
}

.article {
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.article-inner {
    background: #FFF;
    padding: 20px;
}

.article-inner h3:first-child,
.article-inner h4:first-child,
.article-inner h4:first-child,
.article-inner h4:first-child {
    margin-top: 0;
}

.article h3,
.article h5,
.article h6 {
    text-transform: none;
}

.article-secondary .article-inner, .article-main .article-inner, .article-full {
    border-top: 6px solid #E0E0E0;
}

.article-secondary h3 {
    font-family: misobold, sans-serif;
    font-size: 1.8em;
}

.gallery .inner {
    background: #fff;
}

.featured-image {
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #FFF;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
}

.featured-image img {
    display: block;
    margin: 0 auto;
}

.footer {
    background: #E9E9E9;
    padding-bottom: 20px;
}

.feature {
    margin-bottom: 20px;
}

.footer h3 {
    font-family: misobold, sans-serif;
    font-size: 2.5em;
    text-transform: none;
    margin-top: 0;
}

.feature h4 {
    margin: 20px 0;
}

.feature .button {
    margin-bottom: 20px;
}

.map-directions {
    margin: 0.5em 0 0 0;
    position: relative;
    top: 13px;
}

.copyright {
    clear: both;
    margin: 20px 0 0 0;
    font-size: 0.8em;
    color: #787878;
}

.copyright p:last-child {
    margin: 0;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | HEADER
 */

.header {
    overflow: auto;
}

.logos {
    overflow: auto;
}

h1 a {
    overflow: hidden;
    text-indent: -999px;
}

h1, h1 a {
    margin: 0;
    position: relative;
    display: block;
    width: 280px;
    height: 80px;
}

h1 {
    float: left;
    margin-right: 20px;
}

h1 img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.art-fund {
    width: 144px;
    margin-top: 20px;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | NAVIGATION
 */

.navigation {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
    overflow: auto;
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    color: #FFF;
    font-size: 1.2em;
}

.navigation li {
    background: #275996;
    list-style: none;
    display: inline-block;
    margin: 0 1px 6px 1px;
   -moz-transition: 250ms ease;
    -ms-transition: 250ms ease;
    -o-transition: 250ms ease;
    -webkit-transition: 250ms ease;
    transition: 250ms ease;
}

.navigation li:hover {
    background: #527AAB;
}

.navigation li.current-menu-item,.navigation li.current-menu-parent, .navigation li.current-menu-item:hover {
    background: #211D1E;
}

.navigation a {
    padding: 0 8px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | BANNER
 */

.banner {
    overflow: auto;
}

.banner h2 {
    font-family: bariolregular, Tahoma, Geneva, Kalimati, sans-serif;
    margin: 0 0 1em 0;
}

.banner h2 strong {
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    font-weight: bold;
}

/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {

    .cycle-pager span {
        background: url(../images/common/circle-white-16x16.png) center center no-repeat;
        background-size: 8px 8px;
    }

    .cycle-pager-active {
        background: url(../images/common/circle-pink-24x24.png) center center no-repeat !important;
        background-size: 12px 12px !important;
    }
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | MAPS
 */

.map-canvas {
    height: 400px;
}

.master-map {
    height: 300px;
}

.map-info-window {
    padding: 10px;
    color: #211F1F;
}

.map-info-window h3 {
    margin: 0 !important;
}

.map-info-window a {
    font-size: 16px !important;
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif !important;
}

.map-link {
    text-decoration: none;
}

.map-link div {
    margin-top: 40px;
    border: 2px solid #BBBBBB;
    height: 280px;
    background: url(../images/common/map.png) center center no-repeat;
}

.map-link:hover {
    opacity: .85;
}

.map-link h3 {
    color: #FFF;
    background: #275996;
    margin: 40px auto !important;
    width: 85%;
    text-align: center;
    padding: 10px;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | ARCHIVES
 */

.archive {
    overflow: auto;
}

.archive img {
    float: left;
    width: 25%;
    margin-bottom: 20px;
}

.archive h3, .archive p{
    float: right;
    width: 75%;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.archive.no-thumb h3, .archive.no-thumb p {
    width: 100%;
    padding-left: 0;
}

.archive p {
    display: none;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | CATEGORIES
 */

.categories {
    margin-bottom: 20px;
}

.categories a {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    color: #211F1F;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 1.3em;
    font-family: bariolregular, Tahoma, Geneva, Kalimati, sans-serif;
}


/** ------------------------------------------------------------------------ **/


/**
 * SMALL | EVENT SEARCH
 */

.em-search-main input[type=text] {
    width: 100%;
}

.em-search-options {
    float: left;
}

.em-search-options {
    float: right;
}

.em-search-form {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border: 1px solid #E0E0E0;
}

.em-search-scope {
    overflow: auto;
}

.em-date-input-loc {
    width: 40% !important;
    float: left;
    line-height: 36px;
}

.em-date-end {
    float: right;
}

.em-to {
    display: inline-block;
    width: 20%;
    text-align: center;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | CALENDAR
 */

.em-calendar-wrapper table {
    border-spacing: 0;
}

.em-calendar-wrapper td {
    height: 30px;
    border: 2px solid #fff !important;
}

.em-calendar-wrapper thead td {
    color: #fff;
}

.em-calendar-wrapper thead td, .em-calendar-wrapper .days-names {
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    text-transform: uppercase;
    background: #211F1F;
}

.em-calendar-wrapper thead a {
    color: #fff;
    text-decoration: none;
}

.em-calendar-wrapper td {
    font-family: Oxygen, Helvetica, Arial, sans-serif;
    background: #E0E0E0;
    padding: 0 !important;
    height: 40px;
    line-height: 40px;
}

.em-calendar-wrapper table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.em-calnav {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 37px;
}

.em-calnav:hover {
    background: #000;
}

td.eventful a {
    font-weight: bold;
    background: #ED0874;
    color: #fff !important;
    display: block;
    height: 100%;
    width: 100%;
}

td.eventless, td.eventless-pre, td.eventless-post {
    background: #fff !important;
}

td.eventless-today {
    font-weight: bold;
    color: #000;
    background: #EDEDED !important;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL | MINI EVENTS & LIKE
 */

.event-small {
    overflow: auto;
    position: relative;
    margin-bottom: 10px;
}

.-longdate .event-date {
    width: 72px;
}

.-longdate .event-info {
    margin-left: 85px;
}

.event-small h4, .like h4 {
    margin: 0;
}

.event-info {
    margin-left: 80px;
}

.event-venue, .like-events {
    text-transform: uppercase;
    margin-top: 0.5em;
}

.event-date {
    position: absolute;
    top: 0.3em;
    font-size: 1em;
    left: 0;
    background: #275996;
    width: 55px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.event-date strong {
    display: block;
    padding: 3px 0;
    text-align: center;
}

.event-date strong:last-child {
    background: rgba(0,0,0,0.25);
}

.event-date span {
    display: none;
}

.event-date a {
    text-decoration: none;
    color: #fff;
}

.like {
    overflow: auto;
}

.like a:hover img {
    opacity: .85;
}

.like img {
    width: 70px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}


/** ------------------------------------------------------------------------ **/


/**
 * SMALL | SLIDESHOWS
 */


.slides {
    width: 100%;
    overflow: hidden;
    border: 5px solid #fff;
    background: #fff;
}

.slide {
    width: 100%;
    height: auto;
}

.slide img {
    display: block;
}

.slideshow, .slides, .cycle-pager, .banner h2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cycle-slideshow {
    position: relative;
}

.cycle-slideshow a {
    position: relative;
    display: block;
}

.cycle-slideshow img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.banner-slideshow-title span {
    padding: 5px 9px;
    display: inline-block;
    margin: 0 auto;
}

.banner-slideshow-title {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1.1em;
    background: rgba(0,0,0,.5);
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
}

.banner-slideshow-title span {
    color: #fff !important;
}

.cycle-slideshow .slide {
    width: 100%;
    height: 100%;
}

.cycle-slideshow .slide div {
    position: absolute;
    font-size: 1em;
    overflow: auto;
    bottom: 10px;
    margin-right: 15px;
    left: 15px;
    display: inline-block;
}

.gallery-caption {
    text-align: center;
    width: 100%;
    color: #000;
}

.slideshow-desc, .slideshow-title{
    padding: 3px 6px;
    margin: 0 auto;
    display: block;
}

.slideshow-title {
    font-family: misobold, sans-serif;
}

.slideshow-desc {
    font-family: bariolbold, Tahoma, Geneva, Kalimati, sans-serif;
    text-transform: uppercase;
    display: none;
}

.cycle-pager {
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 20px;
}

.cycle-pager span {
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/common/circle-white-8x8.png) center center no-repeat;
}


.cycle-pager-active {
    background: url(../images/common/circle-pink-12x12.png) center center no-repeat !important;
}

.cycle-next, .cycle-prev {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    cursor: pointer;
    z-index: 200;
}

.cycle-next:hover, .cycle-prev:hover {
    opacity: 0.85;
}

.cycle-next, .cycle-prev {
    width: 30px;
    height: 30px;
}

.cycle-next {
    right: 10px;
    background: url(../images/common/arrow-right-small.png);
}

.cycle-prev {
    left: 10px;
    background: url(../images/common/arrow-left-small.png);
}


@media screen and (min-width: 580px) {

/**
 * SMALL/MEDIUM | BANNER
 */

.art-fund {
    float: right;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | TITLE BAR
 */

.title-bar {
    position: relative;
}

.newsletter-signup {
    width: 170px;
    height: 150px;
    background: url(../images/common/newsletter.png);
    text-indent: -999px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 200;
}

.newsletter-signup:hover {
    background-position: 0px -150px;
}

.title-bar h2, .title-bar p {
    margin-right: 170px;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | HEADER
 */

.header {
    position: relative;
}

.header .inner {
    overflow: auto;
}


/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | NAVIGATION
 */

.navigation {
    text-align: left;
    padding-bottom: 0;
}

.navigation li {
    margin-bottom: 0;
}


.index .content .inner:before {
    content: '';
    display: block;
    width: 500px;
    margin: 0 auto;
    height: 26px;
    position: absolute;
    top: -46px;
    z-index: 20;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | MAPS
 */


.master-map {
    height: 550px;
}


/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | ARCHIVES
 */

.archive img {
    margin-bottom: 40px;
}

.archive h3, .archive p{
    padding-left: 40px;
}

.archive p {
    display: block;
    margin: 0 0 40px 0;
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | SLIDESHOWS
 */



.slideshow-title {
    font-size: 1.2em;
}

.slideshow-desc {
    font-size: 0.9em;
}

.slideshow-desc {
    display: inline-block;
}

.cycle-next, .cycle-prev {
    width: 50px;
    height: 50px;
}

.cycle-next {
    right: 30px;
    background: url(../images/common/arrow-right-medium.png);
}

.cycle-prev {
    left: 30px;
    background: url(../images/common/arrow-left-medium.png);
}

/** ------------------------------------------------------------------------ **/


/**
 * SMALL/MEDIUM | FOOTER
 */

.footer .inner {
    overflow: auto;
}

.feature {
    width: 50%;
    float: left;
}

.feature-1 div,
.feature-3 div {
    padding-right: 10px;
}

.feature-2 div,
.feature-4 div {
    padding-left: 10px;
}

.feature-sep-2 {
    clear: both;
}


}

@media screen and (min-width: 680px) {

/**
 * MEDIUM | TYPOGRAPHY
 */

p {
    font-size: 1.1em;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | STRUCTURE
 */

.header, .banner, .gallery, .map, .footer, .title-bar {
    padding: 40px;
}

.content {
    padding: 46px 40px 0 40px;
}

.header {
    padding-top: 0;
    padding-bottom: 0;
}

.header .inner {
    padding: 40px 0;
}

.index .header .inner:after {
    content: '';
    display: block;
    width: 500px;
    margin: 0 auto;
    height: 26px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 20;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | HEADER
 */

h1, h1 a {
    width: 300px;
    /*height: 48px;*/
}

.art-fund {
    float: right;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | BANNER
 */

.banner h2 {
    font-size: 2em;
    margin-top: 30px;
    margin-bottom: 0.5em;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | NAVIGATION
 */

.navigation {
    font-size: 1.4em;
    line-height: 35px;
}

.navigation li {
    float: left;
    margin-right: 6px;
}

.navigation a {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | BANNER
 */

.slideshow {
    width: 50%;
    padding-right: 20px;
    float: left;
    overflow: hidden;
}

.banner h2, .cycle-pager {
    width: 50%;
    padding-left: 20px;
    float: right;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | TITLE BAR
 */

.title-bar h2 {
    font-size: 2.7em;
}

.title-bar .tagline {
    font-size: 1.4em;
}

.title-bar .crumbtrail {
    font-size: 1.1em;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | ARTICLES
 */

.article {
    margin-bottom: 40px;
}

.article h3 {
    font-size: 2.5em;
}

.article-secondary h3 {
    font-size: 2.5em;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM | CATEGORIES
 */

.categories a {
    font-size: 1.1em;
}


}

@media screen and (min-width: 800px) {

/**
 * MEDIUM/LARGE | ARTICLES
 */

.article {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.article-inner {
    padding: 30px;
}

.article-main {
    padding-right: 20px;
}

.article-secondary {
    padding-left: 20px;
}

.article-full {
    width: 100%;
}

.article-full .article-inner {
    overflow: auto;
}

/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM/LARGE | FILM
 */

.film .inner {
    overflow: auto;
}

.film .video-container {
    margin: 0;
}

.film .film-player {
    width: 50%; 
    float: left;
    padding-right: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.film {
    margin-bottom: 40px;
}

.film:last-child {
    margin-bottom: 0;
}


/** ------------------------------------------------------------------------ **/


/**
 * MEDIUM/LARGE | FOOTER
 */

.feature {
    width: 22%;
    margin-bottom: 0;
    margin-left: 4%;
}

.feature div {
    padding: 0;
}

.feature:first-child {
    margin-left: 0;
}

.feature .button {
    margin-bottom: 0;
}

.feature-sep-2 {
    clear: none;
}

}

@media screen and (min-width: 960px) {

/**
 * LARGE | STRUCTURE
 */

html {
    background: #fff url(../images/common/background.png) repeat center top fixed;
}

.wrap {
    max-width: 1040px;
}

.inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

/** ------------------------------------------------------------------------ **/

/**
 * LARGE | HEADER
 */

.logos {
    display: inline-block;
    float: left;
}

.art-fund {
    margin: 0;
    position: absolute;
    top: 25px;
    right: 0px;
}

.cc-link {
    font-weight: bold !important;
    text-decoration: none !important;
}

/** ------------------------------------------------------------------------ **/


/**
 * LARGE | TITLE BAR
 */

.newsletter-signup {
    top: -30px;
    right: 20px;
}

/** ------------------------------------------------------------------------ **/


/**
 * LARGE | NAVIGATION
 */

.navigation {
    float: right;
    display: inline;
    width: auto;
    text-align: right;
    margin: 28px 0 6px 0;
}

.navigation li {
    margin-left: 6px;
    margin-right: 0;
    float: none;
}

/** ------------------------------------------------------------------------ **/


/**
 * LARGE | TITLE BAR
 */

.title-bar {
    padding: 24px 40px;
}

.title-bar h2 {
    font-size: 3.6em;
}

.title-bar .tagline {
    font-size: 1.7em;
}

/** ------------------------------------------------------------------------ **/


/**
 * LARGE | ARCHIVE
 */

.archive {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.archive h3 {
    float: none;
    padding: 0;
}

.archive.odd {
    padding-right: 20px;
}

.archive.even {
    padding-left: 20px;
}

/** ------------------------------------------------------------------------ **/


/**
 * LARGE | SLIDESHOWS
 */

.cycle-slideshow .slide div  {
    font-size: 1.1em;
}

.cycle-next, .cycle-prev {
    width: 90px;
    height: 90px;
}


.cycle-next {
    right: 40px;
    background: url(../images/common/arrow-right-large.png);
}

.cycle-prev {
    left: 40px;
    background: url(../images/common/arrow-left-large.png);
}

}

/** ------------------------------------------------------------------------ **/


/**
 * MIXED | BANNER
 */

@media screen and (min-width: 750px) {
    .banner h2 {
        font-size: 2.4em;
        margin-top: 30px;
    }
}

@media screen and (min-width: 850px) {
    .banner h2 {
        font-size: 2.8em;
    }
}

@media screen and (min-width: 925px) {
    .banner h2 {
        font-size: 3em;
        margin-top: 40px;
    }
}

@media screen and (min-width: 1050px) {
    .banner h2 {
        font-size: 3.5em;
    }
}

/** ------------------------------------------------------------------------ **/

/**
 * COMMON
 */

.image-border {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #FFF;
}

.image-border-two {
    border: 5px solid #221F1F;
}

.image-border-three {
    border: 5px solid #E0E0E0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 2em 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


}