@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {font-family: ShaenaFont; src: url("../fonts/Shaena.woff");}

/*From Chat GPT...
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shaena&display=swap');*/


:root {
	--brand-primary:#403227; /* Van Dyke brown*/
    --brand-secondary:#f1ecea; /* Isabelline*/
    --brand-accent1:#c4d3d8; /* Columbia blue*/
    --brand-accent2:#b38b6d; /* Lion brown*/
    
/*	--brand-dark-brown:#472814; /* dark brown*/
/*	--brand-light-brown:#A4927C; /*B8AA8D;*/
/*	--brand-off-white: #F7F4F4;*/
/*	--brand-off-white-cream: #f3e9dc;*/
}

h1, h2, h3, h4, h5, h6{font-family: ShaenaFont;}
p {
    font-family: "Poppins", sans-serif;
/*
    font-weight: 300;
    font-style: normal;
*/
}
body {
    color: var(--brand-primary);
    /*.poppins-light*/
/*
     font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-style: normal;
*/
}

#section-marquee {background-color: var(--brand-secondary);}
#section-nav {background-color: var(--brand-primary);}
/*#section-welcome {}*/
#section-quick-icons {background-color: var(--brand-secondary);}
#section-why-us {background-color: var(--brand-primary); color: white;}
#section-why-us img {
	width: 30px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#section-google-review {color: white;}
#section-faq {background-color: var(--brand-secondary);}
#section-quick-contact {background-color: var(--brand-accent2);}
/*#section-contact-us {}*/
#section-insurance {background-color: white;}
#section-footer {background-color: var(--brand-primary); color: white;}
/*#section-gdpr {}*/


/*.brand-bg-light-brown {background-color: var(--brand-light-brown);}*/
/*.brand-bg-dark-brown {background-color: var(--brand-dark-brown);}*/
/*.brand-bg-off-white {background-color: var(--brand-off-white);}*/
/*.brand-bg-off-white-cream {background-color: var(--brand-off-white-cream);}*/
/*.brand-text-color {color: var(--brand-dark-brown);}*/


/* Changes to Bootstrap standards */
.nav-link { color: white; --bs-navbar-active-color: var(--brand-accent2); }
.nav-link:hover { color: var(--brand-accent2); }
.nav-item, .dropdown-item { font-family: "Poppins", sans-serif; }
.navbar-toggler-icon { filter: invert(100%); }         /* Hamburger menu  https://youtu.be/SPoy8_ZtvKs */
.navbar-toggler { color: white; border-color: white; }

.btn-dark { background-color: var(--brand-primary);	border: none; }
.btn-dark:hover {background-color: var(--brand-accent2);}

.dropdown-item:hover { background-color: var(--brand-accent2); }
.card { color: var(--brand-primary); border:1px solid var(--brand-accent1); }

.accordion {
    --bs-accordion-btn-focus-box-shadow: none;
    /* --bs-accordion-bg: blue; */
	/* --bs-accordion-btn-bg: teal; /*#E4D3E4; */
    /* --bs-accordion-btn-color: yellow; /*var(--brand-dark-brown);*/
	/*--bs-accordion-color: red; /*var(--brand-dark-brown);*/
	--bs-accordion-active-bg: var(--brand-primary);
	--bs-accordion-active-color: white;    
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='grey'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
/* --------------------------------------------------------------------- */

.stickTop-Marquee {
	position: sticky;
	top: 0px;	/*was 95px*/
	z-index:9999;
}

.stickTop {
	position: sticky;
	top: 30px;		/*was 0*/
	z-index:8888;
}

/* Now redundant as we are using whats app image on a button
.topmenu-booknow-btn-div img {
    border:1px solid var(--brand-accent2);
    width:40px;
    height:auto;
    border-radius:10%;
    margin-top:12px;
}
*/
.topmenu-btn-whatsapp-image { /* A button with an image */
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../icon/whatsapp_icon-icons.com_62756.svg");
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center;
    margin-top:10px; /* added to comphensate above */
}

.stickTopClean {
	background-color: white;
	position: sticky;
	top: 0px;		/*was 0*/
	z-index:8888;
}

.contact-hero-img {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../img/AdobeStock_955069985.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 10px;
}

/* todo1: Double check if we need filter updated with new brand colours */
.change-svg-color-brown {filter:invert(16%) sepia(7%) saturate(4985%) hue-rotate(339deg) brightness(94%) contrast(93%);}
.change-svg-color-white {filter: invert(99%) sepia(65%) saturate(2%) hue-rotate(19deg) brightness(116%) contrast(100%);}




.li-lft-pad li {padding-left: 1em; }
.obi_li_bullet_inside {list-style-position: inside;}

.obi_list_item ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

.obi_showCleanAnchor a {
	text-decoration: none;
	color: var(--brand-dark-brown);
}
.obi_standardIconImg img {
	width: 25%;
	height: auto;
	padding-bottom: 10px;
}

.smallTextItalic {
	font-size: 0.6em;
	font-style: italic;
}

.obi_image img {
	width: 100%;
	height: auto;
}

.obi_image_rounded img {
	border-radius: 50%;
	width: 80%;	
	height: auto;	
}

.partner img {
	width: 200px; /*40%;*/
	height: auto;
	padding: 10px;
}

/*obi_iconsandText start ------------------- */
.parent {
	display: flex;
}
.child1 img {
	width: 120px;
	height: auto;
	padding-right: 25px;
}
/*obi_iconsandText end ------------------- */

.obi_socialBarTop img{
	width: 30px;
	height: auto;
	padding-right: 5px;	
}
.obi_socialBarTop a { 
	text-decoration: none;
	color: rgba(33,37,41,0.75);
}


.obi_footer img {
	width: 30px;
	height: auto;
	padding-right: 5px;
}

.obi_footer a { 
	text-decoration: none;
	color: white; /*rgba(33,37,41,0.75);*/
}

@media (min-width:576px){
	.dropdown-item::after{ /* for the triangle shape */
		transform: rotate(90deg);
	}
	
	.contact-hero-img {
		background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../img/AdobeStock_955069985-2.jpg");	
	}
}