/*============================================================================
Slick slider custom styles
==============================================================================*/


/* Arrows */

.slick-prev:before,
.slick-next:before
{
  content: '';
}
button.slick-prev,
button.slick-next
{
  width: 15px;
  height: 15px;
}
.slick-next {
  border: solid #10153A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 30px;
  top: 15%;

}
.slick-prev {
  border: solid #10153A;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 30px;
  top: 15%;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  border: solid #449BF8;
  border-width: 0 2px 2px 0;
}
@media screen and (min-width: 350px) {
  .slick-prev,
  .slick-next
  {
    top: 20%;
  }
}
@media screen and (min-width: 450px) {
  .slick-prev,
  .slick-next
  {
    top: 25%;
  }
}
@media screen and (min-width: 768px) {
  .slick-prev,
  .slick-next
  {
    top: 50%;
  }
}

/* Dots */
.slick-dots li {
  text-align: center;
}

.slick-dots li button:before {
  border: #10153A solid 1.35px;
  border-radius: 50%;
  color: transparent;
  width: 8px;
  height: 8px;
}
.slick-dots li.slick-active button:before {
  color: transparent;
  border: #10153A solid 4px;
}
.slick-dots li.slick-active button:hover::before {
  color: transparent;
  border: #10153A solid 4px;
}
.slick-dots li {
  margin: 0;
}
ul.slick-dots {
  bottom: 45px;
  display: none !important;
}
.slick-dots li button:hover::before {
  border: #449BF8 solid 1.35px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
@media screen and (min-width: 767px) {
  
  ul.slick-dots {
    display: block !important;
  }
}
/* Slide Container & Content Responsive Adjustments */
@media screen and (max-width: 1440px) and (min-width: 767px) {
  .slider .full-width-callout__content{
    top: 56% !important;
  }
}
@media screen and (max-width: 1023px) and (min-width: 767px) {
  .slick-slide {
    height: 500px !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .slick-slide {
    height: 555px !important;
  }
}
@media screen and (max-width: 1080px) and (min-width: 1024px) {
  .slider .full-width-callout__content .btn--button-navy{
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .slider .full-width-callout{
    background-color:  #DBE3E8;
  }
  .slider {
    padding-bottom: 0;
    margin-bottom: -55px !important;
  }
  .full-width-callout__container.slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .slider .full-width-callout__content{
    text-align: center;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .slider .full-width-callout h3{
    font-size: 2em;
  }
}