/* campaign spring 2022 */

#sp2022 { }

.sp2022-lime-wrap { background-color:#dae343; }
@media all and (min-width: 992px) {
  .sp2022-lime-wrap { background: #dae343 url('https://ctycms.com/az-tempe/DTA_Spring_WhiteAccentCircles_2022.png') center center no-repeat; background-size:cover; }
}

.sp2022-pink-wrap { background-color:#D40054; }
.sp2022-orange-wrap { border-top:5px solid #00AF9A; background-color:#FF6B00; 
  xbackground:#FF6B00 url('https://ctycms.com/az-tempe/DTA_Spring_WhiteAccentCircles_2022.png') center center no-repeat; background-size:cover; }

.sp2022-purple-wrap { background-color:#673065; }

.sp2022-stripe-purple { width:100%; height:10px; background-color:#673065; }
.sp2022-stripe-teal { width:100%; height:10px; background-color:#00AF9A; }
.sp2022-stripe-pink { width:100%; height:10px; background-color:#D40054; }
.sp2022-stripe-orange { width:100%; height:10px; background-color:#FF6B00; }
.sp2022-stripe-lime { width:100%; height:10px; background-color:#dae343; }

#sp2022 h1 { color:#673065; text-transform:uppercase; font-weight: 700; letter-spacing:0.01rem; }
#sp2022 h2 { color:#673065; text-transform:none; font-weight: 700; letter-spacing:0.01rem; }
#sp2022 h3 { color:#673065; text-transform:none; font-weight: 700; letter-spacing:0.01rem; }



.sp2022-card { width:100%; max-width:350px; margin:0px auto 30px auto; }
.sp2022-card a { display:block; }
.sp2022-card-image { width:100%; padding-bottom:100%; background-size:contain; background-position:bottom center; background-repeat:no-repeat; }
.sp2022-card-content { background-color:#fff; margin:-20px 0px 0px 0px; padding:16px; text-align:center; }

.sp2022-card .sp2022-card-image { transform: rotate(0deg); transition: all 0.35s linear 0s; }
.sp2022-card .sp2022-card-content { transform: rotate(0deg); transition: all 0.35s linear 0s; }
.sp2022-card:hover .sp2022-card-content { transform: rotate(0deg); }
.sp2022-card:hover .sp2022-card-image { transform: rotate(-2deg);}

.sp2022-card a .sp2022-card-content { font-size:20px; line-height:1.25; font-weight:600; color:#673065; transition: all 0.15s linear 0s;  }
.sp2022-card a:hover .sp2022-card-content { color:#D40054; }


.perfect-carousel-intro { text-align:center; font-size:32px; text-transform:uppercase; color:#fff; font-weight: 700; letter-spacing:0.01rem; xtext-shadow:2px 2px 0 #673065; }

.perfect-carousel-wrap { margin-top:30px; }
.perfect-carousel-wrap .owl-carousel .owl-nav button.owl-next, .perfect-carousel-wrap .owl-carousel .owl-nav button.owl-prev {
  color: #fff;
  font-size: 15px;
  line-height:15px;
  font-weight:400;
  margin:0;
  margin-top:-40px;
  padding: 16px;
  background: #673065; 
  display: inline-block;
  width:40px; height:40px;
  cursor: pointer;
  border-radius:0;
}
.perfect-carousel-wrap .owl-prev { position:absolute; left:-22px; top:50%; }
.perfect-carousel-wrap .owl-next { position:absolute; right:-22px; top:50%; }
@media all and (min-width: 1200px) {
	.perfect-carousel-wrap .owl-prev { position:absolute; left:-66px; top:50%; }
	.perfect-carousel-wrap .owl-next { position:absolute; right:-66px; top:50%; }
}

.sp2022-carousel { background-color:#fff; }
.sp2022-carousel a { display:block; }
.sp2022-carousel-image { width:100%; }
.sp2022-carousel-content { background-color:#fff; margin:0; padding:16px; text-align:center; }

.sp2022-carousel a .sp2022-carousel-content { font-size:18px; line-height:1.25; font-weight:600; color:#673065; transition: all 0.15s linear 0s;  }
.sp2022-carousel a:hover .sp2022-carousel-content { color:#D40054; }



#sp2022 .sp2022-purple-wrap h1, #sp2022 .sp2022-purple-wrap h2, #sp2022 .sp2022-purple-wrap h3 { color:#fff!important; }
#sp2022 .sp2022-purple-wrap p { color:#fff!important; }