Custom CSS - February 23, 2015, 8:56 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;} /* Homepage */ .yha_custom_bookDirect { border: solid 2px #005694; background: #FFF;} .yha_custom_charityBoy { background: url('/sites/default/files/bg_charity_boy_half_v2.png') no-repeat -129% bottom #1d8e44; background-size: 78%; } .yha_custom_homeTable { display: table; border-collapse: separate; border-spacing: 7px 0; margin: 40px auto 0; } .yha_custom_homeTable .row { display: table-row; } .yha_custom_homeTable .col { display: table-cell; padding: 1.6%; width: 48%; vertical-align: top; } /* Footer */ .yha_custom_secure_payment { width: 100%; } .yha_custom_secure_payment .digicert { width: 40%; float:left; margin-top:-10px } .yha_custom_secure_payment .cardimages { width:55%; float:left; } .yha_custom_secure_payment .cardimages ul { margin: 0; } .yha_custom_secure_payment .cardimages ul li img { width: 29% !important; float: left; padding: 2%; } footer.blank_footer .social ul li a { height: 29px; text-indent: -9999px; text-transform: uppercase; width: 29px; background: none; display: inline; } footer.blank_footer .social ul li { margin-bottom: 5px; } .column.hostelling.links { clear: both; } footer.blank_footer .column.links { width: 31%; } /* 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%; text-align: center; } .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;} img.yha_custom_width30 { width: 31%; height: auto; } img.yha_custom_width50 { width: 50%; height: auto; } img.yha_custom_width100 { width: 100%; height: 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; } /*Generic Promo Box */ .yha_custom_promo_box { border: solid 3px #becf00; border-radius: 5px; margin: 15px auto; padding: 15px; } .yha_custom_width50 { width: 50%; height: auto; } p.yha_custom_title { font-weight: bold; color: #1a8b30; margin-top: 0; } p.yha_custom_promo_code { border: 2px solid #becf00; border-radius: 5px; color: #1a8b30; font-family: Lucida Console,Monaco,monospace; font-size: 1.4em; letter-spacing: 1px; padding: 5px 8px; text-align: center; } /* 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; width: 49%; } /*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; } /*Best Price Guarantee */ ul.bookDirectReasons { margin: 25px 0; } ul.bookDirectReasons li { background: url('/sites/default/files/sketch_tick_0.jpg') no-repeat; height: 28px; font-family: Arial; font-size: 1.2em; font-weight: 200; color: #333; padding: 5px 0 5px 55px; } /*Chraity Boy */ ul.charityBoyLinks { margin: 14px 0 0 56%; } ul.charityBoyLinks li { background: url("/sites/default/files/icon_link_arrow_1.png") no-repeat; font-family: Arial; font-size: 1.2em; font-weight: 200; height: 20px; padding: 1px 0 6px 17px; } ul.charityBoyLinks li a { color: #FFF; } .yha_custom_charityBoy h3.h4 {color: #FFF; font-style: italic; letter-spacing: 1px; font-size: 2.5em; margin-left: 33%; width: 60%; text-align: center;} .yha_custom_charityBoy h4.h4 {color: #FFF; font-size: 1.7em; font-style: italic; margin-left: 53%; } .yha_custom_charityBoy p { color: #FFF; margin-left: 50%; text-align: center; } /* Custom Activity Pages */ #newsletter-activirty-archive {margin: 40px 10px;} #newsletter-activirty-archive p { margin: 0; } #newsletter-activirty-archive-boxes { width: 100%; margin: 30px 0 0 10px; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container { width: 29%; margin: 0 1.5% 3% !important; display: inline-block; vertical-align: top !important; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container img { margin: auto; padding: 0; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container p { text-align: justify; margin: 10px 0;} #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container ul li p { margin: 0; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box { width: 100%; height:auto; margin: 0 0 5px 0; border: 0; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-inner { width: 100%; height: auto; margin: 0; border: 0; padding: 0; overflow: hidden; text-align: center; } /*Mobile Optimisation */ @media screen and (max-width: 768px) { #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; } .yha_custom_charityBoy h3.h4 { width: 98% !important; margin-left: 0 !important; } .yha_custom_charityBoy p { margin-left: 34%; } #virtual-tour-wrapper .yha_custom_virtualTourRooms { text-align: center; } #virtual-tour-wrapper .yha_custom_virtualTour { width: calc() !important; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container { width: 95% !important; padding-top: 3%; border-top: solid 1px #111; } #newsletter-activirty-archive-boxes .newsletter-activirty-archive-box-container p { text-align: center; } } @media screen and (max-width:640px) { .yha_custom_homeTable { display: block; } .yha_custom_homeTable .row { display: block; } .yha_custom_homeTable .col { display: block; } .yha_custom_homeTable .col.yha_custom_bookDirect { margin-bottom: 3%; } .yha_custom_homeTable .col { width: 90%; margin: 10px auto; } .yha_custom_bookDirect .right { float: none !important; } .yha_custom_charityBoy { background: url('/sites/default/files/bg_charity_boy_half_v2.png') no-repeat -27% bottom #1d8e44; background-size: 46%; } .yha_custom_charityBoy h3.h4 { margin-left: 20% !important; width: 60% !important; } .yha_custom_charityBoy p { margin-left: 25% !important; } img.yha_custom_blogBodyImages { width: 100% !important; margin: auto auto 1% !important; 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; } .yha_custom_charityBoy h4.h4 { width: 98% !important; margin-left: 0 !important; } ul.charityBoyLinks { margin-left: 35% !important; } } @media screen and (max-width: 480px) { img.yha_custom_mobileImg { float: none !important; margin: auto !important; } ul.charityBoyLinks { margin-bottom: 0; } .yha_custom_charityBoy h3.h4 { width: 98% !important; margin-left: 0 !important; } .yha_custom_charityBoy p { margin-left: 20% !important; } } @media screen and (max-width: 420px) { .yha_custom_charityBoy p { margin-left: 0% !important; margin-right: 0px; } background: url('/sites/default/files/bg_charity_boy_half_v2.png') no-repeat -17% bottom #1d8e44; background-size: 39%; } }

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