/*
Theme Name: BalliuExport
Text Domain: balliuexport
Author: Joan Valls - 6TEMS
Author URI: http://6tems.com
Requires at least: WordPress 6.1
Description: Tema personalizado
Version: 1.0
*/

/* LOADER */

.loader {
  width: 50px;
  height: 50px;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite;
  margin-left: auto;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin: auto;
  margin-top: 40px;
}
.prj-main {
  width: auto;
}

.prod-main-list img {
  width: 565px;
  height: 350px;
  object-fit: cover;
}

#prod-slide .prod-img img {
  width: 365px !important;
  height: 365px;
  object-fit: cover;
}

.col-lst .col-img img {
  width: 565px;
  height: 350px;
  object-fit: cover;
}
.altres-projectes .comp-img img {
  width: 288px !important;
  height: 350px !important;
  object-fit: cover;
}

.proj-lst ul li .proj-img img,
.comp-img img,
.altres-projectes img {
  width: 270px !important;
  height: 240px !important;
  object-fit: cover;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* end LOADER */

/* NOTIFICACIONS */

.notice {
  display: inline-block;
  line-height: 19px;
  padding: 11px 15px;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-left: 4px solid #ffba00;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: 5px 0px 5px 2px;
  margin-bottom: 20px;
}

/* .notice v2 */

.notice {
  border: 1px solid #ffba00;
  border-left: 4px solid #ffba00;
}

/* end .notice v2 */

.notice p {
  padding: 0px 5px;
  font-size: 14px !important;
  margin: 0;
  margin-bottom: 0px !important;
}

.notice.notice-info {
  border-color: #00a0d2;
}

.notice.notice-warning {
  border-color: #ffb900;
}

.notice.notice-success {
  border-color: #46b450;
}

.notice.notice-error {
  border-color: #dc3232;
}

/* /NOTIFICACIONS */

/* YOUTUBE */

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  /*padding-top: 30px;*/
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-home pre {
  margin: 0;
  position: relative;
}

.video-responsive {
  /*position: initial;*/
  margin-top: -30px;
}

/* end YOUTUBE */

.form-response {
  padding-top: 40px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

/* TOOLTIP 
 * <div class="tooltip">Hover over me
 *   <span class="tooltiptext">Tooltip text</span>
 * </div>
*/

/* Tooltip container */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}

/* Tooltip text */

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* end TOOLTIP */

.hdr-pge
  #sticky-wrapper:not(.is-sticky)
  .header-div:not(.is-active)
  .top-menu
  .logo
  a
  img {
  content: none !important;
  filter: brightness(0) invert(1);
}