/* ===============================
Author: AllTheConspiracies.com
Date: Feb 2015

Color Palette:
---------------
Drk Green: #030
Med Green: #335C33
Lght Green: #6DAB6D
Lght Gray: #EFEFEF

=============================== */


/* css reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* SexyText, and body css */
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
margin-top: 75px;
background: url("../images/bg/dark.jpg") no-repeat fixed top center;
font-family: 'exo 2', sans-serif;
color: #333;
line-height: 1.42857143;
}

#body {
padding-top: 5px;
}

/* IMAGE CSS */
.main_area img.top-image {
max-width: 500px;
width: 100%;
height: auto;
}

.main_area img {
padding: 20px;
margin: 0 auto;
display: block;
max-width: 100%;
}

.main_area img.article-image {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.main_area img.article-image-small {
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.main_area img.book-image {
  margin: 0 auto;
  max-width: 350px;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.logo img {
max-width: 100%;
padding-top: 3px;
}

.media img {
padding-top: 0;
}

.msrow img {
padding: 0;
margin: 20px;
max-height: 80px;
width: auto;
}

.msrow img:hover {
border: 3px solid #6DAB6D;
}



/* START BOOTSTRAP SWITCH =============================================================*/
/* Replace Bootstrap .row */
.list-unstyled {
list-style: none;
margin: 0;
padding: 0;
}
.text-center {
text-align: center;
padding-top: 6px;
margin-bottom: 10px;
}
.text-left {
text-align: left;
}
.text-left h2{
font-size: 30px;
margin: 15px 0 6px;
font-weight: normal;
}

.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}


.col-md-8 {
flex: 0 0 66.666667%; /* 8/12 columns */
max-width: 66.666667%;
padding-left: 15px;
padding-right: 15px;
}

.col-md-6 {
flex: 0 0 50%; /* 6/12 columns */
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}

.col-md-4 {
flex: 0 0 33.333333%; /* 4/12 columns */
max-width: 33.333333%;
padding-left: 15px;
padding-right: 15px;
}

.col-sm-6 {
flex: 0 0 50%; /* 6/12 columns */
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}


.thumbnail {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px;
margin-bottom: 20px;
text-align: left;
justify-content: center;
}

.thumbnail img {
display: block;
width: auto;
height: auto;
max-height: 360px;
max-width: 96%;
margin: 0 auto; /* Override global img margin */
}

.thumbnail .caption {
padding: 9px;
color: #333;
text-align: center;
}

.thumbnail .caption h3 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
}

p {
font-size: 17px;
margin-bottom: 10px;
}

.btn-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
line-height: 1.33333333;
}

.btn-contact {
background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
background-color: #337ab7;
border-color: #245580;
color: #fff;
font-size: 18px;
}

.btn-contact:hover {
color: #fff;
background-color: #265a88;
border-color: #1c4566;
}

.btn {
display: inline-block;
padding: 10px 12px;
font-family: 'exo 2', sans-serif;
font-size: 18px;
font-weight: 400;
text-align: center;
white-space: nowrap;
line-height: 1.42857143;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none;
}

.btn-primary {
padding: 10px 12px;
color: #fff;
background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
background-color: #245580; /* Med Green */
border-color: #030; /* Drk Green */
}

.btn-primary:hover {
color: #111;
background-color: #6DAB6D; /* Lght Green */
border-color: #335C33;
}

.btn-success {
color: #fff;
background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
background-color: #6DAB6D; /* Lght Green */
border-color: #335C33;
}

.btn-success:hover {
color: #000;
background-color: #5cb85c;
border-color: #030;
}


.btn-media {
margin: 0 10px;
background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
background-repeat: repeat-x;
background-color: #5cb85c;
border-color: #3e8f3e;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
color: #fff;
}

.btn-media:hover {
color: black;
}

.btn-default {
background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
background-color: #fff;
border-color: #ccc;
padding: 10px 12px;
color: #111;
}

.btn-default-media {
background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
background-color: #fff;
border-color: #ccc;
padding: 6px 12px;
font-size: 14px;
}

.btn-default:hover {
color: #6DAB6D;
}

.social-buttons .btn {
margin: 10px; /* Space between media buttons */
}

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
}

.well .lead {
font-size: 21px;
margin-bottom: 20px;
}

.panel {
margin-bottom: 20px;
background-color: #222;
border: 1px solid #666; /* Matches your .panel-dark */
border-radius: 4px;
}

.panel .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid c7c7c7;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.panel .list-group {
margin-bottom: 0;
}

.panel-heading h4 {
font-weight: 500;
}

.thumb {
max-height: 80px;
}

.contact-link {
text-decoration: underline;
color: #6DAB6D; /* Matches posted topics */
}

.contact-link:hover {
color: #EFEFEF;
}


/* Mobile adjustments */
@media (max-width: 767px) {
.col-md-8,
.col-md-6,
.col-sm-6,
.col-md-4 {
flex: 0 0 100%;
max-width: 100%;
}
}


/* END BOOTSTRAP SWITCH ==============================================================*/






/* --------------------------------------------------------------------------------------- -->
/* LINK STYLES CSS RULES */

/* General link styles (inc: home page links in articles)*/
a:not(button), a:visited {
color: #335C33;
text-decoration: underline;
}

a:hover, a:active {
color: #6DAB6D;
}

button, button a, a[role="button"] {
	text-decoration: none !important;
}

/* Navigation link styles */
nav ul {
list-style: none;
padding: 0;
display: flex;
}
nav li {
margin-right: 20px;
}

nav a:hover {
color: #EFEFEF;
}



/* NEW ARTICLES-STORIES */
.art-stry-container {
max-width: 1170px;
margin: 0 auto;
padding: 0;
}

.art-stry-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}

.main_area .art-stry-row h2 {
font-weight: bold;
font-size: 18px;
color: #6DAB6D;
}

.art-stry-row .col-art-stry-m a:hover h2 {
text-decoration: underline;
color: #fff;
}

.art-stry-row img {
padding: 0;
margin: 20px auto;
max-height: 80px;
width: auto;
}

.art-stry-row img:hover {
border: 3px solid #6DAB6D;
}

.col-art-stry-l {
padding: 0;
flex: 0 0 12%;
}

.col-art-stry-m {
padding: 0;
flex: 0 0 37%;
}

.col-art-stry-r {
padding: 0;
flex: 1;
}

.more {
text-align: center;
}

hr.hr-wide {
max-width: 100%;
}

hr.art-stry {
max-width: 100%;
margin: 0;
padding-top: 0;
}

hr {
max-width: 96%;
margin: 20px auto;
box-sizing: content-box;
}

hr.dashed {
	border-style: dashed;
}









/* START NEW CODE */
/* General header styles */

.container {
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
}

.main-header {
background-color: #222; /* Matches Bootstrap’s navbar-inverse */
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
border-bottom: thin solid #6dab6d;
}

.header-top {
display: flex;
justify-content: space-between;
align-items: center;
}

/* Navigation styles */
.custom-nav {
width: auto;
}

.nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex; /* Horizontal by default */
}

.nav-list li {
margin: 0;
}

.nav-list a {
display: block;
padding: 15px 20px;
color: #9d9d9d; /* Bootstrap navbar-inverse link color */
text-decoration: none;
font-size: 18px;
}

.nav-list a:hover,
.nav-list .active a {
color: #fff; /* Hover/active color */
background-color: #080808; /* Bootstrap hover bg */
}

/* Toggle button */
.nav-toggle {
display: none; /* Hidden on desktop */
background: none;
border: none;
padding: 10px;
cursor: pointer;
}

.toggle-icon,
.toggle-icon:before,
.toggle-icon:after {
content: "";
display: block;
width: 25px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease;
}

.toggle-icon {
position: relative;
}

.toggle-icon:before {
position: absolute;
top: -8px;
}

.toggle-icon:after {
position: absolute;
bottom: -8px;
}

/* END NEW CODE */



/* Home Button link styles */
.home-button a:link {
font-size: 1.1em;
color: #EFEFEF;
text-decoration: none;
}
.home-button a:visited {
color: #EFEFEF;
}
.home-button a:hover {
color: #000;
}
.home-button a:active {
color: #000;
}

/* Panel link styles */
.list-group-item a:link {
text-decoration: none;
color: #335C33;
}
.list-group-item a:visited {
color: #335C33;
}
.list-group-item a:hover {
text-decoration: underline;
color: #333;
}
.list-group-item a:active {
color: #333;
}

/* Main_area link styles */
.main_area a:link , .main_area a:visited {
text-decoration: none;
color: #6DAB6D;
}

.main_area a {
max-width: 100%;
display: inline-block;
}


.main_area a:hover {
color: #EFEFEF;
}
.main_area a:active {
color: #6DAB6D;
}







/* Article references link styles */
.references a:link, .references a:active, .references a:visited {
color: #b3b3b3;
text-decoration: none;
}
.references a:hover {
color: #6DAB6D;
}

/* Panel-info Title link styles */
.panel-heading a:link {
color: #317092;
text-decoration: underline;
}
.panel-heading a:visited {
color: #335C33;
}
.panel-heading a:hover {
color: #333;
}
.panel-heading a:active {
color: #333;
}

.backto {
margin: 50px 0 35px;
}

.backto a:link {
align-items: center;
display: block;
color: #FEFEFE;
text-decoration: underline;
font-size: 24px;
text-align: center;
margin: 0 auto;
text-decoration-color: #6DAB6D;
}

.backto a:visited {
color: #FEFEFE;
text-decoration-color: #6DAB6D;
}
.backto a:hover {
color: #6DAB6D;
text-decoration: underline;
}





/* MAIN CONTENT */

.main_area {
min-height: 800px;
padding: 10px 15px 10px 20px;
background-color: #222;
color: #EFEFEF;
border: 2px solid #6DAB6D;
border-radius: 1em;
}

.contact-button {
color: #333;
}

.jumbotron {
background-color: #111;
color: #EFEFEF;
border: 2px solid #6DAB6D;
border-radius: 6px;
padding: 48px 60px;
text-align: center;
}

.jumbotron p {
color: #999;
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}

.jumbotron h1 {
font-weight: normal;
font-size: 63px;
}


h1 {
font-family: 'Russo One', sans-serif;
color: #EFEFEF;
font-size: 36px;
margin: 16px 0 5px;
font-weight: normal;
}

h2 {
color: #fff;
padding-top: 15px;
}

h2.h2green {
color: #6DAB6D;
font-weight: bold;
font-size: 30px;
margin: 20px 0 10px;
}

h3 {
text-align: center;
font-weight: bold;
font-size: 24px;
}

h3.h3lgreen {
text-align: left;
color: #6DAB6D;
padding-top: 35px;
padding-bottom: 0;
text-decoration: underline;
text-decoration-color: #8cab6d;
font-weight: bold;
font-size: 28px;
}


h4.h4-lg {
font-size: 20px;
margin-top: 30px;
text-decoration: underline;
text-decoration-color: #aaa;
text-decoration-style: double;
}


.posts_h3 {
text-decoration: underline;
color: #FEFEFE;
}

.topics_h3 {
text-decoration: underline;
color: #6DAB6D;
margin-bottom: 20px;
padding: 5px 15px 10px;
width: 100%;
text-align: left;
}

p {
padding-top: 6px;
}

p.fairuse {
font-size: 16px;
color: #aaa;
max-width: 80%;
text-align: center;
margin: 0 auto;
}

h3.fairuse_h3 {
margin: 20px auto 10px;
}

.text-indent {
padding-left: 30px;
}

.numbered {
font-weight: bold;
padding-top: 15px;
}

.h3-left {
text-align: left;
padding-top: 10px;
}

.h3-left-sm {
text-align: left;
padding-top: 10px;
font-size: 21px;

}

ul.list-group {
margin-left: 0;
list-style: none;
padding: 0;
}

ul {
margin-left: 50px;
}

li {
padding: 6px;
}

ul.ul-none {
	list-style: none;
	margin-left: 20px;
}

.grn-bold {
	color: #6DAB6D;
	font-weight: bold;
	font-size: 18px;
}

li.li-q {
	padding-top: 30px;
}

li.li-a {
	padding-top: 0;
}



.well-quote {
color: #333;
font-style: italic;
width: 80%;
margin: 0 auto;
}

.hr-green {
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left, #333, #335C33, #333);
background-image: -moz-linear-gradient(left, #333, #335C33, #333);
background-image: -ms-linear-gradient(left, #333, #335C33, #333);
background-image: -o-linear-gradient(left, #333, #335C33, #333);
}

.top-text {
font-size: 21px;
padding: 15px 50px;
}

.top-image-text {
font-size: 18px;
color: #6DAB6D;
text-align: center;
padding-bottom: 30px;
}

.top-image-header {
font-size: 21px;
font-weight: bold;
color: #6DAB6D;
text-align: left;
padding: 20px 0 30px;
}

.image-text {
font-size: 18px;
color: #6DAB6D;
text-align: center;
padding-bottom: 0;
}

.highlight {
font-weight: bold;
color: #6DAB6D;
font-size: 17px;
}

.references {
font-size: 15px;
padding: 5px 0;
}

.panel-dark > .panel-heading {
background-image: -webkit-linear-gradient(top, #999 0%, #333 100%);
background-image: -o-linear-gradient(top, #999 0%, #333 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));
background-image: linear-gradient(to bottom, #999999 0%, #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff333333', GradientType=0);
background-repeat: repeat-x;
color: white;
}

.panel-dark {
border-color: #666;
}

.list-group-item {
background-color: #EBEBEB;
padding: 7px 20px;
border: 1px solid #C7C7C7;
font-size: 17px;
}

.panel .list-group .list-group-item{
border-top: none;
}


form {
margin: 0 auto;
width: 600px;
padding: 1em;
border: 2px solid #EFEFEF;
border-radius: 1em;
background-color: #666;
}

form div + div {
margin-top: 1em;
}

label {
display: inline-block;
width: 90px;
text-align: right;
}

input, textarea, select {
font: 1em sans-serif;
color: #222;
width: 450px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #999;
}

button {
color: #555;
font-weight: bold;
padding: 0 5px;
}

input:focus, textarea:focus {
border-color: #FFF;
}


textarea {
vertical-align: top;
height: 10em;
resize: vertical;
}

.topics {
color: #666;
font-size: 15px;
padding: 10px;
}

.main_area .topics a {
color: #6DAB6D;
text-decoration: none;
}

.main_area .topics a:hover {
color: #EFEFEF; /* Matches .main_area a:hover */
}

.citations, .filinks {
color: #ccc;
font-size: 15px;
padding: 0;
}

.filinks a {
word-break: break-all; /* Breaks long URLs at any character */
overflow-wrap: break-word; /* Fallback for broader browser support */
max-width: 100%; /* Ensures links don’t exceed container width */
display: inline-block; /* Allows max-width to work */
}



.panel-default > .panel-heading {
color: #fff; /*white*/
background: #030; /*drk green*/

}


.toc {
	margin: 0;
}




/* Font Awesome icons */
.fa-calendar, .fa-tag, .fa-pencil, .fa-link, .fa-book {
color: #6DAB6D;
}

.fa-solid {
color: #6DAB6D;
font-size: 16px;
vertical-align: middle;
}
.fa-solid:hover {
color: #EFEFEF;
}








footer {
min-height: 60px;
margin: 10px 0 0;
padding: 20px 0;
color: #999;
background-color: #1b1b1b;
background-image: -moz-linear-gradient(top, #222222, #111111);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
background-image: -webkit-linear-gradient(top, #222222, #111111);
background-image: -o-linear-gradient(top, #222222, #111111);
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
border-top: 1px solid #335C33;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

a.f-home:link, a.f-home:visited, a.f-home:active, a.f-fun:active {
	color: #6dab6d;
	text-decoration: none;
}

a.f-home:hover, a.f-fun:hover {
	color: #efefef;
	text-decoration: none;
}

a.f-fun:link, a.f-fun:visited {
	text-decoration: none;
}



.main_area .art-stry-row .col-art-stry-m a h2.art-stry {
word-break: normal !important; /* Only breaks at spaces, not mid-word */
overflow-wrap: normal !important; /* Prevents mid-word wrapping */
hyphens: none !important; /* No hyphenation */
}





/* --------------------------------------------------------------------------------------- -->
/* Tablets and up styles */
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.group2 {
text-align: right;
}
}

/* Mobile styles */
@media (max-width: 767px) {

.thumbnail img {
display: block;
max-width: 90%;
height: auto;
margin: 0 auto; /* Override global img margin */
}

.jumbotron {
padding: 10px 20px 20px;
}

.jumbotron h1 {
font-size: 48px;
}

.jumbotron p {
font-size: 18px;
}

ul {
margin-left: 0; /* Keep this to avoid excessive indentation */
padding-left: 15px; /* Ensure bullets have space from edge */
}
li {
padding-left: 10px; /* Consistent padding for content */
}


.nav-list {
flex-direction: column;
width: 100%;
text-align: center;
}
.nav-list li {
width: 100%;
padding: 0; /* Override global 6px padding */
}
.nav-list a {
padding: 10px;
border-bottom: 1px solid #333;
font-size: 16px;
height: 100%;
line-height: 1.5;
box-sizing: border-box;
}
.nav-list li:first-child a {
border-top: none;
}

img.top-image, img.article-image, img.book-image, img.article-image-small {
max-width: 100%; /* Makes Articles/Stories top image responsive but keep the 500px max-width */
}

ul {
margin-left: 0; /* Keeps text centered on mobile instead of having 50px margin on the left */
}

.btn-media {
width: 100%;
margin: 0 auto 20px;
display: block;
}

.btn-contact {
width: 100%;
margin: 0 auto 20px;
display: block;
}

.btn-success {
max-width: 100%;
margin: 0 auto 20px;
}

.social-buttons .btn {
margin: 10px auto;
display: block !important;
width: 100%;
max-width: 300px;
}


html {
border-left: 1px solid #6DAB6D;
border-right: 1px solid #6DAB6D;
}
body {
background-color: #000;
background-image: none;
}

.top-text {
font-size: 16px;
padding: 8px;
}
form {
margin: 0 auto;
width: 100%;
padding: 1em;
border: 1px solid #EFEFEF;
border-radius: 1em;
}
label {
display: inline-block;
text-align: left;
}
input, textarea, select {
width: 100%;
}
.contact_area {
min-height: 320px;
padding: 0 10px 15px;
}
footer {
clear: both;
bottom: 0;
position: relative;
width: 99.9%;
}


.msrow {
padding-right: 0; /* ADDED 03-13-25 TO PREVENT TEXT FROM GOING BEYONG THE RIGHT CONTAINER BORDER */
}

/* Custom nav mobile styles */
.header-top {
flex-wrap: nowrap; /* Keep logo and toggle on same line */
justify-content: space-between;
align-items: center;
}
.logo img {
max-width: 260px; /* Limit logo size to prevent wrapping */
}

.col-art-stry-l, .col-art-stry-m, .col-art-stry-r {
flex: 0 0 100%;
text-align: center;
}

.topics_h3, .col-md-6 {
text-align: center;
}

button {
	text-decoration: none;
}



.nav-toggle {
display: block; /* Show toggle on mobile */
}
.custom-nav {
display: none;
width: 100%; /* Full width when open */
position: absolute; /* Position below header */
top: 100%; /* Align below header */
left: 0;
background-color: #222; /* Match header bg */
}
.custom-nav.open {
display: block; /* Show when toggled */
}

/* Toggle animation */
.nav-toggle.open .toggle-icon {
background: transparent;
}
.nav-toggle.open .toggle-icon:before {
transform: rotate(45deg);
top: 0;
}
.nav-toggle.open .toggle-icon:after {
transform: rotate(-45deg);
bottom: 0;
}



.text-indent {
padding-left: 0;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}



}










/* --------------------------------------------------------------------------------------- -->
/* Force Elements to Self Clear its Children: http://css-tricks.com/snippets/css/clear-fix/ */

.clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}