/* Homepage Animation */

.fcs-slide-content:hover img {
  transform: scale(1.06);
}
.fcs-slide-content img {
  transition: all .35s ease-in-out;
}

/* Homepage Design Card Styles */

#drumcorp-anim-box.fru-anim-box .fru-anim-box-img-main {
  background-position: bottom center !important;
}
#drumcorp-anim-box.fru-anim-box:hover .fru-anim-box-img-main {
  transform: translateX(-50%) scale(1.1);
}
@media only screen and (max-width: 767px) {
  #drumcorp-anim-box.fru-anim-box {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: right;
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-main {
    transform: translateY(-50%) translateX(-60%) scale(2) !important;
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-texture {
    left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #drumcorp-anim-box.fru-anim-box {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: right;
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-main {
    right: 40%;
    transform: translateX(-50%) translateY(-10%) scale(1.2);
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-texture {
    left: 30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-main {
    left: 65%;
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-texture {
    left: 12%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-main {
    left: 60%;
  }
  #drumcorp-anim-box.fru-anim-box .fru-anim-box-img-texture {
    left: 5%;
  }
}

#competitive-anim-box.fru-anim-box .fru-anim-box-img-main {
  background-position: bottom center !important;
}
@media only screen and (max-width: 767px) {
  #competitive-anim-box.fru-anim-box .fru-anim-box-img-main {
    transform: translateY(-50%) translateX(-60%) scale(2) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #competitive-anim-box.fru-anim-box .fru-anim-box-img-main {
    transform: translateY(-15%) translateX(-62%) scale(1.3) !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #competitive-anim-box.fru-anim-box .fru-anim-box-img-main {
    left: 45%;
  }
}
/* Filter Styles */

.design-filter-section #caf-post-layout-container.data-target-div1.post-layout1 {
    margin-top: 15px;
}
.design-filter-section .caf-active-filters {
    margin-bottom: 15px;
}
.design-filter-section .multiple-taxonomy-filter .caf-mtf-layout {
    margin-top: 15px;
}
.design-filter-section .data-target-div1 div#caf-multiple-taxonomy-filter ul li label {
    color: #2d56ae;
}
.design-filter-section .data-target-div1 div#caf-multiple-taxonomy-filter ul li input[type='checkbox']:checked + label::before {
    color: #2d56ae !important;
}
.design-filter-section div#caf-multiple-taxonomy-filter ul.caf-filter-container {
  border-radius: 0px !important;
}
.design-filter-section div#caf-multiple-taxonomy-filter ul li label {
  border-radius: 0px !important;
}
.design-filter-section ul#caf-layout-pagination.post-layout1 span.page-numbers.current {
  border-radius: 0px !important;
}
.design-filter-section ul#caf-layout-pagination.post-layout1 li a {
  border-radius: 0px !important;
}

/* Filtering Color Label */

.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-7 + label {
  color: black;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-9 + label {
  color: #1134a6;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-41 + label {
  color: #964B00;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-45 + label {
  color: #660033;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-42 + label {
  color: #DAA520;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-10 + label {
  color: green;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-43 + label {
  color: #A9A9A9;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-63 + label {
  color: #800000;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-11 + label {
  color: orange;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-12 + label {
  color: purple;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-13 + label {
  color: #9e1a1a;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-14 + label {
  color:  #848482;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-44 + label {
  color: #008080;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-8 + label {
  color: black;
}
.design-filter-section #caf-multiple-taxonomy-filter .caf-mtf-tax-design_colors #mtf-terms-15 + label {
  color: #FFD700;
}


/* Process Section Styles */
.steps {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.steps-container {
  padding: 4rem;
  min-height: 500px;
}
/* @media only screen and (max-width: 576px) {
  .steps-container {
    min-height: 300px;
  }
} */
@media only screen and (max-width: 992px) {
  .steps-container {
    min-height: 300px;
    padding: 2rem;
  }
}
.step-small-heading {
  text-transform: uppercase;
  font-style: italic;
  margin-bottom: 0px;
  font-weight: 500;
}
.left-step-1-texture-img,
.right-step-1-bg-img,
.left-step-2-bg-img,
.right-step-2-texture-img,
.left-step-3-texture-img,
.right-step-3-bg-img,
.left-step-4-bg-img,
.right-step-4-texture-img,
.left-step-5-texture-img,
.right-step-5-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}

.left-step-1-texture-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage_LineTexture1_Consultation-Delivery.png);
  background-color: #e5e5e5;
  background-position: center right;
}
.right-step-1-bg-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage-Image1_Consultation_1.jpg);
  background-position: center center;
}

.left-step-2-bg-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage-Image2_Concept.jpg);
  background-position: center center;
}
.right-step-2-texture-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage_BlackTexture1_Concept.png);
  background-position: center center;
}

.left-step-3-texture-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage_LineTexture2_Prototype.png);
  background-color: #e5e5e5;
  background-position: bottom left;
}
.right-step-3-bg-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage-Image3_Prototype_1.jpg);
  background-position: center center;
}

.left-step-4-bg-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage-Image4_Production.jpg);
  background-position: center center;
}
.right-step-4-texture-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage_BlackTexture2_Production.png);
  background-position: center center;
}

.left-step-5-texture-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage_LineTexture1_Consultation-Delivery.png);
  background-color: #e5e5e5;
  background-position: center right;
}
.right-step-5-bg-img {
  background-image: url(/wp-content/uploads/2025/02/FUI4009-ProcessPage-Image5_Delivery-2.jpg);
  background-position: center center;
}

/* History Page Styles */

.history-header-bg-img {
  background-image: url(/wp-content/uploads/2023/01/history.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

#history-slider .slick-slide{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
#history-slider .history-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 4 / 3;
  /* padding-left: 16px;
  padding-right: 16px; */
}
#history-slider .slick-dots {
  bottom: -6.5rem;
}

/* Process Video */

.process-banner video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}
.process-container {
  padding: 4rem;
  min-height: 500px;
}
@media only screen and (max-width: 576px) {
  .process-container {
    min-height: 300px;
  }
}
@media only screen and (max-width: 992px) {
  .process-container {
    padding: 2rem;
  }
}

/* Process Page Image Label */

.why-fruhauf:before {
  content: '- Blue Knights 2022 "Vibe"';
  position: absolute;
  width: 100%;
  height: auto;
  color: #000;
  font-style: italic;
  font-size: 14px;
  bottom: 5rem;
  left: 70%;
}
@media only screen and (max-width: 600px) {
  .why-fruhauf:before {
    content: '- Blue Knights \A 2022 "Vibe"';
    white-space: pre;
  }
}
/* Designs Page Header Styles */

.band-guys-header-img {
  background-image: url(/wp-content/uploads/2025/02/Design-banner-subject.png);
  background-position: 50% 35%;
  background-size: cover;
  background-repeat: no-repeat;
}
.band-guys-header-img:before {
  content: '- Blue Knights 2022 "Vibe"';
  position: absolute;
  width: 100%;
  height: auto;
  color: #fff;
  font-style: italic;
  font-size: 14px;
  bottom: 1rem;
  left: 90%;
}
@media only screen and (max-width: 1199px) {
  .band-guys-header-img:before {
    left: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1370px) {
  .band-guys-header-img:before {
    left: 70%;
    bottom: 90%;
  }
}

/* Mission Page Image Label */

.mission-bg-img:before {
  content: '- Colts 2022 \A "The Silk Road"';
  white-space: pre;
  position: absolute;
  width: 100%;
  height: auto;
  color: #fff;
  font-style: italic;
  font-size: 14px;
  bottom: 1rem;
  left: 95%;
}
@media only screen and (max-width: 991px) {
  .mission-bg-img:before {
    bottom: 10rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .mission-bg-img:before {
    left: 4%;
    bottom: 12rem;
    color: #000;
    font-size: 12px !important;
  }
}
.mission-bg-img {
  background-image: url(/wp-content/uploads/2025/03/BandMembers_1.png);
  background-position: 50% 35%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1199px) {
  .mission-bg-img {
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-10%) scale(1.2);
  }
}

/* Construction Page Responsive */ 

@media only screen and (min-width: 992px) and (max-width: 1919px) {
  #flx-fabric {
    background-position: 40% 50% !important;
  }
}

/* Construction Page Image Label */

/* .gen-fiv:before {
  content: '- The Academy 2022 \A “A World of My Creation”';
  white-space: pre;
  position: absolute;
  width: 100%;
  height: auto;
  color: #000;
  font-style: italic;
  font-size: 14px;
  bottom: 1rem;
  left: 85%;
} */

/* Mobile Hide */

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}