/***CUSTOM*CSS****/

/* === GENERAL === */
.orange {
  color: #F7821E;
}
.white_transparent {
  opacity: 0.9;
}
.bold {
  font-weight: 700 !important;
}
.regular {
  font-weight: 500 !important;
}
.et_pb_blurb h4 {
  font-weight: 800 !important;
}
.overflow-visible {
  overflow: visible !important;
}
#mobile_menu1 {
    margin-top: 20px !important;
}

/* === ICONS / LISTS === */
.list-icons li:before {
  content: "\f00c" !important;
  font-family: FontAwesome;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 10px;
  width: 12px;
  height: 5px;
  color: #fff;
  background-color: #F7821E;
  padding: 10px 7px;
  border-radius: 50px;
  margin-right: 8px;
}

/* === BUTTONS === */
.icon_btn {
  padding-right: 30px !important;
}
a.icon_btn::before {
  background-color: #F7821E;
  left: 3%;
  position: absolute;
  border-radius: 50px;
  padding: 0 7px;
}
.icon_btn:hover {
  background-color: #F7821E40 !important;
  color: #000 !important;
}

a.icon_btn_2::before {
  background-color: #F7821E;
  position: absolute;
  border-radius: 50px;
  left: 1%;
  padding: 2px 9px 2px 12px;
}
.icon_btn_2:hover {
    background-color: #F7821E40 !important;
  color: #000 !important;
}

/* === SLIDER / CARROUSEL === */
.sp-pcp-post {
  overflow: visible;
  border-radius: 15px !important;
}
.sp-pcp-post .sp-pcp-post-thumb-area img {
  height: 200px;
  object-fit: cover;
}
.sp-pcp-title a {
  font-weight: 700 !important;
  text-align: center;
  padding: 0.5rem;
}
.sp-pcp-post .sp-pcp-post-content {
  text-align: center;
  margin-bottom: -1rem;
  overflow: visible;
}
a.pcp-readmore-link {
  z-index: 999;
  padding: 10px 30px !important;
  font-size: 16px !important;
  font-family: 'Railway', Helvetica, Arial, sans-serif !important;
}
.pcp-carousel-wrapper .pcp-button-prev.top_right,
.pcp-carousel-wrapper .pcp-button-next.top_right {
  top: 50% !important;
  border-radius: 50px !important;
}
.pcp-carousel-wrapper .pcp-button-prev.top_right {
  left: 0;
}
#lcs_logo_carousel_wrapper .owl-stage-outer {
  height: 150px;
}
.owl-nav.disabled {
  display: block !important;
  width: 100%;
  height: 100%;
}
.owl-prev, .owl-next {
  background: #000 !important;
  border-radius: 50px !important;
  border: none !important;
}
.owl-next {
  left: 100%;
  top: 50%;
  position: absolute;
}
.white_circle {
  width: 15px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  border-radius: 50px;
  z-index: 9999;
  top: 34px;
  left: -9.3%;
}

/* === ACCORDION === */
.et_pb_module.et_pb_accordion.et_pb_accordion_1 {
  margin-bottom: 0 !important;
}
.et_pb_toggle_open .et_pb_toggle_title::after {
  content: "\33" !important;
  transform: rotate(180deg);
  transition: ease-in-out 0.5s;
  font-size: 25px;
  color: #fff;
}

/* === FORM === */
.form_section button {
  margin: 20px auto 0 auto !important;
  display: flex;
}
.form_section button:hover {
  background-color: #F7821E !important;
  color: #000 !important;
}
.form_section button::before {
  background-color: #fff;
  left: 5%;
  position: absolute;
  border-radius: 50px;
  padding: 0 7px;
}
.orange-border {
  border: 1px solid orange;
  padding: 20px 0 15px 0 !important;
  border-radius: 30px;
}
.orange-border li {
  margin-left: -10px;
}
#mc_embed_signup {
      background-image: url("https://barchip.com/wp-content/uploads/2024/10/FORM_BG.webp");
      background-repeat: no-repeat;
      background-size: cover;
      font: 14px Helvetica, Arial, sans-serif;
      max-width: 700px;
      padding: 3rem;
      border-radius: 40px;
    }
.mc-field-group label {
      display: none !important;
    }
    #topMcForm input, #topMcForm select {
  border-radius:40px;
  background-color:#EFEEEF;
  height:60px;
  border:none;
  width:50%;
  font-family:Poppins;
  font-size:16px;
  padding-left:1.5rem !important;
  }
#topMcForm #mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
}
#topMcForm .mc-field-group {
  width:49%;
  margin-right:1%;
  padding-bottom:15px;
}
#topMcForm .clear {
      margin: 0 auto !important;
    }
#topMcForm .button {
  color: #F7821E;
  border: 1px #F7821E solid;
  background-color:#fff;
  font-weight:500;
	font-size:18px;
	height:50px;
	width:130px;
  margin-top:1rem;
	border-radius:10px;
  font-family:Raleway;
}
    #topMcForm input, #topMcForm select {
      width:100% !important;
  }
    #mc_embed_signup .mc-field-group input,
    #mc_embed_signup .mc-field-group select {
      border-radius: 40px;
      border: none;
      padding-left: 1.5rem !important;
      height: 50px;
      font-family: "Monteserrat", "Raleway", Helvetica !important;
      color: #000;
      font-weight: 500;
      font-size: 16px;
    }
    #mc_embed_signup textarea {
        color:#000;
        padding:20px;
        border-radius:20px;
        font-size:16px;
        font-family:Raleway;
        font-weight:500;
    }
    #mc_embed_signup .mc-field-group input::placeholder {
      color: #000;
    }
    #mc_embed_signup .mc-field-group textarea::placeholder {
      color: #000;
    }
    #mc_embed_signup .clear {
      display: flex;
      justify-content: center;
    }
    #mc-embedded-subscribe {
      border-radius: 10px !important;
      margin: 1rem auto;
      background-color: transparent !important;
      font-size: 18px !important;
      height: 50px !important;
      transition-duration: .2s !important;
      text-transform: uppercase !important;
    }
    #mc-embedded-subscribe:hover {
      border: none !important;
    }
    #mc-embedded-subscribe::before {
      content: "\e00b";
      font-family: 'ETmodules' !important;
      color: #fff;
      font-size: 50px;
      display: inline-block;
      margin-right: 8px;
      position: relative;
      top: 0.1em;
    }
    #mc-embedded-subscribe-form input[type=checkbox] {
      display: inline;
      width: auto;
      margin-right: 10px;
    }
    #mergeRow-gdpr {
      display: none !important;
    }
    #mergeRow-gdpr fieldset label {
      font-weight: normal;
    }
    #mc-embedded-subscribe-form .mc_fieldset {
      border: none;
      min-height: 0px;
      padding-bottom: 0px;
    }

/* === FOOTER === */
body #page-container .footer_button_row a::before {
  position: absolute !important;
  left: 10px !important;
}
.footer_button_row a.et_pb_button.et_pb_button_3.et_pb_bg_layout_dark {
  padding-left: 40px !important;
  border-left: 25px solid #f6821f !important;
}
.footer_button_row a.et_pb_button.et_pb_button_3.et_pb_bg_layout_dark::hover {
  border-left: 25px solid #fff !important;
}
@media (min-width: 981px) {
  .home_faqs .et_pb_gutters3 .et_pb_column {
    margin-right: 0px !important;
  }
}

@media (max-width: 980px) {
  #mobile_menu1 {
    background-color: rgb(255, 126, 20) !important;
    padding: 10px;
  }
  h6, p, li, ul {
    font-size: 16px;
  }
  #mc_embed_signup {
    border-radius: 40px 40px 0 0 !important;
  }
}

@media screen and (max-width: 1641px) and (min-width: 1026px) {
  h1 {
    font-size: 60px !important;
    line-height: 55px !important;
  }
  h2 {
    font-size: 50px !important;
    line-height: 55px !important;
  }
  .get-designs-in-minutes-col {
    padding-right: 8% !important;
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 1025px) and (min-width: 768px) {
  h1 {
    font-size: 55px !important;
    line-height: 50px !important;
  }
  h2 {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  .get-designs-in-minutes-col {
    padding-right: 2% !important;
    padding-left: 30px !important;
  }
  .et_pb_row.et_pb_row_7 .et_pb_column_3_5.et_pb_column_15 {
    width: 89% !important;
  }
}
@media screen and (min-width: 768px) {
    .w60 {
        width:60% !important;
    }
    #topMcForm .mc-field-group {
      width:49% !important;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px !important;
    line-height: 41px !important;
    text-align:center !important;
  }
  h2 {
    font-size: 30px !important;
    line-height: 32px !important;
    text-align:center !important;
  }
  .mobile-col {
      display:flex;
      flex-direction:column;
  }
  .mobile-fullw {
      width:100% !important;
  }
  .form_section .et_pb_row {
      padding-top: 0 !important;
  }
  .form_section .et_pb_column:first-child{
      margin-top: 0 !important;
  }
  #topMcForm .mc-field-group {
      width:100% !important;
  }
  #mc_embed_signup {
      padding: 1rem !important;
    }
  .et_pb_section:not(.et_pb_section_1) h6 {
      text-align:center !important;
      hyphens: auto;
      word-break: break-word;
      line-height:1.5;
      font-size: 16px !important;
  }
  .et_pb_button_module_wrapper {
      text-align:center !important;
  }
  .home_faqs .et_pb_row {
      width:100% !important;
  }
  .home_faqs {
      padding-bottom:0px !important;
      margin-bottom: 0px !important;
      padding-right:5px;
      padding-left:5px;
  }
  .get-in-touch {
      margin: -1rem !important;
  }
  .get-designs-in-minutes-col {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .et_pb_row.et_pb_row_7 .et_pb_column_3_5.et_pb_column_15 {
    width: 99% !important;
  }
  .col-rev {
    display: flex;
    flex-direction: column-reverse;
  }
  .footer-columns .et_pb_column,
  .footer-columns .et_pb_module {
    width: 100% !important;
    padding-left: 10px;
    border-right: none !important;
  }
  .copyright {
    font-size: 12px;
  }
      .grey-overlay::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('https://bar.proj-dev.com/wp-content/uploads/2025/05/mobile-grey-bg.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 0;
        pointer-events: none;
    }
}

@media screen and (max-width: 500px) {
  .owl-prev {
    left: -8.5% !important;
  }
}

@media screen and (min-width: 1600px) {
  .et_pb_section_1 {
  min-height:850px;
}
}