/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 12 Feb 2025, 09:08:45
    Author     : colin
*/
@import url('/src/Bootstrap/bootstrap-5.2.3-dist/css/bootstrap-icons.css');
/* just add this css in your css */
span.Zebra_DatePicker_Icon_Wrapper {
    display: block!important;
    width: 100%!important;
    position: relative!important;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: var(--bs-light);
}
.anchor { scroll-margin-top: 100px !important;	 }  
.breadcrumb-item { padding-bottom: .3em; }
.text-justify{
    text-align: justify;
}
.item-inner{
    border: 2px solid black;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 20px;
    text-align: center;
    z-index:100;
}
.clickable{
    cursor:pointer;
}
.external {
    background: url("/src/NaptonNarrowboats/img/icons/external-link.png") no-repeat right center;
    padding-right: 15px;
}
.visible-link{
    text-decoration: underline;
}
.visible-link:hover{
    text-decoration: overline;
}
/* cookies conset popup modal div */
#bootstrapCookieConsentSettingsModal{
    margin-top: 80px;
}
.nb{
    font-size: 120%;
    font-weight: bold;
    color: darkmagenta;
}
.announcement-outer{
    position: relative;
    overflow: visible;
    height:50px;
}
.search-block, #accordionSearchSection{
    z-index: 100;
}
.visible_container{
    overflow: visible;
}
.announcement-banner{
    width: 80%;
    rotate: -3deg;
    border: 4px solid red;
    background: #66CCFF;
    text-align: center;
    padding: 1em;
    position: absolute;
    top: -40px;
    left: 60px;
    z-index: 5;
    font-size: 1.2em;
    
}
#special-offers-list{
    font-size: 130%;
    width: 80%;
    margin: 1em auto;
}
.offers-block{
    min-height: 170px;
    margin: 60px 0 10px 10px;
    text-align: left;
    background: white;
}
.offers-block h5{
    text-align: center;
    font-weight: bold;
}
.offer-summary{
    font-size: 110%;
    font-weight:bold;
    padding-left: 1em;
    
}
.btn-reset{
    background: #34BFAB;
    color: white;
    text-transform: uppercase;
    font-weight:bold;
}
.btn-clear{
    background: #BF346A;
    color: white;
    text-transform: uppercase;
    font-weight:bold;
}
.btn-reset:hover, .btn-clear:hover{
   background: gray;
}
 #cookieModal{
/* padding-bottom: 300px; */

}
/* $palette = ["#3472BF","#BF346A","#AFBF34","#34BFAB"]; */
.btn-blue, .btn-blue.current:hover{
    background: #3472BF;
    color:white;
}
.btn-red, .btn-red.current:hover{
    background: #BF346A;
    color:white;
}
.btn-olive, .btn-olive.current:hover{
    background: #AFBF34;
    color: white;
}
.btn-teal, .btn-teal.current:hover{
    background: #34BFAB;
    color:white;
}
.btn-blue, .btn-red, .btn-olive, .btn-teal{
    color: white;
    text-transform: uppercase;
    font-weight:bold;
}
.btn-blue:hover, .btn-red:hover, .btn-olive:hover, .btn-teal:hover{
    background: gray;
}
.current, .current:hover {
    cursor: default;
    border: 2px solid black;
}
.boat-sold-outer{
    position: relative
}
.boat-sold-banner{
    width: 50%;
    rotate: 15deg;
    border: 4px solid #BF346A;
    background: #34BFAB; 
    text-align: center;
    padding: 1em;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
}
#brochure_result{
    background: #3472BF;
    width: 80%;    
}
.mini-offer{
    border: 1px solid black;

}

#find-outer{
    position: relative;
    overflow: visible;
    height:50px;
}

#holiday-finder-button{
    width: 75px;
    height: 95px;
    background: #BF346A;
    color:white;
    position: absolute;
    top: -10px;
    left: 240px;
    z-index: 50;
    margin-right: 180px;
    background: url("/src/NaptonNarrowboats/img/site_images/button.png") no-repeat right center;
    cursor: pointer;
    font-size: 80%;
    font-weight:bold;
}
#offcanvasNavbar{
    margin-left: 90px;
}
#offcanvasTop{
    margin-top: 65px;
    background: transparent;
}
#offcanvasTop{
    min-height: 80%;
}
#start_picker{
    margin: 0; position: relative;
}
.carousel-control-prev-icon{
    background: url("/src/NaptonNarrowboats/img/icons/left.png") no-repeat left center !important; 
}
.carousel-control-next-icon{
  background: url("/src/NaptonNarrowboats/img/icons/right.png") no-repeat right center !important;   
}
.amazon{
    background:  url(/src/NaptonNarrowboats/img/icons/amazon-icon.png) top right no-repeat;
    padding-right: 35px;
    margin-right: 20px;
}
.pdf_download{
    background: transparent url(/src/NaptonNarrowboats/img/icons/pdf_small.jpeg) top right no-repeat;
    padding-right: 20px;
}
.pearsons{
    margin: 1em auto 1em 1em;

}
.discount-box{
    background: #799ABF;  /* #AFBF34;;*/
    /* #BF346A */
    border: 3px solid black;

}
.bg-olive{
    background: #34BFAB;
}
.btn-book{
    
    text-transform: uppercase;
    --bs-btn-font-weight: 700;
    --bs-btn-font-family: var(--body-font);
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.938rem;

}

#christmas-opening-times{
    width: 80%;
    min-height: 150px;
    margin: 66px auto -60px auto;
  
    border: 10px dotted #800020;
    padding: .5em;
    color:white;
    text-align:center;
    background: green url("/src/NaptonNarrowboats/img/site_images/holly_and_berries.png") no-repeat top right;
}




#twelve-days{
    background: url("/src/NaptonNarrowboats/img/site_images/holly_and_berries.png") no-repeat top left;
    border: 5px dashed white;
    
}
#TwelveDaysLink{
    color: white;
}
#TwelveDaysLink:hover{
    color: #800020;
}
#promo12{
    border: 4px solid #800020;
}
.btn-sm {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 0.25rem;
}
.btn-xs {
  padding: 0.20rem 0.4rem; 
  font-size: 0.65rem;
  border-radius: 0.25rem;
}