/* Page Template Styles */
/*
red-orange: #ff3b30
orange: #ff9500
gold/yellow: #ffd700
med green: #4cd964
light blue: #34aadc
med blue: #5856d6
purple/light maroon: #c23b8f
pink: #ff2d55
dark gray: #444444
green: #00ff00
*/
/*
Scroling banner styles
peach: ffe5b4
light orange: ffa500
green: #21cc00
medium blue: 1e73be
red-orange: ff5349
light purple: cd00cd
purple: 800080
*/
.scrolling-banner-container {
    width: 100%;
    overflow: hidden; /* Hides content outside the container */
    /*background-color: #f0f0f0;*/
    background-color: #ffa500;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 0;
    white-space: nowrap; /* Keeps content on a single line */
}

.scrolling-banner-inner {
    display: inline-block;
    /* Apply the animation to this inner container */
    animation: scrollBanner 60s linear infinite; /* Adjust time as needed */
}

.banner-content-item {
    display: inline-block;
    padding: 0 20px;
    font-size: 18px;
}

/* Define the scrolling animation */
@keyframes scrollBanner {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Moves the content to the left by half its width (since content is duplicated) */
        transform: translateX(-50%);
    }
}

/* Optional: Pause animation on hover 
.scrolling-banner-container:hover .scrolling-banner-inner {
    animation-play-state: paused;
}*/

.headerbar {
	/*background-image: linear-gradient(to bottom right, #ffd700, #50d44c);*/
	background-color: #ffd700;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.headerbar-text {
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
}

.headerbar-caption {
	color: #444444;
	font-size: 15px;
}
.headerbar-links {
	color: #444444;
	font-size: .7em;
	font-weight: bold;
	text-align:right;
	padding-right: 5px;
}

a.header-link:link {
  color: #444444; 
}

a.header-link:visited {
  color: #444444; 
}

a.header-link:hover {
  color: #444444;
}

a.header-link:active {
  color: #444444; 
}

.main-section {
	text-align: left;	
	padding: 0px 20px 0px 20px;
}

.main-container {
	text-align: left;
}

.welcome-content {
	background: #ff9500;
	width: 300px;
}
.welcome-section {
	background: #FFFFFF;
	color: #000000;
	padding-top: 10px;
	margin: 0px;
}
.welcome-sub-section {
	background: #444444;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}
.big-message-section {
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	margin: 0px;
	font-weight:bold;
	font-size: 1.2em;
}
.row {
	text-align: left;
}

.section-container {
	padding: 0px;
	margin: 0px;
}

.section {
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

.section-header-wrapper {
	border-right: 2px solid #444444;
	border-bottom: 2px solid #444444;
	border-left: 2px solid #444444; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.section-header {
	background: #444444;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	
}
.section-message {	
	color: #000000;
	font-weight: bold;
	font-size: 1.0em;
}
.section-body-wrapper {
	color: #000000;
	padding: 3px;
	margin: 0px;
	border-right: 4px solid #444444;
	border-bottom: 4px solid #444444;
	border-left: 4px solid #444444;
}

.section-body {
	background: #ff9500;
	color: black;
	padding: 10px;
	margin: 0px;
}

.sub-section {
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	margin: 0px;
}

.teachings-section {
	width: 100%;
}
.footer {
	padding: 10px 0px 0px 0px;
}
.footer-copyright {
	text-align: center;
	font-style: italic;
	font-size: 0.7em;
}
.footer-caption {
	text-align: center;
	font-style: italic;
	font-size: 0.5em;
}
.messages {
	border: 2px solid #106639;
	background-color: #106639;
	color: #ffffff;
	margin-top: 8px;
	margin-left: 8px;
	padding: 3px;
}
.messages-header {
	font-size: 18px;
	font-weight: bold;
}
.errors {
	border: 2px solid #92171a;
	background-color: #92171a;
	color: #ffffff;
	margin-top: 8px;
	margin-left: 8px;
	padding: 3px;
}
.errors-header {
	font-size: 18px;
	font-weight: bold;
}
.errors-page-section {
	border: 2px solid #92171a;
	background-color: #92171a;
	color: #ffffff;
	margin: 8px;
	padding: 5px;
}
.errors-page-section-header {
	font-size: 18px;
	font-weight: bold;
}
.home-page-not-logged-in {
	
	background: url('https://adeshadesh.org/images/homepage-background.jpg');
	background-size: cover; /* Preserves aspect ratio and covers the area */
}
.home-page-logged-in {
	
	background-image: url('https://adeshadesh.org/images/homepage-background-logged-in.jpg');
	background-size: cover;
}
.login-form {
	color: white;
	font-weight: bold;
}
.login-message {
	font-size: .9em;
	font-style: italic;
	width: 100%;
	vertical-align: top;
	padding: 10px;	
	/*padding-bottom: 150px;*/
}

.inline-message-panel {
	border: 3px solid #FFFFFF;
	background: #000000;
	/*pacity: 80%;*/
	background-color: rgba(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.49);
	padding: 10px;
	color: white;
	font-weight: bold;
	padding: 10px;
}

.inline-message-normal {
	opacity: 100%;
	font-size: 1.0em;
}

.inline-message-small {
	font-size: .8em;
}
.inline-message-header { 
	width:100%; 
	text-align: center;
}
.inline-message-footer {
	font-size: 1.3em; 
	width:100%; 
	text-align: left;
}
.contact-div { 
	width:100%; 
	text-align: center;
}
.video-link {
	 font-size: 1.3em;
}
.video-summary-heading {
	
	text-align: center;
}
/* End Page Template Styles */

/* Table Styles */

table {
	border: 1px solid black;
	width: 100%;
}

thead {
	background-color: #000000; 
	color: #ffffff; 
	font-weight: bold;
	border: 1px solid white;
}

.black-and-white {
	background-color: black; 
	color: white;
}
.tr-even {
	background-color: #e0e0e0;
}
.tr-odd {
	background-color: #ffffff;
}
td {
	border: 1px solid black; 
	padding: 5px;
}
/* End Table Styles */

/* Menu Styles */
.dropdown-menu li {
	position: relative;
	background: #b9b9b9;
	font-weight: bold;
}

.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
	background: #b9b9b9;
	font-weight: bold;
}

.dropdown-menu .dropdown-submenu-right {
	right: auto;
	left: 100%;
	background: #b9b9b9;
	font-weight: bold;
}

.dropdown-menu>li:hover>.dropdown-submenu {
	display: block;
	background: #b9b9b9;
	font-weight: bold;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    background: #b9b9b9;
	font-weight: bold;
}
.dropdown-submenu {
    position:relative;
    background: #b9b9b9;
	font-weight: bold;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
    background: #b9b9b9;
}

.dropdown-menu > li > a:link {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 

.dropdown-menu > li > a:visited {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
	font-weight: bold;
} 

.dropdown-menu > li > a:hover {
    text-decoration: underline;
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 

.dropdown-menu > li > a:active {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 


.dropdown-menu > li > a {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
}

.dropdown-menu > li > a {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
}

.navbar-nav > li > a:link {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 

.navbar-nav > li > a:visited {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 

.navbar-nav > li > a:hover {
    text-decoration: underline;
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
} 

.navbar-nav > li > a:active {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
	font-weight: bold;
} 

.navbar-nav > li > a {
    background: #b9b9b9;
    font-weight: bold;
    color: #444444;
}

.site-menu {
	background: #b9b9b9;
	color: #444444;
	font-weight: bold;
}
/* End Menu Styles */

/* Admin Styles */
.results-table th, .results-table td {
	border: 1px solid black;
}
/* End Admin Styles */

/* rays of sunlight datatable styles */
#raysoflight .dt-type-date {
	text-align: left;
}
.rays-datatable {
	background: white;
	color:black;
}

#raysoflight th, #raysoflight td {
	border: 1px solid black;
	vertical-align: top;
	padding: 5px;
}
/* end rays of sunlight datatable style */

.dailysunlight {
	padding: 0px;
}
/*
brighter orange: fcaa39
*/
#dailysunlight {
	padding: 0px;
	border-top: 0px;
	border-right: 10px solid #fcaa39;
	border-bottom: 10px solid #fcaa39;
	border-left: 10px solid #fcaa39;
}
#dailysunlightmessage {
	background: white;
	color:black;
	font-size: 1.4em;
	padding: 20px;
	font-family: Aclonica;
}

#teachings-content {
	background: white;
	color:black;
	font-size: 1.0em;
	padding: 10px;
	font-family: Aclonica;
}

#teachings-contact {
	background: white;
	color:black;
	font-size: 0.7em;
	padding: 10px;
}

#dailysunlightdate {
	text-align: left;
	font-weight: bold;
	padding: 0px;
	background: #fcaa39;
	margin: 0px;
	font-size: 0.7em;
	font-style: italic;
}

#mantra {
	padding: 0px;
	border-top: 0px;
	border-right: 10px solid #fcaa39;
	border-bottom: 10px solid #fcaa39;
	border-left: 10px solid #fcaa39;
	border-top: 10px solid #fcaa39;
}

#mantraname {
	background: #444444;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

#mantracontent {
	background: white;
	color:black;
	font-size: 1.4em;
	padding: 20px;
	font-family: Aclonica;
}

#videosasdf thead th {
    background-color: #444444; /* Your custom color */
    color: white; /* Text color */
}

#mydatatable thead th {
    background-color: #444444; /* Your custom color */
    color: white; /* Text color */
}