/*-------------------------------------*/
/*  Name:     Roland Balgobind         */
/*  Date:     11th December 2024       */
/*  Comments: Initial version          */
/*-------------------------------------*/

html,
body,
header,
.view {
    height: 100%;
}

.view {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
    url("../img/lander/skyscrapers.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.flex-center {
    color: #fff;
}


/* ---------------------- My changes ---------------------- */

/* Navbar */
.navbar.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  cursor: pointer;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link,
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
	color: #fff;
	transition: 0.17s;
	font-family: Arial, Helvetica, sans-serif;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
	color: #BBAA92;
}

/* Dropdown */
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:focus {
	background-color: #111111;
	transition: 0.2s;
	color: #BBAA92;
}
.nav-link.dropdown-toggle:hover {
	background-color: #111111;
	transition: 0.2s;
	color: #BBAA92;
}

.btn-accom {
	background-color: rgba(0,0,0,0.1);
	border: 1px solid #fff;
	filter: alpha(opacity=75); /* For IE8 and earlier */
}
	
.btn-accom:hover,
.btn-accom:active,
.btn-accom:focus {
	background-color:rgba(187, 170, 146, 0.2);
	color: #fff;
	transition: 0.2s;
}

/* Footer */
.footer {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #111111;
	color: white;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footertxt {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12pt;
}

/* Custom bullets */
.custom-bullets {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the entire block of bullet points */
}
.custom-bullets li {
    display: flex; /* Use flexbox for better alignment */
    align-items: center; /* Vertically align the arrow with the text */
    text-align: left; /* Ensure the text is left-aligned relative to the arrow */
    width: 100%; /* Optional: Adjust width to control alignment */
    max-width: 600px; /* Constrain the width of the list for centering */
}
.custom-bullets li::before {
    content: "➤"; /* Unicode for a right arrow */
    color: #444; /* Customize the color */
    margin-right: 8px; /* Add space between the arrow and the text */
}

/* Carousel */
html,
body,
header,
.view,
.carousel,
.carousel-item,
.active,
.carousel-inner {
	height: 100%;
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

/* align unordered list - locally */
.localactivities ul,
.localactivities li {
    margin: 0; padding: 0;
	color: #3186E1;
}

/* about image */
.myimg {
	border-radius: 50%;
	padding: 10px;
	margin: 10px;
}

/* about image */
.mylogoimg:hover .overlay {
	opacity: 1;
}

/* thoughtmap image */
.thoughtmapimg {
	background-color: rgba(0,0,0,0.0);
	filter: alpha(opacity=75); /* For IE8 and earlier */
}

/* icon image */
.myiconimg {
    margin-top: 3px;
    width: 30px;
	border-radius: 30%;
	transition: 0.17s;
}
.myiconimg:hover {
    margin-top: 3px;
	background-color: #807464;
	border-radius: 30%;
	transition: 0.17s;
}

/* thoughtmap footer image */
.thoughtmapimgfooter {
	background-color: rgba(0,0,0,0.0);
	filter: alpha(opacity=75); /* For IE8 and earlier */
    margin-bottom: 25px;
    margin-top: -20px;
}

/* box shadow */
.boxshadow {
	box-shadow: 0 10px 20px #555;
}

.myheadertxt {
	padding-top: 10px;
	padding-bottom: 10px;
}

.clearfix {
  overflow: auto;
}

.listleftaligned{text-align:center}
.listleftaligned ul{
	display:inline-block;
	text-align:left;
}

/* Media queries */
@media (min-width: 776px) {
    .carousel .view ul li {
        display: inline;
    }
    .carousel .view .full-bg-img ul li .flex-item {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 776px) { 
	.hiddenimg {
		display: none;
	}
 }
 
@media (max-width: 776px) { 
	.headertxt {
		padding-top: 20%;
	}
}

@media (max-width: 776px) { 
	.mylogoimg {
        height: 30px;
	}
}