/** ITC stylesheets*/

html {
    --itc-bg-color: #14498a;
    --itc-home-bg-color: #00B1FF;
    /*#00aeff;*/
    --itc-book-bg-color: #2FC5D4;
    /* #63c3d1; */
    --itc-shoppingcart-bg-color: #d8e2e7;
    --itc-topstrip-bg-color: #d8e2e7;
    --itc-orange: #f59d24;
    --itc-pink: #f5a37f;
    --itc-darkgrey: #5f5b5b;
    --itc-grey: #6b6969;
    --itc-card-radius: 20px;
    --itc-font-color: #ffffff;
    --itc-navbar-color: #595857;
}

body {
    --bs-body-font-family: "Open Sans";
    --bs-button-font: "Poppins";
    --bs-body-line-height: 1.4;
    --bs-body-bg: var(--itc-bg-color);
    --bs-navbar-color: var(--itc-font-color)
}

[x-cloak] { display: none !important; }

a:link,
a:visited,
a:active {
    color: var(--itc-bg-color);
    text-decoration: none;
}

button.nav-link,
a.nav-link:link,
a.nav-link:visited,
a.nav-link:active {
    color:var(--itc-darkgrey);
}

button:active {
    border: none;
}

.table {
    --bs-table-color: var(--bs-gray-600);
    --bs-table-bg: var(--bs-gray-100);
    --bs-table-border-color: transparent;
}

.form-control,
.form-select {
    background-color: #ffffff !important;
    font-family: "Open Sans", Arial, sans-serif;
}

.container-fluid {
    padding: 0;
}

#topstrip {
    color: var(--bs-body-color);
    background-color: var(--itc-topstrip-bg-color);
    height: 40px;
    border-bottom: 1px solid var(--itc-darkgrey);
}

#topstrip-left .d-flex a,
#topstrip-left .d-flex i {
    padding-top: 10px;
}

#topstrip-left button {
    padding-top: 0;
}


#navbarSupportedContent ul {
    width: 100%;
}


/* Navigation bar */
/* Desktop */

.mobile .desktop-navbar {
    display: none;
}

.mobile #shoppingcart .order-md-last {
    margin-top: 3rem;
}

.mobile #checkoutform-container {
    margin-top: 1rem;
}

#promocode-container {
    border-top: 5px solid var(--itc-orange);
}

.promocode-check {
    position: relative;
    top: 9px;
    left: -26px;    
}

.desktop #mainnav {
    height: 250px;
}

#navbarSupportedContent,
#mobile-backstrip {
    background-color: #fff;
    border-radius: 30px;
    height: 60px;
    padding: 5px;
}

#mobile-backstrip {
    height: 50px;
    position: relative;
    top: 25px;
}

#mobile-navbar {
    position: relative;
    top: -35px;
    padding-top: 5px;
}

#mobile-navbar li {
    height: 40px;
}

.mobile #mainnav {
    margin-bottom: 60px;
}

.nav-item {
    min-width: 16%;
    background-color: #ffffff;
    align-content: center;
    height: 50px;
    padding-top: -15px;
    border-radius: 30px;
    list-style: none;
}

.nav-item button,
.nav-item a {
    margin: auto;
    font-family: var(--bs-button-font);
    font-weight: bold !important;
    font-size: 1.2em !important;
    width: 100%;
    color: var(--itc-navbar-color);
}

.nav-item.book {
    background-color: var(--itc-orange);
}

.nav-item.active {
    background-color: var(--itc-bg-color);
}

.nav-item.itemsincart {
    background-color: var(--itc-home-bg-color);
}

.nav-item.itemsincart button {
    color: #ffffff;
}

.nav-item.itemsincart.active {
    background-color: var(--itc-bg-color);
}

.mobile .nav-item.itemsincart i {
    font-size: 25px;
}

.nav-item.itemsincart .badge {
    background-color: var(--itc-orange);
    color: #ffffff;
}

.mobile .nav-item.itemsincart .badge {
    position: relative;
    top: -5px;
    left: 5px;
}


.nav-item.active button,
.nav-item.book button {
    color: #ffffff !important;
}

.nav-item.navbar-logo-container {
    padding-top: 0;
}

.desktop #navbar-logo img {
    height: 195px;
    position: relative;
    top: -80px;
    left: 10px;
}

/* Navigation bar */
/* Mobile */
.desktop #mobile-navbar,
.desktop #mobile-backstrip {
    display: none !important;
}

#mobile-navbar {
    padding-left: 0;
}


#mobile-navbar a.nav-link,
#mobile-navbar button.nav-link {
    padding: 7px;
    min-width: 100px;
}

.mobile #navbar-logo {
    margin-right: 0;
}


.mobile #navbar-logo img {
    height: 90px;
}

.mobile .pagetitle {
    padding-bottom: 20px;
}

.mobile #main-content h3 {
    padding-bottom: 0px;
}

.home #showData,
.route #showData {
    background-color: var(--itc-home-bg-color);
}

.book #showData {
    background-color: var(--itc-book-bg-color);
}

.shoppingcart #showData,
.postcheckout #showData {
    background-color: var(--itc-shoppingcart-bg-color);
    color: darkgray !important;
}

#main-content {
    background-position-y: bottom;
    background-position-x: center;
    background-size: contain;
    min-height: 700px;
}

.shoppingcart h1,
.shoppingcart h2,
.shoppingcart h3,
.shoppingcart label,
.shoppingcart p,
.shoppingcart ul,
.postcheckout h1,
.postcheckout h2,
.postcheckout h3,
.postcheckout label,
.postcheckout p,
.postcheckout ul {
    color: var(--itc-darkgrey) !important;
}

/* No background-images for now */
/* .desktop #main-content.home {
    background-image: url("images/ITC-Website-Background-Blue.jpg");
}

.desktop #main-content.book {
    background-image: url("images/ITC-Website-Background-Turquoise.jpg");
}

.desktop #main-content.gallery {
    background-image: url("images/ITC-Website-Background-Darkblue.jpg");
} */

/* #main-content.shoppingcart {
    background-image: url('images/ITC-Website-Background-orange.jpg');
} */

#main-content h1 {
    color: #ffffff;
    font-weight: 900;
    text-align: left;
}

.desktop #main-content h1 {
    font-size: 3em;
}



#main-content .col-md-4 {
    margin-top: 40px;
    padding-right: 15px;
    width: 30%;
}

#main-content .book .col-md-4 {
    margin-bottom: 40px;
}

#main-content h3 {
    color: var(--itc-bg-color);
    font-weight: bold;
    font-size: 1.8em;
    padding-bottom: 15px;
}

#main-content .col-text {
    color: #ffffff;
    font-size: larger;
}

.route #main-content {
    color: white;
}

/* #main-content .col-text ul {
    padding-left: 10px;  
}

#main-content .col-text li {
    list-style: none;
} */

.nobutton {
    background-color: transparent;
    border: none;
    padding: 5px;
}

.nobutton:hover {
    background-color: transparent;
    border: none;
    color: inherit;
}

#shoppingcart-button i {
    font-size: 25px;
}

#shopping-batch {
    position: relative;
    top: -5px;
    right: 10px;
    font-size: 10px;
}

.cards .card {
    width: 308px;
    margin-bottom: 60px !important;
    margin-right: 16px;
}

.card,
#shoppingcartdisplay {
    background-color: #ffffff;
    border-radius: var(--itc-card-radius) !important;
    padding: 5px;
}

#book .card-body {
    margin-bottom: -70px;
}

.card-header,
#shoppingcartdisplay h4 {
    background-color: var(--itc-bg-color);
    color: #ffffff;
    font-weight: bold;
    border-radius: var(--itc-card-radius) var(--itc-card-radius) 0 0 !important;
}

.card-header h4 {
    text-wrap: balance;
}

#shoppingcartdisplay .badge {
    background-color: var(--itc-orange);
    color: #ffffff;
}

#shoppingcartdisplay ul li.list-group-item {
    background-color: #ffffff;
}

#shoppingcartdisplay ul li.list-group-item .shoppingcartdisplay-item-bullit {
    float: left;
    position: relative;
    left: -5px;
    font-size: 10px;
    top: 5px;
}

#shoppingcartdisplay ul li.list-group-item small span {
    padding-left: 10px;
    display: block;
    color: var(--itc-grey);
}

#shoppingcartdisplay ul li.list-group-item .price {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    min-width: 95px;
}

#shoppingcartdisplay ul li.list-group-item .btnremove {
    padding-right: 0px;
}

#shoppingcartdisplay ul li.list-group-item .btnremove:hover {
    color: var(--itc-orange) !important;
}

#shoppingcartdisplay ul li.list-group-item.total {
    background-color: var(--itc-orange);
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
    border-radius: 0 0 var(--itc-card-radius) var(--itc-card-radius) !important;
}

#checkoutButton {
    background-color: var(--itc-orange);
    color: #ffffff;
    font-weight: bold;
    border-radius: 27px;
    padding: 14px 30px;
    border: none;
}

.card h2 {
    font-size: 1.5em;
}

.card .price {
    font-size: 2em;
    color: var(--itc-bg-color);
    font-weight: 900;
}

.card .list-group-item {
    background-color: transparent;
}

.book-button,
.btn-addtocart {
    background-color: var(--itc-orange) !important;
    color: #ffffff;
    font-weight: bold;
    border-radius: 27px;
    border: 6px solid #fff;
    position: relative;
    top: 50px;
    /* left: 85px; */
    padding: 14px 30px;
    margin: auto;
    opacity: 1 !important;
}

.book-button:disabled,
.btn-addtocart:disabled {
    border-color: white;
    color: var(--itc-grey);
}

.btn-addtocart {
    /* position: inherit; */
    /* border: 5px solid var(--bs-btn-active-bg); */
    font-size: 20px;
}

.book-button.active,
.book-button:hover,
.btn-addtocart.active,
.btn-addtocart:hover {
    background-color: var(--itc-home-bg-color) !important;
    border-color: #ffffff;
}

.text-bg-warning {
    background-color: var(--itc-orange) !important;
    color: #FFF !important;
    font-weight: bold;
}

.alert-danger.itc-alert {
    background-color: #F00 !important;
    color: #fff;
    font-weight: bold;
}

.alert-success {
    background-color: var(--itc-home-bg-color) !important;
    color: #fff;
    font-weight: bold;
}

.alert-info {
    background-color: var(--itc-home-bg-color);
    color: #fff;
    font-weight: bold;
}

#btnResetBooker {
    background-color: var(--itc-home-bg-color);
    font-weight: bold;
}

#footer {
    min-height: 100px;
    background-image: url("images/ITC-Color-lines-small.png");
    background-position-y: top;
    background-repeat: repeat-x;
    padding-top: 80px;
}

#footer .logo {
    height: 120px;
}

#footer * {
    color: #ffffff;
    font-size: 12px;
}

#footer h5 {
    font-weight: bold;
    font-size: 2em;
}

#footer i {
    font-weight: bold;
    font-size: 2em;
    margin-right: 10px;
}

#openinghours tr td {
    padding-right: 10px;
}

.daypartbuttons label,
.daypartbuttons label:hover {
    background-color: #FFF !important;
    border-color: var(--itc-darkgrey) !important;
    color: var(--itc-grey) !important;
    font-weight: bold;
}

.daypartbuttons label:hover,
.daypartbuttons label.active {
    color: #FFF !important;
    background-color: var(--itc-home-bg-color) !important;

}

/* .mobile .featurelist {
    height: 55px;
} */


.popover {
    border-color: var(--itc-bg-color);
    background-color: #ffffff !important;
    font-weight: 700;
}

.feature-popover,
.feature-popover:link,
.feature-popover:visited,
.feature-popover:hover,
.feature-popover:active {
    color: var(--itc-darkgrey) !important;
}

#bookingDatecontainer {
    background-color: white;
    /* border: 3px solid var(--itc-orange); */
    border-radius: var(--itc-card-radius);
    padding: 15px;
    margin-right: 8px;
    margin-top: 20px;
    margin-bottom: 60px;
}

#bookbutton-container {
    margin-top: -30px !important;
}

.bookingdate-flatpickr #bookingDate {
    float: left;
    width: 92%;
}

.bookingdate-flatpickr button#btnBookingDate {
    float: left;
    position: relative;
    top: 8px;
    left: -25px;
    padding: 0;
}

.carousel-item img {
    max-width: 100%;
    max-height: 600px;
    object-fit: cover;
}

#environment-logo {
    position: fixed;
    top: 10px;
    left: 10px;
    rotate: 315deg;
    z-index: 1;
    height: 50px;
}


#topstrip .social-icon i {
    color: var(--itc-grey);
    font-size: 1.2em;
    margin-right: 10px;
}

#follow {
    margin-left: 50px;
}

#follow span {
    color: var(--itc-grey);
    font-weight: bold;
}

#btnLanguageswitch span {
    top: 3px;
  position: relative;
}


/* Toast on large screen can be centered on the width */
@media (min-width: 992px) {
    #follow {
        padding-top: 3px;
        margin-left: 150px;
    }
    .btn-addtocart {
        position: relative;
        top: 50px;
    }

    #environment-logo {
        height: 100px;
    }
}

product-card {
    float:left;
}