/*
Theme Name: Experto Universitario en Economía Circular (2022)
Theme URI: https://ulpgc.es
Author: Héctor Muñoz
Author URI: http://hectormunozg.com
Description: Official website of Experto Universitario en Economía Circular at ULPGC
Version: 0.1
License: Copyright
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --brandBlue : rgb(0,102,161);
  --brandPink : rgb(241, 154, 190);
  --brandGreen : rgb(203,218,63);
  --brandOrange : rgb(255,161,0);
  --brandYellow : rgb(251,209,0);
  --brandGrey : rgb(84,88,89);
}


.logged-in .position-fixed {
  top: 32px !important;
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .dropdown-menu, .navbar-expand-lg [data-dropdown-content] {
      background-color: #1B1F3B;
      border-color: #1B1F3B;
  } 
}

#bs-example-navbar-collapse-1 {
  justify-content: flex-end;
}

.bg-orange {
  background-color: rgba(255,161,0, 0.15);
}

.bg-pink {
   background-color: rgba(241, 154, 190, 0.15);
}

.bg-blue {
  background-color: rgba(0, 102, 161, 0.15);
}

.bg-grey {
  background-color: rgba(84,88,89, 0.10)
}

.bg-blue100 {
  background-color: rgb(0,102,161);
}

.bg-pink100 {
  background-color: rgb(241, 154, 190);
}

.btn-pink {
  background-color: rgb(241, 154, 190);
  color:white;
}


.btn-blue {
  background-color: rgb(0,102,161);
  color: white;

}

  .btn-blue:hover, .btn-pink:hover {
    color: rgba(255,255,255, 0.7);
  }


  .navbar[data-sticky="top"].scrolled.navbar-dark {
    background-color: rgb(0,102,161);
  }  




.icon.icon-md {
  height: 5.25rem;
}

.left-logo {
  max-width: 120px;
  padding-top: 8px;
}

.right-logo {
  max-width: 120px;
}

@media (max-width: 600px) {
  .left-logo {
    max-width: 100%;
  }
  
  .right-logo {
    max-width: 100%;
  }

  .brandwrap {
    max-width: 65%;
  }
}

.pricing-ticket:before, .pricing-ticket:after {

  background: #FFF1E0;

}

h1, h2 {
  color: var(--brandBlue) !important;
}

.btn-arrow-blue {
  color: #fff !important;
  background-color: var(--brandBlue);
  border-color: var(--brandBlue);
  fill: white;
}

.btn-arrow-blue svg.icon * {
  fill: white;
}

.btn-round > .icon:only-child {
  fill: white;
}

td a, h5 a, .h4 {
  color: var(--brandBlue);
}

h1, h2 {
  border-bottom: 2px solid var(--brandPink);
  font-weight: 650;
}

h3.h4 {
  border-bottom: 2px dotted var(--brandGreen);
}

h3 {
  color: var(--brandGrey);
}

ol.breadcrumb {
  background-color: transparent !important;
}

.breadcrumb-item a {
  color: var(--brandGrey);
}

.teacher-social svg.icon * {
  fill: var(--brandGrey) !important;
}

.contact-text {
  color: var(--brandOrange) !important;
  border-top: 2px solid var(--brandOrange);
  border-bottom: 2px solid var(--brandOrange);
  padding: 14px;
}

#profile li {
  margin-left: 1rem;
}

span.h6:hover, a {
  color: var(--brandBlue);
}

svg.bg-primary-3 * {
  fill: var(--brandBlue);
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .dropdown-menu, .navbar-expand-lg [data-dropdown-content] {
      background-color: var(--brandBlue);
      border: none;
      color:white;
  }

  .display-1 {
    font-size: 2.8rem;
  }

}

nav[data-overlay].navbar-toggled-show.navbar-dark {
  background-color: var(--brandBlue);
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.55rem;
      padding-left: 0.55rem;
  }

}