/* iOS / ANDROID OPTIMISATION */
.mobile .mobile-only, .mobile .mobile-only-link, .mobile #main_nav .mobile-navigation {
    display:block;
}

/* Set up defaults */
.mobile body {
    background:#000000 !important;
    height: auto !important;
}

/* Configure page header */
.mobile .header-layer { display: none!important}

.mobile #header-layer-1 {
    background: #00AEEF url(../images/logo-mob.png) 21px 85% no-repeat;
    display: block !important;
    height: 180px !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.mobile #header-layer-1 img { display: none }

#nav_mobile_show {
    display: block;
}

.mobile #nav_mobile_show {
    display: none !important;
}

.mobile .header-layer {
    float:left !important;
    position:relative !important;
    background:#00AFEA;
    height:130px !important;
}
.mobile .header-layer a,
.mobile .header-layer img {
    display:none;
}
.mobile .header-layer a { /* Override <style> definitions on home page */
    min-width:100% !important;
    max-width:100% !important;
}


.mobile #mobile-quick-nav {
    left:0;
    padding-bottom:30px;
    position:absolute !important;
    right: 0;
    top:86px;
    z-index:999;
}

.mobile #mobile-quick-nav ul {
    float:left !important;
    display:block;
    padding:0;
    width:100%;
    background:#ffffff;
}

.mobile #mobile-quick-nav ul li{
    border-bottom:1px solid #ccc;
    display:block;
    height: auto;
    left: auto;
    margin: 0 12px;
    position: relative;
    top: auto;
    width: auto;

}
.mobile #mobile-quick-nav ul li a{
    float:left !important;
    width:98%;
    font-size:1.1em;
    font-weight:bold;
    color: #65B832;
    padding: 22px 0 22px 0;
    background:url(../images/quick-nav-menu-arrow.png) no-repeat right 26px;
    background-size:10px 10px !important;
    height:auto !important;
}




/* HOME PAGE */
.mobile #home #boxes,
.mobile #home #home-page-share-buttons,
.mobile #dm-widget-container {
    display:none !important;
}

.mobile #home #main_nav {
    float:left !important;
    position:relative !important;
    width:100%;
    display:block;
    left:0;
    top:0;
    background:#ffffff;
    margin-bottom:15px;
}

.mobile #main_nav ul {
    display:block;
    padding:0;
    width:100%;
}

.mobile #main_nav li{
    float:left !important;
    position:static !important;
    height:53px !important;
    display:block;
    width:93.5%;
    margin:0 0 0 10px;
    border-bottom:1px solid #cccccc;
}
.mobile #main_nav li a{
    background:url(../images/quick-nav-menu-arrow.png) no-repeat right 25px;
    background-size:11px 10px !important;
    display: block;
    font-size: 16px;
    padding:21px 0 20px 6px;
    line-height:auto !important;
}
.mobile #home #main_nav .mobile-navigation { /* Class to target 3 additional links in mobile web optimised menu on home page */
    display:block !important;
}
/*  END HOME PAGE */



/* EXHIBITIONS PAGE */
/* Implement header */
.mobile #exhibitions .page-title:first-child,
.mobile #info .page-title:first-child,
.mobile #talks .page-title:first-child,
.mobile #podcast .page-title:first-child,
.mobile #kids .page-title:first-child,
.mobile #kids.childpage .page-title:first-child,
.mobile #footer .page-title:first-child,
.mobile #footer .page-title:first-child,
.mobile #contact .page-title:first-child,
.mobile #aboutus .page-title:first-child,
.mobile #signup .page-title:first-child,
.mobile #collection .page-title:first-child,
.mobile #support .page-title:first-child,
.mobile #membership .page-title:first-child,
.mobile #press .page-title:first-child {
    float:left !important;
    position:relative !important;
    top:0;
    left:0;
    background-color:#00AFEA !important;
    width:100% !important;
    height:86px !important;
}
.mobile #exhibitions .page-title h1,
.mobile #info .page-title h1,
.mobile #talks .page-title h1,
.mobile #podcast .page-title h1,
.mobile #kids .page-title h1,
.mobile #kids.childpage .page-title h1,
.mobile #contact .page-title h1,
.mobile #homelink,
.mobile #footer .page-title h1,
.mobile #contact .page-title h1,
.mobile #aboutus .page-title h1,
.mobile #signup .page-title h1,
.mobile #collection .page-title h1,
.mobile #support .page-title h1,
.mobile #membership .page-title h1,
.mobile #press .page-title h1,
.mobile .top-half { /* <--- this guy  is it in the designs? */
    display:none !important;
}


/* Configure navigation*/
.mobile #exhibitions #main_nav,
.mobile #info #main_nav,
.mobile #talks #main_nav,
.mobile #podcast #main_nav,
.mobile #kids #main_nav,
.mobile #kids.childpage #main_nav,
.mobile #footer #main_nav,
.mobile #contact #main_nav,
.mobile #aboutus #main_nav,
.mobile #signup #main_nav,
.mobile #collection #main_nav,
.mobile #support #main_nav,
.mobile #membership #main_nav,
.mobile #press #main_nav {
    display:none !important;
    position:absolute !important;
    top:235px;
    left:30px;
    height:auto !important;
    z-index:9999 !important;
    width:94% !important;
    background:#ffffff;
}
.mobile #subnav1,
.mobile #content .link-column,
.mobile #blurb {
    display:none !important;
}
.mobile .page-title .mobile-only {
    display:block !important;
    position:relative !important;
    width:auto !important;
    padding-top:5px !important;
    margin:25px 0 0 0;
}
.mobile .page-title .mobile-only a{
    float:left !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    height:100% !important;
    color:#ffffff;
    font-size:1.5em !important;
}
.mobile .page-title .mobile-only a{
    font-family: 'DMSchulbuch', sans-serif;
    font-weight:bold !important;
    text-transform:uppercase;
}
.mobile .page-title #mobile-nav-home {
    float:left !important;
    margin-left:20px;
}
.mobile .page-title #mobile-nav-home a{
    width:auto !important;
    padding-left:25px;
    background:url(../images/mobile-nav-home-icon.png) no-repeat 0 5px;
    background-size:15px auto !important;
}
.mobile .page-title #mobile-nav-menu {
    float:right !important;
    height:30px !important;
    margin-right:20px;
}
.mobile .page-title #mobile-nav-menu a{
    width:auto !important;
    line-height:auto !important;
    padding:0 0 0 15px;
    background:url(../images/mobile-nav-menu-border.png) no-repeat 0 3px;
    background-size:auto 20px !important;
}


/* Configure page content */
.mobile #content {
    display:block !important;
    position:relative !important;
    left:0;
    top:0;
    background:#ffffff;
    margin-bottom:1.5em !important;
}

.page-show-menu #content {
    display: none !important;
}

.page-show-menu #mobile-quick-nav {
    display: block !important
}

.mobile #aboutus #content .column,
.mobile #collection #content .column,
.mobile #contact #content .column,
.mobile #exhibitions #content .column,
.mobile #footer #content .column,
.mobile #info #content .column,
.mobile #kids #content .column,
.mobile #kids.childpage #content .column,
.mobile #membership #content .column,
.mobile #podcast #content .column,
.mobile #signup #content .column,
.mobile #support #content .column,
.mobile #talks #content .column,
.mobile #press #content .column {
    display: block;
    clear:left;
    float:none !important;
    margin: 0 20px;
}
.mobile #aboutus #mobile-only-exhibitions-detail-view,
.mobile #collection #mobile-only-exhibitions-detail-view,
.mobile #contact #mobile-only-exhibitions-detail-view,
.mobile #exhibitions #mobile-only-exhibitions-detail-view,
.mobile #footer #mobile-only-exhibitions-detail-view,
.mobile #kids #mobile-only-exhibitions-detail-view,
.mobile #membership #mobile-only-exhibitions-detail-view,
.mobile #signup #mobile-only-exhibitions-detail-view,
.mobile #support #mobile-only-exhibitions-detail-view,
.mobile #talks #mobile-only-exhibitions-detail-view,
.mobile #press #mobile-only-exhibitions-detail-view {
    display:none !important;
}



/* Set page heading to certain distance and width */
.mobile .column h1 {
    margin:32px 0 33px 0 !important;
    width:80% !important;
}


/* Set image widths at 100% - Might need to scale down to fixed pixel width? */
.mobile #exhibitions .bordered {
    width:108px !important; /* Did set this at 40% but not all images are the same size :( */
    margin-bottom:65px !important;
}
.mobile h1.access,
.mobile h2.access,
.mobile h3.access {
    width:95% !important;
    height:100% !important;
    font-size:1.0em !important;
    color:#1a1a1a !important;
    text-transform:uppercase;
    line-height:1.3em !important;
    font-weight:bold;
    top:0;
    padding-bottom:5px;
}
.mobile h1.access span,
.mobile h2.access span,
.mobile h3.access span {
    background:none !important;
    width:95% !important;
    color:#1a1a1a !important;
}

.mobile p.access {
    width:95% !important;
    height:100% !important;
    font-size:1.0em !important;
    color:#fa007b !important;
    text-transform:uppercase;
    line-height:1.3em !important;
    top:0;
}
.mobile .access a{
    width:100% !important;
    color:#fa007b;
    font-weight:bold;
}
.mobile .access span{
    width:100% !important;
    background:none !important;
}
.mobile #exhibitions.childpage .column:nth-child(2) h1 { /* Target Exhibition landing page title */
    margin:0 !important;
    width:90% !important;
}
.mobile #exhibitions #content .column:nth-child(3) p.access {
    margin-top:31px !important;
}
.mobile #exhibitions #content .column:nth-child(2) a img,
.mobile #exhibitions #content .column:nth-child(3) a img {
    /*margin-top:18px !important;*/
    margin-top:1px !important;
}
/* END EXHIBITIONS PAGE */




/* EXHIBITIONS DETAILS PAGE */
.mobile .childpage #content {
    top:0;
}
.mobile .childpage #content .column{
    width:auto;
}
.mobile #exhibitions.childpage #mobile-only-exhibitions-detail-view {
    display:block !important;
}

/* Slideshows */
.mobile .childpage .hidden-but-there-for-pinterest {
    display:block !important;
    width:97% !important;
    border:solid 1px #F0027F;
}
.mobile .childpage .hidden-but-there-for-pinterest img{
    display:none !important;
}
.mobile .childpage .hidden-but-there-for-pinterest img:first-child{
    display:block !important;
    width:100%;
}
.mobile .childpage #content .column .captioned,
.mobile #kids #content .column .captioned{
    display:none;
}
.mobile .childpage #content .column embed,
.mobile .childpage #content .column object{
    display:none !important;
}
.mobile .childpage #content .column iframe{
    margin:35px 0 0 0;
    width:100% !important;
    height:auto !important;
}


/* Article text */
.mobile .childpage #content .column .upcoming {
    display:none !important;
}
.mobile .content-text {
    top:20px !important;
    padding:0 0 3.2em 0;
    width:95%;
}
.mobile .content-text b{
    padding:25px 0 25px 0 !important;
    font-size:1.0em;
}
.mobile .childpage #content .column .content-text div p:first-child{
    margin-top:2.5em;
}
.mobile .content-text div p {
    margin-bottom:2em !important;
}
.mobile .childpage #content .column p,
.mobile #info #content .column p,
.mobile .column p {
    width: auto;
    font-size:1.0em !important;
    line-height:1.4em;
}
.mobile .childpage #content .column .content-text div:last-child a[rel="external"] {
    margin-top:15px !important;
    font-size:1.0em !important;
}
/* END EXHIBITIONS DETAIL PAGE */



/* VISIT US PAGE */
/* Position columns */
.mobile #info #map {
    width: 100% !important;
}
.mobile #info #content .column h1 { /* Visit Us Block */
    float:left;
    padding:2em 0 1em 0.4em;
    width:100% !important;
    display:block !important;
}
.mobile #info #content .column .narrow {
    padding-top:5em;
    width:95% !important;
}
.mobile #info #content .column .narrow p {
    width:100% !important;
}

/* Format address details for first block of information */
.mobile .museum {
    padding:0 0 75px 12px;
}
.mobile .vcard {
    width:100% !important;
}
.mobile .vcard span,
.mobile .vcard .display_name,
.mobile .vcard .org,
.mobile .vcard .role,
.mobile .vcard .adr .street-address,
.mobile .vcard .adr .locality,
.mobile .vcard .adr .postal-code,
.mobile .vcard:first-child .email {
    width:100%;
    font-size:1.0em !important;
    line-height:1.2em;
}
.mobile .vcard:first-child .org {
    padding:3em 0 0 0 !important;
}
.mobile .vcard:first-child .adr {
    padding:0 0 3em 0 !important;
}


.mobile #info .mobile-only-link {
    display:block !important;
    color:#fa007b;
    font-size:1.9em;
    width:auto;
}
.mobile #info #google-map-view {
    margin-top: -88px;
    position:absolute !important;
    right:12px;
}

/* Set-up Concertina */
.mobile .visit-us-content-panel {
    display:none;
}
.mobile .visit-us-content-panel .vcard {
    padding-top:2.5em;
}
.mobile .visit-us-content-panel .vcard span,
.mobile .visit-us-content-panel .vcard .display_name,
.mobile .visit-us-content-panel .vcard .org,
.mobile .visit-us-content-panel .vcard .role,
.mobile .visit-us-content-panel .vcard .adr .street-address,
.mobile .visit-us-content-panel .vcard .adr .locality,
.mobile .visit-us-content-panel .vcard .adr .postal-code,
.mobile .visit-us-content-panel .vcard:first-child .email {
    font-size:1.2em !important;
}
/*.mobile .visit-us-content-panel,*/
.mobile .optional-html {
    display:none;
}
.mobile #info .column h4 {
    color:#fa007b;
    display: block;
    text-transform:uppercase;
    padding:22px 0 22px 0;
    font-size:1.1em;
    border-top:1px solid #cccccc;
    background:url(../images/visit-us-mobile-nav-icon.png) no-repeat center right;
}
.mobile .visit-us-content-panel p.icon-text{
    margin:2em 0 0 0;
    background-position:center left;
    padding-left:35px !important;
    font-size:2.2em !important;
    height:auto !important;
}
/* End Concertina */
/* END VISIT US PAGE */



/* TALKS & EVENTS PAGE */
.mobile body#talks div.column div.item,
.mobile body#kids div.column div.item,
.mobile body#families div.column div.item,
.mobile body#university div.column div.item,
.mobile body#education div.column div.item {
    clear:left !important;
}
.mobile body#talks .item h2.access a,
.mobile body#talks .item h2.access a span{
    color:#000000 !important;
    width:90% !important;
}
.mobile body#talks .item h2.access a,
.mobile body#talks .item h2.access a span{
    color:#000000 !important;
    width:100% !important;
}
.mobile #talks .access a {
    display:block;
}
.mobile body#talks div.overview,
.mobile div.cross-column {
    display:none !important;
}
.mobile #talks .hidden-but-there-for-pinterest {
    margin-top:1px !important;
}
.mobile #talks .bordered {
    width:150px !important;
    height:126px !important;
    margin-bottom:65px !important;
}
.mobile #talks .column {
    width:90% !important;
}
.mobile #talks .content-text {
    width:100% !important;
}
.mobile #talks.childpage .column p {
    float:none !important; /* Prevents horizontal scrolling of page on iOS */
    width:87% !important;
    padding:0 0 25px 0 !important;
    margin:0;
}
.mobile #talks img[src="/images/px.gif"] {
    display:none !important;
}
.mobile #talks table.design-overtime {
    left:0 !important;
}
.mobile #talks table.design-overtime td {
    padding-bottom:50px !important;
}
.mobile #talks table.design-overtime td.image {
    padding-right: 15px;
}
.mobile #talks.childpage td.image img.bordered{
    width:108px !important;
}
.mobile #talks table.design-overtime td b{
    line-height:1.3em !important;
}
.mobile #talks .access span{
    background:fixed !important;
}
/* END TALKS & EVENTS PAGE */


/* FAMILIES PAGE */
.mobile #kids div.cross-column {
    display:block !important;
    width:100% !important;
}
.mobile #kids div.cross-column p {
    width:100% !important;
    font-size:1.0em !important;
    line-height:1.3em;
    padding:0 0 25px 0 !important;
}
.mobile #kids div.column div.item {
    width:100% !important;
}
.mobile #kids div.column div.item img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin-bottom:15px !important;
}
/* END FAMILIES PAGE */



/* END FAMILIES WORKSHOPS PAGE */

/* END FAMILIES WORKSHOPS PAGE */



/* PODCASTS PAGE */
.mobile #podcast .column {
    width:100% !important;
}
.mobile #podcast .content-text {
    width:87% !important;
}
.mobile #podcast .content-text b,
.mobile #podcast .content-text p{
    width:100% !important;
    font-size:1.0em;
    line-height:1.3em;
}
.mobile #podcast .content-text b {
    margin:0 0 10px 0 !important;
}
.mobile #podcast .content-text p {
    margin:0 0 25px 0 !important;
}
.mobile .podcast {
    margin-bottom:45px !important;
}
.mobile .podcast object{
    display:none;
}
.mobile .podcast.ruled:last-child {
    border-bottom:none !important;
}
/* END PODCASTS PAGE */



/* SEARCH */
.mobile #footer #content .content-text {
    position:static;
    margin-top:5px;
    width:100% !important;
    min-height:400px !important;
}
.mobile #footer #content .content-text form {
    float:left;
    width:100% !important;
    margin:0 0 30px 0 !important;
}
.mobile #footer #content .content-text form h3 {
    width:100% !important;
}
.mobile #footer span.search_text_align,
.mobile #footer input.query {
    float:left;
}
.mobile #footer input.query {
    width:95%;
    margin:5px 0 5px 0;
    padding:5px 0 5px 5px;
    font-size:1em;
}
.mobile #footer span.search_text_align {
    width:auto !important;
    font-size:1em;
    margin-top:0;
}
.mobile #footer input[type="image"] {
    float:right !important;
    margin:10px 10px 0 0;
    width:35% !important;
}
.mobile #footer #content .content-text #search_results {
    width:auto !important;
    margin-top:0 !important;
}
.result_page {
    float:left;
    width:100% !important;
    margin:0 0 25px 0;
}
.result_page h4,
.result_page h4 a{
    width:100% !important;
}
/* END SEARCH */



/* CONTACT PAGE */
.mobile #contact .vcard {
    margin-top:30px !important;
}
/* END CONTACT PAGE */



/* ABOUT PAGE */
.mobile #aboutus .access {
    margin:32px 0 32px 0 !important;
    color:#000000 !important;
    width:100% !important;
}
.mobile #aboutus .access span{
    color:#000000 !important;
    width:90% !important;
}
.mobile #aboutus .column p,
.mobile #support .column p,
.mobile #membership .column p {
    width:100% !important;
}
/* END ABOUT PAGE */



/* SIGN UP PAGE */
.mobile #signup .content-text {
    width:100% !important;
}
.mobile #signup .column {
    width:90% !important;
}
.mobile #signup .content-text h3 {
    margin:0 0 13px 0 !important;
    width:90% !important;
    font-size:1.0em !important;
}
.mobile #signup .bordered {
    width:97% !important;
}
.mobile #signup form.feedback input.text {
    width:88%;
    padding:7px;
}
.mobile #signup form.feedback input.text:last-child {
    margin-bottom:7px;
}
.mobile #signup button[type="submit"] {
    text-indent:0 !important;
    background:#CCC !important;
    font-size:1.0em !important;
    color:#fa007b !important;
    height:auto !important;
    border-radius:8px;
    padding:5px 0;
}
.mobile #signup input[type="image"] {
    width:40px !important;
}
.mobile #signup .feedback div b {
    margin-top:-55px !important;
}
.mobile #signup .content-text div p {
    clear:left !important;
    width:100% !important;
}
/* END SIGN UP PAGE */



/* COLLECTION PAGE */
.mobile #collection .column {
    width:100% !important;
}
.mobile #collection .content-text {
    width:80% !important;
}
.mobile #collection .column p {
    width:100% !important;
}
.mobile #collection object {
    display:none !important;
}
.mobile #collection .captioned {
    width:100% !important;
}
/* END COLLECTION PAGE */



/* MEMBERSHIP PAGE */
#membership_types .intro_text {
    margin-bottom:5em !important;
}
#membership_types .intro_text,
#membership_types .membership_type .membership-description,
#membership_types p {
    margin-left:0;
    width:100% !important;
}
#membership_types .membership_type h2{
    display:none;
}
#membership_types .membership_type .membership-description strong {
    font-size:1.0em;
}
/* END MEMBERSHIP PAGE */



/* PAGE NOT FOUND */
.mobile .sitemap-box,
.mobile .sitemap-box .map-column {
    float:none;
}

.mobile #footer.childpage .sitemap-box p:first-child{
    padding:20px;
}
.mobile #footer.childpage .sitemap-box .map-column {
    padding:20px;
}
.sitemap-box a {
    line-height:1.7em !important;
}
/* END PAGE NOT FOUND */



/* Hide non-mobile navigation elements */
.mobile li#nav_membership,
.mobile li#nav_design,
.mobile li#nav_podcast,
.mobile li#nav_university,
.mobile li#nav_education,
.mobile li#nav_kids,
.mobile li#nav_hiring,
.mobile li#nav_support,
.mobile li#nav_press,
.mobile li#nav_search,
.mobile li#mobile_site {
    display:none !important;
}

/* design */
#design td { display: block; padding: 0 12px !important }
#design td.main-text { display: none}