.site-banner {
    background: #FFC200;
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}
.site-header .header-span {
    
    margin-top: 2% !important;
}
.site-banner a {
    background: 
    transparent;
}
#admin-menu-wrapper {
    z-index: 10000000000 !important;
}

#edit-field-eduprog-repeat-field-date-value-1 {
    display: none;
}
@media only screen and (max-width: 600px) {
.site-banner{
	font-size: 1em !important;
	
	}	
	.site-title{
		margin-top:2%;
		}
#mobile-menu-sidr {
    margin-top: 2%;
}
	
#edit-between-date-filter-2 {

    display: block !important;
    margin: 0 !important;
    font-size: ;

}
.event-element{
width:48% !important ;
 }
.event-type {
    width: 70% !Important;
    

}
.exhibition-status {

    width: 70% !important;



}
.event-title h4 {

    font-size: 0.8333em !important;

}
#edit-between-date-filter-wrapper {

    width: 100% !important;
    font-size: 0.55em;

}
.form-type-radio label {
font-size :1em !important;
margin-left: 10%;
}

.event-date {

    top: 166px !important;

}
.event-pink-part {
top: 56px;

font-size: 0.5558em;

}
.create {

    font-size: 0.5555em !important;
}
.event-date {

    position: absolute;
   
    left: 2%;

}
.event-title {

    position: absolute;
    top: 100px !important;
    left: 2%;

}
.event-title h4 {
	font-size:0.8666em;
}
.event-category h4 {

    font-size: 0.7em !important;
    padding: 3%;

}
.form-type-radio {

    width: 100% !important;

}
#edit-between-date-filter-2-wrapper {

    width: 100%;

}
#edit-between-date-filter-2 label {

    font-size: 0.8em !important;

}
#edit-between-date-filter-value {

    margin: 0 !important;

}

}
.culture-pass-event p {

    font-size: 0.8666em;
    }
    .form-radios{
    
  
    display: inline-flex;
    margin: 2em 0  !Important;

    }
    .views-widget-filter-type_1 {

    width: 100%;

}
.form-type-radio {
    width: 77px;
}
#edit-between-date-filter-wrapper{ 
width: 40%;
}
.form-type-radio{
    width: 35%;
}

.form-radios{
    width: 100%;
}
/*end of mobile edition for calendar 
*/



#edit-between-date-filter-value {
    margin-top: 15%;
}
.views-widget-filter-between_date_filter_2 {
    width: 50%;
}
.eventtitle {

    width: 200px;
    text-align: center;
    background: #000;
    position: absolute;
    top: -40px;
    height: 30px;

}
.event-location-grid {
    position: absolute;
    top: 60px;
}

.eventtitle a {

    color: #fff;
    pointer-events: none;

}
.culture-pass-event p {

    font-size: 0.8666em;
    }
.create {

    margin-left: 3px;

}
.create img {
    width: 30px;
}
.event-pink-part p {
    padding-left: 2%;
    margin-bottom: 1.1em !important;
    margin-top: 1.1em;
}
.event-pink-part {
    background: #EA4089;
    position: absolute;
    top: 92px;
    color: #fff;
    height: auto;
    width: 100%;
    font-size: 0.888888em;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
}
.culture-pass-event {
    position: absolute;
    bottom: 0px;
    left: 2%;
    font-size: 0.866em;
}
.event-part-of {
    position: absolute;
    top: 310px;
    left: 2%;
}
.event-venue {
    position: absolute;
    bottom: 40px;
    left: 2%;
}
.event-date {
    position: absolute;
    top: 210px;
    margin-left: 2%;
    margin-right: 2%;
}
.event-title {
    position: absolute;
    top: 135px;
    margin-left: 2%;
    margin-right: 2%;
}
.event-image {
    position: absolute;
}
.event-status {
    position: absolute;
    background: #F9FF1E;
    z-index: 2000000;
    content: "opening";
    width: 60%;
    height: 30px;
    top: 30px;
    left: 2%;
}
.exhibition-status {
    position: absolute;
    color: #000;
    top: 30px;
    left: 2%;
    width: 60%;
    background: #F9FD40;
    text-align: center;
}
.event-type {
    position: absolute;
    width: 60%;
    left: 2%;
    background: #000;
    color: #fff;
    text-align: center;
    height: 30px;
}
.row {
    width: 100% !important;
}
.event-element {
    width: 23%;
    float: left;
    margin-right: 2%;
    height: auto;
    margin-bottom: 4%;
   position: relative;
    min-height: 350px;
    box-shadow: 0px 0px 3px 1px #bfb9b9;
}
.form-type-select select {
    width: 100% ;
	height:40px;
    

    margin-bottom: 1em;
}
@media only screen and (max-width: 500px) {
.webform-submit.button-primary.form-submit {
    float: left !important;
    margin-left: 20px !important;
    max-width: 228px;
}

.webform-component > .form-select {
    width: 100% !important;
}
form input[type="text"], form input[type="password"] {
    border: 2px solid #000000;
    padding: 0.5em;
    width: 90% !important;
}
.webform-component input {
    width: 90% !important;
}
.webform-component-file input[type="submit"]{

width: 189px !important;
margin-top: 20px;
float: right;
margin-right: 20px;


}
.form-select{width: 90% !important;margin-bottom: 10px;}
}
.form-select {
    width: 100% !important;
    cursor: pointer;
    display: inline-block;
    font-family: "DIN Next W02 Bold";
    font-size-adjust: 0.5;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1111em;
    min-height: 2.3em;
    padding: 0.6667em 3em 0.6667em 1em;
    text-transform: uppercase;
    vertical-align: middle;
    border: solid 2px;
	margin-bottom:1em;
}
.tb-megamenu-button {
    display: none !important;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
	background-color:#DAE4FC !important;}

.tb-megamenu .dropdown-menu li > a{
	border-top: 1px solid #000;
	}

.tb-megamenu-item.level-1.mega.tb-menu.dropdown.active.active-trail {
    margin-bottom: 7px;
}
.tb-megamenu .mega > .mega-dropdown-menu {
    /*border: 0 none;*/
    /*clip: rect(0px, 0px, 0px, 0px);*/
    /*display: block;*/
    /*height: 1px;*/
    /*margin: 0 !important;*/
    /*min-width: 200px;*/
    /*overflow: hidden;*/
    /*padding: 0;*/
    /*top: 48px !important;*/
    /*width: 1px;*/
}
.site-header .site-nav a {
    background-color: transparent;
    font-size: 0.88889em;
    font-weight: normal !important;
    line-height: 1.25em;
    text-transform: uppercase;
}

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    background-color: #dae4fc !important;
    color: #000 !important;
    outline: 0 none;
    text-decoration: none;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    background-color: #dae4fc;
    background-image: none !important;
    background-repeat: repeat-x;
    color: #000;
    outline: 0 none;
    text-decoration: none;
}


.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a {
    background-color: inherit;
    background-image: none;
    color: transparent !important;
    text-decoration: none;
}
.tb-megamenu .dropdown-submenu > a::after {
    border-color: transparent transparent transparent #cccccc;
    border-style: solid ;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: none !important;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.tb-megamenu-column-inner.mega-inner.clearfix {
    background: #dae4fc !important;
}
.tb-megamenu.style-blue .dropdown-menu li > a:hover, .tb-megamenu.style-blue .dropdown-menu li > a:focus, .tb-megamenu.style-blue .dropdown-submenu:hover > a {
    color: #000 !important;
}

.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
    background-color: #dae4fc !important;
    color: #000;
    outline: medium none;
    text-decoration: none;
    text-shadow: none;
}
.tb-megamenu.style-blue .nav > li > a {
    border-right: medium none;
}
.tb-megamenu .nav > li > a {
    border-top: 0 none;
    color: #000 !important;
    font-weight: bold;
    padding: 15px 18px;
    text-shadow: none;
}

.tb-megamenu.tb-megamenu-main-menu.style-blue {
    font-family: DIN Next W02 Bold;
    font-size: 0.8em;
}

.tb-megamenu.style-blue .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu.style-blue .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    border-right-color: transparent;
    color: #000;
}

.tb-megamenu.style-blue .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
    display: none !important;
}

.tb-megamenu.style-blue {
    background-color: transparent;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, .exhibition-item .status, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

@font-face { font-family: "DIN Next W02 Light"; src: url("../fonts/694409/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix"); src: url("../fonts/694409/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("../fonts/694409/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("../fonts/694409/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("../fonts/694409/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg"); }

@font-face { font-family: "DIN Next W02 Bold"; src: url("../fonts/694427/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix"); src: url("../fonts/694427/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix") format("eot"), url("../fonts/694427/109143ca-57fb-459c-9814-3a68f0245ac3.woff") format("woff"), url("../fonts/694427/c9fa50e2-c243-451a-b91b-ee74f341d7a8.ttf") format("truetype"), url("../fonts/694427/1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5.svg#1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5") format("svg"); }

@font-face { font-family: "DIN Next LT W23 Light"; src: url("../fonts/893517/77774782-4fa3-441a-bd91-702d88ef6e2d.eot?#iefix"); src: url("../fonts/893517/77774782-4fa3-441a-bd91-702d88ef6e2d.eot?#iefix") format("eot"), url("../fonts/893517/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.woff") format("woff"), url("../fonts/893517/f33821f7-e0bf-48e9-b084-b195190e3870.ttf") format("truetype"), url("../fonts/893517/6b80f501-2781-47be-982c-4f11934d6716.svg#6b80f501-2781-47be-982c-4f11934d6716") format("svg"); }

@font-face { font-family: "DIN Next LT W23 Bold"; src: url("../fonts/893520/f4bce1cb-f2a5-4bcb-af4c-79f63da8c8e0.eot?#iefix"); src: url("../fonts/893520/f4bce1cb-f2a5-4bcb-af4c-79f63da8c8e0.eot?#iefix") format("eot"), url("../fonts/893520/708871f8-768c-4f13-9371-1684fb16711f.woff") format("woff"), url("../fonts/893520/bb726818-fa8e-4f9a-9305-c3823a880f46.ttf") format("truetype"), url("../fonts/893520/93953467-ca69-4f0e-aad5-a6e7ba360f0d.svg#93953467-ca69-4f0e-aad5-a6e7ba360f0d") format("svg"); }

/* responsive videos */
.embed-container, .embedded-video .player { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed, .embedded-video .player iframe, .embedded-video .player object, .embedded-video .player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.desktop { display: none; }

@media (min-width: 569px) { .mobile { display: none; }
  .desktop { display: block; } }
/* hide-content */
.hidden-header { position: absolute !important; left: -999em; }
html[dir='rtl'] .hidden-header { left: auto; right: -999em; }

.no-margin { margin: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding { padding: 0 !important; }

/* endash afters */
/* down quote arrow mixin */
/* right quote arrow mixin */
/* left quote arrow mixin */
/* left quote arrow mixin */
.field .field-label { font-weight: normal; }

/* susy grid settings calculated using base font size */
/* compass vertical rhythm */
html { font-size: 112.5%; line-height: 0.22222em; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; height: auto; float: left; }
html[dir='rtl'] img { float: right; }

html { line-height: 0.88889em; }

body { margin: 0 auto; -webkit-backface-visibility: hidden; }

.container { width: 100%; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; }
@media (min-width: 569px) { .container { max-width: 59.448em; padding-left: 2.888em; padding-right: 2.888em; margin-left: auto; margin-right: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: auto; }
  .container:after { content: ""; display: table; clear: both; } }
.container.no-gutter { padding-left: 0; padding-right: 0; max-width: 65.222em; }

/* overlay code */
.overlay { position: fixed; top: 0; left: 0; right: 0; z-index: 1; opacity: 0.25; height: 100%; display: none; }
.overlay .container { height: 100%; }

.col { height: 100%; }
@media (min-width: 569px) { .col { width: 4.67299%; float: left; margin-right: 1.68214%; } }
.overlay .col { outline: 1px solid #00f0e9; }
@media (min-width: 569px) { .col.four { width: 23.73839%; float: left; margin-right: 1.68214%; } }

@media (min-width: 569px) { .col:nth-child(16) { width: 4.67299%; float: right; margin-right: 0; } }

.overlay .horizontal { position: absolute; top: 0; left: 0; right: 0; }
.overlay .horizontal .row { content: ''; border-bottom-width: 0.05556em; border-bottom-style: solid; padding-bottom: 3.72222em; border-color: #00f0e9; width: 100%; }

.toggle-grid { position: fixed; right: 1em; bottom: 3em; z-index: 999; }

body { background-color: #FFF; }

#main-wrapper { display: inline-block; width: 100%; }

.full-width { *zoom: 1; width: 100%; display: inline-block; padding-top: 2.444em; padding-bottom: 2.444em; clear: left; margin-bottom: -6px; }
.full-width:before, .full-width:after { content: " "; display: table; }
.full-width:after { clear: both; }
@media (min-width: 569px) { .full-width { display: block; padding-top: 4.444em; padding-bottom: 4.444em; } }
@media (min-width: 569px) { .full-width.header-area { padding-top: 2.778em; } }
.full-width.pink { background-color: #ed3c8a; }
.full-width.yellow { background-color: #faff1e; }
.full-width.blue { background-color: #79aafa; }
.full-width.orange { background-color: #ffc200; }
.full-width.grey { background-color: #efefef; }
.full-width.find-out-more.grey { background-color: #E1E1E1; }
.full-width.black { background-color: #000000; }
@media (min-width: 569px) { .full-width.pattern { margin-bottom: -6px; } }
@media (min-width: 1174px) { .full-width.pattern { background-color: #393939; } }
.full-width.dark-grey { background-color: #ededed; }
.full-width .container { padding-top: 0; padding-bottom: 0; }
.full-width .column, .full-width section { width: 100%; margin-bottom: 2em; }
.lt-ie9 .full-width .column.ie8last, .lt-ie9 .full-width section.ie8last { width: 30.09353%; float: left; margin-right: 1.68214%; display: inline; margin-right: 0; }
@media (min-width: 768px) { .full-width .column, .full-width section { margin-bottom: 0; width: 30.09353%; float: left; margin-right: 1.68214%; }
  .full-width .column.first, .full-width section.first { width: 36.44866%; float: left; margin-right: 1.68214%; padding-right: 6.35513%; }
  .full-width .column:last-child, .full-width section:last-child { width: 30.09353%; float: left; margin-right: 1.68214%; margin-right: 0; } }
.full-width .column:last-child, .full-width section:last-child { margin-bottom: 0; }
.full-width .column .share-links, .full-width section .share-links { margin-bottom: 0; }
.full-width.outro { margin-bottom: -6px; }

.half-width { *zoom: 1; margin-bottom: 2.222em; width: 100%; }
.half-width:before, .half-width:after { content: " "; display: table; }
.half-width:after { clear: both; }
@media (min-width: 768px) { .half-width { width: 49.15893%; float: left; margin-right: 1.68214%; float: left; margin-bottom: 0; }
  .half-width.last { width: 49.15893%; float: right; margin-right: 0; } }

.half-width-left { *zoom: 1; margin-bottom: 2.222em; width: 100%; }
.half-width-left:before, .half-width-left:after { content: " "; display: table; }
.half-width-left:after { clear: both; }
@media (min-width: 768px) { .half-width-left { width: 49.15893%; float: left; margin-right: 1.68214%; margin-right: 50.84107%; } }

.content.container { padding-top: 2.444em; padding-bottom: 2.444em; }
@media (min-width: 569px) { .content.container { padding-top: 4.444em; padding-bottom: 4.444em; }
  .content.container.half-padding-top { padding-top: 2.222em; } }
.node-generic-page .content.container { padding-top: 3em; padding-bottom: 1.6em; }
.node-education-hub .content.container { padding-bottom: 1.6em; }
@media (min-width: 569px) { .content.container.repeating-body-content { padding-bottom: 1.6em; } }

.filter_image { position: relative; -webkit-backface-visibility: hidden; }
.filter_image a, .no-touch .filter_image a:hover { background-color: transparent !important; padding: 0 !important; border-bottom: none !important; font-weight: normal; }
.touch .filter_image a { float: left; display: block; font-weight: normal; }
.filter_image img, html[dir='rtl'] .filter_image img { display: block; float: none; width: 100%; }
.filter_image .field-name-field-teaser-image { display: block !important; }

.view-child-pages-by-menu h4, .view-child-pages-by-menu .exhibition-item .status, .exhibition-item .view-child-pages-by-menu .status { margin-top: 0.8em; }

.no-touch .filter_image:hover { cursor: pointer; }

.filter_image canvas { display: none; position: absolute; top: 0; left: 0; width: 100%; }
.touch .filter_image canvas { display: none; }
@media (min-width: 1174px) { .ie .filter_image canvas { max-height: 100%; } }

.hover-text { position: absolute; display: none; right: 0; left: 0; text-align: left; width: 80%; margin: 0 auto; top: 50.5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.hover-text .field-name-field-teaser-text { font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; }
.field-name-field-hub-featured-children .hover-text { top: 1.2em; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.touch .hover-text, .lt-ie9 .hover-text { background-color: #ed3c8a; width: 100%; top: 0; bottom: auto; display: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 0.4em; }
@media (min-width: 569px) { .touch .hovered .hover-text, .lt-ie9 .hovered .hover-text { display: block; float: left; } }

@media (min-width: 569px) { .no-touch .filter_image:hover canvas, .no-touch .filter_image:hover .hover-text { display: block; } }
.touch .grid-four .filter_image { float: left; }
.touch .grid-four .hover-text { bottom: 6px; overflow: hidden; }

@font-face { font-family: "DIN Next W02 Light"; src: url("../fonts/694409/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix"); src: url("../fonts/694409/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("../fonts/694409/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("../fonts/694409/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("../fonts/694409/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg"); }

@font-face { font-family: "DIN Next W02 Bold"; src: url("../fonts/694427/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix"); src: url("../fonts/694427/50d13d4e-96c6-4412-a8fa-baa4814c5332.eot?#iefix") format("eot"), url("../fonts/694427/109143ca-57fb-459c-9814-3a68f0245ac3.woff") format("woff"), url("../fonts/694427/c9fa50e2-c243-451a-b91b-ee74f341d7a8.ttf") format("truetype"), url("../fonts/694427/1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5.svg#1201bd6f-15f5-4b51-9c6f-c5c4b35d31f5") format("svg"); }

@font-face { font-family: "DIN Next LT W23 Light"; src: url("../fonts/893517/77774782-4fa3-441a-bd91-702d88ef6e2d.eot?#iefix"); src: url("../fonts/893517/77774782-4fa3-441a-bd91-702d88ef6e2d.eot?#iefix") format("eot"), url("../fonts/893517/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.woff") format("woff"), url("../fonts/893517/f33821f7-e0bf-48e9-b084-b195190e3870.ttf") format("truetype"), url("../fonts/893517/6b80f501-2781-47be-982c-4f11934d6716.svg#6b80f501-2781-47be-982c-4f11934d6716") format("svg"); }

@font-face { font-family: "DIN Next LT W23 Bold"; src: url("../fonts/893520/f4bce1cb-f2a5-4bcb-af4c-79f63da8c8e0.eot?#iefix"); src: url("../fonts/893520/f4bce1cb-f2a5-4bcb-af4c-79f63da8c8e0.eot?#iefix") format("eot"), url("../fonts/893520/708871f8-768c-4f13-9371-1684fb16711f.woff") format("woff"), url("../fonts/893520/bb726818-fa8e-4f9a-9305-c3823a880f46.ttf") format("truetype"), url("../fonts/893520/93953467-ca69-4f0e-aad5-a6e7ba360f0d.svg#93953467-ca69-4f0e-aad5-a6e7ba360f0d") format("svg"); }

.hide-content, .element-invisible { position: absolute !important; left: -999em; }
html[dir='rtl'] .hide-content, html[dir='rtl'] .element-invisible { left: auto; right: -999em; }

#skip-link:focus { position: static; left: 0; }

body { font-size: 1em; line-height: 1.33333em; line-height: 1.33333em; font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; }

html[dir='rtl'] { font-family: "DIN Next LT W23 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

/* FOR REFERENCE */
h1 { width: 100%; float: left; margin-right: 3.42185%; display: inline; /* change the font size, but make sure it changes to ems */ font-size: 2em; line-height: 1.11111em; /* change the line height (leading). but make sure it changes relative to the base line height,
INSTEAD of the new font size (36px) */ line-height: 1em; /* add a bottom margin on it, but make sure it changes relative to the base line height,
INSTEAD of the new font size (36px) */ margin-bottom: 1.33333em; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; float: none; display: inline-block; }
@media (min-width: 569px) { h1 { width: 100%; font-size: 3.11111em; line-height: 1.07143em; line-height: 0.92857em; margin-bottom: 0.85714em; } }
html[dir='rtl'] h1 { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: none; margin-right: 0; }
@media (min-width: 569px) { html[dir='rtl'] h1 { line-height: 1.07143em; } }
@media (min-width: 569px) { .title-container h1 { margin-bottom: 0; } }

h2 { font-size: 2em; line-height: 1.11111em; line-height: 1em; margin-bottom: 1.11111em; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; }
@media (min-width: 569px) { h2 { font-size: 3.11111em; line-height: 1.07143em; line-height: 0.92857em; margin-bottom: 0.71429em; } }
html[dir='rtl'] h2 { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
@media (min-width: 569px) { html[dir='rtl'] h2 { line-height: 1.07143em; } }
h2.number { font-size: 3.11111em; line-height: 1.07143em; line-height: 0.92857em; margin-bottom: 0.57143em; }

.full-width .column h2 { font-size: 1.66667em; line-height: 1.2em; line-height: 1.06667em; margin-bottom: 1.06667em; }
@media (min-width: 1024px) { .full-width .column h2 { font-size: 2.44444em; line-height: 1.09091em; line-height: 0.90909em; margin-bottom: 0.72727em; } }

h3, .field-name-field-interview-question, .view-creative-resources .view-header h2, h2.homepage-slideshow__title { text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1.55556em; line-height: 1.14286em; line-height: 1.14286em; margin-bottom: 0.85714em; }
html[dir='rtl'] h3, html[dir='rtl'] .field-name-field-interview-question, html[dir='rtl'] .view-creative-resources .view-header h2, html[dir='rtl'] h2.homepage-slideshow__title { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: none; line-height: 1.28571em; }
@media (min-width: 1024px) { html[dir='rtl'] h3, html[dir='rtl'] .field-name-field-interview-question, html[dir='rtl'] .view-creative-resources .view-header h2, html[dir='rtl'] h2.homepage-slideshow__title { line-height: 1.25em; } }
@media (min-width: 1024px) { h3, .field-name-field-interview-question, .view-creative-resources .view-header h2, h2.homepage-slideshow__title { font-size: 1.77778em; line-height: 1.125em; line-height: 1em; margin-bottom: 0.75em; } }

.black-square p, .field-name-field-element-pull-quote, .field-name-field-element-user-quote, .gallery-count span, .subheading, .field-name-field-quote, .filter_image .field-name-field-teaser-text, .area-of-work-experience h4, .area-of-work-experience .exhibition-item .status, .exhibition-item .area-of-work-experience .status, .node-news-article.hub-teaser h4, .node-news-article.hub-teaser .exhibition-item .status, .exhibition-item .node-news-article.hub-teaser .status { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1.22222em; line-height: 1.27273em; line-height: 1.09091em; }
html[dir='rtl'] .black-square p, html[dir='rtl'] .field-name-field-element-pull-quote, html[dir='rtl'] .field-name-field-element-user-quote, html[dir='rtl'] .gallery-count span, html[dir='rtl'] .subheading, html[dir='rtl'] .field-name-field-quote, html[dir='rtl'] .filter_image .field-name-field-teaser-text, html[dir='rtl'] .area-of-work-experience h4, html[dir='rtl'] .area-of-work-experience .exhibition-item .status, .exhibition-item html[dir='rtl'] .area-of-work-experience .status, html[dir='rtl'] .node-news-article.hub-teaser h4, html[dir='rtl'] .node-news-article.hub-teaser .exhibition-item .status, .exhibition-item html[dir='rtl'] .node-news-article.hub-teaser .status { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; line-height: 1.45455em; text-transform: none; }

h4, .exhibition-item .status, footer h2 { text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1em; line-height: 1.33333em; line-height: 1.33333em; margin-bottom: 1.33333em; }
html[dir='rtl'] h4, html[dir='rtl'] .exhibition-item .status, .exhibition-item html[dir='rtl'] .status, html[dir='rtl'] footer h2 { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: none; line-height: 1.55556em; }
h4.pink, .exhibition-item .pink.status, footer h2.pink { color: #ed3c8a; }

p, .language-switcher, ul { margin-bottom: 1.33333em; }
.field-name-field-element-pull-quote-name p, .field-name-field-element-pull-quote-name .language-switcher, .field-name-field-element-pull-quote-name ul { margin-bottom: 0; }
p .ar a, .language-switcher .ar a, ul .ar a { font-family: "DIN Next LT W23 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

.site-title, .homepage-box .field-type-link-field { text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

.site-title { font-size: 1.11111em; line-height: 1.2em; }

.no-bold .field-name-field-teaser-text { font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: none; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; }
html[dir='rtl'] .no-bold .field-name-field-teaser-text { font-family: "DIN Next LT W23 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

.subheading { text-transform: none; }

.caption, .field-name-field-element-image-caption, .video-embed-description, .field-name-field-element-pull-quote-name, .field-name-field-element-user-quote-name, .field-name-field-interview-image-caption, .tweet-item, .instagram-item { margin-top: 0.556em; font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; display: inline-block; }

b, strong { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
html[dir='rtl'] b, html[dir='rtl'] strong { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

li { list-style-type: none; margin-bottom: 0.556em; }
@media (min-width: 569px) { .region-content li { margin-left: 36px; } }
.region-content li:before { content: '\2013'; display: inline; padding-right: 6px; }

.cbp-fwslider li { margin-left: 0; }
.cbp-fwslider li:before { display: none; }

dl { width: 100%; margin-top: 2em; display: inline-block; }
dl dt, dl dd { float: left; display: inline; width: 70%; margin-bottom: 1em; }
dl dt { clear: left; width: 30%; }

.site-nav a { font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1.11111em; line-height: 1.2em; text-transform: none; }
html[dir='rtl'] .site-nav a { font-family: "DIN Next LT W23 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.site-nav a .link-descriptor { font-size: 0.77778em; line-height: 1.42857em; }

.black { color: #FFF; }

a { text-decoration: none; background-color: #efefef; padding: 0; color: black; padding-bottom: 1px; font-weight: bold; }
a.hover, a:hover { background-color: transparent; border-bottom: 1px solid black; padding-bottom: 0; }
h2 a, h3 a, h4 a, .exhibition-item .status a, p a, .field-name-field-body-elements .field-name-field-element-text-area a, .exhibition-details__venue a, .exhibition-details__ticket a { background-color: transparent; border-bottom: 1px solid #ed3c8a; font-weight: normal; }
h2 a:hover, h3 a:hover, h4 a:hover, .exhibition-item .status a:hover, p a:hover, .field-name-field-body-elements .field-name-field-element-text-area a:hover, .exhibition-details__venue a:hover, .exhibition-details__ticket a:hover { padding-bottom: 1px; border-bottom: 1px solid #000000; }

.pink a, .orange a, .blue a, .yellow a { background-color: transparent; border-bottom: 1px solid black; padding-bottom: 0; font-weight: normal; }
.pink a:hover, .orange a:hover, .blue a:hover, .yellow a:hover { background-color: #FFFFFF; padding-bottom: 1px; border-bottom: none; }

.black a { color: #FFF; font-weight: normal; }

#footer a { background-color: transparent; border-bottom: 1px solid #FFF; padding-bottom: 0; font-weight: normal; }
#footer a:hover { padding-bottom: 1px; border-bottom: none; }

.find-out-more a { background-color: transparent; border-bottom: 1px solid black; padding-bottom: 0; font-weight: normal; }
.find-out-more a:hover { padding-bottom: 1px; border-bottom: none; }

.find-out-more a { border-bottom: 1px solid #ed3c8a; font-weight: normal; }
.find-out-more a:hover { border-bottom: 1px solid #000000; }

.sm-link { background: transparent url("../images/twitter.png") no-repeat top left; padding: 13px 0 9px 13px; height: 46px; font-weight: normal; }
.backgroundsize .sm-link { background-image: url("../images/twitter@2x.png"); background-size: 47px 92px; }
.sm-link.hover { background-position: 0 100%; }
ul .sm-link { margin-left: 0; margin-right: 0; padding: 12px 0 9px 13px; }
ul .sm-link:before { display: none; }
.sm-link.youtube { background-image: url("../images/youtube.png"); }
.backgroundsize .sm-link.youtube { background-image: url("../images/youtube@2x.png"); }
.sm-link.facebook { background-image: url("../images/facebook.png"); }
.backgroundsize .sm-link.facebook { background-image: url("../images/facebook@2x.png"); }
.sm-link a { margin-left: 45px; display: inline-block; font-weight: normal; }

.pager { width: 100%; /*border-top: 2px solid #000000;*/ padding-top: 2.222em; margin-bottom: 4.444em; }
.pager .pager-last, .pager .pager-first { display: none; }
.pager li { float: left; margin-left: 0.25em; margin-right: 0.25em; font-weight: bold; }
.pager li:before { display: none; }
.pager li a { background-color: transparent; text-decoration: underline; font-weight: normal; }
.pager li a:hover { text-decoration: none; border-bottom: none; padding-bottom: 0; }
.touch .pager li.pager-item a { display: block; min-width: 32px; min-height: 32px; text-align: center; }
.pager .pager-next a, .pager .pager-previous a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; float: left; background: url("../images/pagination-sprite.gif") no-repeat 0 0; width: 22px; height: 41px; position: relative; top: -0.5em; margin-right: 1em; font-weight: normal; }
.pager .pager-next a:hover, .pager .pager-previous a:hover { background-position: 0 100%; }
.backgroundsize .pager .pager-next a, .backgroundsize .pager .pager-previous a { background-image: url("../images/pagination-sprite@2x.gif"); background-size: 44px 82px; }
.pager .pager-next a { background-position: 100% 0; margin-left: 1em; margin-right: 0; font-weight: normal; }
.pager .pager-next a:hover { background-position: 100% 100%; }

.back-to-parent { display: block; text-transform: uppercase; margin-bottom: 2.556em; background: transparent url("../images/left.gif") no-repeat 0 0; float: left; padding: 0 0 0 2em; height: 41px; }
@media (min-width: 569px) { .back-to-parent { padding-left: 3em; } }
.backgroundsize .back-to-parent { background-image: url("../images/left@2x.gif"); background-size: 22px 82px; }
.back-to-parent span { background-color: #faff1e; padding-bottom: 1px; position: relative; top: 9px; }
.back-to-parent:hover { background-position: 0 100%; background-color: transparent; border-bottom: none; padding-bottom: 0.5em; }
.back-to-parent:hover span { border-bottom: 1px solid #000000; background-color: transparent; }

/*** tag styles ***/
.views-field-field-press-tags a, .views-field-field-resource-tags a, .views-field-see-more a, .blog-tags a { background-color: #FFFFFF; border: 2px solid #ed3c8a; color: #ed3c8a; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; float: left; padding: 0.1em 0.2em; margin-bottom: 0.5em; margin-right: 0.5em; font-size: 0.88889em; line-height: 1.25em; font-weight: normal; }
.views-field-field-press-tags a:hover, .views-field-field-resource-tags a:hover, .views-field-see-more a:hover, .blog-tags a:hover { border-color: #000000; color: #000000; }

form { /* Set obvious hierarchy in a fieldset */ /* Use auto width for individual checkbox items */ /* Reset user.css */ /* Reset user.css end */ /* Reset date.css */ /* Reset date.css end */ /* Mollom elements */ /* Mollom elements end */ }
form input[type="button"], form input[type="submit"], form input[type="reset"], form button { -webkit-appearance: none; color: inherit; padding: 0; border: none; background-color: inherit; font-family: inherit; font-size: inherit; outline: none; box-shadow: none; border-radius: 0; -webkit-font-smoothing: antialiased; }
form input[type="button"]:hover, form input[type="submit"]:hover, form input[type="reset"]:hover, form button:hover { cursor: pointer; }
form input[type="text"], form input[type="password"], form input[type="search"] { -webkit-appearance: none; color: inherit; padding: 0; border: none; background-color: inherit; font-family: inherit; font-size: inherit; border-radius: 0; font-size: 0.88889em; line-height: 1.25em; }
form input[type="submit"] { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; background-color: #ed3c8a; color: #FFF; display: inline-block; margin: 0; padding: 0.781em; text-align: center; text-transform: uppercase; vertical-align: top; width: 100%; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; }
html[dir='rtl'] form input[type="submit"] { text-transform: none; }
form input[type="submit"].hover, form input[type="submit"]:hover { cursor: pointer; background-color: #000000; padding: 0.781em; border-bottom: none; }
@media (min-width: 569px) { form input[type="submit"] { min-width: 254px; width: auto; } }
form input[type="submit"].button-link { text-decoration: none; background-color: #efefef; padding: 0; color: black; padding-bottom: 1px; font-weight: bold; font-weight: bold; font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; margin: 0.781em; min-width: 0; padding: 0 0 1px; text-transform: none; width: auto; }
form input[type="submit"].button-link.hover, form input[type="submit"].button-link:hover { background-color: transparent; border-bottom: 1px solid black; padding-bottom: 0; }
form textarea { resize: none; font-family: inherit; font-size: 0.88889em; line-height: 1.25em; overflow: auto; border: 2px solid #000000; }
form textarea:focus { border-color: #ed3c8a; }
form label { display: inline-block; margin-bottom: 0.5em; width: 100%; }
form label:after { content: ' \2013 '; }
form label.option { font-weight: bold; padding-left: 2.5em; text-transform: uppercase; }
form label.option:after { content: ''; }
form input[type="text"], form input[type="password"] { border: 2px solid #000000; padding: 0.5em; width: 100%; }
form input[type="text"]:focus, form input[type="password"]:focus { border-color: #ed3c8a; }
form input[type="text"].error, form input[type="password"].error, form textarea.error { border: 2px solid red; }
form fieldset legend { display: inline-block; margin-bottom: 0.5em; width: 100%; }
form fieldset legend:after { content: ' \2013 '; }
form fieldset label { font-size: 0.833em; }
form > .form_wrapper { clear: both; }
form .form-wrapper { *zoom: 1; width: 100%; }
form .form-wrapper:before, form .form-wrapper:after { content: " "; display: table; }
form .form-wrapper:after { clear: both; }
form .form-wrapper + .form-title { margin-top: 2.222em; }
form .form-item { *zoom: 1; clear: both; margin-bottom: 1.5em; }
form .form-item:before, form .form-item:after { content: " "; display: table; }
form .form-item:after { clear: both; }
form .form-item .form-item:last-child { margin-bottom: 0; }
form .description { display: inline-block; font-size: 0.833em; line-height: 1.3; width: 100%; }
form .form-textarea-wrapper { clear: both; }
form .form-type-radio > label, form .form-type-checkbox > label { clear: none; width: auto; }
form .form-type-checkboxes .form-item { margin-bottom: 0.25em; }
form .form-radios { margin: 0.5em 0; }
form .form-type-radio label, form .form-type-checkbox label { font-size: 0.77em; }
form .form-type-radio input, form .form-type-checkbox input { margin: 0.5em -2.5em 0.5em 1em; }
form .form-type-radios .form-item { margin-bottom: 0; }
form .field-type-datetime .form-item .form-item { clear: none; float: left; margin-bottom: 1.5em; margin-right: 5%; width: 30%; }
form .field-type-datetime .form-item .form-item:last-child { margin-right: 0; }
form .field-type-datetime label:after { content: ''; }
form .form-type-password, form .form-type-password-confirm { position: relative; }
@media (min-width: 768px) { form .form-type-password .password-strength, form .form-type-password div.password-confirm, form .form-type-password-confirm .password-strength, form .form-type-password-confirm div.password-confirm { margin-top: 0; position: absolute; right: 0; top: -6px; } }
form .password-suggestions { margin-top: 0; }
form .password-suggestions ul { margin: 0.25em 1.5em; }
form .password-suggestions ul li { list-style-type: disc; margin: 0 0 0.25em; }
form .login-forgot { margin-bottom: 1.5em; }
form .confirm-parent, form .password-parent { width: auto; }
form .date-no-float { width: 100%; }
form .container-inline-date > .form-item { margin: 0; }
form .container-inline-date .date-padding { padding: 0; }
form #mollom_captcha_unsupported, form .mollom-audio-captcha-switch, form .mollom-audio-catcha-instructions, form .mollom-image-captcha-instructions { font-size: 0.833em; }
form .mollom-audio-catcha-instructions { margin-bottom: 0.5em; }
form .mollom-captcha-container { margin-bottom: 1em; }
form .mollom-captcha-container .mollom-captcha-container { margin-bottom: 0; }
form .mollom-captcha-content.mollom-image-captcha { float: left; padding-right: 20px; }

@media (min-width: 768px) { .block-search .container-inline div { float: left; } }
.block-search input[type="submit"] { text-indent: -9999em; background: transparent url("../images/search_icon.png") no-repeat center center; min-height: 32px; min-width: 32px; width: auto; display: inline; }
.backgroundsize .block-search input[type="submit"] { background-image: url("../images/search_icon@2x.png"); background-size: 24px 24px; }
.block-search input[type="submit"]:hover { cursor: pointer; background-color: transparent; border-bottom: none; }
@media (min-width: 768px) { .block-search input[type="submit"] { float: right; } }
.block-search input[type="submit"]:focus { outline: none; }
.block-search input[type="text"] { border-bottom: 2px solid #000000; border-top: none; border-right: none; border-left: none; width: auto; background-color: transparent; padding: 0.5em; min-width: 13em; }
@media (min-width: 768px) { .block-search input[type="text"] { min-width: 20em; } }
.block-search input[type="text"]:focus { border-color: #000; outline: none; }

.button { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; background-color: #ed3c8a; color: #FFF; display: inline-block; margin: 0; padding: 0.781em; text-align: center; text-transform: uppercase; vertical-align: top; width: 100%; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; }
html[dir='rtl'] .button { text-transform: none; }
.button.hover, .button:hover { cursor: pointer; background-color: #000000; padding: 0.781em; border-bottom: none; }
@media (min-width: 569px) { .button { min-width: 254px; width: auto; } }

.label { display: inline-block; margin-bottom: 0.5em; width: 100%; }
.label:after { content: ' \2013 '; }

.content-form textarea { height: 15.65em; border: 2px solid #000000; padding: 0.5em; }
.content-form input[type='text'] { background-color: #FFFFFF; border: 2px solid #000000; padding: 0.7em 0.3em; width: 100%; margin-bottom: 1.5em; margin-top: 0; }
.content-form input[type='submit'] { margin-top: 1em; display: inline-block; width: 100%; }

/** SELECT.JS styles **/
.select-select { display: none; /* For when we are on a small touch device and want to use native controls */ -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; position: absolute; opacity: 0; }

.select-element, .select-element:after, .select-element:before, .select-element *, .select-element *:after, .select-element *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.select-element { position: absolute; display: none; }

.select-element.select-open { display: block; z-index: 5; }

.select-theme-default, .select-theme-default *, .select-theme-default *:after, .select-theme-default *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.select.select-theme-default { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.select.select-theme-default .select-content { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); background: white; font-family: inherit; color: inherit; overflow: auto; width: 14em; max-height: 18rem; -webkit-overflow-scrolling: touch; }

@media (max-width: 27rem), (max-height: 27rem) { .select.select-theme-default .select-content { max-width: 11.25rem; max-height: 11.25rem; } }
.select.select-theme-default .select-options { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; margin: 0; padding: 0; }

.select.select-theme-default .select-options .select-option { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; position: relative; list-style: none; margin: 0; line-height: 1.25rem; padding: 0.5rem 1em 0.5rem 2.5em; display: block; cursor: pointer; overflow: hidden; color: #000000; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; }

.select.select-theme-default .select-options .select-option.select-option-selected:before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#000000' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#00000' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); position: absolute; left: 1em; top: 0; bottom: 0.2em; height: 1em; width: 1em; margin: auto; }

.select.select-theme-default .select-options .select-option:hover, .select.select-theme-default .select-options .select-option.select-option-highlight { background: #ed3c8a; color: #FFFFFF; }

.select-target.select-theme-default { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; position: relative; padding: 0.6667em 3em 0.6667em 1em; background: #ffffff; border: 2px solid #000000; cursor: pointer; color: #000000; text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-decoration: none; max-width: 100%; width: 14em; min-height: 2.3em; line-height: 1.11111em; }
.select-target.select-theme-default:hover { border-color: #ed3c8a; color: black; }
.select-target.select-theme-default:focus, .select-target.select-theme-default.select-target-focused { border-color: #ed3c8a; outline: none; }
.select-target.select-theme-default.error { border-color: red; }
.select-target.select-theme-default b { position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; height: 1.25rem; width: 2em; }
.select-target.select-theme-default b:before, .select-target.select-theme-default b:after { content: ""; display: block; position: absolute; margin: auto; right: 0; height: 0; width: 0; border: 0.263em solid transparent; }
.select-target.select-theme-default b:before { top: 0; border-bottom-color: inherit; }
.select-target.select-theme-default b:after { bottom: 0; border-top-color: inherit; }

.logged-in div.tabs ul { position: fixed; right: 3px; background: white; padding: 20px; border: 1px dotted silver; list-style: none; z-index: 10; }
.logged-in div.tabs li:last-of-type { margin-bottom: 0; }
.logged-in #block-locale-language { float: left; margin-right: 2em; }
.logged-in .block-logintoboggan { float: left; }

.messages { z-index: 99; left: 20%; right: 20%; position: absolute; }

/** translation styles **/
.translation #l10n-client-form input[type="submit"] { float: left; width: auto; margin-top: 10px; }

#l10n-client #l10n-client-search-form { background-color: transparent; }

#l10n-client #l10n-client-search-form #l10n-client-search-filter-clear { width: 55px; margin: 0; float: right; }

#l10n-client #l10n-client-search-form input.form-text { border: 1px solid #000; padding: 1em; width: 100%; }

#l10n-client #l10n-client-search-form .form-item.form-type-textfield.form-item-search { float: left; width: 285px; }

#block-workbench-block { background-color: #FFFBD9; float: left; position: relative; width: 100%; z-index: 5; /* Between .container and .tabs */ }
.node-type-advpoll #block-workbench-block, .node-type-whats-on #block-workbench-block, .node-type-news-hub #block-workbench-block, .node-type-exhibition #block-workbench-block, .node-type-press-room #block-workbench-block, .node-type-news-article #block-workbench-block, .node-type-press-release #block-workbench-block, .node-type-interview-hub #block-workbench-block, .node-type-membership-page #block-workbench-block, .node-type-creative-resource #block-workbench-block, .node-type-education-resource #block-workbench-block, .node-type-education-resource-hub #block-workbench-block { margin-bottom: 3em; margin-top: -3em; }
.node-type-generic-page #block-workbench-block { margin-top: -3em; }
#block-workbench-block .workbench-info-block { padding-top: 2.222em; padding-bottom: 2.222em; }
#block-workbench-block .workbench-moderation-moderate-form { display: block; margin-top: 0.5em; }
#block-workbench-block .workbench-moderation-moderate-form .form-item { display: inline-block; margin-bottom: 0; }

.site-header { /* Hide video logo as default */ /* The video class is applied when modernizr detects video support */ background-color: #79aafa; margin-bottom: 3em; }
.site-header .block-logintoboggan { display: none; }
.site-header .video-logo { display: none !important; overflow: hidden; }
.site-header .video-logo video { display: block; width: 101%; }
.video .site-header { /* On $bp-small-desktop with video class, hide image and show video */ }
.site-header .header-span { padding: 0.778em 0 0 0; /*14px 0 0 0*/ position: relative; display: inline-block; width: 100%; overflow: hidden; }
.site-header .header-span .container { height: 100%; z-index: auto; }
.site-header p { margin-bottom: 0.5em; position: relative; }
.site-header p a { border-bottom: none; font-weight: normal; }
.site-header .breadcrumb { width: 100%; position: relative; }
.site-header .main-header { width: 100%; display: inline-block; padding: 0 0 2em 0; text-align: center; }
@media (min-width: 768px) { .site-header .main-header { text-align: left; padding-bottom: 0; } }
@media (min-width: 1024px) { .site-header .logo-container { width: 12.71027%; margin-left: 0; } }
.site-header .logo-container .site-title { float: left; top: 0.1em; }
@media (min-width: 1024px) { .site-header .logo-container .site-title { position: absolute !important; left: -999em; }
  html[dir='rtl'] .site-header .logo-container .site-title { left: auto; right: -999em; } }
.site-header .logo-container .logo { background-color: transparent; display: block; position: relative; top: 0.4em; padding-bottom: 0; text-align: center; clear: left; margin-left: 0; }

@media (min-width: 569px) { .site-header .logo-container .logo { margin-left: 18%; } }
@media (min-width: 768px) { .site-header .logo-container .logo { margin-left: 17px; max-width: 272px; } }
.site-header .logo-container .logo:hover { border-bottom: none; }
.site-header .logo-container .logo img { float: none; }
.site-header .site-nav { width: 100%; text-align: center; }
@media (min-width: 1024px) { .site-header .site-nav { width: 80.9346%; position: absolute; bottom: -6px; margin-left: 11.02813%; text-align: left; } }
@media (min-width: 1024px) { .site-header .site-nav { padding-left: 1.68214%; } }
.site-header .site-nav a { background-color: transparent; text-transform: uppercase; font-size: 0.88889em; line-height: 1.25em; font-weight: normal; }
@media only screen and (min-width: 768px) {.site-header .site-nav .menu { display: none; text-align: center; }}
@media (min-width: 1024px) { .site-header .site-nav .menu { margin: 0; } }
.site-header .site-nav .menu li { font-size: 1em; line-height: 1.33333em; }
.site-header .site-nav .menu li.active-trail a { font-weight: bold; }
.site-header .site-nav .menu li.active-trail .menu li a { font-weight: normal; }
.site-header .site-nav .menu li .menu { display: none; margin-left: 0; }
@media (min-width: 1024px) { .site-header .site-nav .menu li { font-size: 0.77778em; line-height: 1.42857em; }
  .site-header .site-nav .menu li .menu li a { font-size: 1.5em; } }
@media (min-width: 1174px) { .site-header .site-nav .menu li { font-size: 1em; line-height: 1.33333em; }
  .site-header .site-nav .menu li .menu li a { font-size: 0.9em; } }
@media (min-width: 1024px) { .site-header .site-nav .menu li { float: left; position: relative; text-align: left; margin-bottom: 0; }
  .site-header .site-nav .menu li a { padding: 10px 15px 17px 15px; float: left; font-weight: normal; }
  .site-header .site-nav .menu li a:hover { border-bottom: none; }
  .site-header .site-nav .menu li a:focus { background-color: #dae4fc; }
  .site-header .site-nav .menu li a:focus ~ .menu { display: block; }
  .site-header .site-nav .menu li:hover { background-color: #dae4fc; }
  .site-header .site-nav .menu li:hover .menu { display: block; }
  .site-header .site-nav .menu li:focus { background-color: #dae4fc; }
  .site-header .site-nav .menu li:focus .menu { display: block; }
  .site-header .site-nav .menu li.open-focus { background-color: #dae4fc; }
  .site-header .site-nav .menu li.open-focus .menu { display: block; }
  .site-header .site-nav .menu li .menu { position: absolute; left: 0; top: 36px; background-color: #dae4fc; z-index: 100; padding: 0 18px; width: 240px; }
  .site-header .site-nav .menu li .menu li { position: static; float: none; border-bottom: 1px solid #000000; }
  .site-header .site-nav .menu li .menu li.last { border-bottom: none; }
  .site-header .site-nav .menu li .menu li a { display: inline-block; padding: 12px 0; float: none; font-weight: normal; }
  .site-header .site-nav .menu li .menu li a:hover { text-decoration: underline; } }
@media (min-width: 1174px) { .site-header .site-nav .menu li .menu { top: 47px; } }
.site-header .language-switcher { text-align: center; margin-bottom: 0; }
@media (min-width: 1024px) { .site-header .language-switcher { width: 4.67299%; position: absolute; bottom: 0; right: 2.888em; margin-bottom: 8px; } }
@media (min-width: 1174px) { .site-header .language-switcher { right: 0; } }
.site-header .language-switcher h2 { position: absolute !important; left: -999em; }
html[dir='rtl'] .site-header .language-switcher h2 { left: auto; right: -999em; }
.site-header .language-switcher a { background-color: transparent; font-weight: normal; }
.site-header .language-switcher a:hover { border-bottom: 1px solid #000000; }
.site-header .language-switcher ul { display: inline-block; text-align: center; min-width: 5em; margin-bottom: 0; }
@media (min-width: 569px) { .site-header .language-switcher ul { min-width: 0; } }
.site-header .language-switcher ul li { float: left; clear: left; width: 100%; text-align: center; }
@media (min-width: 768px) { .site-header .language-switcher ul li { text-align: center; margin-bottom: 0; } }
.site-header .language-switcher li.active { display: none; }
.site-header .region-header-search { float: none; margin: 0 auto; clear: both; text-align: center; margin-top: -0.6em; }
@media (min-width: 1024px) { .site-header .region-header-search { float: right; position: absolute; right: 2.888em; top: 0; text-align: left; margin-top: 0; } }
@media (min-width: 1174px) { .site-header .region-header-search { right: 0; } }
.site-header .region-header-search .block-search .container-inline div { width: auto; margin-bottom: 0; }
.site-header .region-header-search form .form-type-textfield { clear: none; }
.site-header .region-header-search .form-wrapper:after { display: none !important; }
.site-header .region-header-search .form-wrapper:before { display: none !important; }
.site-header .region-header-search .form-item:after { display: none !important; }
.site-header .region-header-search .form-item:before { display: none !important; }

.breadcrumb { background-color: #fdff8f; }
.breadcrumb ul { max-width: 530px; padding: 0.5em 0; margin-bottom: -11px; font-size: 0.88889em; line-height: 1.25em; display: inline-block; margin-left: 0; }
@media (min-width: 768px) { .breadcrumb ul { margin-left: -5%; } }
@media (min-width: 1024px) { .breadcrumb ul { margin-left: 1em; } }
.breadcrumb ul li { display: inline; float: left; }
.breadcrumb ul li.first { margin-right: 0.3em; }
.breadcrumb ul li.first:after { display: none; }
.breadcrumb ul li:after { content: '\003e'; display: inline; padding: 0 0.3em; }
.breadcrumb ul li:last-child:after { display: none; }
.breadcrumb a { background: transparent; }

.js.touch .site-nav { display: none; }
.js.touch .mobile-menu { display: block; width: 21px; height: 17px; background: transparent url("../images/menu_icon.png") no-repeat center center; padding: 1.5em; position: absolute; top: -0.8em; right: 0.5em; }
.js.touch .mobile-menu:hover { padding-bottom: 1.5em; border-bottom: none; }
.js.touch.backgroundsize .mobile-menu { background-image: url("../images/menu_icon@2x.png"); background-size: 21px 17px; }
@media (min-width: 1024px) { .js.touch .mobile-menu { display: none; } }

.js .site-header { min-height: 3em; }
.js .header-span { height: 2.7em; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.js .open .header-span { height: 40em; }
.js .site-nav { height: 1.5em; overflow: hidden; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.js .open .site-nav { height: 15em; }
.js .site-title { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.js .open .site-title { opacity: 0; }
.js .site-title { opacity: 1; }
.js .logo-container .logo { top: -17.5em; -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; transition: top 0.3s ease-out; }
.js .logo-container .image-logo { width: 80%; margin: 0 auto; }
.js .open .logo-container .image-logo { top: -1.5em; }
.js .open .logo-container .video-logo { top: -2.5em; }
.js .region-header-search { display: none; }
.js .site-header .block-search .container-inline div { float: none; }
.js .site-header .block-search form .form-type-textfield { float: none; }
.js .site-header .block-search form .form-type-textfield input[type="text"] { min-width: 20em; }
.js .site-header .block-search form input[type="submit"] { float: none; }
@media (min-width: 1024px) { .js .site-header .block-search form .form-type-textfield { float: left; }
  .js .site-header .block-search form .form-type-textfield input[type="text"] { float: right; min-width: 0; width: 0; padding: 0.5em 0; } }

@media (min-width: 1024px) { #page-wrapper .header-span { height: auto; overflow: visible; } }
@media (min-width: 1024px) { #page-wrapper .site-nav { display: block; height: auto; overflow: visible; } }
@media (min-width: 1024px) { #page-wrapper .logo-container .image-logo { width: 100%; margin: 0; top: 0; position: static; } }
@media (min-width: 1024px) { #page-wrapper .region-header-search { display: block; } }

/* full view mode */
.node-hero-wrapper { margin-top: -3em; }
.node-hero-wrapper .hero-container { position: relative; float: left; width: 100%; padding-bottom: 50%; background-size: cover; background-repeat: no-repeat; }
@media (min-width: 569px) { .node-hero-wrapper .hero-container { float: none; } }
@media (min-width: 1174px) { .node-hero-wrapper .hero-container { height: 30.222em; padding-bottom: 0; } }
.node-hero-wrapper .hero-container .container { height: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
.node-hero-wrapper .hero-container .field-name-field-hero-image-caption { width: 100%; bottom: 1em; padding-left: 1em; position: absolute; }
.node-hero-wrapper .header-area .title-container { width: 100%; }
@media (min-width: 569px) { .node-hero-wrapper .header-area .title-container { width: 42.80379%; float: left; margin-right: 1.68214%; } }
@media (min-width: 569px) { .node-interview .node-hero-wrapper .header-area .title-container { width: 100%; margin-right: 0; } }
@media (min-width: 860px) { .node-interview .node-hero-wrapper .header-area .title-container { width: 42.80379%; float: left; margin-right: 1.68214%; } }
.node-hero-wrapper .header-area .intro-text { width: 100%; border-top: 2px solid #000000; padding-top: 0.378em; position: relative; top: 0.4em; }
@media (min-width: 569px) { .node-hero-wrapper .header-area .intro-text { width: 42.80379%; float: right; margin-right: 0; } }
@media (min-width: 569px) { .node-interview .node-hero-wrapper .header-area .intro-text { width: 100%; margin-right: 0; } }
@media (min-width: 860px) { .node-interview .node-hero-wrapper .header-area .intro-text { width: 42.80379%; float: right; margin-right: 0; } }
.node-hero-wrapper .header-area .intro-text p:last-of-type { margin-bottom: 0; }

/** repeating field body elements **/
.field-name-field-body-elements > .field-items > .field-item { width: 100%; margin-bottom: 2.889em; }
@media (min-width: 569px) { .field-name-field-body-elements > .field-items > .field-item { width: 49.15893%; float: left; margin-right: 1.68214%; clear: none; } }
@media (min-width: 569px) { .field-name-field-body-elements > .field-items > .field-item.odd { width: 42.80379%; float: right; margin-right: 0; clear: right; } }
.field-name-field-body-elements > .field-items > .field-item.wide-element { width: 100%; margin-right: 0; clear: both; }
.field-name-field-body-elements .field-name-field-element-text-area :last-child { margin-bottom: 0; }
.field-name-field-body-elements .group-user-quote { width: 100%; background-color: #ffc200; padding: 1.667em; position: relative; position: relative; }
@media (min-width: 768px) { .field-name-field-body-elements .group-user-quote { width: 74.14454%; float: right; margin-right: 0; } }
@media (min-width: 1024px) { .field-name-field-body-elements .group-user-quote { width: 48.28908%; float: right; margin-right: 0; } }
.field-name-field-body-elements .group-user-quote .field-name-field-element-user-quote { margin-bottom: 0; }
.field-name-field-body-elements .group-user-quote .field-name-field-element-user-quote:after { content: '\2013'; display: block; }
.field-name-field-body-elements .group-user-quote:after { content: ''; position: absolute; width: 0; height: 0; border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-bottom: 2.222em solid #ffc200; left: -2em; right: auto; bottom: 0; display: none; }
@media (min-width: 569px) { .field-name-field-body-elements .group-user-quote:after { display: block; } }
html[dir='rtl'] .field-name-field-body-elements .group-user-quote:after { border-right: 2.222em solid transparent; border-left: 0px solid transparent; border-bottom: 2.222em solid #ffc200; right: -2em; left: auto; }
html[dir='rtl'].ie9 .field-name-field-body-elements .group-user-quote:after { border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-bottom: 2.222em solid #ffc200; right: -2em; left: auto; }
html.lt-ie9 .field-name-field-body-elements .group-user-quote:after { display: none !important; }
.field-name-field-body-elements .odd .group-user-quote { position: relative; }
@media (min-width: 768px) { .field-name-field-body-elements .odd .group-user-quote { width: 74.14454%; float: left; margin-right: 3.42185%; } }
@media (min-width: 1024px) { .field-name-field-body-elements .odd .group-user-quote { width: 48.28908%; float: left; margin-right: 3.42185%; } }
.field-name-field-body-elements .odd .group-user-quote:after { content: ''; position: absolute; width: 0; height: 0; border-right: 2.222em solid transparent; border-left: 0px solid transparent; border-bottom: 2.222em solid #ffc200; right: -2em; left: auto; bottom: 0; display: none; }
@media (min-width: 569px) { .field-name-field-body-elements .odd .group-user-quote:after { display: block; } }
html[dir='rtl'] .field-name-field-body-elements .odd .group-user-quote:after { border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-bottom: 2.222em solid #ffc200; left: -2em; right: auto; }
html[dir='rtl'].ie9 .field-name-field-body-elements .odd .group-user-quote:after { border-right: 2.222em solid transparent; border-left: 0px solid transparent; border-bottom: 2.222em solid #ffc200; left: -2em; right: auto; }
html.lt-ie9 .field-name-field-body-elements .odd .group-user-quote:after { display: none !important; }
.field-name-field-body-elements .wide-user-quote .group-user-quote { width: 100%; }

.group-pull-quote { border: 9px solid #000000; border-right: none; border-left: none; padding: 0.922em 0; }
.group-pull-quote .field-name-field-element-pull-quote { margin-bottom: 0.7em; }

.find-out-more h2 { margin-bottom: 0.6em; }

.project-social-container .tweet-item, .project-social-container .instagram-item { float: left; height: 254px; width: 254px; margin-bottom: 5%; margin-top: 0; }
.project-social-container .tweet-item:nth-child(2n-1), .project-social-container .instagram-item:nth-child(2n-1) { margin-right: 5%; }
.project-social-container .tweet-item:hover, .project-social-container .instagram-item:hover { z-index: 10; }
.project-social-container .tweet-item a, .project-social-container .instagram-item a { background-color: transparent; border-bottom: 1px solid black; font-weight: normal; }
.project-social-container .tweet-item a:hover, .project-social-container .instagram-item a:hover { border-bottom: none; }
.project-social-container .tweet-item .tweet-item-inner { padding: 12%; }
.project-social-container .tweet-item .tweet-item-inner.rtl-tweet { text-align: right; direction: rtl; unicode-bidi: embed; }
.project-social-container .tweet-item .tweet-text { margin-bottom: 24px; }
.project-social-container .tweet-item:nth-child(4n + 1) { background: #EC3B89; }
.project-social-container .tweet-item:nth-child(4n + 2) { background: #F9FF1E; }
.project-social-container .tweet-item:nth-child(4n + 3) { background: #FFC200; }
.project-social-container .tweet-item:nth-child(4n + 4) { background: #79AAF9; }
@media (min-width: 768px) { .project-social-container { min-height: 900px; position: relative; }
  .project-social-container .tweet-item, .project-social-container .instagram-item { position: absolute; }
  .project-social-container > div:nth-child(1) { top: 0; left: 17%; }
  .project-social-container > div:nth-child(2) { top: 59%; left: 0; }
  .project-social-container > div:nth-child(3) { top: 63%; left: 36%; }
  .project-social-container > div:nth-child(4) { top: 40%; left: 67%; }
  .project-social-container > div:nth-child(5) { top: 65%; left: 63%; }
  .project-social-container > div:nth-child(6) { top: 20%; left: 0; }
  .project-social-container > div:nth-child(7) { top: 0; left: 61%; }
  .project-social-container > div:nth-child(8) { top: 18%; left: 53%; }
  .project-social-container > div:nth-child(9) { top: 36%; left: 24%; } }

/** TEASER MODE **/
.node-project.node-teaser h3 { margin-bottom: 0.5em; }
.node-project.node-teaser .field-name-field-teaser-image { margin-bottom: 1.6em; display: inline-block; }
.node-project.node-teaser .content { display: none; }

/* large promos on project pages */
.wide-promo { margin-bottom: 4.389em; width: 100%; float: left; }
.wide-promo .title-container { width: 100%; }
@media (min-width: 768px) { .wide-promo .title-container { width: 36.44866%; float: left; margin-right: 1.68214%; } }
.wide-promo .title-container h2 { font-size: 2em; line-height: 1.11111em; line-height: 1.11111em; margin-bottom: 1.33333em; }
@media (min-width: 1024px) { .wide-promo .title-container h2 { font-size: 2.66667em; line-height: 1.08333em; line-height: 1.08333em; margin-bottom: 1em; } }
@media (min-width: 1174px) { .wide-promo .title-container h2 { font-size: 3.11111em; line-height: 1.07143em; line-height: 0.92857em; margin-bottom: 0.85714em; } }
.wide-promo .content { width: 100%; display: inline-block; }
@media (min-width: 768px) { .wide-promo .content { width: 61.8692%; float: right; margin-right: 0; } }
.wide-promo .content .field-name-field-promo-image, .wide-promo .content .filter_image { width: 100%; margin-bottom: 1em; display: inline-block; }
@media (min-width: 569px) { .wide-promo .content .field-name-field-promo-image, .wide-promo .content .filter_image { width: 48.64057%; float: left; margin-right: 2.71887%; margin-bottom: 0; } }
.wide-promo .content .group-promo-text { width: 100%; }
@media (min-width: 569px) { .wide-promo .content .group-promo-text { width: 48.64057%; float: right; margin-right: 0; } }
.wide-promo .content .group-promo-text .field { margin-bottom: 1.875em; }
.wide-promo .content .field-name-field-teaser-image { margin-bottom: 0; }

.wide-promo--exhib { width: 100%; }
@media (min-width: 768px) { .wide-promo--exhib { width: 74.57946%; float: left; margin-right: 1.68214%; margin-left: 12.71027%; } }
@media (min-width: 1024px) { .wide-promo--exhib { width: 61.8692%; float: left; margin-right: 1.68214%; margin-left: 19.0654%; } }
@media (min-width: 768px) { .wide-promo--exhib .content { width: 31.82966%; float: right; margin-right: 0; } }
@media (min-width: 1024px) { .wide-promo--exhib .content { width: 28.09679%; float: right; margin-right: 0; } }
.wide-promo--exhib .content .field-name-field-promo-image, .wide-promo--exhib .content .filter_image { cursor: auto; }
@media (min-width: 768px) { .wide-promo--exhib .content .field-name-field-promo-image, .wide-promo--exhib .content .filter_image { width: 100%; float: right; margin-right: 0; width: 100%; margin-bottom: 0; } }
@media (min-width: 1024px) { .wide-promo--exhib .content .field-name-field-promo-image, .wide-promo--exhib .content .filter_image { width: 100%; float: right; margin-right: 0; width: 100%; margin-bottom: 0; } }
@media (min-width: 768px) { .wide-promo--exhib .title-container { width: 65.91483%; float: left; margin-right: 2.2555%; } }
@media (min-width: 1024px) { .wide-promo--exhib .title-container { width: 69.18434%; float: left; margin-right: 2.71887%; } }
.wide-promo--exhib .field-type-link-field { margin-top: 23px; }

/* teaser promos */
.poll-container { display: none; }
.js .poll-container { display: block; }

.node-advpoll { /** should be moved to forms.scss if this proves to be standard styling **/ }
.node-advpoll #message { float: left; clear: left; background-color: #FFFFFF; border: 2px solid black; padding: 0.5em; position: absolute; left: 20%; right: 20%; color: #000000; font-style: normal; background: white url(../images/error_message_cross.gif) no-repeat 2% 50%; padding-left: 3em; }
.node-advpoll #message:hover { cursor: pointer; }
html[dir='rtl'] .node-advpoll #message { padding-left: 0; padding-right: 3em; background: white url(../images/error_message_cross.gif) no-repeat 98% 50%; }
.node-advpoll .poll-title { width: 100%; }
@media (min-width: 569px) { .node-advpoll .poll-title { width: 36.44866%; float: left; margin-right: 1.68214%; } }
.node-advpoll .content { width: 100%; position: relative; }
@media (min-width: 569px) { .node-advpoll .content { width: 61.8692%; float: right; margin-right: 0; } }
.node-advpoll .content h3 { margin-bottom: 1em; background-color: #FFFFFF; padding: 1em; position: relative; }
.node-advpoll .content h3:after { content: ''; position: absolute; width: 0; height: 0; border-left: 0.8em solid transparent; border-right: 0px solid transparent; border-top: 0.8em solid white; left: -0.7em; right: auto; top: 0; display: none; }
@media (min-width: 569px) { .node-advpoll .content h3:after { display: block; } }
html[dir='rtl'] .node-advpoll .content h3:after { border-right: 0.8em solid transparent; border-left: 0px solid transparent; border-top: 0.8em solid white; right: -0.7em; left: auto; }
html[dir='rtl'].ie9 .node-advpoll .content h3:after { border-left: 0.8em solid transparent; border-right: 0px solid transparent; border-top: 0.8em solid white; right: -0.7em; left: auto; }
html.lt-ie9 .node-advpoll .content h3:after { display: none !important; }
.node-advpoll .percent, .node-advpoll .advpoll-title { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1.25em; margin-bottom: 0.35em; text-transform: uppercase; }
.node-advpoll .advpoll-title { float: left; }
.node-advpoll .percent { float: right; }
.node-advpoll .bar { background: #FFF; border: 0; clear: both; height: 2.222em; margin-bottom: 2.222em; }
.node-advpoll .bar .foreground { background: #ed3c8a; height: 100%; }
.node-advpoll .voted .bar { border: 2px #000 solid; }
.node-advpoll form .ajax-progress { display: none !important; }
.node-advpoll form .form-item { margin-bottom: 0; }
.node-advpoll form .form-type-radio { width: 100%; clear: left; margin-bottom: 1em; }
@media (min-width: 768px) { .node-advpoll form .form-type-radio { width: 48.64057%; float: left; margin-right: 2.71887%; clear: none; } }
@media (min-width: 768px) { .node-advpoll form .form-type-radio:nth-child(2n) { width: 48.64057%; float: right; margin-right: 0; clear: none; } }
.js .node-advpoll form .form-type-radio label { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; background-color: #ed3c8a; color: #FFF; display: inline-block; margin: 0; padding: 0.781em; text-align: center; text-transform: uppercase; vertical-align: top; width: 100%; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; background-color: #FFFFFF; color: #000000; border: 3px solid #000000; }
html[dir='rtl'] .js .node-advpoll form .form-type-radio label { text-transform: none; }
.js .node-advpoll form .form-type-radio label.hover, .js .node-advpoll form .form-type-radio label:hover { cursor: pointer; background-color: #000000; padding: 0.781em; border-bottom: none; }
@media (min-width: 569px) { .js .node-advpoll form .form-type-radio label { min-width: 254px; width: auto; } }
.js .node-advpoll form .form-type-radio label:hover { background-color: #FFFFFF; color: #000000; border: 3px solid #ed3c8a; }
@media (min-width: 569px) { .js .node-advpoll form .form-type-radio label { width: 100%; min-width: 0; } }
.js .node-advpoll form .form-type-radio label.selected { background-color: #000000; color: #FFFFFF; border: 3px solid #000000; }
.node-advpoll form input[type='submit'] { float: left; display: inline-block; clear: left; margin-top: 1.5em; width: 100% !important; }
.js .node-advpoll form input[type='radio'] { display: none; }

/* non js styles */
.image-gallery .field-collection-container { *zoom: 1; max-width: 59.448em; _width: 59.448em; padding-left: 2.888em; padding-right: 2.888em; margin-left: auto; margin-right: auto; padding: 0; }
.image-gallery .field-collection-container:after { content: ""; display: table; clear: both; }
.image-gallery .field-collection-container .cbp-fwslider { width: 100%; float: left; margin-right: 1.68214%; display: inline; }

.image-gallery { position: relative; padding-top: 0; padding-bottom: 0; }
.js .image-gallery .field-collection-container { max-width: none; padding: 0; }
.js .image-gallery .field-collection-container .cbp-fwslider { margin-right: 0; }
.image-gallery .gallery-controls-container { position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 90px; display: none; }
.js .image-gallery .gallery-controls-container { display: block; }
.js.ie .image-gallery .gallery-controls-container { box-sizing: border-box; text-align: center; margin: 0 auto; width: 100%; }

.image-gallery .cbp-fwslider { margin-bottom: -6px; }
.image-gallery ul { margin: 0; padding: 0; list-style-type: none; background-color: #000000; }
.js .image-gallery ul { display: inline-block; }
.image-gallery li { text-align: center; float: left; display: block; margin: 0; padding: 0; max-width: 35%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); height: 344px; }
@media (min-width: 569px) { .image-gallery li { height: 680px; } }
.js .image-gallery li { max-width: none; float: left; position: relative; }
@media (min-width: 569px) { .js .image-gallery li { padding-bottom: 4.444em; } }
.image-gallery li .full-width { padding-top: 0; padding-bottom: 0; margin-bottom: 0; min-height: 4.444em; position: absolute; bottom: 0; float: left; display: none; }
@media (min-width: 569px) { .image-gallery li .full-width { display: block; } }
.image-gallery li .gallery-image { position: relative; top: 50%; -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); -o-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); display: inline-block; max-width: 100%; }
.ie9 .image-gallery li .gallery-image { top: 0; }
@media (min-width: 768px) { .image-gallery li .gallery-image { margin-bottom: -6px; } }
.image-gallery li .gallery-image img { display: none; }
@media (min-width: 569px) { .image-gallery li .gallery-image img { display: inline; } }
.image-gallery li .gallery-image .mobile-image { background-position: 0 0; background-repeat: no-repeat; background-size: 320px 264px; width: 320px; height: 264px; }
@media (min-width: 569px) { .image-gallery li .gallery-image .mobile-image { display: none; background: none; } }
.js .image-gallery li .gallery-caption { text-align: right; width: 77%; display: table; height: 4.444em; float: right; }
@media (min-width: 768px) { .js .image-gallery li .gallery-caption { text-align: left; width: 49.15893%; float: right; margin-right: 0; } }
.image-gallery li p { margin-bottom: 0; display: table-cell; vertical-align: middle; text-align: right; }
.image-gallery .gallery-count { position: relative; top: -1.667em; left: 0; width: 80%; text-align: left; display: none; }
@media (min-width: 569px) { .image-gallery .gallery-count { position: absolute; bottom: -11%; left: 2.888em; top: auto; width: 17.38326%; float: left; margin-right: 1.68214%; } }
.image-gallery .gallery-count span { text-transform: uppercase; margin-bottom: 0; }

.js .bx-slider { visibility: hidden; }

.cbp-fwslider nav { display: none; }

.slider-controls { display: none; }
.slider-controls span { height: 119px; width: 119px; display: block; background: transparent url("../images/gallery_sprite.png") no-repeat top left; position: absolute; top: 43%; text-indent: -99999em; -webkit-backface-visibility: hidden; }
.backgroundsize .slider-controls span { background-image: url("../images/gallery_sprite@2x.png"); background-size: 238px 238px; }
.featured-news .slider-controls span { background-image: url("../images/news-nav-sprite.gif"); background-size: 76px 142px; height: 71px; width: 38px; bottom: 23.4%; right: auto; left: 0; top: auto; }
@media (min-width: 569px) { .featured-news .slider-controls span { bottom: 29.4%; } }
.backgroundsize .featured-news .slider-controls span { background-image: url("../images/news-nav-sprite@2x.gif"); background-size: 76px 142px; }
@media (min-width: 768px) { .featured-news .slider-controls span { top: 33%; bottom: auto; left: -16%; } }
@media (min-width: 1024px) { .featured-news .slider-controls span { left: -16%; } }
@media (min-width: 768px) { .slider-controls span { top: 44%; } }
.slider-controls span:hover { cursor: pointer; background-position: 0 100%; }
.slider-controls span.cbp-fwnext { left: auto; right: 15px; background-position: 100% 0; }
@media (min-width: 768px) { .slider-controls span.cbp-fwnext { right: 50px; } }
.featured-news .slider-controls span.cbp-fwnext { right: 0; }
@media (min-width: 768px) { .featured-news .slider-controls span.cbp-fwnext { right: -16%; } }
.slider-controls span.cbp-fwnext:hover { background-position: 100% 100%; }

/* default cbp fwslider styles */
.cbp-fwslider { position: relative; margin: 0; overflow: hidden; }
.cbp-fwslider ul { margin-bottom: 0; }

.cbp-fwslider ul li > a, .cbp-fwslider ul li > div { display: block; text-align: center; outline: none; }

.cbp-fwslider ul li > a img { border: none; display: block; margin: 0 auto; max-width: 75%; }

.cbp-fwdots { display: none; }

.node-area-of-work .block-views { width: 100%; }

.grid-three { width: 100%; }
.grid-three .views-row { width: 100%; margin-bottom: 3.311em; }
@media (min-width: 569px) { .grid-three .views-row { width: 49.15893%; float: left; margin-right: 1.68214%; } }
@media (min-width: 768px) { .grid-three .views-row { width: 30.09353%; float: left; margin-right: 1.68214%; } }
.grid-three .views-row.last { margin-right: 0; }
.grid-three .views-row .field-name-field-teaser-text { font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; }
.grid-three .views-row { clear: left; }
@media (min-width: 569px) { .grid-three .views-row { clear: none; }
  .grid-three .views-row:nth-child(2n + 1) { clear: both; }
  .grid-three .views-row:nth-child(2n) { margin-right: 0; } }
@media (min-width: 768px) { .grid-three .views-row:nth-child(2n) { margin-right: 1.68214%; }
  .grid-three .views-row:nth-child(2n + 1) { clear: none; }
  .grid-three .views-row:nth-child(3n) { margin-right: 0; clear: none; }
  .grid-three .views-row:nth-child(3n+1) { clear: both; } }
.grid-three .view-footer { clear: left; width: 100%; }
.grid-three .view-footer p { margin-bottom: 0; }

.node-interview h1 { margin-bottom: 0.35em; }
.node-interview .subheading { margin-bottom: 1.5em; }
@media (min-width: 569px) { .node-interview .subheading { margin-bottom: 0; } }
.node-interview .node-hero-wrapper .header-area { padding-bottom: 0; }
@media (min-width: 569px) { .node-interview .node-hero-wrapper .header-area { padding-bottom: 4.444em; } }
.node-interview .node-hero-wrapper .header-area .intro-text { box-sizing: content-box; margin-left: -1em; padding: 2em 1em; background-color: #FFFFFF; border-top: none; }
@media (min-width: 569px) { .node-interview .node-hero-wrapper .header-area .intro-text { box-sizing: border-box; padding: 0; padding-top: 0.2em; background-color: transparent; border-top: 2px solid #000000; margin-left: 0; } }
.node-interview .content.container { padding-top: 0; }
@media (min-width: 569px) { .node-interview .content.container { padding-top: 3.444em; } }

.field-name-field-interview-video { background-color: #efefef; width: 100%; display: inline-block; margin-bottom: 2em; }
@media (min-width: 569px) { .field-name-field-interview-video { margin-bottom: 4.167em; } }
.field-name-field-interview-video .field-item { width: 100%; float: left; margin-right: 1.68214%; display: inline; }
@media (min-width: 768px) { .field-name-field-interview-video .field-item { width: 74.57946%; float: left; margin-right: 1.68214%; margin-left: 12.71027%; } }

/** repeating field interview elements **/
.field-name-field-interview-question-answer .question { width: 100%; margin-bottom: 2.889em; }
@media (min-width: 569px) { .field-name-field-interview-question-answer .question { width: 49.15893%; float: left; margin-right: 1.68214%; clear: left; } }
@media (min-width: 569px) { .field-name-field-interview-question-answer .question:nth-child(2n) { width: 42.80379%; float: right; margin-right: 0; clear: right; } }
.field-name-field-interview-question-answer .question:nth-child(2) { margin-top: 4em; }
.lt-ie9 .field-name-field-interview-question-answer .question:nth-child(2n) { width: 42.80379%; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: right; }
.field-name-field-interview-question-answer .question .field-label { font-weight: normal; }
.field-name-field-interview-question-answer .field-name-field-interview-question { padding-bottom: 0.72727em; margin-bottom: 0.3em; border-bottom: 2px solid #000000; }
.field-name-field-interview-question-answer .number { color: #ed3c8a; }

.user-submitted { background-color: #79aafa; padding: 1em; position: relative; }
.user-submitted:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-top: 2.222em solid #79aafa; bottom: -2em; right: 0; }
html.lt-ie9 .user-submitted:after { display: none !important; }
.user-submitted .number { color: #FFFFFF; }

.node-interview-hub .content.container { padding-top: 6em; }

.convo-header { margin-top: 2.444em; margin-bottom: 2.444em; }
@media (min-width: 569px) { .convo-header { margin-top: 3.167em; margin-bottom: 5.167em; } }
.convo-header p { width: 100%; float: left; }

.latest-interview { display: inline-block; padding-top: 2em; padding-bottom: 0; min-height: 330px; }

.featured-conversation .title-container { float: left; width: 100%; }
@media (min-width: 768px) { .featured-conversation .title-container { width: 55.51406%; float: left; margin-right: 1.68214%; } }
.featured-conversation .title-container p { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1.22222em; line-height: 1.27273em; line-height: 1.09091em; margin-bottom: 2em; }
.featured-conversation .title-container h2 { margin-bottom: 0.2em; }
.featured-conversation .filter_image { width: 100%; float: left; border: 10px solid black; margin-bottom: 1em; overflow: hidden; }
@media (min-width: 569px) { .featured-conversation .filter_image { max-width: 455px; max-height: 455px; margin-bottom: 2em; } }
@media (min-width: 768px) { .featured-conversation .filter_image { width: 42.80379%; float: right; margin-right: 0; position: absolute; right: 4.67299%; top: -1.2em; margin-bottom: 0; } }
@media (min-width: 769px) { .featured-conversation .filter_image { top: -5.5em; } }
.featured-conversation .filter_image .field-name-field-teaser-image { margin-bottom: -6px; }

.form-left-col { width: 100%; margin-bottom: 2em; }
@media (min-width: 569px) { .form-left-col { width: 30.09353%; float: left; margin-right: 1.68214%; } }

.field-wrappers-col { width: 100%; clear: left; }
.field-wrappers-col .form-item { margin-bottom: 0; }
@media (min-width: 569px) { .full-width-form .field-wrappers-col { width: 61.8692%; float: right; margin-right: 0; clear: none; } }
.field-wrappers-col .fields-left-col { width: 100%; margin-bottom: 1em; display: inline-block; }
@media (min-width: 1024px) { .field-wrappers-col .fields-left-col { width: 48.64057%; float: left; margin-right: 2.71887%; margin-bottom: 0; } }
.field-wrappers-col .fields-right-col { width: 100%; }
@media (min-width: 1024px) { .field-wrappers-col .fields-right-col { width: 48.64057%; float: right; margin-right: 0; } }

.generic-center-column.content-form .form-checkboxes .form-item { width: 50%; float: left; clear: none; }
.generic-center-column.content-form .form-checkboxes .form-item input { margin-left: 0; }

.node-landing-page .random-layout { margin-top: 0; }

.grid-four { margin-bottom: -26px; display: inline-block; width: 100%; }
.grid-four > .field > .field-items > .field-item { width: 100%; margin-bottom: 3em; }
@media (min-width: 569px) { .grid-four > .field > .field-items > .field-item { width: 42.80379%; float: left; margin-right: 1.68214%; max-width: 254px; margin-bottom: 0; } }
@media (min-width: 768px) { .grid-four > .field > .field-items > .field-item { width: 30.09353%; float: left; margin-right: 1.68214%; } }
@media (min-width: 1024px) { .grid-four > .field > .field-items > .field-item { width: 23.73839%; float: left; margin-right: 1.68214%; }
  .grid-four > .field > .field-items > .field-item:nth-child(4n) { width: 23.73839%; float: right; margin-right: 0; } }
@media (min-width: 569px) { .grid-four .filter_image { max-width: 254px; } }
.grid-four h4, .grid-four .exhibition-item .status, .exhibition-item .grid-four .status { margin-bottom: 1em; }
.grid-four p { font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; }

.node-hero-wrapper .hero-container { overflow: hidden; }
.node-hero-wrapper .hero-container .block-color-filler { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; }
.node-hero-wrapper .hero-container.experience .block-color-filler { background-color: #ed3c8a; }
.node-hero-wrapper .hero-container.create .block-color-filler { background-color: #ffc200; }
.node-hero-wrapper .hero-container.connect .block-color-filler { background-color: #79aafa; }
.node-hero-wrapper .hero-container .colour-fade { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 108%; height: 100%; }
@media (min-width: 1174px) { .node-hero-wrapper .hero-container .colour-fade { height: auto; width: 100%; }
  .ie9 .node-hero-wrapper .hero-container .colour-fade { height: 105%; }
  .ie-10 .node-hero-wrapper .hero-container .colour-fade { height: 108%; } }

@media (min-width: 569px) { .js .node-hero-wrapper .hero-container .block-color-filler { display: block; } }

.shape-header { position: absolute; border: 10px solid #FFFFFF; left: 0; right: 0; height: 320px; width: 320px; margin: 0 auto; top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.lt-ie9 .shape-header { top: 10%; }
@media (min-width: 569px) { .experience .shape-header { height: 424px; width: 424px; } }
.create .shape-header { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-radius: 0; }
.create .shape-header .text { padding: 50% 15%; text-align: center; position: relative; height: 0; }
.create .shape-header .text div { position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 86%; left: 7%; }
.connect .shape-header { border-radius: 0; }
.museums--galleries .shape-header { border-radius: 0; }
.museums--galleries .shape-header h1 { font-size: 2.88889em; line-height: 1.07692em; }
.shape-header .text { padding: 50% 15%; text-align: center; position: relative; height: 0; }
.shape-header .text div { position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); width: 86%; left: 7%; }
.shape-header .text h1 { margin-bottom: 0; color: #FFFFFF; }
.node-type-areas-hub .shape-header .text h1 { color: white; }

.node-type-generic-page .content, .node-type-news-article .content { clear: left; }
.node-type-generic-page h3, .node-type-news-article h3 { margin-bottom: 0.6em; }

.generic-center-column { width: 100%; }
@media (min-width: 768px) { .generic-center-column { width: 74.57946%; float: left; margin-right: 1.68214%; margin-left: 12.71027%; } }
@media (min-width: 1024px) { .generic-center-column { width: 61.8692%; float: left; margin-right: 1.68214%; margin-left: 19.0654%; } }
.generic-center-column .generic-content-wrapper { width: 100%; margin-bottom: 3em; float: left; }

.generic-page { /** repeating field body elements **/ }
.generic-page .field-name-field-body-elements > .field-items > .field-item { width: 100%; margin-bottom: 2.889em; }
@media (min-width: 569px) { .generic-page .field-name-field-body-elements > .field-items > .field-item { width: 100%; } }
@media (min-width: 569px) { .generic-page .field-name-field-body-elements > .field-items > .field-item.odd { width: 100%; } }
.generic-page .field-name-field-body-elements > .field-items > .field-item.wide-element { width: 100%; margin-right: 0; clear: both; }
.generic-page .field-name-field-element-image { background-color: #efefef; }
.generic-page .field-name-field-element-image img { float: none; margin: 0 auto; display: block; }

/*** sheika page specific styles ***/
.bespoke-page .node-hero-wrapper .hero-container { padding-bottom: 31%; }
@media (min-width: 1024px) { .bespoke-page .node-hero-wrapper .hero-container { height: 25.222em; padding-bottom: 0; } }
.bespoke-page h1 { color: #FFFFFF; width: 100%; margin-bottom: 0; }
@media (min-width: 768px) { .bespoke-page h1 { width: 61.8692%; float: left; margin-right: 1.68214%; } }

#all-project-listing { margin-bottom: 0; background-color: #f5f5f5; }

.view-display-id-all_projects_and_areas, .view-display-id-experience_map_block { background-color: #f5f5f5; }
.view-display-id-all_projects_and_areas .views-widget-filter-field_area_of_work_target_id, .view-display-id-experience_map_block .views-widget-filter-field_area_of_work_target_id { display: none; }
.view-display-id-all_projects_and_areas .views-exposed-widgets, .view-display-id-experience_map_block .views-exposed-widgets { width: 100%; margin-bottom: 0; }
.view-display-id-all_projects_and_areas .views-exposed-widgets .form-radios, .view-display-id-experience_map_block .views-exposed-widgets .form-radios { margin: 0; }
.view-display-id-all_projects_and_areas .views-exposed-widgets .form-radios .form-item, .view-display-id-experience_map_block .views-exposed-widgets .form-radios .form-item { float: left; clear: none; width: 100%; margin-right: 0; }
@media (min-width: 569px) { .view-display-id-all_projects_and_areas .views-exposed-widgets .form-radios .form-item, .view-display-id-experience_map_block .views-exposed-widgets .form-radios .form-item { width: auto; margin-right: 1em; } }
.view-display-id-all_projects_and_areas .views-exposed-widgets .form-radios label, .view-display-id-experience_map_block .views-exposed-widgets .form-radios label { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1em; text-transform: uppercase; position: relative; top: 2px; }
.view-display-id-all_projects_and_areas .view-filters, .view-display-id-experience_map_block .view-filters { background-color: #efefef; padding: 0.5em 1em; width: 100%; display: inline-block; margin-bottom: -6px; }
@media (min-width: 569px) { .view-display-id-all_projects_and_areas .view-filters, .view-display-id-experience_map_block .view-filters { padding: 0 1em; } }
.view-display-id-all_projects_and_areas .view-filters form, .view-display-id-experience_map_block .view-filters form { float: left; }
.view-display-id-all_projects_and_areas .view-filters form .ajax-progress, .view-display-id-all_projects_and_areas .view-filters form .ajax-progress-throbber, .view-display-id-experience_map_block .view-filters form .ajax-progress, .view-display-id-experience_map_block .view-filters form .ajax-progress-throbber { display: none; }
.view-display-id-all_projects_and_areas .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter, .view-display-id-experience_map_block .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter { width: 100%; padding: 0; margin-top: 1em; }
@media (min-width: 768px) { .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter, .view-display-id-experience_map_block .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter { width: 42.80379%; float: left; margin-right: 1.68214%; } }
@media (min-width: 1024px) { .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter, .view-display-id-experience_map_block .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter { width: 61.8692%; float: left; margin-right: 1.68214%; } }
.view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { margin-top: 1em; width: 100%; clear: left; }
@media (min-width: 768px) { .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { float: left; display: inline-block; width: 262px; margin-right: 0; clear: none; padding-right: 0; } }
.view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n label, .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n label { font-weight: normal; float: left; }
.view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n .views-widget, .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n .views-widget { float: left; margin-left: 0.5em; }
.view-display-id-all_projects_and_areas .view-filters .views-submit-button, .view-display-id-experience_map_block .view-filters .views-submit-button { margin-bottom: 0.5em; }
.view-display-id-all_projects_and_areas .view-filters .views-submit-button .form-submit, .view-display-id-experience_map_block .view-filters .views-submit-button .form-submit { margin-top: 0; }
.view-display-id-all_projects_and_areas .view-filters .views-widget-filter-field_project_status_value, .view-display-id-experience_map_block .view-filters .views-widget-filter-field_project_status_value { display: none; }
.view-display-id-all_projects_and_areas .views-row .node, .view-display-id-experience_map_block .views-row .node { width: 200px; height: 200px; float: left; position: relative; }
.view-display-id-all_projects_and_areas .views-row .node.highlight, .view-display-id-all_projects_and_areas .views-row .node.area-of-work-experience, .view-display-id-experience_map_block .views-row .node.highlight, .view-display-id-experience_map_block .views-row .node.area-of-work-experience { width: 320px; height: 320px; }
@media (min-width: 569px) { .view-display-id-all_projects_and_areas .views-row .node.highlight, .view-display-id-all_projects_and_areas .views-row .node.area-of-work-experience, .view-display-id-experience_map_block .views-row .node.highlight, .view-display-id-experience_map_block .views-row .node.area-of-work-experience { width: 400px; height: 400px; } }
.view-display-id-all_projects_and_areas .views-row .node.new-project, .view-display-id-experience_map_block .views-row .node.new-project { width: 300px; height: 300px; }
.view-display-id-all_projects_and_areas .views-row .node.new-project .new-flag, .view-display-id-experience_map_block .views-row .node.new-project .new-flag { position: absolute; top: 45%; left: 41%; z-index: 2; background-color: #faff1e; color: #000000; border: 2px solid #000000; padding: 0.5em; text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.view-display-id-all_projects_and_areas .experience-view-header, .view-display-id-experience_map_block .experience-view-header { width: 320px; height: 320px; padding: 1em; background-color: #ed3c8a; float: right; display: none; color: #FFFFFF; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
@media (min-width: 768px) { .view-display-id-all_projects_and_areas .experience-view-header, .view-display-id-experience_map_block .experience-view-header { display: block; } }
.view-display-id-all_projects_and_areas .experience-view-header a, .view-display-id-experience_map_block .experience-view-header a { font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; display: block; background-color: transparent; color: #FFFFFF; font-weight: normal; }
.view-display-id-all_projects_and_areas .experience-view-header a:hover, .view-display-id-experience_map_block .experience-view-header a:hover { border-bottom: none; text-decoration: underline; padding-bottom: 1px; }
.view-display-id-all_projects_and_areas .experience-view-header a.activefilter, .view-display-id-experience_map_block .experience-view-header a.activefilter { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.view-display-id-all_projects_and_areas .experience-view-header p, .view-display-id-experience_map_block .experience-view-header p { margin-top: 1.3em; margin-bottom: 0; }
.view-display-id-all_projects_and_areas .experience-view-header p a, .view-display-id-experience_map_block .experience-view-header p a { display: inline; }
@media (min-width: 569px) { .view-display-id-all_projects_and_areas .experience-view-header, .view-display-id-experience_map_block .experience-view-header { width: 200px; height: 200px; } }

.view-filters .reset { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; background-color: #ed3c8a; color: #FFF; display: inline-block; margin: 0; padding: 0.781em; text-align: center; text-transform: uppercase; vertical-align: top; width: 100%; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; max-width: 6.4em; float: left; margin: 0.45em 0 0.45em 0; text-align: center; display: none; clear: left; }
html[dir='rtl'] .view-filters .reset { text-transform: none; }
.view-filters .reset.hover, .view-filters .reset:hover { cursor: pointer; background-color: #000000; padding: 0.781em; border-bottom: none; }
@media (min-width: 569px) { .view-filters .reset { min-width: 254px; width: auto; } }
@media (min-width: 1024px) { .view-filters .reset { clear: none; margin-top: 0.5em; margin-left: 1em; } }

.project-experience-teaser, .area-of-work-experience { overflow: hidden; }
.project-experience-teaser .hover-content, .area-of-work-experience .hover-content { background: transparent url("../images/trans_white.png") repeat top left; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 1em; z-index: 3; }
.project-experience-teaser .hover-content .field-name-field-teaser-text, .area-of-work-experience .hover-content .field-name-field-teaser-text { display: none; }
.csstransitions .project-experience-teaser .hover-content, .csstransitions .area-of-work-experience .hover-content { display: block; top: 200px; }
.csstransitions.no-touch .project-experience-teaser .hover-content, .csstransitions.no-touch .area-of-work-experience .hover-content { -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; transition: top 0.2s linear; }
.project-experience-teaser.highlight .hover-content, .area-of-work-experience.highlight .hover-content { right: 0; top: 200px; }
.csstransitions .project-experience-teaser.highlight .hover-content, .csstransitions .area-of-work-experience.highlight .hover-content { top: 400px; }
.project-experience-teaser.highlight .hover-content .field-name-field-teaser-text, .project-experience-teaser.new-project .hover-content .field-name-field-teaser-text, .project-experience-teaser.area-of-work-experience .hover-content .field-name-field-teaser-text, .area-of-work-experience.highlight .hover-content .field-name-field-teaser-text, .area-of-work-experience.new-project .hover-content .field-name-field-teaser-text, .area-of-work-experience.area-of-work-experience .hover-content .field-name-field-teaser-text { display: block; margin-top: 1em; }
.project-experience-teaser:hover .hover-content, .area-of-work-experience:hover .hover-content { display: block; border-bottom: none; }
.csstransitions.no-touch .project-experience-teaser:hover .hover-content, div.hovered .project-experience-teaser .hover-content, .csstransitions.no-touch .area-of-work-experience:hover .hover-content, div.hovered .area-of-work-experience .hover-content { top: 0; }
.csstransitions.no-touch .project-experience-teaser.highlight:hover .hover-content, .hovered .project-experience-teaser.highlight .hover-content, .csstransitions.no-touch .area-of-work-experience.highlight:hover .hover-content, .hovered .area-of-work-experience.highlight .hover-content { top: 200px; }
.no-touch .project-experience-teaser:hover .new-flag, .hovered .project-experience-teaser .new-flag, .no-touch .area-of-work-experience:hover .new-flag, .hovered .area-of-work-experience .new-flag { display: none; }
.no-touch .project-experience-teaser:hover span.underline, .no-touch .area-of-work-experience:hover span.underline { border-bottom: 1px solid #000000; }

.area-of-work-experience { padding: 1em; background-color: #79aafa; overflow: hidden; }
.area-of-work-experience .hover-content { background-color: #000000; background-image: none; top: 0 !important; right: 33%; color: #79aafa; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.csstransitions .area-of-work-experience .hover-content { left: -66%; right: 100%; display: block; }
.csstransitions.no-touch .area-of-work-experience .hover-content { -webkit-transition: left 0.25s, right 0.25s; -moz-transition: left 0.25s, right 0.25s; transition: left 0.25s, right 0.25s; }
.csstransitions.no-touch .area-of-work-experience:hover .hover-content, .hovered .area-of-work-experience .hover-content { left: 0%; right: 33%; }
.area-of-work-experience .center-text { display: table-cell; vertical-align: middle; text-align: center; width: 284px; height: 284px; }
@media (min-width: 569px) { .area-of-work-experience .center-text { width: 364px; height: 364px; border: 10px solid #000000; border-radius: 50%; } }
.area-of-work-experience.museums--galleries { background-color: #faff1e; position: relative; }
.area-of-work-experience.museums--galleries .center-text { border-radius: 0; border: none; text-align: left; }
.area-of-work-experience.museums--galleries .center-text h4, .area-of-work-experience.museums--galleries .center-text .exhibition-item .status, .exhibition-item .area-of-work-experience.museums--galleries .center-text .status { text-align: center; }
@media (min-width: 569px) { .area-of-work-experience.museums--galleries .center-text h4, .area-of-work-experience.museums--galleries .center-text .exhibition-item .status, .exhibition-item .area-of-work-experience.museums--galleries .center-text .status { width: 50%; margin-left: 2em; text-align: left; margin-top: 1em; }
  html[dir='rtl'] .area-of-work-experience.museums--galleries .center-text h4, html[dir='rtl'] .area-of-work-experience.museums--galleries .center-text .exhibition-item .status, .exhibition-item html[dir='rtl'] .area-of-work-experience.museums--galleries .center-text .status { text-align: right; } }
.area-of-work-experience.museums--galleries .hover-content { color: #faff1e; }
.area-of-work-experience.museums--galleries .svg-triangle { margin: 0 auto; width: 400px; height: 400px; position: absolute; z-index: 1; top: 0; left: 0; display: none; }
@media (min-width: 569px) { .area-of-work-experience.museums--galleries .svg-triangle { display: block; } }
.area-of-work-experience.museums--galleries .svg-triangle polygon { fill: transparent; stroke: #000000; stroke-width: 10; }
.area-of-work-experience.heritage-sites { background-color: #ed3c8a; padding: 2.2em; }
@media (min-width: 569px) { .area-of-work-experience.heritage-sites { padding: 4em; } }
.area-of-work-experience.heritage-sites .hover-content { color: #ed3c8a; }
.area-of-work-experience.heritage-sites .center-text { border-radius: 0; width: 241px; height: 241px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
@media (min-width: 569px) { .area-of-work-experience.heritage-sites .center-text { width: 256px; height: 256px; } }
.area-of-work-experience.heritage-sites .center-text div { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.6em; margin-top: 2em; }

.js .views-widget-filter-tid_i18n label, .js .views-widget-filter-field_resource_tags_tid_i18n label, .js .views-widget-filter-field_press_tags_tid_i18n label, .js .views-widget-filter-field_press_news_type_tid_i18n label { display: none; }

.js .project-experience-teaser:hover, .js .area-of-work-experience:hover { cursor: pointer; border-bottom: none; }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-field_area_of_work_target_id_entityreference_filter { margin-top: 0; margin-left: 0; float: left; width: auto; margin-right: 0; }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { margin-top: 0; float: left; clear: left; }
@media (min-width: 569px) { .js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { display: inline-block; } }
@media (min-width: 768px) { .js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { width: 14em; clear: none; } }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n label, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n label { display: none; }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n .views-widget, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n .views-widget { float: left; margin-bottom: 0.5em; margin-left: 0; }
.js .view-display-id-all_projects_and_areas .view-filters .views-submit-button, .js .view-display-id-experience_map_block .view-filters .views-submit-button { margin-bottom: 0; display: none; }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios .form-item:first-child, .js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios input, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios .form-item:first-child, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios input { display: none; }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios .form-item:last-child, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios .form-item:last-child { margin-right: 1em; }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios label, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios label { background-color: #FFFFFF; border: 2px solid #000000; padding: 0.4em 1em; display: block; margin: 0.5em 0; top: 0; width: 100%; }
@media (min-width: 569px) { .js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios label, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios label { width: auto; } }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios label:hover, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios label:hover { cursor: pointer; border-color: #ed3c8a; }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios label.selected, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios label.selected { color: #FFFFFF; background-color: #000000; }
.js .view-display-id-all_projects_and_areas .view-filters .bef-select-as-radios label.selected:hover, .js .view-display-id-experience_map_block .view-filters .bef-select-as-radios label.selected:hover { cursor: default; border-color: #000000; }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n { padding-right: 0; }
.js .view-display-id-all_projects_and_areas .view-filters .views-widget-filter-tid_i18n .views-widget, .js .view-display-id-experience_map_block .view-filters .views-widget-filter-tid_i18n .views-widget { width: 100%; }
.js .view-display-id-all_projects_and_areas .view-filters .select-target.select-theme-default, .js .view-display-id-experience_map_block .view-filters .select-target.select-theme-default { width: 100%; }
@media (min-width: 569px) { .js .view-display-id-all_projects_and_areas .view-filters .select-target.select-theme-default, .js .view-display-id-experience_map_block .view-filters .select-target.select-theme-default { width: 14em; } }
.js .view-display-id-all_projects_and_areas .view-filters .reset, .js .view-display-id-experience_map_block .view-filters .reset { width: 100%; max-width: none; }
@media (min-width: 569px) { .js .view-display-id-all_projects_and_areas .view-filters .reset, .js .view-display-id-experience_map_block .view-filters .reset { width: auto; min-width: 9em; } }
.js .view-display-id-all_projects_and_areas .view-content, .js .view-display-id-experience_map_block .view-content { position: relative; width: 100%; }
@media (min-width: 768px) { .js .view-display-id-all_projects_and_areas .view-content, .js .view-display-id-experience_map_block .view-content { width: 600px; margin: 0 auto; } }
@media (min-width: 769px) { .js .view-display-id-all_projects_and_areas .view-content, .js .view-display-id-experience_map_block .view-content { width: 100%; margin: 0 0; } }
.js .experience-view-header { position: absolute; top: 0; left: 0; }

.view-display-id-experience_map_block .view-content { position: relative; }
.view-display-id-experience_map_block .map-view-header { right: 0; left: auto; z-index: 99999; }
.view-display-id-experience_map_block .gmap-map { margin-bottom: -6px; }

.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { font-size: inherit; }

.gmap-popup { width: 180px; }
@media (min-width: 569px) { .gmap-popup { width: 300px; } }
.gmap-popup article { font-size: 1.5em; }
.gmap-popup article h4, .gmap-popup article .exhibition-item .status, .exhibition-item .gmap-popup article .status, .gmap-popup article .field-name-field-teaser-text { margin-bottom: 1em; }
.gmap-popup article .field-name-field-teaser-text, .gmap-popup article a { font-size: 0.95em !important; font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-weight: normal; }

.js.touch .view-display-id-experience_map_block .view-content { width: 100%; padding: 0 20px; background-color: #333333; }
.js.touch .view-display-id-experience_map_block .map-view-header { right: 20px; }

.node-type-homepage header { margin-bottom: 0; }
.node-type-homepage #main-wrapper { margin-bottom: -6px; }
.node-type-homepage .field-collection-container.clearfix:after { content: "."; display: none; }

.homepage-collection { width: 100%; margin: 0 auto 0 auto; display: block; }
.homepage-collection .homepage-box { width: 100%; float: left; position: relative; text-align: center; overflow: hidden; }
@media (min-width: 569px) { .homepage-collection .homepage-box { width: 50%; } }
@media (min-width: 768px) { .homepage-collection .homepage-box { width: 33.3333333%; height: 256px; } }
@media (min-width: 769px) { .homepage-collection .homepage-box { height: auto; } }
@media (min-width: 1024px) { .homepage-collection .homepage-box { height: 341px; } }
@media (min-width: 1025px) { .homepage-collection .homepage-box { height: auto; } }
.homepage-collection .homepage-box h2 { position: absolute; left: -99999em; }
.homepage-collection .homepage-box:hover { cursor: pointer; }
.homepage-collection .homepage-box:hover .text-container { display: block; }
.homepage-collection .homepage-box.tablet-logo-container { display: none; }
@media (min-width: 569px) { .homepage-collection .homepage-box.tablet-logo-container { display: block; } }
@media (min-width: 768px) { .homepage-collection .homepage-box.tablet-logo-container { display: none; } }
.homepage-collection .homepage-box-image { position: absolute; top: 0; left: 0; width: 100%; z-index: 8; opacity: 0; }
.homepage-collection .homepage-box-image.front { position: relative; z-index: 9; float: left; opacity: 1; }
.homepage-collection .homepage-box-image.logo-container.front { background-color: #FFFFFF; }
.homepage-collection .homepage-box-image .text-container { clear: left; padding: 1em; display: block; text-align: left; }
@media (min-width: 569px) { .homepage-collection .homepage-box-image .text-container { position: absolute; background: transparent url("../images/trans_white.png") repeat top left; left: 0; right: 0; bottom: 0; z-index: 11; display: none; top: 0; clear: none; } }
.homepage-collection .homepage-box-image .text-container .field-type-text-long { font-size: 0.88889em; line-height: 1.25em; }
@media (min-width: 1174px) { .homepage-collection .homepage-box-image .text-container .field-type-text-long { font-size: 1em; line-height: 1.33333em; } }
.homepage-collection .homepage-box-image img { width: 100%; }
.homepage-collection .homepage-box-image .field-type-link-field { margin-bottom: 1em; }
.homepage-collection .homepage-box-image .field-type-link-field a { background-color: transparent; border-bottom: 1px solid #ed3c8a; }
.homepage-collection .homepage-box-image:hover .field-type-link-field a { border-bottom: 1px solid #000000; padding-bottom: 1px; }

.js .homepage-collection .homepage-box-image .text-container { display: block; top: 100%; }
.js .homepage-box.hovered .text-container { top: 50%; }
@media (min-width: 768px) { .js .homepage-box.hovered .text-container { top: 0; } }
@media (min-width: 1024px) { .js .homepage-box.hovered .text-container { top: 60%; } }
@media (min-width: 1174px) { .js .homepage-box.hovered .text-container { top: 70%; } }

.js.no-touch .homepage-collection .homepage-box-image .text-container { -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; transition: top 0.2s linear; }

.node-type-qma-homepage .site-header { margin-bottom: 0; }
.node-type-qma-homepage .node-qma-homepage .content .full-width { padding-bottom: 2.222em; }
.node-type-qma-homepage .node-qma-homepage .content .full-width:last-of-type { padding-top: 2.222em; }

.primary-features__item .field-home-feature-text, .primary-features__item .field-home-feature-link, .secondary-features__item .field-home-feature-text, .secondary-features__item .field-home-feature-link { font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; }
.primary-features__item .field-home-feature-text a, .primary-features__item .field-home-feature-link a, .secondary-features__item .field-home-feature-text a, .secondary-features__item .field-home-feature-link a { font-weight: bold; }
.primary-features__item .field-home-feature-category, .secondary-features__item .field-home-feature-category { font-size: 0.77778em; line-height: 1.42857em; line-height: 1.42857em; }
.primary-features__item .field-home-feature-title, .secondary-features__item .field-home-feature-title { font-size: 1.11111em; line-height: 1.2em; line-height: 1.4em; margin-bottom: 0.75em; }
.primary-features__item .field-home-feature-link, .secondary-features__item .field-home-feature-link { margin-bottom: 0.75em; }
.primary-features__item .filter_image canvas, .secondary-features__item .filter_image canvas { width: 100%; }
.primary-features__item .filter_image a, .secondary-features__item .filter_image a { float: none; }

.primary-features__item { margin-bottom: 2.222em; }
@media (min-width: 569px) and (max-width: 767px) { .primary-features__item { width: 49.15893%; float: left; margin-right: 1.68214%; display: inline; }
  .primary-features__item:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } }
@media (min-width: 768px) { .primary-features__item { width: 23.73839%; float: left; margin-right: 1.68214%; display: inline; margin-bottom: 0; }
  .primary-features__item:nth-child(4n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } }

.primary-features__field { display: block; }
.primary-features__field img { display: block; float: none; width: 100%; }
.primary-features__field.field-home-feature-text, .primary-features__field.field-home-feature-thumbnail { margin-bottom: 1em; }
.primary-features__field.field-home-feature-thumbnail a { display: block; padding-bottom: 0; }
.primary-features__field.field-home-feature-thumbnail a:hover { border-bottom: 0; }

.secondary-features__item { margin-bottom: 2.222em; }
@media (min-width: 569px) and (max-width: 767px) { .secondary-features__item { width: 49.15893%; float: left; margin-right: 1.68214%; display: inline; }
  .secondary-features__item:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } }
@media (min-width: 768px) and (max-width: 1023px) { .secondary-features__item { width: 23.73839%; float: left; margin-right: 1.68214%; display: inline; margin-bottom: 0; }
  .secondary-features__item:nth-child(4n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } }
@media (min-width: 1024px) { .secondary-features__item { width: 49.15893%; float: left; margin-right: 1.68214%; display: inline; background: #FFF; }
  .secondary-features__item:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } }

.secondary-features__field { display: block; }
@media (min-width: 1024px) { .secondary-features__field.field-home-feature-thumbnail { width: 48.28908%; float: left; margin-right: 3.42185%; }
  .secondary-features__field:not(.field-home-feature-thumbnail) { width: 48.28908%; float: right; margin-right: 0; padding-right: 3.36428%; clear: right; } }
.secondary-features__field img { display: block; float: none; width: 100%; }
.secondary-features__field.field-home-feature-text { margin-bottom: 1em; }
.secondary-features__field.field-home-feature-category { margin-bottom: 0.25em; margin-top: 0.5em; text-transform: uppercase; }
.secondary-features__field.field-home-feature-link a { font-weight: bold; }

.homepage-slideshow { clear: both; position: relative; }
.homepage-slideshow .container { position: relative; }
.homepage-slideshow .homepage-slideshow__wrapper { margin: 0; }
.homepage-slideshow .homepage-slideshow__slide:not(:first-child) { display: none; }
.js .homepage-slideshow .homepage-slideshow__slide:not(:first-child) { display: block; }
.homepage-slideshow .homepage-slideshow__slide { list-style: none; margin: 0; padding: 0; }
.homepage-slideshow .homepage-slideshow__slide:before { display: none; }
.homepage-slideshow .homepage-slideshow__text { padding: 20px 0 0; }
.homepage-slideshow .homepage-slideshow__controls { display: none; float: right; }
.js .homepage-slideshow .homepage-slideshow__controls { display: block; }
.homepage-slideshow .homepage-slideshow__title { margin-bottom: 0.2em; }
.homepage-slideshow .homepage-slideshow__title:after { content: '\2013'; display: block; }
.homepage-slideshow .homepage-slideshow__link { font-size: 1.11111em; line-height: 1.2em; line-height: 1.2em; }
.homepage-slideshow .homepage-slideshow__link a { font-weight: bold; }
.homepage-slideshow .homepage-slideshow__image { overflow: hidden; }
.homepage-slideshow .homepage-slideshow__image img { display: block; float: none; width: 100%; }
@media (min-width: 1174px) { .homepage-slideshow .homepage-slideshow__image { height: 30.222em; padding-bottom: 0; } }
.homepage-slideshow .homepage-slideshow__category { font-size: 0.77778em; line-height: 1.42857em; line-height: 1.42857em; margin-bottom: 0.5em; text-transform: uppercase; }
.homepage-slideshow .homepage-slideshow__next, .homepage-slideshow .homepage-slideshow__prev { font-size: 1.11111em; line-height: 1.2em; float: left; margin-left: 10px; }
.homepage-slideshow .homepage-slideshow__next a, .homepage-slideshow .homepage-slideshow__prev a { background-color: rgba(255, 255, 255, 0.8); background-position: center center; background-repeat: no-repeat; border: 1px grey solid; display: block; height: 32px; text-indent: -9999em; width: 32px; }
.homepage-slideshow .homepage-slideshow__next a:hover, .homepage-slideshow .homepage-slideshow__prev a:hover { background-color: rgba(255, 255, 255, 0.9); }
.homepage-slideshow .homepage-slideshow__next a { background-image: url("../images/homepage/chevron_right.png"); }
.homepage-slideshow .homepage-slideshow__next a:hover { background-image: url("../images/homepage/chevron_right_over.png"); }
.homepage-slideshow .homepage-slideshow__prev a { background-image: url("../images/homepage/chevron_left.png"); }
.homepage-slideshow .homepage-slideshow__prev a:hover { background-image: url("../images/homepage/chevron_left_over.png"); }
@media (min-width: 1024px) { .homepage-slideshow .homepage-slideshow__text { width: 30.09353%; float: left; margin-right: 1.68214%; background: rgba(255, 255, 255, 0.8); display: block; padding: 35px; bottom: 4.444em; position: absolute; margin-left: 2.888em; left: 0; }
  .homepage-slideshow .homepage-slideshow__controls { position: absolute; bottom: 1.111em; margin-right: 2.888em; right: 0; }
  .homepage-slideshow .homepage-slideshow__next a, .homepage-slideshow .homepage-slideshow__prev a { border: 0; } }

/* find out more links */
.find-out-more .field-item { margin-bottom: 0.6em; }
.find-out-more a { display: inline; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1.22222em; line-height: 1.27273em; line-height: 1.09091em; font-weight: normal; }
.find-out-more a:hover { border-bottom: 1px solid #000000; padding-bottom: 0; display: inline; }
.find-out-more .sm-link a { margin-bottom: 0; }

footer { background: #000; clear: both; padding-top: 2.222em; padding-bottom: 3.056em; width: 100%; }
footer section { width: 100%; }
@media (min-width: 768px) { footer section { width: 23.73839%; float: left; margin-right: 1.68214%; padding-right: 2.3365%; }
  footer section:last-child { float: right; margin-right: 0; } }

.field-name-field-membership-image img { display: block; float: none; height: auto; width: 100%; }

#user-register-form .form-item-pass-pass2, #user-register-form #edit-field-recieve-newsletter-title { margin-bottom: 0; }

.signup-wrapper { *zoom: 1; background-color: #efefef; margin: 4.444em 0; padding: 1em; width: 100%; }
.signup-wrapper:before, .signup-wrapper:after { content: " "; display: table; }
.signup-wrapper:after { clear: both; }

.page-user .profile .field { margin-bottom: 0.5em; }
.page-user .profile label, .page-user .profile .field-label { font-weight: bold; }

#user-login, #register-form, #user-profile-form { margin-bottom: 4.444em; }
#user-login form, #register-form form, #user-profile-form form { /* Override label size since we've hidden the legend */ }
#user-login form .field-name-field-recieve-newsletter .form-item:first-child, #register-form form .field-name-field-recieve-newsletter .form-item:first-child, #user-profile-form form .field-name-field-recieve-newsletter .form-item:first-child { margin-bottom: 0; }
#user-login form .form-item-language.form-type-radios > label, #register-form form .form-item-language.form-type-radios > label, #user-profile-form form .form-item-language.form-type-radios > label { font-size: 18px; }
#user-login form .form-actions, #register-form form .form-actions, #user-profile-form form .form-actions { width: 100%; margin-top: 2em; }

#user-profile-form .logout-button { display: inline-block; line-height: 1; margin: 0.781em; }
#user-profile-form #edit-submit { margin-bottom: 0.781em; margin-right: 0.781em; }

#user-login-form .item-list li { list-style: none; margin-left: 0; padding-left: 0; }
#user-login-form .item-list li:before { content: ''; padding: 0; }

.membership-half-width { *zoom: 1; width: 100%; }
.membership-half-width:before, .membership-half-width:after { content: " "; display: table; }
.membership-half-width:after { clear: both; }
@media (min-width: 1024px) { .membership-half-width { width: 61.8692%; float: left; margin-right: 1.68214%; }
  .membership-half-width.last { width: 61.8692%; float: right; margin-right: 0; } }

.membership-number { *zoom: 1; background-color: #efefef; clear: both; margin: 0 0 2.222em; padding: 1em; width: 100%; }
.membership-number:before, .membership-number:after { content: " "; display: table; }
.membership-number:after { clear: both; }
.membership-number h3 { margin: 0; }
.membership-number .label { margin: 0; width: auto; }

#user-cancel-confirm-form .form-actions { margin: 2.222em 0; }
#user-cancel-confirm-form input[type="submit"] { margin: 0 1em 0 0; }

.sponsor-image { display: block; margin-bottom: 2.222em; width: 100%; }

.field-name-field-programme-image { margin-bottom: 2.222em; }
.field-name-field-programme-image .field-item { *zoom: 1; }
.field-name-field-programme-image .field-item:before, .field-name-field-programme-image .field-item:after { content: " "; display: table; }
.field-name-field-programme-image .field-item:after { clear: both; }

/* Sponsor logo styling */
.sponsor-logos { margin-bottom: 2.222em; /* Override hover state for qma logo since it's not a link */ }
.sponsor-logos .sponsor-logo { background: none; border: 0; margin-bottom: 1.111em; padding: 0; }
.sponsor-logos .sponsor-logo:hover { border: 0; opacity: 0.6; }
@media (min-width: 768px) { .sponsor-logos .sponsor-logo { margin: 0; } }
.sponsor-logos .sponsor-logo img { display: block; float: none; margin: 0 auto; }
@media (min-width: 768px) { .sponsor-logos .sponsor-logo img { float: left; } }
.sponsor-logos .qma-sponsor-logo:hover { opacity: 1; }
.sponsor-logos .sponsor-logo, .sponsor-logos .sponsor-logos-left, .sponsor-logos .sponsor-logos-right { float: left; }
.sponsor-logos .sponsor-logos-left { width: 100%; }
.sponsor-logos .sponsor-logos-left .sponsor-logo { width: 100%; }
@media (min-width: 768px) { .sponsor-logos .sponsor-logos-left { width: 52.174%; }
  .sponsor-logos .sponsor-logos-left .qma-sponsor-logo { width: 50%; }
  .sponsor-logos .sponsor-logos-left .vodafone-sponsor-logo { width: 50%; } }
.sponsor-logos .sponsor-logos-right { width: 100%; }
.sponsor-logos .sponsor-logos-right .sponsor-logo { width: 100%; }
@media (min-width: 768px) { .sponsor-logos .sponsor-logos-right { width: 47.826%; }
  .sponsor-logos .sponsor-logos-right .national-museum-sponsor-logo { width: 41.818%; }
  .sponsor-logos .sponsor-logos-right .al-zubarah-sponsor-logo { width: 32.727%; }
  .sponsor-logos .sponsor-logos-right .mia-sponsor-logo { width: 25.455%; }
  .sponsor-logos .sponsor-logos-right .mathaf-sponsor-logo { width: 74.545%; }
  .sponsor-logos .sponsor-logos-right .qatar-foundation-sponsor-logo { width: 25.455%; } }

.membership-card { color: #231F20; float: left; font-family: Tahoma, sans-serif; font-size-adjust: 0.5; font-style: normal; font-weight: bold; margin: 10px; position: relative; }
.membership-card .membership-card-number, .membership-card .membership-card-name { left: 4%; padding: 0 3%; position: absolute; width: 61%; }
.membership-card .membership-card-name { margin-top: -0.5em; top: 65.24%; }
.membership-card .membership-card-number { margin-top: -0.5em; top: 72.5%; }

/*** instagram slider styles ***/
.instagram-slider .instagram-row { *zoom: 1; background-color: #79aafa; display: none; }
.instagram-slider .instagram-row:before, .instagram-slider .instagram-row:after { content: " "; display: table; }
.instagram-slider .instagram-row:after { clear: both; }
.instagram-slider .instagram-row:nth-child(1) { display: block; position: relative; }
.instagram-slider .instagram-item { float: left; width: 50%; display: inline-block; margin-top: 0; }
.instagram-slider .instagram-item:last-child { display: none; }
.lt-ie9 .instagram-slider .instagram-item:last-child { display: block; }
@media (min-width: 768px) { .instagram-slider .instagram-item { width: 33.33333336%; }
  .instagram-slider .instagram-item:last-child { display: block; } }

.instagram-item { position: relative; font-size: 0.88889em; line-height: 1.25em; line-height: 1.25em; }
.instagram-item .instagram-image img { width: 100%; }
.instagram-item .instagram-image:after { content: ''; background: transparent url("../images/instagram-watermark.png") no-repeat 0 0; display: block; height: 47px; width: 47px; position: absolute; bottom: 1em; left: 1em; }
.instagram-item .instagram-overlay { position: absolute; background-color: #FFFFFF; display: none; right: 0; left: 0; top: 0; bottom: 0; }
@media (min-width: 1174px) { .instagram-slider .instagram-item .instagram-overlay { right: 4em; left: 4em; top: 4em; bottom: 4em; } }
@media (min-width: 569px) { .instagram-item:hover .instagram-overlay { display: block; }
  .lt-ie9 .instagram-item:hover .instagram-overlay { display: none; } }
.instagram-item .instagram-overlay-inner { padding: 2em; }
.instagram-item .instagram-postdate { color: #999999; }
.instagram-item .instagram-user span { display: block; background: transparent url("../images/instagram-grey.gif") no-repeat 0 2px; padding-left: 26px; margin-bottom: 0.2em; }

.social-media-col { width: 100%; margin-bottom: 2em; }
@media (min-width: 768px) { .social-media-col { width: 49.15893%; float: left; margin-right: 1.68214%; }
  .social-media-col.youtube-feed { width: 49.15893%; float: right; margin-right: 0; } }
@media (min-width: 1024px) { .social-media-col { width: 30.09353%; float: left; margin-right: 1.68214%; }
  .social-media-col.youtube-feed { width: 36.44866%; float: left; margin-right: 1.68214%; }
  .social-media-col.facebook-feed { width: 30.09353%; float: right; margin-right: 0; } }
.social-media-col iframe { width: 100% !important; }
.social-media-col .sm-container { margin-bottom: 0.778em; }
@media (min-width: 768px) { .social-media-col .sm-container { min-height: 517px; margin-bottom: 2.778em; } }
.social-media-col .sm-link { clear: left; display: block; }

.facebook-feed span, .facebook-feed iframe, .facebook-feed .fb_iframe_widget { width: 100% !important; position: relative !important; }

.twitter-feed .sm-container { float: left; width: 100%; }
.twitter-feed iframe { height: 517px !important; float: left; }

.youtube-feed .field-item.even { margin-bottom: 1em; }

/*** end social media hub page ***/
.not-logged-in .node-news-hub { margin-top: -3em; }

.featured-news .views-list { margin: 0; }
.featured-news .views-row { width: 100%; margin: 0; background-color: #efefef; }
.featured-news .views-row:before { content: ''; padding: 0; }
@media (min-width: 569px) { .featured-news .views-row { width: 33.333333%; margin: 0; float: left; padding-bottom: 3.0em; }
  .featured-news .views-row.views-row-last { float: right; } }

.ie8 .featured-news .view-news .views-row { width: 33.33% !important; }

.ie8 .view-display-id-related_news_block .views-row.views-row-last { float: right; margin: 0; }

.node-news-hub .header-section { padding-bottom: 0; padding-top: 0; background-color: #efefef; }
.node-news-hub .header-section .left-col { width: 100%; }
.node-news-hub .header-section .left-col h1 { margin-bottom: 0; }
.node-news-hub .header-section .left-col .field-name-field-subtitle { display: none; }
@media (min-width: 569px) { .node-news-hub .header-section .left-col { width: 55.51406%; float: left; margin-right: 1.68214%; }
  .node-news-hub .header-section .left-col .field-name-field-subtitle { display: block; font-size: 3.11111em; line-height: 1.07143em; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; }
  .node-news-hub .header-section .left-col .field-name-field-subtitle:before { content: '\2013'; } }
.node-news-hub .header-section .right-col { display: none; }
@media (min-width: 569px) { .node-news-hub .header-section .right-col { display: block; width: 42.80379%; float: right; margin-right: 0; border-top: 2px solid black; padding-top: 12px; } }
.node-news-hub .header-section .header-top { background-color: #79aafa; padding-top: 3.0em; padding-bottom: 4.444em; }
.node-news-hub .header-section .teaser-text { position: relative; padding: 1em; }
.node-news-hub .header-section .teaser-text .teaser-tags { text-transform: uppercase; color: #696969; font-size: 0.88889em; line-height: 1.25em; padding-bottom: 1.33333em; }
.node-news-hub .header-section .date { background-color: #ed3c8a; color: white; position: absolute; height: 34px; top: -34px; left: 0; display: block; text-transform: uppercase; padding: 7px 1.2em; margin-bottom: 0; font-size: 0.77778em; line-height: 1.42857em; }
.node-news-hub .header-section .dont-miss { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; text-transform: uppercase; color: #ed3c8a; margin-bottom: 0; font-size: 1.22222em; line-height: 1.27273em; }

.node-news-hub .header-section .filter_image a { float: none; font-weight: normal; }

.node-news-hub .header-section.blog-filter-list { background-color: transparent; }
@media (min-width: 1024px) { .node-news-hub .header-section.blog-filter-list .back-to-parent { margin-left: -6.35513%; padding-left: 2.4em; } }

.not-logged-in .node-news-hub .header-section.blog-filter-list { margin-top: 3em; }

.blog-teasers-section { padding-top: 4em; }
.blog-teasers-section .dont-miss { display: none; }
.blog-teasers-section h2 { font-size: 1.77778em; line-height: 1.125em; margin-bottom: 1.3em; }
.blog-teasers-section .view-blog-tags-list { *zoom: 1; margin-bottom: 3em; }
.blog-teasers-section .view-blog-tags-list:before, .blog-teasers-section .view-blog-tags-list:after { content: " "; display: table; }
.blog-teasers-section .view-blog-tags-list:after { clear: both; }
.blog-teasers-section .view-blog-tags-list a { text-transform: uppercase; }

.more-news { clear: left; }
.more-news canvas { width: 100%; }
.more-news.more-news { margin-bottom: 2.1em; }
.more-news .views-row { clear: none; width: 100%; display: inline-block; margin-bottom: 2em; padding-bottom: 71px; }
@media (min-width: 768px) { .more-news .views-row .filter_image, .more-news .views-row .teaser-image { width: 48.28908%; float: left; margin-right: 3.42185%; display: inline-block; margin-bottom: 0; height: auto; overflow: hidden; } }
.more-news .views-row .teaser-text { clear: left; width: 100%; }
.more-news .views-row .teaser-text h4, .more-news .views-row .teaser-text .exhibition-item .status, .exhibition-item .more-news .views-row .teaser-text .status { margin-bottom: 1.33333em; }
@media (min-width: 768px) { .more-news .views-row .teaser-text { width: 48.28908%; float: right; margin-right: 0; clear: none; } }
.more-news .views-row .blog-tags { text-transform: uppercase; color: #696969; font-size: 0.88889em; line-height: 1.25em; }
@media (min-width: 768px) { .more-news .view-news .views-row { margin-bottom: 4.5em; width: 49.15893%; float: left; margin-right: 1.68214%; padding-bottom: 0; } }
@media (min-width: 768px) { .more-news .view-news .views-row.views-row-odd { width: 49.15893%; float: left; margin-right: 1.68214%; clear: both; } }
@media (min-width: 768px) { .more-news .view-news .views-row.views-row-even { width: 49.15893%; float: right; margin-right: 0; } }
.more-news .item-list { width: 87.28973%; float: left; margin-right: 1.68214%; display: inline; margin-left: 6.35513%; }
@media (min-width: 768px) { .more-news .item-list { width: 61.8692%; float: left; margin-right: 1.68214%; margin-left: 19.0654%; } }

.lt-ie9 .featured-news .views-list { width: 100% !important; }
.lt-ie9 .featured-news .views-row { width: 100% !important; margin-left: 0; padding-left: 0; }

/** news article page **/
.node-news-article .generic-center-column .field-collection-container { margin-bottom: 2.5em; display: inline-block; width: 100%; }
.node-news-article .image-gallery { margin-bottom: 4.444em; }

.node-news-article .share-links-wrapper { *zoom: 1; width: 100%; margin-bottom: 2.889em; }
.node-news-article .share-links-wrapper:before, .node-news-article .share-links-wrapper:after { content: " "; display: table; }
.node-news-article .share-links-wrapper:after { clear: both; }
@media (min-width: 569px) { .node-news-article .share-links-wrapper { width: 345px; margin: 0 auto; } }
.node-news-article .share-links-wrapper p { display: inline-block; margin-bottom: 6px; margin-right: 5px; line-height: 50px; vertical-align: top; }
.node-news-article .share-links-wrapper ul.share-links { display: inline-block; margin: 0 auto; }
.node-news-article .share-links-wrapper ul.share-links li { float: left; margin-right: 20px; }
.node-news-article .share-links-wrapper ul.share-links li.facebook { margin-right: 0; }

/*** previous and next blog post links ***/
.blog-pager { height: 100%; margin-bottom: 2.889em; }
.blog-pager .pager-inner { width: 100%; float: left; margin-bottom: 40px; }
@media (min-width: 569px) { .blog-pager .pager-inner { margin-right: 0; margin-bottom: 0; } }
@media (min-width: 769px) { .blog-pager .pager-inner { width: 87.28973%; float: left; margin-right: 1.68214%; margin-left: 12.71027%; } }
@media (min-width: 768px) { .blog-pager .pager-inner { margin-left: 6.35513%; } }
@media (min-width: 1024px) { .blog-pager .pager-inner { width: 74.57946%; float: left; margin-right: 1.68214%; margin-left: 12.71027%; } }
.blog-pager .blog-pager-link { width: 50%; }
.blog-pager .blog-pager-link a { background-repeat: no-repeat; background-color: transparent; display: inline-block; font-weight: normal; }
.blog-pager .blog-pager-link a span { border-bottom: 1px solid white; background-color: #faff1e; }
.blog-pager .blog-pager-link a:hover { background-position: 0 100%; border-bottom: none; margin-bottom: 1px; }
.blog-pager .blog-pager-link a:hover span { background-color: transparent; border-bottom: 1px solid black; }
@media (min-width: 569px) { .blog-pager .blog-pager-link { width: 38.36868%; float: left; margin-right: 2.71887%; } }
.blog-pager .prev-blog { float: left; }
.blog-pager .prev-blog a { position: relative; padding-left: 30px; }
.blog-pager .prev-blog a:before { content: " "; position: absolute; height: 41px; left: 0; top: 0; width: 15.52823%; background-image: url("../images/left.gif"); background-position: 0 0; background-repeat: no-repeat; }
.blog-pager .prev-blog a:hover:before { background-position: 0 100%; }
.backgroundsize .blog-pager .prev-blog a:before { background-image: url("../images/left@2x.gif"); background-size: 22px 82px; }
@media (min-width: 569px) { .blog-pager .prev-blog a { padding-left: 19.68537%; } }
.blog-pager .next-blog { float: right; text-align: right; margin-right: 0; }
.blog-pager .next-blog a { position: relative; padding-right: 30px; font-weight: normal; }
.blog-pager .next-blog a:before { content: " "; position: absolute; height: 41px; right: 0; top: 0; width: 15.52823%; background-image: url("../images/right.gif"); background-position: 100% 0; background-repeat: no-repeat; }
.blog-pager .next-blog a:hover:before { background-position: 100% 100%; }
.backgroundsize .blog-pager .next-blog a:before { background-image: url("../images/right@2x.gif"); background-size: 22px 82px; }
@media (min-width: 569px) { .blog-pager .next-blog { margin-left: 6.35513%; }
  .blog-pager .next-blog a { padding-right: 19.68537%; } }

/*** blog tags on the news news page ***/
.featured-news .hub-teaser .teaser-tags .tag-item a, .blog-teasers-section .hub-teaser .teaser-tags .tag-item a { font-size: 1em; line-height: 1.33333em; font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; color: #696969; background: transparent; border: none; font-weight: normal; padding: 0; margin: 0; display: inline; }
.featured-news .hub-teaser .teaser-tags .tag-item a:after, .blog-teasers-section .hub-teaser .teaser-tags .tag-item a:after { content: ', '; }

.featured-news .hub-teaser .teaser-tags .tag-item:last-child a:after, .blog-teasers-section .hub-teaser .teaser-tags .tag-item:last-child a:after { content: ''; }

.node-news-article .tag-item a { text-transform: uppercase; }

/*** news on project page ***/
.project-news-list .node-news-article { width: 100%; margin-bottom: 3em; border-top: 2px solid #000000; padding-top: 0.3em; }
@media (min-width: 768px) { .project-news-list .node-news-article { width: 30.09353%; float: left; margin-right: 1.68214%; margin-bottom: 0; } }
@media (min-width: 1024px) { .project-news-list .node-news-article { width: 23.73839%; float: left; margin-right: 1.68214%; } }
.project-news-list .node-news-article h4, .project-news-list .node-news-article .exhibition-item .status, .exhibition-item .project-news-list .node-news-article .status { margin-bottom: 1.5em; }

/*** related news on a blog page ***/
@media (min-width: 569px) { .view-display-id-related_news_block .view-content { max-width: 44.336em; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
  .view-display-id-related_news_block .view-content:after { content: ""; display: table; clear: both; }
  .view-display-id-related_news_block .views-row { clear: none; width: 31.82966%; float: left; margin-right: 2.2555%; }
  .view-display-id-related_news_block .views-row-first { width: 31.82966%; float: left; margin-right: 2.2555%; }
  .view-display-id-related_news_block .views-row:nth-child(3n) { width: 31.82966%; float: right; margin-right: 0; } }
@media (min-width: 769px) { .view-display-id-related_news_block .view-content { max-width: 74.56em; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
  .view-display-id-related_news_block .view-content:after { content: ""; display: table; clear: both; }
  .view-display-id-related_news_block .views-row { clear: none; width: 18.92704%; float: left; margin-right: 1.3412%; }
  .view-display-id-related_news_block .views-row-first { width: 18.92704%; float: left; margin-right: 1.3412%; }
  .view-display-id-related_news_block .views-row:nth-child(3n) { width: 18.92704%; float: left; margin-right: 1.3412%; }
  .view-display-id-related_news_block .views-row:nth-child(5n) { width: 18.92704%; float: right; margin-right: 0; } }

.view-display-id-related_news_block .views-row { padding-bottom: 0; }
.view-display-id-related_news_block .views-row .filter_image, .view-display-id-related_news_block .views-row .teaser-image { width: 100%; display: block; }
.view-display-id-related_news_block .views-row .teaser-text { width: 100%; float: left; }

.view-display-id-related_news_block .views-row .teaser-text { margin-top: 1.1em; }
.view-display-id-related_news_block .views-row .teaser-text h4, .view-display-id-related_news_block .views-row .teaser-text .exhibition-item .status, .exhibition-item .view-display-id-related_news_block .views-row .teaser-text .status { text-transform: none; font-weight: normal; font-family: "DIN Next W02 Light", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; font-size: 1em; line-height: 1.33333em; }

.node-pattern-generator { margin-top: -3em; }
.node-pattern-generator.node-teaser { margin-top: 0; }
.node-pattern-generator .node-hero-wrapper .header-area .title-container { margin-top: 2em; }
@media (min-width: 569px) { .node-pattern-generator .node-hero-wrapper .header-area .title-container { margin-top: 0; } }

.pattern-gallery-images .field-item, .pattern-gallery-images .gallery-image { width: 20%; float: left; }
.pattern-gallery-images .field-item img, .pattern-gallery-images .gallery-image img { width: 100%; }

.pattern-generator-wrapper { max-width: 1174px; width: 100%; margin: 0 auto; text-align: center; }
.pattern-generator-wrapper #download, .pattern-generator-wrapper .ie8-message { display: none; }
.lt-ie9 .pattern-generator-wrapper .ie8-message { display: block; }
.pattern-generator-wrapper .lt-ie9 .pattern-generator-wrapper { background-color: transparent !important; }

.pattern-message { padding: 2em; }

#qma-forms-pattern-mail-form-wrapper .throbber, #qma-forms-pattern-mail-form-wrapper .form-item-image-data { display: none; }

.js .pattern-generator-wrapper canvas, .js .pattern-generator-wrapper #pattern-sharing, .js .pattern-generator-wrapper .download-instructions { display: none; }
@media (min-width: 768px) { .js .pattern-generator-wrapper { background-color: #404040; position: relative; text-align: left; }
  .js .pattern-generator-wrapper p.pattern-message { display: none; }
  .js .pattern-generator-wrapper canvas { display: block; max-width: 100%; }
  .js .pattern-generator-wrapper #pattern-sharing { display: block; position: absolute; bottom: 3%; right: 10px; }
  .js .pattern-generator-wrapper #pattern-sharing a { clear: both; float: right; margin-bottom: 0.25em; font-weight: normal; }
  .js .pattern-generator-wrapper #pattern-sharing .inner { display: none; }
  .js .pattern-generator-wrapper #email, .js .pattern-generator-wrapper #share, .js .pattern-generator-wrapper #download { display: block; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; background-color: #ed3c8a; color: #FFF; display: inline-block; margin: 0; padding: 0.781em; text-align: center; text-transform: uppercase; vertical-align: top; width: 100%; font-size: 1em; line-height: 1.33333em; line-height: 1.11111em; padding: 6px 10px 7px 10px; text-align: center; font-size: 1.13333em; }
  html[dir='rtl'] .js .pattern-generator-wrapper #email, html[dir='rtl'] .js .pattern-generator-wrapper #share, html[dir='rtl'] .js .pattern-generator-wrapper #download { text-transform: none; }
  .js .pattern-generator-wrapper #email.hover, .js .pattern-generator-wrapper #email:hover, .js .pattern-generator-wrapper #share.hover, .js .pattern-generator-wrapper #share:hover, .js .pattern-generator-wrapper #download.hover, .js .pattern-generator-wrapper #download:hover { cursor: pointer; background-color: #000000; padding: 0.781em; border-bottom: none; }
  .js .pattern-generator-wrapper #email.hover, .js .pattern-generator-wrapper #email:hover, .js .pattern-generator-wrapper #share.hover, .js .pattern-generator-wrapper #share:hover, .js .pattern-generator-wrapper #download.hover, .js .pattern-generator-wrapper #download:hover { border-bottom: none; padding: 6px 10px 7px 10px; }
  .js .pattern-generator-wrapper #download { width: 135px !important; min-width: 135px !important; }
  .js .pattern-generator-wrapper #email, .js .pattern-generator-wrapper #share { width: 90px !important; min-width: 90px !important; } }
@media (min-width: 768px) and (min-width: 569px) { .js .pattern-generator-wrapper #email, .js .pattern-generator-wrapper #share, .js .pattern-generator-wrapper #download { min-width: 254px; width: auto; } }

.ie-10.js .pattern-generator-wrapper canvas, .ie.js .pattern-generator-wrapper canvas { min-height: 425px; height: 100%; }
@media (min-width: 860px) { .ie-10.js .pattern-generator-wrapper canvas, .ie.js .pattern-generator-wrapper canvas { min-height: 476px; } }
@media (min-width: 1024px) { .ie-10.js .pattern-generator-wrapper canvas, .ie.js .pattern-generator-wrapper canvas { min-height: 567px; } }
@media (min-width: 1174px) { .ie-10.js .pattern-generator-wrapper canvas, .ie.js .pattern-generator-wrapper canvas { min-height: 650px; } }

.lt-ie9 .pattern-generator-wrapper { height: auto !important; background-color: #FFFFFF !important; }
.lt-ie9 .pattern-generator-wrapper canvas, .lt-ie9 .pattern-generator-wrapper #pattern-sharing { display: none !important; }

.pattern-overlay { position: absolute; z-index: 99; background: transparent url(../images/trans_black70.png) repeat top left; width: 100%; top: 0; bottom: 0; right: 0; left: 0; display: none; }
.pattern-overlay .full-width { position: relative; }
.pattern-overlay .close { background-color: transparent; border-bottom: 1px solid #ed3c8a; color: #FFF; margin: 0 1em; }
.pattern-overlay textarea, .pattern-overlay input[type="text"] { background-color: #FFF; color: #000; }
.pattern-overlay textarea { padding: 0.5em; }
.pattern-overlay .pattern-image { background-color: #393939; color: #FFFFFF; padding: 2em; display: inline-block; width: 100%; }
.pattern-overlay .pattern-image img { width: 70%; padding-right: 2em; }
html[dir='rtl'] .pattern-overlay .pattern-image img { padding-right: 0; padding-left: 2em; }
.pattern-overlay .pattern-image p { clear: right; float: right; width: 30%; }
html[dir='rtl'] .pattern-overlay .pattern-image p { float: left; clear: left; }
.pattern-overlay .pattern-image p:last-child { margin-bottom: 0; }
.pattern-overlay .pattern-image p a { color: #FFFFFF; font-weight: normal; }

/*** pattern gallery ***/
.pattern-gallery { background-color: #404040; float: left; width: 100%; margin-bottom: -6px; }
.pattern-gallery .pattern-row { position: relative; float: left; width: 100%; }
.pattern-gallery .gallery-image { position: relative; }
.pattern-gallery .gallery-image:hover { cursor: pointer; }
.pattern-gallery .gallery-image.link-square { padding-bottom: 20%; }
.pattern-gallery .gallery-image.link-square a { background-color: #ed3c8a; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: block; font-weight: normal; }
.pattern-gallery .gallery-image.link-square a h4, .pattern-gallery .gallery-image.link-square a .exhibition-item .status, .exhibition-item .pattern-gallery .gallery-image.link-square a .status { position: relative; padding-top: 48%; display: block; color: #FFFFFF; }
.pattern-gallery .gallery-image.link-square a:hover { border-bottom: none; }
.pattern-gallery .gallery-image.link-square a:hover h4, .pattern-gallery .gallery-image.link-square a:hover .exhibition-item .status, .exhibition-item .pattern-gallery .gallery-image.link-square a:hover .status { text-decoration: underline; }
.pattern-gallery .large-pattern-container { height: 0; overflow: hidden; width: 100%; clear: left; float: left; text-align: center; }
.pattern-gallery .large-pattern-container img { width: 320px; float: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 1em; }
@media (min-width: 768px) { .pattern-gallery .large-pattern-container img { width: auto; } }
.lt-ie9 .pattern-gallery .large-pattern-container img { top: 0; }
.pattern-gallery .mobile-link { clear: left; width: 65%; margin: 0 auto 2em auto; float: none; top: 1em; position: relative; }
.pattern-gallery .mobile-link a { background-color: #ed3c8a; text-align: center; display: block; padding: 1em 0; font-weight: normal; }
.pattern-gallery .mobile-link a h4, .pattern-gallery .mobile-link a .exhibition-item .status, .exhibition-item .pattern-gallery .mobile-link a .status { position: relative; display: block; color: #FFFFFF; margin-bottom: 0; }
.pattern-gallery .mobile-link a:hover { border-bottom: none; }
.pattern-gallery .mobile-link a:hover h4, .pattern-gallery .mobile-link a:hover .exhibition-item .status, .exhibition-item .pattern-gallery .mobile-link a:hover .status { text-decoration: underline; }

.node-press-room .field-name-field-intro-text { border-top: 2px solid #000000; padding-top: 0.5em; margin-bottom: 2.5em; }
.node-press-room .view-filters p { float: left; margin: 1.1em 1em 0 0; }
.node-press-room .view-filters form { float: left; }
.node-press-room .view-filters .select-target.select-theme-default { width: 12em; }
.node-press-room .view-filters .views-submit-button { clear: left; }
.node-press-room .view-filters .reset { margin: 1.6em 0 0 1em; }
.node-press-room .press-list-content { margin-bottom: 1.5em; margin-top: 1em; }
@media (min-width: 569px) { .node-press-room .press-list-content { margin-top: 0; } }
.node-press-room .view-header, .node-press-room .view-empty { margin-top: 1em; }
.node-press-room .view-content { margin-top: -6px; }
@media (min-width: 569px) { .node-press-room .view-content { margin-top: 0; } }
.node-press-room .view-content th { text-align: left; text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.node-press-room .view-content tr { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; }
.node-press-room .view-content tr td { padding: 2.556em 0 1em 0; }
@media (min-width: 569px) { .node-press-room .view-content tr td { padding-bottom: 2.556em; } }
.node-press-room .view-content .odd { background-color: #FAFAFA; margin-left: -1em; padding-left: 1em; padding-right: 1em; }
.ie9 .node-press-room .view-content .odd td { background-color: #FAFAFA; }
.ie9 .node-press-room .view-content .odd td.views-field-title { margin-left: -1em; padding-left: 1em; margin-right: 2em; }
.ie9 .node-press-room .view-content .odd td.views-field-field-press-tags { padding-right: 1em; }
.node-press-room .view-content thead tr { display: none; }
@media (min-width: 569px) { .node-press-room .view-content thead tr { display: inline-block; } }
.node-press-room .view-content thead tr th { padding: 1em 0; }
.node-press-room .view-content td { width: 100%; clear: left; float: left; margin-bottom: 1.5em; }
@media (min-width: 569px) { .node-press-room .view-content td { clear: none; margin-bottom: 0; } }
@media (min-width: 569px) { .node-press-room .view-content .views-field-title { width: 48.64057%; float: left; margin-right: 2.71887%; } }
@media (min-width: 569px) { .node-press-room .view-content .views-field-field-press-file-attachment { width: 17.8249%; float: left; margin-right: 2.71887%; } }
@media (min-width: 569px) { .node-press-room .view-content .views-field-field-press-tags { width: 28.09679%; float: right; margin-right: 0; } }
.node-press-room .view-content .views-field-field-press-tags ul { margin-bottom: 0; }
.node-press-room .view-content .views-field-field-press-tags ul li { margin-left: 0; }
.node-press-room .view-content .views-field-field-press-tags ul li:before { display: none; }

.views-field-field-press-file-attachment span, .field-name-field-press-file-attachment span { clear: left; display: block; }

.node-press-release .press-tags .field-item { margin-bottom: 0.556em; }

#views-exposed-form-press-block .ajax-progress { margin-top: 2.381em; margin-right: -19px; }
#views-exposed-form-press-block input[type="text"] { background-color: #FFF; }

.node-whats-on .field-name-field-intro-text { border-top: 2px solid #000000; padding-top: 0.5em; margin-bottom: 2.5em; }

.field-name-field-whatson-event > .field-items > .field-item:first-child { border: 9px solid #000000; border-right: none; border-left: none; padding: 1.889em 0 0 0; margin-bottom: 4.444em; }
.field-name-field-whatson-event .field-name-field-event-description p { margin-bottom: 0; }
.field-name-field-whatson-event .field-name-field-event-location { clear: left; }
.field-name-field-whatson-event .field-name-field-event-location:before { content: '\2013'; display: block; }
.field-name-field-whatson-event .field-name-field-event-dates, .field-name-field-whatson-event .field-name-field-event-date-override { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; margin-top: 1.4em; }

.view-creative-resources .view-header { border-bottom: 2px solid #000000; display: inline-block; width: 100%; margin-bottom: 2.333em; }
.view-creative-resources .view-header .header-wrapper { width: 100%; }
@media (min-width: 860px) { .view-creative-resources .view-header .header-wrapper { width: 70%; float: left; } }
.view-creative-resources .view-header .header-wrapper h2 { float: left; margin-bottom: 0; }
.view-creative-resources .view-header .header-wrapper p { float: left; clear: left; margin-bottom: 0; position: relative; top: 0.6em; }
@media (min-width: 860px) { .view-creative-resources .view-header .header-wrapper p { float: right; clear: none; } }
.view-creative-resources .view-header .view-filters { width: 100%; clear: left; float: left; position: relative; margin-top: 1.5em; }
@media (min-width: 569px) { .view-creative-resources .view-header .view-filters { width: 40%; } }
@media (min-width: 860px) { .view-creative-resources .view-header .view-filters { width: 30%; float: right; clear: none; margin-top: 0; } }
.view-creative-resources .view-header .view-filters .views-exposed-widget { padding: 0; float: right; width: 100%; }
@media (min-width: 860px) { .view-creative-resources .view-header .view-filters .views-exposed-widget { width: 95%; } }
.view-creative-resources .view-header .view-filters .views-exposed-widget .select-target { width: 100%; }
.js .view-creative-resources .view-header .view-filters .views-submit-button { display: none; }

.view-creative-resources .view-content .views-table { width: 100%; }
.view-creative-resources .view-content th { text-align: left; text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; padding-top: 0; }
.view-creative-resources .view-content tr { display: inline-block; width: 100%; }
.view-creative-resources .view-content .odd { background-color: #FAFAFA; }
.view-creative-resources .view-content thead tr th { display: none; }
@media (min-width: 569px) { .view-creative-resources .view-content thead tr th { display: inline-block; padding: 0 0 1em 0; } }
.view-creative-resources .view-content td { width: 100%; clear: left; float: left; margin-bottom: 1.5em; padding: 0 1.278em 1em 1.278em; }
@media (min-width: 569px) { .view-creative-resources .view-content td { clear: none; margin-bottom: 0; padding-top: 2.556em; padding-bottom: 2.556em; } }
.view-creative-resources .view-content .views-field-title { width: 100%; padding-top: 2.556em; }
@media (min-width: 569px) { .view-creative-resources .view-content .views-field-title { width: 36.44866%; float: left; margin-right: 1.68214%; } }
.view-creative-resources .view-content th.views-field-title { padding-top: 0; padding-left: 1.278em; }
.view-creative-resources .view-content .views-field-address { width: 100%; }
@media (min-width: 569px) { .view-creative-resources .view-content .views-field-address { width: 23.73839%; float: left; margin-right: 1.68214%; padding-left: 0; padding-right: 0; } }
.view-creative-resources .view-content .views-field-address .map-link, .view-creative-resources .view-content .views-field-address .country-name { display: none; }
.view-creative-resources .view-content .views-field-field-resource-opening-times { width: 100%; }
@media (min-width: 569px) { .view-creative-resources .view-content .views-field-field-resource-opening-times { width: 17.38326%; float: left; margin-right: 1.68214%; padding-left: 0; padding-right: 0; } }
.view-creative-resources .view-content .views-field-field-resource-tags { width: 100%; }
@media (min-width: 569px) { .view-creative-resources .view-content .views-field-field-resource-tags { width: 17.38326%; float: right; margin-right: 0; } }
.view-creative-resources .view-content .views-field-field-resource-tags ul { margin-bottom: 0; }
.view-creative-resources .view-content .views-field-field-resource-tags ul li { margin-left: 0; }
.view-creative-resources .view-content .views-field-field-resource-tags ul li:before { display: none; }

.field-name-field-featured-resource .filter_image { max-width: 322px; float: left; margin-bottom: 1.5em; }
@media (min-width: 768px) { .field-name-field-featured-resource .filter_image { width: 30.09353%; float: left; margin-right: 1.68214%; max-width: none; margin-bottom: 0; } }
.field-name-field-featured-resource .teaser-text { float: left; width: 100%; margin-bottom: 1.5em; }
@media (min-width: 768px) { .field-name-field-featured-resource .teaser-text { width: 36.44866%; float: left; margin-right: 1.68214%; margin-bottom: 0; } }
.field-name-field-featured-resource .featured-quote { background-color: #FFFFFF; float: left; width: 100%; padding: 1em; position: relative; }
@media (min-width: 768px) { .field-name-field-featured-resource .featured-quote { width: 23.73839%; float: right; margin-right: 0; } }
.field-name-field-featured-resource .featured-quote .field-name-field-element-user-quote { margin-bottom: 0; }
.field-name-field-featured-resource .featured-quote .field-name-field-element-user-quote:after { content: '\2013'; display: block; }
.field-name-field-featured-resource .featured-quote:after { content: ''; position: absolute; width: 0; height: 0; border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-bottom: 2.222em solid white; left: -2em; right: auto; bottom: 0; display: none; }
@media (min-width: 569px) { .field-name-field-featured-resource .featured-quote:after { display: block; } }
html[dir='rtl'] .field-name-field-featured-resource .featured-quote:after { border-right: 2.222em solid transparent; border-left: 0px solid transparent; border-bottom: 2.222em solid white; right: -2em; left: auto; }
html[dir='rtl'].ie9 .field-name-field-featured-resource .featured-quote:after { border-left: 2.222em solid transparent; border-right: 0px solid transparent; border-bottom: 2.222em solid white; right: -2em; left: auto; }
html.lt-ie9 .field-name-field-featured-resource .featured-quote:after { display: none !important; }

.js.touch .creative-map-view { width: 100%; padding: 0 20px; background-color: #333333; }
.js.touch .map-container { margin-bottom: 0; }

.gmap-popup .field-name-field-resource-opening-times, .gmap-popup .field-name-field-resource-description { margin-bottom: 1.333em; }

#qma-forms-resource-question-form textarea { height: 9.25em; }

.page-search-node .messages { position: static; width: 30%; min-width: 300px; margin: 0 auto 2em auto; }

.page-search-node .search-form .form-item-keys { font-size: 0.88889em; /* Match font-size to search box */ margin-bottom: 0; padding-right: 3.125em; width: 100%; }
.page-search-node .search-form #edit-basic { position: relative; }
.page-search-node .search-form .form-wrapper { padding: 0; margin-bottom: 2em; }
.page-search-node .search-form .form-wrapper .form-item { float: left; }
.page-search-node .search-form .form-wrapper label { float: left; }
.page-search-node .search-form .form-wrapper input#edit-keys { background-color: #FFFFFF; border-right: 0; clear: left; float: left; font-size: 1em; margin: 0; height: 3.125em; width: 100%; }
.page-search-node .search-form .form-wrapper input[type=submit] { background: #ed3c8a url("../images/search-basic.png") no-repeat center center; border: 2px #000 solid; bottom: 0; font-size: 0.88889em; /* Match font-size to search box */ height: 3.125em; min-width: 0; overflow: hidden; position: absolute; right: 0; text-indent: -9999em; width: 3.125em; }
.backgroundsize .page-search-node .search-form .form-wrapper input[type=submit] { background: transparent url("../images/searchresults@2x.gif") no-repeat center top; background-size: 100% auto; }
.backgroundsize .page-search-node .search-form .form-wrapper input[type=submit]:hover { background-position: 100% 100%; }
.page-search-node .search-form .form-wrapper input[type=submit]:hover { cursor: pointer; }
.page-search-node .search-form .form-wrapper input[type=submit]:focus { outline: none; }

.search-results-container .search-result { margin-left: 0; margin-bottom: 3em; }
.search-results-container .search-result:before { display: none; }

.lt-ie9 .site-header .region-header-search { visibility: hidden; }
.lt-ie9 .site-header.open .site-title { visibility: hidden; }
.lt-ie9 .site-header.open .region-header-search { visibility: visible; }
.lt-ie9 .view-display-id-all_projects_and_areas .view-filters, .lt-ie9 .view-display-id-all_projects_and_areas .experience-view-header, .lt-ie9 .view-display-id-experience_map_block .view-filters, .lt-ie9 .view-display-id-experience_map_block .experience-view-header { display: none; }
.lt-ie9 .image-gallery { display: none; }
.lt-ie9 .gallery-controls-container, .lt-ie9 .block-color-filler, .lt-ie9 .poll-container { display: none !important; }
.lt-ie9 .project-social-container .tweet-item, .lt-ie9 .project-social-container .instagram-item { float: left; position: static !important; margin-right: 5% !important; }
.lt-ie9 .breadcrumb .container, .lt-ie9 .breadcrumb ul { background-color: #fdff8f; }
.lt-ie9 .view-creative-resources .view-header .header-wrapper p { margin-bottom: 1.333em; }

html[dir="rtl"].lt-ie9 .project-social-container .tweet-item, html[dir="rtl"].lt-ie9 .project-social-container .instagram-item { float: right; position: static !important; margin-left: 5% !important; margin-right: 0% !important; }

/* 
IE8 can't understand the nth-child selector so we use selectivzr
IE8 can't understand media queries so we use respond.js
respond.js and selectivzr don't work together, so any nth-child selector within a media query won't
be read by IE8

so we have to use lots of !important tags here so that IE8 doesn't use the more specific css in the 
media query, but then not apply it properly because it doesn't understand it.

*/
html.lt-ie9 .grid-three { width: 100%; }
html.lt-ie9 .grid-three .views-row { margin-bottom: 3.311em; width: 30.09353%; float: left; margin-right: 1.68214%; display: inline; }
html.lt-ie9 .grid-three .views-row.last { margin-right: 0; }
html.lt-ie9 .grid-three .views-row { clear: none; }
html.lt-ie9 .grid-three .views-row:nth-child(2n) { margin-right: 1.68214% !important; }
html.lt-ie9 .grid-three .views-row:nth-child(2n + 1) { clear: none !important; }
html.lt-ie9 .grid-three .views-row:nth-child(3n) { margin-right: 0 !important; clear: none !important; }
html.lt-ie9 .grid-three .views-row:nth-child(3n+1) { clear: both !important; }

html[dir="rtl"].lt-ie9 .grid-three .views-row { float: right !important; margin-right: 0 !important; }
html[dir="rtl"].lt-ie9 .grid-three .views-row:nth-child(2n) { margin-right: 0 !important; }
html[dir="rtl"].lt-ie9 .grid-three .views-row:nth-child(2n + 1) { clear: none !important; }
html[dir="rtl"].lt-ie9 .grid-three .views-row:nth-child(3n) { margin-right: 1.68214% !important; clear: none !important; }
html[dir="rtl"].lt-ie9 .grid-three .views-row:nth-child(3n+1) { clear: both !important; margin-left: 1.68214% !important; }

.page-404 header { margin-bottom: 0; }
.page-404 #main-wrapper { margin-bottom: -6px; background-color: #79aafa; }
.page-404 .special-container { margin-top: 3em; margin-bottom: 3em; }
.page-404 .fourohfour-container { width: 100%; padding-bottom: 3em; background-color: #FFFFFF; padding: 1em; }
@media (min-width: 768px) { .page-404 .fourohfour-container { width: 74.57946%; float: left; margin-right: 1.68214%; } }

.messages { left: 5%; right: 5%; }
@media (min-width: 569px) { .messages { left: 30%; right: 30%; } }

div.messages { background-position: 8px 8px; background-repeat: no-repeat; border: 2px solid #000000; margin: 6px 0; background-color: #FFFFFF; color: #000000; }
.js div.messages:hover { cursor: pointer; }

div.error { background: white url(../images/error_message_cross.gif) no-repeat 2% 50%; padding-left: 3em; }

html[dir='rtl'] div.error { padding-left: 0; padding-right: 3em; background: white url(../images/error_message_cross.gif) no-repeat 98% 50%; text-align: right; }

div.error, .error, div.status, .status, div.wrarning, .warning { color: #000000; }

div.error, table tr.error, div.status, table tr.status, div.warning, table tr.warning { background-color: #FFFFFF; }

/*add borders to tables that appear in editorially controlled fields*/
.field-items td, .field-items th { border: 1px black solid; padding: .2em; }

.field-items th { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
html[dir='rtl'] .field-items th { font-family: "DIN Next LT W23 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

/*wysiwyg adds inline width in px as default*/
.field-items table { width: 100% !important; margin-left: 0; margin-right: 0; margin-bottom: 1.33333em; }
@media (min-width: 569px) { .field-items table { width: 90% !important; margin-left: 5%; margin-right: 5%; } }

/** Education related sass rules */
.node-hero-wrapper .header-area .intro-text-institution { margin-top: 1.111em; }

#qma-education-registration-form .select-target { width: 100%; }
#qma-education-registration-form #edit-submit, #qma-education-registration-form #edit-cancel { float: left; clear: both; }
#qma-education-registration-form #edit-cancel { margin: 1em 0; }

.field-name-field-edures-file-attachment span { clear: left; display: block; }

.node-education-resource-hub .field-name-field-intro-text { border-top: 2px solid #000000; padding-top: 0.5em; margin-bottom: 2.5em; }
.node-education-resource-hub .education-resource-list-content { margin-bottom: 1.5em; margin-top: 1em; }
@media (min-width: 569px) { .node-education-resource-hub .education-resource-list-content { margin-top: 0; } }
.node-education-resource-hub .view-header, .node-education-resource-hub .view-empty { margin-top: 1em; }
.node-education-resource-hub .view-content { margin-top: -6px; }
@media (min-width: 569px) { .node-education-resource-hub .view-content { margin-top: 0; } }
.node-education-resource-hub .view-content th { text-align: left; text-transform: uppercase; font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.node-education-resource-hub .view-content tr { display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; }
.node-education-resource-hub .view-content tr td { padding: 2.556em 0 1em 0; }
@media (min-width: 569px) { .node-education-resource-hub .view-content tr td { padding-bottom: 2.556em; } }
.node-education-resource-hub .view-content .odd { background-color: #FAFAFA; margin-left: -1em; padding-left: 1em; padding-right: 1em; }
.ie9 .node-education-resource-hub .view-content .odd td { background-color: #FAFAFA; }
.ie9 .node-education-resource-hub .view-content .odd td.views-field-title { margin-left: -1em; padding-left: 1em; margin-right: 2em; }
.node-education-resource-hub .view-content thead tr { display: none; }
@media (min-width: 569px) { .node-education-resource-hub .view-content thead tr { display: inline-block; } }
.node-education-resource-hub .view-content thead tr th { padding: 1em 0; }
.node-education-resource-hub .view-content td { width: 100%; clear: left; float: left; margin-bottom: 1.5em; }
@media (min-width: 569px) { .node-education-resource-hub .view-content td { clear: none; margin-bottom: 0; } }
@media (min-width: 569px) { .node-education-resource-hub .view-content .views-field-title { width: 69.18434%; float: left; margin-right: 2.71887%; } }
@media (min-width: 569px) { .node-education-resource-hub .view-content .views-field-field-edures-file-attachment { width: 28.09679%; float: right; margin-right: 0; } }
.node-education-resource-hub .view-content .views-field-field-edures-file-attachment span { clear: left; display: block; }

.node-education-prog .view-qma-edu-resource-listings li { margin: 0 0 2.222em; }
.node-education-prog .view-qma-edu-resource-listings li:before { content: ''; display: block; padding: 0; }
.node-education-prog .view-qma-edu-resource-listings li:last-child { margin-bottom: 0; }
.node-education-prog .view-qma-edu-resource-listings .filesize:before { content: ' - '; }
.node-education-prog .booking-form + .repeating-body-content { padding-top: 0; }

.view-qma-edu-repeat-calendar { /*END .view-header*/ /*END .view-filters*/ }
.view-qma-edu-repeat-calendar .view-header { /*END .pager*/ }
.view-qma-edu-repeat-calendar .view-header .date-nav { padding-bottom: 0; }
.view-qma-edu-repeat-calendar .view-header .date-heading { margin: 1.111em 0 1.111em; }
@media (min-width: 860px) { .view-qma-edu-repeat-calendar .view-header .date-heading { width: 49.15893%; float: left; margin-right: 1.68214%; float: none; margin: 3.333em auto -1.6666em; } }
.view-qma-edu-repeat-calendar .view-header .pager { *zoom: 1; border: 0; margin: 0; }
.view-qma-edu-repeat-calendar .view-header .pager:before, .view-qma-edu-repeat-calendar .view-header .pager:after { content: " "; display: table; }
.view-qma-edu-repeat-calendar .view-header .pager:after { clear: both; }
@media (min-width: 569px) { .view-qma-edu-repeat-calendar .view-header .pager { padding: 0; } }
.ie8 .view-qma-edu-repeat-calendar .view-header .pager { padding-top: 0; }
.view-qma-edu-repeat-calendar .view-header .pager .ajax-progress { position: absolute; right: 0.25em; top: 0.25em; }
.view-qma-edu-repeat-calendar .view-header .pager .date-prev, .view-qma-edu-repeat-calendar .view-header .pager .date-next { font-size: 1em; line-height: 1.33333em; margin: 0; padding: 0; position: relative; text-align: center; top: 0; left: 0; right: 0; bottom: 0; }
.view-qma-edu-repeat-calendar .view-header .pager .date-prev a, .view-qma-edu-repeat-calendar .view-header .pager .date-next a { font-size: 1em; line-height: 1.33333em; line-height: 1.66667em; display: block; font-weight: normal; margin: 0; padding: 0; }
.view-qma-edu-repeat-calendar .view-header .pager .date-prev a:hover, .view-qma-edu-repeat-calendar .view-header .pager .date-next a:hover { text-decoration: underline; }
.view-qma-edu-repeat-calendar .view-header .pager .date-prev { width: 42.80379%; float: left; margin-right: 1.68214%; display: inline; }
@media (min-width: 860px) { .view-qma-edu-repeat-calendar .view-header .pager .date-prev { width: 23.73839%; float: left; margin-right: 1.68214%; } }
.view-qma-edu-repeat-calendar .view-header .pager .date-next { width: 42.80379%; float: right; margin-right: 0; *margin-left: -1em; display: inline; }
@media (min-width: 860px) { .view-qma-edu-repeat-calendar .view-header .pager .date-next { width: 23.73839%; float: right; margin-right: 0; } }
.view-qma-edu-repeat-calendar .view-filters .ajax-progress { margin-top: 2.222em; }

/*END .view-qma-edu-repeat-calendar*/
/* Default calendar style overrides START */
.calendar-calendar div.calendar { font-size: inherit; }
.calendar-calendar th, .calendar-calendar td, .calendar-calendar th.days, .calendar-calendar td.empty { border: 1px black solid; }
.calendar-calendar th.days { background: #FFF; color: #000; }
.calendar-calendar .month-view .full td.date-box.empty, .calendar-calendar .week-view .full td.date-box.empty, .calendar-calendar .day-view .full td.date-box.empty { background: #e9e9e9; }
.calendar-calendar .month-view .full td.date-box.today, .calendar-calendar .week-view .full td.date-box.today, .calendar-calendar .day-view .full td.date-box.today { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; border-color: #ed3c8a; color: #ed3c8a; }
.calendar-calendar .month-view .full td.date-box .day, .calendar-calendar .week-view .full td.date-box .day, .calendar-calendar .day-view .full td.date-box .day { font-size: 0.83333em; line-height: 1.33333em; }
.calendar-calendar .month-view .full div.single-day.empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.multi-day.empty, .calendar-calendar .week-view .full div.single-day.empty, .calendar-calendar .week-view .full td.single-day.empty, .calendar-calendar .week-view .full td.multi-day.empty, .calendar-calendar .day-view .full div.single-day.empty, .calendar-calendar .day-view .full td.single-day.empty, .calendar-calendar .day-view .full td.multi-day.empty { background: #e9e9e9; }
.calendar-calendar .month-view .full div.single-day.single-day.today, .calendar-calendar .month-view .full td.single-day.single-day.today, .calendar-calendar .month-view .full td.multi-day.single-day.today, .calendar-calendar .week-view .full div.single-day.single-day.today, .calendar-calendar .week-view .full td.single-day.single-day.today, .calendar-calendar .week-view .full td.multi-day.single-day.today, .calendar-calendar .day-view .full div.single-day.single-day.today, .calendar-calendar .day-view .full td.single-day.single-day.today, .calendar-calendar .day-view .full td.multi-day.single-day.today { border-color: #ed3c8a; }
.calendar-calendar .month-view .full div.single-day div .monthview, .calendar-calendar .month-view .full div.single-day div .weekview, .calendar-calendar .month-view .full div.single-day div .dayview, .calendar-calendar .month-view .full td.single-day div .monthview, .calendar-calendar .month-view .full td.single-day div .weekview, .calendar-calendar .month-view .full td.single-day div .dayview, .calendar-calendar .month-view .full td.multi-day div .monthview, .calendar-calendar .month-view .full td.multi-day div .weekview, .calendar-calendar .month-view .full td.multi-day div .dayview, .calendar-calendar .week-view .full div.single-day div .monthview, .calendar-calendar .week-view .full div.single-day div .weekview, .calendar-calendar .week-view .full div.single-day div .dayview, .calendar-calendar .week-view .full td.single-day div .monthview, .calendar-calendar .week-view .full td.single-day div .weekview, .calendar-calendar .week-view .full td.single-day div .dayview, .calendar-calendar .week-view .full td.multi-day div .monthview, .calendar-calendar .week-view .full td.multi-day div .weekview, .calendar-calendar .week-view .full td.multi-day div .dayview, .calendar-calendar .day-view .full div.single-day div .monthview, .calendar-calendar .day-view .full div.single-day div .weekview, .calendar-calendar .day-view .full div.single-day div .dayview, .calendar-calendar .day-view .full td.single-day div .monthview, .calendar-calendar .day-view .full td.single-day div .weekview, .calendar-calendar .day-view .full td.single-day div .dayview, .calendar-calendar .day-view .full td.multi-day div .monthview, .calendar-calendar .day-view .full td.multi-day div .weekview, .calendar-calendar .day-view .full td.multi-day div .dayview { font-size: 0.66667em; line-height: 1.33333em; line-height: 1em; background: #ffdde6; -moz-border-radius: 0; border-radius: 0; color: #000; font-weight: normal; margin: 2px 0; padding: 0.25em 0.5em; }
.calendar-calendar .month-view .full div.single-day div .monthview a, .calendar-calendar .month-view .full div.single-day div .weekview a, .calendar-calendar .month-view .full div.single-day div .dayview a, .calendar-calendar .month-view .full td.single-day div .monthview a, .calendar-calendar .month-view .full td.single-day div .weekview a, .calendar-calendar .month-view .full td.single-day div .dayview a, .calendar-calendar .month-view .full td.multi-day div .monthview a, .calendar-calendar .month-view .full td.multi-day div .weekview a, .calendar-calendar .month-view .full td.multi-day div .dayview a, .calendar-calendar .week-view .full div.single-day div .monthview a, .calendar-calendar .week-view .full div.single-day div .weekview a, .calendar-calendar .week-view .full div.single-day div .dayview a, .calendar-calendar .week-view .full td.single-day div .monthview a, .calendar-calendar .week-view .full td.single-day div .weekview a, .calendar-calendar .week-view .full td.single-day div .dayview a, .calendar-calendar .week-view .full td.multi-day div .monthview a, .calendar-calendar .week-view .full td.multi-day div .weekview a, .calendar-calendar .week-view .full td.multi-day div .dayview a, .calendar-calendar .day-view .full div.single-day div .monthview a, .calendar-calendar .day-view .full div.single-day div .weekview a, .calendar-calendar .day-view .full div.single-day div .dayview a, .calendar-calendar .day-view .full td.single-day div .monthview a, .calendar-calendar .day-view .full td.single-day div .weekview a, .calendar-calendar .day-view .full td.single-day div .dayview a, .calendar-calendar .day-view .full td.multi-day div .monthview a, .calendar-calendar .day-view .full td.multi-day div .weekview a, .calendar-calendar .day-view .full td.multi-day div .dayview a { color: #000; font-weight: normal; }
.calendar-calendar .month-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .month-view .full div.single-day .inner .weekview .continues, .calendar-calendar .month-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .month-view .full div.single-day .inner .monthview .continues, .calendar-calendar .month-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .month-view .full td.single-day .inner .weekview .continues, .calendar-calendar .month-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .month-view .full td.single-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .month-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .week-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .week-view .full div.single-day .inner .weekview .continues, .calendar-calendar .week-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .week-view .full div.single-day .inner .monthview .continues, .calendar-calendar .week-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .week-view .full td.single-day .inner .weekview .continues, .calendar-calendar .week-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.single-day .inner .monthview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .day-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .day-view .full div.single-day .inner .weekview .continues, .calendar-calendar .day-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .day-view .full div.single-day .inner .monthview .continues, .calendar-calendar .day-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .day-view .full td.single-day .inner .weekview .continues, .calendar-calendar .day-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .day-view .full td.single-day .inner .monthview .continues, .calendar-calendar .day-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .day-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .day-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .day-view .full td.multi-day .inner .monthview .continues { background: #ffdde6; -moz-border-radius: 0; border-radius: 0; }
.calendar-calendar .month-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .month-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .month-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .month-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .month-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .week-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .week-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .day-view .full div.single-day .inner .weekview .cutoff, .calendar-calendar .day-view .full div.single-day .inner .monthview .cutoff, .calendar-calendar .day-view .full td.single-day .inner .weekview .cutoff, .calendar-calendar .day-view .full td.single-day .inner .monthview .cutoff, .calendar-calendar .day-view .full td.multi-day .inner .weekview .cutoff, .calendar-calendar .day-view .full td.multi-day .inner .monthview .cutoff { margin-top: -0.25em; padding: 0.25em 0; }
.calendar-calendar .month-view .full div.single-day .inner .weekview .continues, .calendar-calendar .month-view .full div.single-day .inner .monthview .continues, .calendar-calendar .month-view .full td.single-day .inner .weekview .continues, .calendar-calendar .month-view .full td.single-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .week-view .full div.single-day .inner .weekview .continues, .calendar-calendar .week-view .full div.single-day .inner .monthview .continues, .calendar-calendar .week-view .full td.single-day .inner .weekview .continues, .calendar-calendar .week-view .full td.single-day .inner .monthview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .day-view .full div.single-day .inner .weekview .continues, .calendar-calendar .day-view .full div.single-day .inner .monthview .continues, .calendar-calendar .day-view .full td.single-day .inner .weekview .continues, .calendar-calendar .day-view .full td.single-day .inner .monthview .continues, .calendar-calendar .day-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .day-view .full td.multi-day .inner .monthview .continues { margin-top: -0.25em; padding: 0.25em 0 0.25em 0.25em; right: -1px !important; width: 1em; }
.calendar-calendar .month-view .full div.single-day .inner .weekview .continuation, .calendar-calendar .month-view .full div.single-day .inner .monthview .continuation, .calendar-calendar .month-view .full td.single-day .inner .weekview .continuation, .calendar-calendar .month-view .full td.single-day .inner .monthview .continuation, .calendar-calendar .month-view .full td.multi-day .inner .weekview .continuation, .calendar-calendar .month-view .full td.multi-day .inner .monthview .continuation, .calendar-calendar .week-view .full div.single-day .inner .weekview .continuation, .calendar-calendar .week-view .full div.single-day .inner .monthview .continuation, .calendar-calendar .week-view .full td.single-day .inner .weekview .continuation, .calendar-calendar .week-view .full td.single-day .inner .monthview .continuation, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation, .calendar-calendar .week-view .full td.multi-day .inner .monthview .continuation, .calendar-calendar .day-view .full div.single-day .inner .weekview .continuation, .calendar-calendar .day-view .full div.single-day .inner .monthview .continuation, .calendar-calendar .day-view .full td.single-day .inner .weekview .continuation, .calendar-calendar .day-view .full td.single-day .inner .monthview .continuation, .calendar-calendar .day-view .full td.multi-day .inner .weekview .continuation, .calendar-calendar .day-view .full td.multi-day .inner .monthview .continuation { margin-top: -0.25em; padding: 0.25em 0; }
.calendar-calendar .month-view .full td.today div .monthview, .calendar-calendar .month-view .full td.today div .weekview, .calendar-calendar .month-view .full td.today div .dayview, .calendar-calendar .month-view .full td.starts-today div .monthview, .calendar-calendar .month-view .full td.starts-today div .weekview, .calendar-calendar .month-view .full td.starts-today div .dayview, .calendar-calendar .week-view .full td.today div .monthview, .calendar-calendar .week-view .full td.today div .weekview, .calendar-calendar .week-view .full td.today div .dayview, .calendar-calendar .week-view .full td.starts-today div .monthview, .calendar-calendar .week-view .full td.starts-today div .weekview, .calendar-calendar .week-view .full td.starts-today div .dayview, .calendar-calendar .day-view .full td.today div .monthview, .calendar-calendar .day-view .full td.today div .weekview, .calendar-calendar .day-view .full td.today div .dayview, .calendar-calendar .day-view .full td.starts-today div .monthview, .calendar-calendar .day-view .full td.starts-today div .weekview, .calendar-calendar .day-view .full td.starts-today div .dayview { font-size: 0.66667em; line-height: 1.33333em; line-height: 1em; background: #ed3c8a; color: #FFF; font-weight: bold; padding: 0.25em 0.5em; }
.calendar-calendar .month-view .full td.today div .monthview a, .calendar-calendar .month-view .full td.today div .weekview a, .calendar-calendar .month-view .full td.today div .dayview a, .calendar-calendar .month-view .full td.starts-today div .monthview a, .calendar-calendar .month-view .full td.starts-today div .weekview a, .calendar-calendar .month-view .full td.starts-today div .dayview a, .calendar-calendar .week-view .full td.today div .monthview a, .calendar-calendar .week-view .full td.today div .weekview a, .calendar-calendar .week-view .full td.today div .dayview a, .calendar-calendar .week-view .full td.starts-today div .monthview a, .calendar-calendar .week-view .full td.starts-today div .weekview a, .calendar-calendar .week-view .full td.starts-today div .dayview a, .calendar-calendar .day-view .full td.today div .monthview a, .calendar-calendar .day-view .full td.today div .weekview a, .calendar-calendar .day-view .full td.today div .dayview a, .calendar-calendar .day-view .full td.starts-today div .monthview a, .calendar-calendar .day-view .full td.starts-today div .weekview a, .calendar-calendar .day-view .full td.starts-today div .dayview a { color: #FFF; font-weight: bold; }
.calendar-calendar .month-view .full td.today div .monthview .calendar-more a, .calendar-calendar .month-view .full td.today div .weekview .calendar-more a, .calendar-calendar .month-view .full td.today div .dayview .calendar-more a, .calendar-calendar .month-view .full td.starts-today div .monthview .calendar-more a, .calendar-calendar .month-view .full td.starts-today div .weekview .calendar-more a, .calendar-calendar .month-view .full td.starts-today div .dayview .calendar-more a, .calendar-calendar .week-view .full td.today div .monthview .calendar-more a, .calendar-calendar .week-view .full td.today div .weekview .calendar-more a, .calendar-calendar .week-view .full td.today div .dayview .calendar-more a, .calendar-calendar .week-view .full td.starts-today div .monthview .calendar-more a, .calendar-calendar .week-view .full td.starts-today div .weekview .calendar-more a, .calendar-calendar .week-view .full td.starts-today div .dayview .calendar-more a, .calendar-calendar .day-view .full td.today div .monthview .calendar-more a, .calendar-calendar .day-view .full td.today div .weekview .calendar-more a, .calendar-calendar .day-view .full td.today div .dayview .calendar-more a, .calendar-calendar .day-view .full td.starts-today div .monthview .calendar-more a, .calendar-calendar .day-view .full td.starts-today div .weekview .calendar-more a, .calendar-calendar .day-view .full td.starts-today div .dayview .calendar-more a { color: #000; font-weight: normal; }
.calendar-calendar .month-view .full td.today .inner .weekview .cutoff, .calendar-calendar .month-view .full td.today .inner .monthview .cutoff, .calendar-calendar .month-view .full td.starts-today .inner .weekview .cutoff, .calendar-calendar .month-view .full td.starts-today .inner .monthview .cutoff, .calendar-calendar .week-view .full td.today .inner .weekview .cutoff, .calendar-calendar .week-view .full td.today .inner .monthview .cutoff, .calendar-calendar .week-view .full td.starts-today .inner .weekview .cutoff, .calendar-calendar .week-view .full td.starts-today .inner .monthview .cutoff, .calendar-calendar .day-view .full td.today .inner .weekview .cutoff, .calendar-calendar .day-view .full td.today .inner .monthview .cutoff, .calendar-calendar .day-view .full td.starts-today .inner .weekview .cutoff, .calendar-calendar .day-view .full td.starts-today .inner .monthview .cutoff { background: #ed3c8a; }

/* Default calendar style overrides END */
#qma-education-booking-form .form-submit:disabled { opacity: 0.8; }
#qma-education-booking-form .form-item-date-select label { line-height: 1.11111em; padding: 0.781em 0; }
#qma-education-booking-form .form-item-date-select .select-target { width: 100%; }
@media (min-width: 569px) { #qma-education-booking-form label, #qma-education-booking-form select, #qma-education-booking-form .select-target, #qma-education-booking-form .form-submit, #qma-education-booking-form .form-item-date-select { clear: none; float: left; margin-bottom: 0; }
  #qma-education-booking-form .form-item-date-select { width: 100%; }
  #qma-education-booking-form .form-item-date-select label { width: 31.31325%; float: left; margin-right: 3.03012%; padding: 0.781em 0; }
  #qma-education-booking-form .form-item-date-select .select-target { width: 65.65663%; float: right; margin-right: 0; }
  #qma-education-booking-form .actions { float: right; margin-top: 1.111em; } }
@media (min-width: 1024px) { #qma-education-booking-form .form-item-date-select { width: 68.22433%; float: left; margin-right: 1.68214%; }
  #qma-education-booking-form .actions { width: 30.09353%; float: right; margin-right: 0; margin-top: 0; }
  #qma-education-booking-form .form-submit { float: right; } }

.registration-qma-education-event-registration .field-item, .registration-qma-education-event-registration .field-items, .registration-qma-education-event-registration .field-label { display: inline-block; }
.registration-qma-education-event-registration .field-label { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }
.registration-qma-education-event-registration .field { margin-bottom: 0.5em; }

.page-education-calendar-day .container { margin-bottom: 4.444em; }

/** Comments related scss rules. */
/* Comment wrappers and layout */
.comment-center-column { width: 100%; }

.comment-wrapper .comment-posted-wrapper, .comment-wrapper .comment-post-form { *zoom: 1; }
.comment-wrapper .comment-posted-wrapper:before, .comment-wrapper .comment-posted-wrapper:after, .comment-wrapper .comment-post-form:before, .comment-wrapper .comment-post-form:after { content: " "; display: table; }
.comment-wrapper .comment-posted-wrapper:after, .comment-wrapper .comment-post-form:after { clear: both; }
.comment-wrapper .comment-post-form { margin-top: 5em; }
.comment-wrapper .left-col { width: 100%; }
@media (min-width: 768px) { .comment-wrapper .left-col { width: 36.44866%; float: left; margin-right: 1.68214%; } }
.comment-wrapper .right-col { width: 100%; }
@media (min-width: 768px) { .comment-wrapper .right-col { width: 61.8692%; float: right; margin-right: 0; } }

.comment-wrapper.no-comments { margin-top: 0 !important; }
.comment-wrapper.no-comments .comment-posted-wrapper { margin-top: 0; }
.comment-wrapper.no-comments .comment-post-form { margin-top: 0; }

.comment-wrapper h2 { font-size: 2em; line-height: 1.11111em; }
@media (min-width: 1024px) { .comment-wrapper h2 { font-size: 3.11111em; line-height: 1.07143em; line-height: 0.7em; margin-bottom: 0.71429em; } }

.comment-wrapper h3 { font-size: 1.27778em; line-height: 1.21739em; }

@media (min-width: 1024px) { .node-news-article .back-to-parent { margin-left: -6.35513%; padding-left: 2.4em; } }
.node-news-article .intro-text .news-meta { margin-bottom: 4em; }
.node-news-article .intro-text .news-meta .field-name-field-news-date { display: inline-block; }
.node-news-article .intro-text .news-meta .comment-jump-link { background-color: transparent; border-bottom: 1px solid #ed3c8a; }
.node-news-article .intro-text .news-meta .comment-jump-link:hover { border-bottom: 1px solid #000000; }

/* Individual comments */
.comment { border-top: 3px solid #000000; font-size: 0.88889em; line-height: 1.25em; }
.comment .submitted { margin-top: 0.75em; }
.comment .user-name { font-weight: bold; }
.comment .content { margin-top: 0.75em; }
.comment .content p { margin-bottom: 0.7em; }
.comment .content a { word-wrap: break-word; font-weight: normal; }

.comment .submitted .permalink { display: none; }

.comments ul.links { margin-bottom: 2em; margin-top: 1em; }

.comments ul.links li { display: inline; list-style-type: none; margin-left: 15px; }
.comments ul.links li.first { margin-left: 0; }
.comments ul.links li:before { content: ''; padding: 0; }
.comments ul.links li a { background: #ffffff; padding: 2px; text-transform: capitalize; }

.comment-form a { background: #ffffff; padding: 2px; }

.comment-form .form-type-textarea { margin-bottom: 10px; }

/** Comment form */
.comment-form .filter-wrapper { padding: 0; }
.comment-form .form-item-membership .option { text-transform: none; }

.comment-form fieldset.filter-wrapper { display: none; }

.comment-form .form-type-checkbox { margin-top: 1.5em; }
.comment-form .form-type-checkbox input { margin: 0.5em -2.5em 0.5em 0em; }
.comment-form .form-type-checkbox label { display: initial; }
.comment-form .form-item-mail input { margin-bottom: 0.3em; }

.comment-form p.review-text { display: inline-block; font-size: 0.833em; line-height: 1.3; width: 100%; margin-top: 1.5em; }

/** Tags related scss rules. */
.teaser-tags { clear: both; padding-top: 1.33333em; }

.news-tags { padding-bottom: 0; }
.news-tags h2 { font-size: 1.77778em; line-height: 1.125em; }

/** Related blog posts */
.news-view-list h2 { font-size: 1.77778em; line-height: 1.125em; }
.node-type-whats-on .news-view-list .views-row .filter_image, .node-type-whats-on .news-view-list .views-row .teaser-image { display: none; }
@media (min-width: 768px) { .node-type-whats-on .news-view-list .views-row .filter_image, .node-type-whats-on .news-view-list .views-row .teaser-image { display: block; } }

.node-news-article .news-view-list { padding-top: 4.44em; }

/* HEADER */
.exhibition-details { overflow: hidden; }

.exhibition-details__date h4, .exhibition-details__date .exhibition-item .status, .exhibition-item .exhibition-details__date .status { margin: 0; text-transform: none; }
.exhibition-details__date:after { display: block; content: "\2014"; }

.exhibition-container { overflow: hidden; }

.exhibition-hero img { display: block; float: none; margin: 0 auto; }

.exhibitions-teaser-link { display: block; padding: 0; }
.exhibitions-teaser-link:hover { border: none; }

.exhibition-label { font-family: "DIN Next W02 Bold", Tahoma, sans-serif; font-size-adjust: 0.5; font-weight: 400; font-style: normal; }

.exhibition-details__venue { margin-bottom: 0.5em; }

.exhibition-details__ticket { margin-bottom: 1.33333em; }

.container.exhibition-hero { padding-left: 0; padding-right: 0; }

.exhibition-items { overflow: hidden; }

.view-past-exhibitions h3 { clear: both; }

.exhibition-item { width: 100%; float: left; margin-right: 1.68214%; display: inline; margin-bottom: 40px; }
@media (min-width: 569px) { .exhibition-item.views-row-odd { width: 49.15893%; float: left; margin-right: 1.68214%; clear: right; }
  .exhibition-item.views-row-even { width: 49.15893%; float: right; margin-right: 0; } }
.exhibition-item .img { position: relative; }
.exhibition-item .img img { float: none; display: block; }
.exhibition-item .img img a { display: block; }
.exhibition-item .status { position: absolute; right: 0; bottom: 0; margin: 0; padding: 5px 13px; background: #faff1e; }
.exhibition-item .title { margin-top: 41px; line-height: 1.25em; }
.exhibition-item .read-more { display: inline-block; margin-top: 25px; padding: 2px 4px; font-weight: normal; }
.exhibition-item .read-more:hover { margin-bottom: -1px; }

.exhibition-item .date, .exhibition-item .venue-name { margin-bottom: 0; }
.exhibition-item .field-name-field-teaser-text { margin-top: 1.33333em; }
.copyright {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-top:50px!important;
	width: auto !important;
	text-align:center!important;
}
.webform-client-form {
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 900px !important;
}
.webform-component label::after {
    content: "" !important;
}


	
	.description {
    display: none !important;
    
}
.webform-component-file label {
   
    font-size: 1em;
    font-weight: bold;
    margin-right: 0;
    width: 400px;
}
.webform-component-file input[type="submit"] {
    background: #79AAFA none repeat scroll 0 0 !important;
	min-width:150px!important;
	width:250px!px;
	border-radius:10px 10px;
}
.webform-component-markup h2 {
    font-size: 2em;
    margin-top: 30px;
}
.webform-component-markup h3 {
	font-size:1.5em;
}
.webform-submit {
    align-self: center !important;
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    margin-left: 400px !important;
    margin-right: 400px !important;
    min-width: 150px !important;
}
.webform-component-textfield, .webform-component-select, .webform-component-email{
display:inline;
	}


	
.webform-component-email input {
    border: 2px solid #000;
    height: 40px;
    width: 232px;
}
.webform-component label {
    display: inline-block;
    width: 250px !important;
}
div.webform-container-inline, .webform-component--concept-name {
    display: block;
    width: 100%;
}
.form-managed-file {
    display: inline;
}
.webform-component input {
  width: 43% !important;
}
.webform-component a {
  width: 43% !important;
}
.webform-container-inline label, .webform-component--concept-name label {
  margin-right: 1em;
}
.webform-component-file input[type="submit"] {
  background: #79aafa none repeat scroll 0 0 !important;
  border-radius: 10px;
  max-width: 150px;
  min-width: 150px !important;
}
.webform-component-file label {
  font-size: 1em;
  font-weight: bold;
  margin-right: 0 !important;
  width: 400px;
}
.webform-component div.file {
    width: 42.5%;
    display: inline-block;
}
#edit-between-date-filter-value .form-item-between-date-filter-value-date{
    display: none;
}