/*
 * Tema Linguit para Chamilo
 * Basado en Kiddy, adaptado a la identidad visual de linguit.com.mx
 */

.key-login {
    display: none !important;
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(fonts/RobotoCondensed-Light.woff2) format('woff2')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(fonts/RobotoCondensed-Regular.woff2) format('woff2')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(fonts/RobotoCondensed-Bold.woff2) format('woff2')}

:root{
  --linguit-primary:#2F6BFF;
  --linguit-primary-dark:#1744C8;
  --linguit-purple:#542CAB;
  --linguit-purple-dark:#2F1678;
  --linguit-accent:#7A3FF3;
  --linguit-turquoise:#00CDB3;
  --linguit-dark:#17172b;
  --linguit-muted:#61708a;
  --linguit-light:#f6f8fc;
  --linguit-border:#e6ebf3;
  --linguit-white:#ffffff;
}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;position:relative;background:var(--linguit-light)}
body{margin:0 0 60px;font-family:'Poppins','Roboto Condensed',Arial,sans-serif;line-height:1.65;color:var(--linguit-dark);background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 42%,#eef6ff 100%)}
body > main footer.footer{bottom:0;left:0;position:absolute;right:0}
a{color:var(--linguit-primary);font-weight:500;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
a:hover,a:focus{color:var(--linguit-accent);text-decoration:none}
img{max-width:100%}

header{background:#fff url(images/background.png) repeat-x center bottom;border-bottom:1px solid rgba(230,235,243,.95);box-shadow:0 8px 28px rgba(15,23,42,.08)}
.logo{margin:30px 0;text-align:left}
.logo img,.logo a img{max-height:86px;width:auto}
.nav li a{padding:15px 14px;border-radius:14px;font-weight:700;letter-spacing:.01em}
.nav li a:hover{background:rgba(47,107,255,.08)}

.navbar{margin-bottom:0;border-radius:0;min-height:56px}
.navbar-default{background:#fff;border:none;border-top:1px solid rgba(255,255,255,.35);box-shadow:0 1px 0 rgba(230,235,243,.9)}
.navbar-default .navbar-brand{color:var(--linguit-dark);font-weight:800}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:var(--linguit-primary)}
.navbar-default .navbar-text{color:var(--linguit-dark)}
.navbar-default .navbar-nav > li > a{color:var(--linguit-dark);text-transform:none;font-weight:700}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#fff;background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent));box-shadow:0 4px 8px rgba(47,107,255,.24)}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:#fff;background:linear-gradient(135deg,var(--linguit-purple),var(--linguit-accent));box-shadow:0 7px 12px rgba(84,44,171,.25)}
.navbar-default .navbar-nav > li > .dropdown-menu{background:#fff;border:1px solid var(--linguit-border);border-radius:14px;box-shadow:0 10px 22px rgba(15,23,42,.14);padding:8px}
.navbar-default .navbar-nav > li > .dropdown-menu > li{border:none}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a{color:var(--linguit-dark);padding:9px 12px;border-radius:10px;font-weight:600}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus{color:#fff;background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent))}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider{background-color:var(--linguit-border)}
.navbar-default .navbar-toggle{border-color:var(--linguit-primary);border-radius:12px;background:#fff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:rgba(47,107,255,.08)}
.navbar-default .navbar-toggle .icon-bar{background-color:var(--linguit-primary)}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:var(--linguit-border)}
.navbar-default .navbar-link{color:var(--linguit-primary)}
.navbar-default .navbar-link:hover{color:var(--linguit-accent)}

#breadcrumb-bar{padding-top:10px;background:#fff;border-bottom:1px solid var(--linguit-border)}
.breadcrumb{background:#f8fafc;color:var(--linguit-muted);border:1px solid var(--linguit-border);border-radius:14px;padding:10px 14px}
.breadcrumb a{color:var(--linguit-primary)}
.badge{background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent));color:#fff;border-radius:999px;padding:5px 9px}

.btn-primary,.btn.btn-primary,.button.btn-primary,input[type="submit"].btn-primary{background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent));border-color:transparent;color:#fff;border-radius:999px;font-weight:700;box-shadow:0 12px 26px rgba(47,107,255,.22)}
.btn-primary:hover,.btn.btn-primary:hover,.button.btn-primary:hover,input[type="submit"].btn-primary:hover{background:linear-gradient(135deg,var(--linguit-accent),var(--linguit-purple));border-color:transparent;color:#fff;transform:translateY(-1px)}
.btn-success{background:var(--linguit-turquoise);border-color:var(--linguit-turquoise);border-radius:999px;font-weight:700;color:#073b35}
.btn-info{background:var(--linguit-primary);border-color:var(--linguit-primary);border-radius:999px;font-weight:700}
.btn-warning{background:var(--linguit-accent);border-color:var(--linguit-accent);border-radius:999px;color:#fff;font-weight:700}
.btn-default{border-color:var(--linguit-border);border-radius:999px;color:var(--linguit-dark);font-weight:700;background:#fff}

.panel,.panel-default,.thumbnail,.well{border-color:var(--linguit-border);border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.07);background:#fff}
.panel-default > .panel-heading,.panel-default .panel-heading{background:#f8fafc;border-color:var(--linguit-border);color:var(--linguit-dark);border-top-left-radius:18px;border-top-right-radius:18px;font-weight:800}
.panel-title,.panel-heading{font-weight:800}
.table > thead > tr > th{border-bottom:2px solid var(--linguit-primary);color:var(--linguit-dark);font-weight:800;background:#f8fafc}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#fbfcff}
.form-control{border-color:var(--linguit-border);border-radius:12px;box-shadow:none}
.form-control:focus{border-color:var(--linguit-primary);box-shadow:0 0 0 3px rgba(47,107,255,.14)}
.alert{border-radius:16px;border:0;box-shadow:0 12px 28px rgba(15,23,42,.08)}

footer.bgfooter{background:linear-gradient(135deg,var(--linguit-purple) 0%,var(--linguit-purple-dark) 100%);color:#fff;border:none;box-shadow:0 -10px 30px rgba(47,22,120,.18)}
footer.bgfooter a{color:#fff;font-weight:700}
footer.bgfooter a:hover{color:#dffcf8}

.menu-column .panel-heading{text-transform:none;background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent));color:#fff;padding-left:42px;border:0}
.menu-column .panel-heading a{font-weight:800;color:#fff}
.menu-column .panel-heading a:hover{color:#fff}
.menu-column .nav li a{font-size:14px;color:var(--linguit-dark)}
.menu-column .nav li a:hover{color:var(--linguit-primary);background:rgba(47,107,255,.08)}
#profile_block .panel-heading{background-image:url(images/user.png);background-position:12px center;background-repeat:no-repeat}
#skill_block .panel-heading{background-image:url(images/star.png);background-position:12px center;background-repeat:no-repeat}
#course_block .panel-heading{background-image:url(images/book.png);background-position:12px center;background-repeat:no-repeat}
#help_block .panel-heading{background-image:url(images/rocket.png);background-position:12px center;background-repeat:no-repeat}

#main_content,.section-admin,.content-page{position:relative}
#main_content:before{content:"";position:absolute;right:0;top:30px;width:230px;height:230px;background:url(images/decor-globe-turquoise.png) no-repeat center/contain;opacity:.07;pointer-events:none;z-index:0}
#main_content > *{position:relative;z-index:1}

@media (max-width:767px){
  .logo{margin:18px 0;text-align:center}
  .logo img,.logo a img{max-height:70px}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:var(--linguit-dark)}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;background:linear-gradient(135deg,var(--linguit-primary),var(--linguit-accent))}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#fff;background:var(--linguit-primary)}
}
@media (min-width:768px) and (max-width:979px){.logo{margin:24px 0}}
@media (min-width:480px) and (max-width:767px){.logo{margin:20px 0}}
@media (min-width:320px) and (max-width:479px){.logo{margin:14px 0}}



.key-login{
    display: none;
}