/* --------------------------------------- CSS VARIABLES --------------------------------------- */ :root { --body-background-color: rgba(241, 241, 216, 0.95); --body-text-color: #333333; --body-title-color: #5c5c5c; --primary-color: #68685d; --primary-color-contrast: white; --secondary-color: #5c5c5c; --secondary-color-contrast: #edefe3; --text-on-background-background-color: rgba(0, 0, 0, 0.53); --text-on-background-color: white; --slideshow-text-color: white; --slideshow-background-color: rgba(0, 0, 0, 0.53); --icon-color: #5c5c5c; --icon-contrast-color: #edefe3; } :root { --slideshow-height: 100vh; --slideshow-caption-alignment: center; --slideshow-caption-text-alignment: center; --page-minimum-height: 75vh; --border-radius-elements: 6px; --drop-shadow-elements-range: 0px; --icon-font: web-icons-1; } :root { --main-font-size: 1; --title-font-size: 1.1; --menu-font-size: 1; } /* --------------------------------------- FONT-FAMILY SETTINGS --------------------------------------- */ label span, label.choiceLabel, select, textarea, body, #featured, .textbox, #form button, input, #ecwidContainerWips span, .cb-widget .cb-widget-inner .cb-button span.cb-btn-inner, body:not(.cb_citybreak_body) .cbis-widget * { font-family: "Alegreya Sans" !important; } h1, h2, h3, h4, h5, h6, label, .ecwid-categories-category, .ecwid-productBrowser-head { font-family: "Alegreya Sans" !important; } .icons, .icon, .a2a_default_style, #header #menuwrap .menu .level_1:first-child:before, #templatesettings, #share-button:before { font-family: web-icons-1; /* CHOOSE icon-font > web-icon-1, web-icon-2 OR web-icon-3 */ } /* --------------------------------------- FONT-SIZE --------------------------------------- */ html body, .innercol, #ecwidContainerWips span, .single-center, #font-balance { font-size: 110%; /* Increase/decrease % font-size */ } .article_block, .generic_block, #menuwrap, #menuwrap span, #custom-button p, #static-menu, #static-menu li, #search input, #container-list .teaser, #container-list .col-links a.col-link { font-size: 14px; /* FIXED FONTS - Always use PX */ } body { font-size: var(--w-font-16-main); } /* DEFAULT FONT CONTROL */ .w_menu_wrapper .nav_level { font-size: var(--w-font-16-button); } /* --------------------------------------- FONT ADJUST > WEIGHT+TRANSFORM+SPACING --------------------------------------- */ h1, h2, h3, h4, h5, h6, label, .ecwid-categories-category, .ecwid-productBrowser-head, .article-image-title, .brochure-title { font-weight: 500; text-transform: uppercase; } body, .innercol, input:not([type=submit]):not([type=button]), #WIPSMAINCONTENTS p { font-weight: normal !important; text-transform: none; } .teaser, .article_block form input, .generic_block form input, #menuwrap, #custom-button p, #form button, #form input[type=submit], #static-menu-inner, .read, .book, #booking-button-title, #container-list .teaser, #container-list .col-links a.col-link, .w_menu_wrapper, .w_static_menu, .w_carousel .w_carousel_caption .w_carousel_button { font-weight: normal; text-transform: uppercase; } /* --------------------------------------- TITLE TEXT-ALIGN --------------------------------------- */ .a2a_kit, .featured-textbox h2, .featured-textbox a, .featured-textbox p, .featured-textbox .teaser, .featured-textbox .col-links, #sitepath, body, #pagetitle, .article-block h1, .wips_module_name_none h1, .wips_module_name_feedback_2 h1 { text-align: center; } .textbox { text-align: center; } .featured-textbox-inner, .featured-textbox { align-items: center; text-align: center; } /* --------------------------------------------- ARTICLE LISTING > PADDING + MARGIN + BORDER --------------------------------------------- */ .spacer { border: 0px solid; /* MAX 5px */ } #sitemap, #sitepath, #pagetitle, #center, .spacer { margin: 14px; /* MAX 20px */ } .spacer { padding: 0px; /* MAX 15px */ } /* --------------------------------------------- SET BORDER RADIUS --------------------------------------------- */ #menuwrap .ul-sub li:nth-child(1), .article_block form input, .article_block, .generic_block form input, .generic_block, #back-to-top, #booking-button-title, .cb-widget .cb-widget-inner .cb-button .cb-btn-inner, .cb-widget .cb-widget-inner a.cb-button, .spacer, .col-link, #wrap, #footer, #header, #custom-button, #menuwrap, #menuwrap a.icon, #menuwrap .level_1:nth-child(1), #shop-button a.icon:hover, .ul-sub, #menuwrap .ul-sub li:last-child, div.article-block .btn, div.article-block #form button, .article-map, .article-video, .article-brochure, .article-block-image, .paginator_button, button, input[type=submit], #static-newsletter-content, #static-booking-content, #mc-embedded-subscribe, html#ecwid_html body#bg #container button, html#ecwid_html body#bg #container div.ecwid-form, html#ecwid_html body#bg #container div.ecwid-form input, html#ecwid_html body#bg #container div.ecwid-form textarea, html#ecwid_html body#bg #container div.ecwid-form select, html#ecwid_html body#bg #container .ecwid-productBrowser-details-rightPanel table, html#ecwid_html body#bg #container .ecwid-productBrowser-backgroundedPanel { border-radius: 6px; /* MAX 10px */ } .spacer, #featured .textbox { border-radius: 0px; } /* --------------------------------------------- CUSTOM COLORS SETS HERE --------------------------------------------- */ /* PRIMARY COLOR */ .primary-color-contrast, ul.tag-cloud li:hover a, #WIPSMAINCONTENTS .blockMenu li:hover span, #WIPSMAINCONTENTS .blockMenu li.active span, #WIPSMAINCONTENTS .blockMenu li:hover, #WIPSMAINCONTENTS .blockMenu li.active, #header #menuwrap .menu .level_1:first-child:before, #header, #mainContent p a:hover, #menuwrap, #static-menu-inner li, .mob-social-active, .brochure-title, #static-menu-inner, footer#footer *, body #static-booking-content #cbis-widgets li a, body #static-booking-content .cbis-widget .cb_hd .cb_ex_label, body #static-booking-content .cbis-widget #citybreak_basket_compactbasket_widget .cb_hd h4 span.cb_lbl { color: white !important; } /* PRIMARY BACKGROUND-COLOR */ .primary-color, ul.tag-cloud li:hover, #WIPSMAINCONTENTS .blockMenu li:hover, #WIPSMAINCONTENTS .blockMenu li.active, #menuwrap, #header, #mainContent p a:hover, #menuwrap .level_1, .mob-social-active, .brochure-title, #static-menu-inner, footer, body #static-booking-content #cbis-widgets li, body #static-booking-content .cbis-widget .cb_hd .cb_ex_label, body #static-booking-content .cbis-widget #citybreak_basket_compactbasket_widget .cb_hd h4 span.cb_lbl { background-color: #68685d; } /* Body Font, Secondary Color */ .basic-text-color, #WIPSMAINCONTENTS form input, #WIPSMAINCONTENTS form select, #WIPSMAINCONTENTS form textarea, #WIPSMAINCONTENTS form span, #WIPSMAINCONTENTS form input[type=date], #WIPSMAINCONTENTS form .option label, #WIPSMAINCONTENTS form option, #WIPSMAINCONTENTS .choiceLabel, #WIPSMAINCONTENTS p, #WIPSMAINCONTENTS ul, #WIPSMAINCONTENTS ol, #WIPSMAINCONTENTS li, .innercol, body, #WIPSMAINCONTENTS form .container.required .wrap:after, #mainContent p, .single-article-text, .ingress p, .block-contents table, .author-block, body #static-booking-content #cbis-widgets li.active a, body #static-booking-content #cbis-widgets li:hover a { color: #333333 !important; } /* Body Background, SECONDARY BACKGROUND-COLOR */ .main-background-color, body, #wrap, .outercol .spacer, .innercol, #sitemap, #static-booking-content, body #static-booking-content #cbis-widgets li.active, body #static-booking-content #cbis-widgets li:hover { background-color: rgba(241, 241, 216, 0.95); } /* TITLE FONT COLOR */ .basic-title-color, .title-font-color, .article_block, .article-block .teaser, .article_block a:hover, .generic_block, .generic_block a:hover, .article-block a, .spacer, h2, h1, h3, h4, h5, h6, label, #sitepath, html#ecwid_html body#bg #container span.ecwid-categories-category, html#ecwid_html body#bg #container .ecwid .ecwid-productBrowser-subcategories-categoryName, html#ecwid_html body#bg #container .ecwid a, html#ecwid_html body#bg #container .ecwid-productBrowser-head { color: #5c5c5c; } /* SLIDESHOW FONT COLOR */ .text-color-on-slideshow, .teaser, #article-related .textbox h2, div#wipsNext, div#wipsPrev, #back-to-top, #featured a.read, #featured a.read, .a2a_default_style a:after, .textbox { color: white; } /* SLIDESHOW TEXTBOX BACKGROUND-COLOR */ .slideshow-textbox-color, .teaser, #article-related .textbox, div#wipsNext, div#wipsPrev, #back-to-top, #featured a.read, #featured a.read, .a2a_default_style a:after, .textbox { background-color: rgba(0, 0, 0, 0.53); } /* --------------------------------------------- BUTTON COLOR + ON HOVER --------------------------------------------- */ .secondary-color-contrast:hover, .secondary-color, #WIPSMAINCONTENTS form input[type=radio]:checked, #WIPSMAINCONTENTS form input[type=checkbox]:checked, #WIPSMAINCONTENTS form Input[type=file]:after, html#ecwid_html body#bg #header #shop-button div.ecwid-minicart-counter, #menuwrap li.level_2:hover, #menuwrap li.level_3:hover, button, #WIPSMAINCONTENTS form input[type=submit], .read, .book, #static-menu #block_newsletterblock form input[type=submit], .paginator_button, #booking-button > div#booking-button-title, html#ecwid_html body#bg #container .ecwid-AccentedButton, #header.menuout #mob-menu-in, #custom-button:hover, #back-to-top:hover, #newsletter-button, #mc-embedded-subscribe:hover, html#ecwid_html body#bg #container table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected, html#ecwid_html body#bg #container .ecwid-categories-category a, html#ecwid_html body#bg #container .ecwid-categories-category span, body #static-booking-content .cb_btn a, body #static-booking-content .cb_btn input[type=submit], #paginator .paginator_button:not(.pag_active):not(.paginator_separator), #wrap #header #mob-menu-in:hover, #wrap #header.menuout #mob-menu-in:before { color: #edefe3 !important; /* SET THIS COLOR TO BACKGROUND-COLOR BELOW */ background-color: #5c5c5c !important; /* SET THIS BACKGROUND-COLOR TO COLOR BELOW */ } .secondary-color-face { color: #edefe3 !important; } .secondary-color-background { background-color: #5c5c5c !important; } .secondary-color:hover, .secondary-color-contrast, #shop-button a.icon:hover, .a2a_default_style a:hover:after, #header.menuout .menu, #header.menuout #menuwrap .menu .level_1:first-child, #header.menuout #menuwrap li.level_2:hover, #header.menuout #menuwrap li.level_3:hover, .cb-widget .cb-widget-inner a.cb-button, .cb-widget .cb-widget-inner .cb-button span.cb-btn-inner, .ul-sub, #menuwrap li.level_2, #menuwrap li.level_3, #menu li:hover, #menu li.activesub, #menu li.active, .read:hover, .book:hover, #static-menu #block_newsletterblock form input[type=submit]:hover, #booking-button > div#booking-button-title:hover, #wrap #paginator .paginator_button:hover, html#ecwid_html body#bg #container .ecwid-AccentedButton:hover, #mob-menu-out, #shop-button .icon, #custom-button, button:hover, #WIPSMAINCONTENTS form input[type=submit]:hover, body #static-booking-content .cb_btn:hover a, body #static-booking-content .cb_btn:hover input[type=submit], #header #menuwrap .menu .level_1:first-child:hover:before, #menuwrap .menu .level_1:first-child:hover, .article_block form input:hover, .generic_block form input:hover, #paginator li.paginator_button.pag_active, #paginator .paginator_button.pag_active li, #mc-embedded-subscribe { color: #5c5c5c !important; /* SET THIS COLOR TO THE SAME AS ABOVE BACKGROUND */ background-color: #edefe3 !important; /* SET THIS BACKGROUND TO THE SAME AS ABOVE COLOR */ } /* ----------------------------------- ICON COLOR + HOVER -----------------------------------*/ #print .icon:hover, #share-button .icon:hover, #static-menu-newsletter > span:hover { color: #edefe3 !important; background-color: #5c5c5c !important; } /* ----------------------------------- REVERSED ICON COLOR + HOVER -----------------------------------*/ #print .icon, #language, #language:hover, #share-button .icon, #search input, #search, #search:hover, #share-button:hover:before, #share-button:before, #static-menu-newsletter > span { color: #5c5c5c !important; background-color: #edefe3 !important; } /* ------------------------------------- */ .article-share-side { display: block; } #sitepath { visibility: hidden !important; } body.read-more .teaser { display: block; } span.date, body .single-article-right .author-block .date, .author-block .time { display: none !important; } body .single-article-right .author-block .author { display: none; } #pagetitle h1 { display: none; } #share-button, #share-button .icon, #header, #language, #search, #print .icon, #footer, #custom-button, #booking-button-title, #static-menu-newsletter span.icon, #back-to-top, .spacer, .article-map, .article-video, .article-brochure, .article-block-image, #static-newsletter-content { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); } #outerContent { min-height: 75vh; } .single-center h1, .single-center h2, .single-center h3, .single-center h4, .single-center h5, .single-center h6, .single-center label.label, #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6, #featured label.label, #container-list h1, #container-list h2, #container-list h3, #container-list h4, #container-list h5, #container-list h6, #container-list label.label, #pagetitle h1, #pagetitle h2, #pagetitle h3, #pagetitle h4, #pagetitle h5, #pagetitle h6, #pagetitle label.label { zoom: 1.1; } #featured:not(.full) { height: 100vh; } #featured:not(.full) .bxslider, #featured:not(.full) .bx-wrapper, #featured:not(.full) .bx-viewport, #featured:not(.full) .bxslider li { height: 100vh; } /* --------- WCAG FOOTER COLOR FIX --------- */ .w_footer * { color: white; } /*# sourceMappingURL=uauao4gsakc2d56lfon56nb6tr.css.map */