/* ORDER... ADD THIS LATER TO style.css Colors: Red Dark color: #b50606 !important; Gold Light color: #fcac45 !important; 1. Hide / Show Things 2. Page-specific index contact Errorpages 404, 500... Administration page all pages Social Like and Tweet buttons footer Search and Language modal Floating.pn Phonenumber 3. Deco Elements 4. Backgrounds and corresponding Fontcolors 5. Media Queries and other resolution-stuff 6. Typography and Color-Definitions 7. Overlays for Rooms and Cruisedays 8. Full-Width-Slider (Home) Border and Textcolor 9. General Overwrites and Resizing 10. Google Search - CSE - Overwrites 11. E-Mail Elements (remote, later inline) 12. Last Orders */ body { cursor: default; } /* ---------------------------------------------------------------- 1. Hide / Show Things -----------------------------------------------------------------*/ .noscript { display: block; margin-bottom: 0; width: 100%; } .hidethis, .preload-prefetch { display: none; height: 0; width: 0; visibility: hidden; } /* ---------------------------------------------------------------- 2. Page-specific -----------------------------------------------------------------*/ /* ----- index ----- */ .main-header { /* Line 8522 */ background-image: url(../images/header_home.jpg); x-background-size: 100% 100%; background-size: cover; } .logo-font { /* index.html - header - Addition to Line 8556 */ font-size: 64px; /* 90, LA 80 */ line-height: 1; padding-bottom: 20px; text-shadow: 0 0 10px rgba(250, 200, 200, 0.7); /* margin-top: -300px !important; text-shadow: 0 0 10px rgba(250, 200, 200, 0.7), 0 0 5px rgba(0,0,0, 0.7), 0 0 3px rgba(0,0,0, 0.5) ; */ } .main-header h5, .main-header h6 { text-shadow: 0 0 10px rgba(250, 200, 200, 0.7), 0 2px 5px rgba(0,0,0, 0.7), 0 1px 3px rgba(0,0,0, 0.5) ; } .portfolio-overlay:hover { background-color: rgba(206,141,52,0.8) !important; border: 6px solid #111111 !important; border-radius: 10px; } .portfolio-overlay .portfolio-desc h3 { margin-top: 10%; } .portfolio-image img, .portfolio-image .img {border: 6px solid #111111 !important; border-radius: 10px; } .logo-font span { font-size: 48px; color: #fff !important; position: relative; left: -65px; top: 20px; } /* B-Lazy */ .b-lazy { -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; max-width: 100%; opacity: 0; } .b-lazy.b-loaded { opacity: 1; } .welcome-logo { /* without shadow 150, with shadow 205 */ max-width: 205px; margin-top: 6%; padding-bottom: 40px; } .welcomeheader-main, .welcomeheader-sub { /* font-size: 5em !important; */ /* 5em or 90px */ font-size: 3.7em !important; line-height: 0.9; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3), 0 2px 10px rgba(255, 255, 255, 0.7); /* media Query for mobile--portrait in the section below */ } .welcomeheader-sub { font-size: 2.5em !important; /* or 50px */ } .intro-font { font-size: 19px; text-shadow: 0 1px 7px rgba(255, 255, 255, 0.9), 0 0 1px rgba(0, 0, 0, 0.1); } /* ----- contact ----- */ .logo-greenbeenz { max-width: 30px; position: relative; top: -3px; } .about-logo { max-width: 110px; height: auto; padding-top: 10%; } .img-free { border: 5px solid #fff; box-shadow: 0 2px 10px rgba(150, 150, 150, 0.9); } .crew-image { border: 5px solid #fff; border-radius: 100%; max-width: 150px; margin-bottom: 10px; box-shadow: 0 2px 10px rgba(150, 150, 150, 0.9); } /* ----- Errorpages 404, 500... ----- */ #page-title.page-title-error { padding: 160px 0 40px 0; } /* ----- Administration page ----- */ .resource_1, .resource_2 { max-width: 150px; height: auto; padding: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .resource_2 { max-width: 300px; height: auto; } .resource_1:hover, .resource_2:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .color-bottom { /* divider for error pages */ border-bottom: 50px solid #fcac45 !important; } /* ----- all pages ----- */ #header.sticky-header #header-wrap #logo img { /* Overwrite style.css line 1120 */ height: 60px; width: 180px; } .signature { max-width: 130px; } /* ----- Social Like and Tweet buttons ----- */ .socials { position: relative; top: -20px; } .g-plusone { position: absolute; top: 5px; left: 0; } .twitter { position: absolute; top: 3px; left: 47px; } .fb-like { position: absolute; top: -27px; left: 116px; } /* ----- footer ----- */ .logo-footer { max-width: 87px; padding: 6px 0 18px 0; } .footer-font { /* #CCC */ font-size: 30px; line-height: 1; padding: 10px 0; text-shadow: 0 0 5px rgba(255, 105, 155, 0.7); } .footer-font span { font-size: 24px; color: #fff !important; position: relative; left: -30px; top: 10px; } #copyrights { /* line 7803 */ line-height: 1.5; } #copyrights .col_full { /* responsive.css line 1378 */ margin-bottom: 0 !important; } /* ----- Search and Language modal ----- */ .modal-lg { /* ----- Language Modal Line 600 -----*/ width: 80%; x-max-width: 1000px; margin: auto !important; } .modal-body { padding: 10px; } .bs-search-modal .modal-body, .bs-language-modal .modal-body { margin: 0 !important; padding-top: 60px !important; } .bs-search-modal .modal-content, .bs-language-modal .modal-content { border-radius: 2px; background-color: white; width: 78%; margin: auto; } .modal-header { border: none; } .modal-content .modal-body { padding-top: 5px !important; } .modal-intro, .modal-body a { color: #3A3A3A; text-shadow: 0 0 1px rgba(0,0,0,0.1); text-align: center;; letter-spacing: 2px; padding-top: 10px; margin-bottom: -10px; } /* Search C | Cancel */ .gsst_a { padding-top: 0px !important; margin-top: 6px !important; filter: grayscale(100%) !important; opacity: 0.8 !important; } /* in QuickLinks */ .mini-links .gsst_a { margin-top: 6px !important; } /* in Search Modal */ /* ----- Floating.pn Phonenumber ----- */ .floating-pn, .floating-pn-dark { /* -- Floating Phone Number, Overwrite style.css Line 8811 -- */ font-size: 20px; border: 1px solid #ffea96; } .floating-pn { /* line 8736 */ /* background: #fcac45; */ background: linear-gradient(90deg, #fabb52, #ffea96); /* From d1a271 to ffea96 , ffc565 */ border-left: none !important; } .floating-pn_right {border-left: 1px solid #ffea96 !important; border-right: none !important;} /* ---------------------------------------------------------------- 3. Deco Elements -----------------------------------------------------------------*/ .guilloche { background-image: url(../images/deco/guilloche.png); background-position: top left; background-repeat: no-repeat; } #anniversary { width: 150px; height: 150px; background: url('../images/deco/anniversary.png'); background-position: center center; background-size: cover; margin-top: 7%; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { /* -webkit-animation: rotating 4.6s linear infinite; */ animation: rotating 4.6s linear infinite; } .cruisemap { padding: 10px; border: 1px solid #555555; } .full-width-slider { border-top: 70px solid #111; } .deckplan { max-width: 80%; } /* Shadow on top. Usage:
... .shadow { width: 100%; height: 10px; background: url('../images/shadow.png'); background-repeat: repeat-x; margin-bottom: -10px; position: relative; top: -60px; } */ .hr-light { overflow: hidden; height:1px; width: 100%; border-bottom:1px solid rgba(155,155,155,0.3); } /* ---------------------------------------------------------------- 4. Backgrounds and corresponding Fontcolors -----------------------------------------------------------------*/ .bgcolor-trans { background-color: transparent; } .bgcolor-satin { background-color: #f2eadf; background-image: url(../images/bg-light.jpg); background-repeat: repeat-y; background-size: 100% auto; } /* ---------------------------------------------------------------- 5. Media Queries and other resolution-stuff -----------------------------------------------------------------*/ /* ----- Mobile Menu Hamburger, was below the (bigger) logo-image -----*/ #primary-menu-trigger { z-index: 9999; } .show-on-mobiles { display: none; visibility: hidden; } /* Mobile Sticky Header - Solution: https://ignitethemes.ticksy.com/ticket/254242/ */ /* FIX Sticky Header on Mobile https://ignitethemes.ticksy.com/ticket/935136 */ @media only screen and (max-width: 991px) { /* Tablet and samller*/ #header.transparent-header, #header.semi-transparent { /* -- Move mobile header to top -- */ z-index: 1000; position: fixed; width: 100%; top: 0; } .top-nav { /* -- Hide topnavigation (small links) -- */ x-display: none; x-visibility: hidden; display: block !important; visibility: visible !important; margin-top: 100px !important; padding-bottom: 0px !important; bottom: 0 !important; } .main-header, /* -- Push headerimage on Home down, when NOT using top-nav -- */ .page-title /* -- Push headerimages on all other pages down, when NOT using top-nav -- */ { x---margin-top: 100px !important; margin-top: 0px !important; } .show-on-mobiles { /* -- Different usages, for example show language selection inside primary navigation -- */ display: block; visibility: visible; } .hide-on-mobiles { /* -- Different usages, for example hide unnecessary descriptions which break the layout -- */ display: none; visibility: hidden; } .modal-lg, .bs-search-modal .modal-content { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .bs-search-modal .modal-body, .modal-body { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; x-padding-right: 5% !important; x-padding-left: 5% !important; padding: 5% !important; } .modal-header { border: none; } .modal-title { margin-left: 0 !important; margin-right: 10% !important; } .modal-intro, .modal-body a { color: #3A3A3A; text-shadow: 0 0 1px rgba(0,0,0,0.1); text-align: center;; letter-spacing: 2px; padding-top: 10px; margin-bottom: -10px; } .push-mobile {padding-bottom: 50px;} } /* ---------------------------------------------------------------- 6. Typography and Color-Definitions -----------------------------------------------------------------*/ /* ----- Overwrites and Additions ----- */ a, /* Overwrite style.css line 139 */ a:hover { color: #fcac45; color: #E7A63F; } h6 {letter-spacing: 1pt !important;} .color { /* Overwrite style.css line 390 - yellow:fcac45 medium-gold e7c083 */ /* was blueish fcac45 f6bd7f e7c083 d1a271 e7c083 */ color: #fcac45 !important; } .color2 { /* Overwrite style.css line 390 - yellow:fcac45 dark-gold: d1a271 medium-gold: e7c083 gold: ffea96 */ color: #e7c083 !important; } .xlarge-font { /* Overwrite for new Font, was 52px , ine 133 */ font-size: 48px !important; } #page-title.page-title-dark { /* Overwrite line 2335 */ text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.45), 1px 1px 2px rgba(0, 0, 0, 0.6) !important; } .blockquote h1, .blockquote h2, .blockquote h3, .blockquote h4 { /* Overwrite line 7321 - because I load only(!) 'Raleway_thin' as regular */ font-weight: 300 !important; } /* ----- Own Definitions ----- */ .handwriting-p { /* inside paragraphs on light background */ color: #111; font-family: 'Saint Andrews Queen', cursive !important; font-size: 30px; font-size: 24px; margin: 0 5px 0 1px; text-transform: none !important; text-shadow: 0 0 1px rgba(0, 0, 0, 1); } .spaced { /* For Example the small Welcometext */ letter-spacing: 8px; } .introbig { /* For dark "Introblocks" to achieve the same effect as "Quotes" */ color: #FFF; max-width: 1000px; margin: auto; } .introbig h3 { color: #fff; line-height: 34px; margin-bottom: 20px; letter-spacing: 1px; font-weight: 300; font-family: 'Raleway', sans-serif; } .introbig span { color: #999; text-transform: uppercase; letter-spacing: 6px; } .bgcolor-satin p { color: #232323; /* was: 111 , coffee: 232323 */ } .shiny { /* on light backgrounds */ text-shadow: 0 1px 7px rgba(255, 255, 255, 0.9), 0 0 1px rgba(0, 0, 0, 0.1); } .darkly { /* on dark backgrounds */ text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(255, 255, 255, 0.7), 0 0 1px rgba(0, 0, 0, 0.4); } .blue { color: #2098D1; } .red { color: red; } .signalcolor { /* used for Pricelist */ color: #d2101a; color: #D21200; } .remark { /* Descriptions inside Forms */ color: #9a9a9a; } .menu-description { /* Submenu Descriptions and Divider */ font-size: 90%; border-top: 1px dotted #fcac45; color: #fcac45; line-height: 1.7; margin: 10px 0 0 20px; display: block; } .cruiseday { color: #fcac45; font-size: 150%; margin: 0 5px; } .toggle { border-bottom: 2px solid #fcac45; } /* Reset some UL, because I want them in the 'Mentions and Terms' */ .bullet-disc { list-style-type: disc; margin-left: 18px; } .bullet-square { list-style-type: square; margin-left: 20px; } /* ---------------------------------------------------------------- 7. Overlays for Rooms and Cruisedays -----------------------------------------------------------------*/ .parallax.overlay-right .entry-overlay-meta { /* Overwrite line 4224 */ position: absolute; /* top: 5%; */ top: 70px; bottom: auto; right: 0; /* max-width: 40%; */ min-width: 180px; height: auto; background-color: #111; background-color: rgba(0, 0, 0, 0.8); } .team-image { /* Overwrite style.css line 6174 */ width: 30%; background: rgb(0, 0, 0); /* fallback color */ /* background: rgba(0, 0, 0, 0.7); */ background: rgba(0, 0, 0, 0.85); } .team-image .desc { padding: 0 20px 0 30px; } /* ---------------------------------------------------------------- 9. General Overwrites and Resizing -----------------------------------------------------------------*/ #header.semi-transparent.sticky-header #header-wrap { /* Style.css 1094 */ background-color: #000; background-color: rgba(0,0,0,0.7); } .button:hover { /* style.css 4493 */ background-color: #e7c083 !important; /* was blueish fcac45 f6bd7f e7c083 d1a271 e7c083 */ } ul.tab-nav li.ui-tabs-active a, .dark ul.tab-nav li.ui-tabs-active a { /* style.css 5719 */ color:#fcac45; } .bgcolor { /* Overwrite style.css line 385 */ background-color: #fcac45 !important; } .tablefree > thead > tr > th, .tablefree > tbody > tr > th, .tablefree > tfoot > tr > th, .tablefree > thead > tr > td, .tablefree > tbody > tr > td, .tablefree > tfoot > tr > td { /* bootstrap.css Overwrite: border-top: 1px solid #dddddd; */ border-top: none !important; color: #000; } /* Page-Pagination : Overwrite style.css line 2446 */ .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { cursor: default !important } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #FFF !important; background-color: #E7A63F !important; /* efaf49 e38c1c > E7C083 >> E2BB7E */ border-color: #E7A63F !important; /* E2BB7E > E7A63F */ } #logo { /* Overwrite style.css line 722 */ margin-right: 20px; } #primary-menu > ul > li.current a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; /* Overwrite style.css line 970 */ color: #fcac45; /* fcac45 new: e7a63f #d1a271, #ffea96 ffea96 fcac45 */ } #primary-menu > ul > li > ul > li.current a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; color: #fcac45 !important; position:relative; } #primary-menu > ul > li > ul > li.current a::after { font-family: 'Material-Design-Iconic-Font'; content: '\f163'; position:absolute; top:0; bottom:0; left:-23px; } /* ----- Main Menu Underline settings-----*/ #primary-menu ul li a:before { /* Overwrite style.css line 920 */ bottom: 17px; } #page-menu.dots-menu nav li.current a { /* line 1255 */ background-color: #e7a63f; /* fcac45 new: e7a63f ffea96 */ } #page-menu.dots-menu nav li .dots-menu-caption { background-color: #e7a63f; /* fcac45 new: e7a63f */ } .iconlist li i { /* line 4237 */ color: #E7A63F !important; /* fcac45 new: e7a63f #d1a271, #ffea96 */ } .dark .entry-meta li a { /* line 11671 */ color: #e7a63f; } /* ---------------------------------------------------------------- 10. Google Search - CSE - Overwrites -----------------------------------------------------------------*/ #___gcse_0 .gsc-control-cse, .gsc-control-cse-en, .gsc-control-wrapper-cse, input.gsc-input, .gsc-search-box-tools { background-color: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; text-shadow: none !important; color: #111 !important; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { height: 27px !important; min-width: 70px !important; margin-top: 4px !important; border-color: #f6bd7f !important; /* e38c1c */ background: #e7c083 !important; /* fcac45 */ /* orange: fcac45 , blue: 2098D1 */ /* fcac45 new: e7a63f #d1a271 gold: fcac45; medium-gold: e7c083 f6bd7f */ } input.gsc-input { /* background-color: #FFFFFF !important; */ background-image: none !important; position: relative; top: -9px; padding: 6px 12px !important; } #gsc-i-id1 { /* input text area */ background: none !important; /* background: red !important; */ /* for testing */ margin: 0 !important; padding: 0 !important; margin-top: 5px !important; } .gsst_a { /* Close button */ position: relative; top: -2px; } .gsc-results-wrapper-overlay { /* .gsc-results-wrapper-visible, */ border: none; margin: auto; border-radius: 1px; overflow: auto; height: 80% !important; text-shadow: none !important; z-index: 500 !important; } /* ---------------------------------------------------------------- 11. E-Mail Elements (remote, later inline) -----------------------------------------------------------------*/ .button-orange { color: #FFF !important; border: #e38c1c 1px solid !important; background: -moz-linear-gradient(top, #fcac45 0%, #e38c1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcac45), color-stop(100%, #e38c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcac45 0%, #e38c1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcac45 0%, #e38c1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcac45 0%, #e38c1c 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcac45', endColorstr='#e38c1c', GradientType=0); /* IE6-9 */ } /* ---------------------------------------------------------------- 12. Last Orders -----------------------------------------------------------------*/ /* DROPCAP */ .x-dropcap { float:left; display:block; margin:.175em .215em 0 0; padding:.105em .2em .135em !important; font-size:2.4em; /* line-height:1; */ text-shadow:0 1px 3px rgba(0,0,0,.45) !important; color: #000; background-color:#ffea96 !important; /* medium-gold: e7c083 ffea96 */ border-radius:4px !important; } .dropcap { float:left; display:block; padding: 0 .2em .02em 0 !important; font-size:3em; font-style: italic; font-weight: 300 !important; /* line-height:1; */ color: #e7c083; } .dropcap-pull { padding-right: 0.1em !important; } .dropcap-ondark-medium { float:left; display:block; margin:.175em .215em 0 0; padding:.105em .2em .135em !important; font-size:3.3em; /* font-weight:bold; */ /* line-height:1; */ text-shadow:0 1px 3px rgba(0,0,0,.45) !important; /* color:#fff; */ color: #000; /* font-style: italic; */ background-color:#fcac45 !important; /* red: ff2a13; , gold: fcac45; */ border-radius:4px !important; } .dropcap-ondark-huge { float:left; display:block; margin:.175em .215em 0 0; padding:.105em .2em .135em !important; font-size:3.2em; /* font-weight:bold; */ /* line-height:1; */ text-shadow:0 1px 3px rgba(0,0,0,.45) !important; /* color:#fff; */ color: #111; /* font-style: italic; */ background-color:#fcac45 !important; /* red: ff2a13; , gold: fcac45; */ border-radius:4px !important; } /* Tooltip Styles */ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 9999; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #E7A63F; /* E2BB7E > E7A63F */ /* background-color: hsla(0, 0%, 20%, 0.9); */ color: #111; color: white; content: attr(data-tooltip); text-align: center; font-size: 1em; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #E7A63F; /* E2BB7E > E7A63F */ border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .bggold { background-color: #ffdb79; /* fallback color */ background: linear-gradient(90deg, #d1a271, #ffdb79); /* first d1a271 fabb52 - second color: ffea96 ffe683 ffdb79 */ } /* Animated Background */ .wavegold { x---border-top: 1px solid #ffea96; x---border-bottom: 1px solid #ffea96; x-border: 1px solid #ffea96 !important; background-color: #ffdb79; /* fallback color */ background: linear-gradient(270deg, #d1a271, #ffea96, #d1a271); background: linear-gradient(270deg, rgba(209,160,113,0.6), rgba(255,234,150,0.7), rgba(209,160,113,0.6)); background-size: 400% 400%; -webkit-animation: wavegold 7s ease infinite; -moz-animation: wavegold 7s ease infinite; -o-animation: wavegold 7s ease infinite; animation: wavegold 7s ease infinite; } @-webkit-keyframes wavegold { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes wavegold { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes wavegold { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes wavegold { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .gold { /* style.css 393 */ background: -webkit-linear-gradient(#fce17e, #fd8e2f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* p a { border-bottom: 1px dotted rgba(252, 172, 69, .5); } */ .feature-box-2 { x-position: relative; x- margin-top: 20px; padding: 0 20px 0 20px; border:1px solid rgba(155,155,155,0.4); x-outline:5px solid rgba(155,155,155,0); x-background:#FFF; } .mini-links a {opacity: 0.8 !important; border-bottom: 2px dotted transparent;} .mini-links ul li a:hover {opacity: 1 !important; text-decoration: none !important; border-bottom: 2px dotted #E7C083; } .describe {color: #E7C083;} .social-platforms ul li a:hover {text-decoration: none !important; border-bottom: none!important;} .social-icon.si-small i:first-child { margin-top: 9px !important; } .social-icon.si-small:hover i:first-child { margin-top: -35px !important; } .zmdi-list {margin-left: -20px;} .bookingsymbol, i.bookingsymbol {color: #E7A63F !important;} .relax:hover, .relax:focus, .relax:active { cursor: default !important; } #legal article ul li {margin-left: 30px;} .top-nav.transparent { background: black !important;