/* My CSS */
.calendar-dropdown {
    position: relative;
}

.calendar-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
    padding: 0.5rem 0;
    z-index: 1000;

    background-color: #e8faff;   /* very light cyan */
    border-radius: 8px;          /* rounded corners */
    border: 2px solid #c7e6ef;   /* subtle border */
}

.calendar-dropdown:hover .dropdown-menu {
    display: block;
}
.calendar-dropdown .dropdown-item:hover {
    background-color: rgba(148, 164, 187, 0.35) !important;
    color: #000 !important;
    transition: background-color 0.15s ease;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.meta-top .icon.time i { color: #8ab4f8; }
.meta-top .icon.tag i { color: #fbbc04; }
.meta-top .icon.like i { color: #ff6b6b; }
.meta-top .icon.view i { color: #7bdcb5; }
.meta-top .icon.comment i { color: #9b6bff; }

/* Main Body Outer Wrapper */
.outer_wrapper {
	width: 100%;
	max-width: 94%;
	margin: 0 auto;
}
/* Body Wrapper Dark */
.wrapper {
	width: 100%;
	margin: 0px auto;
	padding: 20px;
	border: white 1px solid;
	border-radius: 10px ;
	background: rgba(4,4,4,0.7) !important;
}
/* Body Wrapper Light */
.wrapper2 {
	width: 100%;
	margin: 0px auto;
	padding: 20px;
	border: white 1px solid;
	border-radius: 10px ;
	background: rgba(18,32,54,0.7) !important;
}

.archive-select {
    width: auto !important;
    display: inline-block;
}

.g-recaptcha {
    display: inline-block;
    transform: scale(0.77);
    transform-origin: center center;
}

    .addReadMore.showlesscontent .SecSec,
    .addReadMore.showlesscontent .readLess {
        display: none;
    }

    .addReadMore.showmorecontent .readMore {
        display: none;
    }

    .addReadMore .readMore,
    .addReadMore .readLess {
        font-weight: normal;
        margin-left: 2px;
        color: blue;
        cursor: pointer;
    }

    .addReadMoreWrapTxt.showmorecontent .SecSec,
    .addReadMoreWrapTxt.showmorecontent .readLess {
        display: block;
    }
	
.addReadMore span {
    display: block;
    text-align: justify;
}

.trumbowyg-editor p {
    text-align: justify;
}

.codex-justify,
.addReadMore span,
.addReadMore div,
.addReadMore p {
    text-align: justify !important;
}

.comment-level-0 {
    background: #ffffff; /* top-level */
}

 .comment-level-1 {
    background: #f7f3e8; /* light beige */
}

.comment-level-2 {
    background: #e8f1ff; /* example: soft blue */
}

.comment-level-3 {
    background: #e9e4d7; /* deeper tone */
}

/* Optional: soften the borders for replies */
.comment-box {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.readspan {
        font-size:13px;
        font-weight: bold;
        color:#0000ff;
        background-color:#dfdfdf;
        padding: 3px 5px 3px 5px;
}

.required {
	font-size: 16px;
	color: maroon;
}

.socialshare {
  padding: 0px;
  text-align: right;
}

.justify-in {
    text-align: justify;
	text-indent: 4ch;
}

.justify-out {
    text-align: justify;
}

.badge-maincat {
    background-color: #4a6fa5; /* muted steel blue */
    color: #fff;
}

.badge-count {
    background-color: #bcd9ff; /* muted blue */
    color: #000;
}

/* Solid Social Share Buttons */

.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
  color: #ffffff;
  text-decoration: none;
  transition: opacity .15s ease-in-out;
}

.btn-social:hover,
.btn-social:active {
 opacity: .75;
}

.btn-fb {
  background-color: #3b5998;
}

.btn-tw {
  background-color: #1da1f2;
}

.btn-in {
  background-color: #0077b5;
}

.btn-gp {
  background-color: #db4437;
}

.btn-rd {
  background-color: #ff4500;
}

.btn-hn {
  background-color: #ff4000;
}

/* Pagination button control */
.pagination-block {
    text-align: center;
}

.pg-btn {
    display: inline-block;
    padding: 8px 18px;
    margin: 3px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

/* Gray numbered buttons */
.pg-num {
    background: #6c757d;
}

/* Blue active page */
.pg-active {
    background: #0d6efd;
}

/* Purple First ← */
.pg-first {
    background: #8e44ad;
}

/* Dark gray-blue Prev ← */
.pg-prev {
    background: #34495e;
}

/* Yellow Next → */
.pg-next {
    background: #f1c40f;
    color: #000;
}

/* Green Last → */
.pg-last {
    background: #27ae60;
}

/* Hover effect */
.pg-btn:hover {
    opacity: 0.85;
}

/* ==== New Calendar Color Variables ==== */
:root {
    --cal-border: #860000;
    --cal-bg-norm: #fff;
    --cal-bg-today: #ffffb7;
    --cal-bg-today2: #006400;
    --cal-bg-event: #C1E0FF;
    --cal-bg-header: #005e00;
    --cal-bg-title: #974b00;
    --cal-link-hover: #000;
    --cal-link-hover-text: #fff;
    --cal-link-event-hover: #000;
    --cal-link-event-hover-text: #fff;
}
/* ==== Base Link Style ==== */
.cal-link {
    text-decoration: none;
    border: 0;
    padding: 3px 1px;
    font-weight: bold;
    color: #000;
}
/* ==== Month Navigation Links ==== */
a.mcaldate {
    @extend .cal-link;
    font-size: 13px;
    color: #ffff00;
    background-color: var(--cal-bg-title);
}
a.mcaldate:hover {
    color: #fff;
    background-color: #0000ff;
}
/* ==== Normal Calendar Day Link ==== */
a.cal {
    @extend .cal-link;
    background-color: #ffffd2;
}
a.cal:hover {
    background-color: #ffbbd5;
}
/* ==== Event Day Link ==== */
a.ecal {
    @extend .cal-link;
    background-color: var(--cal-bg-event);
}
a.ecal:hover {
    color: var(--cal-link-event-hover-text);
    background-color: var(--cal-link-event-hover);
}
/* ==== Today Link (no event) ==== */
a.cal2 {
    @extend .cal-link;
    background-color: var(--cal-bg-today);
}
a.cal2:hover {
    color: var(--cal-link-hover-text);
    background-color: var(--cal-link-hover);
}
/* ==== Calendar Cell Backgrounds ==== */
.event {
    background-color: var(--cal-bg-event);
    border: 1px solid var(--cal-border);
    color: #000;
}
.today {
    background-color: var(--cal-bg-today);
/*    border: 1px solid var(--cal-border); */
	padding: 5px;
    color: #000;
}
.today2 {
    background-color: var(--cal-bg-today2);
    color: #fff;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    border: 1px solid #000;
    border-radius: 3px;
    display: inline-block;
}
.event2 {
    background-color: #5daef9; /* your central blue */
    color: #000;
    font-weight: bold;
    padding: 2px 8px;
    border: 1px solid #000;
    border-radius: 3px;
    display: inline-block;
}
.event2:hover {
    background-color: red;
    color: #fff;
}
/* ==== Today + Event Hybrid ==== */
.today-event {
    background-color: var(--cal-bg-today); /* same yellow as today */
    border: 2px solid #000;               /* stronger border */
    padding: 5px;
    color: #000;
}

.today-event2 {
    background-color: yellow; /* same blue as event2 */
    color: #000;
    font-weight: bold;
    padding: 2px 8px;
    border: 2px solid #000;    /* stronger border to match parent */
    border-radius: 3px;
    display: inline-block;
}
.today-event2:hover {
    background-color: #00ff00;
    color: #000;
}
.cal-norm {
    background-color: var(--cal-bg-norm);
    border: 1px solid var(--cal-border);
    color: #000;
}
.cal-norm:hover {
    background-color: #f0f0f0;
}
.cal-blank {
    background-color: var(--cal-bg-norm);
    border: 1px solid var(--cal-border);
}
/* ==== No Event Day (plain number) ==== */
.noevt {
    @extend .cal-link;
    background-color: var(--cal-bg-norm);
}
/* ==== Month Header ==== */
.mnthhd {
    font-size: 15px;
    font-weight: bold;
    color: yellow;
    background-color: var(--cal-bg-header);
    border: 0;
}
/* ==== Misc Blocks ==== */
.tbl-brdr0 {
    background: #5F5F5F;
    border: 1px solid #000;
}
.content-block {
    background: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 15px;
}
/* End calendar Begin calendar year */
:root {
    --cal-year-bg: steelblue;
    --cal-year-cell-bg: #BDD2CC;
    --cal-year-cell-border: #004080;
    --cal-year-title-bg: black;
    --cal-year-title-text: yellow;
    --cal-year-event-text: blue;
    --cal-year-event-hover: purple;
}
/* ==== Calendar Year Table ==== */
.caltable {
    background-color: var(--cal-year-bg);
}
/* ==== Calendar Year Cells ==== */
.cal4 {
    background-color: var(--cal-year-cell-bg);
    border: 1px solid var(--cal-year-cell-border);
    color: #000;
}
/* ==== Year Header Link ==== */
a.yrcal {
    font-size: 17px;
    color: var(--cal-year-title-text);
    background-color: var(--cal-year-title-bg);
    text-decoration: none;
    border: 0;
    padding: 5px 8px;
}
a.yrcal:hover {
    color: #fff;
    background-color: var(--cal-year-title-bg);
}
/* ==== Year Event Links ==== */
a.yrevt {
    font-size: 11px;
    font-weight: bold;
    color: var(--cal-year-event-text);
    text-decoration: none;
    border: 0;
}
a.yrevt:hover {
    color: var(--cal-year-event-hover);
    text-decoration: underline;
}
/* ==== End all calendars CSS ==== */

/* Large blue border */
hr.new4 {
  border: 2px solid #000;
}

hr.new5 {
    border: none;            /* kill browser default */
    height: 3px;             /* thickness */
    background-color: #c0ffc0; /* bright green */
}

/* Large red border */
hr.new6 {
  border: 1px solid #000000;
}

.quotes {
	font-size:13px;
}

.latest-tabs .nav-item:first-child .nav-link {
    background-color: #f7e9b8; /* soft gold */
}

.latest-tabs .nav-item:last-child .nav-link {
    background-color: #d8e8ff; /* soft blue */
}

.nav-tabs .nav-link.active {
    color: #000 !important;
}

.latest-item {
    background-color: #e8fee8;
}

/* Add a gray background color with some padding */
body {
	font-family: Arial;
	padding: 20px;
	background: #000000 url(../../images/bkgm1.jpg) no-repeat fixed top center;
}

.myside {
	color: #B0C000;
	font-weight: bold;
	font-size: 15px;
}

a.myside {
	color: #B0C000;
	font-weight: bold;
	font-size: 15px;
}

a.myside:link, a.myside:visited {
	color: #B0C000;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

a.myside:hover {
	text-decoration: underline;
	color: #B0C000;
	font-weight: bold;
	font-size: 15px;
}

.cats {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
}

a.cats {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
}

a.cats:link, a.cats:visited {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
	text-decoration: underline;
}

a.cats:hover {
	text-decoration: underline;
	color: #B83C32;
	font-weight: bold;
	font-size: 17px;
}

.tpic-lnk {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
}

a.tpic-lnk {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
}

a.tpic-lnk:link, a.tpic-lnk:visited {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

a.tpic-lnk:hover {
	color: #B83C32;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

a.tpic-lnk2 {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
}

a.tpic-lnk2:link, a.tpic-lnk2:visited {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

a.tpic-lnk2:hover {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.lnk-side {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
}

a.lnk-side {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
}

a.lnk-side:link, a.lnk-side:visited {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

a.lnk-side:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

.cmnt-lnk {
	font-size: 14px;
}

.cmnt-lnk2 {
	font-size: 12px;
}

.down-lnk {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
}

a.down-lnk {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
}

a.down-lnk:link, a.down-lnk:visited {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

a.down-lnk:hover {
	color: #000;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

.topic-lnk {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
}

a.topic-lnk {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
}

a.topic-lnk:link, a.topic-lnk:visited {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

a.topic-lnk:hover {
	color: #00ffff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

.topic-lnk2 {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
}

a.topic-lnk2 {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
}

a.topic-lnk2:link, a.topic-lnk2:visited {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

a.topic-lnk2:hover {
	color: #800000;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

.lnks {
	float:right;
}

.lnk-side-span {
	color: #CFCFCF;
	font-weight: bold;
	font-size: 12px;
}

.brnd {
	color: #F1F2BD;
	font-size:12px;
	font-weight: bold;
}
a.brnd{
	color: #F1F2BD;
	font-size: 12px;
	font-weight: bold;
}
a.brnd:link, a.brnd:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #F1F2BD;
}
a.brnd:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #00FFFF;
}
.brnd2 {
	color: #F1F2BD;
	font-size:12px;
	font-weight: bold;
}
a.brnd2{
	color: #F1F2BD;
	font-size: 12px;
	font-weight: bold;
}
a.brnd2:link, a.brnd2:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #F1F2BD;
}
a.brnd2:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #00FFFF;
}

.lnk {
	color: #FF0080;
	font-size:12px;
	font-weight: bold;
}

a.lnk {
	color: #FF0080;
	font-size: 12px;
	font-weight: bold;
}

a.lnk:link, a.lnk:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0080;
}

a.lnk:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #efefef;
}

.lnkc {
	color: #fff;
	font-size:15px;
}

a.lnkc {
	color: #fff;
	font-size: 15px;
}

a.lnkc:link, a.lnkc:visited {
	font-size: 15px;
	text-decoration: none;
	color: #fff;
}

a.lnkc:hover {
	font-size: 15px;
	text-decoration: underline;
	background-color:#fefefe;
	color: #000;
}

.headings {
	font-size: 20px;
	color: #000096;
	padding: 3px 5px 3px 5px;
	border: 1px solid #000096;
}

.qts {
	font-size: 12px;
	font-weight:bold;
	color: #FCF9B6;
}

.foter2 {
	color: yellow;
	font-size:13px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2 {
	color: yellow;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2:link, a.foter:visited {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2:hover {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #960000;
	padding: 3px 5px 3px 5px;
	background-color:#fefefe;
}

.foter {
	color: #C18C80;
	font-size:13px;
}
a.foter{
	color: #C18C80;
	font-size: 13px;
}
a.foter:link, a.foter:visited {
	font-size: 13px;
	text-decoration: none;
	color: #C18C80;
}
a.foter:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #80FFFF;
}
/* Header/Blog Title Red */
.head {
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(184,60,50,0.7) !important;
	border: white 1px solid;
	border-radius: 10px ;
}
/* Header/Blog Title Grey */
.head2 {
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(42,59,88,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}
/* Sub-Header */
.subhead {
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(4,4,4,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}

/* Footer Red */
.footer {
	clear: both;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 0.8rem;
	margin: 0px auto;
	margin-top: 20px;
	background: rgba(184,60,50,0.7) !important;
	border: white 1px solid;
	border-radius: 10px ;
}
/* Footer Grey */
.footer2 {
	clear: both;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 0.8rem;
	margin: 0px auto;
	margin-top: 20px;
	background: rgba(42,59,88,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}

/* Left column */
#leftcolumn {   
	float: left;
	width: 100%;
}

/* Right column */
#rightcolumn {
	float: right;
	width: 100%;
}

/* Add a card effect for articles */
#card-left {
	float: left;
	width: 100%;
	font-size: 100%;
	padding: 10px;
	margin: 0px auto;
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
}

/* Add a card effect for statics */
#card-rite {
	color: white;
	padding: 10px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.my-bg {
    background-color: #cdcef3;
}

.countspan {
	font-size: 11px;
	color: #000;
}

.hdspan {
	font-size: 27px;
	font-weight: bold;
	color: gold;
}

.hdspan1 {
	font-size: 15px;
	font-weight: bold;
	color: gold;
}

.hdspan2 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #f4f182;
}

.span1 {
	font-size: 26px;
	font-weight: bold;
}

.srch {
	font-size: 28px;
	font-weight: bold;
	color: #efefef;
}

.span2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.info {
	float:right;
	font-size: 12px;
	color: #B83C32;
}

.info2 {
	float:left;
	font-size: 0.8rem;
	color: #B83C32;
}

.cal-head {
	font-size: 11px;
	font-weight: bold;
	color: #f4f182;
}
.cal-head2 {
	font-size: 12px;
	font-weight: bold;
	color: #f4f182;
}
.cal-head3 {
	font-size: 15px;
	font-weight: bold;
	color: #f4f182;
}
.row1{
	background-color: #C0C0C0;
	border: 1px solid #000;
	color: #990000;
}
.row2 {
	background-color: #acbbac;
	color: #000080;
}
.large {
	font-size: 13px;
	font-weight: bold; 
}
hr.mid-hr {
	height: 1px;
	border: 1px solid #400000;
}