/* MAIN STYLES */
			
		    * {
		                   margin: 0;
		                   padding: 0;
		                   box-sizing: border-box;
		               }
			
            body, p, div, button, li {
				
                font-family: 'Inter', sans-serif;
				font-size: 16px;
				
            }
			
			
			

.pagination-current {
	
    width: 50px;
    height: 50px;
}

.pagination-link {
	width: 50px;
    height: 50px;
}

			div,p,h1,h2,h3 {
			    overflow-wrap: break-word;
			    white-space: normal;
			}
			
			
			ul {
			    list-style-type: disc; /* or 'circle' or 'square' depending on your preference */
			    padding-left: 20px;   /* or any suitable value that aligns your list items properly */
			}
			
			a {
			  /* Smooth transition for the filter */
				cursor: pointer;
			}

		
			.no-underline-button {
			
				text-decoration: none !important;
					
			}
			
			
			.no-underline-button:hover {
			
				text-decoration: none !important;
					
			}
			
			
			a, a:hover {
			    color: inherit; /* This will make the hover color the same as the non-hover color */
				
			}
			
			a:hover {
				
							text-decoration: underline;
							cursor: pointer;
						}
			
			.blog-title {
				cursor: pointer;
			}
			
			
			.button {
			    transition: filter 0.3s ease, transform 0.3s ease; /* Smooth transitions for filter and transform */
			}

			.button:hover {
			  /* Makes the button 10% brighter */
			    transform: scale(1.05); /* Increases the size of the button by 5% */
			}
			
			
			#admin_top_bar {
			    width: 100%;
			    padding: 10px;
			    background-color: #000;
			    color: #FFF;
			    font-size: 12px;
			    text-transform: uppercase;
			    text-align: center;
			}
			
			p {
				margin-bottom: 2rem;
			}
			
			p, li {
				margin-bottom: 3%;
				margin-top: 3%;
			}
		
			li {
				margin-left: 3%;
			}
		
			h2 {
				font-size: 25px; font-weight: bold; margin-top: 25px;
			}
		
		
			h3 {
				font-size: 20px; font-weight: bold; margin-top: 20px;
			}
		
			h4 {
				font-size: 16px; font-weight: bold; margin-top: 16px;
			}
		
			
			
			/* topbar for blog */ 
			
			
			.avatar {
			
			border-radius: 100%;	
			max-width: initial;
			
			}
			
			
			
			.topbar {
				height: 70px;
				width: 100%;
				background-color: #FFF;
				border-bottom: 1px solid rgb(204 204 204 / 49%);
				font-size: 12px;
				padding: 10px;
			}
			
			
		   	   #logo {
		   	       position: absolute;
		   	       top: 20px;
		   	       left: 20px;
		   	       z-index: 10;
		   		   color: #FFF;
			   display: table;
			   align-items: center;
		   	   }
	   		
			
			   #logo_icon {
			   	display: table-cell; vertical-align: middle; margin-right: 15px; padding-right: 15px;
			   }
			   
			   #logo_title {
			   	display: table-cell; font-size: 20px;
			   }
			   
			   
			   #logo img {
				   width: 30px;
				   height: 30px; 
			   }
			   
			   #topbar-right {
			   	 position: absolute; top: 14px; right: 14px; z-index: 5;
			   }
			   
   		
			
			   
			   /* end top bar */
			
			
			
			
			   /* POST CONTENT AREA */
			   
			   
			   
			   #post-pagination {
			   	
				   margin: auto;
				   padding: 5px;
				   text-align: center;
			   }
			   
			   
			   
			   
			   
			   
			   #post-pagination a:hover {
			   	
				   color: initial;
			   }
			   
			   
			   
	        #centered-content-area {
	            margin: auto;
				margin-top: 40px;
	            max-width: 680px;
				width: 100%;
	            padding: 20px;
	        }
			
			
			/* end post content area */
			
			#post-title {
				font-weight: 800;
				font-size: 35px;
				line-height: 1.2em;
				color: #000000;
				margin-bottom: 0.5em;
			}
			
			#post-subtitle {
				font-size: 16px;
				line-height: 1.5em;
				opacity: 0.8;
				margin-bottom: 25px;
			}
			
			/* end post title */
			
			
			/* start post author and comments */
			
			
			#post-functions {
				
				border-top: 1px solid #DDD;
				border-bottom: 1px solid #DDD;
				width: 100%;
				padding: 10px 20px;
				margin-bottom: 25px;
				display: table;	
			}
			
			
			#post-author-avatar {
				display: table-cell;
				vertical-align: middle;
				width: 50px;
				height: 50px;
				padding-right: 15px;
			}
			
			#post-author-avatar img {
				width: 50px;
				position: relative;
				top: 2px;
			}
		
			#post-author-date {
				display: table-cell;
				vertical-align: middle;
				line-height: 100%;
			}
			
			#post-icons {
				width: 30%;
				text-align: right;
				display: table-cell;
				vertical-align: middle;
			}
			
			.share-box {
				padding: 0px;
				margin: auto;
				width: 90%;
			}
			
			
			#copyButton {
				font-size: 10px;
			}
			
			/* end author bar */
			
			/* start featured image / gallery */
			
			#featured-image-gallery {
				
				
			}
			
			.featured-image-gallery {
			  width: 100%;
			  /* Adjust height as needed */
			  overflow: hidden;
			  position: relative;
			}

			.gallery-wrapper {
			  width: 100%;
			  display: flex;
			  transition: transform 0.3s ease-in-out;
			}

			.gallery-item {
			  flex: 1; /* Distribute items evenly within the gallery */
			  /* Add image/video styles here */
			}

			.gallery-navigation {
			  /* Remove this styling since individual arrows have backgrounds */
			  /* position: absolute;
			  top: 50%;
			  transform: translateY(-50%);
			  display: flex;
			  justify-content: space-between; */
			}

			.gallery-arrow {
			  background: none; /* Removed border */
			  border: none;
			  color: #fff; /* Adjust color */
			  font-size: 2rem;
			  padding: 10px;
			  cursor: pointer;
			  position: absolute; /* Keep absolute positioning */
			  top: 50%; /* Center them vertically */
			  transform: translateY(-50%); /* Adjust vertically if needed */
			  background-color: rgba(0, 0, 0, 0.2); /* 50% opacity black */
			}

			.gallery-arrow.left {
			  left: 10px; /* Adjust horizontal position as needed */
			}

			.gallery-arrow.right {
			  right: 10px; /* Adjust horizontal position as needed */
			}

			.gallery-arrow:hover {
			  opacity: 0.7;
			}
		
		
			.featured-image-gallery {
			  overflow: hidden;
			}

			.gallery-wrapper {
			  display: flex;
			  transition: transform 0.5s ease;
			}

			.gallery-item {
			  flex: 0 0 100%;
			  overflow: hidden;
			}
			
			
			/* end featured image gallery */
			
			#post-content {
				max-width: 100%;
				font-size: 16px;
			}
			
			#post-content a {
				
				text-decoration: underline;
				filter: brightness(105%);
			}
			
			.icon-post-extra-function {
				padding: 20px;
			}
			
			
	        #social-links {
	            text-align: center;
	            margin: auto;
	        }
			
			.one-social-link {
			    width: 40px;
			    height: 40px;
			    border-radius: 40px;
			    font-size: 14px;
			    padding: 10px;
			    text-align: center;
			    display: inline-block;
			    margin: 5px;
			    cursor: pointer;
			    transition: all .1s ease-in-out;
			}
			
			
			.newsletter-signup {
			    border: 2px solid black;
			    padding: 7%;
			    max-width: 800px;
			    margin: auto;
			    margin-top: 10px;
			    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
			}
			
			
			.post-extra-functions {
				font-size: 30px; position: absolute; left: 0px; top: 0px; opacity: 0.8
			}
			
			.icon-post-extra-function {
				padding: 5px;
				font-size: 30px;
			}
			
			
		    .videoWrapper {
		  		            position: relative;
		  		            padding-bottom: 56.25%; /* 16:9 */
		  		            height: 0;
		  		        }

		  		        .videoWrapper iframe {
		  		            position: absolute;
		  		            top: 0;
		  		            left: 0;
		  		            width: 100%;
		  		            height: 100%;
		  		        }
						
						
						
						
						
						/* COMMUNITY ADDITIONAL STUFF */
						
						
						.breadcrumbs {
							font-size: 14px;
							text-transform: uppercase;
							margin-bottom: 10px;
						}
						
						
				        #post-iframe-container {
				               display: none;
				               position: fixed;
				               top: 0;
				               left: 0;
				               width: 100%;
				               height: 100%;
				               z-index: 10;
							   padding: 20px;
				               background-color: rgba(0,0,0,0.5);
				           }
				           #post-iframe-container iframe {
				               width: 100%;
				               height: 100%;
							   border-radius: 20px;
				           }
				           #close-iframe {
				               position: absolute;
				               top: 50px;
				               right: 50px;
				               font-size: 50px;
				               cursor: pointer;
				               color: #000;
				           }
						   
						   
   		   				.form-control {
   		   					background-color: #ffffff !important;
   		   					border: 2px solid #e8eef5 !important;
   		   					border-radius: 3px !important;
   		   					color: #222 !important;
   		   					box-shadow: 0 0 20px rgba(0,0,0, .05);
   		   					    padding: 20px;
   		   					    padding-top: 12px !important;
   		   					    padding-bottom: 12px !important;
   		   					    font-family: 'Helvetica Neue', sans-serif;
   		   					    font-size: 16px;
   		   					    width: 100%;
   		   					    border: 0px;
   		   					    line-height: 23px;
   		   					    height: 56px;
   		   				}
						
		   				.form-control-white {
		   					background-color: #ffffff !important;
		   					border: 2px solid #e8eef5 !important;
		   					border-radius: 3px !important;
		   					color: #222 !important;
		   					box-shadow: 0 0 20px rgba(0,0,0, .05);
		   					    padding: 20px;
		   					    padding-top: 12px !important;
		   					    padding-bottom: 12px !important;
		   					    font-family: 'Helvetica Neue', sans-serif;
		   					    font-size: 16px;
		   					    width: 100%;
		   					    border: 0px;
		   					    line-height: 23px;
		   					    height: 56px;
		   				}
						
						.authorcolumns {
							
							display: table; 
							width: 100%;
							vertical-align: middle;
						}
						   
						   
						   
						   
						@media only screen and (max-width: 767px) {
						  .hide-mobile {
						    display: none;
						  }
						}
						
						
						@media only screen and (min-width: 768px) and (max-width: 1024px) {
						  .hide-tablet {
						    display: none;
						  }
						}
						
						
						
						@media only screen and (min-width: 1025px) {
						  .hide-desktop {
						    display: none;
						  }
						}