/*

Theme Name: National Army Museum
Theme URI: http://www.website.co.nz
Description: National Army Museum
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/

#copyright a:link:last-of-type, #copyright a:visited:last-of-type { border-left:1px solid #a0a0a0; margin:0 0 0 1em; padding:0 0 0 1em; }
.ginput_recaptcha { margin:-0.75em 0 1em !important; }

/* Custom CSS by Joseph */
.page-id-5741 ul, .page-id-5740 ul{list-style:none;}
#nav input[type="checkbox"] ~ div ul  { margin:0; padding:0; list-style:none; }
#nav input[type="checkbox"] ~ div ul li { border-left:1px solid #525252; float:left; margin:0; padding:0; position:relative; text-align:center; width:calc(20% - 1px); }



#certificate img { display:block; height:100%; margin:auto; width:auto;}
.button-rap { position:absolute; top:20px; right:20px; z-index:15;}	
button { background:url(./images/icon-print.png) 5px 10px no-repeat #d50600; border:0; color:#fff; font-size:20px; font-weight:400; line-height:50px; padding:0 25px; text-transform:uppercase;	}
button:hover, button:active { cursor:pointer;}		
#signature { color:#000; font-size:50px; position:absolute; top:54%; left:9%; text-align:center; width:60%; z-index:9;}
#certificate { height:100%; margin:auto; position:relative; width:fit-content;}




body { background:#fff; color:#000; font:16px lato,sans-serif; margin:0; overflow-x:hidden; padding:0; position:relative; }

img { border:none; display:block; height:auto; max-width:100%;}

h1 { font-size:1.8em; line-height: 1.2em; margin:15px 0; padding:0; font-weight:700;}
h1 small { display:block; font-size:0.8em; }
h1 i, h1 em { font-weight:400; font-style:normal;}
h2 { font-size:1.7em; line-height:1.2em; margin:0 0 15px 0; padding:0;}
h2 small { font-size:0.9em; display:block; font-weight:400;}
h3 {  font-size:1.5em; font-weight:400; margin:15px 0; padding:0;}
h4 { font-size:1.2em; margin:0 0 15px 0; padding:0;}
h5 { font-size:0.9em; font-weight:700; margin:6px 0; padding:0;}
h6 {}
p { color:#000000; font-size:1em; line-height:1.4em; margin:12px 0;}
h5 ~ p {margin:0 0 12px 0;}

.priceswrap ~ h2 { margin-top:30px;}

ul { margin:0; padding:0 0 0 20px; }
ul li { color:#000000; font-size:0.9em; line-height:1.4em; margin:8px 0; padding:0;}

a:link, a:visited { color:#d50600; text-decoration:none;}
a:hover, a:active { color:#57aeca; transition:0.1s;}

a img:active, a img:hover { opacity:0.8; transition:0.3s;}

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #c7c7c7; height:1px; margin-bottom:35px; margin-top:35px; overflow:visible; position:relative; }

hr:after { background:url(./images/icons.png) -360px -60px no-repeat; content:""; display:inline-block; height:30px; margin:0 0 0 -15px; position:absolute; top:-15px; left:50%; width:30px; z-index:1;}

.contentwidth { margin:auto; position:relative; max-width:1400px;}
.contentwidth-slim { margin:auto; position:relative; max-width:980px;}
.contentwidth-slim p { padding:0 10%;}

.clearfix { clear:both;}
.center { text-align:center;}
.uppercase { text-transform:uppercase;}


/*-Unique containers-*/

#site-header { background:#000; padding:12px 0; position:relative; z-index:15; }

#logo { float:left; padding:15px 0; width:180px;}

#webcams { background:url(./images/icons.png) -180px -180px no-repeat; height:60px; opacity:0.7; position:absolute; top:12px; right:16px; transition:0.3s; width:60px; }
#webcams:active, #webcams:hover { opacity:1;}
#webcams a:link, #webcams a:visited { display:block; height:60px;}

#site-content-wrap { padding:30px 0; }

#home-banner { border-top:1px solid #fff;}

#site-footer { margin:0; padding:0; }
#social-links-wrap { margin:0 0 50px 0; text-align:center; }
#footer-contacts { background:#fff; box-shadow:0 0 9px #eaeaea; padding:55px 0;}
#copyright { background: url(./images/texture-bg-02.jpg) top left no-repeat; background-size:cover; color:#a0a0a0; padding:45px; font-size:0.8em; text-align:center;}
#copyright img { margin:auto; margin-bottom:25px; }
#copyright a:link, #copyright a:visited { color:#4e4e4e; }
#copyright a:active, #copyright a:hover { color:#d40600; }


/*-Navigation-*/

#nav { float:left; margin:20px 0 0 9%; padding:0; position:relative; text-align:left; width:70%; z-index:9; }
#nav input[type="checkbox"], #nav input[type="checkbox"] + label  { display:none;}
#nav input[type="checkbox"] ~ ul  { margin:0; padding:0; list-style:none; }
#nav input[type="checkbox"] ~ ul li { border-left:1px solid #525252; float:left; margin:0; padding:0; position:relative; text-align:center; width:calc(20% - 1px); }
#nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link , #nav li.current-menu-item a:visited {  }

#nav li.current_page_item a:after, #nav li.current-menu-item a:after { border-style:solid; border-width:6px 6px 0 6px; border-color:#ffffff transparent transparent transparent; content:""; height:0; position:absolute; bottom:-8px; left:50%; margin-left:-6px; width:0;}

#nav li a:link, #nav li a:visited { border-radius:4px; color:#fff; display:block; font-size:1.2em; font-weight:700; padding:9px 0 9px 0; text-transform:uppercase; }
#nav li a:active, #nav li a:hover { color:#84999e; }

#nav li a:before  {font-size:0.9em; font-weight:400; display:block; text-transform:none;}
#nav li:nth-of-type(1) a:before { content:"Toro mai";  }
#nav li:nth-of-type(2) a:before { content:"Tūhuratia"; }
#nav li:nth-of-type(3) a:before { content:"Ākona"; }
#nav li:nth-of-type(4) a:before { content:"Toa"; }
#nav li:nth-of-type(5) a:before { content:"Mō Te Mata Toa"; }


/*-Search-*/
#search {  height:54px; position:absolute; top:36px; right:20px; width:54px; z-index:5;}
#search input[type="checkbox"] {display:none;}
#search input[type="checkbox"] + label  { background: url(./images/icons.png) -2px -2px no-repeat #313131; border-radius:50%; height:54px; width:54px; z-index:20; }
#search input[type="checkbox"]:checked + label { background-color:#575757; border-radius:50%; cursor:pointer;}

#search input[type="checkbox"]  + label ~ #search-inputs  { background-color:rgba(0, 0, 0, 0.66); height:0; overflow:hidden; padding:0 20px; position:absolute; top:96px; left:-500px; overflow:hidden; transition:0.3s; width:534px; z-index:-5;}
#search input[type="checkbox"]:checked  + label ~ #search-inputs { height:auto; padding:15px 20px;  }

#search-inputs input[type="text"] { border:none; float:left; margin:0 2px 0 0; width:405px;}
#search-inputs input[type="submit"] { margin:0;}

#under-header { background:#e9e9e9; padding:8px 0 12px 0; z-index:5;}
#breadcrumbs { color:#525252; float:left; font-size:0.8em; margin-right:120px; padding:3px 0 0 0; }
#breadcrumbs ul{ list-style:none; margin:0; padding:3px 0; }
#breadcrumbs ul li { float:left; font-size:0.8em; margin:0; padding:0 8px; position:relative;}
#breadcrumbs ul li:after { background:#848484; content:""; position:absolute; top:3px; right:0; height:12px; width:1px; }
#breadcrumbs ul li:last-of-type:after { display:none;}

#cartsumary { font-size:0.85em; position:absolute; top:0; right:0;}
#cartsumary a:link, #cartsumary a:visited { background:url(./images/icons.png) -306px -28px no-repeat; border-radius:5px; display:block; float:left; height:26px; margin:-3px 4px; padding:3px 6px; width:30px;}
#cartsumary a:active, #cartsumary a:hover { background-color:#ccc;}
#cartsumary span { border-left:1px solid #848484; float:left; display:block; padding:3px 12px;}



/*-input & anchor button styles-*/

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#535551; display:block; font-size:0.9em; margin:0 0 8px 0; padding:7px 14px; width:calc(100% - 28px);}

textarea { height:125px;}

select { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#318b9f; display:inline; font-size:1em; height:44px; line-height:42px; padding:0 15px; margin:0 0 8px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; }
select::-ms-expand { display:none;}

.selectstyle { position:relative;}
.selectstyle:after { background: url(./images/icons.png) -244px 9px no-repeat; border-left:1px solid #b2d2db; content:""; position:absolute; right:0; top:0; pointer-events:none; width:40px; height:44px; z-index:6;}
.selectstyle:hover:after { background: url(./images/icons.png) -284px 9px no-repeat; background-color:#318b9f; }
.selectstyle select option span { font-size:0.6em;}
::placeholder, option:first-of-type { color:#b6b6b5; opacity:1;}

input[type="text"].short-input { width:calc(60% - 32px);}

input[type="submit"], a.btn { background:#ec1e0c; border:0; border-radius:0; color:#fff; cursor:pointer; display:inline-block; font-family: 'Poppins', sans-serif; font-size:0.8em; line-height:30px; margin:3px 0; padding:0 25px; text-decoration:none; text-transform:uppercase; }
input[type="submit"]:hover, a.btn:hover { background:#57aeca; color:#fff; transition:0.3s;}

.formwrapper { background:#e9e9e9; margin:0; padding:30px 40px;}
body .formwrapper .gform_wrapper .top_label div.ginput_container { margin-top:3px;}
.formwrapper .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding:9px;}
.formwrapper .gform_wrapper ul.gform_fields li.gfield { float:left; margin:0 4% 0 0; padding:0; width:48%;}
.formwrapper .gform_wrapper ul li.gfield { clear:none;}
.formwrapper .gform_wrapper ul li#field_1_2, .formwrapper .gform_wrapper ul li#field_1_3, .formwrapper .gform_wrapper ul li#field_6_2 { margin-right:0;}
.formwrapper .gform_wrapper ul li#field_1_4, .formwrapper .gform_wrapper ul li#field_6_26 { margin-right:0; width:100%;}
.formwrapper .gform_wrapper.gf_browser_chrome select { height:37px; line-height:1.2em; padding:9px;}
.formwrapper .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { font-size:1em; margin:0; padding:12px 20px; width:auto; }
.formwrapper .gform_wrapper .gform_footer { padding:0; }


.formwrapper .ginput_container_select { position:relative;}
.formwrapper .ginput_container_select:after { background:url(./images/icons.png) -375px -15px no-repeat; content:""; display:block; height:30px; position:absolute; top:5px; right:0; width:30px; z-index:5;}


p.big-btn-wrap { border:1px solid #ec1e0c; border-radius:6px; margin:auto!important; width:fit-content; }
p.big-btn-wrap:active, p.big-btn-wrap:hover { border:1px solid #57aeca; transition:0.3s;}
.big-btn-wrap a:link, .big-btn-wrap a:visited { background:#ec1e0c; border:2px solid #fff; border-radius:5px; color:#fff; display:inline-block; font-size:1.3em; font-weight:700; padding:14px 36px 18px 36px;}
.big-btn-wrap a:active, .big-btn-wrap a:hover { background:#57aeca; transition:0.3s;}


a.link { display:inline-block; font-size:0.9em; padding:9px 35px 9px 0; position:relative;}
a.link:after { background:url(./images/icons.png) -392px -61px no-repeat; content:""; display:inline-block; height:15px; margin:0; position:absolute; top:11px; right:12px; width:15px; z-index:1; }

label { display:inline-block; margin:0;}
input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;}




/*-styled containers-*/

.people-profile { display:flex; gap:40px; align-items:flex-start; }
.people-profile img { min-width:200px;}
.people-profile h3 { margin-top:0; padding:0;}


.wp-caption {}
p.wp-caption-text { font-size:0.9em; margin:0; padding:0; text-align:center; }
.alignright { float:right; margin:0 0 20px 20px; }
.alignleft { float:left; margin:0 20px 20px 0; }
.alignleft, .alignright { background:url(./images/parchment.jpg); max-width:45%; padding:20px; }
.alignright img { border:3px solid #fff;}

#home-banner ul, #home-banner ul li{ list-style:none; height:100%; margin:0; padding:0;}
#home-banner .contentwidth { padding:99px 0 0 0;}
.home-slide-01 { background:url(./images/home-banner-01.png) center center no-repeat; background-size:cover; }
.slide-content-wrap { background-color: rgba(0, 0, 0, 0.66); padding:70px 75px; width:calc(45% - 150px);}
.slide-content-wrap h1 { color:#fff; font-size:3.5em; line-height:1em; text-transform:uppercase; }
.slide-content-wrap h1 small { font-size:0.6em; line-height:1.1em; text-transform:none;}

.col-images {color:#333; font-size:0.8em;}
.col-images img { margin:0 0 5px 0;}

#home-intro-wrap { margin:0 0 50px 0; padding:55px 0; }
.stripes { background: url(./images/stripe-bg.png); }
.home-intro { float:left; max-width:450px; }
.home-intro h1 { font-size:3.6em; line-height:0.9em;}
.home-intro h1 small{ font-size:0.6em; font-weight:400;}
.home-intro p { font-size:1.3em;}
.open-info-wrap { background:rgba(0, 0, 0, 0.15); float:right; margin:60px 0 0 0; position:relative; width:520px; }
.open-info { padding:45px 0; text-align:right; width:60%; }
.northislandlocation { position:absolute; top:-57px; right:20px; }
#oi-label { font-size:1.1em;}
#oi-time { font-size:1.4em; font-weight:700;}
#oi-exception { font-size:0.8em; margin:0 0 5px 0;}
#oi-link a:link { padding:5px 0 5px 28px; position:relative; }
#oi-link a:before { background:url(./images/icons.png) -136px -13px; content:""; display:block; height:33px; position:absolute; top:4px; left:0; width:24px; }

#whatson-wrap { margin:0 0 50px 0;}
.whatson-item { background-size:cover!important; float:left; height:300px; margin-bottom:30px; position:relative; width:49%;}
.whatson-item:nth-of-type(odd) { margin-right:2%;}

.whatson-content { background-color: rgba(0, 0, 0, 0.66); height:80%; opacity:0; position:absolute; left:5%; top:10%; text-align:center; transition:0.5s; width:90%;}
.whatson-content a:link, .whatson-content a:visited { display:block; padding:75px 15%;}
.whatson-content h3 { color:#fff; font-size:1.7em; font-weight:700; margin:0; padding:0; text-transform:uppercase; }
.whatson-content p { color:#fff; font-size:1em; margin:0; padding:0; }

.whatson-item:active .whatson-content, .whatson-item:hover .whatson-content { opacity:1;}

.video-wrap  { background:#f1f1f1; margin-bottom:8px; padding:20px;}
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;}



.collections-wrap { margin:0 0 50px 0; padding:35px 5%;}
.collections-wrap ul, .collections-wrap ul li { list-style:none; margin:0; padding:0;}
.collections-wrap ul li { background-size: cover!important; display:inline-block; text-align:center; margin:0 2.3%; width:20%;}
.collections-wrap ul li a:link, .collections-wrap ul li a:visited { border:25px solid #fff; display:block; }
.collections-wrap ul li img { margin:auto;}
.collections-wrap ul li:active, .collections-wrap ul li:hover { opacity:0.8;}





#large-map { margin:50px 0 0 0; padding:45px 0;}
#large-map img { border-bottom:5px solid #fff; border-top:5px solid #fff; width:100%;}

#certifications { margin:30px 0; text-align:center; }
#certifications ul, #certifications ul li { list-style:none; display:inline-block; margin:5px; padding:5px; text-align:center; }
#certifications ul li { border:1px solid #eeeeee; }
#certifications ul li img { max-height:200px; }
#certifications ul li a:link, #certifications ul li a:visited { display:block; }
#certifications ul li a:active, #certifications ul li a:hover { opacity:0.8;}

#social-links-wrap a:link, #social-links-wrap a:visited { background: url(./images/icons.png) no-repeat; display:inline-block; height:60px; margin:0; width:60px; }
#social-links-wrap a:active, #social-links-wrap a:hover { opacity:0.8;}

#social-links-wrap a.facebook { background-position:-180px 0;}
#social-links-wrap a.youtube { background-position:-240px 0;}
#social-links-wrap a.instagram { background-position:-240px -120px;}

.page-banner { margin:0 0 30px 0;}

#contacts { background: url(./images/texture-bg-01.jpg) bottom left no-repeat; background-size:cover; padding:25px;}

#address { border-right:1px solid #d2d2d2; float:left; padding:15px 60px 15px 0; text-align:right; width:calc(50% - 61px);}
#tel { float:left; padding:28px 0 25px 50px; width:calc(50% - 50px); }

#address p b { font-size:1.1em; text-transform:uppercase;}
#address p { font-size:0.9em; margin:0; padding:0; }

#tel { font-size:1.7em;}
#tel a:link, #tel a:visited { padding:5px 5px 5px 36px; position:relative;}
#tel a:before { background:url(./images/icons.png) -75px -9px no-repeat; content:""; display:block; height:40px; position:absolute; top:4px; left:0; width:24px; }

/*-ngg-gallery-*/
.ngg-gallery-thumbnail { background:#e9e9e9; margin:0 5px 5px 0; width:calc(24% - 5px); }
.ngg-gallery-thumbnail a:link { display:block; padding:8px; width:calc(100% - 16px);}
.ngg-gallery-thumbnail a img { margin:auto; width:100%;}
.ngg-gallery-thumbnail:active, .ngg-gallery-thumbnail:hover { background:#57aeca; transition:0.3s; }

.ngg-navigation a.page-numbers, .ngg-navigation span.current { background:#e9e9e9; margin:0 1px 0 0; padding:3px 7px;}



/*-Video embed-*/
ul.videos-embed { list-style:none; margin:0; padding:0;}
ul.videos-embed li { background:#f1f1f1; float:left; margin:0 2% 50px 0; padding:8px; position:relative; text-align:center; width:calc(49% - 16px);}
ul.videos-embed li:nth-of-type(even) { margin-right:0;}
ul.videos-embed li p { margin:15px 0 5px 0; position:absolute; text-align:center; width:100%;}

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;}



#sitemap { background:#000; border-bottom:1px solid #4d4d4d; border-top:1px solid #fff; color:#fff; padding:0 0 45px 0;}
#sitemap h2 { border-bottom:1px solid #4d4d4d; margin:0 0 15px 0; padding:0 0 5px 0; }
#sitemap h3 { border-bottom:1px solid #4d4d4d; font-size:1em; font-weight:700; margin:0 0 40px 0; padding:20px; text-align:center;}
#sitemap h4 { font-size:1em; margin:0; padding:0;}

#sitemap ul { list-style:none; margin:0; padding:0 0 20px 0;}
#sitemap ul li { line-height:1.25em; margin:5px 0; padding:0; width:80%;}

#sitemap a:link, #sitemap a:visited {color:#fff;}
#sitemap a:active, #sitemap a:hover {opacity:0.8;}

.sm-link-block { display:block; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }

ul.exhibitions { list-style:none; margin:0; padding:0;}
ul.exhibitions li { float:left; margin:0 1% 20px 0; position:relative; text-align:center; width:24%;}

.exhibition-imgwrap { margin:0; height:180px; overflow:hidden;}
.exhibition-linkwrap { background-color:rgba(0, 0, 0, 0.66); font-size:1em; position:absolute; bottom:0; left:0; width:100%;}
.exhibition-linkwrap a:link, .exhibition-linkwrap a:visited { color:#fff; display:block; font-weight:700; padding:12px 5px; transition:0.3s; }
.exhibition-imgwrap:hover ~ .exhibition-linkwrap a:link, .exhibition-linkwrap a:active, .exhibition-linkwrap a:hover { padding:19px 5px; }

.col-content ul.exhibitions li { width:32.3%;}
.col-content ul.exhibitions li .exhibition-imgwrap { height:160px;}

ul.visit-options {list-style:none; margin:25px 0; padding:0;}
ul.visit-options li { float:left; margin:0; text-align:center; width:32%;}
ul.visit-options li:nth-of-type(2) { margin:0 2%;}

ul.visit-options.explore li:nth-of-type(odd) { margin-right:20px;}
ul.visit-options.explore li:nth-of-type(even) { margin:0;}
ul.visit-options.explore li:nth-of-type(1), ul.visit-options.explore li:nth-of-type(4) { width:calc(52% - 20px);}
ul.visit-options.explore li:nth-of-type(2), ul.visit-options.explore li:nth-of-type(3) { width:calc(48% - 20px);}

ul.visit-options li h2 { text-transform:uppercase; }
ul.visit-options li h2 small { text-transform:none; }

.visit-exhibitions {  background:url(./images/visit-exhibitions.jpg) center center no-repeat; background-size:cover;}
.visit-events { background:url(./images/visit-events.jpg) center center no-repeat; background-size:cover;}
.visit-visitor-info { background:url(./images/visit-visitor-info.jpg) center center no-repeat; background-size:cover;}

.learn-programs {  background:url(./images/learn-programs.jpg) center center no-repeat; background-size:cover;}
.learn-visit { background:url(./images/learn-plan-visit.jpg) center center no-repeat; background-size:cover;}
.learn-resources { background:url(./images/learn-resources.jpg) center center no-repeat; background-size:cover;}


.learn-classroomchat { background:url(/wp-content/uploads/2021/08/Classroom-Chat.jpg) center center no-repeat; background-size:cover;}


.explore-archives {background:url(./images/Archives.jpg) center center no-repeat; background-size:cover;}
.explore-library {background:url(./images/Library.jpg) center center no-repeat; background-size:cover;}
.explore-familyhistory {background:url(./images/FamilyHistory.jpg) center center no-repeat; background-size:cover;}

.explore-collections { background:url(./images/explore-collections.jpg) center center no-repeat; background-size:cover;}

ul.visit-options li a:link, ul.visit-options li a:visited { background-color: rgba(0, 0, 0, 0.66); color:#fff; display:block; padding:99px 15px; }
ul.visit-options li a:active, ul.visit-options li a:hover { background-color: rgba(0, 0, 0, 0.5); }
ul.visit-options p { font-size:1.0em;}


.explore-research {background:url(./images/explore-research.jpg) center center no-repeat; background-size:cover;}
.explore-recollect {background:url(./images/explore-recollect.jpg) center center no-repeat; background-size:cover;}
.explore-hidden-treasures {background:url(./images/explore-hidden-treasures.jpg) center center no-repeat; background-size:cover;}
.explore-voices-of-the-past {background:url(./images/explore-votp.jpg) center center no-repeat; background-size:cover;}


.col-main h1 em { font-weight:400; font-style:normal;}

.speach-bubble { background:#e9e9e9; margin:0 0 0 30px; padding:45px 60px; position:relative;}
.speach-bubble:before { content:""; border-style: solid; border-width: 30px 40px 30px 0; border-color: transparent #e9e9e9 transparent transparent; position:absolute; top:60px; left:-40px;}

ul.videos { list-style:none; margin:0; padding:0; }
ul.videos li {float:left; margin:0 2% 20px 0; padding:0; width:30%; }


/*-Education Programs-*/
.ep-banner { background-size:cover!important; float:left; height:455px; position:relative; width:calc(100% - 290px); }
.ep-banner h1{ background:rgba(0, 0, 0, 0.66); color:#fff; font-size:2.2em; margin:0; padding:20px 30px; position:absolute; bottom:0; left:0; width:calc(100% - 60px);}

.ep-details { float:left; width:290px; }
.ep-details ul { border:2px solid #e9e9e9; list-style:none; margin:0; padding:0;}
.ep-details ul li { border-bottom:1px solid #e9e9e9; color:#323435; font-size:0.9em; /*height:80px;*/ margin:0; padding:2px 5px 2px 80px; position:relative;}

.ep-details ul li:before {  content:""; display:block; height:60px; opacity:0.4; position:absolute; top:12px; left:10px; width:60px;}

.ep-details ul li:nth-of-type(1):before { background:url(./images/icons.png) 0 -60px no-repeat;}
.ep-details ul li:nth-of-type(2):before { background:url(./images/icons.png) -60px -60px no-repeat;}
.ep-details ul li:nth-of-type(3):before { background:url(./images/icons.png) -120px -60px no-repeat;}
.ep-details ul li:nth-of-type(4):before { background:url(./images/icons.png) -180px -60px no-repeat;}
.ep-details ul li:last-of-type{ border-bottom:0;}

.ep-detail { border-left:1px solid #e9e9e9; height:calc(100% - 25px); padding:20px 0 20px 20px; }
.ep-detail:before { color:#bcbcbc; font-size:0.8em; font-weight:700; display:block; line-height:1em; text-transform:uppercase; }

.ep-details ul li:nth-of-type(1) .ep-detail:before { content:"Schedule";}
.ep-details ul li:nth-of-type(2) .ep-detail:before { content:"Cost";}
.ep-details ul li:nth-of-type(3) .ep-detail:before { content:"Venue";}
.ep-details ul li:nth-of-type(4) .ep-detail:before { content:"Duration";}

.ep-details a.btn { font-size:1.1em; margin:10px 0 0 10px; padding:20px 5px 20px 95px; position:relative; width:180px;}
.ep-details a.btn:before { background:url(./images/icons.png) 0 -115px no-repeat; border-right:1px solid #fff; content:""; height:70px; position:absolute; top:0; left:8px; width:64px; }


.e-learning-btn-rap { float:right; margin:-20px 0 0 20px;  }
.e-learning-btn-rap a.btn { font-size:22px; line-height:20px; margin:0; padding:16px 5px 16px 95px; position:relative; text-transform:none; width:280px; }
.e-learning-btn-rap a.btn small { display:block; font-size:16px; }
.e-learning-btn-rap a.btn:before { background:url(./images/icons.png) -108px -115px no-repeat; border-right:1px solid #fff; content:""; height:72px; position:absolute; top:0; left:0; width:80px; }


.ep-content-wrap { float:left; margin:15px 0 0 0; width:calc(100% - 330px); }
.ep-resources-wrap {  border-left:1px solid #e9e9e9; float:left; margin:15px 0 0 40px; padding:0 0 20px 0; width:289px; }
.ep-resources-wrap h4 { margin:0; padding:15px 0 15px 25px;}

ul.pdf-links { border-bottom:1px solid #e9e9e9; list-style:none; margin:0; padding:0;}
ul.pdf-links li { border-top:1px solid #e9e9e9; margin:0; padding:0; position:relative;}
ul.pdf-links li:before { background:url(./images/icons.png) -240px -60px no-repeat; content:""; display:block; height:60px; position:absolute; top:0; left:20px; width:66px; z-index:-1;}

ul.pdf-links li a:link, ul.pdf-links li a:visited { display:block; padding:20px 9px 20px 94px;}
ul.pdf-links li:active:before, ul.pdf-links li:hover:before { opacity:0.7; }

.post-intro-wrap { border-bottom:1px solid #e9e9e9; clear:both; margin:20px 0 0 0; padding:0 0 20px 0; position:relative; }
.post-intro-img { background:#e9e9e9; float:left; padding:12px; text-align:center; width:150px;}
.post-intro-text { padding:0 0 0 200px;}
.post-intro-text h3 { margin-top:0; padding:15px 0 0 0;}

.post-feature-img-wrap { background:#e9e9e9; float:left; padding:12px 14px; width:400px;}
.post-feature-img-wrap img { border:1px solid #fff; display:block; margin-right:-1px; }
.post-content-wrap { padding:0 0 0 470px; }

/* -Explore styles- */
ul.explore-list-wrap { list-style:none; margin:10px 0; padding:0;}
ul.explore-list-wrap li { float:left; margin:0 9px 9px 0; height:300px; overflow:hidden; padding:0; position:relative; text-align:center; width:calc(33.3% - 9px);}
ul.explore-list-wrap li a:link, ul.explore-list-wrap li a:visited { display:block; height:100%;}

ul.explore-list-wrap li a h3 {background:rgba(0, 0, 0, 0.75); color:#fff; margin:0; padding:15px 20px; position:absolute; bottom:0; left:0; width:calc(100% - 40px);}
ul.explore-list-wrap li a:hover h3, ul.explore-list-wrap li a:active h3  { background:rgba(96, 2, 0, 0.82); transition:0.3s;}
/*
ul.explore-list-wrap li a h3 small p { color:#fff; display:block; height:0; min-height:0; font-size:0.8em; line-height:1.3em; overflow:hidden; margin:5px 0; padding:0; transition:0.9s;}
ul.explore-list-wrap li a:hover h3 small p, ul.explore-list-wrap li a:active h3 small p { height:auto; min-height:60px; transition:0.9s;}

ul.explore-list-wrap li a h3 small p { color:#fff; display:block; font-size:0; line-height:0; margin:5px 0; padding:0; transition:0.3s;}
ul.explore-list-wrap li a:hover h3 small p, ul.explore-list-wrap li a:active h3 small p { font-size:0.8em; line-height:1.3em;  transition:0.3s;}
*/

ul.explore-list-wrap li a h3 small p { color:#fff; display:block; font-size:0.8em; line-height:1.3em;  margin:5px 0; padding:0; position:absolute; bottom:-120px; transition:0.1s;}
ul.explore-list-wrap li a:hover h3 small p, ul.explore-list-wrap li a:active h3 small p { position:relative; bottom:0; transition:0.5s;}

.hidden-treasures-img { float:left; margin:0 30px 0 0; width:calc(30% - 30px);}
.hidden-treasures-content {float:left; width:70%; }

ul.votp-list-wrap {list-style:none; margin:10px 0; padding:0;}
ul.votp-list-wrap li { background:url(./images/parchment.jpg); display:inline-block; margin:0 10px 10px 0; padding:30px; width:calc(50% - 74px); vertical-align: top;}
.votp-thumb { border:5px solid #fff; float:left; height:160px; width:160px; }
.votp-excert { padding:0 0 0 190px; }
.votp-excert h3 { color:#000; font-weight:700; margin:8px 0 0 0; padding:0;}
.votp-excert p { color:#000; margin:6px 0 8px 0;}

ul.news-list-wrap {list-style:none; margin:10px 0; padding:0;}
ul.news-list-wrap li { background:#e9e9e9;; display:inline-block; margin:0 10px 10px 0; padding:30px; width:calc(50% - 74px); vertical-align: top;}
.news-thumb { border:5px solid #fff; float:left; height:160px; width:160px; }
.news-excert { padding:0 0 0 190px; }
.news-excert h3 { color:#000; font-weight:700; margin:8px 0 0 0; padding:0;}
.news-excert p { color:#000; margin:6px 0 8px 0;}

.news-col-img { background:#e9e9e9; float:left; padding:30px 35px; width:calc(40% - 70px);}
.news-col-content { float:left; padding:0 0 0 30px; width:calc(60% - 30px);}
.news-col-img img { border:5px solid #fff; display:block; margin:auto; margin-left:-5px; }

#gallery-1 .gallery-item {}
.gallery .gallery-item .gallery-icon { background:#e9e9e9; padding:20px;}
.gallery .gallery-item .gallery-icon img { border:5px solid #fff!important; margin:auto;}
.gallery-caption { font-size:0.9em;}

.pagebannerwrap { padding-bottom:30px;}

ul.game-wrap {list-style:none; margin:0; padding:0;}
ul.game-wrap li { background:#f1f1f1; border-radius:15px; float:left; margin:0 5px 5px 0; padding:15px;}

.amshop-links-wrap { margin:20px 0; padding:30px; }
.amshop-links-wrap a.btn { line-height:50px; padding:0 35px 0 55px; position:relative;}
.amshop-links-wrap a.btn:before { content:""; background:url(./images/icons.png) -313px 0 no-repeat; display:block; height:28px; position:absolute; top:10px; left:20px; width:28px;  }

.col-side-menu .amshop-links-wrap ul { border:0; }
.col-side-menu .amshop-links-wrap ul li { border-bottom:0; border-right:1px solid #c7c7c7; font-size:14px; float:left; }
.col-side-menu .amshop-links-wrap ul li:nth-of-type(3) { border-right:0;}

.col-side-menu .amshop-links-wrap ul li a:link { padding:0 6px;}

.alertmessage-show { background:#ce220b; color:#fff; display:block; margin:-12px 0 0 0; padding:12px 90px 12px 25px; }
.alertmessage-show p { color:#fff; margin:0;}
.alertmessage-show a:link, .alertmessage-show a:visited { color:#fff; text-decoration:underline;}
.alertmessage { display:none;}

ul.storymaps { display:flex; flex-wrap: wrap; list-style:none; margin:0; padding:0;}
ul.storymaps li { margin:0 20px 50px 0; padding:0; width:calc(20% - 20px);}



/*---------------------responsive cols---------------------------*/

.row { clear:both; position:relative; }

.col-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-side-menu { float:left;}

.col-1o3 { width:31.3%;}
.col-1o3:nth-child(2) { margin:0 2%;}

.col-2o3 { margin-right:3.5%; width:62.6%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;}

.col-1o4 { margin-right:5%; width:20%;}
.col-1o4:nth-child(4n) { margin-right:0;}

.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}

.col-1o2 { margin:0 20px 0 0; width:calc(50% - 60px);}
.col-1o2:nth-of-type(even) { margin-left:60px; }

.col-auto2 { -webkit-column-count:2; -moz-column-count:2; column-count:2;}

.fifty-p { width:45%;}
.fifty-p:nth-of-type(2) { margin-left:10%;}

.col-side-menu { width:320px;}
.col-main { margin:0 0 0 370px; width:calc(100% - 370px);}
.col-side-menu h2 { margin:0;}
.col-side-menu ul { border-top:1px solid #c7c7c7; list-style:none; margin:8px 0; padding:0;}
.col-side-menu ul li{ border-bottom:1px solid #c7c7c7; margin:0; padding:0;}
.col-side-menu ul li a:link { display:block; line-height:1.1em; padding:6px; }

.col-side-menu ul li.current_page_item { background:#f1f1f1; font-weight:700; }

.col-images { float:right; width:33%;}
.col-content { float:left; width:100%;}
.col-content h1 { margin-top:0;}
.col-images ~ .col-content { margin:0 4% 0 0; width:63%;}

/*---------------------Media queries---------------------------*/



@media only screen and (max-width: 1450px) {
.contentwidth { padding:0 2%; width:96%;}
#nav { margin:20px 0 0 5%;}
.col-1o2:nth-of-type(even) { margin-left:30px;}
.col-1o2 { width:calc(50% - 35px);}
ul.exhibitions li {  margin:0 1% 9px 0; width:32.3%;}
.col-content ul.exhibitions li { margin:0 1% 9px 0; width:49%;}

}

@media only screen and (max-width: 1080px) {
#nav { margin:20px 0 0 2%;}
.slide-content-wrap { width:calc(65% - 150px);}
.home-intro { float:none; max-width:100%; text-align:center;}
.open-info-wrap { float:none; margin:80px 0 0 0; width:100%;}

.col-content ul.exhibitions li {margin:0 0 9px 0; width:100%;}
.col-content ul.exhibitions li .exhibition-imgwrap { height:180px;}
 ul.exhibitions li {  width:49%;}
.whatson-item:nth-of-type(odd) { margin-right:0;}
.whatson-item { float:none; height:300px; width:100%;}
.whatson-content { opacity:1;}
.ngg-gallery-thumbnail { width:calc(33.3% - 5px); }
#sitemap .col-1o2, #sitemap .col-1o2:nth-of-type(even) { margin:0; width:100%;}

.post-feature-img-wrap { padding:12px 14px; width:auto;}
.post-content-wrap { clear:both; padding:14px 0 0 0; }

ul.votp-list-wrap li, ul.news-list-wrap li { width:calc(100% - 74px);}

.ep-banner { height:455px; width:100%; }
.ep-details { width:100%; }
.ep-details a.btn { margin:5px 0 0 0; padding:20px 5px 20px 105px;}
.ep-details a.btn:before { left:18px;}
	
ul.storymaps li { margin:0 20px 20px 0; width:calc(25% - 20px);}
}

@media only screen and (max-width: 900px) {
 ul.videos-embed li { margin:0 0 50px 0; width:calc(100% - 16px);}
#nav { margin:0; padding:0; position:absolute; top:-2px; right:0; text-align:left; width:100%; z-index:9; }
#nav ul li a { font-size:15px;}
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(./images/icons.png) -445px 1px no-repeat #313131; border-radius:50%; display:block; font-size:18px; height:54px; margin:0; opacity:0.9; padding:0; position:absolute; top:0; right:9px; transition:0.3s; width:54px; z-index:9; }
#nav input[type="checkbox"]:checked + label { background:url(./images/icons.png) -445px -61px no-repeat #575757; }

#nav input[type="checkbox"] ~ .menu-header-menu-container ul  { background-color:rgba(0,0,0,0.85); margin:0; padding:0 10% 20px 10%; position:absolute; transition:0.3s; width:80%; top:-999px; right:0; transition:0.3s; z-index:8; }
#nav input[type="checkbox"]:checked ~ .menu-header-menu-container ul { top:0; }
#nav input[type="checkbox"] ~ .menu-header-menu-container ul li { border-bottom:1px solid #666; border-left:0; display:block; margin:0; padding:0; text-align:center; width:100%; }
#nav .menu-header-menu-container li.current_page_item a:link, #nav li.current-menu-item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:visited { background-color:#575757; }
#nav .menu-header-menu-container li a:link, #nav .menu-header-menu-container li a:visited { border-radius:0; color:#fff; display:block; padding:15px; }
#nav .menu-header-menu-container li a:active, #nav .menu-header-menu-container li a:hover { background:#00b5de; color:#fff; }
#nav .menu-header-menu-container li.current_page_item a:before, #nav .menu-header-menu-container li.current-menu-item a:before { display:none;}

#nav input[type="checkbox"] ~ .menu-header-menu-container { display:none;}
#nav input[type="checkbox"]:checked ~ .menu-header-menu-container { display:block;}

#search { top:68px; right:10px;}
#search input[type="checkbox"] + label ~ #search-inputs { top:65px; }
#search input[type="checkbox"]:checked + label ~ #search-inputs { left:-510px;}

.e-learning-btn-rap { float:none; margin:0;  }
	
.slide-content-wrap { width:calc(100% - 150px);}
.collections-wrap ul li { margin:0 0.5%; width:23.5%;}

.col-side-menu { width:200px;}
.col-main { margin:0 0 0 240px; width:calc(100% - 240px);}

.news-col-img { width:calc(100% - 70px);}
.news-col-content { padding:20px 0 0 0; width:100%;}

ul.visit-options li, ul.visit-options li:nth-of-type(2), ul.visit-options.explore li  { margin:0 0 30px 0; width:100%;}

.col-1o3, .col-1o3:nth-child(2), .col-2o3 { border-bottom:1px solid #e2e2e2; margin:0 4% 30px 4%; padding:0 0 30px 0; text-align:center; width:92%; }
.col-1o3 img, .col-1o3:nth-child(2) img { margin:auto;}
.col-1o3:nth-child(3), .col-2o3 ~ .col-1o3 { border-bottom:none; margin-bottom:0; padding-bottom:0;}
.col-1o3 ul { list-style:none;}
.speach-bubble { margin:30px 0 0 0; padding:45px 60px; text-align:center;}
.speach-bubble:before { border-width:0 30px 40px 30px; border-color:transparent transparent #e9e9e9 transparent; top:-30px; margin-left:-30px; left:50%;}

ul.visit-options.explore li:nth-of-type(odd) { margin-right:0;}
ul.visit-options.explore li:nth-of-type(1), ul.visit-options.explore li:nth-of-type(2), ul.visit-options.explore li:nth-of-type(3), ul.visit-options.explore li:nth-of-type(4) { margin:0; width:100%;}

ul.explore-list-wrap li { width:calc(50% - 9px);}

}

@media only screen and (max-width: 800px) {
.col-1o2, .col-1o2:nth-of-type(even) { margin:0 0 20px 0; width:100%;}
.ep-content-wrap, .ep-resources-wrap {border:0; margin:0; width:100%;}
.ep-resources-wrap h4 {  padding:15px 0 15px 0;}
.people-profile { display:block; }
.people-profile h3 { margin-top:20px;}
.hidden-treasures-img, .hidden-treasures-content { margin:0 0 20px 0; width:100%;}
	
ul.storymaps li { width:calc(33.3% - 20px);}
}

@media only screen and (max-width: 700px) {
.contentwidth { padding:0 4%; width:92%;}
.speach-bubble {  padding:25px 30px; text-align:center;}
#home-banner { display:none;}
#home-intro-wrap { padding:25px 0 45px 0;}
.collections-wrap ul li { margin:0; width:49%;}
#address { border-bottom: 1px solid #d2d2d2; border-right:0; padding:15px; text-align:center; width:calc(100% - 30px); }
#tel { padding:25px; text-align:center; width:calc(100% - 50px);}
.whatson-item { height:auto;}
.whatson-content { height:auto; position:relative; left:0; width:100%;}
.whatson-content a:link, .whatson-content a:visited { padding:75px 5%;}
#search input[type="checkbox"]  + label ~ #search-inputs  { width:400px;}
#search input[type="checkbox"]:checked  + label ~ #search-inputs { left:-376px; }
#search-inputs input[type="text"] { width:260px;}
.col-side-menu { float:none; width:100%;}
.col-main { margin:9px 0; width:100%;}
.col-side-menu ul { border-top:0; margin-left:-8px;}
.col-side-menu ul li { border-bottom:0; float:left; position:relative; }
.col-side-menu ul li:after { background:#7b8384; content:""; height:11px; position:absolute; top:4px; right:0; width:1px;}
.col-side-menu ul li:last-of-type:after { display:none;}
.col-side-menu ul li a:link { padding:3px 8px;}
.col-side-menu ul li.current-menu-item { background:none; font-weight:700; }
ul.exhibitions li { margin:0 0 9px 0; width:100%;}
.fifty-p { width:100%;}
.fifty-p:nth-of-type(2) { margin-left:0;}

.formwrapper { background:#e9e9e9; margin:0; padding:10px 25px;}
.formwrapper .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding:9px;}
.formwrapper .gform_wrapper ul.gform_fields li.gfield { margin:0; width:100%;}
.formwrapper .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { font-size:1em; margin:0; padding:12px 20px; width:auto; }
.formwrapper .gform_wrapper .gform_footer { padding:0; }
.ep-banner h1 { font-size:1.7em;}
.post-intro-text { clear:both; padding:0;}
}

@media only screen and (max-width:600px) {
.alignleft, .alignright { float:none; margin:0 0 20px 0; max-width:calc(100% - 40px); }
ul.explore-list-wrap li { margin:0 0 9px 0; width:100%;}
.votp-thumb { float:none;}
.votp-excert { padding:10px 0 0 0;}
	
ul.storymaps li { width:calc(50% - 20px);}
}

@media only screen and (max-width: 500px) {
#sitemap .col-1o2, #sitemap .col-1o2:nth-of-type(even) { text-align:center;}
#sitemap ul li {width:100%;}
#search input[type="checkbox"]  + label ~ #search-inputs  { width:250px;}
#search input[type="checkbox"]:checked  + label ~ #search-inputs { left:-226px; }
#search-inputs input[type="text"] { width:calc(100% - 28px);}
.col-auto2 { -webkit-column-count:1; -moz-column-count:1; column-count:1;}
.northislandlocation { top:-25px; right:10px; width:150px;}
.ngg-gallery-thumbnail { width:calc(50% - 5px); }
}

@media only screen and (max-width: 400px) {
.home-intro h1 { font-size:3.1em;}
.open-info-wrap { margin:50px 0 0 0;}
.open-info { padding:25px 0; text-align:center; width:100%;}
.northislandlocation { display:none;}
.col-content ul.exhibitions li .exhibition-imgwrap, .exhibition-imgwrap { height:150px;}
ul.exhibitions li { margin-right:0; width:100%;}
	
.e-learning-btn-rap a.btn { font-size:17px; width:calc(100% - 100px);}
.e-learning-btn-rap a.btn small { font-size:14px;}
	
ul.storymaps li { margin:0 0 20px 0; width:100%;}
}


@media print {
#site-header, #under-header, #site-footer, #certificate .button-rap, .print-target h1 {display:none;}
#certificate, #certificate img { height:195.8mm; width:254mm;  }
@page { size:landscape; margin:0; padding:0; position:relative; height:210mm; width:297mm; }
  

 
	
	
	
/*body img { writing-mode:tb-rl;}*/
}