*:focus { 
  outline: 0 !important;
  box-shadow: none !important;
}

.form-control.is-invalid::placeholder, 
.was-validated .form-control:invalid::placeholder {
  color: #dc3545;
}
.form-control.is-valid::placeholder, 
.was-validated .form-control:valid::placeholder {
  color: #28a745;
}


.slick-prev:before, 
.slick-next:before {
  color: #7B3035;
}


.ip-2-lines-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.ip-4-lines-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}
.ip-avoid-clicks {
  pointer-events: none;
}
.ip-cursor-pointer {
  cursor: pointer;
}

.item-cover {
  background-color: rgb(3 45 170 / 30%);
  height: 100%;
  left: 0; 
  position: absolute; top: 0; 
  width: 100%; 
}

.ip-splash-page .btn,
.ip-splash-page .card,
.ip-splash-page .card img,
.ip-splash-page .input-group > .input-group-append > .btn,
.ip-splash-page .input-group > .form-control:not(:last-child) {
  border-radius: 0;
}

@media (max-width: 400px) {
  .ip-splash-header img {
    width: 100%;
  }
}


.ip-splash-shortcuts .row > div:nth-child(1) {
  padding-right: 1.3rem;
}
.ip-splash-shortcuts .row > div:nth-child(3) {
  padding-left: 1.3rem;
}
.ip-splash-shortcuts .row > div > div {
  position: relative;
}

.ip-splash-shortcuts .text {
  position: absolute;
  bottom: 100px;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;  
  width: 100%;
  color: #f8f9fa;  
  top: 35%; 
  left: 50%; 
  transform: translate(-50%, -50%); z-index: 1;  
}

.ip-splash-shortcuts .box-text {
  position: absolute;
  bottom: 100px;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;  
  width: 100%;
  color: #f8f9fa;  
  top: 35%; 
  left: 50%; 
  transform: translate(-50%, -50%); z-index: 1;  
  line-height: .5;
}

.ip-splash-shortcuts .box-title {
  font-size: 2.5rem;
  font-weight: bold;
}


.jubilee-title{
  text-align: right;
  font-size: 4.5rem;
  font-weight:700;
}

.donation-title{
  font-size: 4.5rem;
  font-weight:700;
  flex: 0 0 70%;
  max-width: 80%; 
}

.jubilee-text{
  text-align: right;
  font-size: 2.8rem;
  font-weight:700;
  line-height: .5;
}

.donation-text-right{
  font-size: 2.8rem;
  font-weight:700;
  flex: 0 0 70%;
  max-width: 80%;
  line-height: .5;
}

.donation-text{
  text-align: right;
  font-size: 1.3rem;
  font-weight:500;  
  flex: 0 0 80%;
}

.ip-splash-shortcuts .btn {
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: -123px;
  width: 275px;
  box-shadow: 0px 1px 2px rgba(52, 58, 64, 1);
}
.ip-splash-shortcuts .btn-discerners {
  background-color: #FBA81C;
  border-color: #FBA81C;
}
.ip-splash-shortcuts .btn-nfcrv {
  background-color: #5FBA45;
  border-color: #5FBA45;
}
.ip-splash-shortcuts .btn-members {
  background-color: #363B8C;
  border-color: #363B8C;
}
.ip-splash-shortcuts .btn-visitors {
  background-color: #386EB6;
  border-color: #386EB6;
}
.ip-splash-shortcuts .btn-donors {
  background-color: #EF4425;
  border-color: #EF4425;
}


.ip-splash-calendar {
  /* The image used */
  /* background-image: url("/assets/splash_page/calendar_bkg_3088x2320.jpg"); */
  background-image: url("/assets/splash_page/jubilee/Jubilee_Ribbon.jpg");
  

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ip-splash-calendar > div:nth-child(1) {
  color: #f8f9fa;
  background-color: rgb(26 95 199 / 65%);
}
.ip-splash-calendar > div:nth-child(2) {
  background-color: rgb(58 51 153 / 65%);
}
.ip-splash-calendar .ip-splash-calendar-event div {
  padding-bottom: .3rem;
  font-size: 19px;
  font-weight:400;
}

.ip-splash-calendar .ip-splash-calendar-event div a{
  text-decoration: none ;
}


.ip-splash-calendar .ip-splash-calendar-event,
.ip-splash-calendar .ip-splash-calendar-event a {
  color: #f8f9fa; 
}
.ip-splash-calendar .ip-splash-calendar-event a {
  text-decoration: underline;
}
.ip-splash-calendar .ip-splash-calendar-event > div:nth-child(1) {
  width: 10%;
  /*border-right: 1px solid #dee2e6;*/
  padding-right: .5rem;
  text-align: right;
}
.ip-splash-calendar .ip-splash-calendar-event > div:nth-child(2) {
  width: 90%;
  padding-left: .5rem;
}
.ip-splash-calendar .ip-splash-calendar-event p {
  display: inline-block;
  margin: 0 0 0 .3rem;
}
.ip-splash-calendar .ip-splash-calendar-event.ip-splash-calendar-event-separator > div {
  height: 30px;
}

.ip-splash-news .card-title {
  height: 48px;
}
.ip-splash-news .card-text {
  height: 96px;
}
.ip-splash-news .card-footer {
  height: 53px;
}

.ip-splash-im-nrvc {
  text-shadow: 1px 1px 2px rgba(52, 58, 64, 1);
}
.ip-splash-im-nrvc > div {
  height: 515px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.ip-splash-im-nrvc > div::before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.ip-splash-im-nrvc > div > * {
  z-index: 1;
  color: #f8f9fa;
}
.ip-splash-im-nrvc > div:nth-child(1) {  
  background-image: url("/assets/splash_page/jubilee/DonateA.jpg");
  background-position: center;
}
.ip-splash-im-nrvc > div:nth-child(1)::before {
  background-color: rgba(29, 38, 145, 0.20);
}
.ip-splash-im-nrvc > div:nth-child(2) {
  background-image: url("/assets/splash_page/jubilee/Donate.jpg");
  background-position: center;
}
.ip-splash-im-nrvc > div:nth-child(2) > div:nth-child(1) {
  width: 30%;
}
.ip-splash-im-nrvc > div:nth-child(2) > div:nth-child(1) .border {
  border-width: 5px !important;
}
.ip-splash-im-nrvc > div:nth-child(2) > div:nth-child(2) {
  width: 70%;
}
.ip-splash-im-nrvc > div:nth-child(2)::before {
  background-color: rgba(52, 87, 193, 0.1);
    
}
.ip-splash-im-nrvc a {
  color: #f8f9fa;
}
.ip-splash-im-nrvc a.ip-true-link {
  text-decoration: underline;
}
.ip-splash-im-nrvc a:not(.ip-true-link):hover {
  text-decoration: none;
}

.ip-splash-shortcuts .row > div:nth-child(1) {
  padding-right: 1.3rem;
}
.ip-splash-shortcuts .row > div:nth-child(3) {
  padding-left: 1.3rem;
}
.ip-splash-shortcuts .row > div > div {
  position: relative;
}

.ip-splash-im-nrvc {
  text-shadow: 1px 1px 2px rgba(52, 58, 64, 1);
}
.ip-splash-im-nrvc > div {
  height: 515px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1590px) {
  
  .ip-splash-shortcuts .box-text {    
    font-size: 2.1rem;    
    width: 100%;
    top: 28%; 
    left: 50%;     
  }

  .box-title {
    font-size: 2.1rem;
  }

  .donation-text-right{
    font-size: 2.3rem;
  }

  .jubilee-text{    
    font-size: 2.3rem;
  }

  .donation-title{
    font-size: 3.5rem;
  }

  .jubilee-title{    
    font-size: 3.5rem;    
  }

}

@media (max-width: 1299px) {
  
  .ip-splash-shortcuts .box-text {    
    font-size: 1.8rem;    
    width: 100%;
    top: 20%; 
    left: 50%;
  }

  .ip-splash-shortcuts .box-text .box-title {
    font-size: 1.8rem;
  }


  .donation-text-right{
    font-size: 2.2rem;
  }

  .donation-title{
    font-size: 3.3rem;
  }

  .jubilee-title{    
    font-size: 3.3rem;    
  }
  
  .jubilee-text{    
    font-size: 2.2rem;
  }

}

@media (max-width: 1199px) {
  .ip-splash-statistics .ip-block-number {
    right: 50px;
  }

  .ip-splash-shortcuts .box-text {
    font-size: 3.8rem;    
    width: 100%;    
    top: 55%; 
    left: 50%;     
  }

  .ip-splash-shortcuts .box-text .box-title {
    font-size: 3.8rem;
  }
  
  .ip-splash-shortcuts .row .col-md-4 {    
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ip-splash-shortcuts .row .col-md-4 .md-4 {
    width: 100% !important;
  }
  
  .no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
  
}

@media (max-width: 991px) {
  
  .ip-splash-shortcuts .box-text {    
    font-size: 3.2rem;    
    width: 100%;    
    top: 35%; 
    left: 50%;     
  }
  
  .ip-splash-shortcuts .box-text .box-title {
    font-size: 3.2rem;
  }

  .ip-splash-statistics .ip-block-number {
    right: 50px;
  } 

  .ip-splash-im-nrvc > div {
    height: auto;
  }

  .ip-splash-im-nrvc > div:nth-child(2) {
    background-image: url("/assets/splash_page/jubilee/Donate.jpg");
    background-position: center;
  }

  .ip-splash-shortcuts .btn {
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -123px;
    width: 200 px;
    box-shadow: 0px 1px 2px rgba(52, 58, 64, 1);
  }  

  .ip-splash-shortcuts .row .col-md-4 {
    width: 100% !important;
  }
  
}

@media (max-width: 767px) {

  .ip-splash-shortcuts .box-text {    
    font-size: 2.6rem;    
    width: 100%;
    top: 35%; 
    left: 50%;     
  }

  .ip-splash-shortcuts .box-text .box-title {
    font-size: 2.6rem;
  }

  .ip-splash-calendar > div {
    height: auto;
  }
  .ip-splash-shortcuts .btn {
    bottom: 15px;
  }
  .ip-splash-shortcuts .row > div:nth-child(1) {
    padding-right: 0;
  }
  .ip-splash-shortcuts .row > div:nth-child(3) {
    padding-left: 0;
  }

  .ip-splash-shortcuts .row .col-md-4 {
    width: 100%;
  }

  .ip-splash-header img {
    width: 90%;
    max-width: 90%;
    height: auto;
  }
  
  
}

@media (max-width: 575px) {
  .ip-splash-shortcuts .box-text {    
    font-size: 2.1rem;    
    width: 100%;
    top: 28%; 
    left: 50%;     
  }

  .ip-splash-shortcuts .box-text .box-title {
    font-size: 2.1rem;
  }

  .ip-splash-calendar .ip-splash-calendar-event div {
    padding-bottom: 0;
  }
  .ip-splash-calendar .ip-splash-calendar-event.ip-splash-calendar-event-separator {
    display: none;
  }
  .ip-splash-calendar .ip-splash-calendar-event {
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #dee2e6;
    margin-bottom: 1rem;
    padding-left: .5rem;
  }
  .ip-splash-calendar .ip-splash-calendar-event > div:nth-child(1) {
    border-right: 0;
    padding-right: 0;
    text-align: left;
  }
  .ip-splash-calendar .ip-splash-calendar-event > div:nth-child(2) {
    padding-left: 0;
  } 

  .donation-text-right{
    font-size: 1.6rem;
  }

  .jubilee-text{    
    font-size: 1.6rem;
  }

  .donation-title{
    font-size: 3rem;
  }

  .jubilee-title{    
    font-size: 3rem;    
  }

}

@media (max-width: 400px) {
  .ip-splash-im-nrvc > div:nth-child(1) {
    text-align: center;
  }
  .ip-splash-im-nrvc > div:nth-child(2) {
    flex-direction: column;
    text-align: center;
  }
  .ip-splash-im-nrvc > div:nth-child(2) > div:nth-child(1) {
    margin-bottom: 1rem;
  }

  .donation-text-right{
    font-size: 1rem;
  }

  .jubilee-text{    
    font-size: 1rem;
  }

  .donation-title{
    font-size: 2.7rem;
  }

  .jubilee-title{    
    font-size: 2.7rem;    
  }

}
