/*
    Theme Name: Bell
    Theme URL: https://bootstrapmade.com/bell-free-bootstrap-4-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

p, li, div {
  line-height: 1.55;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
}

/* ==================================================
  General
  ================================================== */

a {
  transition: 0.5s;
  text-decoration: none;
  font-weight: bold;
}

/* ==================================================
  Elements
  ================================================== */

.btn-primary{
  background-color: #4700ab; 
  color: #ffffff;
  border-color: #4700ab;
}

.btn-primary:hover{
  background-color: #7300fa; 
  color: #ffffff;
  border-color: #7300fa;
}

.btn-lightblue{
  background-color: #00DBFE; 
  color: #000000;
  border-color: #9ef8ff;
}

.btn-lightblue:hover{
  background-color: #9ef8ff; 
  color: #000000;
  border-color: #9ef8ff;
}

.btn-ghost {
  border: 3px solid #fff;
  background-color: transparent;
}

.btn-ghost:hover {
  background-color: #fff;
  color: #199EB8;
}

section {
  padding: 40px 0;
}

.card {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
}

a:hover {
  text-decoration: none !important;
}

/* ==================================================
  Header2 Styling
================================================== */

#header2 {
  background: #fff;
}

#header2 #logo {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#header2 #logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 2px 0;
  line-height: 1;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header2 #logo h1 a,
#header2 #logo h1 a:hover {
  color: #fff;
}

#header2 #logo img {
  padding: 0;
  margin: 0;
  max-height: 50px;
}

#header2 .social-nav {
  margin-top: 7px;
}

#header2 .social-nav a {
  font-size: 24px;
  margin-left: 15px;
  color: #fff;
}

#header2 .social-nav a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* ==================================================
  Team Styling
  ================================================== */

.team .col-sm-3 {
  padding: 0;
}

.team .card > a {
  display: block;
}

.team .card img {
  width: 100%;
}

.team .card h4 {
  color: #fff;
  text-transform: uppercase;
}

.team .card .social-nav {
  margin-bottom: 45px;
}

.team .card .social-nav a {
  color: #fff;
  font-size: 16px;
  margin: 0 4px;
}

.team .card .social-nav a:hover {
  opacity: .75;
}

.team .card:hover .team-over {
  opacity: 1;
  visibility: visible;
}

.team .card:hover .card-title-wrap {
  background-color: #2baae2;
}

.team .card:hover .card-title-wrap .card-title,
.team .card:hover .card-title-wrap .card-text {
  color: #fff;
}

.team .team-over {
  padding-top: 45px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.team .card-title-wrap {
  padding: 15px 25px;
  position: relative;
  z-index: 9;
  background-color: #fff;
}

.team .card-title-wrap .card-title,
.team .card-title-wrap .card-text {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  display: block;
  margin: 0;
}

.team .card-title-wrap .card-title {
  font-size: 24px;
  color: #333;
}

.team .card-title-wrap .card-text {
  font-size: 0.9em;
  color: #999;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

#navbarNavDropdown .nav-item .active {
  font-weight: bold;
  border-bottom: #fff solid 1px;
} 

body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;  
  font-size: 16px;
}

header.menu-principal{
  background-color: #1d0c36; 
  color: #ffffff;
}

.testimonials2 img {
  height: 100%;
  width: 100%;
}

.gray-section {
  background: #000;
}

.lightgray-bg {
  background-color: #F4F7F8;
}

.lightblue-bg {
  background-color: #EAF3FF;
}

.fs-0-7{
  font-size: 0.7em
}

.grecaptcha-badge {
  z-index: 9999;
}

.icon-size {
  max-width: 50px;
}

.darkpurple-color {
  color: #1D0C36;
}

.darkpurple-bg {
  background-color: #1D0C36 !important;
}

.purple-color {
  color: #7300FA;
}

.purple-bg {
  background-color: #7300FA !important;
}

.purple-border-bg {
  border-color: #7300FA !important;
  opacity: 1 !important;
}

.lightblue-bg {
  background-color: #eaf3ff;
}

.cdo {
  background-color: #E5DCF3;
  border-radius: 1rem;
  border-color: #E5DCF3;
}

.cdo__title {
  color: #4700AB;
}

.cdo p {
  color: #1D0C36;
}

.cdo__courses div {
  background-color: #EFE9F7;
  border: 0.15rem solid #A684D6;
  border-radius: 0.7rem;
}

.cdo__courses div:hover {
  background-color: #E5DCF3;
  border: 0.15rem solid #A684D6;
  border-radius: 0.7rem;
  cursor: pointer;
}

.cdo__courses div > span {
  color: #4802AB;
}

.cio {
  background-color: #D9E4FE;
  border-radius: 1rem;
  border-color: #D9E4FE;
}

.cio__title {
  color: #004DF9;
}

.cio p {
  color: #1D0C36;
}

.cio__courses div {
  background-color: #E8EEFE;
  border: 0.15rem solid #004DF9;
  border-radius: 0.7rem;
}

.cio__courses div:hover {
  background-color: #D9E4FE;
  border: 0.15rem solid #004DF9;
  border-radius: 0.7rem;
  cursor: pointer;
}

.cio__courses div > span {
  color: #004DF9;
}

.cto {
  background-color: #D9F4FF;
  border-radius: 1rem;
  border-color: #D9F4FF;
}

.cto__title {
  color: #00B7FF;
}

.cto p {
  color: #1D0C36;
}

.cto__courses div {
  background-color: #EFFAFF;
  border: 0.15rem solid #5FD8FF;
  border-radius: 0.7rem;
}

.cto__courses div:hover {
  background-color: #D9F4FF;
  border: 0.15rem solid #5FD8FF;
  border-radius: 0.7rem;
  cursor: pointer;
}

.cto__courses div > span {
  color: #00B7FF;
}

.ed {
  background-color: #DBEFF2;
  border-radius: 1rem;
  border-color: #DBEFF2;
}

.ed__title {
  color: #1597A8;
}

.ed p {
  color: #1D0C36;
}

.ed__courses div {
  background-color: #E9F5F7;
  border: 0.15rem solid #91CED6;
  border-radius: 0.7rem;
}

.ed__courses div:hover {
  background-color: #DBEFF2;
  border: 0.15rem solid #91CED6;
  border-radius: 0.7rem;
  cursor: pointer;
}

.ed__courses div > span {
  color: #1597A8;
}

.comp {
  background-color: #F7ECE1;
  border-radius: 1rem;
  border-color: #C17A33;
}

.comp__title {
  color: #C17A33;
}

.comp p{
  color: #1D0C36;
}

.comp__courses div {
  background-color: #f7f7f7;
  border: 0.15rem solid #C17A33;
  border-radius: 0.7rem;
}

.comp__courses div:hover {
  background-color: #E1B88E;
  border: 0.15rem solid #C17A33;
  border-radius: 0.7rem;
  cursor: pointer;
}

.comp__courses div > span, .comp__courses a {
  color: #C17A33;
}

.comp2 {
  background-color: #F7ECE1;
  border-radius: 1rem;
  border-color: #C17A33;
}

.comp2__title {
  color: #C17A33;
}

.comp2 p{
  color: #1D0C36;
}

.comp2__courses div {
  background-color: #f7f7f7;
  border: 0.15rem solid #C17A33;
  border-radius: 0.7rem;
}

.comp2__courses div:hover {
  background-color: #E1B88E;
  border: 0.15rem solid #C17A33;
  border-radius: 0.7rem;
  cursor: pointer;
}

.comp2__courses div > span, .comp2__courses a {
  color: #C17A33;
}

.pf {
  background-color: #E4DDF7;
  border-radius: 1rem;
  border-color: #E4DDF7;
}

.pf__title {
  color: #4A20CE;
}

.pf p {
  color: #1D0C36;
}

.pf__courses div {
  background-color: #EEEAFA;
  border: 0.15rem solid #A793E6;
  border-radius: 0.7rem;
}

.pf__courses div:hover {
  background-color: #E4DDF7;
  border: 0.15rem solid #A793E6;
  border-radius: 0.7rem;
  cursor: pointer;
}

.pf__courses div > span {
  color: #4A20CE;
}



.shadow-color {
  box-shadow: 0 .5rem 1rem rgb(0 0 0 / 0.7);
}

.form-card {
  top: 40px;
  right:50px;
  z-index: 1000;     
}

.parallax {
  background-image: url("https://sistemas.uniandes.edu.co/maestrias/mait/virtual/img/landing/ml-paralax.png");

  min-height: 250px; 

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.program-background-primary {
  background-color: #342275;
  color: #ffffff;
}

.program-background-secondary {
  border: 2px solid #000000;
  color: #000000;
  font-weight: 600;
}

.program-background-tertiary {
  background-color: #E9F5F7;
  border: 0.15rem solid #91CED6;
  color: #1597A8;
}

.syllabus-degree__pensum {
  overflow: auto;
}

.syllabus-degree__pensum .card-footer {
  background-color: #786bae;
  color: #ffffff;
}

.syllabus-degree__pensum>div>div>div:not(:first-child) {
  min-width: 10rem;
  max-width: 10rem;
}

.syllabus__body__text {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  min-height: 8rem;
  margin: 0.8rem 0px 0.8rem 0px;
  font-size: 0.8rem;
}

.syllabus__body__text2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin: 0;
  font-size: 0.8rem;
  padding: 0.8rem 0px 0.8rem 0.5rem;
  row-gap: 0.5rem;
}

.syllabus__body__text:hover {
  cursor: pointer;
  background-color: #342275;
  box-shadow: 4px 4px #f5f5f5;
  color: #ffffff;
}

.syllabus__body__text2:hover {
  cursor: pointer;
  background-color: #DBEFF2;
  box-shadow: 4px 4px #f5f5f5;
  color: #1597A8;
}

.syllabus__title {
  padding: 10px;
  border: 2px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.syllabus__body__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 5px;
  min-height: 7rem;
  font-size: 0.9rem;
}

.syllabus__body__title2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0px 0.8rem 0px;
  border-radius: 5px;
  font-size: 1rem;
}

.row-gap-style {
  row-gap: 0.5rem;
}

@media (max-width: 991px) { 
  .program-resume>div>div:not(:last-child) {
      border-bottom: 1px #aaaaaa solid;
      border-right: 0;
  }

}

@media (min-width: 992px) {
  .program-resume>div>div:not(:last-child) {
      border-right: 1px #aaaaaa solid;
      border-bottom: 0;
  }
}

@media (min-width: 1400px) {
  .form-card {
    top: 40px;
    right:180px;
    z-index: 1000;     
  }
}