Custom CSS - January 7, 2015, 10:35 am

YHA Contact Centre Hours

Monday - Friday: 8am - 6pm
Saturday: 9am - 5pm
Sundays: Closed
Bank Hols: 10am - 4pm

  • Take a Tour!

    Visit some of our hostels... virtually!

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

.yha_custom_styles {display:block} .yha_custom_styles_remember_to_prefix {display:block} p.yha_custom_first_para { font-weight: bold; color: #8f1c1f; font-size: 2em;} /* Hostel Facility Section */ .yha_custom_FacilityBox { background: none repeat scroll 0 0 #e3ecf3; padding: 0 18px; } ul.yha_custom_TickedList { margin: 0; } ul.yha_custom_TickedList li { background: url("https://www.yha.org.uk/sites/default/files/imagecache/emails/green-tick_0.png") no-repeat; color: #2c77b8; font-size: 1.2em; font-weight: bold; line-height: 24px; margin: 10px 0; padding-left: 24px; background-position: 0 5px;} /* Hostel Virtual Tour Section */ #yha_custom_virtualTouriframe { visibility:hidden; } .yha_custom_virtualTour { clear: left; float: left; height: auto; min-height: 400px; left: 15px; margin: 0; padding-bottom: 15px; position: relative; width: 73%; padding-right: 5.8%; } .yha_custom_virtualTour a { width: 700px; height: 400px; position: absolute; } .yha_custom_virtualTourRooms a { float: left; margin: 5px; } .yha_custom_virtualTourRooms { height: 25px; margin: 22px auto 0; width: 100%; } .yha_custom_virtualTourRooms .yha_custom_vtRoomButton { background-attachment: scroll; background-clip: border-box; background-color: #2273ba; background-image: linear-gradient(to bottom, #2273ba 0%, #005694 100%); background-origin: padding-box; background-position: 0 0 !important; background-repeat: repeat; background-size: auto auto; border-radius: 10px; color: #fff; display: inline-block; font-family: arial; font-size: 1.2em; font-weight: bold; height: auto; margin-bottom: 7px; padding: 5px 15px; text-indent: 0; text-transform: uppercase; width: 18%; } .yha_custom_virtualTourRooms .yha_custom_vtRoomButton a { color: #fff; text-align: center; width: 100%; margin: 5px 0;} .yha_custom_virtualTourRooms .yha_custom_vtRoomButton a:hover { color: #FFF; } /* Hostel Rural Menu */ .yha_custom_menuIcon { margin: 20px 10px 10px; } img.yha_custom_menuIconRural { margin-bottom: 15px; margin-left: 10px; } img.yha_custom_menuIconPDF { float: left; padding-right: 5px; } p.yha_custom_menuIconText { font-size: 1em; margin-top: 6px; color: #449539; } /* Images */ img.yha_custommarginRight10 { margin-right: 10px; } img.yha_custom_headerImg { margin: 0 auto; width: 99%; } .blog_entry_image {width: 100%; margin: auto;} input#yha_custom_printBtn { background-image: url('https://www.yha.org.uk/sites/default/files/imagecache/emails/printer_page_0.png'); backgroud: no-repeat #FFF; width:32px; height: 32px; border: none;} ul.yha_custom_social { margin: 0 auto !important; width: 59%; } .nonBookableInfo { width: 203px !important; margin: 0; text-align: left; } #book-form-book-button p.mhm { width: 185px; } #book-form-book-button p.mhm a.learn_more.learn_more_small.primary_accent br { display: none;} /*Buttons */ .yha_custom_buttonGreen { background: #439539; background-image: -ms-linear-gradient(top, #439539 0%, #61A536 100%); background-image: -moz-linear-gradient(top, #439539 0%, #61A536 100%); background-image: -o-linear-gradient(top, #439539 0%, #61A536 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #439539), color-stop(1, #61A536)); background-image: -webkit-linear-gradient(top, #439539 0%, #61A536 100%); background-image: linear-gradient(to bottom, #439539 0%, #61A536 100%); border-radius: 10px; height: auto; padding: 8px 15px; text-align: center; } .yha_custom_buttonGreen a, .yha_custom_buttonBlue a { color: #fff; font-size: 1.2em; font-weight: bold; text-align: center; text-transform: uppercase; } .yha_custom_buttonBlue { background-attachment: scroll; background-clip: border-box; background-color: #2273ba; background-image: linear-gradient(to bottom, #2273ba 0%, #005694 100%); background-origin: padding-box; background-position: 0 0 !important; background-repeat: repeat; background-size: auto auto; border-radius: 10px; color: #fff; font-family: arial; font-size: 12px; font-weight: bold; height: auto; padding: 8px 15px; text-align: center; text-indent: 0; text-transform: uppercase; width: auto; } /* Live More Pages */ #yha_liveMoreColumns { overflow: hidden; margin: 10px auto; } #yha_liveMoreColumns .col { width: 27.9%; padding: 1% 2.15% 99999px; float: left; margin-bottom: -99999px; padding-bottom: 99999px; color: #111; text-align: center; } #yha_liveMoreColumns .firstBox { margin-left: 0%; } #yha_liveMoreColumns .secondBox { margin-left: 1.7%; } #yha_liveMoreColumns .thirdBox { margin-left: 1.7%;} #yha_liveMoreColumns p { margin-bottom: 30px; } /* Bottom padding on the column doesn't work */ #yha_liveMoreColumns .col h2.h4 { color: #323133; font-size: 1.4em; line-height: 1.4em; } #yha_liveMoreColumns p { text-align: left; margin-bottom: 10px !important; } #yha_liveMoreColumns .col p.date { font-size: 0.9em; font-style: italic; margin-top: 0;} #yha_liveMoreColumns .col img{ width: 100%; height: 120px; margin: 8px auto; border: 1px solid #FFF; float: none; clear: both; } #yha_liveMoreColumns .col .liveMoreButton{ border: 1px solid #222222; border-radius: 8px; margin: 10px auto; padding: 8px 15px; text-align: center; width: 56%; } #yha_liveMoreColumns .col .liveMoreButton a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #222; } .livemoreSocial { float: right; width: 57.5%; text-align: center; } .livemoreSocial ul { float: left; margin-right: 0; margin-top: 0; margin-bottom: 5px; } .livemoreSocial img, .livemoreSocial ul li { margin-right: 2px; display: inline-block; } .livemoreSocial ul li.last { margin-right: 0; } .livemoreSocial ul li.last img { margin-right: 0; } .livemoreRow { margin: 10px auto; display: block; clear: both; max-width: 614px; width: 100%; } .livemoreRow img{ width: 100%; } .liveMoreHalf { display: inline-block; } /*Custom Blogs*/ .blackSailImages { width: 100%; margin: 0 auto 10px; } .blackSailImages img {width: 31%; float: left;} .georgeQuote { width: 44%; float: left; } #brightonBlogContent { margin: 0 10px; } #brightonBlogContent h2.h4 { font-size: 1.5em; margin-left: 0; } #brightonBlogContent .widthFull { width: 100%; float: left; clear: left; } #brightonBlogContent .widthHalf { width: 49%; float: left; } #brightonBlogContent .firstItem { margin-right: 2%; } #brightonBlogContent .brightonEvent { margin-bottom: 8px; height: auto; } #brightonBlogContent .brightonEvent h3 { font-family: 'StagSemiBold', arial, serif; font-size: 2.2em; margin-bottom: 0; margin-left: 14px; } #brightonBlogContent .brightonEvent h3 a { color: #FFF; } #brightonBlogContent .brightonEvent p { color: #FFF; font-size: 1.2em; line-height: 1.11em; margin-left: 14px; } #brightonBlogContent .brightonEvent p.dateLocation { font-size: 1.1em; font-style: italic; margin-top: 0; margin-left: 14px; } #brightonBlogContent .brightonEvent .moreInfoButton { border: 1px solid #fff; border-radius: 10px; float: right; margin: 0 10px 14px; padding: 8px 15px; } #brightonBlogContent .brightonEvent .moreInfoButton a { color: #fff; font-family: arial,serif; font-size: 1.2em; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #brightonBlogContent .widthFull img { border: 1px solid #fff; width: 46%; margin: 10px; } #brightonBlogContent .widthFull img.alignLeft { float: left; } #brightonBlogContent .widthFull img.alignRight { float: right; } #brightonBlogContent .widthHalf img.alignMiddle { float: none; margin: 10px auto; width: 94%; } .brightonEventsInfo p { margin-left: 0; margin-top: 20px; } /*Mobile Optimisation */ @media screen and (max-width: 992px) { #liveMoreContent img { max-width: 100% !important; } #yha_liveMoreColumns .col { width: 95% !important; margin: 2% auto; float: none; padding: 1% 2.15%; } ul.liveMoreNewsItems li.last { margin-right: auto; } .livemoreViewBtn { width: 95% !important; margin: auto; } .livemoreSocial { margin-top: 20px; } .livemoreSocial img{ clear: both; display: block; float: none; margin: 8px auto; } .livemoreSocial ul { float: none; margin: 0 20px; } .livemoreSocial ul li { display: inline-block; float: none; } #yha_liveMoreColumns .col img { height: auto; } .liveMoreHalf { display: block; width: 100%; margin: 10px auto; } .livemoreRow img { width: 100% !important; } .livemoreRow .right { float: none; } } @media screen and (max-width:670px) { img.yha_custom_blogBodyImages { width: 100%; margin: auto; height: auto; } .yha_custom_buttonGreen { padding: 3% 2%; width: 90% !important; } .georgeQuote { width: 70%; } #brightonBlogContent .widthHalf { width: 100%; clear: both; } #brightonBlogContent .widthFull img { float: none !important; margin: 10px auto; width: 94%; } #brightonBlogContent .brightonEvent p { text-align: center; } #brightonBlogContent .brightonEvent .moreInfoButton { float: none; margin: 10px auto; width: 28%; text-align: center; } }

Pssst.... Get secret deals, voucher codes and YHA updates direct to your inbox

We respect your email privacy and will only email you about YHA's latest news, special offers, campaigns and appeals, including the great work we do as a charity for young people. Check out our Privacy Policy.

Please insert a valid E-mail address

Thank you.

Keep an eye out for our email in the coming days

Close

Share this

Close

Interested in