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

body {
            padding-top: 56px;
			font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size:16px;
        }

        @media (min-width: 768px) {
            body {
                padding-top: 70px;
            }
        }
		
		.header {
			background-color: #014760;
		}
		
        .post {
            margin-bottom: 30px;
        }

        .post img {
            height: 270px; /* Set the desired fixed height */
            object-fit: cover; /* Ensure images maintain their aspect ratio and cover the specified height */
            width: 100%; /* Make sure the width is 100% to fill the container */
			border-radius: 10px;
			padding: 4px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
		
		.post_img_single {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
			border-radius: 10px;
			
        }
		
		/* Add a CSS rule for the "Read More" button */
    	.custom-btn {
        	background-color: #4c7273; /* Set the dark grey color */
        	color: #fff; /* Set text color to white */
    		transition: background-color 0.3s ease; /* Add transition for smooth color change */
			padding: 7px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    	}
		
		.custom-card-header {
        	background-color: #014760; /* Set the dark grey color */
			padding: 10px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
        	color: #fff;  /*Set text color to white */
    		/*transition: background-color 0.3s ease;  Add transition for smooth color change */
    	}

		/* Add hover effect */
		.custom-btn:hover {
			background-color: #014760; /* Set a lighter shade of grey when hovering */
			color: #fff; /* Set text color to white */
		}
        /* Add your additional styles here */

        /* Sticky footer styles */
        html, body {
            height: 100%;
        }

        #page-content {
            flex: 1 0 auto;
        }

        #sticky-footer {
            flex-shrink: none;
			background-color: #014760;
			color:#FFF;
        }

        .social-icon {
            display: flex;
            align-items: center;
            margin-bottom: 1px;
			padding: 7px;
        }

        .social-icon img {
            margin-right: 10px;
        }

        .youtube-video {
            margin-top: 10px;			
        }

/* FOR ADMIN PART MOSTLY */
/* Apply some basic styling to the table */
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

/* Style the table header */
th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #014760;
  color:#FFF;
}

/* Add some hover effect on table rows */
tr:hover {
  background-color: #f5f5f5;
}

.login-container {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      width: 300px;
      text-align: center;
    }

    .login-container h2 {
      margin-bottom: 20px;
      color: #333;
    }

    .login-form input {
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }

    .login-form button {
      background-color: #4caf50;
      color: #fff;
      padding: 10px 15px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .login-form button:hover {
      background-color: #45a049;
    }