@charset "UTF-8";
/*!
 * UranoWorld
 * Copyright 2023 Alberto Barajas based on Bootstrap 5.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 
/* Icon BG */


html, body {
  margin: 0px;
  height: 100vh;
}

.text-muted {
  color: #999 !important;
}
 .header-area  {
  background-color: /*rgb(244,59,29)*/ black;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 150px;
 }
 .video .header-area {
  margin-bottom: 0;
 }
 .header-area header {
  padding: 0em;
 }
 .header-area a {
  text-decoration: none;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
 }
 .header-area a:hover {
  color: rgb(244,59,29);
 }
.logo-area {
  text-align: center;
  width: 200px;
  margin: 0 auto;
}

.start-area {
  margin-bottom: 3em;
  height: 75vh;
  margin-top: 25vh;
}

#navbar a:hover {
  background-color: rgb(244,59,29);
  color: #fff;
}

#navbar a.active {

  color: white;
}
#navbar a#logo:hover {
  background-color: #000 !important;
}



 

.welcome-area h1,
.welcome-area p {
  font-family: 'Source Sans Pro', sans-serif;
}
 

.about-us-container,
.news-container,
.contact-area {
  font-family: 'Source Sans Pro', sans-serif;
}

.divisions-container .logo {
  max-width: 95%;
}
.logo {
  max-height: 30px;
  margin-top: 30px;
}
.logo.edicionesurano {
  max-height: 60px;
  margin-top: 0;
}
.logo.digitalbooster {
  max-height: 30px;
  margin-top: 35px;
}
.logo.amabook,
.logo.amaworld {
  max-height: 20px;
  margin-top: 40px;
}
.logo.uranolearning {
  max-height: 25px;
  margin-top: 35px;
}
.logo.uranoaudio {
  max-height: 55px;
  margin-top: 5px;
}


.welcome-area .feature-icon svg,
.about-us-container svg,
.start-area svg,
.news-container svg,
#videoMessage2 svg,
.contact-area svg {
  color: rgb(244,59,29);
}
.contact-area {
  padding-bottom: 100px;
  padding-top: 100px;
  margin-top: 50px;
}
.footer-area a {
  color: rgb(255,255,255);
}
.footer-area footer {
  padding-top: 2em;
}


.bg {
  min-height: 70vh;
  background-image: url('https://visualhunt.com/vh2/img/vh-bg-1920x1080-min-1.jpg');
  background-size: cover;
  background-position: bottom center;
}

.sticky-top {
  transition: all 0.25s ease-in;
}

/* Backgrounds sections */
.bg-about-us {
  background-color: #f2f2f2;
  
  padding-top: 50px;
}
.bg-news {
  background-color: #fff;
  padding-bottom: 50px;
  padding-top: 50px;
  
}
.bg-partners {
  background-color: rgb(244,59,29);
  padding-bottom: 50px;
  padding-top: 50px;
  
}
.bg-contact {
  background-color: #fff;
  padding-bottom: 100px;
  margin-bottom:0;
}

.footer-area {
  background-color: rgb(244,59,29);
  color: #fff;
  padding-bottom: 3em;
}
.footer-area a:hover {
  color: #000;
}
/* video bg */
.video .start-area {
  margin-top: -360px;
  z-index: 99;
}
#videoDiv2 {width:100%; margin:auto; display:block; position: relative; z-index: -1;} /* This has been changed */
#video2 { margin: auto; display: block; max-width: 100%;}

#videoMessage2 { position: absolute; top: 0; left: 0;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center; 
  width: 100%;
  height: 100%;
 }
  #videoMessage2 img {
    max-width: 100%;
  }
.video #icon-uranoworld {
  width: 90px;
}


.text-uranoworld {
  color: rgb(244,59,29);
}

/* partners */
.partners-carousel .carousel-inner {
  height: 300px;
}
.partners-carousel .carousel-item {

}
.partners-carousel .carousel .carousel-item img {
  width: 150px;
}
#partners svg, #partners h3 {
  color: rgb(255,255,255);
}
/* Custom modals */
.uranoworld .modal-header {
  color: #fff;
  background-color: rgb(244,59,29);
}

.uranoworld .modal-header .btn-close {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

/* Reproductor */
#reproductor {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: none;
}
.video-promo {

  width: 100%;
  background-color: #000;

  text-align: center;
}
.video-promo player {

  margin-bottom: 100px;
  width: 100%;
} 

.title-legal {
  text-align: center;
  color:#fff;
}
.footer-legal {
  margin-top: 6em;
  width: 100%;
  height: 100px;
  background-color: rgb(244, 59, 29);
  color: #fff;
  padding-bottom: 3em;
  box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb), .15) !important;
}
.footer-legal p {
  padding-top: 2em;
}

/* Decalogue */
.icon-decalogue {
  max-width: 100%;
  margin-top: 3em;
}

/* Gencat */
.gencat {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding-top: 1.5em;
}
.gencat img {
  max-width: 400px;
}
.gencat p {
  margin-bottom: 0.3;
  font-weight: bold;
  font-size: 12px;
}