/*

	G I A N T'S  G A T E
 	J O U R N E Y S
	v 2.0
	
	Y O H O  [ M E D I U M  P H O N E S ]

*/

/*	[1] B A S E
---------------------------------------------------------------------- */

/*body::before { content:"Yoho : Legacy Phone Media Query (320)"; font-weight:normal; display:block; text-align:center; color:#fff; background:rgba(93,117,159, 0.9); position:absolute; top:0; left:0; right:0; z-index:99; padding:2px 0px; }*/
#frame { text-align:center; overflow:hidden; }

/*	[2] T Y P E
---------------------------------------------------------------------- */

h1 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.875em; color:#FF3700; font-weight:normal; line-height:36px; margin-bottom:6px; }
h2 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1875em; color:#FF3700; font-weight:normal; line-height:24px; margin-bottom:5px; }

/*	[3] L I N K S
---------------------------------------------------------------------- */

#sitemenu { margin:0 auto; min-height:150px; border-bottom:2px solid #BF2900; position:relative; }
#sitelinks a { width:100%; height:28px; padding:14px 0px 2px; color:#FFF; text-decoration:none; display:block; }
#sitelinks a:hover { color:#FFF; }
#sitelinks li:hover { background-color:#FF3700; }

/*	[4] L A Y O U T
---------------------------------------------------------------------- */

#sitemenu .logo { width:100%; height:54px; background:url(/site/templates/graphics/journeys_logo.png) no-repeat center top; background-size:180px 54px; margin:45px 0px 0px; }
#navigator { margin:20px auto 0px; width:209px; display:block; padding:1px; background:url('/site/templates/graphics/frame_navigation.png') bottom no-repeat; margin-bottom:4px; }
#navigator .icon { font-family:"Entypo Custom"; vertical-align:-10%; }
#sitelinks { margin:0px auto; width:209px; }
#sitelinks ul { list-style:none; margin:0 auto; }
#sitelinks li { background:#3E4E6A; margin-bottom:1px; }
#sitelinks li:last-child { margin-bottom:4px; }
#sitelinks p { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:normal; font-style:normal; line-height:12px; margin:0px; }
#sitelinks .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.2em; font-style:normal; vertical-align:-25%; margin-right:6px; }
#toggle { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.5em; font-style:normal; width:60px; background:none; vertical-align:-10%; color:#5D759F; }

#graphis { width:100%; padding:20px 0px; background:url(/site/templates/graphics/background_reference.jpg) center top no-repeat; overflow:visible; border-bottom:1px solid #ccc; margin-bottom:30px; }
#graphis .fullWidth { max-width:180px; margin:0px auto; position:relative; }
#graphis .heroSlider .rsOverflow, .royalSlider.heroSlider { height:140px !important; }
#graphis .rsMinW .rsGCaption { display:none; }
#graphis .infoBlock h3 { text-transform:uppercase; letter-spacing:0.05em; font-size:1em; line-height:1em; }
#graphis .infoBlock p { color:#fff; margin-bottom:0px; line-height:16px; font-size:0.75em; }
#graphis .infoBlock { width:160px; height:50px; position:absolute; left:50%; margin-left:-80px; padding-top:16px; top:90px; background:url(/site/templates/graphics/hm_info_background.png) center top no-repeat; text-align:center; display:block; overflow:hidden; }
#graphis #ribbon1, #graphis .regionBlock, #graphis .dateBlock, #graphis .rsTab, #graphis .rsNavItem { display:none; }
#graphis2 { width:100%; margin-bottom:20px; }
#graphis2 p { display:none; }
#featured { display:none; }

#headline { width:100%px; padding-bottom:20px; border-bottom:1px dashed #ccc; clear:both; margin:30px auto 10px; }
#headline .subtitle img { display:none; }
#reports .heroSlider .rsOverflow, .royalSlider .heroSlider { height:650px !important; }
#reports #latest { position:absolute; left:50%; margin-left:-62px; bottom:8px; }
#reports .slate { width:180px; height:570px !important; margin:0px auto 20px; padding-bottom:10px; border-bottom:1px dashed #ccc; overflow:hidden; display:block; }
#reports .slate img { width:60px; height:auto; float:left; margin-right:10px; }
#reports .slate .slide { width:100%; float:none; padding:5px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#reports .slate .slide h3 { font-size:1em; line-height:1em; margin:8px 0px; }
#reports .slate .slide .tabular { font-size:0.75em; line-height:1.2em; }
#reports .slate .slide .subitem, #reports .slate .divide, #reports .slate .ribbon { display:none; }

#tabbedcontent { width:180px; margin:20px auto 0px; text-align:left; overflow:visible; display:block; }
#tabbedcontent h2 { display:none; }
#tabbedcontent .stagger .highlight { display:block; margin:2px 0px 0px 1px; }
#tabbedcontent .stagger2 .highlight { display:block; margin:2px 0px 0px 1px; }
.tabs-col { width:100%; float:none; padding:0px 5px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.tabs dd a, .tabs li a { color:#6f6f6f; display:block; font-size:12px; height:40px; line-height:40px; padding:0px 12px; }
ul.tabs-content { display:block; margin:20px 0px; padding-top:10px; }
.contextual { display:none; }

#sitefooter { width:248px; margin:0 auto 30px; text-align:center; position:relative; }
#sitefooter nav li { float:left; display:inline; padding:0px 10px; }
#sitefooter nav li:first-child { padding-left:10px; }
#sitefooter h5 { padding-bottom:7px; border-bottom:1px solid #CCC; }
#sitefooter .switch1 { display:none; }
#sitefooter .switch2 { padding-left:25px; display:inline; }
#sitefooter .switch3 { display:inline; }
#sitefooter .gap { margin-right:20px; }
#footnav { margin:0 auto; width:234px; padding-top:5px; }
#footnav p { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; color:#CCC; font-weight:normal; font-style:normal; }

#social { position:absolute; top:96px; left:50%; margin-left:-96px; }
#social .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.5em; font-style:normal; vertical-align:-10%; margin-right:4px; }
#social .long { display:none; }
#social .short { display:inline-block; }
#toolbar { position:absolute; top:132px; left:50%; margin-left:-100px; padding:0 0 7px; border-bottom:1px solid #CCC; }
#toolbar a, #social a { margin-right:6px; }
#toolbar .pw { display:none; }
#copyright { position:absolute; top:202px; left:50%; margin-left:-85px; text-align:center; padding:2px 0px 30px; }
.fb-like.hover { width:180px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }
.popup li div{ position:absolute; z-index:10; top:-42px; right:0px; background:#fafafa; text-align:center; width:0; height:0; overflow:hidden; border:none; }
.popup li:hover div { width:180px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }

/*	[5] M O D U L E S
---------------------------------------------------------------------- */

#hm-articles { width:100%; border-top:1px solid #ccc; padding:20px 0px; text-align:left; float:none; display:block; }
#hm-articles .title { background:url(/site/templates/graphics/hm_articles_background.png) no-repeat; width:165px; text-align:center; padding-top:100px; margin:0px auto 20px; }
#hm-articles .copy h4 { text-align:center; border-top:1px dashed #ddd; padding-top:12px; }
#hm-intro { width:100%; padding:30px 0px; text-align:left; float:none; display:block; }
#hm-intro .title { background:url(/site/templates/graphics/hm_intro_background.png) no-repeat; width:165px; text-align:center; padding-top:100px; margin:0px auto 20px; }

article { width:100%; margin:20px auto 30px; }
#content { width:100%; float:none; padding:0px 5px 20px; text-align:left; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#imgbar { width:100%; float:none; padding:30px 20px; text-align:left; border-top:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#imgbar .photo { width:160px; float:left; margin:0px 10px 10px 0px; }
#sidebar { width:100%; float:none; padding-top:30px; text-align:left; border-top:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sidebar img { width:198px; margin:0 auto; display:block; }
.division1 { width:100%; float:none; display:block; }
.division2 { width:100%; float:none; display:block; }

#tabbedcontent.reportextras{ display:none; }

#gallery { width:100%; margin:15px auto; text-align:left; clear:both; }
#gallery h3 { line-height:18px; text-transform:uppercase; padding-bottom:15px; margin:16px 0px 12px; border-bottom:1px dashed #ddd; text-align:center; font-size:1em; font-family:'DIN'; }
#gallery .slide { width:95px; float:left; padding-top:8px; min-height:200px; text-align:left; margin-right:9px; position:relative; }
.gallery-wrapper { overflow:hidden; display:block; }

#galleria { width:100%; margin:0px auto; padding-top:10px; text-align:left; clear:both; }
#galleria .photo { width:194px; min-height:240px; margin-right:0px; float:none; text-align:center; }
#galleria .photo img { width:190px; height:auto; margin-bottom:10px; }
#galleria .photo .title { width:180px; margin:0px auto; display:block; font-family: "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#666; line-height:18px; margin-bottom:6px; }
#galleria .photo .source { width:100%; border-top:1px dashed #ddd; padding-top:6px; font-size:0.75em; }

#category { width:100%; margin:0px auto; padding-top:30px; text-align:left; clear:both; }
#category .slide { width:95px; float:left; padding-top:8px; min-height:240px; text-align:left; margin-right:9px; position:relative; }
#category .slide img, #gallery .slide img { width:95px; height:auto; }
#category .ribbon { display:none; }

#closer { width:100%; overflow:visible; padding-top:30px; border-top:1px solid #ccc; text-align:center; clear:both; }
#return { width:100%; min-height:40px; margin:0px auto; display:block; clear:both; padding-top:12px; border-top:1px solid #ddd; text-align:center; margin:0px auto; }

#contact { width:100%; margin:30px auto; padding:0px 0px 30px; border-bottom:1px solid #ddd; text-align:left; display:block; overflow:hidden; }
#contact .input-text { width:197px; padding:3px 5px; border:1px solid #ddd; background:#fff; color:#666; margin-bottom:10px; font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#contact .input-textarea { width:191px; height:100px; padding:3px 8px; border:1px solid #ddd; background:#fff; color:#666; font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#messenger { width:100%; float:none; border-right:1px solid #ddd; }
#letter { width:100%; float:none; }
#submission { width:100%; padding:30px 0px; clear:both; text-align:center; }

/*	[6] U T I L I T Y
---------------------------------------------------------------------- */

.roof { padding-top:20px; border-top:1px solid #ddd; }
.subtitle img { width:175px; height:24px; vertical-align:text-top; margin:0px auto; display:block; }