/*  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);
        }

        .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);
        }

        .logo-font span {
            font-size: 48px;
            color: #fff !important;
            position: relative;
            left: -65px;
            top: 20px;
        }

        .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  ----- */

        .search-bg {
            background-image: url(../images/search-bg.jpg) !important;
            background-position: top center;
            background-size: cover;
        }

        .modal-lg {
            /* ----- Language Modal Line 600 -----*/
            width: 80%;
            max-width: 1000px;
            margin: auto !important;
        }

        .modal-body {
            padding: 10px;
        }

        .bs-search-modal .modal-body {
            margin: 0 !important;
            padding-top: 60px !important;
        }


    /* -----  Floating.pn Phonenumber  ----- */

        .floating-pn,
        .floating-pn-dark {
            /* -- Floating Phone Number, Overwrite style.css Line 8811 -- */
            font-size: 20px;
        }

        .floating-pn {
            /* line 8736 */
            /* background: #fcac45; */
            background: linear-gradient(90deg, #fabb52, #ffea96); /* From d1a271  to  ffea96 , ffc565 */
        }


/* ----------------------------------------------------------------
    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: <div class="shadow"></div> ...
            .shadow {
              width: 100%;
              height: 10px;
              background: url('../images/shadow.png');
              background-repeat: repeat-x;
              margin-bottom: -10px;
              position: relative;
              top: -60px;
            }
    */


/* ----------------------------------------------------------------
    4.  Backgrounds and corresponding Fontcolors
-----------------------------------------------------------------*/

    .bgcolor-trans {
        background-color: transparent;
    }

    .bgcolor-satin {
        background-color: #f2eadf;
        /* f2eadf f2eae8 */
        /* background-image: url(../images/bg-light.jpg); */
        background-image: url(../images/bg-light-mobile.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) -- */
            display: none;
            visibility: hidden;
        }
        .main-header {
            /* -- Push headerimage on Home down -- */
            margin-top: 100px !important;
        }
        .page-title {
            /* -- Push headerimages on all other pages down -- */
            margin-top: 100px !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;
        }
    }


/* ----------------------------------------------------------------
    6.  Typography and Color-Definitions
-----------------------------------------------------------------*/

    /* -----  Overwrites and Additions  ----- */

        a, /* Overwrite style.css line 139 */
        a:hover {
            color: #fcac45;
        }

        .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) !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;
            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;
        }

        .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;
        }


    /* 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 */
        border-color: #e7a63f !important;
    }

    #logo {
        /* Overwrite style.css line 722 */
        margin-right: 20px;
    }

    #primary-menu > ul > li.current a {
        /* Overwrite style.css line 970 */
        color: #fcac45; /*  fcac45 new: e7a63f   #d1a271, #ffea96 ffea96  fcac45 */
    }


    /* ----- 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: #ffea96; /*  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 */
    .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:#e7c083 !important; /* red: ff2a13; , d1a271 gold: fcac45; medium-gold: e7c083 f6bd7f d1a271 */
        border-radius:4px !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: #fcac45;
      /* background-color: hsla(0, 0%, 20%, 0.9); */
      color: #111;
      content: attr(data-tooltip);
      text-align: center;
      font-size: 0.9em;
      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 #fcac45;
      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 {
        border-top: 1px solid #ffea96;
        border-bottom: 1px solid #ffea96;

        background-color: #ffdb79; /* fallback color */
        background: linear-gradient(270deg, #d1a271, #ffea96, #d1a271);
        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%}
    }

/*
p a {
    border-bottom: 1px dotted rgba(252, 172, 69, .5);
}
*/