@charset "UTF-8";
html {}
/* overrides */
body { background:transparent; }
/* custom */
.wwiWrap { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:20px auto 0; max-width:990px; width:100%; }
.textCenter { text-align:center; }
.noWrap { white-space:nowrap; }
.blueBg { background-color:#bfd0d5; }
.blueText { color:#06688a; }
.wwiHeader { border-bottom:5px solid #123847; height:65px; margin-bottom:5px; padding-right:22px; position:relative; text-align:right; }
.wwiHeader h1 { padding-top:15px; }
.wwiLogo { background:url("/mars/landing/world-war-i/uk/wwi-logo.png") 21px 4px no-repeat; position:absolute; left:0; top:0; height:74px; width:287px; }
.loggedIn .wwiLogo { background-position-x:73px; width:339px; }
.wwiLogo:before { background:#e3e0cd; content:""; height:25px; left:0; position:absolute; right:0; top:0; z-index:-1; }
.wwiLogo:after { border-style:solid; border-width:25px 8px 0 0; border-color:#e3e0cd transparent transparent transparent; content:""; font-size:0; line-height:0; position:absolute; left:100%; top:0; width:0; z-index:-1; }
.wwiHeroSearch { background:#e3e0cd url("/mars/landing/world-war-i/uk/wwi-hero-search.jpg") bottom right no-repeat; min-height:406px; position:relative; }
.wwiCa .wwiHeroSearch { background:#e3e0cd url("/mars/landing/world-war-i/ca/wwi-hero-search.jpg") bottom right no-repeat; min-height:406px; position:relative; }
.wwiHeroSearch .greenCircle { background:#afbc22; background:rgba(175,188,34,.9); border-radius:50%; bottom:-20px; color:#efefef; padding:7px 8px 4px; position:absolute; right:168px; z-index:1; }
.wwiCa .wwiHeroSearch .greenCircle { right:186px; }
.wwiSearchHere { background-color:#f8f8f3; border:1px solid #dbd9d3; border-bottom:none; border-top:none; }
#HintWidgetRegion.conSecond { background:url("/mars/landing/world-war-i/uk/build-your-tree.jpg") bottom right #fff no-repeat; padding-bottom:230px; }
/*.buildTreeImg { background-image:url("/mars/landing/world-war-i/uk/build-your-tree.jpg"); background-size:100% 100%; max-width:300px; }
.buildTreeImg:after { content:''; display:block; height:0; padding-bottom:73.66667%; }*/
.twitterWidget { margin-top:20px; }
.preExploreSpacer { height:20px; background-color:#f8f8f3; border-left:1px solid #dbd9d3; border-right:1px solid #dbd9d3; }
.wwiExplore { padding:52px 58px 16px; position:relative; text-align:center; }
.wwiExplore:before { border:53px solid #f8f8f3; border-bottom-width:0; border-color:#f8f8f3 transparent transparent transparent; border-top-width:24px; content:""; font-size:0; height:0; left:50%; line-height:0; margin-left:-53px; position:absolute; top:0; width:0; }
.wwiCollections { border-radius:0 0 5px 5px; }
.wwiCollections li { margin-top:16px; }
.wwiCollections li:first-child { margin-top:0; }
.whiteBg { background-color:#fff; border:1px solid #06688a; border-left:1px solid #bfd0d5; border-right:1px solid #bfd0d5; }
.wwiDoc { background:url("/mars/landing/world-war-i/uk/wwi-document-sprite.jpg") no-repeat; border:2px solid #666; display:block; height:190px; margin:0 auto 10px; width:190px; }
.wwiDoc.doc2 { background-position:-191px 0; }
.wwiDoc.doc3 { background-position:-382px 0; }
.wwiDoc.doc4 { background-position:-573px 0; }
.wwiCarouselTimeline { margin-top:20px; }
#wwiCarousel .carouselSlide { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:283px; padding:0 20px; max-width:100%; }
.wwiSlideContent { background-color:#fff; background-color:rgba(255,255,255,.9); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 20px 11px; max-width:364px; min-height:243px; position:relative; }
.wwiSlideContent h3 { border-bottom:1px solid #d9d8d1; margin-top:4px; padding-bottom:8px; }
.slideLoaded.wwiSlideAssassinationFerdinand { background:url("/mars/landing/world-war-i/uk/wwi-slide-assassination-franz-ferdinand.jpg") no-repeat; }
.slideLoaded.wwiSlideAustriaWarSerbia { background:url("/mars/landing/world-war-i/uk/wwi-slide-austria-declared-war-serbia.jpg") no-repeat; }
.slideLoaded.wwiSlideGermanyWarRussia { background:url("/mars/landing/world-war-i/uk/wwi-slide-germany-declares-war-russia.jpg") no-repeat; }
.slideLoaded.wwiSlideBritishDeclareWar { background:url("/mars/landing/world-war-i/uk/wwi-slide-british-declare-war.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleTannenberg { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-of-tannenberg.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleMarneMasurian { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-of-marne-and-masurian.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleYpres { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-ypres.jpg") no-repeat; }
.slideLoaded.wwiSlide1stZeppelins { background:url("/mars/landing/world-war-i/uk/wwi-slide-first-zeppelins.jpg") no-repeat; }
.slideLoaded.wwiSlideChristmasTruce { background:url("/mars/landing/world-war-i/uk/wwi-slide-christmas-truce.jpg") no-repeat; }
.slideLoaded.wwiSlideBombingRaidsBritain { background:url("/mars/landing/world-war-i/uk/wwi-slide-bombing-raids-britain.jpg") no-repeat; }
.slideLoaded.wwiSlideChurchillResigns { background:url("/mars/landing/world-war-i/uk/wwi-slide-churchill-resigns.jpg") no-repeat; }
.slideLoaded.wwiSlideDardanellesGallipoli { background:url("/mars/landing/world-war-i/uk/wwi-slide-dardanelles-gallipoli.jpg") no-repeat; }
.slideLoaded.wwiSlideZeppelinsLondon { background:url("/mars/landing/world-war-i/uk/wwi-slide-zeppelins-attack-london.jpg") no-repeat; }
.slideLoaded.wwiSlide2ndBattleYpres { background:url("/mars/landing/world-war-i/uk/wwi-slide-second-battle-ypres.jpg") no-repeat; }
.slideLoaded.wwiSlideLusitaniaSunk { background:url("/mars/landing/world-war-i/uk/wwi-slide-lusitania-sunk.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleLoos { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-loos.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleVerdun { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-of-verdun.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleJutland { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-jutland.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleSomme { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-somme.jpg") no-repeat; }
.slideLoaded.wwiSlideGermanAirRaidLondon { background:url("/mars/landing/world-war-i/uk/wwi-slide-german-air-raid-london.jpg") no-repeat; }
.slideLoaded.wwiSlideUBoatCampaign { background:url("/mars/landing/world-war-i/uk/wwi-slide-german-u-boat-campaign.jpg") no-repeat; }
.slideLoaded.wwiSlideUSWarGermany { background:url("/mars/landing/world-war-i/uk/wwi-slide-us-war-germany.jpg") no-repeat; }
.slideLoaded.wwiSlideBattlePasschendaele { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-passchendaele.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleCambrai { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-cambrai.jpg") no-repeat; }
.slideLoaded.wwiSlideBrestLitovsk { background:url("/mars/landing/world-war-i/uk/wwi-slide-brest-litovsk.jpg") no-repeat; }
.slideLoaded.wwiSlideGermanSpringOffensive { background:url("/mars/landing/world-war-i/uk/wwi-slide-german-spring-offensive.jpg") no-repeat; }
.slideLoaded.wwiSlideFormingRAF { background:url("/mars/landing/world-war-i/uk/wwi-slide-forming-raf.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleLys { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-lys.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleMatz { background:url("/mars/landing/world-war-i/uk/wwi-slide-battle-of-matz.jpg") no-repeat; }
.slideLoaded.wwiSlide2ndBattleMarne { background:url("/mars/landing/world-war-i/uk/wwi-slide-second-battle-marne.jpg") no-repeat; }
.slideLoaded.wwiSlide100Days { background:url("/mars/landing/world-war-i/uk/wwi-slide-100-days.jpg") no-repeat; }
.slideLoaded.wwiSlideArmistice { background:url("/mars/landing/world-war-i/uk/wwi-slide-armistice.jpg") no-repeat; }
.slideLoaded.wwiSlideCABattleSomme { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-battle-somme.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleVimyRidge { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-battle-vimy-ridge.jpg") no-repeat; }
.slideLoaded.wwiSlideGermanUBoats { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-german-u-boats.jpg") no-repeat; }
.slideLoaded.wwiSlideCABattlePasschendaele { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-battle-passchendaele.jpg") no-repeat; }
.slideLoaded.wwiSlideCAFirstContingent { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-first-contingent.jpg") no-repeat; }
.slideLoaded.wwiSlideGermanLines { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-german-lines.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleSambre { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-battle-sambre.jpg") no-repeat; }
.slideLoaded.wwiSlideCaptureRabaul { background:url("/mars/landing/world-war-i/au/wwi-slide-au-capture-rabaul.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleVillersBretonneux { background:url("/mars/landing/world-war-i/au/wwi-slide-au-battle-villers-bretonneux.jpg") no-repeat; }
.slideLoaded.wwiSlidePrincessPatricia { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-princess-patricia.jpg") no-repeat; }
.slideLoaded.wwiSlideBattleAmiens { background:url("/mars/landing/world-war-i/ca/wwi-slide-ca-battle-amiens.jpg") no-repeat; }
.slideLoaded.wwiSlideBattlePozieres { background:url("/mars/landing/world-war-i/au/wwi-slide-au-battle-pozieres.jpg") no-repeat; }
.slideLoaded.wwiSlideANZACGallipoli { background:url("/mars/landing/world-war-i/au/wwi-slide-au-anzac-gallipoli.jpg") no-repeat; }
#wwiTimeline { margin-top:-40px; }
.wwiWrap .wwiMapLink { position:absolute; right:20px; top:8px; }
.wwiWrap .wwiVideoLink { position:absolute; right:10px; top:36px; }
#scrollBtn { border:medium none; border-radius:50%; bottom:-20px; cursor:pointer; height:48px; position:absolute; right:165px; width:48px; z-index:2; }
#scrollBtn::before { font-size:230%; top:0.3em; }
.wwiWrap .hintsWidget:first-child { margin-top:0; }
.wwiWrap .ancTag { border-radius:2px; background-color:#83381f; color:#fff; font-weight:400; font-size:10px; margin-left:.5em; padding:1px 2px; text-decoration:none; text-transform:uppercase; vertical-align:middle; }
.wwiCollections small { padding:12px 20px }
.wwiExplore .videoModalBtn { background:transparent; border:none; padding:0; position:relative; text-align:center; }
.videoModalBtn .videoPlayBtn { font-size:32px; height:64px; line-height:46px; margin:-56px 0 0 -35px; position:absolute; top:50%; }
.ancBtn.icon.videoPlayBtn:before { margin-left:.25em; }
@media only screen and (max-width:1005px) {
	.wwiHeroSearch br,
	.wwiExplore br { display:none; }
	.wwiExplore { padding-left:20px; padding-right:20px; }
	.wwiHeader h1 { font-size:24px; }
}
@media only screen and (max-width:874px) {
	.wwiHeader { border-bottom:none; height:auto; padding:0; text-align:left; }
	.wwiLogo { position:relative; }
	.wwiHeader h1 { border-top:5px solid #123847; font-size:28px; margin-top:-10px; padding:12px }
	.loggedIn .wwiLogo { background-position-x:21px; width:287px; }
		.wwiCa .wwiHeroSearch { background-image: right -50px bottom; }
		.wwiCa .wwiHeroSearch .greenCircle { right:136px; }
}
@media only screen and (max-width:767px) {
	.wwiHeroSearch,
	.wwiCa .wwiHeroSearch { background-image:none; min-height:0; }
	.wwiHeroSearch .greenCircle { display:none; }
}
@media only screen and (max-width:479px) {
	.wwiHeader h1 { font-size:24px; }
	#wwiTimeline { margin-top:0; }
	#wwiCarousel .carouselSlide { padding:0 10px; }
	.wwiSlideContent { padding:8px 10px 11px; }
	.wwiWrap .wwiMapLink { right:10px; top:6px; }
	#wwiCarousel .carouselSlide { background-size:145.6%; height:auto; padding:41.875% 0 0; }
	.wwiSlideContent { max-width:100%; min-height:0; padding:8px 16px 20px; }
	.carouselControlsDefault .carouselPreviousBtn,
	.carouselControlsDefault .carouselNextBtn { top:25%; }
	#wwiSearch { min-width:0; }
}