/****************** FONTS *******************/

@import url("/assets/site/css/fonts/gilroy/stylesheet.css");

body,
input,
select,
textarea,
button {
  font-family: "Gilroy";
}

/****************** FONTS *******************/

/****************** VAR *******************/
:root {
  --body_bg: #f8fdff;

  /* --text_color : #222831;*/

  /* i dont know where --text_color_2 is used*/

  /* --text_color_2 : #222831;*/

  /* --color_0 - footer overlay, title in news card */

  --color_0: #677381;

  /* --color_1 - buttons and hovers */

  --color_1: #4ccecc;

  /* --color_2 - see all button */

  --color_2: #5d9fb3;

  /* --color_3 - dates in news card */

  /* --color_3  :  #373A36;*/

  /* didn't find yet */

  /* --color_4  :  #354A54;*/

  /* --color_5: border in media page */

  /* --color_5  :  #dbdfe7;*/

  /* --color_6  :  #003043;*/

  --color_1_1: #f9f871;

  --color_1_2: #00b8dc;

  /*
 --color_1_3  : #ffffff;
 */

  /* --shadow_1  : rgba(238, 238, 238, 0.6);*/
}
/****************** VAR - END *******************/

html {
  scroll-behavior: smooth;
}

.main_slide_title {
  display: none;
}

/*TYPOGRAPHY*/

/*TITLES*/

.title_semibig {
  background: none;
}

.event_page_title {
  background: none;
}
.title_big {
  background: none;
}

.article_page_title {
  text-align: center;
  padding-bottom: 65px;
  font-size: 5em;
  font-weight: 900;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .article_page_title {
    font-size: 3em;
  }
}

a {
  user-select: auto !important;
}

/*MAIN NAV MENU*/

.main_menu li {
  flex-grow: initial !important;
}

.main_menu li a {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.main_menu ul {
  justify-content: flex-end;
}

.logo_main_menu {
  padding: 17px 0px;
}

.content_text blockquote {
  background: none;
}

.events_4 .calendar_filter_wrapper {
  display: none;
}

/*footer links spacing*/

.footer_socials ul {
  justify-content: space-evenly;
}

/*SPACING FOR LISTEN BUTTONS*/

.album_services_item_link img {
  height: 53px;
}

.album_services_item_link:hover img {
  transform: scale(1.1);
  transition-duration: 0.2s;
}

.album_services_items {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.album_services_item {
  width: auto;
}

@media screen and (max-width: 991px) {
  .album_services_item {
    width: auto;
  }
}

@media screen and (max-width: 540px) {
  .album_services_item {
    width: auto;
  }
}

/*REPERTOIRE LIST*/

.ig__repertoire ul {
  columns: 250px 3;
  column-gap: 40px;
}

.ig__repertoire-letters {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  flex-wrap: wrap;
}

.ig__repertoire-letters p {
  padding-right: 20px;
}

.ig__no-dot-li:before {
  content: "" !important;
}

.ig__no-dot-li {
  font-weight: 600;
  font-size: 1.2em;
}

/*ADD TO THE MOTHER CSS*/

.ig__adm-tutorial-link {
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}

.ig__adm-tutorial-link i {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
}

.ig__adm-tutorial-link:hover {
  background: var(--color_2);
  color: var(--color_1);
}

@media only screen and (max-width: 992.99px) {
  .sidenav > a.ig__adm-tutorial-link {
    padding: 0 32px;
  }
}

/*contact*/

@media screen and (min-width: 768px) {
  .simple_page_50 .content_wrapper {
    background: linear-gradient(180deg, rgba(248, 253, 255, 1) 0%, rgba(198, 198, 198, 0.21474527310924374) 100%), url(/uploads/images/ana%20contacts.jpeg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
  }
}

/*footer*/
#footer_wrapper {
  background: var(--color_0);
}

/*MAIN SLIDE*/

.main_slider_4 .main_slide_content {
  background-image: -moz-linear-gradient(90deg, rgb(248, 253, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(248, 253, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(248, 253, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

#event_page_main_slide:after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), RGB(248, 253, 255));
}

.footer_button {
  display: none;
}
.copyright {
  padding-bottom: 20px;
}

.footer_title {
  display: none;
}