/*  CSS Art go crea */

/* containers */

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
  .container,
  .container-md,
  .container-sm,
  .header-pages {
    max-width: 98%;
  }
} /* end media*/

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
} /* end media*/
@media (min-width: 1920px) {
  .container-xxl {
    max-width: 1920px;
  }
} /* end media*/



/*  clases tipografias */

body {
   letter-spacing: 0.035rem; 
  background-color: #f8f8f8;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 22px;
  }
  .bg-100 .wp-block-cover,
  .bg-100 .wp-block-cover-image {
    min-height: 96%;
  }
} /* end media */

.maxw950 {
  max-width: 950px;
}
.maxw1100 {
  max-width: 1100px;
}

/* header */
.navbar-brand img, .logo-footer img {
  max-width: 170px;
  height: auto;
}
.top-header {
  padding-top: 7px;
}

.redes svg {
  max-width: 25px;
}

.nav-link {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.nav-link:hover,
.active .nav-link {
  color: #fff;
}

.offcanvas-body .nav-link:focus,
.offcanvas-body .nav-link:hover {
  color: #fff !important;
}

#main-nav .offcanvas.offcanvas-top {
  height:100vh; width:100vw; 
}

#main-nav .dropdown-toggle::after {
  display: none;
}

.dropdown-menu li a {
  font-size: 18px;
  padding: 8px 15px;
  white-space: normal;
}

@media only screen and (min-width: 768px) {
  .navbar-brand img, .logo-footer img {
    max-width: 300px;
  }
  .top-header {
    padding-top: 25px;
  }
  .redes svg {
    max-width: 35px;
  }
  .nav-link {
    font-size: 40px;
  }
  .dropdown-menu li a {
    font-size: 30px;
    line-height: 1;
    text-align: center;
  }
  #main-nav .offcanvas.offcanvas-top {
    height:80vh; width:80vw; margin:10vw auto; max-width:500px; max-height:500px;
  }

} /*  end css */

@media only screen and (min-width: 1024px) {
  .nav-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .redes svg {
    max-width: 50px;
  }
} /*  end css */

.navbar-toggler-icon {
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 77.3 68.9" style="enable-background:new 0 0 77.3 68.9;" xml:space="preserve"><g><g><rect x="1" y="0.7" width="75" height="12"/></g><g><rect x="1" y="28.2" width="75" height="12"/></g><g><rect x="1" y="55.7" width="75" height="12"/></g></g></svg>');
}
.offcanvas-header {
  position: absolute;
    top: 10px;
    right: 10px;
}
.offcanvas-header .btn-close{
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")  no-repeat;
  width: 15px;
  height: 15px;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .navbar-toggler-icon {
    width: 3rem;
    height: 3rem;
  }
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler-icon:focus,
.btn-close:focus {
  outline: none !important;
  border: none !important;
  border-width: 0;
  box-shadow: none !important;
  border: none;
}




/* botones */
.btn-primary,
.understrap-read-more-link,
.active > .page-link,
.page-link.active {
  background-color: #930606;
  border: none;
}
.page-link {

}
.btn-primary:hover,
.understrap-read-more-link:hover .active > .page-link:hover {
  background-color: #000;
  border: none;
}
.wp-block-button__link {
  background-color: #930606;
  color: #fff;
  border: none;
  line-height: 100%;
  border-radius: 0;
}

.wp-block-button__link:hover {
  background-color: #000;
  color: #fff;
}

/* footer */

#wrapper-footer-full,
#wrapper-static-hero {
  background-color: transparent;
  color: #000;
  padding-top: 0;
}
#wrapper-footer-full a {
  color: #000;
  text-decoration: none;
}
#wrapper-footer-full a:hover {
  color: #666;
}
/* menu legales*/
.footer-basic ul {
  list-style: none;
  margin: 10px auto 40px;
  padding-left: 0;
}

.footer-basic ul li {
  display: block;
  padding: 5px auto;
}

.footer-basic li a {
  font-size: 20px;
}



@media only screen and (min-width: 768px) {
  .footer-basic ul li {
    display: inline-block;
    padding: 5px;
  }
} /*  end css */

/* SLIDER HOME*/

.enlace-slider-home {
  display: block;
  overflow: hidden;
}
.enlace-slider-home:hover img {
  transition: 0.5s;
}
.enlace-slider-home:hover img:hover {
  opacity: 0.7;
  transform: scale(1.2);
}

/* slick */

@media only screen and (max-width: 768px) {
   .slider-home .slick-prev,
   .slider-home .slick-next {
    display: none !important;
  }
  
}

.slider-home .slick-prev {
  z-index: 20;
  opacity: 1;
  left:35px!important;
}
.slider-home .slick-next {
  right: 50px !important;
  z-index: 20;
  opacity: 1;
}
.slider-home .slick-prev::before {
  content: "";
  background: transparent
    url("https://www.artgocrea.es/wp-content/themes/artgocrea-web/img/flecha-slider-left.svg?123")
    no-repeat left center;
  padding: 10px;
}
.slider-home .slick-next::before {
  content: "";
  background: transparent
    url("https://www.artgocrea.es/wp-content/themes/artgocrea-web/img/flecha-slider-right.svg?123")
    no-repeat right center;
  padding: 10px;
}
.slider-home .slick-dots li button:before {
  font-size: 40px !important;
}

@media only screen and (min-width: 1024px) {

 .slider-home .slick-prev::before, .slider-home .slick-next::before {
   padding: 30px;
 }
 .slider-home .slick-next {
  right: 75px !important;

}
}

/*  home */

/* archive cocinas */

.featured-img {
  overflow: hidden;
  height: 150px;
}
.featured-img img {
  width: 200%;
  max-width: none !important;
}
.featured-img:hover img {
  transition: 0.5s;
}
.featured-img:hover img:hover {
  opacity: 0.7;
  transform: scale(1.2);
}

@media only screen and (min-width: 1024px) {
  .featured-img {
    height: 250px;
  }
} /* end media */









/* contact form*/

.formulario , .formulario .wpcf7 {
  max-width: 1024px !important;
  margin:0 auto;
}


.formulario .wpcf7-form input[type="text"],
.formulario .wpcf7-form input[type="tel"],
.formulario .wpcf7-form input[type="email"],
.formulario .wpcf7-form textarea,
.formulario .wpcf7-form select,
.formulario .wpcf7 input[type="text"]:focus,
.formulario .wpcf7 input[type="tel"]:focus,
.formulario .wpcf7 input[type="email"]:focus,
.formulario .wpcf7 input[type="email"]:focus-visible,
.formulario .wpcf7-form select:focus,
.formulario .wpcf7 textarea:focus {
  color: #fff;
  border:none;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
  padding: 20px 0;
  border-bottom: 2px solid #fff;
  font-size: 17px;
  margin-bottom:20px;
}

.formulario .wpcf7 input[type="submit"] {
  width: 210px;
  border-radius: 0;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #930606;
  border:2px solid #fff;
  padding: 10px auto;
  letter-spacing: 0.15rem;
}

.formulario  .wpcf7 input[type="submit"]:hover,
.formulario  .wpcf7 input[type="submit"]:focus,
.formulario  .wpcf7 input[type="submit"]:active,
.formulario  .wpcf7 input[type="submit"]:first-child:active,
.formulario  .wpcf7 input[type="submit"]:focus-visible {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
}

.formulario  .wpcf7 input[type="submit"]:disabled {
  background: #666;
  color: #fff;
  border: 2px solid #fff;
}
.formulario  .wpcf7-acceptance .wpcf7-list-item {
  margin: 0 !important;
}
.formulario .wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 20px !important;
  background-color: #666;
  color: #FFF;
  border: 2px solid #ddd;
  font-size: 18px;
  line-height: 120%;
}

.formulario ::placeholder {
  font-weight: normal;
  font-size: 15px;
  color:#999 !important;
}
.formulario label {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.2;
}

.formulario  .wpcf7-not-valid-tip {
  color: #ddd !important;
  font-weight: normal;
  font-size: 15px;
  padding: 10px;
  background-color: #666;
}
.formulario  .wpcf7-form textarea {
  height: 120px;
}

.formulario select, .formulario select:focus-visible {
  background-image: url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"></path></svg>);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  padding: 10px 0;
}

 .wpcf7-form .formulario .privacidad label{
  font-size:19px;
}
 

@media only screen and (min-width: 768px) {
  .formulario .wpcf7-form input[type="text"],
.formulario .wpcf7-form input[type="tel"],
.formulario .wpcf7-form input[type="email"],
.formulario .wpcf7-form textarea,
.formulario .wpcf7-form select,
.formulario .wpcf7 input[type="text"]:focus,
.formulario .wpcf7 input[type="tel"]:focus,
.formulario .wpcf7 input[type="email"]:focus,
.formulario .wpcf7 input[type="email"]:focus-visible,
.formulario .wpcf7-form select:focus,
.formulario .wpcf7 textarea:focus {
    font-size: 20px;
  }
  .formulario .wpcf7 input[type="submit"] {
    font-size: 29px;
  }
  .formulario label {
    font-size: 24px;
  }
  .formulario ::placeholder {
    font-size: 19px;
  }
} /*  end css */

.wp-block-image>figure img {
  margin-bottom:0!important;
}
/* end containers css basic */
.gap-0 {
  gap: 0;
}



.bloque-proyectos .proyecto {
  position: relative;
  overflow: hidden;
}

.bloque-proyectos .proyecto .proyecto-list-tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index:10;
}
.bloque-proyectos .proyecto .proyecto-list-tit a  {
  color:#000;
  background-color: rgba(248, 248, 248, 0.8);
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  display: flex;
  align-items: center;
}

.bloque-proyectos .proyecto .proyecto-list-tit:hover a {
  opacity: 1;
}
.bloque-proyectos .proyecto .proyecto-list-tit:hover a span {
  width: 100%;
  text-align: center;
  display: block;
}
.bloque-proyectos .btn-close {
  width: 100%;
  height: 25px;
  padding:10px;
  background-position: 90% 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  background-size: 25px;
}
 
.bloque-proyectos .slick-slide img {
  width: 100%!important;
} 

.bloque-proyectos .proyecto .img-destacada, .lista-img-destacada  {
  border-radius: 20px;
  overflow: hidden;
} 
/* .modal-img-destacada img,  */
.lista-img-destacada img  {
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  height: auto;

} 

.single-proyecto figure.wp-block-image {
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}

@media only screen and (min-width: 768px) {
  .bloque-proyectos .btn-close {
    height: 50px;
    background-size: 40px;
    background-position: 95% 20px;
  }
  .bloque-proyectos .proyecto .img-destacada,
  .lista-img-destacada   {
   max-height: 320px;
   overflow: hidden;
  }  

} /*  end css */
@media only screen and (min-width: 1200px) {
  .bloque-proyectos .proyecto .img-destacada ,
  .lista-img-destacada  {
   max-height: 390px;
   
  } 
	
	.single-proyecto figure.wp-block-image {
	margin-top:2rem;
	margin-bottom:2rem;
}
 
} /*  end css */