 .base-primary-c, .base-primary-c-h:hover, .active .base-primary-c-a, .base-primary-c-f:focus {  color: #505558 !important; }  .base-primary-b, .base-primary-b-h:hover, .active .base-primary-b-a, .base-primary-b-f:focus{  border-color: #505558 !important; }  .base-primary-bg, .base-primary-bg-h:hover, .active .base-primary-bg-a, .base-primary-bg-f:focus {  background-color: #505558 !important; }  .base-primary-fill path, .base-primary-fill-h:hover path, .active .base-primary-fill-a path, .base-primary-fill-f:focus path {  fill: #505558 !important; } .base-secondary-c, .base-secondary-c-h:hover, .active .base-secondary-c-a, .base-secondary-c-f:focus{  color: #505558 !important; }  .base-secondary-b, .base-secondary-b-h:hover, .active .base-secondary-b-a, .base-secondary-b-f:focus{  border-color: #505558 !important; }  .base-secondary-bg, .base-secondary-bg-h:hover, .active .base-secondary-bg-a, .base-secondary-bg-f:focus{  background-color: #505558 !important; }  .base-secondary-fill path, .base-secondary-fill-h:hover path, .active .base-secondary-fill-a path, .base-secondary-fill-f:focus path {  fill: #505558 !important; }  .base-secondary-b-l {  border-left-color: #505558 !important; } /* ================================================================ THE ISLAND GARDEN HOTEL — CUSTOM CSS Cleaned & optimized version ================================================================ */   /* ---------------------------------------------------------------- RESPONSIVE ---------------------------------------------------------------- */ @media screen and (max-width: 1000px) { #productHistoryNamesAccordion { display: none; } } @media screen and (max-width: 1000px) { #homeRelated { display: none !important; } } @media screen and (max-width: 1000px) { section#mainFrame > .base-primary-bg.text-center { display: none; } } @media screen and (max-width: 1000px) { .base-primary-white-b.dropdown.menu-languages > ul[role='menu'] { font-size: 20px; } } @media screen and (max-width: 1000px) { [class='margin-0'] { display: none; } } @media screen and (max-width: 1000px) { #photoHero div.seo-title > span.divider { display: none; } } @media screen and (max-width: 1000px) { ul.list-inline.social-network { display: none; } } @media screen and (max-width: 1000px) { #componentMenu { display: none; } } @media screen and (max-width: 1000px) { #photoHero .availabilitySearchComponent fieldset .legend { display: none; } }   /* ---------------------------------------------------------------- LANGUAGES ---------------------------------------------------------------- */ html[lang="ar"] .margin-t-0.text-center                   { display: none; } html[lang="ar"] #componentPageContent #pageDetailsContent .description            { direction: RTL; } html[lang="ar"] #externalReviewCategoryComponent                { direction: RTL; } html[lang="ar"] section#componentRooms                    { direction: RTL; } html[lang="ar"] table.service-condition                   { direction: RTL; } html[lang="ar"] .base-secondary-alt-bg.base-secondary-b-l.border-0.border-l-w-5.border-rd-3.bs-callout.margin-t-10.padding-10 { direction: RTL; } html[lang="ar"] section#reviewComponentTab > div:nth-of-type(2)             { direction: RTL; } html[lang="ar"] .app-well.margin-b-20 > .row                   { direction: RTL; } html[lang="ar"] section#relatedComponent                  { direction: RTL; }  html[lang="TH"] .margin-t-0.text-center { display: none; } html[lang="KO"] .margin-t-0.text-center { display: none; } html[lang="ZH"] [data-gtm='accommodation\.link\.header\.logo'] { font-size: 22px; } html[lang="JA"] [data-gtm='accommodation\.link\.header\.logo'] { font-size: 22px; }   /* ---------------------------------------------------------------- BREADCRUMBS ---------------------------------------------------------------- */ #pageBreadCrumbs { padding: 0; }   /* ---------------------------------------------------------------- HEADER ---------------------------------------------------------------- */ a#linkContact              { display: none; } .list-inline.pull-right > li:nth-of-type(2)    { display: none; } .menu-header-top .base-primary-white-b:nth-of-type(2)   { display: none; } .list-inline.menu-header-top.pull-right > .hidden-sm.hidden-xs.padding-0 { display: none; } .list-inline .base-primary-white-b:nth-of-type(2)    { display: none; }   /* ---------------------------------------------------------------- HEADER — CHAIN MENU ---------------------------------------------------------------- */ #partialHeader .header-top .product-chain-menu .dropdown-menu {   max-height: 500px;   overflow: auto;   background-color: rgba(22, 22, 22, 0.70) !important; } .dropdown-menu > li > a { color: #f2f2f2; }   /* ---------------------------------------------------------------- HEADER — LANGUAGE MENU ---------------------------------------------------------------- */ .base-primary-white-b.dropdown.menu-languages > ul[role='menu'] {   max-height: 540px;   overflow: auto; } @media screen and (min-width: 1000px) {   #partialHeader > div.header-top ul.list-inline li ul.dropdown-menu {  background-color: rgba(22, 22, 22, 0.70) !important;   } }   /* ---------------------------------------------------------------- HEADER — ONLINE BOOKING ---------------------------------------------------------------- */ #partialHeader .header-booking {   background-color: rgba(96, 125, 139, 0.90) !important; } #partialHeader .header-booking button {   margin-left: 20px;   font-weight: 900;   color: #f2f2f2 !important;   background-color: rgba(52, 152, 219, 0.90) !important; }   /* ---------------------------------------------------------------- SEARCH BOX ---------------------------------------------------------------- */ #photoHero .availabilitySearchComponent .from-price, #photoHero .availabilitySearchComponent div.back-to-pax {   border-bottom: 1px solid #fff;   border-top: 1px solid #fff; } .pax-field .base-primary-gray-b         { display: none; } section.availabilitySearchComponent[data-view=simple] form .legend h4 { display: none !important; } section.availabilitySearchComponent[data-view=simple] form .legend {   border: 1px solid !important;   font-weight: bold;   text-align: center;   padding: 3px !important; }  /* Hide the "10" option in Adults and Children dropdowns */ select[name="adults"] option[value="10"], select[name="children"] option[value="10"] { display: none; }   /* ---------------------------------------------------------------- SEARCH BUTTON ---------------------------------------------------------------- */ #searchGalleryContainer [type="submit"] {   background: linear-gradient(to bottom,  #d0e4f7 0%,  #73b1e7 24%,  #0a77d5 50%,  #539fe1 79%,  #87bcea 100%   );   border-color: #22313F !important;   font-size: 16px;   padding: 8px;   font-family: sans-serif;   font-weight: 600;   letter-spacing: 2px; } #searchGalleryContainer [type="submit"]:hover {   background: #3498DB !important;   font-size: 16px;   padding: 8px; }   /* ---------------------------------------------------------------- BOOKING AD ---------------------------------------------------------------- */ .alert-success { display: none; }   /* ---------------------------------------------------------------- SOCIAL MEDIA ---------------------------------------------------------------- */ ul.list-inline.social-network {   padding: 5px;   border: 1px solid #999;   text-align: center;   margin-top: 20px; }   /* ---------------------------------------------------------------- DIVIDERS ---------------------------------------------------------------- */ .section-divider    { padding-top: 5px !important; } #tabsInfoComponentContainer { margin-bottom: 0; }   /* ---------------------------------------------------------------- H2 — WEB TITLE ---------------------------------------------------------------- */ .margin-t-0.text-center {   padding: 10px !important;   text-transform: uppercase;   font-weight: 600;   text-align: center;   border-bottom: 1px solid !important;   border-top: 1px solid;   border-color: #989898 !important; }   /* ---------------------------------------------------------------- BODY ---------------------------------------------------------------- */ #componentPageContent #pageDetailsContent .description {   text-align: justify;   border-bottom: 1px dotted #505558; }   /* ---------------------------------------------------------------- GALLERY ---------------------------------------------------------------- */ /* Background */ #componentGalleryModal .modal-content  { background: rgba(22, 22, 22, 0.70); } #componentGalleryModalLabel      { text-align: center; color: #f2f2f2; }  /* Close button */ div#componentGalleryModal > div[role='document'] button > span {   font-size: 40px;   color: #fff;   line-height: 0.5; }  /* Arrows */ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 40px; }   /* ---------------------------------------------------------------- SEE MORE BUTTON ---------------------------------------------------------------- */ [class='col-md-12 text-center'] [type]    { background: #505558 !important; color: #fff !important; font-size: 16px !important; font-weight: bold; } [class='col-md-12 text-center'] [type]:hover { background: #fff !important; color: #505558 !important; font-size: 16px !important; font-weight: bold; }   /* ---------------------------------------------------------------- H4 — SUB-TITLES ---------------------------------------------------------------- */ .border-0.gallery > .base-primary-gray-b.base-tertiary-gray-c.font-24.font-uc.margin-t-20.padding-b-10 { text-align: center; } section#componentRooms > div:nth-of-type(3) .modal-title            { text-align: center; } .container > h4:nth-of-type(1)                    { text-align: center; } .container > h4:nth-of-type(2)                    { text-align: center; } .base-primary-gray-b.base-tertiary-gray-c.border-0.font-24.font-uc.margin-t-20.padding-b-10   { text-align: center; }   /* ---------------------------------------------------------------- ROOMS ---------------------------------------------------------------- */ #componentRoomsCarousel .item     { height: 300px; } #componentRoomsCarousel .item figure img { height: 190px; } #componentRoomsCarousel .room-name   { min-height: 50px; }   /* ---------------------------------------------------------------- ROOMS — SEE RATES BUTTON ---------------------------------------------------------------- */ #componentRooms .room-container button.price    { background-color: #3498DB !important; } #componentRooms .room-container button.price:hover { background-color: #5DADE2 !important; }   /* ---------------------------------------------------------------- "Contact directly with" — HIDE LABEL ---------------------------------------------------------------- */ .margin-t-10 > strong { display: none; }   /* ---------------------------------------------------------------- OTHER KNOWN NAMES ---------------------------------------------------------------- */ #productHistoryNamesAccordion .panel-heading { text-align: center; }   /* ---------------------------------------------------------------- FAQ ---------------------------------------------------------------- */ #faqAccordion .panel-heading { text-align: center; }   /* ---------------------------------------------------------------- REVIEWS ---------------------------------------------------------------- */ section#reviewComponentTab > .base-primary-gray-b.base-tertiary-gray-c.border-0.font-24.font-uc.margin-b-5.margin-t-20 { text-align: center; } [class='margin-b-20'] { display: none; }   /* ---------------------------------------------------------------- NEARBY ---------------------------------------------------------------- */ .nearby-container { display: none; }   /* ---------------------------------------------------------------- FOOTER CAROUSEL ---------------------------------------------------------------- */ [class='item col-md-3 col-sm-6']:nth-of-type(1) .base-tertiary-bg { background-color: #505558 !important; } [class='item col-md-3 col-sm-6']:nth-of-type(2) .base-tertiary-bg { background-color: #505558 !important; } [class='item col-md-3 col-sm-6']:nth-of-type(3) .base-tertiary-bg { background-color: #505558 !important; } [class='item col-md-3 col-sm-6']:nth-of-type(4) .base-tertiary-bg { background-color: #505558 !important; }  [data-gtm='link\.component\.related\.goToWeb'] {   background-color: #3498DB !important;   font-weight: 900;   letter-spacing: 3px;   border-radius: 3px;   border: 1px solid #505558 !important; } [data-gtm='link\.component\.related\.goToWeb']:hover {   background-color: #5DADE2 !important;   font-weight: 900;   letter-spacing: 3px;   border-radius: 3px;   border: 1px solid #505558 !important; }   /* ---------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */ #partialGuarantee .contact  { display: none; } #partialGuarantee .guaranty { width: 100%; }   /* ================================================================ MULTI-AFFILIATION ================================================================ */  /* ---------------------------------------------------------------- HEADER TABS ---------------------------------------------------------------- */ .tpl-default.multi-affiliation-sale .header .header-top ul.pull-right { display: none; } #multiAffiliationSaleComponent .nav-tabs          { display: none; } .multi-affiliation-sale [class="margin-b-10"]        { display: none; }   /* ---------------------------------------------------------------- CONTACT FORM — SEND REQUEST BUTTON ---------------------------------------------------------------- */ [data-gtm='form\.component\.contact\.submit'] { background-color: #3498DB !important; }   /* ---------------------------------------------------------------- SEE OFFERS IN ANOTHER WINDOW ---------------------------------------------------------------- */ .base-primary-white-c.base-primary-white-c-f.base-secondary-b.base-secondary-bg.border-rd-2.btn {   background-color: #3498DB !important; }   /* ---------------------------------------------------------------- COUNTDOWN ---------------------------------------------------------------- */ .countdown-container { background-color: #027a02 !important; padding: 6px !important; } [class='countdown base-primary-bg base-primary-white-c border-0 is-countdown'] { background-color: #027a02 !important; } #multiAffiliationCountdownContainer { margin-top: -40px; }   /* ================================================================ PORTAL ================================================================ */ div.header-top #operatedBy a, div.header-top #operatedBy a:hover, div.header-top #operatedBy a:focus { display: none; }  #companyFront {   border-bottom: 5px solid #FF0000;   border-top: 5px solid #FF0000; } 
   .base-tertiary-c, .base-tertiary-c-h:hover, .active .base-tertiary-c-a, .base-tertiary-c-f:focus{  color: # !important; }  .base-tertiary-b, .base-tertiary-b-h:hover, .active .base-tertiary-b-a, .base-tertiary-b-f:focus{  border-color: # !important; }  .base-tertiary-bg, .base-tertiary-bg-h:hover, .active .base-tertiary-bg-a, .base-tertiary-bg-f:focus{  background-color: # !important; }   .margin-t-10 > strong {   display: none; } 
