/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$... 7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$ 7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$ $ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+. ...ZZZZZZZZZZZZZ $ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ... ..ZZZZZZZZZZZZZZZZ $ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$.. ..ZZZZZZZZZZZZZZZZZZ $ZZZZZZZZZZZZZZZZZZZZZZZZZ... ...ZZZZZZZZZZZZZZZZZZZZ $ZZZZZZZZZZZZZZZZZZZZZZ.. ..ZZZZZZZZZZZZZZZZZZZZZZ $ZZZZZZZZZZZZZZZZZZZ.. ... .ZZZZZZZZZZZZZZZZZZZZZZZZ $OOOOOOOOOOOOOOOOO.. .OOOOOOOOOOOOOOOOOOOOOOOOO $OOOOOOOOOOOOOOO. .OOOOOOOOOOOOOOOOOOOOOOOOOO ZOOOOOOOOOOOOOO. 8OOOOOOOOOOOOOOOOOOOOOOOOOO ZOOOOOOOOOOOOZ .OOOOOOOOOOOOOOOOOOOOOOOOOOO ZOOOOOOOOOOOO. .OOOOOOOOOOOOOOOOOOOOOOOOOO0 ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0 ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0 ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0 Z8888888888888.................O88888888888888888888888 O88888888888888..................O888888888888888888888 O8888888888888888.................888888888888888888888 O888888888888888888?................8888888888888888888 O888888888888888888888$..............$88888888888888888 O888888888888888888888888D,............D888888888888888 O88888888888888888888888888888...........88888888888888 O888888888888888888888888888888888........:888888888888 O888888888888888888888888888888888888.......D8888888888 ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ... ... .DDDDDD ODDDDDDDDDDDDDDDDDDDD.............................DDDDD ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD 8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD 8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++ 8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/ /* Created by: 2016, Kinetic Solutions */ /* BNB PAGES - CLIENT BRANDING --------------------- */ /* GENERAL ----------------------------------------- */ #KxBnBWidget { background: #407DC8!important; } /* Color overwrite on the BNB pages */ #KxBnB { color: #646464; } #KxBnB.inverse, #KxBnB .inverse, #KxBnBLoginWrapper.inverse, #KxBnBLoginWrapper .inverse { background: #407DC8; } #KxBnB .btn, #KxBnB .KxBnBContent .dropdown, #KxBnB .KxBnBContent input[type="date"], #KxBnB .KxBnBContent input[type="datetime"], #KxBnB .KxBnBContent input[type="datetime-local"], #KxBnB .KxBnBContent input[type="email"], #KxBnB .KxBnBContent input[type="file"], #KxBnB .KxBnBContent input[type="month"], #KxBnB .KxBnBContent input[type="number"], #KxBnB .KxBnBContent input[type="phone"], #KxBnB .KxBnBContent input[type="range"], #KxBnB .KxBnBContent input[type="search"], #KxBnB .KxBnBContent input[type="tel"], #KxBnB .KxBnBContent input[type="text"], #KxBnB .KxBnBContent input[type="time"], #KxBnB .KxBnBContent input[type="url"], #KxBnB .KxBnBContent input[type="week"], #KxBnB .KxBnBContent input[type="button"], #KxBnB .KxBnBContent input[type="password"], #KxBnB .KxBnBContent select, #KxBnB .KxBnBContent textarea, #KxBnB .KxBnBContent button, #KxBnB .form-control, #KxBnB .componentPagination ul > li:last-child > a, #KxBnB .componentPagination ul > li:last-child > span, #KxBnB .componentPagination ul > li:first-child > a, #KxBnB .componentPagination ul > li:first-child > span, #KxBnBLoginWrapper .form-control, #KxBnBLoginWrapper .btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #KxBnB .KxBnBContent button.btn-primary:focus, #KxBnB .KxBnBContent button.btn-primary:active, #KxBnB .KxBnBContent button.btn-primary, #KxBnB .btn-primary:focus, #KxBnB .btn-primary:active, #KxBnB .btn-primary, #KxBnBLoginWrapper .btn-primary:active, #KxBnBLoginWrapper .btn-primary:focus, #KxBnBLoginWrapper .btn-primary { background-color: #407DC8; border: 1px solid #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.25em; padding-top: 0.4em; padding-bottom: 0.4em; } #KxBnB .KxBnBContent button.btn-primary:hover, #KxBnB .btn-primary:hover, #KxBnBLoginWrapper .btn-primary:hover { background: #96c800; border-color: #96c800; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #KxBnB .KxBnBContent .inverse .btn-default:active, #KxBnB .KxBnBContent .inverse .btn-default:focus, #KxBnB .KxBnBContent .inverse .btn-default { background-color: white; border-color: white; color: #646464; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.25em; padding-top: 0.4em; padding-bottom: 0.4em; } #KxBnB .KxBnBContent .inverse .btn-default:hover { background: #96c800!important; border-color: #96c800!important; color: white!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; } #KxBnB .KxBnBContent .inverse .btn-primary:active, #KxBnB .KxBnBContent .inverse .btn-primary:focus, #KxBnB .KxBnBContent .inverse .btn-primary { border: 1px solid #96c800; background-color: #96c800; color: white; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.25em; padding-top: 0.4em; padding-bottom: 0.4em; } #KxBnB .KxBnBContent .inverse .btn-primary:hover { color: #646464!important; background: white!important; border-color: white!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; } #KxBnB .KxBnBContent .well.transparent h1, #KxBnB .KxBnBContent .well.transparent h2, #KxBnB .KxBnBContent .well.transparent h3, #KxBnB .KxBnBContent > .well .row > div > h1, #KxBnB .KxBnBContent > .well .row > div > h2, #KxBnB .KxBnBContent > .well .row > div > h3 { color: #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .KxBnBContent > .well .row > div > h1, #KxBnB .KxBnBContent > .well .row > div > h2, #KxBnB .KxBnBContent > .well .row > div > h3 { color: #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .KxBnBContent > .well .inverse h1, #KxBnB .KxBnBContent > .well .inverse h2, #KxBnB .KxBnBContent > .well .inverse h3 { color: white!important; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .KxBnBContent .well h1 strong, #KxBnB .KxBnBContent .well h1 b, #KxBnB .KxBnBContent .well h2 strong, #KxBnB .KxBnBContent .well h2 b, #KxBnB .KxBnBContent .well h3 strong, #KxBnB .KxBnBContent .well h3 b { font-weight: normal!important; } #KxBnB .inverse hr { border-top: 1px solid white; } /* SEARCH RESULTS PAGE ----------------------------- */ #KxBnB .componentSearchResults .RoomType { color: #96c800; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .componentSearchResults .RoomType strong, #KxBnB .componentSearchResults .RoomType b { font-weight: normal!important; } #KxBnB .componentSearchResults hr, #KxBnB .componentPagination hr { border-top: 1px solid #bec3c6; } #KxBnB .componentSearchResults .addToCart, #KxBnB .componentSearchResults .removeFromCart { font-size: 1.25em; padding-top: 0.4em; padding-bottom: 0.4em; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .componentSearchResults .removeFromCart { color: #646464; } #KxBnB .componentSearchResults .addToCart:hover, #KxBnB .componentSearchResults .addToCart:focus, #KxBnB .componentSearchResults .addToCart:active, #KxBnB .componentSearchResults .removeFromCart:hover, #KxBnB .componentSearchResults .removeFromCart:focus, #KxBnB .componentSearchResults .removeFromCart:active { background: #96C800; border-color: #96C800; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #KxBnB .componentSearchResults .AdvertTotal p { background: #f2f2f2; color: #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .componentSearchResults .AdvertTotal p strong, #KxBnB .componentSearchResults .AdvertTotal p b { font-weight: normal!important; } #KxBnB .componentSearchResults .photos .slider .slick-next:hover, #KxBnB .componentSearchResults .photos .slider .slick-prev:hover { color: #96c800; } #KxBnB .componentSearchResults .AvailabilitySignHeader p:first-child { font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .componentSearchResults .AvailabilitySignHeader p:first-child strong, #KxBnB .componentSearchResults .AvailabilitySignHeader p:first-child b { font-weight: 700!important; } #KxBnB .componentSearchResults .AvailabilitySignHeader.RoomAvailableHeader p:first-child { color: #96C800; } /* PAGINATION -------------------------------------- */ #KxBnB .componentPagination ul > li > span, #KxBnB .componentPagination ul > li > span:hover { color: #646464; } #KxBnB .componentPagination ul > li > a { color: #407DC8; } #KxBnB .componentPagination ul > li > a:hover { background: #96c800; color: white; } #KxBnB .componentPagination ul > li.selected > a, #KxBnB .componentPagination ul > li.Selected > a { background: #407DC8; color: white!important; border-color: #407DC8; } #KxBnB .componentPagination ul > li.selected > a:hover, #KxBnB .componentPagination ul > li.Selected > a:hover, #KxBnB .componentPagination ul > li.selected > a:active, #KxBnB .componentPagination ul > li.Selected > a:active, #KxBnB .componentPagination ul > li.selected > a:focus, #KxBnB .componentPagination ul > li.Selected > a:focus { /*background: #96c800; border-color: #96c800;*/ background: #407DC8; border-top-color: #407DC8; border-bottom-color: #407DC8; border-left-color: #407DC8; } /* CART -------------------------------------------- */ #KxBnB .componentCartWrapper .componentCart .proceed { min-width: auto; } #KxBnB .componentCartWrapper .componentCart.affix-top.inverse > div { background: #407DC8; } #KxBnB .componentMobileCartWrapper .componentMobileCart { background: #407DC8; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* SCROLLTOTOP ------------------------------------- */ #KxBnB .componentScrollToTopWrapper .componentScrollToTop a, #KxBnB .componentScrollToTopWrapper .componentScrollToTop a:focus, #KxBnB .componentScrollToTopWrapper .componentScrollToTop a:active { color: #407DC8; } #KxBnB .componentScrollToTopWrapper .componentScrollToTop a:hover { color: #96c800; } /* BOOKING DETAILS PAGE ---------------------------- */ #KxBnB .componentBookerDetails hr, #KxBnB .componentGuestDetails hr { border-top: 1px solid #bec3c6; } #KxBnB .componentBookerDetails h3 + .arrow, #KxBnB .componentBookerDetails h3 + .arrow:focus, #KxBnB .componentBookerDetails h3 + .arrow:active, #KxBnB .componentGuestDetails h3 + .arrow, #KxBnB .componentGuestDetails h3 + .arrow:focus, #KxBnB .componentGuestDetails h3 + .arrow:active { color: #407DC8; } #KxBnB .componentBookerDetails h3 + .arrow:hover, #KxBnB .componentGuestDetails h3 + .arrow:hover { color: #96c800; } #KxBnB .componentGuestDetails .RoomDetails .RoomName { color: #407DC8; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; } #KxBnB .componentGuestDetails .RoomDetails .RoomName strong, #KxBnB .componentGuestDetails .RoomDetails .RoomName b { font-weight: normal!important; } /* LOGIN ------------------------------------------- */ #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div { background: #407DC8; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; white-space: nowrap; /*margin-right: 0;*/ margin-right: -15px; } #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div a:hover, #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div a:focus, #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div a:active, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div a:hover, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div a:focus, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div a:active { background: #96c800; border-color: #96c800; color: white; } #KxBnB *:not(.componentLoginWrapper) .componentLogin input[type=submit] { background: #96c800; border-color: #96c800; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } #KxBnB *:not(.componentLoginWrapper) .componentLogin input[type=submit]:hover, #KxBnB *:not(.componentLoginWrapper) .componentLogin input[type=submit]:focus, #KxBnB *:not(.componentLoginWrapper) .componentLogin input[type=submit]:active { background: #407DC8; border-color: #407DC8; color: white!important; } /* CONFIRMATION PAGE ------------------------------- */ #KxBnB .componentBookingConfirmation .PrintButton { color: #407DC8; } #KxBnB .componentBookingConfirmation .PrintButton:hover { color: #96c800; } /* COOKIES ----------------------------------------- */ #KxBnBCookies .KxBnBCookies i { color: #407DC8; } #KxBnBCookies .KxBnBCookies button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } #KxBnBCookies .KxBnBCookies button.btn-default:active, #KxBnBCookies .KxBnBCookies button.btn-default:focus, #KxBnBCookies .KxBnBCookies button.btn-default { background-color: #407DC8; border-color: #407DC8; color: white; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.1em; } #KxBnBCookies .KxBnBCookies button.btn-default:hover { background: #96c800!important; border-color: #96c800!important; color: white!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; } #KxBnBCookies .KxBnBCookies button.btn-primary:active, #KxBnBCookies .KxBnBCookies button.btn-primary:focus, #KxBnBCookies .KxBnBCookies button.btn-primary { background-color: #407DC8; border-color: #407DC8; color: white; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.1em; } #KxBnBCookies .KxBnBCookies button.btn-primary:hover { background: #96c800!important; border-color: #96c800!important; color: white!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline: 0!important; } #KxBnBCookies .KxBnBCookies.inverse { background: #407DC8; } #KxBnBCookies .KxBnBCookies.inverse i { color: white; } #KxBnBCookies .KxBnBCookies.inverse button.btn-default:active, #KxBnBCookies .KxBnBCookies.inverse button.btn-default:focus, #KxBnBCookies .KxBnBCookies.inverse button.btn-default { background-color: white; border-color: white; color: #96c800; } #KxBnBCookies .KxBnBCookies.inverse button.btn-default:hover { background: #96c800!important; border-color: #96c800!important; color: white!important; } #KxBnBCookies .KxBnBCookies.inverse button.btn-primary:active, #KxBnBCookies .KxBnBCookies.inverse button.btn-primary:focus, #KxBnBCookies .KxBnBCookies.inverse button.btn-primary { background-color: #96c800; border-color: #96c800; color: white; } #KxBnBCookies .KxBnBCookies.inverse button.btn-primary:hover { background: white!important; border-color: white!important; color: #646464!important; } /* EDITED CONTENT ---------------------------------- */ #KxBnB .componentConfirmationFooter a, #KxBnB .componentBookingConfirmation .ConfirmationBody a, #KxBnB .componentConfirmationHeader a, #KxBnB .componentGuestDetailsFooter a, #KxBnB .componentGuestDetailsHeader a, #KxBnB .componentBookerDetailsFooter a, #KxBnB .componentBookerDetailsHeader a, #KxBnB .componentSearchHeader a, #KxBnB .componentSearchFooter a, #KxBnB .componentWelcomeContent a { color: #96c800!important; font-family: 'Roboto Condensed',sans-serif; font-weight: normal; font-size: 1.2em; text-decoration: none; } /* USER LOGIN AND SIGNUP LINKS*/ #KxBnBClientLogin .clientLogin { position: relative !important; right: inherit; margin: 30px auto; text-align: center !important; } #KxBnBClientLogin .LoginSignupLinksPanel { float: none !important; background-color:#407dc8 !important; border-radius: inherit !important; } #KxBnBClientLogin .LoginSignupLinksPanel input { background-color: #fff !important; color: #407dc8 !important; border: none !important; padding: 5px !important; font-weight: 600 !important; } #KxBnBClientLogin .LoginSignupLinksPanel input[type="submit"]:hover, #KxBnBClientLogin .LoginSignupLinksPanel input[type="submit"]:active, #KxBnBClientLogin .LoginSignupLinksPanel input[type="submit"]:focus { color: #fff !important; background-color: #96c800 !important; } /* RESPONSIVE STYLES ------------------------------- */ @media only screen and (max-width: 991px) { #KxBnB .componentSearchResults .show-more, #KxBnB .componentSearchResults .show-less { line-height: 1.5em; background: #96c800; border: 1px solid #96c800; color: white; } } @media only screen and (min-width: 768px) { #KxBnB .componentBookerLogin .BookerLoginAction .componentNavigation { margin-left: -15%; width: 115%; } #KxBnB .componentBookerLogin .BookerLoginAction .componentNavigation .btn:not(.pull-right) { margin-right: 0.4em; } } @media only screen and (min-width: 992px) { #KxBnB .componentBookerLogin .BookerLoginAction .componentNavigation { margin-left: 0; width: 100%; } } @media only screen and (min-width: 1200px) { #KxBnB .KxBnBContent { padding-top: 1em; } #KxBnBCookies .KxBnBCookies button { margin-top: 0.5em; } } @media only screen and (min-width: 1800px) { #KxBnBLoginWrapper .KxBnBLogin.absolute .componentLoginWrapper .componentLogin > div, #KxBnBLoginWrapper .KxBnBLogin.fixed .componentLoginWrapper .componentLogin > div { position: absolute; /*left: 100%;*/ left: 101%; } }