/*
 Theme Name:   Gráfica Art 3
 Description:  Child theme to gráfica art3
 Author:       Core TI Expert
 Author URI:   http://coretiexpert.com.br
 Version:      1.0.0
 Text Domain:  graficaart3
*/

body {
  font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  overflow-x: hidden;
}

body .btn {
  border-radius: 16px;
}

body .red,
body .page-link,
body .page-link:hover {
  color: #d93131;
}

body .text-danger,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
  color: #d93131;
  font-weight: 500;
}

body .btn-danger,
body .active > .page-link,
body .page-link.active {
  background-color: #d93131;
  border-color: #d93131;
}

body a {
  text-decoration: none;
}

body a.nav-link,
body p {
  font-weight: 500;
}

.degrade {
  background: -webkit-linear-gradient(
    -25deg,
    #f90300 10%,
    #ef9f09 45%,
    #1a9155 60%,
    #0a9ede 90%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body .accordion-item {
  margin-bottom: 20px;
}

#header {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.accordion-button:not(.collapsed) {
  color: #222;
  background-color: transparent;
  box-shadow: none;
}

#servicos .card-body {
  min-height: 240px;
}

#servicos p {
  font-weight: 600;
  color: #6c757d;
}

#home-video h5 {
  margin-bottom: 30px;
}

#machine p {
  border-left: 4px solid;
  border-image-source: linear-gradient(#f90300, #ef9f09, #1a9155, #0a9ede);
  border-image-slice: 1;
  padding-left: 15px;
  margin-bottom: 40px;
}

#posts .post-image {
  width: 80%;
  height: 334px;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

#posts .post-image img {
  height: 100%;
  object-fit: cover; /* faz o crop */
  object-position: center;
}

#posts .post-content .icon-art3 {
  max-width: 20px;
}

#category .list {
  list-style: none;
}

.horizontal-gradient-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    93.24deg,
    #f90300 -9.93%,
    #ef9f09 28.08%,
    #1a9155 66.09%,
    #0a9ede 105.25%
  );
}

#products .categoria-produto {
  font-size: 13px;
}

#modalOrcamento .categoria-produto {
  position: absolute;
  left: 52%;
  top: 40px;
}

.carousel-inner {
  padding: 1em;
}
#carousel-multiple-items .card {
  margin: 0 1.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  min-height: 32em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #a7a7a7;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  #carousel-multiple-items .card {
    margin: 0rem 0.5rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 50%;
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}

@media (max-width: 520px) {
  .hero {
    background-image: url('/wp-content/themes/graficaarte3/assets/images/bg-graficaart3-mobile.jpg') !important;
    min-height: 900px !important;
    align-items: start !important;
  }
  .hero .container {
    margin-top: 130px !important;
  }
  /* .hero .btn {
    background-color: #aa2bc4c5 !important;
  } */
}

.card .img-wrapper {
  max-width: 100%;
  height: 13em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card img {
  max-height: 100%;
}
@media (max-width: 767px) {
  .card .img-wrapper {
    height: 17em;
  }
}

@media (min-width: 1400px) {
  body .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1580px;
  }
}
#form-orcamento span.input-title {
  position: relative;
  top: 13px;
  left: 13px;
  z-index: 100;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  padding: 0 5px;
}

#form-orcamento input,
#form-orcamento textarea {
  font-size: 15px;
  padding: 10px 10px;
  font-weight: 500;
}

#form-orcamento label,
#form-orcamento p#observacoes {
  position: relative;
  bottom: 16px;
}

#form-orcamento p {
  margin-bottom: 0px;
}

#form-orcamento p#observacoes {
  font-size: 13px;
  margin: 15px 0px;
}

body .wpcf7 form .wpcf7-response-output {
  border-radius: 12px;
  margin: 0em 0.5em 1em;
  position: absolute;
  bottom: -10px;
  left: 0px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  text-align: center;
}

body .wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background: #d60000;
  color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background: #ffb900;
  color: #000000;
}

body .wpcf7-not-valid-tip {
  font-size: 13px;
}

.whatsapp-float {
  position: fixed;
  width: 64px;
  height: 64px;
  bottom: 20px;
  right: 25px;
  z-index: 9999;
  cursor: pointer;
  border: 7px solid #fefefe;
  background: #efefef;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
