@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-regular.ttf') format('truetype'), url('/fonts/Gilroy-regular.svg') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-bold';
  src: url('/fonts/Gilroy-bold.ttf') format('truetype'), url('/fonts/Gilroy-bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Cormorant';
  src: url('fonts/Cormorant-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body{
  font-family: gilroy;
  font-size: 16px;
}

.my-6{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-7{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-8{
  margin-top: 7rem;
  margin-bottom: 6rem;
}


.title-divider{
  font-family: Cormorant, serif;
  font-size: 64px;
  color: black;
  font-weight: 700;
}

.pb-6 {
  padding-bottom: 3.5rem !important;
}

.pb-7 {
  padding-bottom: 4rem !important;
}

/* Links */

.nav-link{
  color: white;
}

/* end links */

.card-link{
  color: black;
  text-decoration: none;
}

/* Fonts */
.gilroy-font{
  font-family: Gilroy;
}

.gilroy-bold{
  font-family: Gilroy-bold;
}
.time-news-roman{
  font-family: 'Times New Roman', Times, serif;
}

/* Raspisanie */

.day-liturgy-block{
  line-height: 40px;
  font-weight: 300;
  line-height: 1.2;
}

.day-liturgy{
  font-family: 'Times New Roman', Times, serif;
  font-size: 64px;
}

.month-liturgy{
  font-size: 16px;
}

.week-day{
  color:gray;
}

.event-name{
  font-family: Gilroy-bold;
  font-size: 18px;
}

.event-item-name{
  font-size: 18px;
}

.event-item-time{
  font-size: 18px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 600;
  font-style: italic;
  
}

.time-liturgy{
  /* font-family: gilroy; ne rabotaet s etim shriftom*/
  font-size: 14px;
  margin-left: 8px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700 !important;
  font-style: italic;
}

.bi-clock::before{
  display: inline-block;
  width: 18px;
  height: 18px;
  font-weight: 700 !important;
}

/* end raspisanie */


.navbar-scrolled {
    background-color: #01133B;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
 

.video-background-holder {
  position: relative;
  background-color: black;
  height: calc(100vh - 72px);
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}


.video-background-content {
  position: relative;
  z-index: 2;
}


.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #01133B;
  opacity: .7;
  z-index: 1;
}

  .custom-background{
    background: #01133B;
  }

  /* offcanvas */
  
  .custom-offcanvas-body{
    background-color: #01133B;
  }


  /* calendar */



  /* for xs and sm */

  @media (max-width: 768px) {
    .datepicker-table,
    .table-condensed,
    .datepicker-inline {
      min-width: 20rem;
    }

    .dnd{
      display: none;
    }
    
    body{
      margin-top: 65px;
    }
    
    tbody{
      line-height: 22px;
    }

   
  }
  
  @media (min-width: 768px) {
    .datepicker-table,
    .table-condensed,
    .datepicker-inline {
      min-width: 18rem;
    }
  }

.calendar-border {
  border-bottom: 1px solid #e3dcdc;
  padding-top: 20px;
}



/* end calendar */

.back-to-top {
  display: none;
  position: fixed;
  bottom: 42px;
  right: 24px;
}

@media (max-width: 576px) {
  .back-to-top {
    display: block;
  }
}


.navbar-nav .nav-link:hover {
  color: white;
}

.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:active,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  color: white;
}


.tainstva-holder {
  position: relative;
  background-color: black;
  height: 550px;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}


.tainstva-holder img.background-image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.my-icon {
  background-image: url('images/facebook_test.svg');
}

.svg-ikona{
  width: 180px;
  height: 250px;
}


.icon-link {
  display: inline-block;
  margin-right: 9px;
  margin-bottom: 5px;
}

.icon {
  width: 32px;
  height: 32px;
  fill: #fff;
}

.hr{
  margin: 1rem 0;
  color:lightgray;
  opacity: .25;
}

.holiday_red{
  font-family: Gilroy-bold;
  color:red;
}

.holiday_green{
  color:green;
}

.holiday_blue{
  color:#0066ff;
}

.holiday_violet{
  color:#660066;
}

.holiday_yellow{
  color:#ffcc00;
}

/* colors for time event  */
.time_red{
  color: red;
}

.time_green{
  color: green;
}

.time_violet{
  color: #660066;
}


.time_yellow{
  color: #ffcc00;
}

.time_blue{
  color: #0066ff;
}


.time_name_red{
  color: red;
}


/* Name of events colors */

.event_name_color_green{
  color: green;
}

.event_name_color_red{
  color: red;
}

.event_name_color_yellow{
  color: #ffcc00;
}

.event_name_color_blue{
  color: #0066ff;
}

.event_name_color_violet{
  color: #660066;
}

/* Day number colors  */
.day_color_red{
  color:red;
}

.day_color_green{
  color:green;
}


.day_color_blue{
  color: #0066ff;
}

.day_color_yellow{
	color: #ffcc00;
}

.day_color_violet{
	color: #660066;
}