/*!
 * CSS RED - v. 2.0
 * 2015 - Alex Arag??n (aragonc@beeznest.com)
 * OpenClipArt ilustration (https://openclipart.org/detail/163771/little-red-riding-hood)
 * Licensed GPL
 * Based on Bootstrap
*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../chamilo/fonts/OpenSans-Light.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../chamilo/fonts/OpenSans.woff2) format('woff2'), url(../chamilo/fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../chamilo/fonts/OpenSans-Semibold.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../chamilo/fonts/OpenSans-Bold.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Bold.woff) format('woff');
}
html {
  position: relative;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0 0 60px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.72222;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
a{
  color: #666666;
}
a:hover{
  color: #333333;
}
header{
  background: url("images/bg-red.png") repeat-x center -25px;
}
.navbar-default {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); 
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); 
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
border:none;
border-radius: 0;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffdb00;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffdb00;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #db0000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffdb00;
  background: #782121; /* Old browsers */
  background: -moz-linear-gradient(top, #782121 0%, #2f0d0d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#782121), color-stop(100%,#2f0d0d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #782121 0%,#2f0d0d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #782121 0%,#2f0d0d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #782121 0%,#2f0d0d 100%); /* IE10+ */
  background: linear-gradient(to bottom, #782121 0%,#2f0d0d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#782121', endColorstr='#2f0d0d',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffdb00;
  background-color: #870000;
}
.navbar-default .navbar-toggle {
  border-color: #870000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #870000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffdb00;
}
.logo {
  margin: 50px 0;
}
.panel-default .panel-heading{
    background-color: #EDEDED;
}
.breadcrumb{
  background: #EDEDED;
}
.nav li a:hover{
    background: transparent;
}
footer.bgfooter{
  background: #1c1c1c; /* Old browsers */
  background: -moz-linear-gradient(top, #1c1c1c 0%, #272727 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(99%,#272727)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1c1c1c 0%,#272727 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1c1c1c 0%,#272727 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1c1c1c 0%,#272727 99%); /* IE10+ */
  background: linear-gradient(to bottom, #1c1c1c 0%,#272727 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
  color: #d4707f;
}
footer.bgfooter a{
  color: #ffffff;
}
footer.bgfooter a:hover{
  color: #CCC;
}
#carousel-announcement .left, #carousel-announcement .right{
    background: #AE0000;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .logo {
    margin: 25px 0;
  }
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
  .logo {
    margin: 24px 0;
  }
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
  .logo {
    margin: 10px 0;
  }
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
}
/* TRUST ACADEMY CUSTOM CSS */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

body {
  font-family: 'DM Sans', sans-serif !important;
  background-color: #f8f9fa;
}
/* Header */
header {
  background: none !important;
  background-color: #ffffff !important;
}
/* Navbar */
.navbar-default {
  background: #f30000 !important; /* Trust Academy Red */
  border-bottom: 3px solid #111111 !important; /* Black */
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  background: #111111 !important; /* Black active state */
  color: #ffffff !important;
}
/* Panels & Glassmorphism */
.panel {
  border-radius: 12px;
  border: none;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}
.panel-default > .panel-heading {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-bottom: none;
}
/* Buttons */
.btn-primary {
  background-color: #f30000 !important;
  border-color: #f30000 !important;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background-color: #111111 !important;
  border-color: #111111 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(243,0,0,0.3);
}
/* Footer */
footer.bgfooter {
  background: #111111 !important;
  color: #ffffff !important;
}
/* Homepage Hero */
#homepage-hero {
  background: url('images/trust_academy_hero_bg.png') no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  color: #ffffff;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  position: relative;
}
#homepage-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(17,17,17,0.6); /* Dark overlay */
  border-radius: 12px;
}
#homepage-hero .hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
}
#homepage-hero h1 {
  font-size: 3em;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
#homepage-hero p {
  font-size: 1.5em;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

/* Header Flex Alignment & Compacting */
#cm-header { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
#cm-header .container > .row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#cm-header .container > .row::before,
#cm-header .container > .row::after {
  display: none !important;
}
#cm-header .container > .row > div {
  width: auto !important;
}
.logo { margin: 0 !important; padding: 0 !important; }
#header-logo { 
  max-height: 80px !important; 
  width: auto !important; 
  margin: -15px 0 !important; 
}
.header-ol { 
  margin: 0 !important; 
  padding: 0 !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: flex-end !important;
}
.key-login { display: none !important; }