@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 {
            width: 100%;
            height: auto;
			
            margin-bottom: 15px;
			border-radius: 12px;
			padding: 5px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
		
		/* 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);
    	}
		
		/* Add hover effect */
		.custom-btn:hover {
			background-color: #014760; /* Set a lighter shade of grey when hovering */
			color: #fff; /* Set text color to white */
		}
		
		.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 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-media-sharing {
        text-align: center;
        margin-bottom: 40px;
    }

    .social-media-sharing {
        text-align: center;
        margin-bottom: 20px;
    }

    .fb-share-button,
    .instagram-share-button {
        display: inline-block;
        font-size: 24px; /* Adjust the size as needed */
        margin-right: 10px; /* Add some spacing between icons */
    }

    .fb-share-button i,
    .instagram-share-button i {
        vertical-align: middle;
    }

    .instagram-share-button {
        display: inline-block;
        background-color: #405de6;
        color: #fff;
        padding: 8px 12px;
        border-radius: 5px;
        text-decoration: none;
        margin-left: 10px;
    }

    .instagram-share-button:hover {
        background-color: #1e3bb8;
    }
	
	.social-icon {
            display: flex;
            align-items: center;
            margin-bottom: 1px;
			padding: 7px;
        }

        .social-icon img {
            margin-right: 10px;
        }
	
blockquote {
        border-left: 2px solid #333; /* Add a left border for indentation */
        padding-left: 10px; /* Adjust the padding for indentation */
        font-style: italic; /* Make the text italic */
    }