/**
 * @author Alexis Bogado <alexis.bogado@s3w.es>
 * @package webinar-web
 */

 @font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-BoldIt.woff2') format('woff2'),
      url('../../fonts/Texta-BoldIt.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-Bold.woff2') format('woff2'),
      url('../../fonts/TextaAlt-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-Light.woff2') format('woff2'),
      url('../../fonts/TextaAlt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-Book.woff2') format('woff2'),
      url('../../fonts/TextaAlt-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-It.woff2') format('woff2'),
      url('../../fonts/TextaAlt-It.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-Medium.woff2') format('woff2'),
      url('../../fonts/TextaAlt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-MediumIt.woff2') format('woff2'),
      url('../../fonts/TextaAlt-MediumIt.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-Regular.woff2') format('woff2'),
      url('../../fonts/TextaAlt-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/TextaAlt-BookIt.woff2') format('woff2'),
      url('../../fonts/TextaAlt-BookIt.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-Book.woff2') format('woff2'),
      url('../../fonts/Texta-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-It.woff2') format('woff2'),
      url('../../fonts/Texta-It.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-Bold.woff2') format('woff2'),
      url('../../fonts/Texta-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-Medium.woff2') format('woff2'),
      url('../../fonts/Texta-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-Medium.woff2') format('woff2'),
      url('../../fonts/Texta-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-Bold.woff2') format('woff2'),
      url('../../fonts/Texta-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Texta';
  src: url('../../fonts/Texta-MediumIt.woff2') format('woff2'),
      url('../../fonts/Texta-MediumIt.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

body {
    font-family: 'Texta', sans-serif;
}

*:disabled {
    cursor: not-allowed;
}

/* #main-menu .nav-link:hover {
    color: rgba(41, 34, 92, .8) !important;
} */

#main-menu .nav-link::after {
    content: ' ';
    display: block;
    height: 3px;
    width: 0;
    transition: width .25s linear;
}

#main-menu .dropdown.show .nav-link::after, #main-menu .nav-link:hover::after {
    width: 100%;
}

#main-menu, #main-menu img {
    transition: max-width 0.5s, background-color 0.5s;
}

#main-logo img {
    /* border-width: 30px 20px 20px 20px; */
    border-style: solid;
    border-color: transparent;
}

.menu-text {
    letter-spacing: 2px;
    font-size: 8px;
}

#nav-menu.w-0 .navbar-nav {
    visibility: hidden;
    opacity: 0;
}

#nav-menu .navbar-nav {
    display: visible;
    opacity: 1;
    transition: visibility 0s, opacity .35s ease-in-out;
}

.navbar-collapse-left {
    transition: width .35s ease-in-out !important;
    height: 100vh;
    width: 380px;
    z-index: 1030;
}

.maxw-65 {
    max-width: 65% !important;
}

.mw-65 {
    min-width: 65% !important;
}

.w-0 {
    width: 0 !important;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}


.hr-bold {
    border-width: 2px !important;
}

section#inicio {
    background: #eaeef1;
    padding-top: 100px;
}

section#inicio.bg-index {
    background: url(../images/header_home2.png) no-repeat, #eaeef1;
    background-size: cover;
}

section#inicio.bg-header {
    background: url(../images/header_home2.png) no-repeat, #eaeef1;
    background-size: cover;
    background-position: left 0%;
}

section#inicio.bg-header-lite {
  background: url(../images/header_lite.png) no-repeat, #eaeef1;
  background-size: cover;
  background-position: left 0%;
}

.line-height-1 {
    line-height: 1;
}

.font-weight-ultrabold {
    font-weight: 900 !important;
}

.social-media-icons li {
    height: 45px;
    width: 45px;
}

.social-media-icons li a {
    border: 2px solid;
}

.social-media-icons li a:hover {
    background-color: #fff;
    color: #14112c !important;
    text-decoration: none;
    transition: all 110ms;
}

.arrow-icon {
    transition: transform .2s ease-in-out;
}

.transform-180deg {
    transform: rotate(180deg) !important;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.text-underlined {
    text-decoration: underline;
}

.border-lg-green {
    border-bottom: 10px solid #318b68;
}

.border-lg-dark-blue {
  border-bottom: 10px solid #004d6d;
}



.border-transparent{
  border-color: transparent;
}

a.text-dark-purple:hover {
    color: #38345c;
    opacity: .9;
}

a.text-cyan:hover {
    color: #00a09a;
    opacity: .9;
}

footer a.nav-link:hover {
    text-decoration: underline;
}

#go-top {
    display: none;
    width: 60px;
    height: 60px;
}

.nav-link.dropdown-toggle::after {
    border: 0 !important;
    margin: 0 !important;
    vertical-align: unset !important;
}

.transform-none {
    transform: none !important;
}

.download-box::after {
    width: 100%;
    content: ' ';
    background-color: rgba(255, 255, 255, 0.4);
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0%;
    transition: height .1s ease-in;
}

.download-box:hover::after {
    height: 100%;
    transition: height .1s ease-in;
}

/* Background colors */
.bg-purple {
    background-color: #301688 !important;
}

.bg-dark-purple {
    background-color: #14112c !important;
}

.bg-dark-blue {
  background-color: #004d6d !important;
}

.bg-gray-purple {
    background-color: #38345c !important;
}

.bg-green {
    background-color: #78BA42 !important;
}

.bg-gray-green {
    background-color: #318b68 !important;
}

.bg-cyan {
    background-color: #00a09a !important;
}

.bg-blue {
    background-color: #004d6d !important;
}

.bg-red {
  background-color: #ed1c24 !important;
}

.bg-light-green {
    background-color: #318b6873 !important;
}

.bg-black-transparent {
  background-color: #f4f4f430 !important;
}

/* Text colors */
.text-dark-purple {
    color: #2D1892;
}

.text-light-purple {
    color: #7419B5;
}

.text-cyan {
    color: #00a09a;
}

.text-light-cyan {
    color: #17cec7;
}

.text-blue {
    color: #004d6d;
}

.text-pink {
  color: #ff6775;
}

.text-red {
  color: #c43f27;
}

.text-red:focus{
  color: #c43f27;
}

.text-light-blue {
    color: #83f2f2;
}

.text-dark-blue {
    color: #004d6d;
}

.text-black {
  color: black;
}

/* Border colors */
.border-blue {
    border: 1px solid #004d6d !important;
}

.form-control.border-blue:focus {
    border-color: rgba(74, 179, 210, .4);
    box-shadow: 0 0 0 0.2rem rgba(74, 179, 210, .25);
}

@media (max-width: 768px) {
    section#inicio {
        padding-top: 150px;
    }

    .navbar-collapse-left {
        width: 100%;
    }
}

.blurred-header{
  backdrop-filter: blur(10px);
  background-color: hsla(93, 47%, 49%, .7)
}

input[type=text], input[type=email], input[type=password]{
  background-color: #f4f4f4;
  color: #004d6d;
  border-radius: 0px;
  border: 1px solid white;
}

select{
  background-color: #f4f4f4 !important;
  color: #004d6d;
  border-radius: 0px;
  border: 1px solid white;
}

.form-control-focus:focus{
  border-color: transparent;
  box-shadow: none;
}

/* textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ 
  color: #c43f27 !important;
  opacity: 1; /* Firefox 
} */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004d6d !important;
  opacity: 1; /* Firefox */
  font-weight: 100;
}

.btn-registrese{
  position: absolute;
  bottom: 10px;
  max-width: 25vw;
  left: 50%;
  transform: translateX(-50%);
}

.btn-menu{
  background-color: white;
  color: black;
  border-radius: 0px;
  padding: 5px 20px;
}

.btn-menu-gray {
  background-color: #9E9E9E;
}

.btn-reuniendo{
  background: rgb(0,110,162);
  background: linear-gradient(90deg, rgba(0,110,162,1) 20%, rgba(147,39,143,1) 100%);
  color: white;
  border-radius: 40px;
  padding: 5px 20px;
}

.registro-container{
  background: rgb(147,39,143);
  background: linear-gradient(90deg, rgba(147,39,143,1) 20%, rgba(0,110,162,1) 100%);
}

.registro-container a {
  color: white;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
}

.display-none{
  display: none;
}

.gradient-blue{
  background: rgb(0,110,162);
  background: linear-gradient(90deg, rgba(0,110,162,1) 20%, rgba(41,171,226,0) 80%);
}

.gradient-purple{
  background: rgb(147,39,143);
  background: linear-gradient(90deg, rgba(147,39,143,1) 20%, rgba(41,171,226,0) 80%);
} 

.gradient-pink{
  background: rgb(237,30,121);
  background: linear-gradient(90deg, rgba(237,30,121,1) 20%, rgba(41,171,226,0) 80%);
}

.gradient-red{
  background: rgb(237,28,36);
  background: linear-gradient(90deg, rgba(237,28,36,1) 20%, rgba(237,122,39,0) 80%);
}

.gradient-orange{
  background: rgb(237,158,28);
  background: linear-gradient(90deg, rgba(237,158,28) 20%, rgba(237,122,39,0) 80%);
}

.time-header{
  border-radius: 50px;
}

.mw-32{
  max-width: 32px;
}

#cookie-box {
  background-color: rgba(0, 0, 0, 0.74);
  position: fixed;
  bottom: 0;
  padding: 10px 20px;
  z-index: 1;
  display: none;
}

@media (min-width: 768px){
  .position-md-absolute {
    position: absolute;
  }

  .h-center {
    left: 50%;
    transform: translateX(-50%);
  }

  .bg-md-transparent{
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px){
  .bg-white-10{
    background-color: #ffffff10;
  }

  .btn-menu{
    border-radius: 0px;
    border-bottom: 1px solid #00000050 !important;
    border-left: 1px solid #00000050 !important;
    border-right: 1px solid #00000050 !important;
    border-top: none;
  }

  .btn-reuniendo{
    font-size: 0.8rem;
  }
}