@charset "utf-8";
/*headline: font-family: 'Poppins', sans-serif;
paragraph: font-family: 'Taviraj', serif;
*/

body {
	font-family: 'Taviraj', serif;
	padding: 0;
	margin:0;
	font-size:1.2rem;
}

h1, h2, h3, h4, h5 {
	font-family: 'Poppins', sans-serif;	
	padding: 0;
	margin:0;
}

.row {
  display: flex;
}

.column {
    flex: 50%;
    padding: 5px;
    width: auto;
    position: relative;
    top: 0px;
}


/*Muted Earth Tones:
	muted green: #638568
	white: #FDFFFE
	light sage green: #d0dbc5
	mauve pink: #9C6E6C
	taupe brown: #695954
	
	muted blue: #9FC5C7

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #9FC5C7;
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
color: #FDFFFE;
}
/* Background and text colors for current page link and links on hover and
focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
background-color: #638568;
color: #fff;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: #ecf0f1;
color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
background-image: url("../images/Hamburger_icon_white.svg.png")
}
/*navbar-brand logo
.navbar-brand {
    background-image: url(../images/ld_logo.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: 6% center;
    background-size: 50px auto;
}*/

.navbar-brand {
    background-image: url("../images/portfolio logo.png");
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 6% center;
    padding-left: 70px;
    min-height: 50px; /* Make room for full height of image */
    display: flex;
    align-items: center; /* Vertically centers the text */
}

/*header banner section*/
#home_bg {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#home_bg h1 {
	font-size: 4rem;
	color: #FDFFFE;
	text-shadow: 3px 5px rgba(71,71,71,0,80);
	position: absolute;
	left: 3%;
	bottom: 7%;
	
}


#carousel1 .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.display-4 {
	color:#638568;
}

.lead {
	font-weight: 400;
	font-size: 1.5rem
}


/*Container holding about image and text*/
.container-fluid {
	position: relative;
	text-align: center;
}

/*Centered text*/
.centered {
	color:#d0dbc5;
	font-weight:500;
	position: absolute;
  	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
}

#featured-projects .project-card {
	padding: 20px;
	background: #f9f9f9;
	display: block;
	color: inherit;
	text-decoration: none;
	height: 100%;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#featured-projects .project-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.btn-custom {
  background-color: #638568;  /* your custom background color */
  color: #fff;                /* text color */
  border: none;               /* remove border */
  transition: background-color 0.3s ease;
}

.btn-custom:hover, .btn-custom:focus {
  background-color: #d0dbc5;  /* darker shade on hover */
  color: #fff;
  text-decoration: none;
}


/*--about page--*/
.about_header h1 {
	color:#695954;
	font-size: 3rem;
}

.project-image {
  width: 100%;       /* Makes image fill the container width */
  height: auto;      /* Keeps image aspect ratio */
  object-fit: contain;  /* Optional: ensures image fits inside container */
  max-height: 250px; /* Optional: limits max height for uniformity */
  border-radius: 6px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



#container {
	width:1000px;
	height:auto;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
}

 .highlight-box {
      background-color: #d0dbc5;
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 6px;
    }

#sidebar {
	float: left;
	width: 400px;
	padding: 0 10px 15px 0;
}

#mainContent {
	margin: 0 0 0 200px;
	padding: 100px 20px 20px 20px;
}
/*end of about page*/

/*start of contact page*/
.contact_head h1 {
	color:#9C6E6C;
	font-size: 3rem;
}

.contact_side {
	background: white
	no-repeat center center;
	background-size: cover;
	padding:0;
	height:400px;
}

label {
  text-align: left;
  display: block;
}

/*end of contact page*/

/*graphic carry on*/
.carryon-thumb {
	display:flex;
	justify-content: center;
}

.daily-thumb {
	display:flex;
	justify-content: center;
}

.card-img-top {
  height: 250px;
  object-fit: cover;
}

/*Style all font awesome icons */
.fa {
	padding:10px;
	font-size:30px;
	width:40px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
}



footer {
      margin-top: 50px;
      padding: 20px;
      background: #695954;
      text-align: center;
	  color: white;
    }

/*desktop styles end here*/



/*Media Query Breakpoints*/
/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
}



/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
	
/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
  }


/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_bg h1 {
        font-size: 3rem;
        bottom: 5%;
        left: 3%;
        }
	}}.col-l-6 {
}