.topbar {
  background: #051721;
}

#topbar:has(#contentedit)
{
	height:auto;
}

/* the topbar is a section, which the template clips; let the language dropdown open below it */
#topbar
{
	overflow:visible;
}

/* same spacing as the other topbar links */
.topbar .social-links .dropdown
{
	margin-left:20px;
}

.hero {
    background: rgb(26,70,69);
    background: linear-gradient(90deg, rgba(26,70,69,1) 0%, rgba(39,105,104,1) 100%);
}

.hero .icon-box {
  background: #3D7877;
}

.hero .icon-box .icon {
  color: #fff;
}

.hero .icon-box .title {
    color: #fff;
}

.hero .icon-box:hover {
  background: #335E5D;
}

.hero .icon-box:hover .icon,
.hero .icon-box:hover .title,
.hero .icon-box:hover .title a {
  color: var(--color-secondary);
}

.header {
    background: rgb(26,70,69);
    background: linear-gradient(90deg, rgba(26,70,69,1) 0%, rgba(39,105,104,1) 100%);
}

.header .logo img {
  max-height: 60px;
  margin-right: 6px;
}

.header .logo h1 span {
  color: var(--color-secondary);
}

.footer {
    background: rgb(26,70,69);
    background: linear-gradient(90deg, rgba(26,70,69,1) 0%, rgba(39,105,104,1) 100%);
}