/*
Theme Name:  CitNOW Group
Text Domain:  CitNOW Group
Version: 1.0
Description: CitNOW Group Website Theme
Tags: Modern, Responsive
Auther:  Andrew Morriss
Author URI:  https://www.citnow.com
*/

/*Reset Button Styles*/

.cg-logo-carousel-wrap button:focus, .cg-logo-carousel-wrap button:focus-visible {
  outline: none;
}

/* Wrapper */

.cg-logo-carousel-wrap {
  background-image: linear-gradient(to bottom, #1e1f5d, #2d133f, #280d26, #1c0713, #000000);
  width: 100%;
  padding: 3% 20px;
  overflow: hidden;
}

.cg-logo-carousel-wrap .cg-carousel-heading {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 2%;
}

.cg-logo-carousel-wrap .cg-carousel-heading h2 {
  color: #fff;
  font-weight: 200;
  font-size: 1.8rem;
  text-transform: uppercase;
  text-align: center;
}


.cg-logo-carousel-wrap .cg-carousel-inner {
  display: block;
  width: 100%;
  margin: 3% 0;
}



/* Slider */
.cg-logo-carousel-wrap .cg-carousel-inner .row .container .slick-slider .slick-list .slick-track .slick-slide {
  margin: 0px 20px;
  height: auto;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container .customer-logos {
  overflow: inherit;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container .customer-logos .slick-list {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 10px 0;
}

.cg-logo-carousel-wrap .slick-slide img {
  width: 100%;
}

.cg-logo-carousel-wrap .slick-track::before,
.cg-logo-carousel-wrap .slick-track::after {
  display: table;
  content: '';
}

.cg-logo-carousel-wrap .slick-track::after {
  clear: both;
}

.cg-logo-carousel-wrap .slick-track {
  padding: 1rem 0;
}

.cg-logo-carousel-wrap .slick-loading .slick-track {
  visibility: hidden;
}

.cg-logo-carousel-wrap .slick-slide.slick-loading img {
  display: none;
}

.cg-logo-carousel-wrap .slick-slide.dragging img {
  pointer-events: none;
}

.cg-logo-carousel-wrap .slick-loading .slick-slide {
  visibility: hidden;
}

.cg-logo-carousel-wrap .slick-arrow {
  position: absolute;
  top: 50%;
  background: url('https://www.citnow.com/go/test-environment/logo-carousel/images/1427-nav-arrow.svg') center no-repeat;
  color: #fff;
  filter: invert(0%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
  border: none;
  width: 2rem;
  height: 3rem;
  text-indent: -10000px;
  margin-top: -36px;
  z-index: 99;
}

.cg-logo-carousel-wrap .slick-arrow.slick-next {
  right: -47px;
  transform: rotate(180deg);
}

.cg-logo-carousel-wrap .slick-arrow.slick-prev {
  left: -47px;
}


/* Slider Dot Nav */

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots {
  margin-top: 2%;
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li {
    border: 1px solid #666666;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    margin: 0 3px;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li:hover {
  background: #999999;
  border: 1px solid #999999;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li.slick-active {
  background: #666666;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li.slick-active:hover {
  background: #999999;
  border: 1px solid #999999;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li button::before {
  color: #666666;
  width: 16px;
  height: 16px;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li button:focus-visible, .cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li button:focus {
  opacity: 0;
  border: none;
  width: 16px;
  height: 16px;
  outline: none;
  outline: -webkit-focus-ring-color none 0px!important;
}

.cg-logo-carousel-wrap .cg-carousel-inner .row .container section .slick-dots li button {
    border: none;
    background: none;
    color: rgba(256,256,256,0.0);
    content: '.';
    border-radius: 5px;
    width: 16px;
    height: 16px;
}

/* Media Queries */

@media screen and (max-width:1025px) {
  .cg-logo-carousel-wrap .slick-arrow.slick-next {
    right: -35px;
  }

  .cg-logo-carousel-wrap .slick-arrow.slick-prev {
    left: -35px;
  }
}

@media screen and (max-width:598px) {

  .cg-logo-carousel-wrap {
    padding: 15% 20px;
  }

  .cg-logo-carousel-wrap .slick-arrow.slick-next {
    right: -47px;
  }

  .cg-logo-carousel-wrap .slick-arrow.slick-prev {
    left: -47px;
  }
}