/*
Theme Name: Alpha Centauri 2.0
Author: Paul
Version: 0.2
Text Domain: theac2
*/

/* Basic Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Basic Typography */
body {
	background-color: #1c1e21;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 1.5rem;
}

/* Links */
a {
    color: #007bff;
    text-decoration: none;
}

a.show-ignored-comment {
    color: grey;
    text-decoration: underline;
    font-style: italic;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Layout */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.top-navbar{
	background-color: #14171a;
}

.site-header,.site-header-row{
	background-color: #14171a !important;
	z-index:1051;
}
.site-header-row{
	 padding: 5px 10px;
	 height:50px;
}

.site-header a {
    color: #fff;
}

.site-header .navbar-brand {
    color: #fff;
	padding-top:0;
	padding-bottom:0;
}

.site-header .navbar-brand:hover {
    color: #e9ecef;
}

.user-menu {
    display: flex;
	height:40px;
    align-items: center;
}

.user-avatar img {
    width: 30px;
    height: 30px;
	margin-top:5px;
    border-radius: 50%;
}

.login-signup a {
    font-size: 0.9rem;
    padding: 5px 15px;
}

.login-signup .btn {
    color: #fff;
    border: 1px solid #fff;
}

.login-signup .btn:hover {
    background-color: #fff;
    color: #0a0a0a;
}

a.nav-current {
    background: #212121;
}

.mid-nav {
    background-color: #1c1e21; /* Dark background */
    border-radius: 25px; /* Rounded corners */
    padding: 5px 20px; /* Padding around the icons */
    display: flex;
    gap: 20px; /* Spacing between icons */
}

.nav-icon {
    color: #fff; /* White icon color */
    font-size: 1rem; /* Adjust icon size */
    width: 30px;
    height: 30px;
    border-radius: 50%; /* Circular background */
    transition: background-color 0.3s ease;
}

.mid-nav .nav-icon:hover {
    color:#d54f17; /* Light background on hover */
}

.notification-badge {
	top: 2px;
    right: 1px;
    background-color: #d54f17;
    color: #fff;
    font-size: .75rem !important;
    padding: 0px 5px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.mid-nav a {
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit color */
    display: flex;
    align-items: center;
}

.nav-search input {
    transition: width 0.3s ease;
    font-size: 1rem;
	border-radius: 15px;
    background: #14171a;
}

.nav-search input:focus{
	background: #14171a;
	color:white;
    border-color: white;
    outline: transparent;
    box-shadow: none;
}

.nav-icon {
    transition: opacity 0.3s ease;
}

/* Content Area */

.entry-header {
    margin-bottom: 1rem;
}

.entry-title a {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
	color:white;
}
.entry-title a:hover{
	color:#ff6800;	
}

.article-single .entry-header,.article-counts{
	border-bottom: 1px solid #3d3d3d;
}

.article-single .entry-title{
	font-size: 1.8rem;
	color: white;
}



.avatar{
	width: 48px;
	height: 48px;
	border-radius:30px;
}
.profile-image-wrapper img{
	width: 72px;
	height: 72px;	
}

.fas.fa-heart:before{
	color: grey;
}
.vortex-p-like-active .fa-heart:before{
	color:#d54f17;
}

.wp-post-image{
	max-height: 9rem;
	object-fit: cover;
    object-position: 50% 50%;
}

.article-thumbnail{
	max-height:18rem;
	width:100%;
}

.video-thumbnail{
	width:100%;
}
.youtube-embed{
	cursor:pointer;
}
.youtube-embed:after{
    content: "";
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 75px);
    width: 150px;
    height: 150px;
    z-index: 0;
    background: transparent url(/wp-content/themes/alphac/img/play.png) no-repeat center;
    background-size: 150px 150px;
    pointer-events: none;
    opacity: .;
}
.embed-wrapper{
	display: flex;
    justify-content: center;
}
.youtube-wrapper{
	display:block;
}
.other-embed.embed-wrapper{
	display: block;
    text-align:center;
}
.embed-wrapper .post-thumbnail img,.embed-thumbnail img{
	max-height:18rem;
	object-fit: cover;
    object-position: 50% 50%;
	width:100%;
	margin-bottom:1rem;
}



#wpadminbar{}

iframe.wp-embedded-content{
	position:relative!important;
	width:100%!important;
}
blockquote.wp-embedded-content{
	display:none;
}

.category-bubble{
	background-color: transparent;
}

.btn-sm.category-bubble:last-child {
    margin-right: 0px !important;
}

.entry-meta {
    font-size: 0.875rem;
    color: #6c757d;
}

.entry-content {
    margin-bottom: 2rem;
}

.entry-footer {
    border-top: 1px solid #dee2e6;
    padding-top: 1rem;
    margin-top: 2rem;
}

.widget-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

article.article-single{
	color:#cdcdcd;
}
.article-single.category-links .entry-content{
	text-align:center;
}

.post-excerpt,.article-counts{
	padding-right: 15px;
}

.author-info{
	padding:0px;
}

.entry-content p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
	text-align:justify;
}

.commentstream-left{
	background: #1a1c1f;
	border-radius: 15px;
}
.commentstream-comment{
	
}

.entry-content p a, .tag-links a, li a {
    color: #ff842f; /* Link color */
    text-decoration: none;
}

.entry-content p a:hover, li a:hover {
    color: #ff6800; /* Darker color on hover */
    text-decoration: underline; /* Remove underline on hover */
}

.entry-content blockquote {
	font-size: 1.2rem;
    line-height: 1.6;
    margin: 1.5rem 0;
    padding: 1rem;
    border-left: 4px solid #ff7f00;
    background-color: #fff6f1;
    color: #555;
}

.entry-content blockquote p {
    margin: 0; /* Remove default margin */
}

.entry-content blockquote cite {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #888; /* Lighter text for citation */
}

.wp-caption {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 0.9rem;
    color: #666; /* Grey text for caption */
}

.wp-caption img {
    max-width: 100%;
    height: auto;
    border-radius: 4px; /* Rounded corners */
}

.wp-caption .wp-caption-text {
    margin-top: 0.5rem;
    font-style: italic;
    color: #555; /* Slightly darker grey for caption text */
}

.wp-block-embed {
    margin-bottom: .5rem;
    max-width: 100%;
}

.wp-block-embed__wrapper {
    position: relative;
    height: auto;
    overflow: hidden;
}
.wp-block-embed-youtube .wp-block-embed__wrapper{
    padding-bottom: 56.25%; /* 16:9 aspect ratio */	
}
.wp-block-embed-twitter .wp-block-embed__wrapper{
		height: auto;
		padding-bottom: 0px;		
}
.twitter-tweet-rendered{
	margin:10px auto;
}

.otfm-sp__title{
	color:black!important;
}

.wp-block-image{
	text-align:center;
}

.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
    color: white;
}

.entry-content h1 {
    font-size: 2.5rem;
}

.entry-content h2 {
    font-size: 2rem;
}

.entry-content h3 {
    font-size: 1.75rem;
}

.entry-content h4 {
    font-size: 1.5rem;
}

.entry-content h5 {
    font-size: 1.25rem;
}

.entry-content h6 {
    font-size: 1rem;
}

.entry-content ul,
.entry-content ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
}

.entry-content ul li,
.entry-content ol li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.entry-content ul {
    list-style-type: disc;
}

.entry-content ol {
    list-style-type: decimal;
}

.entry-content table {
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 0.9rem;
    color: #333;
}
tbody{color: white;}

.entry-content table th,
.entry-content table td {
    padding: 0.75rem;
    border: 1px solid #ddd;
    text-align: left;
}

.entry-content table th {
    background-color: #f8f9fa; /* Light grey background for header */
    font-weight: bold;
}

.entry-content pre {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 4px;
    overflow-x: auto;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    color: #333;
}

.entry-content code {
    background-color: #f1f1f1;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-size: 0.9rem;
    color: #d63384; /* Pink color for inline code */
}

.entry-content hr {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 2rem 0;
}

.entry-content cite {
    font-style: italic;
    color: #777;
    display: block;
    margin-top: 1rem;
}

.entry-content strong, 
.entry-content b {
    font-weight: bold;
}

/* Emphasized / Italic Text */
.entry-content em, 
.entry-content i {
    font-style: italic;
}

i.fa,i.fas,i.fab{
	font-style:normal!important;
}

.wp-block {
    margin-bottom: 1.5rem;
}

/* Sidebars */
.sidebar {
	padding: 0px 15px 15px 15px;
    margin-bottom: 2rem;
}

/* Ensure the sidebar takes up the full height of the viewport and is scrollable */
.sidebar-left {
    position: fixed; /* Fix the sidebar position so it stays in place when scrolling */
	display: flex;
	flex-direction: column;
    left: 0;
    width: 250px; /* Adjust the width according to your layout needs */
    height: 100vh; /* Full viewport height */
    overflow-y: auto; /* Enable vertical scrolling */
    background-color: #1a1c1f; /* Same background color as the sidebar */
	padding-bottom: 50px; /* Padding to avoid touching the bottom of the page */
	padding-top: 5px;
}

.sidebar-right{
	position: fixed;
    display: flex;
    flex-direction: column;
    right: 0;
    width: 320px;
    height: 100vh;
    overflow-y: auto;
    background-color: #1a1c1f;
    padding-bottom: 50px;
    padding-top: 5px;
}
#right-sidebar{
	overflow:hidden;
}
.sidebar-comment-section{
	overflow-y:scroll;
}
.sidebar-comment-section::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
    display: none;  /* Safari and Chrome */
}

.sidebar-section-wrapper{
	height:100vh;
}

.sec-20{
	flex: 0 0 20%; max-height: 20%;
}
.sec-60{
	flex: 0 0 60%; max-height: 60%;
}

.sidebar-footer {
    margin-top: auto;
    padding-bottom: 40px; /* Add padding to avoid touching the bottom */
}

.sidebar-footer h6 {
    margin-bottom: 10px;
    font-size: 0.75rem;
    text-align: center;
}

.sidebar-footer ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: space-around; /* Distribute icons evenly across the row */
    margin: 0;
}

.sidebar-footer ul li {
    margin: 0 5px; /* Small margin between icons */
}

.sidebar-footer ul li a {
    color: #fff; /* White color for the icons */
    font-size: 1.5rem; /* Adjust the size of the icons */
    transition: color 0.3s;
    display: inline-block;
    padding: 5px; /* Add some padding around icons */
}

.sidebar-footer .nav-link:hover {
    color: #ff842f; /* Change color on hover */
}

/* Optional: Style adjustments for the sidebar and content */
.sidebar-left .nav-link {
    padding: 10px 15px;
    font-size: 0.9rem;
    color: #fff;
	border-radius:15px;
}

.sidebar-left .nav-link:hover {
    background-color: #1d1d1d;
}

.sidebar-left h6, .sidebar-right h6 {
    font-size: 0.75rem;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #adb5bd;
}

span.single-nav {
    width: 25px;
}

.sidebar-footer i{
	font-size:1.4em;
}

/* SIDEBAR LAUNCH SECTION*/

.sidebar .launch-card {
    border-radius: 8px; /* Rounded corners for a smooth look */
    background-color: #1c1e21 !important;
    border: 1px solid #333; /* Subtle border for definition */
	cursor:pointer;
}
.sidebar .launch-card:hover {
    background-color: #1c1e21 !important;
}

.sidebar .launch-card .mission-date {
	font-weight: 600;
    font-size: 0.9rem;
    color: #a9a9a9; /* Muted text color */
}

.sidebar .launch-card .rocket-name {
	padding-left: 5px;
    font-weight: 600; /* Bold for emphasis */
    font-size: 1rem; /* Standard size for readability */
}

.sidebar .launch-card .country-flag {
}

.sidebar .launch-card .mission-name {
	text-align: center;
    font-size: 0.9rem;
    font-weight: 500; /* Medium weight */
    margin-top: 5px;
    color: #ffffff; /* Bright text for contrast */
}

.sidebar .launch-card .launch-time {
    font-size: 0.8rem;
    color: #d3d3d3; /* Slightly muted to differentiate from mission name */
    margin-top: 5px;
}

.mission-wrapper{
	padding:0px;
}

.country-flag img{
	height:1em;
	filter: grayscale(0.4);
	vertical-align: middle;
}
/* SIDEBAR LAUNCH SECTION*/

/* Footer */
.site-footer {
    background-color: white;
    color: #fff;
    padding: 20px 0;
}

.feed-row{
	background-color: #1c1e21;
    padding: 20px;
}

.entry-excerpt,.entry-content{
	word-wrap: break-word;
}

#left-sidebar::-webkit-scrollbar {
  width: 0px;
}
#left-sidebar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

#left-sidebar::-webkit-scrollbar-track {
  background-color: transparent;
}

#left-sidebar::-webkit-scrollbar-thumb {
  border-radius: 7px;
  box-shadow: inset 1px 1px 4px #14171a;
  background-color:#14171a;
}

#left-sidebar:hover::-webkit-scrollbar {
  width: 7px;
}

#left-sidebar:hover::-webkit-scrollbar-track {
  background-color: #1a1a1a;
}

#left-sidebar:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 1px 1px 4px #14171a;
  background-color:#14171a;
}

.article-infeed{
	background-color: #1a1c1f;
    border: 2px solid #1a1c1f;
    border-radius: 16px;
    color: #fff;
    margin-bottom: 15px;
    padding: 15px;
}

span.editorial:after, a.editorial:after {
    cursor: pointer;
    padding-left: 3px;
    content: "\f00c";
    display: inline;
    font: 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .6em;
    vertical-align: middle;
    font-style: normal;
    color: #d54f17;
}

span.ai:after, a.ai:after {
    content: "\f72b"!important;
    font-family: "Font Awesome 6 Pro" !important;
}


.site-header{
	background-color: #0a0a0a; /* Dark background color */
	height: 45px;
}

.site-logo {
    display: flex;
    align-items: center;
}

.site-logo-img {
    height: 40px; /* Adjust as needed */
    width: auto;
}

.site-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff; /* White text color */
}

.btn-login{
	border-radius:30px;
	font-size: .8rem!important;
    padding: 7px 10px!important;
}

.bg-dark{
   background-color: #1a1c1f !important;
}

html{margin-top:0px!important;}

.magic {
  display:inline-block;
  position:relative;
}

.magic i{
  color:orange;
  filter:grayscale(100%);
}
.magic:active i{
  animation:change 1s forwards;
}

.like-count{
	color: #acacac;
}

.vortex-p-like-active i,.vortex-p-like-active .like-count{
	color:#d54f17;
	filter:none;
}

.login-link-comments{
	color:#d54f17;
}

@keyframes change{
  50% {
    transform:scale(0);
  filter:grayscale(100%);
  }
  51% {
    filter:grayscale(0%);
  }
  100% {
    transform:scale(1);
    filter:grayscale(0%);
  }
}
/**/
  
#canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  pointer-events: none;
  background-color: transparent;
}

/**/
.toast,.toast-header{
	background-color: #0e1011 !important;
}


.pr-no{
	padding-right:0px!important;
}

.comments-feed-link,.comments-feed-link:hover{
	color: #ffffff;
}

.bookmarked {
    color: #d54f17; /* Gold for bookmarked */
}

.bookmark-btn i {
    font-size: 18px;
    cursor: pointer;
}
a.bookmark-btn{
	color:white;
}

.bookmarked i,.bookmarked b {
    color: #d54f17; /* Highlight the bookmark icon */
}
.page-bookmark.has-bookmarks{
	
}

.author-name a, .author-name a:hover{
	color: #d54f17;
}

/* Hidden sidebar on small screens */
.sidebar-slide {
    top: 0;
    left: -100%; /* Initially off-screen */
    width: 100%; /* Take full width */
    height: 100%;
    background-color: #252930; /* Match your sidebar background */
    transition: left 0.3s ease; /* Smooth sliding transition */
}

/* Sidebar visible (on slide in) */
.sidebar-slide.open {
    left: 0; /* Slide in */
	z-index:5;
	transition: left 0.3s ease; /* Smooth sliding transition */
}

.blurred {
	filter:blur(2px);
	transition: .1s ease;
}

/* Style the toggle button */
#toggle-sidebar-btn {
    display: inline-block;
    padding: 5px 5px;
    background-color: #14171a;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1060;
}

#toggle-sidebar-btn i::before{
	font-size:1.5em;
}

.user-menu{
	gap:1em;
}
.text-center button, .text-center button:hover, .text-center button:active{
	background: #d54f17!important;	
	border:none!important;
	box-shadow: none!important;
}

/* Responsiveness */
@media (max-width: 767.98px) {
	
	.user-menu{
		padding-right:5px!important;
	}
	#lside {
		position:fixed;
		top: 50px;
        transform: translateX(-100%); /* Hide sidebar off the screen to the left */
        transition: transform .2s ease-in-out; /* Smooth slide transition */
        z-index: 1050; /* Ensure it stays on top */
        background-color: #252930; /* Ensure sidebar background */
        height: 100vh; /* Full height to match screen */
		width:250px;
    }

    /* Sidebar visible (slide in) */
    #lside.open {
        transform: translateX(0); /* Slide sidebar into view */
    }
	.views-count{
		margin-right: 1rem !important;
	}
	.bookmark-single{
		margin-left: 1rem !important;
	}
    .user-menu {
        align-items: flex-end;
    }

    .login-signup {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .login-signup .btn {
        width: 100%;
		margin-top: 2px;
		margin-bottom: 3px;
    }
	
    .col-lg-3, .col-lg-6 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

	.site-name{
		font-size:1em;
	}
	
	.midnav{
		padding-left:0;
	}
	.site-logo{
		padding-right:0;
		padding-left:5px!important;
	}
	
	.mid-nav{
		padding: 5px 10px;
		width: 15em;
		gap: 20px;
	}
	.entry-excerpt{
		line-height: 1.2em;
		font-size: 1em;
		padding-bottom: 10px;
	}
	.article-single .entry-title {
		font-size: 1.6rem;
	}
	#search-field{
		height: 35px !important;
	}
	#search-container{
		width:15em!important;
	}
	.feed-row{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.article-infeed{
		border-radius:0px!important;
	}
	.article-single{
		padding:15px;
	}
}
@media (max-width: 1025px) {
}

@media (max-width: 391px){
	.mid-nav{
		padding: 5px 10px;
		width: 11.5em;
        gap: 14px;
	}
}

.d-hide{
	display:none!important;
}

/* COMMENTS */
.comments-area {
    margin-top: 2rem;
}

#show_all_comments{
	cursor:pointer;
}

.comment-body {
    background-color: #1a1c1f;
    padding: 15px;
	border-radius: 15px;
}

.comment-content ol {
    padding-left: 1.5em;
}

.comment-content img{
	max-width:100%;
}

.comment-content em {
    border-left: 3px solid orange;
    padding-left: 10px;
    margin-left: 0;
    display: block;
    font-style: italic;
}

.nested-comment {
    background-color: #3a3a3a; /* Slightly lighter background for replies */
    margin-bottom: 10px;
    margin-left: 0px;
    border-left: 1px solid #555; /* A border for indentation */
	padding-bottom: 0px;
    padding-top: 0px;
}

.comment-author-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.comment-author-name {
    font-size: 1rem;
    color: #fff;
}

.comment-meta {
    font-size: 0.85rem;
    color: #a9a9a9; /* Muted color for time and date */
}

.comment-likes {
    font-size: 1rem;
}

.comment-content {
	font-size: 1em;
    line-height: 1.5em;
    color: #e0e0e0;
    margin-top: 0.5rem;
	word-break: break-word;
}

.comment-content a {
    color: #f05a22;
}

.comment-actions {
    font-size: 0.85rem;
    color: #a9a9a9;
}

.comment-actions .reply a {
    color: #fff; /* White color for reply */
}

.comment-actions .collapse-link a {
    color: #888; /* Muted collapse link */
}

.children {
    margin-left: 20px;
    border-left: 2px solid #444;
    padding-left: 10px;
    margin-top: 1rem;
}


.custom-comment-form {
    background-color: #1c1c1e; /* Match the dark background of your theme */
    padding: 15px;
    border-radius: 8px;
}

.comment-depth-2 {
    border-color: #79465c;
}

.comment-depth-3 {
    border-color: #467946;
}

.comment-depth-4 {
    border-color: #464a79;
}

.author-1,.author-5,.author-9,.author-13{
    color: #f9d1be !important;
}

.author-2,.author-6,.author-10,.author-14 {
    color: #ffdbeb!important;
}

.author-3,.author-7,.author-11,.author-15 {
    color: #e6ffe6 !important
}

.author-4,.author-8,.author-12,.author-16 {
    color: #d7daff !important;
}

.custom-comment-form textarea {
    background-color: #2c2c2e; /* Darker textarea background */
    color: #ffffff; /* White text for readability */
    border: none;
    border-radius: 8px;
    padding: 10px;
    font-size: 1rem;
}

.custom-comment-form textarea::placeholder {
    color: #a9a9a9; /* Light grey for the placeholder */
}

.custom-comment-form button {
    background-color: #007bff; /* Bootstrap primary blue */
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
}

.custom-comment-form button:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

.custom-comment-form .form-group {
    margin-bottom: 1rem; /* Spacing between elements */
}

.custom-comment-form .text-right {
    text-align: right; /* Align the button to the right */
}

.reply-collapse {
    color: #f2875f !important;
    cursor: pointer;
    text-decoration: underline;
}

.show-more-replies:hover {
    text-decoration: underline;
}

.reply-form, .edit-form {
    margin-top: 15px;
}

.reply-form textarea, .edit-form textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.reply-form button, .edit-form button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.btn.submit-comment-reply{
    padding: 6px;
    background: #9c3610;
    font-size: .9em;
}
.btn.send-comment{
	padding: 7px;
    background: #f05a22;
    font-size: 1rem;
}
a.comment-vote-button.voted-up,a.comment-vote-button.voted-up i:before{
    color: #d54f17;
}
a.comment-vote-button.not-voted{
	color: gray;
}
.comment-reply-link.not-allowed,.comment-reply.not-allowed {
	display:none;
    pointer-events: none;  /* Disable click */
    opacity: 0.5;          /* Dim the button */
    cursor: not-allowed;   /* Change the cursor */
}

.highlighted-comment {
    background-color: #ffffff12;
    transition: background-color .3s ease;
}
.comment-more-options{
	padding-left: 0.12em;
	cursor:pointer;
}

.comment-more-options:hover{
	background-color: #2a2a2a!important;
    border-radius: 15px!important;
    padding: 0px 3px!important;
}

.parent-comment-link{
    color: #b1b1b1;
}
.comment-wrapper{
    border-radius: 15px;
}

#comment-actions-dropdown {
    background-color: #1a1c1f; /* Dark background */
    border: 1px solid #333; /* Border for visibility */
    min-width: 160px; /* Minimum width */
    padding: 5px 0; /* Padding around items */
    z-index: 1000; /* Ensure it's on top */
    display: none; /* Initially hidden */
    position: absolute; /* Position it dynamically */
}

#comment-actions-dropdown .dropdown-item {
    padding: 8px 16px; /* Spacing inside */
    color: #fff; /* Light text */
    display: flex; /* To align icons and text */
    align-items: center; /* Vertically align items */
}

#comment-actions-dropdown .dropdown-item:hover {
    background-color: #333; /* Lighter on hover */
}

#comment-actions-dropdown .dropdown-item i {
    margin-right: 10px;
    color: #f05a22; /* Adjust icon color */
}

.comments-area{
	padding-left:0px;
	padding-right:0px;
}

.comment-body.pinned {
    position: relative; /* Ensure the pin is positioned relative to the comment box */
}

.text-bright{
	color:white!important;
}

.pinned-icon {
    top: 10px; /* Adjust vertical position */
    right: 10px; /* Adjust horizontal position */
    position: absolute; /* Position the icon in the top-right corner */
    font-size: 18px; /* Adjust icon size */
    color: #f05a22; /* Set a color for the pin */
}

.pinned-icon i {
    transform: rotate(-45deg); /* Rotate the pin icon for a nice visual effect */
}

.pinned .comment-reply{
	display:none;
}

.comment-body.pinned:hover .pinned-icon i {
    color: #ff5722; /* Change color on hover for a nice effect */
}
/* COMMENTS */

.embedtool {position: relative;height: 0;padding-top: 56%;overflow: hidden;max-width: 100%;} .embedtool iframe, .embedtool object, .embedtool embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embedtool .fluid-vids {position: initial !important}

.sidebar-comment-body {
    background-color: #1a1c1f;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 0.9rem;
}

/* Sidebar avatar */
.sidebar-comment-author-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

/* Author name */
.sidebar-comment-author-name {
    font-size: 0.9rem;
    color: #ffffff;
}

/* Comment date and time */
.sidebar-comment-meta {
    font-size: 0.75rem;
    color: #a9a9a9;
}

/* Sidebar comment content */
.sidebar-comment-content {
    font-size: 0.85rem;
    margin-top: 10px;
    color: #e0e0e0;
}

/* Sidebar comment post link */
.sidebar-comment-post-link {
    font-size: 0.75rem;
    margin-top: 8px;
    color: #a9a9a9;
}

/* Style the post link as text */
.sidebar-comment-post-link a {
    color: #ffffff;
}

/* Optional: To make sure the content spans full width */
.sidebar-comment-wrapper {
    width: 100%;
}

.new-post-indicator-dot::after{
    content: '+';
    color: #d54f17;
    margin-left: 5px;
    vertical-align: top;
    font-size: 15px;
}
.has-new-comments::after{
    content: '+';
    color: #d54f17;
    margin-left: 2px;
    vertical-align: top;
    font-size: 15px;
}
.custom-oembed-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f9f9f9;
    transition: box-shadow 0.3s ease-in-out;
    max-width: 100%;
    margin: 15px 0;
}

.custom-oembed-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.custom-oembed-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.custom-oembed-card img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-bottom: 1px solid #ddd;
}

.custom-oembed-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 10px 15px;
    color: #333;
    line-height: 1.3;
}

.custom-oembed-card p {
    font-size: 1rem;
    color: #666;
    margin: 0 15px 15px;
    line-height: 1.6;
}

/* For a more compact description */
.custom-oembed-card p {
    max-height: 4.5rem; /* Optional: Limit the paragraph to about 3 lines */
    overflow: hidden;
    text-overflow: ellipsis;
}

.acpoll-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    font-family: Arial, sans-serif;
}

/* Poll title and description */
.acpoll-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}
.acpoll-description {
    font-size: 16px;
    text-align: center;
    color: #ddd;
    margin-bottom: 20px;
}

/* Carousel Wrapper */
.acpoll-carousel-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}

/* Carousel with flex properties */
.acpoll-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    scroll-behavior: smooth;
	transition: height 0.3s ease-in-out; /* Smooth height adjustment */
}

/* Individual Slide Styling */
.acpoll-slide {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

/* Slide Header with Title and Arrows */
.acpoll-slide-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    transform: translateY(-50%);
    z-index: 2;
}

/* Option Title */
.acpoll-option-title {
	margin: 1rem 0!important;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #fff;
    text-align: center;
    flex-grow: 1;
}

/* Arrows inside the slide header */
.arrow {
    font-size: 24px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrow:hover {
    color: #ddd;
}

/* Image within Slide */
.acpoll-image {
    position: relative;
    width: 100%;
}
.acpoll-image img {
    width: 100%;
    height: auto;
	max-height: 350px;
    border-radius: 8px;
    object-fit: cover; /* Ensures the image fills the box */
    object-position: center; /* Centers the image within the box */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

/* Option Detail */
.acpoll-option-detail {
	padding: 0 4px;
    font-size: 14px;
    color: #ccc;
    max-width: 100%;
    margin: 0px auto;
}
.acpoll-form,.acpoll-results{
	max-width: 70%;
    margin: 0 auto!important;	
}


@media (max-width: 768px) {
    .acpoll-form, .acpoll-results {
        max-width: 90%;
    }
}

input[name=acpoll-option] {
    margin-right: 5px;
}

.acpoll-form label{
	padding-bottom: .5em;
}