@import url("foundation-prefixed-grid-only.css");.language{float:right;margin:0;padding:0;} .language .language-object span{float:right;padding:5px 8px;margin:0 0 0 5px;border-radius:100%;box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);-moz-border-radius:100%;-webkit-border-radius:100%;background-color:#fff;} .language .language-object span img{height:12px;width:17px;opacity:0.4;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);} .language .language-object span:hover img{opacity:1;} .language .language-object .Language.selected img{opacity:1;border-color:#222;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8);box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8);filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(0%);} header.colored.flat-menu.darken-top-border div.search, header.clean-top.center div.search{margin-bottom:0;} #login{float:right;margin:0;} #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup *{display:block;} #login .registerGroup, #login .loginGroup{float:left;padding:0;margin:0;} #login .registerGroup li:first-child:hover{border-left:#222;} #login .registerGroup li{float:left;} #login .registerGroup .buttonGroup{margin:0;padding:0 0 0 10px;} #login .registerGroup a, #login .loginGroup a, #login a.SkinObject, #login a.LoginLink{position:relative;font-size:11px;text-transform:uppercase;} #login .registerGroup a{height:32px;padding:10px 16px;line-height:16px;} #login a.SkinObject, #login a.LoginLink{padding:7px 14px;} #login .userMessages a:hover, #login .userNotifications a:hover{background:#666;} #login .userDisplayName a:hover, #login .loginGroup a:hover{color:#000} #login .registerGroup a:hover, #login .loginGroup a:hover{text-decoration:none;} #login .registerGroup a strong, #login .loginGroup a strong{display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;font-size:11px;text-indent:-9999px;} #login .userMessages a, #login .userNotifications a{background-color:#ccc;} #login .userMessages a{margin-right:5px;} #login .userProfileImg img, #login .registerGroup a, #login .loginGroup a, #login a.SkinObject, #login a.LoginLink{border-radius:20px;} #login .userMessages strong{height:100%;background:url('Resources/img/icon_message.png') no-repeat center center;} #login .userNotifications strong{height:100%;background:url('Resources/img/icon_notification.png') no-repeat center center;} #login .registerGroup a span{display:inline-block;position:absolute;right:2px;top:-9px;min-width:7px;margin-right:3px;background:rgb(59,150,182);text-align:center;font-size:11px;color:#fff;text-shadow:0px 1px 0px #333333;} #login .registerGroup .userProfileImg a{min-width:25px;min-height:32px;padding:0;background:none;} #login .registerGroup a img{height:32px;width:32px;background:#333;} #login .userMessages a span, #login .userNotifications a span{display:inline-block;margin-top:9px;margin-right:0px;background-color:transparent;font-size:10px;} .layout_trigger{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:-2;background-size:cover;} .body .dnnSortable{min-height:0px !important;} .body .dnnDropEmptyPanes{min-height:110px !important;outline:1px dashed #ccc !important;} .body ul.dnnAdminTabNav, .body ul.dnnActions, #dnnModuleDigitalAssetsBreadcrumb ul{padding-left:0;} .body ul.dnnAdminTabNav li{line-height:normal;} header.flat-menu.clean-top div.social-icons, header.colored.flat-menu div.social-icons, header.clean-top.center div.social-icons{float:left;margin:0;clear:none;} header.flat-menu.clean-top .header-top div.container, header.colored.flat-menu .header-top div.container, header.clean-top.center .header-top div.container{padding-top:10px;padding-bottom:10px;} #ControlBar, div.body .mdMemberList * , div.body .dnnDropDownList .selected-item a, .dnnDocumentViewerBackground div, #dnnModuleDigitalAssetsMainToolbar, #dnnModuleDigitalAssetsSelectionToolbar{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .icon-search{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;} .DnnModule{z-index:inherit !important;} .console{width:250px;height:auto;background-color:#484848;} .console-none div{cursor:pointer;cursor:hand;float:left;height:auto;width:250px;padding:0px;margin:0px;text-align:left;} .console-none h3{padding:10px 8px 10px 40px;margin:0;border-bottom:solid 1px #fff;background:url('Resources/img/arrow_2.png') 18px center no-repeat;color:#eee;font-size:13px;line-height:1;font-weight:bold;} .console-none div div{display:none;} .console-mouseon{background-color:#70b1c7;} #UserProfileImg img{width:100px;height:auto;border:solid 3px #fff;} .UserProfileControls ul{margin:15px 0;padding:0;} .UserProfileControls ul li{list-style-type:none;margin-bottom:3px;} blockquote p{font-style:normal;font-family:"Open Sans",Arial,sans-serif;} .dnnEditState .DnnModule{opacity:1;} .DNNEmptyPane{width:auto;} .dnnFormMessage{max-width:100%;} .btn-primary:visited, .btn-primary:visited:hover{color:#fff;} .quickTripSearchSubmitButton{margin-top:14px;} .headerCallToAction{padding:7px 0 0 0;font-size:22px;color:#005695;float:right;font-weight:bold;} @media only screen and (min-width:0px) and (max-width:479px){.LoginPanel{width:100%;padding:0;} .dnnLoginService input[type="text"], .dnnLoginService input[type="password"]{min-width:100%;width:100%;} .dnnFormItem > label.dnnFormLabel, .dnnLabel{width:auto;} div.dnnRegistrationForm{min-width:100%;width:100%;} .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea{max-width:100%;width:100%;} .dnnFormMessage{max-width:100%;} div.dnnRegistrationForm .dnnForm{width:100%;} .headerCallToAction{display:none;} } .responsiveImage{width:100%;height:auto;} .custom-combobox.admin-combobox .form-control.admin-combobox-input.custom-combobox-input { width: calc(100% - 27px); display: inline-block; } .custom-combobox.admin-combobox .ui-button-icon-primary.ui-icon.ui-icon-triangle-1-s { margin: 5px 0 0 5px; } .custom-combobox.admin-combobox .custom-combobox-toggle { height:34px; position: relative; display: inline-block; margin-left: -3px; padding: 0; top: -0.5px; width: 30px; } custom_combobox_autocomplete .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } custom_combobox_autocomplete .ui-menu .ui-menu-item { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; position: relative; margin: 0; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } custom_combobox_autocomplete .ui-menu .ui-menu-item.ui-state-focus { background: none; background-color: #eeeeee; border:none; } custom_combobox_autocomplete .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { width: 530px; max-height: 500px; overflow:scroll; padding-left: 0; } #askAnExpertSticky { z-index: 10400 !important; } /* Admin view (DNN persona bar): the page gets an 80px left margin, but every Porto theme's header is position:absolute; width:100% of the window, so it ran 80px past the right edge and the page scrolled sideways (13 Oct 2026). Pin it between the bar and the window edge. Visitors never get the bar, so they're unaffected. */ html body.personabar-visible header{left:80px;right:0;width:auto} /* Home pages: the product finder's full-width background bands (::before/::after in each brand's product-finder.css) are sized 100vw, which includes the scrollbar, so the page scrolled sideways 7-22px at Bootstrap 3 md/lg (13 Oct 2026). Clip, not hidden: no scroll box, so the sticky header and vertical scrolling are untouched. */ .body.newHomeSearch{overflow-x:clip} /* Menu: Bootstrap 3's .navbar-collapse adds 15px side padding, but here it holds a .container (970/1170px), which it pushed 15px right of the logo row - and 7px past the window just above 992 and 1200 (13 Oct 2026). */ @media (min-width:992px){header .navbar-collapse.nav-main-collapse{padding-left:0;padding-right:0}} /* Embedded videos in text modules (.videowrapper, e.g. a YouTube iframe width="672"): fit the column at 16:9 instead of running off a phone screen (342px on the Travel Group home page at 360px, 13 Oct 2026). */ .videowrapper iframe{max-width:100%;height:auto;aspect-ratio:16/9} /* Footer Indigenous acknowledgement: 20px side padding around a fixed 970/1170px .container ran 12px past the window just above 992px (Schools, 13 Oct 2026). Cap the container at the strip's width; wider screens are unchanged. */ .indigenous-acknowledgement > .container{max-width:100%} /* Text/HTML module content that wraps itself in its own .container (e.g.
) inside the page's container: Bootstrap's fixed 970/1170px made it 30px too wide, 7-13px past the window near 992 and 1200 (Huma, Schools; 13 Oct 2026). A container inside a module inside a container takes its parent's width. Skin containers (e.g. the product finder's) aren't inside a module, so they are unchanged. */ .container .DNNModuleContent .container{width:auto} /* Deal T&Cs (i) on sale teasers (16 Oct 2026; Portals//teasers-*.xsl dealTermsButton, shared/deal-terms.js). The pill is a bar the theme already positions absolute over the photo - its position is left alone; the label stays centred and a smaller (i) sits just inside its right edge. */ .teaserDealTerms{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:6px;padding:0;border-radius:50%;border:0;background:#fff;color:#333;font:italic 700 14px/1 Georgia,serif;cursor:pointer;vertical-align:middle;box-shadow:0 1px 3px rgba(0,0,0,.35)} .teaserDealTerms:hover,.teaserDealTerms:focus-visible{background:#333;color:#fff} .teaserTravelDealFlag .teaserDealTerms{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;font-size:11px;box-shadow:0 1px 2px rgba(0,0,0,.3)}