.ContactUsSection h3 a {
  text-decoration: underline;
}

.cmsContent h3 {
  font-size: 16px;
  font-weight: bold !important;
  line-height: 100%;
  letter-spacing: 0%;
  color: #868685;
  margin-bottom: 15px;
  margin-top: 30px;
  text-transform: uppercase;
}

.cmsContent {
  color: #868685;
}

.cmsContent table {
  border: 1px solid #868685;
  margin-bottom: 20px;
}

.cmsContent table thead tr th {
  padding: 20px 10px;
}

.cmsContent table th,
.cmsContent table td {
  border: 1px solid #868685;
}

.cmsContent table td {
  padding: 15px 10px 10px 10px;
  vertical-align: top;
}

.cmsContent ul {
  margin-bottom: 20px;
  margin-top: 10px;
  list-style-type: disc;
  list-style-position: outside;
}

.cmsContent ul li {
  margin-bottom: 10px;
}

/* books listing */
.bookFlexMainOpen a,
.bookFlexMainOpen h3 {
  color: #c0ddbf;
}

.bookFlexMainOpen:after {
  position: absolute;
  content: "";
  top: 127px;
  left: -200%;
  right: -200%;
  bottom: -90px;
  background-color: #2d4224;
  z-index: -1;
}

.booksDescMain:after {
  position: absolute;
  content: "";
  top: 0;
  left: -200%;
  right: -200%;
  bottom: 0;
  background-color: #112112;
  z-index: -1;
}

.hiddenSection {
  display: none !important;
}

.showBookDesc {
  display: block;
}

/* detail book  */

.custom-dropdown,
.custom-dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown-btn,
.dropdown-btn2 {
  position: relative;
  z-index: 5;
  letter-spacing: 0.5px;
  line-height: 109% !important;
}

.dropdown-btn::after,
.dropdown-btn2::after {
  /* content: "^";
  font-size: 16px;
  margin-left: 5px; */
  content: " ";
  position: absolute;
  font-size: 12px;
  top: 3px;
  right: 10px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #868685;
  border-left: 1px solid #868685;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.dropdown-btn.arrowUp::after,
.dropdown-btn2.arrowUp::after {
  transform: rotate(225deg) !important;
  -webkit-transform: rotate(225deg) !important;
  -moz-transform: rotate(225deg) !important;
  -ms-transform: rotate(225deg) !important;
  -o-transform: rotate(225deg) !important;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.dropdown-menu,
.dropdown-menu2 {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none; /* Hidden by default */
  z-index: 10;
}

.dropdown-menu .selected,
.dropdown-menu2 .selected {
  background-color: #f2efef;
}

/* ImgModal css */

.myModal {
  -webkit-animation-name: fadeModal;
  -webkit-animation-duration: 0.6s;
  animation-name: fadeModal;
  animation-duration: 0.6s;
}

@-webkit-keyframes fadeModal {
  from {
    -webkit-opacity: 0;
  }
  to {
    -webkit-opacity: 1;
  }
}

@keyframes fadeModal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* gallery css */
 
#sliderFor .slick-next:before,
#sliderFor .slick-prev:before {
  content: url(https://warriorcats.com/wp-content/themes/warriorcats/images/arrow-black.svg);
  display: block;
}
 
#sliderFor .slick-prev,
#sliderFor .slick-next {
  font-size: 0;
  line-height: 0;
 
  position: absolute;
  top: 50%;
 
  display: block;
 
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
 
  cursor: pointer;
 
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
 
#sliderFor .slick-next,
#sliderFor .slick-prev {
  width: 35px;
  height: 35px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(45deg);
  margin-top: -15px;
  border: 1px solid black;
  box-shadow: 0px 0px 6px 0px #352f0366;
  font-size: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
 
#sliderFor .slick-next:before,
#sliderFor .slick-prev:before {
  font-size: 0;
  opacity: 1;
}
 
#sliderFor .slick-next {
  right: -16px;
}
 
#sliderFor .slick-next:before {
  rotate: -45deg;
}
#sliderFor .slick-prev:before {
  rotate: 135deg;
}
#sliderFor .slick-prev {
  left: -16px;
}
 
#sliderFor .slick-next:hover,
#sliderFor .slick-prev:hover {
  background-color: #cfcfcf;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

#bigImage .slick-next:before,
#bigImage .slick-prev:before {
  content: url(https://warriorcats.com/wp-content/themes/warriorcats/images/arrow-black.svg);
  display: block;
}

#bigImage .slick-prev,
#bigImage .slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#bigImage .slick-next,
#bigImage .slick-prev {
  width: 35px;
  height: 35px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(45deg);
  margin-top: -15px;
  border: 1px solid black;
  box-shadow: 0px 0px 6px 0px #352f0366;
  font-size: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

#bigImage .slick-next:before,
#bigImage .slick-prev:before {
  font-size: 0;
  opacity: 1;
}

#bigImage .slick-next {
  right: -16px;
}

#bigImage .slick-next:before {
  rotate: -45deg;
}
#bigImage .slick-prev:before {
  rotate: 135deg;
}
#bigImage .slick-prev {
  left: -16px;
}

#bigImage .slick-next:hover,
#bigImage .slick-prev:hover {
  background-color: #cfcfcf;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

/* dropdown fix after */
ul#state-list:after {
  background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/dropdownBefore170.svg);
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  z-index: -1;
  background-color: transparent;
}

.custom-select-new .select-items:after {
  background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/dropdownBigLi.svg);
  content: "";
  position: absolute;

  left: 0;
  right: 0;
  width: 100%;
  margin-top: -2px;
  background-repeat: no-repeat;
  z-index: -1;
  background-color: transparent;
  background-size: 100% 12px;
  height: 12px;
}

ul#state-list {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 7px;
}

/* search scroll  */
/* width */
.scrollSearch::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollSearch::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.scrollSearch::-webkit-scrollbar-thumb {
  background: #4242425d;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tabHeadContainer .activeClassList,
.tabHeadContainer a:hover {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  line-height: 120%;
  text-transform: uppercase;
  font-size: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(255 255 255 / 0.5);
  border-color: transparent;
  border-width: 1px;
  border-radius: 9999px;
  display: inline-block;
}

.tabHeadContainer a {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgb(255 255 255 / 0.5);
  line-height: 120%;
  text-transform: uppercase;
  font-size: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgb(255 255 255 / 0.1);
  border-color: rgb(255 255 255 / 0.5);
  border-width: 1px;
  border-radius: 9999px;
  display: inline-block;
}

.medicinemission .iframeHolder {
  width: 437px;
  height: 763px;
  min-height: 763px;
}

.catmaker .iframeHolder {
  width: 500px;
  height: 700px;
  min-height: 700px;
}

/* clans with diff colors 
    DGreen - #4d7a40
    MGreen - #87cca4
    Lgreen - #b2dcc1
*/

/* .ThunderClan .leaderText, */
.ThunderClan .borderText,
.ThunderClan .textDesc {
  color: #4d7a40;
}
/* .ThunderClan .imgBorder, */
.ThunderClan .circularBorder {
  border: 1px solid #4d7a40;
}

.ThunderClan .circularBorder {
  border-top: none;
}

.ThunderClan .borderColor {
  background-color: #4d7a40;
}

.ThunderClan .habitatInnerText {
  color: #b2dcc1;
}

.ThunderClan .bottomBox {
  background-color: #e4ffee;
  /* lightshade any */
}

.ThunderClan .skillsBg {
  background-color: #87cca4;
}

.ThunderClan .skillText,
.ThunderClan .bottomBoxText {
  color: #4d7a40;
}

.ThunderClan .secondSection {
  background-color: #87cca4;

  /*    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/shadowclan.png);*/
}
.ThunderClan .secondSection img[alt="ClanBackground"] {
  object-fit: inherit;
}
.ThunderClan .secondSection img[alt="FeedImage"] {
  opacity: 1;
}

/* .ThunderClan .secondSection {
        background-color: rgb(6, 48, 6);
    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/thunderclan.png);
} */

/* .RiverClan .secondSection {
background-color: rgb(52, 140, 145);
background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/riverclan.png);
}

/* windclan 
Pcolor : #B77936;
mColor : #DCCB86;
Lcolor: #FAEE93;

*/

/* .WindClan .leaderText,*/
.WindClan .borderText,
.WindClan .textDesc {
  color: #b77936;
}
/* .WindClan .imgBorder, */
.WindClan .circularBorder {
  border: 1px solid #b77936;
}

.WindClan .circularBorder {
  border-top: none;
}

.WindClan .borderColor {
  background-color: #b77936;
}

.WindClan .habitatInnerText {
  color: #faee93;
}

.WindClan .bottomBox {
  background-color: #fff9cc;

  /* lightshade any */
}

.WindClan .bottomBoxText {
  color: #b77936;
}

.WindClan .skillsBg {
  background-color: #dccb86;
}

.WindClan .skillText {
  color: #b77936;
}
.WindClan .secondSection {
  background-color: #faee93;

  /*    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/shadowclan.png);*/
}
.WindClan .secondSection img[alt="ClanBackground"] {
  object-fit: inherit;
}
.WindClan .secondSection img[alt="FeedImage"] {
  opacity: 1;
}

/* ShadowClan 
Pcolor : #C32033;
mColor : #E22726;
Lcolor: #1B1D4D;
*/
/* .ShadowClan .leaderText,*/
.ShadowClan .borderText,
.ShadowClan .textDesc {
  color: #d6bcff;
}
/* .ShadowClan .imgBorder, */
.ShadowClan .circularBorder {
  border: 1px solid #d6bcff;
}
.ShadowClan .circularBorder {
  border-top: none;
}
.ShadowClan .borderColor {
  background-color: #d6bcff;
}
.ShadowClan .habitatInnerText {
  color: #d6bcff;
}
.ShadowClan .bottomBox {
  background-color: #f1e8ff;
}
.ShadowClan .bottomBoxText {
  color: #c32033;
}
.ShadowClan .skillsBg {
  background-color: #d6bcff;
}
.ShadowClan .skillText {
  color: #c32133;
}

.ShadowClan .secondSection {
  background-color: #1b1d4d;

  /*    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/shadowclan.png);*/
}
.ShadowClan .secondSection img[alt="ClanBackground"] {
  object-fit: inherit;
}
.ShadowClan .secondSection img[alt="FeedImage"] {
  opacity: 1;
}

/* .ShadowClan .secondSection {
    background-color: rgb(30, 80, 114);
    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/shadowclan.png);
} */

/* SkyClan 
Pcolor : #BABF50;
mColor : #78712D;
Lcolor: #799B3E;
*/
/* .SkyClan .leaderText,*/
.SkyClan .borderText,
.SkyClan .textDesc {
  color: #475054;
}
/* .SkyClan .imgBorder, */
.SkyClan .circularBorder {
  border: 1px solid #475054;
}
.SkyClan .circularBorder {
  border-top: none;
}
.SkyClan .borderColor {
  background-color: #475054;
}
.SkyClan .habitatInnerText {
  color: #475054;
}
.SkyClan .bottomBox {
  background-color: #fbfdcc;
}
.SkyClan .bottomBoxText {
  color: #475054;
}
.SkyClan .skillsBg {
  background-color: #78712d;
}
.SkyClan .skillText {
  color: #475054;
}

.SkyClan .secondSection {
  /* background-color: #78712d; */
  background: #78712d
    url("https://warriorcats.com/wp-content/uploads/2025/02/skyclan-pattern.png")
    repeat-y;
  background-size: 100%;
}
.SkyClan .secondSection img[alt="ClanBackground"] {
  object-fit: inherit;
  display: none;
}
.SkyClan .secondSection img[alt="FeedImage"] {
  opacity: 1;
}

/* .SkyClan .secondSection {
      background-color: rgb(209, 234, 242);
    background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/skyclan.png);
} */

/* StarClan  
Pcolor : #5C2D88;
mColor : #846DB0
Lcolor: #C5AAD1
*/
/* .StarClan .leaderText,*/
.StarClan .borderText,
.StarClan .textDesc {
  color: #f8ebfd;
}
/* .StarClan .imgBorder, */
.StarClan .circularBorder {
  border: 1px solid #f8ebfd;
}
.StarClan .circularBorder {
  border-top: none;
}
.StarClan .borderColor {
  background-color: #f8ebfd;
}
.StarClan .habitatInnerText {
  color: #f8ebfd;
}
.StarClan .bottomBox {
  background-color: #f8ebfd;
}
.StarClan .bottomBoxText {
  color: #83688f;
}
.StarClan .skillsBg {
  background-color: #5c2d88;
}
.StarClan .skillText {
  color: #f8ebfd;
}

.StarClan .secondSection {
  background-color: #846db0;
}
.StarClan .secondSection img[alt="ClanBackground"] {
  object-fit: inherit;
}
.StarClan .secondSection img[alt="FeedImage"] {
  opacity: 1;
}

.ext-class > p:first-child span{
    /*display: flex;*/
    gap: 4px;
    /*align-items: center;*/
}

/* .StarClan .secondSection {
  background-color: rgb(64, 34, 137);
  background-image: url(https://warriorcats.com/wp-content/themes/warriorcats/images/starclan.png);
} */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-image: none !important;
  background-color: #000000 !important;
  -webkit-box-shadow: 0 0 0 30px #000000 inset !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #fff !important;
}

/* responsive cats inner adjustment */

@media screen and (min-width: 1280px) {
  .Nightstar .CenterCatImg {
    transform: translateX(-35%);
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
  }
  .Leafstar .CenterCatImg {
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
  }
  .Tallstar .CenterCatImg {
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    height: 400px;
  }
  .Sun.Shadow .CenterCatImg {
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
  }
  .Lightning.Tail .CenterCatImg {
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
  }
  .Briarlight .CenterCatImg {
    transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    -moz-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    -o-transform: translateX(-60%);
  }
  .Berryheart .CenterCatImg {
    transform: translateX(-35%);
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
    height: 330px;
  }
  .Princess .CenterCatImg {
    transform: translateX(-35%);
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
    height: 330px;
  }
}