.diodons-background {
    background-color: orange; /* For browsers that do not support gradients */
    background-image: linear-gradient(135deg, orange, blue);
}
.row>* {
  /*
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  */
  /*
  padding-right: 0 !important;
  padding-left: 0 !important;
  */
}
/* ==================== */
/* left-sidebar          */
/* ==================== */
.left-sidebar {

}
.left-sidebar.collapsed {

}
.main {

}

.sidebar-link {
    color: white;
    border-radius: 8px;
    margin: 4px 16px;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-link:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(5px);
}

.sidebar-link.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.logo-text {
    background: linear-gradient(135deg, green 0%, blue 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: opacity 0.3s ease;
}

/*
.notification-badge {
    background: #ff6b6b;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 0.7rem;
}
*/
.profile-section {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.profile-info {
    transition: opacity 0.2s ease;
}


/* =============== */
/* footer          */
/* ================ */
.footer {
  /*background: linear-gradient(135deg, green, orange);*/
}

/* ==================== */
/* gcal-events          */
/* ==================== */

.gcal-events-header
{
  background: linear-gradient(135deg, orange, blue);
  /*
  margin-top: 10px;
  margin-bottom: 4px;
  */
  font-family: Georgia, serif;
}
.gcal-events h5
{
  color: Snow;
  margin-top: 10px;
  margin-bottom: 4px;
  font-family: Georgia, serif;
}
.gcal-events p
{
  color: SeaShell;
  margin-top: 1px;
  margin-bottom: 1px;
  font-family: Georgia, serif;
}

/*
.gcal-events a
{
  color: slateblue;
  font-style: italic;
}
*/
.gcal-events .gcal-events-when
{
}
.gcal-events .gcal-events-where
{
}
.gcal-events .gcal-events-desc
{
  font-style: italic;
}
.gcal-events .gcal-events-link
{
  color: Blue
  /*color: white;*/
  font-style: italic;
}


/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
	background: url(../images/bg1.jpg) no-repeat top center;
  background-size: cover;
  height: auto;
}

#intro.intro {
	padding:20% 0 0 0;
}

.intro .slogan {
	text-align: center;
}

.intro .page-scroll {
	text-align: center;
}

.intro .slogan h2 {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	#text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: -1px 0 1px #000;
}

.intro .slogan h4 {
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}