Custom CSS - September 23, 2015, 10:52 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;} /* Dan Alterations */ a:link { -webkit-tap-highlight-color: Transparent; } #search-results .search-snippet { word-wrap: break-word; } .primary_nav .expanded .menu { width: 255px; } .navi { width: 100%; background-color: rgba(0, 0, 0, 0.3); bottom: 0 !important; } #rotating_banner .carousel .navi a { margin: 5px; } #highlight2015 { pointer-events: none; text-decoration: none; cursor: default; } .facilities_icons abbr.no_icon { margin: 0 5px 0 0; } #user-register #location-shortform-wrapper { padding-left: 0; margin-bottom: 0;} #user-register #edit-selected-location-visible-wrapper { padding-left: 0; margin-bottom: 0; } #user-register .sfa-search-location-input { padding-right: 0; font-size: inherit; height: auto; width: 100% !Important;} #user-register #location-shortform { padding-right: 0; font-size: inherit; height: auto; width: 100%; } #user-register #sitesearch .form-submit { top: 35px; right: 25px;} #user-register .header_tools_panel .selected-location-container input[type="text"] { background-position: 95% 10px !Important; } #user-register .register_stayintouch_block { margin-left: 0; margin: 0 10px 10px 10px; } #user-register #edit-name.empty { background-image: none; background-color: #FFF; } #user-register #edit-profile-ecrm-country { width: 130px; } #user-register .register_mod .inner { min-height: 220px; } #user-register .mll { margin-left: 0; margin: 10px; } #user-register .mod .inner { min-height: 315px; } #user-register input[type=text], #user-register input[type=password] { width: 50%; } #user-register input#edit-pass-pass1 { width: 53%; } #user-register #edit-pass-pass2 { width: 53%; } @media (max-width: 992px) { #user-register #edit-pass-pass1-wrapper, #user-register #edit-pass-pass2-wrapper { width: 96%; } #user-register #edit-pass-pass1 { width: 50% !Important; } #user-register #edit-pass-pass2 { width: 50% !Important; } } @media (max-width: 767px) { #user-register .register_mod, .register_stayintouch_block { margin-right: 0 !important; } #user-register .mod .inner { min-height: auto; } #user-register #edit-pass-pass2, #user-register #edit-pass-pass1 { width: 52% !Important; } } /* Homepage */ .yha_custom_bookDirect { border: solid 2px #005694; background: #FFF;} .yha_custom_charityBoy { background: url('/sites/default/files/sky.jpg') no-repeat; background-position: left top; position: relative; overflow: hidden; } .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; } .yha_custom_charityBoy ul.charityBoyLinks li a { color: #fff; font-weight: bold; text-shadow: 1px 1px 0px #777; } .yha_custom_charityBoy { color: #fff; font-weight: bold; text-shadow: 1px 1px 0px #777; } .charityKidsImg img { width: 61%; position: absolute; right: -7%; bottom: 0;} .yha_custom_membership { background: url('/sites/default/files/passport_background_v3.jpg') no-repeat; background-size:100%;} .yha_custom_wifi { background: url('/sites/default/files/wi-fi_background.jpg') no-repeat; background-position: center bottom; padding-bottom: 5px !important; background-size: 100%; } .yha_custom_wifi img { margin: 0 auto; width: 35% !important; } .yha_custom_homeTable .col.yha_custom_membership { padding-left: 0; } .yha_custom_membership h3.h4 { background: #004814; padding: 15px; color: #fff; font-size: 3.3em; letter-spacing: 1px; font-family:'Stag', arial, sans-serif; text-align: left; line-height: 1.2em; margin-left: 0; } /* Footer */ .yha_custom_secure_payment { width: 100%; } .yha_custom_secure_payment .digicert { width: 50%; float:left; margin-top:-10px } /* 40% */ .yha_custom_secure_payment .cardimages { width:49%; float:left; } /*55% */ .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; } /*Hostel Social Links */ ul.hostelSocialMedia { margin: 0; } ul.hostelSocialMedia li { display: inline-block; margin-right: 3px; } /* 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; } .yha_custom_width30 { width: 31%; 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 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: 15px; } ul.charityBoyLinks li { background: url('https://www.yha.org.uk/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; } .yha_custom_charityBoy h4.h4 {color: #FFF; font-size: 1.7em; font-style: italic; margin-top: 15px; } .yha_custom_charityBoy p { color: #FFF; } /* Camping and Cabins Main Page */ #yha_custom_CampingColumns, #yha_custom_GreyColumns { overflow: hidden; margin: 15px auto; position: relative; padding: 10px; padding-bottom: 0; } #yha_custom_CampingColumns .double, #yha_custom_CampingColumns .col, #yha_custom_GreyColumns .double, #yha_custom_GreyColumns .col { padding: 0 0 99999px; float: left; margin-bottom: -99999px; padding-bottom: 99999px; color: #111; text-align: left; } #yha_custom_CampingColumns .double, #yha_custom_GreyColumns .double { width: 65.4%;} #yha_custom_GreyColumns .full { width: 100%;} #yha_custom_CampingColumns .col, #yha_custom_GreyColumns .col { width: 31%; background: #e9e8eb; } #yha_custom_CampingColumns .firstBox, #yha_custom_GreyColumns .firstBox { margin-left: 0%; } #yha_custom_CampingColumns .secondBox, #yha_custom_CampingColumns .thirdBox, #yha_custom_GreyColumns .secondBox, #yha_custom_GreyColumns .thirdBox { margin-left: 3.4%; } #yha_custom_CampingColumns a:hover, #yha_custom_GreyColumns a:hover {color: #111; } #yha_custom_CampingColumns .triangle-right, #yha_custom_GreyColumns .triangle-right { border-bottom: 0.4em solid transparent; border-left: 0.55em solid #111; border-top: 0.4em solid transparent; float: left; height: 0; margin-bottom: 0; margin-top: 0; padding-right: 7px; padding-top: 0; width: 0; } #yha_custom_CampingColumns p, #yha_custom_GreyColumns p { margin-bottom: 30px; color: #111; } #yha_custom_CampingColumns .burst-12, #yha_custom_GreyColumns .burst-12 { background: #1a8b30; width: 50px; height: 50px; position: absolute; text-align: center; } #yha_custom_CampingColumns .burst-12:before, #yha_custom_GreyColumns .burst-12:before, .burst-12:after { content: ""; position: absolute; top: 0; left: 0; height: 50px; width: 50px; background: #1a8b30; } #yha_custom_CampingColumns .burst-12:before, #yha_custom_GreyColumns .burst-12:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); } #yha_custom_CampingColumns .burst-12:after, #yha_custom_GreyColumns .burst-12:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); } #yha_custom_CampingColumns .burst-12 p, #yha_custom_GreyColumns .burst-12 p { color: #fff; font-family: 'stagsemibold', arial, serif; letter-spacing: 1px; margin: 15px auto; position: relative; text-align: center; z-index: 1000; font-size: 1.5em; } #yha_custom_CampingColumns .col .burst-12, #yha_custom_GreyColumns .col .burst-12 { width: 40px; height: 40px; top: 2%; } #yha_custom_CampingColumns .col .burst-12:before, #yha_custom_GreyColumns .col .burst-12:before, .col .burst-12:after { width: 40px; height: 40px; } #yha_custom_CampingColumns .col .burst-12 p, #yha_custom_GreyColumns .col .burst-12 p { font-size: 1.2em; margin: 12px 0;} #yha_custom_CampingColumns .double .burst-12, #yha_custom_GreyColumns .double .burst-12 { left: 60%; } #yha_custom_CampingColumns .col.firstBox .burst-12, #yha_custom_GreyColumns .col.firstBox .burst-12 { left: 28%; } #yha_custom_CampingColumns .col.secondBox .burst-12, #yha_custom_GreyColumns .col.secondBox .burst-12 { left: 61%; } #yha_custom_CampingColumns .col.thirdBox .burst-12, #yha_custom_GreyColumns .col.thirdBox .burst-12 { left: 93%; } /* New Activity Pages */ #yha_custom_GreyColumns .col h3 { margin: 10px 20px; } #yha_custom_GreyColumns .col p { margin-left: 20px; margin-right: 20px; } #yha_custom_GreyColumns .col p.linkDefault { color: #449539; } h3.alternativeActivityH3 { margin-top: 35px; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities { margin-top: 0; padding-top: 0; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities .col { margin-bottom: 20px; padding-bottom: 0; background: #becf00; overflow: hidden; padding-top: 20px; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities h4 { width: 37%; color: #FFF; display: inline; margin: 10px 0 10px 20px; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities .col p { color: #FFF; margin: 10px 0 10px 20px; width: 46%; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities .col a { color: #fff; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities .col img.yha_custom_width200 { width: 150%; } #yha_custom_GreyColumns.group.group.row2.alternativeActivities .col .yha_custom_width40 { border: 5px solid #fff; border-radius: 50%; display: inline; left: 29%; margin-bottom: -1%; margin-top: -53%; overflow: hidden; padding-right: 20%; position: relative; width: 50%; } /* 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; } /* TOP NAVIGATION BAR */ .site_nav_links li a { line-height: 48px; } .otherSiteLinks li { line-height: 48px; background-position: right 21px; } .otherSiteLinks ul { padding-top: 5px; } /* DAN Homepage */ /* Membership/Free Wifi */ .leftad, .rightad { float: left; background-image: url('/sites/default/files/yhamembers-new.jpg'); background-size: cover; padding-bottom: 14%; width: 49.6%; position: relative; } .rightad { float: right; background-image: url('/sites/default/files/Free-Wifi-New.jpg'); background-size: cover; } .topads { min-height: 140px; margin: 7px 10px 0; } .subject { position: absolute; bottom: 0; right: 0; width: 100%; background-color: rgba(0, 0, 0, 0.3); text-align: right; } p.selectedhostels a { padding: 0; margin: 1px; color: #FFF; } p.selectedhostels { padding: 0; margin: 1px; color: #FFF !important; } @media (max-width: 767px) { div[class^="menu-block-"] ul.menu li { float: left; width: 100%; } p.selectedhostels { text-align: right; } .leftad, .rightad { padding-bottom: 25%; } .topads { min-height: 0; } .leftad, .rightad { width: 100%; margin: 5px 0 5px 0; } } /* END Membership/Free Wifi */ /* Hostel of the week */ .yha_custom_hotw-text { float: left; width: 45%; } .yha_custom_hotw-pict { float: right; width: 45%; } .yha_custom_hotw-view { } p.view { padding: 10px; } p.view a { font-size: 1.2em; color: #FFF; text-transform: uppercase; font-weight: bold;} .shadow { position: relative; } .shadow:before, .shadow:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .shadow:after { left: auto; right: 10px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .yha_custom_hotw-pict img { width: 100%; } .yha_custom_hotw-view { width: 50%; text-align: center; border-radius: 7px; background-color: #2273ba; background-image: linear-gradient(to bottom, #2273ba 0%, #005694 100%); margin: 10px;} .yha_custom_view { padding: 10px; color: #fff; } @media (max-width: 767px) { .yha_custom_hotw-text, .yha_custom_hotw-pict { width: 100%; } p.view { text-align: center !important; } .yha_custom_hotw-view { width: 100%; margin: 0; } .yha_custom_hotw-con { padding: 10px 10px 15px; display: inline-block; } } /* End HOTW */ /*Mobile Optimisation */ @media screen and (max-width: 992px) { .primary_nav ul.menu li.livemoreyha ul.menu { width: 95%; } } @media screen and (max-width: 768px) { #spotlight_promote { margin: 10px; } #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, .yha_custom_charityBoy h4.h4 { text-align: left; } #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_membership .yha_custom_width30 { width: 90%; margin: 10px auto !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_CampingColumns .col, #yha_custom_GreyColumns .col { width: 90%; clear: both; float: none; margin-left: auto; margin-right: auto; } #yha_custom_CampingColumns .double, #yha_custom_GreyColumns .double, #yha_custom_GreyColumns .full { width: 90%; clear: both; float: none; margin-left: auto; margin-right: auto; } #yha_custom_CampingColumns .double .burst-12, #yha_custom_CampingColumns .col.secondBox .burst-12, #yha_custom_CampingColumns .col.firstBox .burst-12, #yha_custom_CampingColumns .col.thirdBox .burst-12, #yha_custom_GreyColumns .double .burst-12, #yha_custom_GreyColumns .col.secondBox .burst-12, #yha_custom_GreyColumns .col.firstBox .burst-12, #yha_custom_GreyColumns .col.thirdBox .burst-12 { left: 93%; } #yha_custom_CampingColumns .burst-12, #yha_custom_GreyColumns .burst-12 { position: relative !important; top: 30px !important; } #yha_custom_CampingColumns .col .burst-12, #yha_custom_GreyColumns .col .burst-12 { width: 50px; height: 50px; top: 15%; } #yha_custom_CampingColumns .col .burst-12:before, .col .burst-12:after, #yha_custom_GreyColumns .col .burst-12:before, .col .burst-12:after { width: 50px; height: 50px; } #yha_custom_CampingColumns .burst-12 p, #yha_custom_CampingColumns .col .burst-12 p, #yha_custom_GreyColumns .burst-12 p, #yha_custom_GreyColumns .col .burst-12 p { font-size: 1.5em; top: 15px; } #yha_custom_CampingColumns .mobilePadding, #yha_custom_GreyColumns .mobilePadding { padding-top: 1%; } .charityKidsImg img { width: 38% !important; right: 0 !important; } } @media screen and (max-width: 480px) { img.yha_custom_mobileImg { float: none !important; margin: auto !important; } ul.charityBoyLinks { margin-bottom: 0; } .yha_custom_secure_payment .cardimages ul li img { width: 18% !important; } }

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