/*
Theme Name: International Bach Festival (2022)
Theme URI: https://ibfcanarias.com
Author: Héctor Muñoz
Author URI: http://hectormunozg.com
Description: Official website of International Bach Festival
Version: 0.1
License: Copyright
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --brand1 : #BA3080;
  --brand2 : #62A2AC;
  --brand3 : #3F6981;
  --brand4 : #43768f;
  --brand5 : #97aec0;
  --brand6 : #EEE7D5;
  --brand2alt : #E4F1EB;
}


/* custom font */
/* @font-face {
  font-family: 'Athelas Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Athelas Regular'), url('/assets/fonts/Athelas-Regular.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Athelas Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Athelas Italic'), url('/assets/fonts/Athelas-Italic.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Athelas Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Athelas Bold'), url('/assets/fonts/Athelas-Bold.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Athelas Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Athelas Bold Italic'), url('/assets/fonts/Athelas-BoldItalic.woff') format('woff');
  } */


.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;
}

.artist-media a {
  margin-right: 1rem;
}

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

em {
  font-style: italic;
}

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

}

.navbar-light .navbar-brand {
  width: 100px;
}

.bg-trans {
  background-color: rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
  .display-1 {
    font-size: 4rem;
  } 
}

.bg-primary-3 {
  background-color: #EEE7D5 !important;
}

/* color, size and typo change */

body {
  font-size: 1.12rem;
}

.text-danger {
  color: var(--brand1) !important;
}

.badge-custom {
  background-color: var(--brand2);
}

a, a:hover {
  color: var(--brand2);
  transition: 0.6s;
}

a:hover {
  opacity: 0.85;
}

.btn-custom {
  background-color: var(--brand2);
  color: white;
  border-color: var(--brand2);
  transition: 0.6s;
}

.btn-custom:hover {
  color: white;
  opacity: 0.85;
}

.bg-custom {
  background-color: var(--brand2);
}

ol.breadcrumb {
  background-color: var(--brand2alt);
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: #333;
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5)
}

@media (min-width: 576px) {
  .card.card-lg.card-body {
      padding: 2rem;
  }
}

svg.icon-custom * {
  fill: var(--brand2) !important;
}

.form-group label {
  font-size: 1rem;
}

.navbar[data-overlay], .navbar[data-sticky="top"] {
  background-color: #fff;
}

.back-to-top svg.icon *, .video-poster svg.icon * {
  fill: white;
}