/*=================================INCLUDED IN STARTER=================================*/

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

/*@import url('/assets/site/css/fonts/gilroy/stylesheet.css');*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

body,
input,
select,
textarea,
button {
  /*font-family: 'Gilroy';*/
  font-family: "Lato", sans-serif;
}

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

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

  /* --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  : #393E46;*/

  /* --color_1 - buttons and hovers */

  --color_1: #b6c6ff;

  /* --color_2 - see all button */

  --color_2: #e6efff;

  /* --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: #a7aabd;

  --color_1_2: #7f90c6;

  /*
 --color_1_3  : #ffffff;
 */

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

/****************** VAR - END *******************/

html {
  scroll-behavior: smooth;
}

.main_slide_title {
  display: none !important;
}

a {
  user-select: auto !important;
}

/*TYPOGRAPHY*/

/*TITLES*/

/*.title_semibig {*/
/*    background: none;*/
/*}*/

.event_page_title {
  /*padding-bottom: 52px;*/
  /*background: url(../../../custom/images/icons/title_img.svg) bottom 3px center no-repeat transparent;*/
  /*background-size: 220px;*/

  /*background: none;*/
}

/*.title_big {*/
/*    background: url(../../../custom/images/icons/title_img.svg) bottom 1px center no-repeat transparent;*/
/*    background-size: 320px;*/

/*background: none;*/
/*}*/

.content_text blockquote {
  background: none;
}

/*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: 16px 0px;
  width: 247px;
}

/*.main_menu_block_3 .main_menu ul li a:hover, .main_menu_block_3 .main_menu ul li>a:hover, .main_menu_block_3 .langs_menu_button:hover, .main_menu_block_3 .langs_menu ul li a:hover, .main_menu_block_3 .langs_menu .dropdown-content li:hover, .main_menu_block_3 .langs_menu .dropdown-content li.active, .main_menu_block_3 .menu_button:hover, .menu_button:focus, .langs_menu.dropdown__items:hover, .langs_menu.dropdown__items:active, .main_menu_block_3 .langs_menu:hover .langs_menu_button, .main_menu_block_3 .main_menu ul li.current a  {*/
/*    background: var(--color_2) !important;*/
/*}*/

/*.dropdown-content, .menu_inner {*/
/*    background: var(--body_bg);*/
/*}*/

/*EVENTS*/

.calendar_filter_wrapper {
  display: none;
}

@media screen and (max-width: 767px) {
  .events_item__1 .events_item_left_block,
  .events_item__1 .events_item_content {
    text-align: center;
  }
}

/*EVENTS*/

/* .calendar_filter_block {
    display: none;
} */

/* .event_page_content_wrapper {
    background: #FFF6EF;
} */

/* .events_item_city {
    color: var(--color_1_2);
} */

/* #event_page_main_slide.event_page_main_slide_blue:after {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF5EF);
} */

/*FOOTER*/

.footer_title {
  display: none;
}

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

.footer_socials svg {
  max-height: 50px;
}

.footer_socials ul li a svg g path {
  transition: all 0.2s ease-in-out;
}

.footer_socials ul li a:hover svg g path {
  fill: var(--color_1) !important;
}

.notifications_bottom {
  display: none;
}

/* .footer_button a {
    color: var(--color_2) !important;
    border: 2px solid var(--color_2) !important;
} */

/* .footer_button a:hover {
    background: var(--color_2) !important;
    border: 2px solid black !important;
    color: var(--text_color) !important;
} */

/* .footer_socials ul li a:hover svg {
    fill: var(--color_1_1);
} */

/*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;
}

/*TUTORIAL LINKS*/

.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 PAGE */

/*CONTACT*/

@media screen and (min-width: 768px) {
  .simple_page_50 .content_wrapper {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(198, 198, 198, 0.5) 100%
      ),
      url(/uploads/images/interior-view-of-a-violin-2021-08-31-21-28-21-utc%20Large.jpeg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
  }
}

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

/* MEDIA PAGE */

@media screen and (max-width: 767px) {
  .media_item_name,
  .media_item_text {
    text-align: center;
  }

  /* .media_item_image {
        max-width: initial;
    } */
}

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

.footer_socials svg {
  max-height: 50px;
}

.footer_socials ul li a svg g path {
  transition: all 0.2s ease-in-out;
}

.footer_socials ul li a:hover svg g path {
  fill: var(--color_1) !important;
}

.footer_socials ul li {
  width: fit-content;
}

.footer_socials ul {
  flex-wrap: wrap;
}

.notifications_bottom {
  display: none;
}

.form__success {
  font-size: 1.2em;
  color: #01b902;
}

/* Main nav overlap with logo fix ADDED BY JS IF NEEDED */
.ig__overlap-menu .main_menu li a {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.ig__overlap-menu .main_menu ul {
  justify-content: space-evenly;
}

/*=================================INCLUDED IN STARTER END=================================*/

.accordion_item {
  background: rgba(230, 239, 255, 0.4);
}

.simple_swiper .swiper-button-prev svg,
.simple_swiper .swiper-button-next svg {
  fill: #f9f871;
}
