:root {
  --secondary: #FFF8BD;
  --main: #CC574F;
  --brand-blue: #85d9ef;
  --brand-orange: #feb606;
  --brand-yellow: #F9D78C;

  --brand-blue-rgb: 133, 217, 239;
  --brand-orange-rgb: 254, 182, 6;
  --brand-yellow-rgb: 248, 215, 140;
  --bg-color: #f0fafc;
  --bg-footer: #1d1d1d;
}

footer{
    background-color: var(--bg-footer);
    color: #fff;
}
footer .headline {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.social-icons li a {
	background-color: rgba(255,255,255,.2);
}
dl.headlines.headlines-footer dd .text-muted {
	color: rgba(255,255,255,.5);
}
footer a,
dl.headlines.headlines-footer dd a {
	color: #ddd;
    color: rgba(255,255,255,.7);
}
footer a:focus,
footer a:hover,
dl.headlines.headlines-footer dd a:focus,
dl.headlines.headlines-footer dd a:hover {
	color: #fff;
}

.social-icons li a {
  background-color: var(--secondary);
  border-radius: 5px;
}
dl.headlines dt.date a {
  border-radius: 6px;
  background-color: rgba(var(--brand-blue-rgb));
}
dl.headlines dt img, dl.headlines dt a span {
  border-radius: 6px;
  border-color: rgba(255,255,255,.7);
}
dl.headlines dt.date div:first-child {
  font-size: 20px;
}
dl.headlines dt.date div:last-child {
  font-size: 14px;
}

header {
  background-color: var(--main);
}

.sf-menu.sf-arrows .sf-with-ul:after {
  border-top-color: var(--secondary);
}

section#content .container img {
  border-radius: 16px;
}

.aside ul#submenu li a, 
.aside ul.submenu li a {
  color: rgba(0,0,0,.65);
}

.aside ul#submenu li a:hover,
.aside ul#submenu li a:focus,
.aside ul.submenu li a:hover,
.aside ul.submenu li a:focus {
  background-color: transparent;
  color: rgba(0,0,0,.9);
}

.aside ul#submenu li.active>a, 
.aside ul.submenu li.active>a {
  background-color: transparent;
}

section#content .content-header {
  background-color: rgba(var(--brand-blue-rgb), .3);
}
section#content .content-header h2 {
  
}
section#content .content-header .breadcrumb>.active {
  
}
section#content .content-header .breadcrumb>.active {
  
}
section#content .content-header .breadcrumb a {
  color: rgba(0,0,0,.65);
}

section#content .content-header .breadcrumb a:hover,
section#content .content-header .breadcrumb a:focus {
  color: rgba(0,0,0,.9);
}


.btn {
  border-radius: 14px;
  padding: 10px 30px;
}
.btn.btn-sm {
  border-radius: 10px;
  padding: 8px 20px;
}
.btn-primary {
  background-color: rgba(var(--brand-blue-rgb), 1);
  color: rgba(0,0,0,.8);
  border-color: rgba(var(--brand-blue-rgb), .8);
}
.btn-primary:hover, .btn-primary:focus {
  color: rgba(0,0,0,.9);
  background-color: rgba(var(--brand-blue-rgb), .8);
  border-color: rgba(var(--brand-blue-rgb), 1);
}
.btn-secondary {
  background-color: rgba(var(--brand-orange-rgb), 1);
  color: rgba(0,0,0,.8);
  border-color: rgba(var(--brand-orange-rgb), .8);
}
.btn-secondary:hover, .btn-secondary:focus {
  color: rgba(0,0,0,.9);
  background-color: rgba(var(--brand-orange-rgb), .8);
  border-color: rgba(var(--brand-orange-rgb), 1);
}

.block-homepage {
  color: var(--secondary);
  background-color: rgba(var(--brand-orange-rgb));
  padding: 24px 32px;
  border-radius: 16px;
}

.block-homepage .fa {
  font-size: 32px;
  margin: 20px 0;
}

.block-homepage a {
    color: #374151;
}